:root{--bg:#faf3f1;--bg-rgb:250, 243, 241;--bg-2:#f6ebe8;--surface:#f1e2de;--surface-2:#ead5d0;--line:#5c2a3e1a;--line-strong:#5c2a3e2e;--ink:#3b1f2c;--muted:#86666f;--faint:#ae959c;--accent:#c25a7c;--accent-rgb:194, 90, 124;--accent-soft:#f4c7d4;--accent-deep:#8e3456;--on-accent:#fff;--danger:#c0473f;--grain:.035;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#160e12;--bg-rgb:22, 14, 18;--bg-2:#1d1318;--surface:#24171d;--surface-2:#2d1d25;--line:#fadee814;--line-strong:#fadee826;--ink:#f8e9ee;--muted:#c2a6b0;--faint:#836872;--accent:#eaa0b8;--accent-rgb:234, 160, 184;--accent-soft:#f7d1dd;--accent-deep:#b35c7e;--on-accent:#2a1520;--danger:#ec9589;--grain:.05;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--serif:"Cormorant Garamond", "Times New Roman", serif;--sans:"Manrope", "Segoe UI", system-ui, sans-serif;--ease:cubic-bezier(.22, .8, .2, 1);--ease-slow:cubic-bezier(.16, 1, .3, 1);--maxw:1320px;--gutter:clamp(16px, 4vw, 48px)}*{box-sizing:border-box}html{scroll-behavior:smooth;overscroll-behavior-y:none}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:15px;font-weight:400;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--on-accent)}body,.topbar.scrolled,.modal,.btn,.filter,.tag{transition-property:background,color,border-color,transform,opacity}svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.grain{z-index:400;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(8,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}}.preloader{z-index:500;background:var(--bg);transition:transform .6s var(--ease-slow), visibility 0s .6s;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:fixed;inset:0}.preloader-mark{font-family:var(--serif);letter-spacing:.04em;font-size:44px;overflow:hidden}.preloader-mark span{color:var(--accent);font-style:italic}.preloader-mark{animation:rise .5s var(--ease-slow) both}.preloader-line{background:var(--line-strong);width:120px;height:1px;position:relative;overflow:hidden}.preloader-line:after{content:"";background:var(--accent);transform-origin:0;animation:load .5s var(--ease) forwards;position:absolute;inset:0}@keyframes load{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body.loaded .preloader{visibility:hidden;transform:translateY(-100%)}@keyframes rise{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}.topbar{z-index:100;transition:background .5s var(--ease), border-color .5s var(--ease), padding .5s var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.topbar.scrolled{background:rgba(var(--bg-rgb), .82);-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);border-color:var(--line)}.topbar-inner{max-width:var(--maxw);padding:22px var(--gutter);transition:padding .5s var(--ease);align-items:center;gap:48px;margin:0 auto;display:flex}.topbar.scrolled .topbar-inner{padding-top:14px;padding-bottom:14px}.logo{font-family:var(--serif);letter-spacing:.02em;font-size:28px;font-weight:500;line-height:1}.logo em{color:var(--accent);font-style:italic}.main-nav{flex:1;gap:34px;display:flex}.main-nav a{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:color .4s var(--ease);padding:6px 0;font-size:11.5px;font-weight:500;position:relative}.main-nav a:after{content:"";background:var(--accent);transform-origin:100%;height:1px;transition:transform .6s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.main-nav a:hover,.main-nav a.active{color:var(--ink)}.main-nav a:hover:after,.main-nav a.active:after{transform-origin:0;transform:scaleX(1)}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-btn{border:1px solid var(--line-strong);background:0 0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:border-color .4s,background .4s,color .4s;display:flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.btn-login{border:1px solid var(--accent);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;isolation:isolate;transition:color .5s var(--ease);background:0 0;border-radius:999px;padding:10px 22px;font-size:11px;font-weight:600;position:relative;overflow:hidden}.btn-login:before{content:"";background:var(--accent);z-index:-1;transition:transform .5s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn-login:hover{color:var(--on-accent)}.btn-login:hover:before{transform:none}.profile-chip{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:10px;padding:4px 14px 4px 4px;transition:border-color .4s;display:flex}.profile-chip:hover{border-color:var(--accent)}.profile-avatar{background:linear-gradient(145deg, var(--accent-soft), var(--accent-deep));width:30px;height:30px;font-family:var(--serif);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-style:italic;display:flex}.theme-btn{position:relative;overflow:hidden}.theme-btn svg{transition:opacity .5s var(--ease), transform .6s var(--ease);margin:-9px;position:absolute;top:50%;left:50%}.theme-btn .i-moon{opacity:1;transform:rotate(0)scale(1)}.theme-btn .i-sun{opacity:0;transform:rotate(-70deg)scale(.4)}:root[data-theme=dark] .theme-btn .i-moon{opacity:0;transform:rotate(70deg)scale(.4)}:root[data-theme=dark] .theme-btn .i-sun{opacity:1;transform:rotate(0)scale(1)}::view-transition-old(root){animation:none}::view-transition-new(root){z-index:2;animation:.62s cubic-bezier(.16,1,.3,1) reveal-circle}@keyframes reveal-circle{0%{clip-path:circle(0px at var(--reveal-x,50%) var(--reveal-y,50%))}to{clip-path:circle(var(--reveal-r,150%) at var(--reveal-x,50%) var(--reveal-y,50%))}}.profile-chip span:last-child{font-size:13px;font-weight:500}@media (max-width:820px){.main-nav{display:none}.topbar-inner{justify-content:space-between;gap:16px}}#app{max-width:var(--maxw);padding:110px var(--gutter) 80px;min-height:80vh;transition:opacity .45s var(--ease), transform .6s var(--ease), filter .45s var(--ease);margin:0 auto}#app.is-home{padding-top:0}.page-in{animation:page-in .4s var(--ease) backwards}@keyframes page-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){.page-in{animation:none}}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;font-size:11px;font-weight:600;display:inline-flex}.eyebrow .num{font-family:var(--serif);letter-spacing:0;text-transform:none;color:var(--ink);margin-right:2px;font-size:17px;font-style:italic;font-weight:500}.page-head{border-bottom:1px solid var(--line);margin-bottom:40px;padding:40px 0 36px}.page-head h1{font-family:var(--serif);letter-spacing:-.01em;margin:18px 0 0;font-size:clamp(44px,7vw,88px);font-weight:400;line-height:.95}.page-head h1 em{color:var(--accent)}.page-head p{color:var(--muted);max-width:520px;margin:18px 0 0}.reveal{opacity:0;transition:opacity .6s var(--ease-slow), transform .7s var(--ease-slow);transition-delay:calc(var(--i,0) * 45ms);transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.line-mask{padding-bottom:.06em;display:block;overflow:hidden}.line-mask>span{transition:transform .8s var(--ease-slow);transition-delay:calc(var(--i,0) * 70ms + 40ms);display:block;transform:translateY(105%)}.in .line-mask>span,.line-mask.in>span{transform:none}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:100vh;padding-top:90px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero h1{font-family:var(--serif);letter-spacing:-.02em;margin:26px 0 30px;font-size:clamp(56px,8.4vw,132px);font-weight:400;line-height:.9}.hero h1 em{color:var(--accent);font-weight:400}.hero-sub{color:var(--muted);max-width:420px;margin:0 0 40px;font-size:16px}.hero-sub,.hero-search,.hero-meta{opacity:0;transition:opacity .7s var(--ease-slow) .2s, transform .7s var(--ease-slow) .2s;transform:translateY(20px)}.hero.in .hero-sub,.hero.in .hero-search,.hero.in .hero-meta{opacity:1;transform:none}.hero.in .hero-search{transition-delay:.28s}.hero.in .hero-meta{transition-delay:.36s}.hero-search{max-width:460px;position:relative}.hero-search input,.field-underline{border:none;border-bottom:1px solid var(--line-strong);width:100%;color:var(--ink);font-family:var(--serif);transition:border-color .5s var(--ease);background:0 0;outline:none;padding:12px 44px 14px 0;font-size:24px;font-style:italic}.hero-search input::placeholder,.field-underline::placeholder{color:var(--faint)}.hero-search input:focus,.field-underline:focus{border-color:var(--accent)}.hero-search button{color:var(--accent);transition:transform .4s var(--ease);background:0 0;border:none;padding:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.hero-search button:hover{transform:translate(4px,-50%)}.hero-meta{gap:40px;margin-top:56px;display:flex}.hero-meta div{font-family:var(--serif);font-size:36px;line-height:1}.hero-meta small{font-family:var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-top:8px;font-size:10.5px;display:block}.hero-wall{opacity:0;height:100vh;transition:opacity 1s var(--ease) .1s;grid-template-columns:repeat(3,1fr);gap:16px;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 18% 82%,#0000 100%)}.hero.in .hero-wall{opacity:1}.hero-col{will-change:transform;flex-direction:column;gap:16px;animation:70s linear infinite drift-up;display:flex}.hero-col:nth-child(2){margin-top:-40%;animation-name:drift-down;animation-duration:85s}.hero-col:nth-child(3){animation-duration:60s}.hero-wall:hover .hero-col{animation-play-state:paused}.hero-col a{aspect-ratio:9/16;background:var(--surface);border-radius:4px;flex-shrink:0;display:block;overflow:hidden}.hero-col img{object-fit:cover;width:100%;height:100%;transition:transform 1.4s var(--ease-slow), filter 1s;filter:saturate(.92)}.hero-col a:hover img{filter:saturate(1.1);transform:scale(1.06)}@keyframes drift-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes drift-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.scroll-cue{letter-spacing:.28em;text-transform:uppercase;color:var(--faint);align-items:center;gap:14px;font-size:10.5px;display:flex;position:absolute;bottom:36px;left:0}.scroll-cue i{background:var(--line-strong);width:1px;height:44px;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--accent);width:100%;height:50%;animation:cue 2.2s var(--ease) infinite;position:absolute;top:-50%;left:0}@keyframes cue{to{top:110%}}@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:110px}.hero-wall,.scroll-cue{display:none}.hero-copy{padding:24px 0 0}.hero h1{margin:22px 0 26px;font-size:clamp(64px,19vw,104px);line-height:.88}.hero-sub{max-width:360px;margin:0;font-size:16px}.hero-search{max-width:460px;margin:36px 0 0}.hero-search input{font-family:var(--sans);border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-radius:999px;padding:15px 56px 15px 22px;font-size:15px;font-style:normal;box-shadow:0 10px 30px -14px #5a1e374d}:root[data-theme=dark] .hero-search input{box-shadow:none;background:#ffffff0d}.hero-search button{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex;right:6px}.hero-search button:hover{transform:translateY(-50%)}.hero-meta{border-top:1px solid var(--line);gap:0;max-width:460px;margin-top:40px;padding-top:22px}.hero-meta div{flex:1;font-size:30px}.hero-meta div+div{border-left:1px solid var(--line);padding-left:18px}.hero-meta small{letter-spacing:.2em;margin-top:8px;font-size:9.5px}}.section{margin-top:110px}.section-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px;display:flex}.section-head h2{font-family:var(--serif);letter-spacing:-.01em;margin:14px 0 0;font-size:clamp(36px,4.4vw,60px);font-weight:400;line-height:1}.section-head h2 em{color:var(--accent)}.link-arrow{letter-spacing:.22em;text-transform:uppercase;color:var(--ink);white-space:nowrap;align-items:center;gap:10px;padding-bottom:6px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.link-arrow:after{content:"";background:var(--line-strong);height:1px;position:absolute;bottom:0;left:0;right:0}.link-arrow:before{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .6s var(--ease);z-index:1;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.link-arrow:hover:before{transform:scaleX(1)}.link-arrow svg{width:14px;height:14px;transition:transform .5s var(--ease)}.link-arrow:hover svg{transform:translate(4px)}.grid-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.grid-col>.card{margin-bottom:40px}.grid>.empty-state{width:100%}@media (max-width:640px){.grid-col>.card{margin-bottom:22px}}.card{cursor:pointer}.card-media{aspect-ratio:var(--ar,9 / 16);background:var(--surface);border-radius:6px;position:relative;overflow:hidden}.card-media:before{content:"";background:linear-gradient(110deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);background-size:250% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.card-media img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease), transform 1s var(--ease-slow);position:relative;transform:scale(1.08)}.card-media img.loaded{opacity:1;transform:scale(1)}.card:hover .card-media img.loaded{transform:scale(1.06)}.card-media:after{content:"";opacity:0;transition:opacity .6s var(--ease);background:linear-gradient(#0b0a0800 55%,#0b0a08b3 100%);position:absolute;inset:0}.card:hover .card-media:after{opacity:1}.card-actions{z-index:2;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.card-actions button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;width:38px;height:38px;transition:opacity .5s var(--ease), transform .6s var(--ease), background .3s, border-color .3s, color .3s;background:#0b0a0873;border:1px solid #efe8dc40;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(12px)}.card-actions button:nth-child(2){transition-delay:60ms}.card:hover .card-actions button,.card-actions button:focus-visible{opacity:1;transform:none}.card-actions button:hover{color:#3b1f2c;background:#fff;border-color:#fff}.card-actions button.liked{color:#f4c7d4}.card-actions button.liked svg{fill:currentColor}@media (hover:none){.card-actions button{opacity:1;transform:none}}.badge{z-index:2;letter-spacing:.24em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0a0866;border:1px solid #ffffff4d;border-radius:999px;padding:6px 10px;font-size:9.5px;font-weight:600;position:absolute;top:12px;left:12px}.card-info{justify-content:space-between;align-items:baseline;gap:10px;padding:16px 2px 0;display:flex}.card-title{font-family:var(--serif);margin:0;font-size:21px;line-height:1.15;transition:color .4s}.card:hover .card-title{color:var(--accent-soft)}.card-cat{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-top:6px;font-size:10px}.card-likes{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.card-likes svg{width:12px;height:12px}.card-likes.liked svg{color:var(--accent);fill:currentColor}.pop{animation:pop .6s var(--ease)}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.3)}to{transform:scale(1)}}.empty-state{text-align:center;color:var(--muted);grid-column:1/-1;padding:90px 20px}.empty-state h3{font-family:var(--serif);color:var(--ink);margin:0 0 10px;font-size:34px;font-weight:400}.empty-state h3 em{color:var(--accent)}.empty-state .btn{margin-top:26px}.home-cta{border-top:1px solid var(--line);text-align:center;margin-top:120px;padding:70px 20px 10px}.home-cta h2{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 30px;font-size:clamp(34px,4.4vw,60px);font-weight:400;line-height:1}.home-cta h2 em{color:var(--accent)}.home-cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.nf{padding:clamp(30px,8vh,90px) 0 clamp(20px,5vh,50px)}.mosaic{--t:clamp(15px, calc((100vw - 2 * var(--gutter) - 16 * 3px) / 17), 46px);grid-template-columns:repeat(17, var(--t));grid-template-rows:repeat(7, var(--t));justify-content:center;gap:3px;display:grid}.mosaic-tile{background:var(--surface);animation:tile-pop .55s var(--ease-slow) var(--d) both;transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:3px;display:block;position:relative;overflow:hidden}@keyframes tile-pop{0%{opacity:0;transform:scale(.2)rotate(-12deg)}}.mosaic-tile img{object-fit:cover;width:100%;height:100%;animation:tile-swap .6s var(--ease) both;position:absolute;inset:0}@keyframes tile-swap{0%{opacity:0}}.mosaic-tile:hover{z-index:3;border-radius:5px;transform:scale(2.2);box-shadow:0 12px 28px -8px #3b1f2c8c}.nf-foot{justify-content:center;margin-top:clamp(50px,9vh,100px);display:flex}.nf-foot h1{text-align:center;font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:clamp(38px,5.2vw,76px);font-weight:400;line-height:1}.nf-foot h1 em{color:var(--accent)}@media (prefers-reduced-motion:reduce){.mosaic-tile,.mosaic-tile img{animation:none}}.legal{max-width:700px;color:var(--muted);padding-bottom:40px;font-size:16px;line-height:1.75}.legal h2{font-family:var(--serif);color:var(--ink);margin:52px 0 14px;font-size:32px;font-weight:400;line-height:1.1}.legal h2:first-child{margin-top:0}.legal p,.legal ul{margin:0 0 14px}.legal ul{padding-left:20px}.legal li{margin-bottom:8px}.legal b{color:var(--ink);font-weight:600}.legal a:not(.link-arrow){color:var(--accent-deep);text-underline-offset:3px;text-decoration:underline}:root[data-theme=dark] .legal a:not(.link-arrow){color:var(--accent)}.legal code{font-family:var(--mono);background:var(--surface);color:var(--ink);border-radius:4px;padding:1px 6px;font-size:.9em}.legal-back{margin-top:48px}.coll-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px;display:grid}.coll{aspect-ratio:4/5;background:var(--surface);isolation:isolate;border-radius:4px;flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative;overflow:hidden}.coll img{object-fit:cover;z-index:-2;width:100%;height:100%;transition:transform 1.8s var(--ease-slow), filter 1s var(--ease);filter:brightness(.62)saturate(.85);position:absolute;inset:0;transform:scale(1.04)}.coll:after{content:"";z-index:-1;background:linear-gradient(#0b0a0800 30%,#0b0a08d9 100%);position:absolute;inset:0}.coll:hover img{filter:brightness(.78)saturate();transform:scale(1.12)}.coll-num{letter-spacing:.24em;color:var(--accent-soft);font-size:11px;position:absolute;top:24px;left:28px}.coll{color:#fff;border-radius:6px;container-type:inline-size}.coll-num{color:#f4c7d4!important}.coll h3{font-family:var(--serif);overflow-wrap:anywhere;margin:0;font-size:clamp(26px,15cqi,44px);font-weight:400;line-height:1}.coll p{letter-spacing:.22em;text-transform:uppercase;color:#ffffffb8;justify-content:space-between;align-items:center;margin:10px 0 0;font-size:11px;display:flex}.coll p svg{width:16px;height:16px;color:var(--accent);opacity:0;transition:all .6s var(--ease);transform:translate(-8px);color:#f4c7d4!important}.coll:hover p svg{opacity:1;transform:none}.coll-grid.feature{grid-template-columns:repeat(4,1fr)}.coll-grid.feature .coll:first-child{aspect-ratio:auto;grid-area:span 2/span 2}.coll-grid.feature .coll:first-child h3{font-size:clamp(40px,12cqi,72px)}@media (max-width:900px){.coll-grid.feature{grid-template-columns:repeat(2,1fr)}.coll-grid.feature .coll:first-child{aspect-ratio:16/10;grid-row:auto}}@media (max-width:520px){.coll-grid.feature{grid-template-columns:1fr}.coll-grid.feature .coll:first-child{grid-column:auto}}@media (max-width:640px){.card-info{padding-top:10px}.card-title{font-size:16px}.card-cat{margin-top:3px;font-size:8.5px}.card-likes{font-size:10.5px}.card-likes svg{width:10px;height:10px}.card-actions{gap:6px;bottom:7px;right:7px}.card-actions button{width:30px;height:30px}.card-actions svg{width:14px;height:14px}.badge{padding:4px 7px;font-size:8.5px;top:7px;left:7px}.card-actions button,.badge{-webkit-backdrop-filter:none;backdrop-filter:none}.card-actions button{background:#0b0a089e}.badge{background:#0b0a0894}.section-head{margin-bottom:20px}.section-head h2{margin-top:8px;font-size:30px}}.filter-row{scrollbar-width:none;gap:8px;padding:2px 0 36px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter{border:1px solid var(--line);color:var(--muted);letter-spacing:.18em;text-transform:uppercase;transition:all .45s var(--ease);background:0 0;border-radius:999px;flex:none;padding:10px 20px;font-size:11px;font-weight:500}a.filter{line-height:normal;display:inline-block}.filter:hover{border-color:var(--line-strong);color:var(--ink)}.filter.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.filter sup{opacity:.6;letter-spacing:0;margin-left:4px;font-size:9px}.crumbs{letter-spacing:.2em;text-transform:uppercase;color:var(--faint);align-items:center;gap:10px;margin:20px 0 0;font-size:11px;display:flex}.crumbs a{transition:color .3s}.crumbs a:hover{color:var(--accent)}.detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,7vw,110px);padding:30px 0 20px;display:grid}.detail-stage{perspective:1400px;flex-direction:column;align-items:center;display:flex;position:relative}.detail-stage:before{content:"";aspect-ratio:1;background:var(--glow,rgba(var(--accent-rgb),.25));filter:blur(90px);opacity:.55;z-index:0;border-radius:50%;width:70%;transition:background 1s;position:absolute;top:18%}.phone{z-index:1;aspect-ratio:9/19.5;height:min(640px,72vh);transform-style:preserve-3d;transition:transform .9s var(--ease-slow);animation:phone-in .8s var(--ease-slow) both;background:linear-gradient(150deg,#e9d6d6 0%,#b99ea5 45%,#efe0df 75%,#a58a92 100%);border-radius:48px;padding:4px;position:relative;box-shadow:0 40px 80px -24px #3b1f2c73,0 8px 24px #3b1f2c2e}@keyframes phone-in{0%{opacity:0;transform:translateY(60px)rotateX(12deg)scale(.94)}to{opacity:1;transform:none}}.phone-screen{background:#000;border-radius:42px;width:100%;height:100%;position:relative;overflow:hidden}.phone-screen img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-slow), filter 1s var(--ease)}.phone.home .phone-screen img{filter:brightness(.88);transform:scale(1.08)}.phone-island{z-index:5;background:#000;border-radius:20px;width:30%;height:26px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-glare{z-index:6;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(115deg,#ffffff24 0%,#fff0 32%);position:absolute;inset:0}.ls,.hs{z-index:4;transition:opacity .7s var(--ease), transform .9s var(--ease-slow);position:absolute;inset:0}.ls{color:#fff;text-shadow:0 2px 20px #00000059;flex-direction:column;align-items:center;padding-top:16%;display:flex}.ls-date{letter-spacing:.02em;opacity:.9;font-size:13px;font-weight:500}.ls-time{font-family:var(--sans);letter-spacing:-.02em;margin-top:2px;font-size:clamp(56px,7vh,78px);font-weight:300;line-height:1}.ls-bottom{justify-content:space-between;display:flex;position:absolute;bottom:7%;left:11%;right:11%}.ls-bottom span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#14141459;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ls-bottom svg{color:#fff;width:17px;height:17px}.hs{opacity:0;pointer-events:none;grid-template-columns:repeat(4,1fr);grid-auto-rows:min-content;gap:18px 12px;padding:17% 8% 0;display:grid;transform:scale(1.08)}.hs i{aspect-ratio:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:24%;box-shadow:inset 0 0 0 .5px #ffffff40}.hs-dock{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff24;border-radius:30px;grid-template-columns:repeat(4,1fr);gap:12px;padding:12px;display:grid;position:absolute;bottom:3.5%;left:5%;right:5%}.phone.home .ls{opacity:0;transform:translateY(-20px)}.phone.home .hs{opacity:1;transform:none}.seg{border:1px solid var(--line);z-index:1;border-radius:999px;margin-top:34px;padding:4px;display:inline-flex;position:relative}.seg button{z-index:1;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);transition:color .5s var(--ease);background:0 0;border:none;padding:10px 22px;font-size:10.5px;font-weight:600;position:relative}.seg button.active{color:var(--bg)}.seg-pill{background:var(--ink);transition:transform .6s var(--ease), width .6s var(--ease);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.detail-info h1{font-family:var(--serif);letter-spacing:-.01em;margin:22px 0 30px;font-size:clamp(46px,5.4vw,80px);font-weight:400;line-height:.95}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:36px;display:flex}.stats>div{flex:1;padding:20px 0}.stats>div+div{border-left:1px solid var(--line);padding-left:24px}.stats strong{font-family:var(--serif);font-size:34px;font-weight:400;line-height:1;display:block}.stats small{letter-spacing:.24em;text-transform:uppercase;color:var(--faint);font-size:10px}.actions{flex-wrap:wrap;gap:12px;margin-bottom:40px;display:flex}.btn{isolation:isolate;border:1px solid var(--line-strong);color:var(--ink);letter-spacing:.2em;text-transform:uppercase;transition:color .5s var(--ease), border-color .5s var(--ease);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:16px 28px;font-size:11px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--ink);z-index:-1;border-radius:inherit;transition:transform .55s var(--ease);position:absolute;inset:0;transform:translateY(101%)}.btn:hover{color:var(--bg);border-color:var(--ink)}.btn:hover:before{transform:none}.btn svg{width:16px;height:16px}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.accent:before{background:var(--accent-deep)}.btn.accent:hover{color:#fff;border-color:var(--accent-deep)}.btn.liked{color:var(--accent);border-color:var(--accent)}.btn.liked svg{fill:currentColor}.btn.liked:hover{color:var(--bg)}.btn.small{padding:10px 18px;font-size:10px}.btn.danger{color:var(--danger);border-color:#d98a7a66}.btn.danger:before{background:var(--danger)}.meta-block h4{letter-spacing:.26em;text-transform:uppercase;color:var(--faint);margin:0 0 14px;font-size:10px;font-weight:600}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{border:1px solid var(--line);color:var(--muted);transition:all .4s var(--ease);border-radius:999px;padding:8px 16px;font-size:13px}.tag:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:900px){.detail{grid-template-columns:1fr}.phone{height:min(560px,70vh)}}.search-big{margin-top:30px;position:relative}.search-big input{padding:14px 60px 18px 0;font-size:clamp(30px,4vw,48px)}.search-big button{color:var(--accent);background:0 0;border:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.search-big button svg{width:28px;height:28px}.suggest{flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px;display:flex}.suggest span{letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-right:8px;font-size:10px}.result-count{letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin:0 0 30px;font-size:11px}.modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade .4s var(--ease);background:#060504b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-2);border:1px solid var(--line);width:100%;max-width:440px;animation:modal-in .7s var(--ease-slow);border-radius:6px;padding:48px 40px 40px;position:relative;box-shadow:0 40px 100px #0009}@keyframes fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(30px)scale(.97)}}.modal h3{font-family:var(--serif);margin:16px 0 12px;font-size:40px;font-weight:400;line-height:1}.modal h3 em{color:var(--accent)}.modal .sub{color:var(--muted);margin:0 0 30px;font-size:14px}.modal .field-underline{margin-bottom:26px;font-size:22px}.modal label{letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:10px;display:block}.modal select,.modal input[type=file],.modal .field{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:4px;outline:none;margin-bottom:18px;padding:13px 14px;transition:border-color .4s}.modal select:focus,.modal .field:focus{border-color:var(--accent)}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.auth-switch{border:1px solid var(--line);border-radius:999px;margin:0 0 24px;padding:4px;display:flex}.auth-switch button{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;transition:background .35s var(--ease), color .35s var(--ease);background:0 0;border:0;border-radius:999px;flex:1;padding:10px 0;font-size:11px;font-weight:600}.auth-switch button.active{background:var(--ink);color:var(--bg)}.auth-field{display:block}.auth-field[hidden]{display:none}.auth-link{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;margin:-10px 0 14px auto;padding:0;font-size:12px;text-decoration:underline;display:block}.auth-link:hover{color:var(--accent)}.google-btn{justify-content:center;gap:10px;width:100%}.google-btn svg{width:18px;height:18px}.auth-or{letter-spacing:.24em;text-transform:uppercase;color:var(--faint);align-items:center;gap:12px;margin:18px 0;font-size:10px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--line);flex:1;height:1px}.auth-field span{letter-spacing:.24em;text-transform:uppercase;color:var(--faint);margin-bottom:6px;font-size:10px;display:block}.auth-error{min-height:1.4em;color:var(--danger);margin:-6px 0 14px;font-size:13px}.auth-error:empty{margin-bottom:4px}.modal .btn:disabled{opacity:.6;pointer-events:none}.modal .code-input{font-family:var(--sans);letter-spacing:.5em;text-align:center;padding:14px 10px 14px calc(10px + .5em);font-size:26px}.modal .code-input::placeholder{color:var(--faint)}.code-actions{flex-wrap:wrap}.code-actions .btn.accent{margin-left:auto}.modal .sub b{color:var(--ink);font-weight:600}.has-photo{overflow:hidden;background:var(--surface)!important}.has-photo img{object-fit:cover;width:100%;height:100%;display:block}.avatar-edit{flex-direction:column;align-items:center;gap:8px;display:flex}.avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;position:relative}.avatar-overlay{color:#fff;opacity:0;transition:opacity .3s var(--ease);background:#1e0e168c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.avatar-overlay svg{width:22px;height:22px}.avatar-overlay small{letter-spacing:.18em;text-transform:uppercase;font-size:9.5px;font-weight:600}.avatar-btn:hover .avatar-overlay,.avatar-btn:focus-visible .avatar-overlay{opacity:1}@media (hover:none){.avatar-overlay{opacity:1;background:linear-gradient(#0000 45%,#1e0e1699);justify-content:flex-end;padding-bottom:14px}}.avatar-remove{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:11px}.avatar-remove:hover{color:var(--danger)}.close-x{border:1px solid var(--line);width:36px;height:36px;transition:all .4s var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:18px;right:18px}.close-x:hover{border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.toast{z-index:350;white-space:nowrap;background:var(--ink);width:max-content;max-width:calc(100vw - 32px);color:var(--bg);animation:toast-in .6s var(--ease-slow);border-radius:999px;align-items:center;gap:12px;padding:14px 24px;font-size:13px;font-weight:500;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #00000080}@media (max-width:640px){.toast{gap:10px;padding:13px 20px;font-size:12.5px;bottom:24px}}.toast:before{content:"";background:var(--accent-deep);border-radius:50%;flex:none;width:6px;height:6px}.toast.out{animation:toast-out .4s var(--ease) forwards}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,24px)}}@keyframes toast-out{to{opacity:0;transform:translate(-50%,12px)}}.profile-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:30px;padding:40px 0;display:flex}.profile-avatar-lg{background:linear-gradient(145deg, var(--accent-soft), var(--accent-deep));width:110px;height:110px;font-family:var(--serif);color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:52px;font-style:italic;display:flex}.profile-head h1{font-family:var(--serif);margin:10px 0 8px;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1}.profile-head p{color:var(--muted);margin:0;font-size:13px}.profile-head .btn{margin-left:auto}.tabs{border-bottom:1px solid var(--line);gap:36px;margin:34px 0 40px;display:flex;position:relative}.tabs button{font-family:var(--serif);color:var(--faint);background:0 0;border:none;padding:0 0 16px;font-size:24px;transition:color .4s}.tabs button sup{font-family:var(--sans);margin-left:4px;font-size:11px}.tabs button.active{color:var(--ink)}.tabs-bar{background:var(--accent);height:1px;transition:transform .6s var(--ease), width .6s var(--ease);position:absolute;bottom:-1px;left:0}.site-footer{--foot-bg:#1f1118;--foot-ink:#f8e9ee;--foot-soft:#f8e9ee9e;--foot-line:#f8e9ee24;--foot-accent:#f19bb8;--mono:"DM Mono", ui-monospace, "Cascadia Mono", monospace;background:var(--foot-bg);color:var(--foot-ink);margin-top:120px;position:relative;overflow:hidden}:root[data-theme=dark] .site-footer{--foot-bg:#1d1016;border-top:1px solid var(--foot-line)}.foot-inner{max-width:var(--maxw);padding:72px var(--gutter) 0;margin:0 auto}.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;display:grid}.foot-logo{font-family:var(--serif);font-size:34px;font-weight:500;line-height:1}.foot-logo em{color:var(--foot-accent);font-style:italic}.foot-tagline{max-width:340px;color:var(--foot-ink);margin:22px 0 18px;font-size:19px;line-height:1.45}.foot-status{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--foot-soft);align-items:center;gap:10px;margin:0;font-size:12px;display:flex}.foot-dot{background:var(--foot-accent);border-radius:50%;width:7px;height:7px;animation:2.2s ease-out infinite pulse;box-shadow:0 0 #f19bb899}@keyframes pulse{0%{box-shadow:0 0 #f19bb88c}80%,to{box-shadow:0 0 0 9px #f19bb800}}.foot-icons{gap:10px;margin-top:30px;display:flex}.foot-icons a,.foot-icons button{border:1px solid var(--foot-line);width:46px;height:46px;color:var(--foot-ink);transition:border-color .35s var(--ease), background .35s var(--ease), transform .35s var(--ease), color .35s;background:#f8e9ee08;border-radius:8px;justify-content:center;align-items:center;display:flex}.foot-icons a:hover,.foot-icons button:hover{border-color:var(--foot-accent);color:var(--foot-accent);transform:translateY(-2px)}.foot-icons svg{stroke-width:1.6px;width:19px;height:19px}.foot-col h4{font-family:var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--foot-ink);margin:4px 0 30px;font-size:12px;font-weight:500}.foot-col a{width:fit-content;color:var(--foot-soft);transition:color .3s, transform .45s var(--ease);margin-bottom:18px;font-size:16px;display:block}.foot-col a:hover{color:var(--foot-accent);transform:translate(5px)}.foot-meta{border-top:1px solid var(--foot-line);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--foot-soft);justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;font-size:11.5px;display:flex}.foot-meta a{transition:color .3s}.foot-meta a:hover{color:var(--foot-accent)}.foot-mark{padding:40px var(--gutter) clamp(24px, 3.5vw, 56px);max-width:1600px;margin:0 auto;overflow:hidden}.foot-mark svg{opacity:0;width:100%;height:auto;transition:transform 1.6s var(--ease-slow), opacity 1.2s var(--ease);display:block;transform:translateY(60%)}.foot-mark.in svg{opacity:1;transform:none}.mark-text{letter-spacing:0;font-family:Anton,Impact,Arial Narrow,sans-serif;font-size:200px}.mk-top{stop-color:#f7b3c9;transition:stop-color .8s var(--ease)}.mk-mid{stop-color:#c25a7c}.mk-bottom{stop-color:#4a2d3b}.foot-mark:hover .mk-top{stop-color:#ffd3e1}@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:44px 28px}.foot-brand{grid-column:1/-1}}@media (max-width:520px){.foot-grid{grid-template-columns:1fr 1fr}.foot-col:last-child{grid-column:1/-1}.foot-col h4{margin-bottom:20px}.foot-col a{margin-bottom:14px;font-size:15px}.foot-meta{flex-direction:column;gap:8px}}.loader{justify-content:center;padding:160px 0;display:flex}.loader span{background:var(--line-strong);width:80px;height:1px;position:relative;overflow:hidden}.loader span:after{content:"";background:var(--accent);animation:slide 1.2s var(--ease) infinite;position:absolute;inset:0}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal,.line-mask>span,.hero-sub,.hero-search,.hero-meta{opacity:1!important;transform:none!important}.grain{display:none}}.detail.is-desktop{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(36px,5vw,80px)}.laptop{z-index:1;width:min(760px,100%);transform-style:preserve-3d;transition:transform .9s var(--ease-slow);animation:phone-in .8s var(--ease-slow) both;position:relative}.laptop-lid{background:linear-gradient(160deg,#eadada 0%,#c2a9af 55%,#e7d6d6 100%);border-radius:14px 14px 4px 4px;padding:7px 7px 16px;position:relative;box-shadow:0 30px 70px -26px #3b1f2c80}.laptop-screen{aspect-ratio:16/10;background:#000;border-radius:8px;position:relative;overflow:hidden}.laptop-screen img{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-slow), filter 1s var(--ease)}.laptop-notch{z-index:5;background:#000;border-radius:0 0 6px 6px;width:13%;height:3.2%;position:absolute;top:0;left:50%;transform:translate(-50%)}.laptop-base{background:linear-gradient(#efe2e1 0%,#c7afb4 60%,#9f858d 100%);border-radius:2px 2px 14px 14px;height:12px;margin:0 -5%;position:relative}.laptop-base:before{content:"";background:#3b1f2c2e;border-radius:0 0 8px 8px;width:14%;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mac-bar,.mac-dock,.mac-win{z-index:4;transition:opacity .7s var(--ease), transform .9s var(--ease-slow);position:absolute}.mac-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-shadow:0 1px 4px #0000004d;background:#ffffff38;justify-content:space-between;align-items:center;height:4.2%;padding:0 2.2%;font-size:clamp(7px,1.1vw,11px);font-weight:500;display:flex;top:0;left:0;right:0}.mac-bar span{gap:1.4em;display:flex}.mac-dock{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff3;border-radius:12px;gap:6px;padding:6px;display:flex;bottom:2.5%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 .5px #ffffff59}.mac-dock i{aspect-ratio:1;background:#ffffff80;border-radius:24%;width:clamp(16px,2.6vw,30px)}.mac-dock i:nth-child(3n+1){background:#ffd6e2b3}.mac-win{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff8c;border-radius:8px;width:42%;height:46%;top:14%;left:9%;box-shadow:0 16px 40px #00000040}.mac-win:before{content:"";background:radial-gradient(circle,#f47a7a 38%,#0000 40%) 0/33% 100% no-repeat,radial-gradient(circle,#f5c25b 38%,#0000 40%) 50%/33% 100% no-repeat,radial-gradient(circle,#6fcf7c 38%,#0000 40%) 100%/33% 100% no-repeat;width:18%;height:5%;position:absolute;top:7%;left:4%}.laptop.clean .mac-bar{opacity:0;transform:translateY(-100%)}.laptop.clean .mac-dock{opacity:0;transform:translate(-50%,30%)}.laptop.clean .mac-win{opacity:0;transform:scale(.94)}.laptop.clean .laptop-screen img{transform:scale(1.03)}.device-tag{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);vertical-align:middle;border-radius:999px;align-items:center;gap:8px;margin-left:10px;padding:6px 12px;font-size:10px;display:inline-flex}.device-tag svg{width:13px;height:13px}.card-cat .dev{opacity:.8;margin-left:8px}@media (max-width:900px){.detail.is-desktop{grid-template-columns:1fr}}@media (pointer:coarse){.modal .field:not(.code-input),.modal select,.hero-search input{font-size:16px}}
