:root{color-scheme:dark;--bg:#0b0b0c;--cyan:#65d2e9;--pink:#e6436d;--text:#f2f3f3;--muted:#a3a7a8}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;background:#f2f3f3;color:#0b0b0c;padding:12px 18px;transform:translateY(-160%);border-radius:8px}
.skip-link:focus{transform:none;color:#0b0b0c}
.mobile-menu{display:none;position:relative}
.mobile-menu summary{cursor:pointer;list-style:none;padding:11px 9px;font-size:12px;border:1px solid #ffffff36;border-radius:10px}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu[open]>div{position:absolute;right:0;top:46px;z-index:20;min-width:180px;display:grid;padding:9px;border:1px solid #ffffff26;border-radius:12px;background:#141518;box-shadow:0 16px 32px #0009}
.mobile-menu a{padding:12px;color:#f2f3f3;text-decoration:none;font-size:14px}
@media(max-width:600px){.mobile-menu{display:block}}
body{font-family:Archivo,system-ui,sans-serif}
.site-shell{position:relative;isolation:isolate;min-height:100vh;background:#0b0c0f;color:var(--text);--glow-top:.58;--glow-sides:.35;--glow-bottom:0;--glow-footer:0}
.site-shell>header,.site-shell>section,.site-shell>footer{position:relative;z-index:1}
.site-shell>header{z-index:20}
.ambient-light{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}
.ambient-light>div{position:absolute;inset:0;will-change:opacity}
.ambient-top{background:radial-gradient(ellipse 65% 42% at 18% -12%,#65d2e952,transparent 90%),radial-gradient(ellipse 54% 36% at 96% -10%,#e6436d30,transparent 85%);opacity:var(--glow-top)}
.ambient-sides{background:radial-gradient(ellipse 24% 65% at -11% 54%,#65d2e957,transparent 90%),radial-gradient(ellipse 24% 63% at 111% 65%,#e6436d47,transparent 90%);opacity:var(--glow-sides)}
.ambient-bottom{background:radial-gradient(ellipse 65% 36% at 12% 114%,#65d2e9c2,transparent 92%),radial-gradient(ellipse 64% 38% at 94% 116%,#e6436d9c,transparent 91%);opacity:var(--glow-bottom)}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
[hidden]{display:none!important}
.shell{max-width:1440px;margin:0 auto;padding-left:40px;padding-right:40px}
.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:16px 24px;border:1px solid transparent;border-radius:15px;font-size:15px;font-weight:700;text-decoration:none;--button-base:#345863;--button-drop:4px;--button-shadow:#0006;box-shadow:inset 0 1px 0 #ffffff70,0 var(--button-drop) 0 var(--button-base),0 10px 24px var(--button-shadow);transition:transform .18s,box-shadow .18s,filter .18s}
.button.cyan{background:linear-gradient(180deg,#a1e8f5 0%,#73d7eb 45%,#54c7e1 100%);border-color:#a5e8f3a6;color:#09242b;--button-base:#327e91;--button-shadow:#04171f80}
.button.pearl{background:linear-gradient(180deg,#fff 0%,#edf1f3 52%,#d8e0e3 100%);border-color:#ffffffc9;color:#152026;--button-base:#8b989f}
.button.outline{background:linear-gradient(180deg,#65d2e92b,#65d2e910 55%,#65d2e91f);border-color:#9de1ec5c;border-radius:999px;color:#b4eef7;backdrop-filter:blur(14px);--button-base:#172b31;--button-drop:2px;box-shadow:inset 0 1px 0 #bcebf25e,inset 0 -1px 0 #65d2e91a,0 2px 0 var(--button-base),0 8px 20px #0005}
.button.charcoal{background:linear-gradient(180deg,#353640,#22232a 50%,#15151c);border-color:#ffffff24;color:#f7f7f9;--button-base:#090910;--button-shadow:#64213c5c}
.button.rose-glass{background:linear-gradient(180deg,#ffffff30,#ffffff08 60%,#9c1c401a);border-color:#ffb6c761;color:#280c16;border-radius:999px;--button-base:#a72d4d;--button-drop:2px;--button-shadow:#6d1c3740}
.button.nav-cta{min-height:43px;padding:12px 20px;font-size:14px;border-radius:13px;--button-drop:3px}
.contact-button{min-height:56px;font-size:16px;width:100%}
@media(hover:hover){.button:hover{transform:translateY(-2px);filter:brightness(1.06)}}
.button:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #ffffff38,0 1px 0 var(--button-base),0 4px 10px #0004}
.eyebrow,.section-kicker,.lab-kicker{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;color:var(--muted)}
.eyebrow{display:flex;align-items:center;gap:12px;white-space:nowrap}
.eyebrow i{height:1px;background:#2a2c30;flex:1}
.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:56px;align-items:center;padding-top:42px;padding-bottom:78px}
.hero-copy{display:flex;flex-direction:column;gap:25px}
.hero h1{margin:0;font-size:clamp(46px,5.3vw,76px);line-height:.99;font-weight:800;letter-spacing:-.045em}
.hero-copy>p{max-width:520px;margin:0;font-size:18px;line-height:1.55;color:#c9cccd}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-gallery{display:grid;grid-template-columns:1.25fr .72fr .72fr;gap:10px;position:relative;padding:10px 0 32px}
.mosaic-column{display:flex;flex-direction:column;gap:10px;min-width:0}
.mosaic-mid{padding-top:36px}
.mosaic-end{padding-top:62px}
.media-tile{position:relative;overflow:hidden;border-radius:14px;border:0;background:#15191d;isolation:isolate;display:block;color:var(--text);text-decoration:none;--tile-accent:160 177 190;box-shadow:0 20px 42px -18px #000c,0 5px 12px #0005,inset 0 1px 0 #ffffff0b,inset 0 -1px 0 #0007}
a.media-tile{transition:transform .25s,border-color .25s,box-shadow .25s}
a.media-tile:hover{transform:translateY(-4px);color:var(--text)}
.landscape{aspect-ratio:16/9}
.portrait{aspect-ratio:9/16}
.cyan-tile{background-color:#142126;color:#65d2e9;--tile-accent:101 210 233}
.pink-tile{background-color:#251b24;color:#e6436d;--tile-accent:230 67 109}
.neutral-tile{background-color:#202227;color:#d3d7d8}
.media-tile{background-image:linear-gradient(145deg,#ffffff0c,transparent 40%),linear-gradient(0deg,#0006,transparent 56%),radial-gradient(ellipse at 18% 0%,rgb(var(--tile-accent)/.12),transparent 70%)}
.case-media{transition:transform .25s,border-color .25s,box-shadow .25s}
@media(hover:hover){a.media-tile:hover,.case:hover .case-media{box-shadow:0 26px 48px -15px #000e,0 0 24px -10px rgb(var(--tile-accent)/.3),inset 0 1px 0 #ffffff14}.case:hover .case-media{transform:translateY(-3px)}}
.tile-copy{position:absolute;left:13px;right:13px;bottom:13px;display:flex;flex-direction:column;gap:4px}
.tile-copy small{font:9px 'JetBrains Mono',monospace;letter-spacing:.08em;color:inherit}
.tile-copy strong{font-size:12px;color:var(--text);line-height:1.3}
.tile-arrow{position:absolute;right:12px;bottom:12px;color:#b7c3c7;font-size:15px;opacity:0;transition:opacity .2s}
.media-tile:hover .tile-arrow{opacity:1}
.director-sticker{position:absolute;left:15%;bottom:7px;z-index:2;background:var(--pink);color:var(--bg);font-weight:800;font-size:14px;padding:11px 17px;border-radius:9px;transform:rotate(-4deg);box-shadow:0 8px 22px #0005;white-space:nowrap}
.lab-section{padding-bottom:88px}
.lab-stage{position:relative;min-height:570px;border:1px solid #65d2e985;border-radius:28px;overflow:hidden;background:#070e10;box-shadow:inset 0 0 55px #65d2e947,inset 0 0 9px #b5f2ff9c,0 0 35px #65d2e91c;isolation:isolate}
.lab-stage::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#04080b 24%,transparent 75%),linear-gradient(140deg,#65d2e923,transparent 40%,#e6436d0d);pointer-events:none}
.lab-stage::after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 65px #65d2e933;pointer-events:none}
.lab-room{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.65;pointer-events:none}
.room-wall{position:absolute;inset:0;background-image:linear-gradient(#65d2e916 1px,transparent 1px),linear-gradient(90deg,#65d2e916 1px,transparent 1px);background-size:74px 74px;mask-image:radial-gradient(ellipse,transparent 25%,#000 95%)}
.room-floor,.room-ceiling{position:absolute;left:-25%;width:150%;height:65%;background-image:linear-gradient(#65d2e936 1px,transparent 1px),linear-gradient(90deg,#65d2e92b 1px,transparent 1px);background-size:72px 42px;transform:perspective(350px) rotateX(57deg);transform-origin:center bottom;bottom:-6%;mask-image:linear-gradient(transparent,#000)}
.room-ceiling{top:-6%;bottom:auto;transform:perspective(350px) rotateX(-57deg);transform-origin:center top;mask-image:linear-gradient(#000,transparent)}
.room-frame{position:absolute;border:1px solid #65d2e924;inset:10% 12%}
.room-frame.frame-two{inset:21% 27%}
.lab-topline,.lab-bottomline{position:absolute;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px 'JetBrains Mono',monospace;letter-spacing:.1em;color:#99c5cc;z-index:2}
.lab-topline{top:27px}
.lab-topline>span:first-child{display:flex;align-items:center;gap:9px}
.status-dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}
.lab-bottomline{bottom:25px;font-size:9px}
.lab-teaser-label{color:#d6e3e6}
.lab-teaser-label i{font-style:normal;color:var(--pink);font-size:17px;margin-left:8px}
.lab-center{position:relative;z-index:3;width:46%;margin:0 auto;padding:114px 0 85px;text-align:center;display:flex;align-items:center;flex-direction:column}
.lab-monogram{position:relative;display:block;width:48px;height:48px;background:var(--cyan);color:#081215;border-radius:13px;box-shadow:4px 4px 0 #e6436d88;transform:rotate(-8deg);font-size:34px;font-weight:800;line-height:48px;margin-bottom:25px}
.lab-monogram>span{position:absolute;right:-15px;top:-15px;font-size:26px;color:var(--pink)}
.lab-kicker{font-size:9px;color:#9abfc8;margin-bottom:15px;letter-spacing:.18em}
.lab-center h2{font-size:clamp(36px,4.65vw,64px);line-height:.95;margin:0 0 20px;letter-spacing:-.055em;font-weight:800;color:var(--cyan);white-space:nowrap}
.lab-center h2 span{color:var(--text)}
.lab-center>p{font-size:clamp(18px,1.9vw,26px);font-weight:500;line-height:1.25;letter-spacing:-.02em;margin:0 0 13px;color:#e3eff2}
.lab-description{max-width:300px;font-size:13px;line-height:1.5;color:#95acb3}
.lab-button{margin-top:26px;font-size:13px;border-radius:13px;min-height:44px;padding:13px 20px;gap:16px}
.lab-panel{position:absolute;z-index:2;border:1px solid #b0e2eb3d;border-radius:18px;padding:14px;background:linear-gradient(135deg,#ffffff0a,transparent 55%),#173037d1;backdrop-filter:blur(12px);box-shadow:0 24px 45px -12px #000b,0 7px 14px #0005,inset 0 1px 0 #ffffff14;color:#d9edf1;transition:transform .35s}
.lab-panel:hover{transform:translateY(-5px) rotate(0deg)}
.panel-heading{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:600;margin-bottom:13px}
.panel-heading>span:last-child{margin-left:auto;font:9px 'JetBrains Mono',monospace;opacity:.5}
.panel-dot{width:6px;height:6px;border-radius:2px;background:#dce8eb}
.cyan-dot{background:var(--cyan)}
.pink-dot{background:var(--pink)}
.panel-motion{width:24%;left:4%;top:175px;transform:rotate(-6deg)}
.motion-art{border-radius:9px;border:1px solid #65d2e925;background:#0c171d;overflow:hidden;display:flex;align-items:center;flex-direction:column}
.motion-art svg{display:block;width:100%;height:auto}
.motion-art>span{font:6px 'JetBrains Mono',monospace;letter-spacing:.12em;color:#79a6b1;margin:7px 0 11px}
.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;color:#8cb2bd;font:7px 'JetBrains Mono',monospace}
.play-icon{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--cyan)}
.mini-timeline{height:3px;flex:1;background:#4d68734d}
.mini-timeline b{display:block;width:58%;height:100%;background:var(--cyan)}
.floating-label{position:absolute;padding:8px 12px;border-radius:30px;font-size:11px;font-weight:700;color:#0b0b0c;white-space:nowrap;box-shadow:0 5px 15px #0004}
.label-motion{right:-12px;bottom:-15px;background:var(--cyan);transform:rotate(4deg)}
.panel-ugc{width:21%;right:5%;top:84px;transform:rotate(7deg);background:#2d1c2bb3;border-color:#e6436d59}
.ugc-art{height:126px;display:flex;justify-content:center;align-items:center;gap:7px;overflow:hidden;padding-top:6px}
.portrait-study{width:29%;height:92px;position:relative;overflow:hidden;border:1px solid #ffffff29;border-radius:7px;background:#17383f;transform:rotate(-9deg);flex-shrink:0}
.portrait-study i{position:absolute;width:36%;aspect-ratio:1;left:32%;top:21%;border-radius:50%;background:#65d2e98a}
.portrait-study b{position:absolute;width:75%;height:65%;left:12.5%;top:45%;border-radius:45% 45% 0 0;background:#65d2e94a}
.portrait-study.study-two{width:34%;height:120px;transform:rotate(0);z-index:1;background:#472333}
.study-two i{background:#ed8da6}.study-two b{background:#d34e76}
.portrait-study.study-three{transform:rotate(9deg);background:#33403d}.study-three i{background:#aebcad}.study-three b{background:#6a8276}
.tiny-pill{color:#e5bac8;border:1px solid #e6436d42;border-radius:10px;padding:4px 7px}
.label-ugc{left:-17px;bottom:-12px;background:var(--pink);transform:rotate(-9deg)}
.panel-edit{width:25%;right:3%;bottom:78px;transform:rotate(-3deg)}
.edit-art{display:flex;gap:6px}
.edit-frame{aspect-ratio:16/10;width:33%;position:relative;border-radius:6px;border:1px solid #a9dce22e;overflow:hidden;background:#12232a}
.edit-frame span{position:absolute;left:25%;top:20%;width:50%;aspect-ratio:1;border:1px solid #65d2e99e;transform:rotate(30deg)}
.frame-b{background:#34202c}.frame-b span{border-color:#e6436d;border-radius:50%;transform:none}
.frame-c span{transform:rotate(-20deg);border-color:#c3cfd2;left:16%;width:65%}
.waveform{color:var(--cyan);letter-spacing:-1px;font-size:11px}
.work-section{padding-top:8px;padding-bottom:84px}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px;flex-wrap:wrap}
.section-kicker{margin-bottom:12px}
.work-heading h2{margin:0;font-size:clamp(34px,4vw,48px);line-height:1.05;letter-spacing:-.035em;font-weight:800}
.filter-list{display:flex;gap:8px;flex-wrap:wrap}
.filter-list button{cursor:pointer;font:600 13px Archivo,sans-serif;padding:11px 16px;border-radius:999px;border:1px solid #ffffff24;background:linear-gradient(180deg,#ffffff12,#ffffff03);color:#cbd3d7;box-shadow:inset 0 1px 0 #ffffff14,0 3px 7px #0005;backdrop-filter:blur(12px);transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
.filter-list button[aria-pressed="true"]{background:linear-gradient(180deg,#65d2e94a,#65d2e924 65%,#65d2e938);border-color:#8adce98c;color:#c0f4fc;box-shadow:inset 0 1px 0 #b0efffad,0 2px 0 #23414b,0 5px 16px #65d2e914}
@media(hover:hover){.filter-list button:hover{border-color:#9ae4f178;transform:translateY(-1px);color:#d2f6ff}}
.filter-list button:active{transform:translateY(1px)}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:4px;grid-auto-flow:dense;column-gap:24px;align-items:start}
.case{grid-column:span 2;min-width:0;scroll-margin-top:24px}
.case.portrait-case{grid-column:span 1}
.case.tiktok-case{grid-column:1/-1}
.case.explainer-case{grid-column:1/-1}
.explainer-kicker{margin-bottom:18px}
.explainer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
.explainer-item{min-width:0;scroll-margin-top:32px}
@media(max-width:600px){.explainer-grid{grid-template-columns:1fr;gap:28px}.explainer-social{width:min(100%,280px);justify-self:center}}
.tiktok-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:6px 0 25px}
.tiktok-heading h3{font-size:clamp(26px,3.2vw,44px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 0;color:var(--text)}
.tiktok-account-result{text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:5px}
.tiktok-account-result strong{font-size:clamp(34px,4.5vw,62px);letter-spacing:-.05em;line-height:1;color:var(--cyan)}
.tiktok-account-result span{font-size:12px;color:var(--muted)}
.tiktok-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.tiktok-item{min-width:0}
.tiktok-source{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;color:#c8d2d6;text-decoration:none;font-size:13px;line-height:1.4}
.tiktok-source span{color:var(--cyan)}
.tiktok-result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:12px}
.tiktok-result strong{font-size:clamp(38px,5.5vw,76px);font-weight:800;letter-spacing:-.06em;color:#9de4f2;text-shadow:0 0 36px #65d2e944}
.tiktok-result span{font-size:13px;line-height:1.4;color:#bbcfd5;max-width:150px}
@media(max-width:650px){.tiktok-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px}.tiktok-heading{align-items:flex-start;gap:12px;margin-bottom:20px}.tiktok-heading h3{font-size:25px}.tiktok-heading .section-kicker{font-size:8px;letter-spacing:.06em}.tiktok-account-result strong{font-size:32px}.tiktok-account-result span{font-size:10px;max-width:90px;line-height:1.4}.tiktok-source{font-size:11px}.tiktok-result strong{font-size:44px}.tiktok-result span{font-size:11px}}
.case-content{padding-bottom:36px}
.case-media{width:100%;border-radius:17px}
.case-metric{position:absolute;bottom:17px;left:17px;right:17px;color:var(--text);font-size:13px;font-weight:600;line-height:1.4}
.case-caption{padding:15px 1px 0}
.case-caption h3{font-size:18px;line-height:1.25;font-weight:700;letter-spacing:-.015em;margin:0 0 5px}
.case-caption p{font-size:13px;color:var(--muted);margin:0;line-height:1.45}
.case-caption a{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:16px;text-decoration:none;padding:12px 0}
.motion-comparison{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;scroll-margin-top:32px}
.motion-comparison figure{margin:0;min-width:0}
.comparison-frame{aspect-ratio:16/9;background:#0b0b0c;border-radius:16px;overflow:hidden;box-shadow:0 14px 28px -18px #152c3866}
.comparison-frame img{display:block;width:100%;height:100%;object-fit:contain}
.motion-comparison figcaption{display:flex;gap:10px;align-items:center;padding:14px 2px;font-size:14px;line-height:1.4}
.motion-comparison figcaption span{font:11px 'JetBrains Mono',monospace;color:#315963;border:1px solid #31596340;border-radius:999px;padding:5px 9px;flex-shrink:0}
.motion-process{margin-top:10px;max-width:900px}
.motion-process summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;width:fit-content;max-width:100%;padding:13px 18px;border:1px solid #c7ced1;border-radius:12px;background:linear-gradient(#fff,#e5eaec);box-shadow:inset 0 1px 0 #fff,0 3px 0 #b4bfc4,0 8px 20px #152c3810;font-size:14px;font-weight:700;list-style:none}
.motion-process summary::-webkit-details-marker{display:none}
.motion-process summary:focus-visible{outline:3px solid #287e91;outline-offset:5px}
.motion-process video{display:block;width:100%;aspect-ratio:16/9;margin-top:24px;background:#0b0b0c;border-radius:16px}
@media(max-width:600px){.motion-comparison{grid-template-columns:1fr;gap:12px}.motion-comparison figcaption{font-size:13px}.motion-process summary{font-size:13px}}
#how>div>div:nth-last-child(2)>div{box-shadow:0 16px 30px -20px #152c3840,0 3px 7px #152c3808}
#how>div>div:last-child>div{box-shadow:0 18px 30px -20px #0008,inset 0 1px 0 #ffffff16}
#proof>div:last-child{background:radial-gradient(ellipse at 25% 0%,#65d2e910,transparent 70%),linear-gradient(150deg,#1d2126,#101216);box-shadow:0 24px 44px -22px #000c,inset 0 1px 0 #ffffff0d}
.site-footer{isolation:isolate;overflow:hidden;background:#0b0c0f;border-top:1px solid #ffffff0a;padding:64px 0 50px!important;font-size:13px;color:#b8c2c7}
.site-footer::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 80% 160% at 4% 145%,#65d2e9a3,transparent 80%),radial-gradient(ellipse 75% 140% at 100% 145%,#e6436d94,transparent 80%);box-shadow:inset 0 -1px 0 #a7d0d8;opacity:var(--glow-footer)}
.footer-content{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;line-height:1.5}
@media(max-width:600px){.ambient-top{background:radial-gradient(ellipse 100% 30% at 10% -5%,#65d2e936,transparent 90%),radial-gradient(ellipse 70% 28% at 110% -3%,#e6436d24,transparent 90%)}.ambient-bottom{background:radial-gradient(ellipse 90% 25% at -10% 110%,#65d2e982,transparent 95%),radial-gradient(ellipse 90% 25% at 110% 112%,#e6436d73,transparent 95%)}.site-footer{padding:40px 0!important}}
@media(min-width:1500px){.hero{gap:66px}.hero-copy>p{font-size:20px}}
@media(max-width:1100px){
.hero{grid-template-columns:1fr;gap:40px;padding-top:30px}
.hero-copy{max-width:850px}
.hero h1{font-size:clamp(46px,7vw,76px)}
.hero-copy>p{max-width:640px}
.hero-gallery{max-width:900px;width:100%;grid-template-columns:1.25fr .72fr .72fr;align-self:center}
.hero-gallery .tile-copy strong{font-size:16px}
.hero-gallery .tile-copy small{font-size:10px}
.hero-gallery .director-sticker{font-size:17px}
.lab-stage{min-height:520px}
.panel-motion{top:180px}
.panel-ugc{top:86px}
.panel-edit{bottom:90px}
.lab-center{padding-top:122px}
.lab-panel{padding:11px}
.panel-heading{font-size:9px}
}
@media(max-width:800px){
.shell{padding-left:24px;padding-right:24px}
header{padding:20px 24px!important}
.lab-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:24px;min-height:0}
.lab-topline,.lab-bottomline{position:relative;inset:auto;grid-column:1/-1;font-size:8px}
.lab-topline>span:last-child{display:none}
.lab-center{grid-column:1/-1;grid-row:2;width:100%;padding:25px 0 20px}
.lab-center h2{font-size:clamp(38px,8vw,60px)}
.lab-center>p{font-size:23px}
.lab-panel{position:relative;inset:auto;width:100%;transform:none;grid-row:3;padding:12px;align-self:center}
.panel-motion{grid-column:1}.panel-ugc{grid-column:2}.panel-edit{grid-column:3}
.lab-panel:hover{transform:translateY(-3px)}
.lab-bottomline{grid-row:4;padding-top:14px}
.lab-description{max-width:320px}
.panel-heading{font-size:10px;flex-wrap:wrap}
.panel-heading>span:last-child{display:none}
.panel-foot{font-size:6px}
.ugc-art{height:110px}
.portrait-study{height:76px}.portrait-study.study-two{height:100px}
.floating-label{font-size:9px;padding:6px 9px}
.room-floor{height:35%;bottom:0}.room-ceiling{height:35%;top:0}
.work-grid{column-gap:16px}
.case-caption h3{font-size:16px}
.case-metric{font-size:11px;left:12px;bottom:12px;right:12px}
#how>div,#proof,#contact>div{padding:64px 24px!important}
footer{padding:28px 24px!important}
}
@media(max-width:600px){
header{align-items:center!important;gap:12px!important}
header nav{gap:4px!important}
header nav>a{display:none}
header nav>a:last-child{display:inline-flex;font-size:12px!important;padding:12px 14px!important}
header>a{gap:8px!important}header>a>span{font-size:20px!important}
.shell{padding-left:18px;padding-right:18px}
.hero{padding-top:20px;padding-bottom:45px;gap:27px}
.hero h1{font-size:clamp(40px,10.5vw,62px)}
.hero-copy{gap:20px}
.eyebrow{font-size:8px;gap:8px}
.hero-copy>p{font-size:16px;line-height:1.5}
.button{min-height:47px;font-size:13px;padding:13px 18px;gap:16px}
.hero-gallery{gap:6px;grid-template-columns:1.2fr .76fr .76fr;padding-bottom:27px}
.mosaic-column{gap:6px}.mosaic-mid{padding-top:15px}.mosaic-end{padding-top:30px}
.media-tile{border-radius:9px}
.hero-gallery .tile-copy{left:8px;bottom:8px;right:5px;gap:3px}
.hero-gallery .tile-copy strong{font-size:8px}
.hero-gallery .tile-copy small{font-size:6px}
.hero-gallery .director-sticker{font-size:10px;padding:8px 10px;bottom:3px;left:12%;border-radius:6px}
.lab-section{padding-bottom:48px}
.lab-stage{border-radius:20px;padding:21px 16px;column-gap:12px;row-gap:14px;grid-template-columns:1fr 1fr}
.lab-center{padding:18px 0 12px}
.lab-center h2{font-size:clamp(32px,9.6vw,47px)}
.lab-center>p{font-size:20px}
.lab-kicker{font-size:7px}
.lab-description{font-size:12px;max-width:240px}
.lab-monogram{width:40px;height:40px;line-height:40px;font-size:29px;margin-bottom:24px}
.lab-button{margin-top:20px}
.lab-panel{padding:10px}
.panel-motion{grid-column:1;grid-row:3}
.panel-ugc{grid-column:2;grid-row:3}
.panel-edit{grid-column:1/-1;grid-row:4;max-width:240px;justify-self:center}
.panel-edit .edit-art{max-height:72px}
.panel-heading{font-size:9px;margin-bottom:10px}
.ugc-art{height:100px}
.panel-foot{gap:5px}
.lab-topline{font-size:7px;letter-spacing:.04em}
.lab-topline>span:first-child{gap:6px}
.lab-bottomline{grid-row:5;flex-wrap:wrap;justify-content:center;gap:9px;text-align:center;font-size:7px}
.work-section{padding-bottom:32px}
.work-heading{gap:20px;margin-bottom:25px}
.work-heading h2{font-size:34px;line-height:1.04}
.filter-list{gap:6px}
.filter-list button{font-size:11px;padding:10px 13px}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
.case-content{padding-bottom:28px}
.case-caption h3{font-size:17px}
.portrait-case .case-caption h3{font-size:15px}
.case-caption p{font-size:12px}
.case-metric{font-size:11px}
#how>div,#proof,#contact>div{padding:52px 18px!important}
#how h2{font-size:34px!important;line-height:1.08}
#how h2+p{font-size:16px!important}
#how>div>div:last-child>div{flex-basis:100%!important;font-size:10px!important;min-width:0}
#contact h2{font-size:clamp(40px,11vw,64px)!important;flex-basis:100%!important}
footer{padding:24px 18px!important}
#proof>div:last-child{padding:22px 18px!important;gap:25px!important}
#proof>div:last-child>div:last-child{font-size:12px!important;max-width:100%;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}