@charset "UTF-8";
:root{--ink:#24292d;--muted:#626b72;--accent:#297fd5;--coral:#e96860;--paper:#e7e9e9;--ease:cubic-bezier(.22,1,.36,1);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#b6bdc0;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;overflow-x:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:wait}::selection{background:#81b6f2;color:#fff}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,video{display:block;max-width:100%}.label{font:10px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:12px;background:white;transform:translateY(-160%)}.skip-link:focus{transform:none}#top,#work,#about,#contact{scroll-margin-top:65px}
.site-header{height:55px;position:absolute;inset:0 4.5vw auto;z-index:20;display:flex;align-items:center;justify-content:space-between;color:#f7f8f8}.brand{font-size:11px;font-weight:700;letter-spacing:.05em;display:flex;gap:9px;align-items:center}.brand>span{font-size:20px}.access-link{border:0;background:none;color:inherit;font-size:10px;padding:12px 0}.access-link>span{font-size:17px;margin-left:18px}.header-nav{display:flex;gap:30px;font-size:11px}.header-nav a{padding:10px 0}.header-nav span{font-size:8px;margin-left:4px;opacity:.7}.header-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
.studio{height:100svh;max-height:1080px;min-height:740px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 52% 43%,#e0e2e2 0%,#c4c9cb 39%,#aeb7ba 75%,#a2afb3 100%)}.studio::before{content:"";position:absolute;inset:50% -10% -10%;background:radial-gradient(ellipse at 50% 75%,rgba(250,250,250,.7),transparent 65%);pointer-events:none;z-index:-1}.studio::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.025;z-index:15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.studio-heading{position:absolute;left:5%;right:5%;top:7.5%;z-index:1;color:#fff;animation:heading-in 1.1s var(--ease) both}.studio-heading h1{font-size:clamp(90px,13.2vw,230px);font-weight:700;line-height:.83;letter-spacing:-.055em;margin:0;white-space:nowrap}.studio-byline{display:flex;justify-content:space-between;align-items:center;font-size:clamp(16px,2.55vw,42px);font-weight:300;letter-spacing:-.025em;margin-top:18px}.studio-byline p{margin:0}.studio-byline>span{font-weight:300}.scene{position:absolute;inset:21% 25% 11%;z-index:3;pointer-events:none;perspective:1000px;--scene-x:0px;--scene-y:0px;--scene-r:0deg}.scene-art{height:100%;width:100%;transform:translate3d(var(--scene-x),var(--scene-y),0) rotate(var(--scene-r));transition:transform 1s var(--ease);animation:art-in 1.3s var(--ease) .1s both;will-change:transform}.scene-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(66,78,89,.11))}.scene-shadow{position:absolute;bottom:0;left:12%;right:7%;height:9%;border-radius:50%;background:rgba(68,78,86,.17);filter:blur(22px);transform:rotate(-6deg);animation:shadow-breathe 7s ease-in-out infinite}.scene-film{position:absolute;left:27%;top:38%;width:54%;background:rgba(241,246,248,.52);border:1px solid rgba(255,255,255,.8);border-radius:13px;box-shadow:0 22px 38px rgba(39,57,75,.2),inset 0 0 20px rgba(255,255,255,.3);padding:6px;backdrop-filter:blur(9px);transform:translate3d(calc(var(--scene-x)*-1.1),calc(var(--scene-y)*-1.1),40px) rotate(-8deg);transition:transform 1s var(--ease);pointer-events:auto;overflow:hidden;animation:soft-in .8s var(--ease) both}.scene-film-bar{display:flex;align-items:center;gap:5px;font-size:8px;padding:3px 4px 7px;color:#323b44}.scene-film-bar>span:last-child{margin-left:auto}.scene-film-dot{width:4px;height:4px;border-radius:50%;background:var(--coral)}.scene-film video{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;border-radius:7px;background:#9ea7ac}.scene-film>button{position:absolute;inset:0;border:0;background:transparent;width:100%;height:100%}.scene-film:focus-within{outline:2px solid var(--accent);outline-offset:5px}
.glass-panel{position:absolute;border:1px solid rgba(255,255,255,.62);border-radius:27px;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(236,240,242,.43));box-shadow:0 15px 35px rgba(57,72,86,.14),inset 0 1px 1px rgba(255,255,255,.8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);z-index:6;transform:translate(var(--drag-x,0px),var(--drag-y,0px));animation:panel-in 1.1s var(--ease) .3s both}.intro-panel{left:12%;top:44%;width:25%;max-width:360px;padding:24px 21px 18px}.glass-panel h2{font-size:11px;line-height:1.3;font-weight:500;text-align:center;margin:0 0 15px}.selected-word{position:relative;display:inline-block;background:#a9d0f4;padding:3px 7px;border-left:1px solid #4c9cdc;border-right:1px solid #4c9cdc}.selected-word::before,.selected-word::after{content:"";position:absolute;width:6px;height:6px;background:#268acf;border-radius:50%;top:-5px;right:-3px}.selected-word::before{top:auto;right:auto;bottom:-5px;left:-3px}.intro-copy{font-size:12px;line-height:1.5;margin:0 0 15px;color:#30373c}.panel-handle{position:absolute;top:3px;left:50%;transform:translateX(-50%);width:36px;height:17px;padding:0;border:0;background:none;color:#9ba4aa;font-size:18px;line-height:12px;letter-spacing:3px;cursor:grab;touch-action:none}.panel-handle:active{cursor:grabbing}.glass-panel.is-dragging{transition:none;z-index:10}.gate-form{display:flex;flex-direction:column;gap:7px}.gate-form input{width:100%;min-width:0;border:1px solid rgba(120,131,140,.13);border-radius:18px;background:rgba(255,255,255,.28);padding:8px 12px;color:var(--ink);font-size:14px;text-align:center}.gate-form input::placeholder{font-size:11px;color:#7b868e}.gate-form button,.hero-cta{width:100%;background:rgba(147,158,166,.16);border:0;border-radius:30px;font-size:11px;color:var(--accent);padding:10px 12px;text-align:center;display:block;transition:background .2s,transform .3s}.gate-form button:hover,.hero-cta:hover{background:rgba(255,255,255,.6);transform:translateY(-1px)}.gate-form button>span,.hero-cta>span{margin-left:8px}.gate-status{font-size:9px;line-height:1.4;text-align:center;color:#78838b;min-height:13px;margin:8px 0 0}.gate-status.is-error{color:#ac403b}.gate.is-error{animation:shake .35s}.gate-form[aria-busy=true] button>span{display:inline-block;animation:spin 1s linear infinite}.is-unlocking .glass-panel{animation:unlock-panel 1s var(--ease) both}
.skills-panel{right:11%;top:33%;width:17.5%;max-width:250px;padding:24px 10px 11px;animation-delay:.45s}.skills-panel h2{margin-bottom:13px}.skills-list{display:flex;flex-direction:column;gap:7px}.skill-pill{border:0;border-radius:30px;background:rgba(144,153,160,.16);display:flex;align-items:center;justify-content:center;gap:5px;width:100%;font-size:10px;padding:10px 6px;transition:background .25s,color .25s,transform .4s var(--ease)}.skill-pill>span{font-size:13px}.skill-pill[aria-pressed=true]{color:var(--coral)}.skill-pill:hover{background:rgba(255,255,255,.62);transform:translateX(-3px)}.glass-dock{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);display:flex;align-items:end;justify-content:center;gap:9px;background:linear-gradient(125deg,rgba(255,255,255,.44),rgba(245,247,249,.16));border:1px solid rgba(255,255,255,.58);border-radius:18px;box-shadow:0 10px 30px rgba(59,73,89,.16),inset 0 1px 1px rgba(255,255,255,.7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:9px 13px 7px;z-index:12;animation:dock-in 1.2s var(--ease) .6s both;max-width:90%}.dock-item{border:0;padding:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;flex:0 0 auto}.dock-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(135deg,var(--icon-color),color-mix(in srgb,var(--icon-color),#132d48 30%));font-size:24px;letter-spacing:-.05em;color:#ecf2f8;box-shadow:inset 1px 1px 2px rgba(255,255,255,.55),inset -2px -2px 4px rgba(0,0,0,.1),0 4px 8px rgba(55,65,77,.12);transform-origin:50% 100%;transition:transform .4s var(--ease),box-shadow .4s;overflow:hidden}.dock-icon img{width:83%;height:68%;object-fit:contain}.dock-icon.has-logo{background:rgba(249,250,250,.85);padding:4px}.dock-icon.sorted{background:#29383d}.dock-icon.wordmark{font-size:21px}.dock-label{font-size:8px;color:#576775;white-space:nowrap}.dock-item:hover .dock-icon,.dock-item:focus-visible .dock-icon{transform:translateY(-9px) scale(1.24);box-shadow:0 9px 14px rgba(55,65,77,.14)}.dock-item.is-current .dock-label{color:var(--accent)}.dock-item.is-current::after{content:"";position:absolute;bottom:-5px;width:3px;height:3px;background:var(--accent);border-radius:50%}.studio-bottom{position:absolute;bottom:3.4%;left:5%;right:5%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;font-size:9px;color:#f9fafa;z-index:15}.studio-bottom>.scroll-link{text-align:right}.scene-switch{justify-self:center;display:flex;gap:6px}.scene-mode{border:0;border-radius:50%;height:6px;width:6px;background:rgba(66,76,84,.32);padding:0}.scene-mode::after{content:"";position:absolute;inset:-6px}.scene-mode{position:relative}.scene-mode[aria-pressed=true]{background:#202c35}.studio.is-calm .scene-shadow{animation-play-state:paused}.studio.is-calm .scene-art{--scene-x:0px;--scene-y:0px;--scene-r:0deg}.scroll-link>span{margin-left:15px;font-size:14px}
.portfolio{background:#e6e9eb;animation:soft-in .9s var(--ease) both}.work-section{padding:90px 5vw 100px;background:linear-gradient(#d1d7da,#e5e8ea);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:45px}.section-heading .label{padding-top:8px;margin:0;color:var(--muted)}.section-heading h2{font-size:clamp(48px,7vw,100px);line-height:.96;letter-spacing:-.065em;font-weight:500;margin:0;width:65%}.section-heading h2 em{font-style:normal;color:#81939f}.work-intro{display:flex;justify-content:space-between;align-items:end;gap:25px;border-top:1px solid rgba(70,87,101,.2);padding-top:21px;margin-bottom:35px}.work-intro p{font-size:12px;line-height:1.6;margin:0;max-width:300px;color:#697983}.work-filters{display:flex;gap:5px;flex-wrap:wrap}.filter-button{border:1px solid rgba(255,255,255,.65);border-radius:30px;background:rgba(255,255,255,.23);padding:9px 17px;font-size:10px;color:#536672;transition:background .2s,color .2s}.filter-button:hover{background:rgba(255,255,255,.7)}.filter-button[aria-pressed=true]{background:#697f92;color:white;border-color:#697f92}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 28px}.project-card{position:relative;min-width:0;--card-tone:#d1d7db;--card-ink:var(--ink)}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1.7fr 1fr;gap:0;background:rgba(255,255,255,.36);border:1px solid rgba(255,255,255,.8);border-radius:27px;overflow:hidden;box-shadow:0 18px 40px rgba(90,109,124,.12)}.project-hit{position:absolute;inset:0;z-index:3;width:100%;height:100%;background:transparent;border:0;border-radius:22px}.project-hit:focus-visible{outline-offset:5px}.project-visual{aspect-ratio:1.4;background:var(--card-tone);overflow:hidden;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);border-radius:22px;box-shadow:0 15px 32px rgba(79,94,106,.14)}.featured .project-visual{aspect-ratio:1.55;border-radius:0;border:0;box-shadow:none}.project-visual video,.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.project-card:hover .project-visual>video,.project-card:hover .project-visual>img{transform:scale(1.025)}.project-card[data-project=sorted] .project-visual{background:#607074;padding:7%;aspect-ratio:1.5}.project-card[data-project=sorted] video{height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px;box-shadow:0 25px 45px rgba(0,0,0,.15);transform:rotate(-2deg)}.project-card[data-project=sorted]:hover video{transform:rotate(0deg) scale(1.02)}.project-card[data-project=insaint] .project-visual{padding:7%}.project-card[data-project=insaint] video{height:100%;object-fit:contain;filter:drop-shadow(0 20px 20px rgba(0,0,0,.1))}.project-card[data-project=pubsift] .project-visual{padding:8%}.project-card[data-project=pubsift] video{height:auto;aspect-ratio:16/10;object-fit:cover;border:5px solid #273844;border-radius:6px;box-shadow:0 30px 40px rgba(0,0,0,.13);transform:rotate(-3deg)}.project-card[data-project=pubsift]:hover video{transform:rotate(0deg) scale(1.02)}.visual-number{position:absolute;left:17px;top:17px;z-index:2;font-size:9px;color:#465b69;background:rgba(235,244,250,.76);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8);border-radius:30px;padding:7px 12px}.visual-arrow{position:absolute;right:20px;bottom:20px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.8);color:#465b69;display:grid;place-items:center;font-size:23px;z-index:2;transition:transform .35s var(--ease),background .2s}.project-card:hover .visual-arrow{transform:rotate(45deg);background:#fff}.project-summary{padding-top:19px}.featured .project-summary{padding:40px 35px;display:flex;flex-direction:column;justify-content:center}.project-category{font-size:9px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;opacity:.6}.project-summary h3{font-size:clamp(23px,2.5vw,36px);font-weight:500;line-height:1.12;letter-spacing:-.045em;margin:0 0 10px}.featured .project-summary h3{font-size:clamp(30px,3.5vw,49px)}.project-summary .project-teaser{font-size:12px;line-height:1.65;color:#667783;margin:16px 0 0;max-width:36ch}.project-client-logo{height:27px;max-width:130px;object-fit:contain;object-position:left;margin-bottom:28px}.featured .project-client-logo{filter:brightness(0);opacity:.8}.project-summary .project-role{font-size:10px;opacity:.5;margin:11px 0 0}.reveal{opacity:0;transform:translateY(25px);transition:opacity .9s var(--ease),transform 1s var(--ease)}.reveal.is-revealed{opacity:1;transform:none}.audio-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:10%;position:relative;background:var(--card-tone)}.audio-art::before{content:"BUX";position:absolute;inset:auto 0 20px;text-align:center;font-size:clamp(80px,14vw,210px);letter-spacing:-.08em;color:rgba(23,24,21,.08);font-weight:bold}.audio-art i{display:block;flex:1;max-width:9px;height:var(--bar-height);background:var(--card-ink);border-radius:30px;animation:wave 1.2s ease-in-out infinite alternate;animation-delay:var(--bar-delay);transform-origin:center;animation-play-state:paused}.project-card:hover .audio-art i{animation-play-state:running}
.about-section{padding:100px 5vw 90px;display:grid;grid-template-columns:1fr 2fr;gap:30px;background:#c3ccd1}.about-section>.label{margin-top:12px;color:#657681}.about-content h2{font-size:clamp(42px,5.8vw,88px);font-weight:400;line-height:1.03;letter-spacing:-.06em;margin:0 0 35px;max-width:13ch}.about-content h2 em{color:#f9fafb;font-style:normal;font-weight:400}.about-content>p{font-size:clamp(17px,1.7vw,23px);line-height:1.55;color:#61727f;max-width:39ch;margin:0}.focus-areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.focus-areas span{border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.2);border-radius:40px;padding:9px 16px;font-size:10px}.clients-section{padding:0 5vw 80px;background:#c3ccd1}.clients-heading{display:flex;align-items:center;gap:30px;border-top:1px solid rgba(83,103,119,.2);padding-top:28px;margin-bottom:35px;color:#657681}.clients-heading p{margin:0}.client-logos{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:center}.client-logo-cell{height:83px;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(246,249,250,.55);border:1px solid rgba(255,255,255,.6);border-radius:15px;box-shadow:0 5px 18px rgba(68,87,99,.05)}.client-logo-cell img{max-height:42px;max-width:100%;object-fit:contain}.client-logo-cell.sorted{background:#536972}.contact-section{background:linear-gradient(125deg,#bcc9d0,#d9e3e8);padding:55px 5vw 28px}.contact-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:45px;color:#687e8d}.contact-top p{margin:0}.contact-title{display:flex;justify-content:space-between;align-items:center;font-size:clamp(66px,13.3vw,206px);font-weight:500;letter-spacing:-.08em;line-height:1;margin:0;padding:0 0 45px;border-bottom:1px solid rgba(78,105,124,.25);color:#fdfefe}.contact-title>span{font-size:.8em;transition:transform .6s var(--ease)}.contact-title:hover>span{transform:translate(8px,-8px)}.contact-bottom{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-top:30px}.contact-details{display:flex;gap:35px;flex-wrap:wrap;font-size:13px;color:#556f81}.contact-details a{border-bottom:1px solid rgba(78,105,124,.3);padding-bottom:6px}.contact-bottom p{margin:0;color:#6b8494}
.project-dialog{padding:0;border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;background:#e9edef;color:var(--ink);overflow:auto;overscroll-behavior:contain}.project-dialog::backdrop{background:rgba(52,74,90,.4);backdrop-filter:blur(12px)}.dialog-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:17px 5vw;border-bottom:1px solid rgba(117,141,157,.2);background:rgba(239,245,248,.83);backdrop-filter:blur(15px)}.dialog-close{border:0;background:none;color:#4c687a;font-size:12px;padding:7px 0;display:flex;align-items:center;gap:20px}.dialog-close span{font-size:28px}.dialog-content{padding:65px 5vw 45px}.detail-header{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.detail-header h2{font-size:clamp(42px,6vw,90px);font-weight:500;line-height:1.03;letter-spacing:-.06em;margin:12px 0 0;max-width:18ch}.detail-meta .label{margin:0 0 15px;color:#6e8595}.detail-tags{display:flex;gap:7px;flex-wrap:wrap}.detail-tags span{font-size:9px;border:1px solid rgba(146,171,188,.3);border-radius:30px;padding:8px 12px;color:#698293}.detail-media{background:var(--detail-tone,#bbcbd5);padding:3.5%;margin:0;display:flex;justify-content:center;min-height:240px;border-radius:20px;overflow:hidden}.detail-media video{max-height:76svh;max-width:100%;width:100%;object-fit:contain;background:#26343d;border-radius:8px}.detail-media img{max-height:76svh;object-fit:contain}.detail-body{display:grid;grid-template-columns:1fr 2fr;gap:30px;padding:55px 0}.detail-body p{font-size:clamp(17px,1.7vw,23px);line-height:1.55;max-width:53ch;margin:0}.detail-body .label{font-size:10px;margin-top:6px;color:#6d8697}.detail-result{font-size:11px;margin:25px 0;color:#6d8697}.detail-links{margin-top:25px}.text-link{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #a0b4c2;padding:0 0 11px;font-size:13px;color:#507a96}.text-link span{font-size:24px;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.detail-next{width:100%;border:0;border-top:1px solid rgba(136,158,173,.3);background:none;text-align:left;display:flex;justify-content:space-between;align-items:center;padding:30px 0 0;font-size:clamp(26px,4vw,55px);letter-spacing:-.035em}.detail-next small{display:block;font-size:10px;margin-bottom:8px;letter-spacing:0;color:#6d8697}.detail-next>span{font-size:1.3em}body.dialog-open{overflow:hidden}.view-cursor{position:fixed;left:0;top:0;z-index:40;width:78px;height:78px;border-radius:50%;background:rgba(242,249,253,.78);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(15px);color:#436c89;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.4;pointer-events:none;opacity:0;scale:.6;transition:opacity .2s,scale .3s var(--ease);will-change:transform;box-shadow:0 8px 20px rgba(50,78,98,.15)}.view-cursor.is-visible{opacity:1;scale:1}.noscript-message{padding:30px 5vw}
@keyframes heading-in{from{opacity:0;transform:translateY(25px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes art-in{from{opacity:0;scale:.93;filter:blur(10px)}to{opacity:1;scale:1;filter:blur(0)}}@keyframes panel-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes dock-in{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@keyframes soft-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes unlock-panel{40%{box-shadow:0 20px 50px rgba(85,149,205,.3),inset 0 1px 1px white}}@keyframes shadow-breathe{50%{opacity:.65;scale:.9}}@keyframes wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes spin{to{transform:rotate(360deg)}}
.studio{overflow:clip}
.has-portrait .scene{inset:17% 24% 18%}
.has-portrait .scene-art{position:relative;z-index:2;display:flex;justify-content:center;transform:translate3d(calc(var(--scene-x)*.25),0,0)}
.has-portrait .scene-art img{width:auto;max-width:none;height:100%;object-fit:contain;animation:none;filter:drop-shadow(0 8px 12px rgba(66,78,89,.08))}
.has-portrait .scene-shadow{left:30%;right:28%;bottom:5%;height:4%;filter:blur(9px);animation:none}
.has-portrait .scene-film{left:23%;top:42%;width:59%;z-index:1}
.has-portrait.is-calm .scene-art{transform:none}
.studio-heading h1{font-size:clamp(90px,16.25vw,285px)}
.intro-copy{font-size:14px}
.glass-panel h2,.hero-cta,.gate-form button{font-size:12px}
.skill-pill{font-size:11px}
.gate-status{font-size:11px}
.scene-art img{animation:sculpture-float 7s ease-in-out infinite}
.studio.is-calm .scene-art img{animation-play-state:paused}
@keyframes sculpture-float{50%{transform:translateY(-9px) rotate(.7deg)}}
@media(min-width:1600px){.intro-panel{left:15%;top:47%;padding:28px 25px 22px}.intro-copy{font-size:14px}.skills-panel{right:14%}.glass-panel h2{font-size:13px}.skill-pill{font-size:12px;padding:12px 8px}.scene{inset:19% 25% 10%}.dock-icon{height:60px;width:60px}.dock-label{font-size:10px}.glass-dock{gap:12px;padding:12px 18px 9px}.hero-cta,.gate-form button{font-size:13px;padding:11px}}
@media(max-width:1100px){.studio{min-height:700px}.studio-heading{top:10%}.studio-heading h1{font-size:13.1vw}.scene{inset:25% 20% 12%}.intro-panel{left:6%;top:47%;width:29%;padding:24px 18px 16px}.skills-panel{right:6%;top:36%;width:22%;padding-top:24px}.intro-copy{font-size:11px}.skill-pill{font-size:9px}.glass-dock{bottom:9%;gap:8px}.dock-icon{width:42px;height:42px;font-size:21px}.scene-film{left:30%;top:37%;width:50%}.project-card.featured{grid-template-columns:1.3fr 1fr}.featured .project-summary{padding:30px 25px}.client-logos{grid-template-columns:repeat(4,1fr)}.detail-header{grid-template-columns:1fr}.header-nav{gap:22px}}
@media(max-width:700px){.site-header{height:48px;inset:0 6vw auto}.brand{font-size:10px}.access-link{font-size:9px}.header-nav{gap:18px;font-size:10px}.header-nav a:nth-child(2){display:none}.header-nav span{display:none}.studio{height:auto;max-height:none;min-height:850px;padding-bottom:0}.studio-heading{top:76px;left:6%;right:6%}.studio-heading h1{font-size:12.75vw;letter-spacing:-.06em}.studio-byline{font-size:16px;margin-top:12px}.scene{inset:162px 4% auto 4%;height:420px}.scene-art{height:100%}.scene-shadow{bottom:1%;left:17%;right:17%;filter:blur(16px)}.scene-film{top:36%;left:29%;width:44%;border-radius:10px;padding:4px}.scene-film-bar{font-size:6px;padding-bottom:5px}.intro-panel{top:440px;left:6%;width:57%;max-width:none;padding:23px 17px 15px;border-radius:22px}.intro-copy{font-size:11px;line-height:1.5}.glass-panel h2{font-size:10px}.skills-panel{right:5%;top:363px;width:34%;max-width:none;padding:23px 7px 8px;border-radius:21px}.skills-panel h2{font-size:9px;margin-bottom:10px}.skills-list{gap:5px}.skill-pill{padding:9px 3px;font-size:8px;gap:3px}.skill-pill>span{font-size:10px}.glass-dock{bottom:74px;width:max-content;max-width:92%;gap:7px;padding:8px 9px 6px;border-radius:15px}.dock-icon{height:34px;width:34px;border-radius:8px;font-size:18px}.dock-label{font-size:6px}.dock-icon.wordmark{font-size:15px}.dock-item:hover .dock-icon{transform:translateY(-6px) scale(1.16)}.studio-bottom{bottom:28px;left:6%;right:6%;font-size:7px;grid-template-columns:1fr 40px 1fr}.scroll-link>span{margin-left:7px;font-size:12px}.scene-mode{width:5px;height:5px}.gate-form input{padding:7px 10px;font-size:14px}.gate-form button,.hero-cta{font-size:10px;padding:9px 6px}.gate-status{font-size:8px}.work-section{padding:60px 6vw}.section-heading{display:block;margin-bottom:30px}.section-heading>.label{margin-bottom:22px}.section-heading h2{font-size:56px;width:100%}.work-intro{display:block;margin-bottom:25px}.work-intro p{margin-bottom:20px;font-size:12px}.filter-button{padding:8px 13px;font-size:9px}.projects-grid{grid-template-columns:1fr;gap:35px}.project-card.featured{display:block;border-radius:21px}.featured .project-summary{padding:25px}.featured .project-visual{aspect-ratio:1.4}.project-summary h3{font-size:27px}.featured .project-summary h3{font-size:34px}.project-summary .project-teaser{margin-top:12px}.project-client-logo{margin-bottom:20px;height:24px}.project-visual{aspect-ratio:1.25;border-radius:19px}.about-section{display:block;padding:65px 6vw}.about-section>.label{margin-bottom:25px}.about-content h2{font-size:52px}.about-content>p{font-size:18px}.focus-areas{gap:8px}.focus-areas span{font-size:9px;padding:9px 13px}.clients-section{padding:0 6vw 60px}.clients-heading{margin-bottom:25px}.client-logos{grid-template-columns:repeat(3,1fr);gap:8px}.client-logo-cell{height:70px;padding:12px;border-radius:12px}.client-logo-cell img{max-height:35px}.contact-section{padding:35px 6vw 24px}.contact-top{margin-bottom:35px}.contact-top .label{font-size:9px}.contact-title{font-size:16vw;padding-bottom:30px}.contact-bottom{display:block;padding-top:25px}.contact-details{display:flex;flex-direction:column;align-items:start;gap:16px;font-size:14px}.contact-bottom>.label{margin-top:30px}.dialog-bar{padding:12px 6vw}.dialog-content{padding:38px 6vw 30px}.detail-header{gap:25px;margin-bottom:30px}.detail-header h2{font-size:46px}.detail-header .label{font-size:9px}.detail-media{margin:0 -2vw;padding:4vw;min-height:190px;border-radius:15px}.detail-media video{max-height:65svh}.detail-body{display:block;padding:35px 0}.detail-body>.label{margin-bottom:20px}.detail-body p{font-size:18px}.detail-next{font-size:32px}.view-cursor{display:none}}
@media(max-width:350px){.studio{min-height:910px}.intro-panel{top:455px;left:5%;width:59%;padding-left:12px;padding-right:12px}.skills-panel{width:33%;right:4%}.glass-dock{gap:5px;padding:7px}.dock-icon{width:31px;height:31px}.dock-label{font-size:5px}}
@media(pointer:coarse){.view-cursor{display:none}.panel-handle{display:none}}
@media(max-width:1100px){.studio-heading h1{font-size:16.25vw}.intro-copy{font-size:13px}.glass-panel h2{font-size:12px}.skill-pill{font-size:11px}.has-portrait .scene{inset:18% 19% 17%}}
@media(max-width:700px){.studio-heading h1{font-size:16.05vw}.intro-panel{width:54%}.intro-copy{font-size:13px}.glass-panel h2{font-size:11px}.skills-panel h2{font-size:10px}.skill-pill{font-size:10px;padding:9px 3px}.dock-label{font-size:8px}.gate-status{font-size:10px}.has-portrait .scene{inset:160px 4% auto;height:450px}.has-portrait .scene-film{left:23%;top:39%;width:59%}.has-portrait .scene-shadow{left:30%;right:28%;bottom:5%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.view-cursor{display:none}.scene-art{will-change:auto}}
.proof-client-logo{display:block;width:120px;height:70px;object-fit:contain;margin:18px auto}
.proof-team-capture{grid-column:1/-1;margin:0;max-width:480px;width:100%}.proof-team-capture img{display:block;width:100%;aspect-ratio:80/63;object-fit:cover;border-radius:12px}.proof-team-capture figcaption{font-size:12px;line-height:1.5;margin-top:12px;color:#b4c6e1}
.proof-work-callout.is-static:hover{transform:rotate(5deg);box-shadow:0 20px 45px #030e2d88}.proof-case{scroll-margin-top:90px}@media(max-width:640px){.proof-work-callout.is-static:hover{transform:none}}
.about-team-photo{width:100%;max-width:280px;margin:32px 0 0}.about-team-photo img{display:block;width:100%;aspect-ratio:80/63;object-fit:cover;border-radius:12px}.about-team-photo figcaption{margin-top:10px;font-size:11px;line-height:1.5;color:#61727f}
.project-visual>.bux-brand-logo,.detail-media>.bux-brand-logo{display:block;width:128px;height:128px;object-fit:contain;border-radius:28px}.project-card[data-project=bux] .project-visual,.detail-media:has(>.bux-brand-logo){background:transparent;border:0;box-shadow:none}.project-card[data-project=bux]:hover .project-visual>.bux-brand-logo{transform:none}#scene-film-audio>.bux-brand-logo{display:block;width:128px;height:128px;object-fit:contain;border-radius:28px;margin:auto}

/* Silent podcast artwork: motion is decorative, never audio playback. */
.bux-audio-art{position:relative;isolation:isolate;width:100%;height:100%;min-height:220px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#eee0db 0%,#d5aaa0 65%,#c8958b 100%)}
.bux-audio-art>.bux-brand-logo{position:relative;z-index:2;display:block;width:clamp(70px,25%,128px);height:auto;aspect-ratio:1;object-fit:contain;border-radius:22%;transform:translateY(-14px);box-shadow:0 16px 45px #673a2b1c}
.bux-ripples{position:absolute;width:150px;height:150px;top:calc(50% - 89px);left:calc(50% - 75px);z-index:0}
.bux-ripples i{position:absolute;inset:0;border:1px solid #7b4d4240;border-radius:50%;animation:bux-ripple 4.8s ease-out infinite}
.bux-ripples i:nth-child(2){animation-delay:-1.6s}.bux-ripples i:nth-child(3){animation-delay:-3.2s}
.bux-wave-bars{position:absolute;z-index:1;bottom:16%;left:15%;right:15%;height:55px;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.55}
.bux-wave-bars i{display:block;width:4px;max-width:7px;flex:1;height:var(--bux-height);border-radius:10px;background:#765346;animation:bux-wave var(--bux-speed) ease-in-out infinite alternate;animation-delay:var(--bux-delay);transform-origin:center}
@keyframes bux-ripple{0%{transform:scale(.65);opacity:0}15%{opacity:.7}100%{transform:scale(2.9);opacity:0}}
@keyframes bux-wave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
.studio.is-calm .bux-audio-art *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.bux-audio-art *{animation:none!important}.bux-ripples i{opacity:.25}.bux-ripples i:nth-child(2){transform:scale(1.5)}.bux-ripples i:nth-child(3){transform:scale(2)}}
/* Sound stays opt-in; these controls sit above the project click target. */
.preview-sound,.scene-film>.preview-sound{position:absolute;inset:auto 14px 14px auto;width:auto;height:auto;z-index:6;min-width:80px;min-height:44px;padding:10px 14px;border:1px solid #ffffff80;border-radius:30px;background:#26333de6;color:#fff;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;cursor:pointer;backdrop-filter:blur(8px);touch-action:manipulation}
.preview-sound[hidden]{display:none!important}.preview-sound:focus-visible{outline:2px solid #fff;outline-offset:3px}.proof-stage>.preview-sound{right:20px;bottom:70px}.scene-film>.preview-sound{min-width:65px;min-height:32px;padding:7px 10px;font-size:9px;right:8px;bottom:8px}
@media(max-width:620px){.preview-sound{right:10px;bottom:10px;min-height:44px}.proof-stage>.preview-sound{right:14px;bottom:60px}}