:root{--bg:#0a0a0a;--bg-raise:#141414;--bg-card:#161514;--fg:#f4f1ec;--fg-dim:#918d86;--fg-faint:#5c5852;--line:#f4f1ec1f;--line-soft:#f4f1ec0f;--accent:#e8492b;--font-display:"Archivo", "Arial Narrow", sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--maxw:1320px;--gutter:clamp(20px, 5vw, 72px);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:200;mix-blend-mode:screen;background:radial-gradient(120% 80% at 50% 0,#0000 60%,#0000008c 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%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.035'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.eyebrow{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--fg-dim);align-items:center;gap:.7em;font-size:12px;display:inline-flex}.eyebrow .tc{color:var(--accent)}.beat{background:var(--accent);width:7px;height:7px;animation:pulse 1.7s var(--ease) infinite;border-radius:50%;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.section-no{font-family:var(--font-mono);letter-spacing:.16em;color:var(--fg-faint);font-size:12px}h2.display{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;font-size:clamp(2.6rem,7vw,6rem);font-weight:800;font-stretch:125%;line-height:.95}header.nav{z-index:100;padding:22px var(--gutter);backdrop-filter:blur(8px);transition:background .4s var(--ease);background:linear-gradient(#0a0a0ad9,#0a0a0a00);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.wordmark{font-family:var(--font-display);letter-spacing:-.03em;text-transform:lowercase;font-size:1.45rem;font-weight:800;font-stretch:125%}.wordmark sup{font-family:var(--font-mono);letter-spacing:.1em;vertical-align:super;color:var(--fg-dim);font-size:.5rem}.nav-links{align-items:center;gap:clamp(18px,2.4vw,40px);display:flex}.nav-links a{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);transition:color .25s var(--ease);font-size:12px}.nav-links a:hover{color:var(--fg)}.nav-cta{border:1px solid var(--line);border-radius:100px;padding:9px 18px;color:var(--fg)!important;transition:border-color .25s var(--ease), background .25s var(--ease)!important}.nav-cta:hover{border-color:var(--fg);background:var(--fg);color:var(--bg)!important}.nav-toggle{display:none}.concept-toggle{z-index:130;background:var(--fg);color:var(--bg);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;transition:transform .3s var(--ease);border-radius:100px;padding:11px 20px;font-size:11px;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000073}.concept-toggle:hover{transform:translate(-50%)translateY(-2px)}.hero{flex-direction:column;justify-content:flex-end;min-height:100svh;padding-bottom:clamp(48px,9vh,110px);display:flex;position:relative}.hero-bg{z-index:-1;background:radial-gradient(80% 60% at 75% 15%, #e8492b1a, transparent 60%), radial-gradient(70% 70% at 12% 90%, #f4f1ec0d, transparent 55%), var(--bg);position:absolute;inset:0;overflow:hidden}.eq{opacity:.12;align-items:flex-end;gap:2px;height:42vh;display:flex;position:absolute;bottom:0;left:0;right:0}.eq span{background:linear-gradient(to top, var(--fg), transparent);transform-origin:bottom;animation:eq 2.4s var(--ease) infinite;flex:1}.eq span:nth-child(3n){animation-duration:1.8s}.eq span:nth-child(4n){animation-duration:3.1s}.eq span:nth-child(odd){animation-delay:-.6s}@keyframes eq{0%,to{transform:scaleY(.12)}50%{transform:scaleY(1)}}.hero .eyebrow{opacity:0;animation:rise .9s var(--ease) .1s forwards;margin-bottom:22px}.hero-brand{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.05em;font-size:clamp(4.8rem,24vw,22rem);font-weight:800;font-stretch:125%;line-height:.78}.hero-brand .line{display:block;overflow:hidden}.hero-brand .line>span{opacity:0;animation:rise 1.05s var(--ease) .2s forwards;display:block;transform:translateY(110%)}.hero-tagline{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;opacity:0;animation:rise 1s var(--ease) .5s forwards;margin-top:12px;font-size:clamp(1.7rem,5vw,3.6rem);font-weight:700;font-stretch:110%;line-height:.95}.hero-tagline em{color:var(--accent);font-style:normal}.hero-sub{max-width:52ch;color:var(--fg-dim);opacity:0;animation:rise .9s var(--ease) .7s forwards;margin-top:26px;font-size:clamp(1rem,1.5vw,1.2rem)}.scroll-cue{bottom:30px;right:var(--gutter);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);opacity:0;animation:rise .9s var(--ease) .9s forwards;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute}.scroll-cue:after{content:"";background:var(--line);width:1px;height:34px;animation:drop 2s var(--ease) infinite}@keyframes drop{0%,to{transform-origin:top;opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}@keyframes rise{to{opacity:1;transform:translateY(0)}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:var(--bg-raise);padding:20px 0;overflow:hidden}.marquee-track{gap:0;animation:28s linear infinite scroll;display:inline-flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.01em;color:var(--fg);padding:0 28px;font-size:clamp(1.4rem,3vw,2.4rem);font-weight:700;font-stretch:125%}.marquee-track span:after{content:"✦";color:var(--accent);vertical-align:middle;margin-left:28px;font-size:.6em}@keyframes scroll{to{transform:translate(-50%)}}section.block{border-bottom:1px solid var(--line-soft);padding:clamp(80px,12vh,160px) 0}.block-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(40px,6vh,72px);display:flex}.block-head .eyebrow{margin-bottom:0}.svc-list{border-top:1px solid var(--line)}.svc{border-bottom:1px solid var(--line)}.svc-head{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;transition:padding-left .4s var(--ease), background .4s var(--ease);background:0 0;border:none;grid-template-columns:70px 1fr auto;align-items:start;gap:24px;padding:clamp(20px,3vh,32px) 4px;display:grid}.svc-head:hover{background:linear-gradient(to right, var(--bg-raise), transparent);padding-left:22px}.svc-head .n{font-family:var(--font-mono);color:var(--fg-faint);padding-top:.5em;font-size:12px}.svc-title{flex-direction:column;gap:8px;min-width:0;display:flex}.svc-name{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;font-size:clamp(1.5rem,3.6vw,2.6rem);font-weight:700;font-stretch:110%;line-height:1}.svc-tag{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-dim);font-size:11px;line-height:1.4}.svc-head .arr{flex-shrink:0;align-self:center;width:16px;height:16px;position:relative}.svc-head .arr:before,.svc-head .arr:after{content:"";background:var(--fg-faint);transition:background .3s var(--ease), transform .4s var(--ease);position:absolute}.svc-head .arr:before{width:16px;height:1.5px;top:50%;left:0;transform:translateY(-50%)}.svc-head .arr:after{width:1.5px;height:16px;top:0;left:50%;transform:translate(-50%)}.svc-head:hover .arr:before,.svc-head:hover .arr:after,.svc.open .arr:before{background:var(--accent)}.svc.open .arr:after{transform:translate(-50%)scaleY(0)}.svc-panel-inner{height:0;transition:height .5s var(--ease);padding:0 12px 0 94px;overflow:hidden}.svc-panel-inner>:last-child{padding-bottom:clamp(28px,4vh,44px)}.svc-h{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg);margin-bottom:16px;padding-top:clamp(6px,1.5vh,14px);font-size:clamp(1.1rem,1.9vw,1.55rem);font-weight:700;font-stretch:105%;line-height:1.15}.svc-panel-inner p{color:var(--fg-dim);max-width:64ch;margin-bottom:14px}.svc-panel-inner p:last-child{margin-bottom:0}.svc-includes{margin-top:24px}.svc-inc-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:14px;font-size:11px;display:block}.svc-chips{flex-wrap:wrap;gap:8px;display:flex}.svc-chips span{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-dim);border:1px solid var(--line);transition:border-color .3s var(--ease), color .3s var(--ease);border-radius:100px;padding:7px 13px;font-size:11px}.svc-chips span:hover{border-color:var(--fg-dim);color:var(--fg)}.work-grid{grid-template-columns:repeat(12,1fr);gap:clamp(14px,1.6vw,22px);display:grid}.card{background:var(--bg-card);border:1px solid var(--line-soft);isolation:isolate;min-height:340px;transition:transform .5s var(--ease), border-color .5s var(--ease);border-radius:4px;flex-direction:column;justify-content:flex-end;padding:26px;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--line);transform:translateY(-6px)}.card .ph{z-index:-1;object-fit:cover;opacity:.92;width:100%;height:100%;transition:transform .7s var(--ease), opacity .5s var(--ease);position:absolute;inset:0}.card:hover .ph{opacity:1;transform:scale(1.05)}.card.banner,.card.poster{aspect-ratio:auto;background:var(--bg-card);flex-direction:column;min-height:0;padding:0;display:flex}.card.banner:after,.card.poster:after{display:none}.card.banner .ph,.card.poster .ph{z-index:auto;opacity:1;width:100%;height:auto;position:static;inset:auto}.card.banner .ph{aspect-ratio:1200/630;object-fit:cover;max-height:560px}.card.poster .ph{aspect-ratio:4/5;object-fit:contain;background:#0d0c0b;max-height:540px}.card.banner:hover .ph,.card.poster:hover .ph{transform:none}.card-cap{border-top:1px solid var(--line-soft);margin-top:auto;padding:22px 24px}.card-cap .role{margin-top:6px}.card .pending{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);margin-left:6px;font-size:10px}.clients{border-top:1px solid var(--line);margin-top:clamp(40px,6vh,72px);padding-top:clamp(32px,4vh,48px)}.clients-head{align-items:center;gap:16px;margin-bottom:28px;display:flex}.clients-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);font-size:12px}.logo-row{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,22px);margin-bottom:26px;display:grid}.logo-tile{border:1px solid var(--line);aspect-ratio:3/2;border-radius:6px;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.logo-tile img{object-fit:contain;max-width:82%;max-height:68%;display:block}.logo-tile.bg-white{background:#fff}.logo-tile.bg-black{background:#000}.logo-tile.names{background:var(--bg-raise);aspect-ratio:auto;flex-direction:column;grid-column:span 2;justify-content:center;align-items:flex-start;gap:12px;padding:22px 24px}.logo-tile.names span{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-dim);font-size:12px;line-height:1.4}.logo-tile.names span:before{content:"▪ ";color:var(--accent)}.client-names{flex-wrap:wrap;gap:8px;margin-top:clamp(30px,4vh,48px);display:flex}.client-names span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);border-radius:100px;padding:7px 14px;font-size:11px}.section-no.bright{color:var(--fg)}.feed-handle{transition:color .25s var(--ease);text-decoration:none}.feed-handle:hover{color:var(--accent)}.feed-embed{min-height:120px;margin-top:4px}.tile-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,26px);display:grid}.tile{flex-direction:column;display:flex}.tile .frame{aspect-ratio:4/3;border:1px solid var(--line);background:#14130f;border-radius:6px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.tile .frame img{object-fit:contain;width:100%;height:100%;transition:transform .6s var(--ease);display:block}.tile:hover .frame img{transform:scale(1.03)}.tile .frame.logo img{width:auto;max-width:70%;height:auto;max-height:56%}.tile:hover .frame.logo img{transform:none}.tile .frame.bg-white{background:#fff}.tile .frame.bg-black{background:#000}.tile .frame.placeholder{background:radial-gradient(70% 60% at 50% 35%,#e8492b2e,#0000 60%),linear-gradient(160deg,#1a1a1a,#080808)}.tile .frame-note{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);font-size:10px}.tile .tcap{text-align:center;flex-direction:column;align-items:center;gap:6px;padding-top:14px;display:flex}.tile .tname{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.01em;font-size:clamp(1.05rem,1.4vw,1.32rem);font-weight:700;font-stretch:110%;line-height:1.05}.tile .trole{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:11px;line-height:1.45}.card:after{content:"";z-index:-1;background:linear-gradient(#0a0a0a1a 30%,#0a0a0aeb 88%);position:absolute;inset:0}.ph-1{background:radial-gradient(60% 80% at 30% 20%,#e8492b73,#0000 60%),linear-gradient(135deg,#1c1b1a,#050505)}.ph-2{background:radial-gradient(50% 70% at 70% 30%,#78a0dc59,#0000 60%),linear-gradient(135deg,#14171c,#050505)}.ph-3{background:radial-gradient(70% 60% at 50% 80%,#f4f1ec2e,#0000 60%),linear-gradient(135deg,#1a1a1a,#060606)}.card .tag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:10px;font-size:11px}.card h3{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:700;font-stretch:110%;line-height:1.02}.card .role{color:var(--fg-dim);margin-top:8px;font-size:.92rem}.card .role b{color:var(--fg);font-weight:600}.col-7{grid-column:span 7}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-6{grid-column:span 6}.col-12{grid-column:span 12}.placeholder-note{font-family:var(--font-mono);letter-spacing:.12em;color:var(--fg-faint);text-transform:uppercase;border:1px dashed var(--line);border-radius:4px;margin-top:28px;padding:12px 16px;font-size:11px;display:inline-block}.founder{grid-template-columns:1.3fr 1fr;align-items:start;gap:clamp(36px,6vw,90px);display:grid}.founder-portrait{aspect-ratio:4/5;border:1px solid var(--line);background:#14130f;border-radius:4px;overflow:hidden}.founder-portrait img{object-fit:cover;object-position:50% 38%;width:100%;height:100%;display:block}.founder-portrait span{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-faint);font-size:11px}.founder p{color:var(--fg-dim);margin-top:22px;font-size:1.08rem}.founder p b{color:var(--fg);font-weight:600}.founder .role-line{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:8px;font-size:12px}.credits{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.credits span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim);border:1px solid var(--line);border-radius:100px;padding:7px 14px;font-size:11px}.founder-detail{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,76px);margin-top:clamp(44px,6vh,76px);padding-top:clamp(36px,5vh,56px);display:grid}.fd-col p{color:var(--fg-dim);font-size:1rem}.fd-col p b{color:var(--fg);font-weight:600}.fd-head{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:20px;font-size:12px}.fd-head--spaced{margin-top:44px}.hl-list{list-style:none}.hl-list li{border-bottom:1px solid var(--line-soft);color:var(--fg);justify-content:space-between;align-items:baseline;gap:16px;padding:12px 0;font-size:.98rem;display:flex}.hl-list li:first-child{border-top:1px solid var(--line-soft)}.hl-list li .yr{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint);flex-shrink:0;font-size:11px}.founder-close{max-width:62ch;color:var(--fg);margin-top:clamp(40px,5vh,60px);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.5}.contact{grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,100px);display:grid}.contact h2{margin-bottom:28px}.contact .direct{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-dim);font-size:14px;line-height:2.2}.contact .direct a{color:var(--fg);border-bottom:1px solid var(--line);transition:border-color .3s var(--ease);padding-bottom:2px}.contact .direct a:hover{border-color:var(--accent)}form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:11px}.field input,.field textarea{background:var(--bg-raise);border:1px solid var(--line);color:var(--fg);font-family:var(--font-body);transition:border-color .3s var(--ease);border-radius:4px;padding:14px 16px;font-size:1rem}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field textarea{resize:vertical;min-height:120px}button.submit{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;background:var(--fg);color:var(--bg);cursor:pointer;transition:transform .25s var(--ease), background .25s var(--ease);border:none;border-radius:100px;align-self:flex-start;margin-top:6px;padding:15px 32px;font-size:12px}button.submit:hover{background:var(--accent);color:var(--fg);transform:translateY(-2px)}.hp{position:absolute;left:-9999px}.form-status{font-family:var(--font-mono);letter-spacing:.03em;max-width:42ch;margin-top:4px;font-size:12px;line-height:1.5}.form-status.ok{color:var(--fg)}.form-status.err{color:var(--accent)}footer{padding:clamp(60px,9vh,110px) 0 50px}.foot-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:70px;display:flex}.foot-top .wordmark{font-size:clamp(2.5rem,9vw,7rem);line-height:.85}.sister{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);text-align:right;max-width:30ch;font-size:12px}.sister a{color:var(--fg);border-bottom:1px solid var(--accent)}.foot-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-top:28px;display:flex}.foot-bar,.foot-bar a{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faint);font-size:11px}.foot-bar a:hover{color:var(--fg)}.foot-bar .socials{gap:22px;display:flex}.events-list{flex-direction:column;gap:clamp(44px,8vh,90px);display:flex}.event{border-top:1px solid var(--line);padding-top:clamp(26px,4vh,44px)}.event-date{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:12px;font-size:12px;display:block}.event-title{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:700;font-stretch:110%;line-height:1}.event-desc{color:var(--fg-dim);max-width:68ch;margin:20px 0 26px;font-size:1.08rem}.event-video{aspect-ratio:16/9;border:1px solid var(--line);background:#0d0c0b;border-radius:6px;width:100%;position:relative;overflow:hidden}.event-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.event-photos{grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.4vw,18px);margin-top:22px;display:grid}.event-photos img{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line-soft);border-radius:4px;width:100%;display:block}@media (width<=760px){.event-photos{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.nav-links a:not(.nav-cta){display:none}.founder,.contact,.founder-detail{grid-template-columns:1fr}.founder-detail{gap:40px}.work-grid>*{grid-column:span 12!important}.card:not(.banner):not(.poster){min-height:260px}.card.poster{aspect-ratio:4/5}.logo-row{grid-template-columns:1fr 1fr}.logo-tile.names{grid-column:span 2}.tile-grid{grid-template-columns:repeat(2,1fr)}.svc-head{grid-template-columns:44px 1fr auto;gap:14px}.svc-panel-inner{padding-left:58px}.sister{text-align:left}.hero{justify-content:center;padding-top:96px;padding-bottom:72px}}@media (width<=520px){.tile-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.hero .eyebrow,.hero-brand .line>span,.hero-tagline,.hero-sub,.scroll-cue{opacity:1;transform:none}}
