html,body{background:#0C0B0A;color:#F5F0E8;font-family:'Inter Tight',sans-serif}.font-display{font-family:'Fraunces',serif;font-variation-settings:'opsz' 144,'SOFT' 80,'wght' 500;letter-spacing:-.02em}.font-mono{font-family:'IBM Plex Mono',monospace}.grain::before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:1;mix-blend-mode:overlay}.drift{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.5;will-change:transform}@keyframes drift1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(80px,-40px) scale(1.15)}}.drift-a{animation:drift1 14s ease-in-out infinite}.divider{height:1px;background:linear-gradient(90deg,transparent,#2a2620,transparent)}::selection{background:#00D68F;color:#0C0B0A}.reveal{opacity:0;transform:translateY(14px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}.reveal.is-in{opacity:1;transform:none}.mega-panel{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-6px);opacity:0;pointer-events:none;transition:opacity 220ms ease,transform 220ms ease}.mega-panel::before{content:"";position:absolute;top:-28px;left:-48px;right:-48px;height:32px}.mega-trigger:hover .mega-panel,.mega-trigger:focus-within .mega-panel,.mega-trigger.is-open .mega-panel,.mega-panel:hover{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.magnet{will-change:transform;transition:transform 300ms cubic-bezier(.22,1,.36,1)}.breadcrumb{display:flex;align-items:center;gap:8px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6B6761;padding:88px 0 8px}.breadcrumb a{color:#9B968C;transition:color .2s}.breadcrumb a:hover{color:#00D68F}.breadcrumb .sep{color:#3A342B}.breadcrumb .current{color:#F5F0E8}.work-hero{position:relative;padding:8px 0 40px;overflow:hidden}.work-hero h1{font-family:'Inter Tight',sans-serif;font-weight:500;font-size:clamp(56px, 11vw, 168px);line-height:.88;letter-spacing:-.05em;color:#F5F0E8}.work-hero h1 em{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:'wght' 500,'SOFT' 80;color:#00D68F;letter-spacing:-.04em}.work-hero-meta{display:flex;flex-wrap:wrap;gap:28px;margin-top:32px;padding-top:24px;border-top:1px solid #2A2620}.hero-fact{display:flex;flex-direction:column;gap:4px}.hero-fact .k{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6B6761}.hero-fact .v{font-family:'Fraunces',serif;font-variation-settings:'wght' 500;font-size:28px;line-height:1;color:#F5F0E8;letter-spacing:-.02em}.hero-fact .v em{font-style:italic;color:#00D68F;font-variation-settings:'wght' 500,'SOFT' 80}.insight-band{border-top:1px solid #2A2620;border-bottom:1px solid #2A2620;padding:28px 0;margin:40px 0 0;overflow:hidden;position:relative}.insight-track{display:flex;gap:64px;align-items:center;animation:marquee 42s linear infinite;width:max-content}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}.insight-track span.line{font-family:'Fraunces',serif;font-variation-settings:'wght' 500;font-size:clamp(20px, 2.4vw, 32px);color:rgb(245 240 232 / .85);letter-spacing:-.01em;white-space:nowrap}.insight-track span.line em{font-style:italic;color:#00D68F;font-variation-settings:'wght' 500,'SOFT' 80}.insight-track span.dot{width:10px;height:10px;border-radius:50%;background:#00D68F;flex-shrink:0;opacity:.6}.filter-shell{position:sticky;top:64px;z-index:30;background:rgb(12 11 10 / .85);backdrop-filter:blur(14px);border-bottom:1px solid #2A2620;padding:16px 0}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.filter-pill{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em;padding:8px 14px;border-radius:999px;color:#9B968C;border:1px solid #2A2620;background:#fff0;transition:all .2s;cursor:pointer;white-space:nowrap}.filter-pill:hover{color:#F5F0E8;border-color:#3A342B}.filter-pill.is-active{color:#00D68F;background:rgb(0 214 143 / .08);border-color:rgb(0 214 143 / .4)}.filter-count{margin-left:auto;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#6B6761}.filter-count strong{color:#00D68F;font-weight:500}.features{padding:80px 0 60px}.feature-spread{display:grid;grid-template-columns:1fr;gap:28px;padding:56px 0;border-top:1px solid #2A2620;align-items:center}.feature-spread:first-child{border-top:0;padding-top:0}@media (min-width:900px){.feature-spread{grid-template-columns:1fr 1fr;gap:56px;padding:80px 0}.feature-spread[data-dir="right"] .fs-image{order:2}.feature-spread[data-dir="right"] .fs-meta{order:1}}.feature-spread[hidden]{display:none!important}.fs-image{position:relative;overflow:hidden;border-radius:18px;aspect-ratio:4/3;background:#1B1815;transition:transform .5s cubic-bezier(.22,1,.36,1)}.fs-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.22,1,.36,1)}.feature-spread:hover .fs-image img{transform:scale(1.04)}.fs-meta{display:flex;flex-direction:column;gap:14px}.fs-num{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.3em;color:#00D68F;display:flex;align-items:center;gap:14px}.fs-num::after{content:"";flex:1;height:1px;background:rgb(0 214 143 / .3)}.fs-name{font-family:'Fraunces',serif;font-variation-settings:'wght' 500;font-size:clamp(48px, 6.5vw, 96px);line-height:.92;letter-spacing:-.04em;color:#F5F0E8;margin:4px 0 0}.fs-name em{font-style:italic;color:#00D68F;font-variation-settings:'wght' 500,'SOFT' 80}.fs-row{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#9B968C;display:flex;flex-wrap:wrap;gap:8px 16px}.fs-row span{display:inline-flex;align-items:center;gap:8px}.fs-row span::after{content:"·";color:#3A342B}.fs-row span:last-child::after{display:none}.fs-line{font-family:'Fraunces',serif;font-variation-settings:'wght' 500;font-size:clamp(20px, 1.8vw, 24px);line-height:1.35;color:#C9C3B7;max-width:28ch;margin-top:4px}.fs-cta{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:14px 22px;border:1px solid #2A2620;border-radius:999px;color:#F5F0E8;font-size:14px;width:fit-content;transition:all .25s ease}.fs-cta:hover{border-color:#00D68F;background:rgb(0 214 143 / .06);color:#00D68F;gap:14px}.twins{padding:60px 0 40px}.twins-grid{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:760px){.twins-grid{grid-template-columns:1fr 1fr;gap:32px 28px}}.twin-card{display:block;text-decoration:none;border:1px solid #2A2620;border-radius:20px;overflow:hidden;background:#0E0D0C;transition:border-color .3s,transform .4s cubic-bezier(.22,1,.36,1)}.twin-card:hover{border-color:rgb(0 214 143 / .4);transform:translateY(-4px)}.twin-card[hidden]{display:none!important}.twin-cover{aspect-ratio:16/11;position:relative;overflow:hidden;background:#1B1815}.twin-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)}.twin-card:hover .twin-cover img{transform:scale(1.04)}.twin-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgb(12 11 10 / .55));pointer-events:none}.twin-num{position:absolute;top:18px;left:18px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:rgb(245 240 232 / .85);padding:6px 10px;border-radius:999px;background:rgb(12 11 10 / .65);backdrop-filter:blur(8px);z-index:2}.twin-cat{position:absolute;top:18px;right:18px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:rgb(12 11 10 / .65);border:1px solid rgb(0 214 143 / .3);color:#00D68F;backdrop-filter:blur(8px);z-index:2}.twin-body{padding:24px 28px 26px}.twin-name{font-family:'Fraunces',serif;font-variation-settings:'wght' 500;font-size:clamp(26px, 2.4vw, 36px);line-height:1;letter-spacing:-.02em;color:#F5F0E8;margin-bottom:8px;transition:color .25s}.twin-card:hover .twin-name{color:#00D68F}.twin-meta{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6B6761;margin-bottom:12px}.twin-line{color:#9B968C;font-size:14px;line-height:1.55}.twin-foot{margin-top:18px;padding-top:16px;border-top:1px solid #2A2620;display:flex;align-items:center;justify-content:flex-end}.twin-foot .arr{display:inline-flex;align-items:center;gap:8px;color:#00D68F;font-size:13px;transition:gap .25s}.twin-card:hover .twin-foot .arr{gap:12px}.minis{padding:60px 0 40px}.minis-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.minis-head h3{font-family:'Inter Tight',sans-serif;font-weight:500;font-size:clamp(24px, 2.2vw, 32px);letter-spacing:-.02em}.minis-head h3 em{font-family:'Fraunces',serif;font-style:italic;color:#00D68F;font-variation-settings:'wght' 500,'SOFT' 80}.minis-grid{display:grid;gap:18px;grid-template-columns:1fr}@media (min-width:600px){.minis-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.minis-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.minis-grid{grid-template-columns:repeat(4,1fr)}}.mini-card{display:block;text-decoration:none;border:1px solid #2A2620;border-radius:14px;overflow:hidden;background:#0E0D0C;transition:border-color .3s,transform .35s cubic-bezier(.22,1,.36,1)}.mini-card:hover{border-color:rgb(0 214 143 / .4);transform:translateY(-2px)}.mini-card[hidden]{display:none!important}.mini-cover{aspect-ratio:4/3;overflow:hidden;background:#1B1815}.mini-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.mini-card:hover .mini-cover img{transform:scale(1.05)}.mini-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.mini-name{font-family:'Fraunces',serif;font-variation-settings:'wght' 500;font-size:18px;line-height:1.05;letter-spacing:-.01em;color:#F5F0E8;transition:color .25s}.mini-card:hover .mini-name{color:#00D68F}.mini-meta{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#6B6761}.tier-label{display:flex;align-items:center;gap:14px;margin-bottom:32px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#6B6761}.tier-label span.num{color:#00D68F;font-weight:500}.tier-label span.line{flex:1;height:1px;background:#2A2620}.tier-label span.label{color:#9B968C}.tier-empty{display:none;padding:20px 0;color:#6B6761;font-style:italic;font-family:'Fraunces',serif}.tier-empty.is-on{display:block}.brand-marquee{overflow:hidden;padding:40px 0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.brand-marquee-track{display:flex;gap:56px;align-items:center;animation:marquee 60s linear infinite;width:max-content}.brand-marquee span{font-family:'Fraunces',serif;font-style:italic;font-variation-settings:'wght' 400,'SOFT' 80;font-size:32px;color:rgb(245 240 232 / .35);letter-spacing:-.01em;white-space:nowrap;transition:color .3s}.brand-marquee span:hover{color:rgb(0 214 143 / .85)}.brand-marquee .sep{color:#3A342B;font-style:normal;font-size:18px}a:focus-visible,button:focus-visible{outline:2px solid #00D68F;outline-offset:3px;border-radius:6px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}.reveal{opacity:1;transform:none}}