:root{--bg:#0b0c0c;--ink:#f1f0eb;--muted:#8e918d;--line:#272a28;--gold:#d5b66f;--lime:#c6e36d;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);overflow-x:hidden}.site-shell{max-width:1440px;margin:0 auto;padding:0 56px}.site-nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{color:var(--ink);display:flex;align-items:center;gap:10px;text-decoration:none;font-size:11px;letter-spacing:.18em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #bfc0b9;border-radius:50%;font-size:10px;letter-spacing:-.05em}.nav-links{display:flex;gap:32px;margin-left:80px}.nav-links a,.desk-link,.lang-toggle{color:var(--muted);font-size:12px;text-decoration:none;transition:color .2s}.nav-links a:hover,.desk-link:hover,.lang-toggle:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:22px}.lang-toggle,.menu-toggle{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:6px}.menu-toggle{display:none;font-size:18px}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:7vw;padding:60px 0 88px;position:relative}.hero-copy{padding-bottom:7vh}.overline,.section-label,.contact-meta,.hero-card-top,.hero-card-bottom,.scroll-cue small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hero h1{font-size:clamp(62px,8vw,132px);line-height:.91;letter-spacing:-.075em;font-weight:430;margin:28px 0 32px}.hero h1 em,.display-copy em,.work-head h2 em,.clients-heading h2 em{font-style:normal;color:var(--gold)}.hero-lede{max-width:410px;color:#a7aaa3;font-size:15px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;padding:12px 20px;font-size:12px}.button-solid{background:var(--ink);color:#111;border:1px solid var(--ink)}.button-solid:hover{background:var(--gold);border-color:var(--gold)}.text-link{color:var(--ink);font-size:12px;text-decoration:none;border-bottom:1px solid #60625d;padding-bottom:7px}.text-link span,.contact-email span{color:var(--gold);margin-left:9px}.text-link:hover{border-color:var(--gold)}.hero-stage{position:relative;min-height:610px;display:flex;align-items:center;justify-content:center}.hero-stage:before{content:"";position:absolute;inset:11% 8%;background:radial-gradient(circle at 35% 28%,#343d1e 0,#17201a 18%,transparent 49%),linear-gradient(145deg,#19201e,#101312 47%,#27301b);filter:blur(1px);border-radius:50% 46% 49% 42%;opacity:.8}.hero-card{position:absolute;background:#161918;border:1px solid #424a42;box-shadow:0 28px 90px #0009}.hero-card-main{width:min(420px,62vw);aspect-ratio:.73;transform:rotate(7deg);z-index:2;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.hero-card-top,.hero-card-bottom{display:flex;justify-content:space-between;font-size:9px}.hero-art{flex:1;margin:15px 0;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 32%,#dfc27a 0 1%,transparent 1.5%),radial-gradient(circle at 20% 80%,#a2c363 0 2%,transparent 2.5%),linear-gradient(135deg,#131716 30%,#303a22 80%)}.hero-art:after{content:"";position:absolute;inset:-22%;background:repeating-linear-gradient(110deg,transparent 0 22px,#c9ddaa18 23px 24px);transform:rotate(-15deg)}.art-word{position:absolute;left:17px;bottom:18px;font-size:27px;line-height:.94;letter-spacing:-.06em;z-index:1}.art-word b{color:var(--gold);font-weight:450}.art-ring{position:absolute;width:145px;height:145px;border:1px solid #e2cb8e99;border-radius:50%;right:-27px;top:70px;box-shadow:0 0 0 18px #dbbe7c19,0 0 0 38px #dbbe7c12}.hero-card-float{width:205px;right:4%;bottom:13%;padding:18px;transform:rotate(-8deg);z-index:3;background:#d4b36a;color:#161714;border-color:#e7d49e;display:flex;flex-direction:column;gap:24px}.hero-card-float span,.hero-card-float small{font-size:9px;letter-spacing:.16em}.hero-card-float strong{font-size:30px;line-height:.88;letter-spacing:-.07em;font-weight:430}.scroll-cue{position:absolute;left:1%;bottom:7%;display:flex;align-items:center;gap:12px;transform:rotate(-90deg);transform-origin:left center}.scroll-cue span{display:block;width:42px;height:1px;background:#777}.section-grid{display:grid;grid-template-columns:150px 1fr;column-gap:6vw;border-top:1px solid var(--line);padding:120px 0}.section-label{display:flex;gap:12px;align-items:flex-start}.section-label span:first-child{color:var(--gold)}.manifesto-body{max-width:820px}.display-copy{font-size:clamp(31px,4.1vw,64px);line-height:1.04;letter-spacing:-.065em;font-weight:420;margin:0}.body-copy{max-width:580px;color:#999d96;line-height:1.85;font-size:14px;margin:34px 0 24px}.stat-row{grid-column:2;display:flex;gap:clamp(42px,9vw,140px);border-top:1px solid var(--line);margin-top:90px;padding-top:24px}.stat-row div{display:flex;flex-direction:column;gap:6px}.stat-row strong{font-size:45px;font-weight:400;letter-spacing:-.06em}.stat-row strong span{font-size:23px;color:var(--gold)}.stat-row span{color:var(--muted);font-size:11px}.work{padding-bottom:70px}.work-head{grid-column:2;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.work-head h2,.clients-heading h2{font-size:clamp(35px,5vw,70px);line-height:.98;font-weight:420;letter-spacing:-.07em;margin:23px 0 0}.filter-tabs{display:flex;gap:18px;flex-wrap:wrap}.filter-tabs button{border:0;border-bottom:1px solid transparent;padding:0 0 7px;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.filter-tabs button.is-active{color:var(--ink);border-color:var(--gold)}.case-grid{grid-column:2;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-top:64px}.case-card{grid-column:span 6;position:relative;text-decoration:none;color:var(--ink);min-width:0}.case-card:nth-child(3n+1){grid-column:span 7}.case-card:nth-child(3n+2){grid-column:span 5;margin-top:90px}.case-media{aspect-ratio:1.35;position:relative;overflow:hidden;background:#191d1b;border:1px solid #2a302b}.case-media img,.case-media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.case-card:hover .case-media img,.case-card:hover .case-media video{transform:scale(1.045);filter:saturate(1.2)}.media-fallback{height:100%;display:flex;align-items:flex-end;padding:22px;background:radial-gradient(circle at 78% 23%,#d6b76d 0 1%,transparent 1.8%),radial-gradient(circle at 20% 75%,#819b5e 0 2%,transparent 2.8%),linear-gradient(135deg,#16201d,#303d25 70%,#111513)}.media-fallback strong{font-size:24px;letter-spacing:-.07em;font-weight:420;line-height:.92}.case-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;background:linear-gradient(transparent 48%,#000b);opacity:0;transition:opacity .3s}.case-card:hover .case-overlay{opacity:1}.case-overlay span{font-size:10px;color:#eee}.case-overlay b{color:var(--gold);font-size:18px;font-weight:400}.case-info{display:flex;justify-content:space-between;gap:20px;margin-top:14px}.case-title{font-size:15px;letter-spacing:-.02em}.case-meta{font-size:10px;color:var(--muted);text-align:right;line-height:1.7}.work-foot{grid-column:2;display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:62px;padding-top:18px;color:var(--muted);font-size:11px}.services-body,.clients-body,.contact-body{grid-column:2}.services-body>.display-copy{max-width:720px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:78px}.service-list article{border-top:1px solid #3b3f39;padding-top:17px}.service-list article>span{color:var(--gold);font-size:10px}.service-list h3{font-size:24px;font-weight:420;letter-spacing:-.05em;margin:34px 0 14px}.service-list p{color:#92968f;font-size:13px;line-height:1.8;margin:0;max-width:230px}.clients{padding-bottom:130px}.clients-heading h2{margin-bottom:60px}.client-wall{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.client-name{min-height:90px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;color:#b8bdb5;font-size:16px;letter-spacing:-.03em;transition:color .2s,background .2s}.client-name:hover{background:#151916;color:var(--gold)}.client-name small{display:block;font-size:9px;color:#62675f;letter-spacing:.12em;margin-top:6px}.contact{background:#151814;margin:0 -56px;padding:110px 56px 120px;border-top-color:#31372e}.contact-email{display:inline-block;color:var(--ink);font-size:clamp(22px,3vw,42px);letter-spacing:-.06em;text-decoration:none;border-bottom:1px solid #5c6455;padding:32px 0 10px;margin-top:52px}.contact-meta{display:flex;gap:30px;margin-top:70px;color:#7a8077}.site-footer{min-height:105px;display:flex;align-items:center;justify-content:space-between;color:#696e67;font-size:10px}.site-footer .brand{color:#b8bdb5;font-size:10px}.cursor-glow{position:fixed;pointer-events:none;width:180px;height:180px;border-radius:50%;background:#c3df7811;filter:blur(30px);transform:translate(-50%,-50%);z-index:0;opacity:0;transition:opacity .3s}@media(max-width:900px){.site-shell{padding:0 28px}.nav-links{gap:20px;margin-left:20px}.hero{gap:24px}.hero-stage{min-height:500px}.hero-card-main{width:300px}.section-grid{grid-template-columns:100px 1fr;column-gap:30px;padding:90px 0}.contact{margin:0 -28px;padding-left:28px;padding-right:28px}}@media(max-width:680px){.site-shell{padding:0 18px}.site-nav{height:72px}.nav-links,.desk-link{display:none}.menu-toggle{display:block}.hero{display:block;padding:70px 0 50px;min-height:0}.hero-copy{padding:0}.hero h1{font-size:68px;margin-top:21px}.hero-stage{min-height:450px;margin-top:35px}.hero-card-main{width:70vw}.hero-card-float{right:3%;bottom:8%;width:160px}.hero-card-float strong{font-size:24px}.section-grid{display:block;padding:76px 0}.section-label{margin-bottom:42px}.stat-row{margin-top:60px;gap:35px}.stat-row strong{font-size:36px}.work-head{display:block}.filter-tabs{margin-top:30px}.case-grid{display:block;margin-top:42px}.case-card,.case-card:nth-child(3n+1),.case-card:nth-child(3n+2){margin:0 0 44px}.case-media{aspect-ratio:1.2}.case-overlay{opacity:1}.case-info{display:block}.case-meta{text-align:left;margin-top:7px}.work-foot{display:block;margin-top:10px}.work-foot .text-link{display:inline-block;margin-top:22px}.service-list{display:block;margin-top:50px}.service-list article{margin-top:35px}.client-wall{grid-template-columns:repeat(2,1fr)}.client-name{min-height:76px;font-size:14px}.contact{margin:0 -18px;padding-left:18px;padding-right:18px}.contact-meta{flex-wrap:wrap;gap:12px}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:24px 0}.site-footer span:last-child{text-align:right}.cursor-glow{display:none}}
 .loading-card{grid-column:1/-1;padding:34px 0;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
.nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;margin:0;padding:18px;background:#0b0c0c;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}
:root{--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
.site-shell{max-width:none;width:100%;padding-left:clamp(28px,4.8vw,96px);padding-right:clamp(28px,4.8vw,96px)}
.site-nav{height:clamp(78px,6.5vw,104px)}
.hero{min-height:calc(100vh - clamp(78px,6.5vw,104px));grid-template-columns:minmax(360px,.78fr) minmax(520px,1.22fr);gap:clamp(42px,6vw,120px);padding-top:clamp(48px,5vw,96px);padding-bottom:clamp(60px,7vw,128px)}
.hero-stage{min-height:min(74vw,820px);width:100%}.hero-stage:before{inset:7% 3%}.hero-card-main{width:min(38vw,540px)}.hero-card-float{right:2%;bottom:12%;width:clamp(180px,16vw,260px)}
.section-grid{grid-template-columns:clamp(100px,9vw,170px) minmax(0,1fr);column-gap:clamp(32px,5vw,110px);padding-top:clamp(100px,9vw,170px);padding-bottom:clamp(100px,9vw,170px)}
.work-head{align-items:flex-end}.work-tools{display:flex;align-items:center;gap:32px}.work-count{color:#6f756d;font-size:10px;letter-spacing:.12em;white-space:nowrap}.case-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,1.6vw,30px);margin-top:clamp(48px,5vw,84px)}.case-card{grid-column:span 4}.case-card:nth-child(3n+1){grid-column:span 5}.case-card:nth-child(3n+2){grid-column:span 4;margin-top:0}.case-card:nth-child(4n+1){grid-column:span 7}.case-card:nth-child(4n+2){grid-column:span 5;margin-top:clamp(50px,5vw,92px)}.case-card:nth-child(4n+3){grid-column:span 5;margin-top:clamp(-18px,-1.5vw,-8px)}.case-card:nth-child(4n){grid-column:span 7}.case-media{aspect-ratio:1.42}.case-card:nth-child(4n+3) .case-media,.case-card:nth-child(4n+2) .case-media{aspect-ratio:1.18}.case-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 260ms var(--ease-out),transform 600ms var(--ease-in-out);z-index:1}.case-card:hover .case-video{opacity:.78}.case-overlay{z-index:2}.case-overlay b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ead59b;border-radius:50%;font-size:11px}.media-fallback{position:relative;overflow:hidden;padding:clamp(16px,2vw,28px);isolation:isolate}.media-fallback:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(112deg,transparent 0 26px,#d7e7bb16 27px 28px);transform:rotate(-8deg);z-index:-1}.media-fallback i{position:absolute;width:42%;aspect-ratio:1;border:1px solid #d7bf7b88;border-radius:50%;right:-8%;top:12%;box-shadow:0 0 0 18px #c8ab6119,0 0 0 42px #c8ab610d}.fallback-index{position:absolute;top:18px;right:20px;color:#9ea791;font-size:9px;letter-spacing:.18em}.media-fallback strong{max-width:76%;font-size:clamp(19px,2.2vw,34px)}.still-fallback{background:linear-gradient(135deg,#25251f,#4a4230 54%,#151a17)}.still-fallback:before{background:repeating-linear-gradient(90deg,transparent 0 30px,#d9c48a12 31px 32px);transform:rotate(25deg)}
.case-card{opacity:0;transform:translateY(8px);animation:case-enter 520ms var(--ease-out) forwards}.case-card:nth-child(1){animation-delay:20ms}.case-card:nth-child(2){animation-delay:55ms}.case-card:nth-child(3){animation-delay:90ms}.case-card:nth-child(4){animation-delay:125ms}.case-card:nth-child(5){animation-delay:160ms}.case-card:nth-child(6){animation-delay:195ms}.case-card:nth-child(7){animation-delay:230ms}.case-card:nth-child(8){animation-delay:265ms}.case-card:nth-child(9){animation-delay:300ms}.case-card:nth-child(10){animation-delay:335ms}.case-card:nth-child(11){animation-delay:370ms}.case-card:nth-child(12){animation-delay:405ms}@keyframes case-enter{to{opacity:1;transform:translateY(0)}}
.client-wall{grid-template-columns:repeat(5,minmax(0,1fr))}.client-name{min-height:clamp(80px,8vw,126px)}.contact{margin-left:calc(clamp(28px,4.8vw,96px) * -1);margin-right:calc(clamp(28px,4.8vw,96px) * -1);padding-left:clamp(28px,4.8vw,96px);padding-right:clamp(28px,4.8vw,96px)}
.video-dialog{width:min(1080px,calc(100vw - 48px));max-width:none;padding:clamp(18px,2.5vw,34px);background:#111412;color:var(--ink);border:1px solid #4a5145;box-shadow:0 28px 120px #000c}.video-dialog::backdrop{background:#050605d9;backdrop-filter:blur(8px)}.video-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.video-dialog-head h2{font-size:clamp(22px,3vw,40px);font-weight:420;letter-spacing:-.06em;margin:10px 0 0}.panel-kicker{color:var(--gold);font-size:10px;letter-spacing:.16em}.dialog-close{border:0;background:transparent;color:#a6aca1;font-size:32px;line-height:1;cursor:pointer;padding:0 2px;transition:color 150ms ease-out,transform 150ms ease-out}.dialog-close:hover{color:var(--ink)}.dialog-close:active{transform:scale(.96)}.video-dialog video{display:block;width:100%;max-height:70vh;background:#050605}.video-dialog-meta{display:flex;gap:24px;padding-top:17px;color:#899087;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.button,.filter-tabs button,.case-card,.client-name,.text-link{transition-property:transform,color,background-color,border-color,opacity;transition-duration:180ms;transition-timing-function:var(--ease-out)}.button:active,.filter-tabs button:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.case-card:hover{transform:translateY(-4px)}.client-name:hover{transform:translateY(-2px)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.case-card,.reveal-target{opacity:1;transform:none}.case-video{display:none}}
@media(max-width:900px){.site-shell{padding-left:28px;padding-right:28px}.hero{grid-template-columns:1fr 1fr;gap:30px}.hero-stage{min-height:560px}.hero-card-main{width:min(36vw,390px)}.case-card,.case-card:nth-child(3n+1),.case-card:nth-child(3n+2),.case-card:nth-child(4n+1),.case-card:nth-child(4n+2),.case-card:nth-child(4n+3),.case-card:nth-child(4n){grid-column:span 6;margin-top:0}.case-card:nth-child(4n+2){margin-top:48px}.client-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.contact{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}}
@media(max-width:680px){.site-shell{padding-left:18px;padding-right:18px}.hero{display:block;padding-top:66px}.hero-stage{min-height:450px;margin-top:34px}.hero-card-main{width:70vw}.work-tools{display:block}.work-count{display:block;margin-bottom:24px}.case-grid{display:block}.case-card,.case-card:nth-child(4n+2){margin:0 0 44px}.case-media{aspect-ratio:1.18}.client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.video-dialog{width:calc(100vw - 24px);padding:15px}.video-dialog video{max-height:58vh}.video-dialog-meta{gap:12px;flex-wrap:wrap}}
.scroll-progress{position:fixed;z-index:20;top:0;left:0;width:100%;height:2px;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--gold),#e9dcad,var(--lime));box-shadow:0 0 18px #d5b66f88;pointer-events:none}
.reveal-target{opacity:0;transform:translateY(24px);transition:opacity 700ms var(--ease-out),transform 900ms var(--ease-out)}.reveal-target.is-visible{opacity:1;transform:translateY(0)}.hero-copy.reveal-target{transition-delay:70ms}.hero-stage.reveal-target{transition-delay:180ms}
.case-grid{display:block;column-count:4;column-gap:clamp(16px,1.8vw,32px);margin-top:clamp(42px,4vw,72px)}.case-card{display:inline-block;width:100%;break-inside:avoid;margin:0 0 clamp(24px,2.5vw,42px);vertical-align:top}.case-card:nth-child(4n+2),.case-card:nth-child(4n+3),.case-card:nth-child(4n){margin-top:0}.case-media{aspect-ratio:auto;min-height:180px;background:#171b18;overflow:hidden}.case-media>img,.case-media>.media-fallback,.video-cover-shell{width:100%;height:auto;min-height:180px;display:block}.case-media>img{object-fit:contain;background:#111513}.video-cover-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:#161c18}.video-cover-shell .media-fallback{position:absolute;inset:0}.video-cover-shell .video-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111513;opacity:0;transition:opacity 260ms var(--ease-out),filter 260ms ease}.video-cover.is-ready{opacity:1}.video-cover-shell .media-fallback{transition:opacity 260ms var(--ease-out),transform 600ms var(--ease-in-out)}.video-cover-shell:has(.video-cover.is-ready) .media-fallback{opacity:0;transform:scale(1.04)}.cover-status{position:absolute;top:13px;right:13px;z-index:3;padding:6px 8px;background:#0d110ed9;color:#d1bd83;font-size:8px;letter-spacing:.13em;opacity:.8}.case-card:hover .case-media{box-shadow:0 20px 55px #0007}.case-card:hover .case-media>img,.case-card:hover .video-cover{filter:saturate(1.12) contrast(1.02)}.case-overlay{pointer-events:none}.case-info{margin-top:11px}.case-title{font-size:14px}.case-meta{font-size:9px}.case-card:nth-child(3n+2){margin-top:0}.case-card{animation-delay:0ms!important;opacity:0;transform:translateY(18px);animation:case-enter 600ms var(--ease-out) forwards}.case-card:nth-child(1){animation-delay:20ms!important}.case-card:nth-child(2){animation-delay:65ms!important}.case-card:nth-child(3){animation-delay:110ms!important}.case-card:nth-child(4){animation-delay:155ms!important}.case-card:nth-child(5){animation-delay:200ms!important}.case-card:nth-child(6){animation-delay:245ms!important}.case-card:nth-child(7){animation-delay:290ms!important}.case-card:nth-child(8){animation-delay:335ms!important}.case-card:nth-child(9){animation-delay:380ms!important}.case-card:nth-child(10){animation-delay:425ms!important}.case-card:nth-child(11){animation-delay:470ms!important}.case-card:nth-child(12){animation-delay:515ms!important}.case-card:nth-child(n+13){animation-delay:560ms!important}
@media(max-width:1100px){.case-grid{column-count:3}}
@media(max-width:760px){.case-grid{column-count:2;column-gap:14px}.case-card{margin-bottom:26px}.case-media,.case-media>img,.case-media>.media-fallback,.video-cover-shell{min-height:120px}.case-info{display:block}.case-meta{text-align:left;margin-top:6px}}
@media(max-width:480px){.case-grid{column-count:1}.case-media,.case-media>img,.case-media>.media-fallback,.video-cover-shell{min-height:0}.case-card{margin-bottom:38px}}
.case-search{display:flex;align-items:center;gap:7px;border-bottom:1px solid #4d554a;padding:5px 0;color:var(--gold)}.case-search input{width:145px;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:11px}.case-search input::placeholder{color:#737a70}.case-search button{border:0;background:transparent;color:#777d74;cursor:pointer;padding:0;font-size:14px}.client-logo{min-height:32px;display:grid;place-items:center}.client-logo img{max-width:118px;max-height:36px;width:auto;height:auto;display:block;filter:grayscale(1) brightness(1.8);opacity:.75;transition:filter 220ms var(--ease-out),opacity 220ms var(--ease-out),transform 220ms var(--ease-out)}.logo-placeholder{display:grid;place-items:center;width:42px;height:28px;border:1px solid #71796c;color:#c6d0bd;font-size:11px;letter-spacing:.08em}.client-name:hover .client-logo img{filter:none;opacity:1;transform:scale(1.05)}.client-name small{display:block;margin-top:9px}.client-name{flex-direction:column;gap:0}.client-name::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#d7bb7d18,transparent 32%);opacity:0;transition:opacity 220ms var(--ease-out);pointer-events:none}.client-name{position:relative}.client-name:hover::before{opacity:1}.case-grid::before{content:"";position:fixed;left:var(--spot-x,-100px);top:var(--spot-y,-100px);width:260px;height:260px;transform:translate(-50%,-50%);background:radial-gradient(circle,#d5b66f12,transparent 68%);pointer-events:none;z-index:-1}.case-card.is-focus .case-title{color:var(--gold)}.case-card.is-focus .case-meta{color:#b6bcaf}.case-card.is-focus .case-media{border-color:#81734d}.player-shell{position:relative;background:#050605}.player-controls{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#151a16;border-top:1px solid #343b33;color:#cad1c2}.player-controls button,.player-controls select{border:0;background:transparent;color:inherit;font:inherit;font-size:11px;cursor:pointer}.player-controls button:active{transform:scale(.97)}.player-controls input[type=range]{flex:1;accent-color:var(--gold)}.player-controls select{border-left:1px solid #394139;padding-left:10px;color:var(--gold)}.player-controls select option{background:#151a16;color:var(--ink)}#player-time{white-space:nowrap;color:#899287;font-size:10px;font-variant-numeric:tabular-nums}.video-dialog video{width:100%;display:block}.hero-stage::after{content:"";position:absolute;left:var(--spot-x,50%);top:var(--spot-y,40%);width:280px;height:280px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d5b66f18,transparent 68%);mix-blend-mode:screen;pointer-events:none;transition:opacity 220ms var(--ease-out);opacity:.7}.hero-card{transform-style:preserve-3d;will-change:transform}.hero-card-main::before,.hero-card-float::before{content:"";position:absolute;inset:-1px;border:1px solid #f2d58b55;opacity:0;transform:scale(.96);transition:opacity 220ms var(--ease-out),transform 520ms var(--ease-out);pointer-events:none}.hero-stage:hover .hero-card-main::before,.hero-stage:hover .hero-card-float::before{opacity:1;transform:scale(1)}
@media(max-width:760px){.case-search{margin-bottom:18px}.case-search input{width:100%}.player-controls{gap:7px;flex-wrap:wrap}.player-controls input[type=range]{order:5;flex-basis:100%}.player-controls select{margin-left:auto}}

/* Cinematic reel and tactile player layer */
.hero{margin-left:-56px;margin-right:-56px;padding-left:56px;padding-right:56px;isolation:isolate}.hero-stage{overflow:visible}.hero-reel{position:absolute;inset:2% -12% 4% -10%;z-index:0;overflow:hidden;border:1px solid #6a725f55;border-radius:28px 28px 120px 28px;background:#101512;box-shadow:0 40px 120px #000b,0 0 0 1px #d9c77c14;transform:rotate(-1.8deg);clip-path:polygon(2% 0,100% 5%,98% 96%,0 100%);transition:transform 900ms cubic-bezier(.16,1,.3,1),filter 700ms cubic-bezier(.16,1,.3,1)}.hero-reel:hover{transform:rotate(-.6deg) scale(1.015);filter:saturate(1.18)}.hero-reel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.7) contrast(1.08) brightness(.58);transform:scale(1.08);transition:opacity 800ms cubic-bezier(.16,1,.3,1),transform 1800ms cubic-bezier(.16,1,.3,1),filter 900ms cubic-bezier(.16,1,.3,1)}.hero-reel-video.is-live{opacity:.78;transform:scale(1);filter:saturate(1.05) contrast(1.05) brightness(.62)}.hero-reel-shade{position:absolute;inset:0;background:radial-gradient(circle at 60% 38%,transparent 0 18%,#08100c25 48%,#050806d9 100%),linear-gradient(115deg,#050806b8 0%,transparent 48%,#0a0d0b9c 100%);pointer-events:none}.hero-reel-scan{position:absolute;inset:-20%;background:repeating-linear-gradient(105deg,transparent 0 58px,#d6c27b0d 59px 60px);mix-blend-mode:screen;animation:reel-scan 18s linear infinite;pointer-events:none}.hero-reel-hit{position:absolute;inset:0;border:0;background:transparent;cursor:pointer;z-index:2}.hero-reel-hit:focus-visible{outline:1px solid var(--gold);outline-offset:-10px}.hero-reel-play-icon{position:absolute;left:50%;top:50%;width:64px;height:64px;border:1px solid #f0d98caa;border-radius:50%;transform:translate(-50%,-50%) scale(.82);opacity:0;transition:opacity 240ms var(--ease-out),transform 650ms cubic-bezier(.16,1,.3,1);box-shadow:0 0 0 16px #dfc47c14,0 0 0 34px #dfc47c08}.hero-reel-play-icon:after{content:"";position:absolute;left:25px;top:20px;border-left:15px solid var(--gold);border-top:10px solid transparent;border-bottom:10px solid transparent}.hero-reel:hover .hero-reel-play-icon{opacity:1;transform:translate(-50%,-50%) scale(1)}.hero-reel-caption{position:absolute;left:7%;bottom:12%;z-index:3;display:grid;gap:11px;pointer-events:none;text-shadow:0 4px 22px #000}.hero-reel-caption span,.hero-reel-caption small{font-size:9px;letter-spacing:.2em;color:#c8cdbf}.hero-reel-caption strong{font-size:clamp(25px,4vw,66px);line-height:.9;letter-spacing:-.07em;font-weight:430;color:#f2eee2}.hero-reel-dots{position:absolute;right:5%;bottom:9%;z-index:4;display:flex;gap:8px}.hero-reel-dots button{position:relative;width:58px;height:18px;border:0;background:transparent;padding:0;cursor:pointer}.hero-reel-dots button span{display:block;height:1px;background:#9b9f8f66;transition:background 240ms var(--ease-out),transform 500ms cubic-bezier(.16,1,.3,1);transform-origin:left}.hero-reel-dots button.is-active span{background:var(--gold);transform:scaleX(1.65)}@keyframes reel-scan{to{transform:translate3d(8%,3%,0) rotate(3deg)}}
.video-dialog{--origin-x:50vw;--origin-y:50vh;transform-origin:var(--origin-x) var(--origin-y);border:1px solid #777a6744;background:#0b0e0c;box-shadow:0 35px 120px #000d,0 0 0 1px #e6cf7b14;width:min(980px,calc(100vw - 44px));padding:24px;opacity:0;transform:translateY(20px) scale(.92) rotateX(4deg);transition:opacity 260ms var(--ease-out),transform 520ms cubic-bezier(.16,1,.3,1),display 520ms allow-discrete,overlay 520ms allow-discrete}.video-dialog[open]{opacity:1;transform:none}.video-dialog.is-closing{opacity:0;transform:translateY(12px) scale(.95) rotateX(2deg)}@starting-style{.video-dialog[open]{opacity:0;transform:translateY(24px) scale(.88) rotateX(7deg)}}.video-dialog::backdrop{background:radial-gradient(circle at var(--origin-x) var(--origin-y),#d5b66f16,transparent 26%),#020302dc;backdrop-filter:blur(14px);opacity:0;transition:opacity 320ms var(--ease-out)}.video-dialog[open]::backdrop{opacity:1}.video-dialog-head{position:relative;z-index:3}.dialog-close{display:grid;place-items:center;width:38px;height:38px;border:1px solid #586056;background:#101510cc;border-radius:50%;color:var(--ink);cursor:pointer;transition:transform 180ms var(--ease-out),background 180ms var(--ease-out)}.dialog-close svg,.player-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.dialog-close:hover{background:#d5b66f;color:#10120f;transform:rotate(90deg) scale(1.04)}.player-shell{border:1px solid #353c34;box-shadow:0 24px 70px #0008}.player-controls{height:58px;display:flex;align-items:center;gap:12px;padding:10px 14px;background:#0f1411ec;border-top:1px solid #4a5147;color:#d8ddce}.player-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#d8ddce;cursor:pointer;transition:background 180ms var(--ease-out),color 180ms var(--ease-out),transform 120ms var(--ease-out)}.player-icon:hover{background:#d5b66f;color:#141712}.player-icon:active{transform:scale(.92)}.player-icon .icon-pause,.player-icon .icon-muted{display:none}.player-icon.is-playing .icon-play{display:none}.player-icon.is-playing .icon-pause,.player-icon.is-muted .icon-muted{display:block}.player-icon.is-muted .icon-volume{display:none}.player-seek{position:relative;display:flex;align-items:center;flex:1;height:28px}.player-seek input{position:relative;z-index:2;width:100%;height:3px;margin:0;accent-color:var(--gold);cursor:pointer;background:transparent}.player-seek .seek-fill{position:absolute;left:0;top:13px;width:100%;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;border-radius:9px;pointer-events:none}.player-controls #player-time{min-width:84px;font-size:10px;color:#9ca594}.quality-picker{position:relative}.quality-menu{position:absolute;right:-6px;bottom:46px;display:grid;min-width:120px;padding:6px;border:1px solid #626b5c;background:#111711ee;box-shadow:0 14px 30px #000b;opacity:0;transform:translateY(7px) scale(.96);pointer-events:none;transition:opacity 160ms var(--ease-out),transform 220ms var(--ease-out)}.quality-menu.is-open{opacity:1;transform:none;pointer-events:auto}.quality-menu button{border:0;background:transparent;color:#bec5b6;text-align:left;padding:9px 10px;font:inherit;font-size:11px;cursor:pointer}.quality-menu button:hover{background:#d5b66f;color:#121510}.video-dialog video{max-height:min(68vh,660px);object-fit:contain;background:#050605}.video-dialog-meta{position:relative;z-index:2}.hero-stage .hero-card-main,.hero-stage .hero-card-float{will-change:transform}.hero-stage::before{z-index:-1}.stage-orbit{animation-duration:18s;animation-timing-function:cubic-bezier(.37,0,.63,1)}
@media(max-width:900px){.hero{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}.hero-reel{inset:5% -6% 6% -6%}.hero-reel-caption{left:6%;bottom:9%}.hero-reel-dots{right:7%;bottom:6%}}
@media(max-width:680px){.hero{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.hero-reel{inset:4% -9% 5% -9%;border-radius:22px 22px 70px 22px}.hero-reel-caption strong{font-size:29px}.hero-reel-dots button{width:32px}.hero-reel-play-icon{width:52px;height:52px}.hero-reel-play-icon:after{left:20px;top:16px}.video-dialog{padding:14px;width:calc(100vw - 20px)}.player-controls{height:auto;min-height:56px;padding:8px;gap:5px}.player-seek{order:5;flex-basis:100%;height:22px}.player-seek .seek-fill{top:10px}.player-controls #player-time{min-width:70px;font-size:9px}.quality-menu{bottom:42px}}
@media(prefers-reduced-motion:reduce){.hero-reel-scan{animation:none}.hero-reel,.hero-reel-video,.video-dialog,.video-dialog::backdrop{transition:none}.hero-reel-play-icon{transition:none}}
.hero-reel-hit{inset:auto 6% 11%;width:84px;height:84px;z-index:4}
.hero-reel-video{opacity:.3;filter:saturate(.8) contrast(1.08) brightness(.48)}.hero-reel-video.is-live{opacity:.92;filter:saturate(1.08) contrast(1.05) brightness(.54)}
.manifesto .display-copy,.services-body>.display-copy,.clients-heading,.service-list article{transform:translate3d(0,var(--parallax-y,0),0) rotate(var(--parallax-r,0));will-change:transform}
@media(prefers-reduced-motion:reduce){.manifesto .display-copy,.services-body>.display-copy,.clients-heading,.service-list article{transform:none!important}}
.player-shell.is-fullscreen{position:fixed;inset:0;z-index:100;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#050605;border:0}.player-shell.is-fullscreen video{width:100%;height:100%;max-height:none;object-fit:contain}.player-shell.is-fullscreen .player-controls{padding:14px 22px;background:#0b0f0ceF}.player-icon.is-active{background:var(--gold);color:#11150f}
.video-dialog:has(.player-shell.is-fullscreen) .video-dialog-head{position:fixed;inset:18px 24px auto;z-index:200;pointer-events:none}.video-dialog:has(.player-shell.is-fullscreen) .video-dialog-head>*{pointer-events:auto}.video-dialog:has(.player-shell.is-fullscreen) .video-dialog-head h2,.video-dialog:has(.player-shell.is-fullscreen) .video-dialog-head .panel-kicker{opacity:0;pointer-events:none}.video-dialog:has(.player-shell.is-fullscreen) .dialog-close{margin-left:auto}
.site-nav{position:sticky;top:0;height:clamp(86px,7vw,104px);padding:0 0;z-index:50;background:linear-gradient(180deg,#0b0c0ce8 0%,#0b0c0c00 100%);backdrop-filter:blur(0);transition:height 520ms cubic-bezier(.16,1,.3,1),background 420ms var(--ease-out),backdrop-filter 420ms var(--ease-out),border-color 420ms var(--ease-out)}.site-nav.is-compact{height:64px;background:#0b0c0cd9;backdrop-filter:blur(18px) saturate(1.25);border-color:#555c4f}.site-nav.is-compact .brand-mark{width:24px;height:24px}.site-nav.is-compact .nav-links{gap:24px}.nav-links a{position:relative;transition:color 240ms var(--ease-out),transform 420ms cubic-bezier(.16,1,.3,1)}.nav-links a::after{content:"";position:absolute;left:50%;right:50%;bottom:-9px;height:1px;background:var(--gold);transition:left 360ms cubic-bezier(.16,1,.3,1),right 360ms cubic-bezier(.16,1,.3,1),opacity 240ms var(--ease-out);opacity:0}.nav-links a.is-active{color:var(--ink);transform:translateY(-1px)}.nav-links a.is-active::after{left:0;right:0;opacity:1}.hero{min-height:100svh;display:block;padding-top:clamp(130px,16vh,220px);padding-bottom:90px}.hero-copy{position:relative;z-index:5;max-width:620px;padding-bottom:0;text-shadow:0 6px 35px #0009}.hero-stage{position:absolute;inset:0;min-height:100%;z-index:0;display:block}.hero-reel{inset:0;border:0;border-radius:0;clip-path:none;transform:none!important;box-shadow:none}.hero-reel:hover{transform:none!important}.hero-reel-video{object-fit:cover;filter:saturate(.92) contrast(1.08) brightness(.48)}.hero-reel-video.is-live{opacity:.92;filter:saturate(1.08) contrast(1.05) brightness(.54)}.hero-reel-shade{background:linear-gradient(90deg,#050706ed 0%,#050706a8 30%,#0507062f 68%,#050706a8 100%),linear-gradient(0deg,#050706db 0%,transparent 45%,#05070638 100%)}.hero-reel-scan{opacity:.8}.hero-reel-caption{left:auto;right:5%;bottom:11%;text-align:right;justify-items:end}.hero-reel-hit{right:5%;bottom:18%}.hero-card-main,.hero-card-float{z-index:3}.scroll-cue{z-index:5;bottom:9%;left:2%}.hero-stage::before{display:none}.hero-stage::after{z-index:1}.cursor-glow{position:fixed;left:0;top:0;width:clamp(100px,var(--spot-size,180px),320px);height:clamp(100px,var(--spot-size,180px),320px);border-radius:50%;background:radial-gradient(circle at 50% 50%,#d7c27638 0%,#d7c2761b 20%,transparent 68%);filter:blur(1px);mix-blend-mode:screen;transform:translate3d(var(--spot-x,-300px),var(--spot-y,-300px),0) translate(-50%,-50%) scale(var(--spot-scale,.72));z-index:45;opacity:0;pointer-events:none;transition:opacity 300ms var(--ease-out),width 500ms cubic-bezier(.16,1,.3,1),height 500ms cubic-bezier(.16,1,.3,1),transform 500ms cubic-bezier(.16,1,.3,1)}body.has-pointer .cursor-glow{opacity:.8}.cursor-glow::before{content:"";position:absolute;inset:18%;border:1px solid #ecd98a99;border-radius:50%;animation:spot-breathe 2.8s ease-in-out infinite}@keyframes spot-breathe{0%,100%{transform:scale(.88);opacity:.35}50%{transform:scale(1.12);opacity:.9}}body.is-focus-mode .cursor-glow{--spot-scale:1.1;width:240px;height:240px}.case-grid:has(.case-card:hover) .case-card:not(:hover){filter:saturate(.34) brightness(.7);opacity:.52;transform:scale(.985);transition:filter 520ms var(--ease-out),opacity 520ms var(--ease-out),transform 520ms cubic-bezier(.16,1,.3,1)}.case-card{transition:filter 520ms var(--ease-out),opacity 520ms var(--ease-out),transform 520ms cubic-bezier(.16,1,.3,1)}.case-card::after{content:"";position:absolute;inset:-1px;border:1px solid transparent;border-radius:inherit;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity 240ms var(--ease-out),transform 520ms cubic-bezier(.16,1,.3,1);background:linear-gradient(115deg,transparent 20%,#ead38a 45%,transparent 70%) border-box;mask:linear-gradient(#000 0 0) padding-box,linear-gradient(#000 0 0);mask-composite:exclude}.case-card.is-focus::after{opacity:1;transform:scale(1);animation:border-flow 2.6s linear infinite}@keyframes border-flow{to{filter:hue-rotate(25deg)}}.section-grid{position:relative}.section-grid::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 32%,#d5b66f0b,transparent 32%);opacity:0;transform:scale(.92);transition:opacity 700ms var(--ease-out),transform 1100ms cubic-bezier(.16,1,.3,1)}.section-grid.is-visible::before{opacity:1;transform:scale(1)}.reveal-target{transform:translateY(34px) rotateX(3deg);transition:opacity 720ms var(--ease-out),transform 900ms cubic-bezier(.16,1,.3,1)}.reveal-target.is-visible{transform:none}.stat-row strong{font-variant-numeric:tabular-nums;min-width:2ch}.stat-row div{transition:transform 420ms cubic-bezier(.16,1,.3,1),color 240ms var(--ease-out)}.stat-row div:hover{transform:translateY(-6px);color:var(--gold)}
@media(max-width:680px){.site-nav{height:72px}.site-nav.is-compact{height:58px}.hero{min-height:calc(100svh - 72px);padding-top:94px}.hero-copy{max-width:90%}.hero-card-main,.hero-card-float{opacity:.42;transform:scale(.78)!important}.hero-reel-caption{right:7%;bottom:10%}.hero-reel-hit{right:5%;bottom:18%}.cursor-glow{display:none}.case-grid:has(.case-card:hover) .case-card:not(:hover){filter:none;opacity:1;transform:none}.case-card::after{display:none}}

/* Full-bleed composition, quiet hero reel, and selective React Bits-inspired interactions. */
.site-shell{width:100%;max-width:none;padding-inline:clamp(24px,4.8vw,96px)}
.site-nav{position:fixed;left:0;right:0;width:100vw;margin-left:calc(50% - 50vw);height:clamp(84px,6.6vw,104px);padding-inline:clamp(24px,4.8vw,96px)}
.site-nav.is-compact{height:64px}
.hero,.section-grid{width:100vw;margin-left:calc(50% - 50vw);margin-right:0;padding-inline:clamp(24px,4.8vw,96px)}
.hero{min-height:100svh;padding-top:clamp(116px,15vh,190px);padding-bottom:clamp(64px,9vh,120px)}
.hero-stage{inset:0;width:100%;min-height:100%;overflow:hidden}
.hero-reel{inset:0;overflow:hidden;border:0;border-radius:0;clip-path:none;transform:none!important;background:radial-gradient(circle at 65% 35%,#283222,#101512 54%,#060807 100%);box-shadow:none}
.hero-reel-video{z-index:1;object-fit:cover;opacity:0;transform:scale(1.035);filter:saturate(.88) contrast(1.05) brightness(.5);transition:opacity 900ms var(--ease-out),transform 1800ms var(--ease-in-out),filter 900ms var(--ease-out)}
.hero-reel-video.is-live{opacity:.88;transform:scale(1);filter:saturate(1.04) contrast(1.04) brightness(.56)}
.hero-reel-video-b{z-index:2}
.hero-reel-shade{z-index:3;background:linear-gradient(90deg,#050706f0 0%,#050706b2 29%,#05070628 66%,#050706a6 100%),linear-gradient(0deg,#050706e8 0%,transparent 42%,#05070632 100%)}
.hero-reel-scan{z-index:4;opacity:.48}
.hero-reel-status{position:absolute;z-index:5;right:clamp(24px,4.8vw,96px);bottom:clamp(24px,5vh,64px);display:flex;align-items:center;gap:11px;color:#c9ccb9;font-size:9px;letter-spacing:.2em;text-transform:uppercase;opacity:.72;pointer-events:none}
.hero-reel-status i{display:block;width:28px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero-card,.hero-reel-hit,.hero-reel-caption,.hero-reel-dots,.stage-orbit{display:none!important}
.scroll-cue{left:clamp(24px,4.8vw,96px);bottom:clamp(24px,5vh,64px)}
.section-grid{position:relative;grid-template-columns:clamp(100px,9vw,170px) minmax(0,1fr);column-gap:clamp(32px,5vw,110px);padding-top:clamp(100px,9vw,170px);padding-bottom:clamp(100px,9vw,170px)}
.section-grid:first-child{border-top:0}
.contact{margin-left:calc(50% - 50vw);margin-right:0;padding-inline:clamp(24px,4.8vw,96px);width:100vw}

/* Magic Bento-inspired card focus: one active light, calm surrounding field. */
.magic-bento-card{--bento-x:50%;--bento-y:50%;isolation:isolate;transition:transform 520ms var(--ease-out),filter 520ms var(--ease-out),opacity 520ms var(--ease-out)}
.magic-bento-card::before{content:"";position:absolute;inset:-1px;z-index:3;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg at var(--bento-x) var(--bento-y),transparent 0deg,#ecd58d 65deg,transparent 130deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.975);transition:opacity 260ms var(--ease-out),transform 520ms var(--ease-out);pointer-events:none}
.magic-bento-card::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;background:radial-gradient(260px circle at var(--bento-x) var(--bento-y),#e3c97924,transparent 68%);opacity:0;transition:opacity 260ms var(--ease-out);pointer-events:none}
.magic-bento-card.is-focus{transform:translateY(-6px);z-index:4}
.magic-bento-card.is-focus::before{opacity:1;transform:scale(1);animation:bento-border-drift 2.8s linear infinite}
.magic-bento-card.is-focus::after{opacity:1}
@keyframes bento-border-drift{to{filter:hue-rotate(28deg)}}
.case-grid:has(.magic-bento-card.is-focus) .magic-bento-card:not(.is-focus){filter:saturate(.32) brightness(.68);opacity:.46;transform:scale(.985)}
.magic-bento-card:focus-visible{outline:1px solid var(--gold);outline-offset:8px}

/* Drift Wall-inspired ambient field behind semantic client logo cells. */
.client-wall{position:relative;isolation:isolate;overflow:hidden;background:#0d110f}
.drift-field{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(circle at 18% 20%,#c2d86d18,transparent 28%),radial-gradient(circle at 80% 74%,#d5b66f14,transparent 30%)}
.drift-field i{position:absolute;display:block;width:clamp(180px,22vw,360px);aspect-ratio:1;border-radius:50%;filter:blur(28px);opacity:.36;background:radial-gradient(circle,#d8c47755 0%,#9caf5c25 36%,transparent 70%);animation:drift-float 16s ease-in-out infinite alternate}
.drift-field i:nth-child(1){left:-8%;top:-20%;animation-delay:-2s}.drift-field i:nth-child(2){right:8%;top:4%;width:clamp(120px,16vw,260px);animation-delay:-7s}.drift-field i:nth-child(3){left:32%;bottom:-30%;width:clamp(150px,20vw,320px);animation-delay:-11s}.drift-field i:nth-child(4){right:-12%;bottom:-24%;width:clamp(200px,27vw,430px);animation-delay:-4s}
@keyframes drift-float{from{transform:translate3d(-5%,2%,0) scale(.9)}to{transform:translate3d(7%,-6%,0) scale(1.12)}}
.client-name{position:relative;z-index:1;background:#0c100ee0;backdrop-filter:blur(4px);transition:transform 300ms var(--ease-out),background-color 300ms var(--ease-out),color 220ms var(--ease-out)}
.client-name:hover{background:#171c16e8}

@media(max-width:680px){.hero,.section-grid,.contact{padding-inline:18px}.hero{padding-top:96px}.scroll-cue{left:18px}.hero-reel-status{right:18px;bottom:24px;font-size:8px}.hero-reel-status i{width:18px}.section-grid{display:block}.magic-bento-card.is-focus{transform:none}.case-grid:has(.magic-bento-card.is-focus) .magic-bento-card:not(.is-focus){filter:none;opacity:1;transform:none}.client-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.hero-reel-video{transition:none;transform:none}.drift-field i{animation:none}.magic-bento-card::before,.magic-bento-card::after{transition:none}.case-grid:has(.magic-bento-card.is-focus) .magic-bento-card:not(.is-focus){filter:none;opacity:1;transform:none}}
.client-logo img{width:min(118px,70%);height:auto;max-height:36px}

/* Actual Magic Bento interaction port: a four-column editorial grid, a
   shared cursor spotlight, card-local glow, particles, tilt and click ripple. */
.featured-bento-wrap{grid-column:2;position:relative;margin-top:clamp(42px,4vw,72px);padding:10px;border:1px solid #29252f;border-radius:26px;background:linear-gradient(145deg,#111016,#0c0b0f 72%);box-shadow:0 26px 90px #0008;overflow:visible}
.featured-bento{--global-x:50%;--global-y:50%;--spotlight-opacity:0;position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(128px,8vw);gap:10px;min-height:520px;overflow:hidden;border-radius:18px;background:radial-gradient(circle at 50% 0,#23182c66,transparent 42%),#0b0a0f;isolation:isolate}
.bento-global-spotlight{position:absolute;z-index:5;left:var(--global-x);top:var(--global-y);width:720px;height:720px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#d9bdfc22 0%,#9d6cff0d 25%,transparent 66%);mix-blend-mode:screen;opacity:var(--spotlight-opacity);pointer-events:none;transition:opacity 360ms cubic-bezier(.16,1,.3,1)}
.bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--tilt-x:0deg;--tilt-y:0deg;--magnet-x:0px;--magnet-y:0px;position:relative;display:block;min-width:0;min-height:0;overflow:hidden;border:1px solid #2e293a;border-radius:18px;background:#100d16;color:#f0edf5;text-decoration:none;isolation:isolate;transform:perspective(1200px) translate3d(var(--magnet-x),var(--magnet-y),0) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform 560ms cubic-bezier(.16,1,.3,1),border-color 360ms var(--ease-out),box-shadow 560ms cubic-bezier(.16,1,.3,1),filter 560ms var(--ease-out);will-change:transform}
.bento-card-1{grid-column:1;grid-row:1}.bento-card-2{grid-column:2;grid-row:1}.bento-card-3{grid-column:3 / span 2;grid-row:1 / span 2}.bento-card-4{grid-column:1 / span 2;grid-row:2 / span 2}.bento-card-5{grid-column:3;grid-row:3}.bento-card-6{grid-column:4;grid-row:3}
.bento-card::before{content:"";position:absolute;inset:-1px;z-index:4;border-radius:inherit;padding:1px;background:radial-gradient(280px circle at var(--glow-x) var(--glow-y),rgba(214,176,255,calc(.9 * var(--glow-intensity))),transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--glow-intensity);transition:opacity 240ms var(--ease-out);pointer-events:none}
.bento-card::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;background:radial-gradient(320px circle at var(--glow-x) var(--glow-y),rgba(201,167,255,.15),transparent 66%);opacity:var(--glow-intensity);transition:opacity 260ms var(--ease-out);pointer-events:none}
.bento-card.is-active{z-index:10;border-color:#b88dff88;box-shadow:0 22px 72px #000b,0 0 34px #9d62ff25}
.bento-card:not(.is-active){filter:saturate(.82)}
.featured-bento:has(.bento-card.is-active) .bento-card:not(.is-active){filter:saturate(.48) brightness(.72);opacity:.66}
.bento-card:focus-visible{outline:1px solid #dfc7ff;outline-offset:4px}
.bento-media{position:absolute;inset:0;z-index:0;background:#121016;overflow:hidden}.bento-media .case-media{height:100%;min-height:0;aspect-ratio:auto;border:0;background:#121016}.bento-media img{width:100%;height:100%;display:block;object-fit:contain;background:#0c0d0d;transition:transform 900ms cubic-bezier(.16,1,.3,1),filter 700ms var(--ease-out)}.bento-media .media-fallback{height:100%;min-height:0}.bento-card.is-active .bento-media img{transform:scale(1.035);filter:saturate(1.14) contrast(1.04)}
.bento-card-head,.bento-card-content{position:absolute;z-index:6;left:18px;right:18px;display:flex;justify-content:space-between;gap:12px;text-shadow:0 2px 18px #000}.bento-card-head{top:16px;color:#d5c4e5;font-size:9px;letter-spacing:.15em}.bento-card-content{bottom:16px;align-items:flex-end}.bento-card-content strong{max-width:76%;font-size:clamp(15px,1.4vw,23px);line-height:.98;font-weight:430;letter-spacing:-.04em}.bento-card-content small{max-width:42%;color:#cbc4d1;font-size:9px;line-height:1.35;text-align:right}.bento-card::marker{display:none}.bento-particles{position:absolute;inset:0;z-index:7;pointer-events:none;overflow:hidden}.bento-particle{position:absolute;left:var(--particle-x);top:var(--particle-y);width:var(--particle-size);height:var(--particle-size);border-radius:50%;background:#f3d9ff;box-shadow:0 0 16px #d58dff;opacity:0;animation:bento-particle-rise 1.9s cubic-bezier(.16,1,.3,1) var(--particle-delay) infinite}.bento-particles.is-leaving{opacity:0;transition:opacity 420ms var(--ease-out)}@keyframes bento-particle-rise{0%{opacity:0;transform:translate3d(0,10px,0) scale(.5)}28%{opacity:.85}100%{opacity:0;transform:translate3d(12px,-42px,0) scale(1.2)}}.bento-ripple{position:absolute;z-index:8;border-radius:50%;background:radial-gradient(circle,rgba(240,216,255,.38) 0%,rgba(177,116,255,.12) 35%,transparent 70%);pointer-events:none;animation:bento-ripple .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes bento-ripple{from{opacity:.85;transform:scale(.12)}to{opacity:0;transform:scale(1)}}

/* Drift Wall port: duplicated vertical tracks loop continuously in a
   perspective plane. Pointer parallax and the lifted tile provide the same
   depth/attention model without shipping a React runtime. */
.client-wall{display:block;position:relative;min-height:clamp(420px,42vw,620px);border:0;overflow:hidden;background:#080a09;isolation:isolate}.client-wall::before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 16% 24%,#d5b66f17,transparent 28%),radial-gradient(circle at 82% 74%,#9dbd6d12,transparent 32%),linear-gradient(180deg,#090b0a,#10120f)}
.drift-wall{position:absolute;inset:0;overflow:hidden;perspective:1200px;perspective-origin:50% 50%;mask-image:linear-gradient(180deg,transparent,#000 10%,#000 90%,transparent)}.drift-wall-plane{position:absolute;top:50%;left:50%;display:flex;gap:18px;transform:translate(-50%,-50%) translateZ(-120px) rotateX(calc(16deg + var(--drift-px,0deg))) rotateY(calc(-14deg + var(--drift-py,0deg))) rotateZ(0deg) scale(1.16);transform-style:preserve-3d;transition:transform 900ms cubic-bezier(.16,1,.3,1);will-change:transform}.drift-column{flex:0 0 clamp(150px,14vw,210px);height:clamp(620px,60vw,900px);overflow:hidden}.drift-track{display:flex;flex-direction:column;gap:18px;will-change:transform}.drift-tile{position:relative;flex:0 0 clamp(112px,9.3vw,138px);cursor:pointer;outline:0}.drift-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px solid #3a4039;background:#111510c7;backdrop-filter:blur(3px);transform:translateZ(0);transition:transform 700ms cubic-bezier(.16,1,.3,1),opacity 500ms var(--ease-out),filter 500ms var(--ease-out),border-color 500ms var(--ease-out);opacity:.55;filter:grayscale(1) saturate(.3)}.drift-logo{position:relative;z-index:2;display:grid;place-items:center;min-height:30px;max-width:86%;color:#d6d8ce;font-size:clamp(13px,1.2vw,18px);letter-spacing:-.04em;text-align:center}.drift-logo img{display:block;width:min(120px,86%);max-width:120px;height:auto;max-height:38px;filter:grayscale(1) brightness(1.7);opacity:.72;transition:filter 500ms var(--ease-out),opacity 500ms var(--ease-out),transform 700ms cubic-bezier(.16,1,.3,1)}.drift-logo-fallback{padding:7px 12px;border:1px solid #81877c;border-radius:99px;font-size:11px;letter-spacing:.06em}.drift-inner small{position:relative;z-index:2;color:#777d73;font-size:8px;letter-spacing:.16em}.drift-tile-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#111710b8,#06080666);opacity:.72;transition:opacity 500ms var(--ease-out);pointer-events:none}.drift-tile.is-active .drift-inner,.drift-tile:focus-visible .drift-inner{transform:translateZ(64px) scale(1.035);border-color:#d5b66f99;opacity:1;filter:none;box-shadow:0 18px 34px #000b,0 0 30px #d5b66f2b}.drift-tile.is-active .drift-logo img,.drift-tile:focus-visible .drift-logo img{filter:none;opacity:1;transform:scale(1.06)}.drift-tile.is-active .drift-tile-overlay,.drift-tile:focus-visible .drift-tile-overlay{opacity:0}
@media(max-width:900px){.featured-bento-wrap{grid-column:2}.featured-bento{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(140px,22vw);min-height:0}.bento-card-1,.bento-card-2,.bento-card-5,.bento-card-6{grid-column:span 1;grid-row:span 1}.bento-card-3,.bento-card-4{grid-column:span 2;grid-row:span 1}.drift-wall-plane{gap:12px;transform:translate(-50%,-50%) translateZ(-100px) rotateX(calc(13deg + var(--drift-px,0deg))) rotateY(calc(-10deg + var(--drift-py,0deg))) scale(1.05)}.drift-column{flex-basis:clamp(130px,18vw,175px)}.drift-track{gap:12px}.drift-tile{flex-basis:112px}}
@media(max-width:680px){.featured-bento-wrap{margin-top:38px;padding:6px;border-radius:20px}.featured-bento{grid-template-columns:1fr;gap:8px}.bento-card-1,.bento-card-2,.bento-card-3,.bento-card-4,.bento-card-5,.bento-card-6{grid-column:span 1;grid-row:auto;min-height:210px}.bento-card-3,.bento-card-4{min-height:250px}.bento-card-content small{max-width:46%}.bento-global-spotlight{display:none}.client-wall{min-height:390px}.drift-wall-plane{gap:10px;transform:translate(-50%,-50%) translateZ(-80px) rotateX(8deg) rotateY(-8deg) scale(.86)}.drift-column{flex-basis:118px}.drift-tile{flex-basis:92px}.drift-inner{gap:6px}.drift-logo img{max-width:92px;max-height:28px}.drift-inner small{font-size:7px}}
@media(prefers-reduced-motion:reduce){.featured-bento:has(.bento-card.is-active) .bento-card:not(.is-active){filter:none;opacity:1}.bento-card,.bento-card::before,.bento-card::after,.bento-media img,.drift-wall-plane,.drift-inner,.drift-logo img{transition:none!important}.bento-particles,.bento-ripple{display:none}.drift-track{transform:none!important}.drift-tile.is-active .drift-inner,.drift-tile:focus-visible .drift-inner{transform:none}}

/* React Bits-inspired finishing layer. */
.site-nav{background:linear-gradient(180deg,#0b0c0ccc,#0b0c0c9c);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);border-bottom-color:#6a684f55;box-shadow:0 10px 42px #00000022;transition:height 420ms var(--ease-out),background-color 300ms ease,box-shadow 300ms ease}.site-nav::after{content:"";position:absolute;inset:1px 0 auto;height:1px;background:linear-gradient(90deg,transparent,#e0cb8d88 35%,#a9c97855 65%,transparent);opacity:.7;pointer-events:none}.site-nav.is-compact{background:#0b0c0ceb;box-shadow:0 12px 38px #0008}
.gradual-blur{position:fixed;z-index:40;inset:0;pointer-events:none;--blur-size:clamp(42px,8vw,108px);mask-image:linear-gradient(to bottom,black 0,transparent var(--blur-size),transparent calc(100% - var(--blur-size)),black 100%);-webkit-mask-image:linear-gradient(to bottom,black 0,transparent var(--blur-size),transparent calc(100% - var(--blur-size)),black 100%)}.gradual-blur::before,.gradual-blur::after{content:"";position:absolute;left:0;right:0;height:var(--blur-size);backdrop-filter:blur(11px) saturate(.78);-webkit-backdrop-filter:blur(11px) saturate(.78);opacity:.56}.gradual-blur::before{top:0;background:linear-gradient(#0b0c0cbb,transparent)}.gradual-blur::after{bottom:0;background:linear-gradient(transparent,#0b0c0cbb)}
.ripple-distortion{position:absolute;z-index:4;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:normal;opacity:.06;filter:saturate(.7) brightness(.52) contrast(1.12)}.hero-reel:has(.ripple-distortion){isolation:isolate}.hero-reel:has(.ripple-distortion)::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--ripple-x,50%) var(--ripple-y,50%),transparent 0 8%,#d5b66f08 20%,transparent 38%);mix-blend-mode:screen;opacity:.35}
.about-beams{position:absolute;inset:-18% -8%;z-index:-1;overflow:hidden;pointer-events:none;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.about-beams::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 248deg at 50% 50%,transparent 0deg,#c8da8c15 18deg,transparent 32deg,#e0c47a20 48deg,transparent 68deg,#b8d47c12 92deg,transparent 112deg);filter:blur(18px);animation:beams-spin 18s linear infinite}.about-beams i{position:absolute;top:-20%;width:clamp(22px,4vw,72px);height:150%;transform:rotate(18deg);background:linear-gradient(180deg,transparent,#d7c77d18 30%,#cae28b35 50%,transparent 72%);filter:blur(12px);animation:beam-sweep 9s ease-in-out infinite}.about-beams i:nth-child(1){left:18%;animation-delay:-1s}.about-beams i:nth-child(2){left:40%;transform:rotate(14deg);animation-delay:-4s}.about-beams i:nth-child(3){left:65%;transform:rotate(22deg);animation-delay:-7s}.about-beams i:nth-child(4){left:80%;transform:rotate(16deg);animation-delay:-2s}@keyframes beams-spin{to{transform:rotate(360deg)}}@keyframes beam-sweep{0%,100%{opacity:.2;translate:-26% 0}50%{opacity:.78;translate:26% 0}}
.team-gallery{grid-column:2;display:flex;gap:8px;min-height:clamp(300px,36vw,500px);margin-top:clamp(72px,8vw,126px);overflow:hidden;border-top:1px solid var(--line);padding-top:16px}.team-card{position:relative;flex:1 1 0;min-width:0;border:1px solid #383b35;background:#111411;color:var(--ink);padding:0;overflow:hidden;cursor:pointer;text-align:left;transition:flex-basis 680ms cubic-bezier(.16,1,.3,1),filter 500ms var(--ease-out),opacity 500ms var(--ease-out),border-color 500ms var(--ease-out);isolation:isolate}.team-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#050605dd 100%);z-index:1;pointer-events:none}.team-card-media{position:absolute;inset:0;background:linear-gradient(135deg,#252c25,#0f1210)}.team-card-media::before{content:"ZG";position:absolute;inset:0;display:grid;place-items:center;color:#d5b66f44;font-size:clamp(32px,5vw,70px);letter-spacing:-.12em}.team-card-media img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(1) contrast(1.05) brightness(.7);opacity:.82;transition:filter 700ms var(--ease-out),transform 900ms var(--ease-out),opacity 700ms var(--ease-out)}.team-card-media.is-missing img{display:none}.team-card-copy{position:absolute;z-index:2;left:18px;right:12px;bottom:20px;display:flex;flex-direction:column;gap:5px;opacity:0;transform:translateY(12px);transition:opacity 420ms var(--ease-out),transform 560ms var(--ease-out)}.team-card-copy strong{font-size:clamp(16px,1.6vw,23px);font-weight:430;letter-spacing:-.05em}.team-card-copy span{font-size:11px;color:#d5b66f}.team-card-copy small{font-size:9px;color:#9ea59a;line-height:1.3}.team-card-index{position:absolute;z-index:2;top:13px;left:15px;color:#d6c78c;font-size:9px;letter-spacing:.15em}.team-card.is-active{flex:3 1 0;border-color:#d4ba7688}.team-card.is-active .team-card-media img{filter:grayscale(.1) contrast(1.08) brightness(.84);transform:scale(1.04);opacity:1}.team-card.is-active .team-card-copy{opacity:1;transform:none}.team-card:not(.is-active){filter:saturate(.56);opacity:.72}.team-card:not(.is-active):hover{opacity:.95;filter:saturate(.85)}
.split-ready .split-char{display:inline-block;opacity:0;transform:translateY(.62em) rotate(3deg);animation:split-in 760ms var(--ease-out) calc(var(--split-index) * 24ms) forwards}@keyframes split-in{to{opacity:1;transform:none}}.particle-text{position:relative;text-shadow:0 0 26px #d9c47a55}.particle-text::before,.particle-text::after{content:"";position:absolute;inset:18% -8%;z-index:-1;pointer-events:none;background:radial-gradient(circle,#d9c47a 0 1px,transparent 1.8px) 0 0/21px 19px,radial-gradient(circle,#c6e36d 0 1px,transparent 1.8px) 8px 11px/27px 23px;opacity:.34;filter:blur(.2px);animation:particle-drift 8s linear infinite}.particle-text::after{inset:-18% -14%;opacity:.14;transform:scale(.8);animation-direction:reverse;animation-duration:13s}@keyframes particle-drift{to{transform:translate3d(20px,-13px,0) rotate(5deg)}}.particle-text .split-char{animation-name:particle-letter-in,particle-letter-float;animation-duration:760ms,4.2s;animation-delay:calc(var(--split-index) * 34ms),calc(900ms + var(--split-index) * 55ms);animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-timing-function:var(--ease-out),ease-in-out}@keyframes particle-letter-in{to{opacity:1;transform:none}}@keyframes particle-letter-float{from{translate:0 0}to{translate:0 -3px}}
.cursor-glow{width:clamp(140px,var(--spot-size,190px),320px);height:clamp(140px,var(--spot-size,190px),320px);background:radial-gradient(circle at 38% 34%,#d4c0ffaa 0 5%,#8e5dff8c 23%,#4e32c938 48%,transparent 71%);filter:blur(1px) saturate(1.24);mix-blend-mode:screen;border-radius:43% 57% 61% 39% / 46% 39% 61% 54%;animation:blob-morph 7s ease-in-out infinite alternate;box-shadow:0 0 55px #9d71ff44}.cursor-glow::before{content:"";position:absolute;inset:21%;border:1px solid #f0deff99;border-radius:50%;box-shadow:0 0 28px #d1a9ff88;animation:blob-pulse 2.8s ease-in-out infinite}.cursor-glow i{position:absolute;inset:43%;border-radius:50%;background:#fff4;filter:blur(2px)}@keyframes blob-morph{to{border-radius:58% 42% 38% 62% / 44% 62% 38% 56%;transform:translate3d(var(--spot-x,-300px),var(--spot-y,-300px),0) translate(-50%,-50%) rotate(18deg) scale(var(--spot-scale,.78))}}@keyframes blob-pulse{50%{transform:scale(1.26);opacity:.58}}
.clients-body{position:relative}.clients-heading{position:relative;z-index:3;margin-bottom:-clamp(28px,5vw,88px);padding:clamp(22px,3vw,46px);max-width:min(620px,82%);background:linear-gradient(110deg,#0b0c0ce8,#0b0c0c66 78%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.clients-heading h2{margin-bottom:0}.clients .client-wall{padding-top:clamp(60px,8vw,120px)}
.hero,.manifesto{overflow:hidden}
@media(max-width:680px){.gradual-blur{--blur-size:54px}.team-gallery{min-height:360px;gap:5px}.team-card.is-active{flex:2.5 1 0}.team-card-copy{left:10px;bottom:12px}.team-card-copy strong{font-size:16px}.team-card-copy span{font-size:9px}.team-card-copy small{font-size:8px}.clients-heading{max-width:94%;padding:18px;margin-bottom:-34px}.clients .client-wall{padding-top:68px}}
@media(prefers-reduced-motion:reduce){.about-beams::before,.about-beams i,.particle-text::before,.particle-text::after,.cursor-glow,.cursor-glow::before{animation:none}.split-ready .split-char{opacity:1;transform:none;animation:none}.team-card,.team-card-media img,.team-card-copy{transition:none}.gradual-blur{display:none}}

/* Final visual pass: immersive client wall, compact about composition, and
   compositor-friendly motion primitives. */
.site-nav{isolation:isolate;overflow:hidden;background:transparent!important;border-bottom-color:#d5b66f33!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.site-nav>#rb-glass-nav-root{position:absolute;inset:0;z-index:-1;pointer-events:none}.site-nav.is-compact{box-shadow:0 14px 44px #0009!important}.site-nav.is-compact::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#ffffff12,#d5b66f08 48%,#ffffff0d);mix-blend-mode:screen;pointer-events:none;z-index:-1}.site-nav,.site-nav *{will-change:auto}.site-nav.is-compact .rb-glass-nav{filter:saturate(1.35) contrast(1.05)}
.manifesto{grid-template-columns:clamp(100px,9vw,170px) minmax(0,1fr) minmax(300px,36vw);column-gap:clamp(24px,4vw,82px);align-items:start}.manifesto-body{grid-column:2;max-width:none;position:relative;z-index:2}.manifesto-body .body-copy{max-width:560px}.manifesto #rb-beams-root{z-index:-1;inset:-14% -10%;opacity:.9}.manifesto .stat-row{grid-column:2 / -1;grid-row:2;margin-top:clamp(42px,5vw,76px);padding-top:28px;gap:clamp(56px,10vw,180px)}.stat-row strong{font-size:clamp(110px,12vw,190px);line-height:.78;letter-spacing:-.09em;color:#f1f0eb}.stat-row strong span{font-size:.35em;color:var(--gold)}.stat-row>div{gap:14px}.stat-row>div>span{font-size:13px;letter-spacing:.08em}.manifesto #rb-team-root{grid-column:3;grid-row:1;min-height:360px;margin:0;padding-top:0;border-top:0;overflow:visible}.manifesto #rb-team-root .rb-viewport-gate{height:360px}.manifesto #rb-team-root .accordion-gallery{height:360px!important;min-height:360px}.manifesto #rb-team-root .accordion-gallery-item img,.manifesto #rb-team-root .accordion-gallery__image,.manifesto #rb-team-root img{object-fit:contain!important;object-position:center bottom!important;background:#0b0e0c}.manifesto #rb-team-root .accordion-gallery-item{min-width:0}.manifesto #rb-team-root .accordion-gallery-item.is-active{flex-grow:2.3}.manifesto #rb-team-root .accordion-gallery-item__label{font-size:10px}
.clients{padding-top:clamp(90px,8vw,150px);padding-bottom:clamp(90px,8vw,150px)}.clients-body{grid-column:2;position:relative;min-height:clamp(520px,48vw,760px);overflow:hidden;border:1px solid #d5b66f22;background:radial-gradient(circle at 50% 35%,#d5b66f10,transparent 38%),#080a09}.clients-heading{position:absolute;left:clamp(18px,4vw,70px);top:clamp(20px,4vw,68px);z-index:5;max-width:min(690px,82%);margin:0;padding:0 0 24px;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.clients-heading::after{content:"";position:absolute;left:0;bottom:0;width:clamp(150px,24vw,340px);height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.clients .client-wall{min-height:clamp(520px,48vw,760px);height:100%;padding-top:clamp(190px,19vw,270px);background:transparent}.clients .client-wall::before{background:radial-gradient(circle at 20% 34%,#d5b66f1c,transparent 26%),radial-gradient(circle at 78% 66%,#9dbd6d15,transparent 28%),linear-gradient(180deg,#080a0900,#10120f)}
.featured-bento-wrap{isolation:isolate}.featured-bento-wrap>#rb-fluid-glass-root{z-index:2}.featured-bento-wrap>#rb-magic-bento-root{position:relative;z-index:3}.featured-bento-wrap .card-grid{position:relative;z-index:3;background:#0b0a0fcc}.featured-bento-wrap .card-grid::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,#ffffff10,transparent 35%,#d5b66f10 78%,transparent);mix-blend-mode:screen}
.cursor-glow{display:none!important}.section-grid::before{will-change:opacity,transform}.reveal-target{will-change:transform,opacity}.hero-reel-video,.magic-case-media,.team-card-media img{will-change:transform,opacity}.rb-viewport-gate{contain:layout paint}.rb-viewport-gate--fill{contain:strict}
@media(max-width:900px){.manifesto{grid-template-columns:clamp(88px,13vw,120px) minmax(0,1fr)}.manifesto #rb-team-root{grid-column:2;grid-row:3;margin-top:48px}.manifesto .stat-row{grid-column:2;grid-row:2}.clients-body,.clients .client-wall{min-height:560px}}
@media(max-width:680px){.manifesto{display:block}.manifesto-body{margin-bottom:42px}.manifesto #rb-team-root{margin-top:48px}.manifesto .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:52px}.stat-row strong{font-size:clamp(64px,18vw,100px)}.stat-row>div>span{font-size:9px}.clients-body,.clients .client-wall{min-height:520px}.clients-heading{left:18px;top:22px;max-width:90%}.rb-masked-slogan{width:92vw}.rb-masked-line{font-size:clamp(56px,15vw,84px)}}
.manifesto #rb-team-root .ag-panel__media img{object-fit:contain!important;object-position:center bottom!important;background:#0b0e0c}.manifesto #rb-team-root .ag-panel{min-width:0}.manifesto #rb-team-root .ag-panel--active{flex-grow:2.3}.manifesto #rb-team-root .ag-panel__text{font-size:10px}
.site-nav{isolation:isolate;overflow:hidden;background:transparent!important;position:sticky!important;top:0;z-index:50}
.site-nav>#rb-glass-nav-root{position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important}
.site-nav>#rb-glass-nav-root .glass-surface{z-index:0!important}
.site-nav .brand,.site-nav .nav-links,.site-nav .nav-actions{position:relative;z-index:2}
.site-nav.is-compact::before{background:linear-gradient(100deg,#ffffff05,#d5b66f03 48%,#ffffff05)!important;z-index:1!important}
.site-nav::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,#ffffff0d 0%,transparent 18%,transparent 72%,#d5b66f12 100%);mix-blend-mode:screen;opacity:.7}
.hero-copy #rb-title-root{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:min(100%,850px)!important;height:auto!important;min-height:clamp(150px,18vw,270px);margin:30px 0 30px;z-index:3}
.hero-copy #legacy-hero-title{display:none!important}
.manifesto{position:relative;isolation:isolate;grid-template-columns:clamp(100px,9vw,170px) minmax(0,1fr);column-gap:clamp(24px,4vw,82px);overflow:hidden}
.manifesto>#rb-beams-root{position:absolute!important;inset:0!important;z-index:0!important;opacity:.72!important;pointer-events:none!important}
.manifesto::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 65% 35%,#d5b66f0c,transparent 38%),linear-gradient(115deg,#0b0c0cf5 8%,#0b0c0cb8 48%,#0b0c0ce8 100%)}
.manifesto>*:not(#rb-beams-root){position:relative;z-index:2}
.manifesto-body{grid-column:2;max-width:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,42%);gap:clamp(30px,5vw,90px);align-items:center}
.manifesto-copy{grid-column:1;min-width:0}
.manifesto #rb-team-root{grid-column:2;grid-row:1;min-height:360px;margin:0;padding:0;border:0;overflow:visible}
.manifesto #rb-team-root .rb-viewport-gate{height:360px}
.manifesto #rb-team-root .accordion-gallery{height:360px!important;min-height:360px}
.manifesto .stat-row{grid-column:2;grid-row:auto;margin-top:clamp(48px,5vw,86px);padding-top:30px;gap:clamp(48px,11vw,190px)}
.stat-row strong{display:flex;align-items:baseline;gap:.06em;white-space:nowrap;font-size:clamp(76px,7vw,128px);line-height:.86;letter-spacing:-.09em;color:#f1f0eb}
.stat-row strong>span{display:inline-block!important;font-size:inherit!important;color:#f1f0eb!important;line-height:.86!important;letter-spacing:inherit!important}
.stat-row strong>span[id^="rb-count"]{display:inline-flex!important;align-items:baseline;height:1em!important;line-height:1!important;vertical-align:baseline}
.stat-row strong>span[id^="rb-count"] .rb-viewport-gate--inline{display:inline-flex!important;align-items:baseline;width:auto!important;height:1em!important;min-height:0!important;line-height:1!important}
.stat-row strong>span[id^="rb-count"] .rb-viewport-gate--inline>span{display:inline-block!important;font-size:inherit!important;color:inherit!important;line-height:1!important}
.stat-row strong .rb-viewport-gate--inline{display:inline-block;width:auto;min-height:1em}
.stat-row .stat-plus{font-size:.36em;font-weight:430;line-height:1;color:var(--gold);letter-spacing:-.03em}
.stat-row>div{gap:12px}.stat-row>div>span{font-size:12px;letter-spacing:.08em}
.clients-body{border:0!important;background:transparent!important;overflow:visible!important;min-height:0!important}
.clients-heading{position:absolute!important;left:clamp(18px,4vw,70px)!important;top:clamp(22px,3vw,48px)!important;z-index:4;max-width:min(690px,82%)!important;padding:0 0 24px!important;margin:0!important;background:linear-gradient(90deg,#0b0c0ce8 0%,#0b0c0c88 64%,transparent 100%)!important;pointer-events:none}
.clients .client-wall{min-height:clamp(420px,40vw,680px);height:auto;margin-top:clamp(-80px,-6vw,-44px);padding-top:clamp(110px,10vw,170px)!important;border:0!important;background:transparent!important}
.clients .drift-inner{border:0!important;background:transparent!important;box-shadow:none!important}
.client-name{border-color:#d5b66f18!important;background:transparent!important}.client-name:hover{background:#d5b66f08!important}
#rb-fluid-glass-root{position:fixed!important;inset:0!important;z-index:46!important;pointer-events:none!important;opacity:.88!important;mix-blend-mode:screen;overflow:hidden}
#rb-fluid-glass-root .rb-viewport-gate--fill{position:absolute!important;inset:0!important}
#rb-fluid-glass-root .rb-fluid-glass{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
#rb-fluid-glass-root .rb-fluid-glass canvas{pointer-events:none!important}
#rb-fluid-glass-work-root{position:absolute!important;inset:0!important;z-index:2!important;pointer-events:none!important;overflow:hidden;opacity:.78;mix-blend-mode:screen}
#rb-fluid-glass-work-root .rb-viewport-gate--fill{position:absolute!important;inset:0!important}
#rb-fluid-glass-work-root .rb-fluid-glass{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
#rb-fluid-glass-work-root .rb-fluid-glass canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important}
@media(max-width:900px){.manifesto{grid-template-columns:clamp(88px,13vw,120px) minmax(0,1fr)}.manifesto-body{grid-template-columns:minmax(0,1fr) minmax(250px,40%);gap:24px}.manifesto .stat-row{grid-column:2;gap:42px}.manifesto #rb-team-root{grid-column:2}.stat-row strong{font-size:clamp(64px,8vw,100px)}}
@media(max-width:680px){.manifesto{display:block}.manifesto-body{display:block}.manifesto #rb-team-root{margin-top:48px}.manifesto .stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:52px}.stat-row strong{font-size:clamp(64px,18vw,100px)}.clients .client-wall{min-height:390px}.hero-copy #rb-title-root{min-height:150px;margin:24px 0 22px}}

/* Acceptance pass: keep each third-party composition legible at the actual
   content width, with no clipped cards or artificial nested panels. */
.stat-row{overflow:visible!important;align-items:flex-start!important}
.stat-row>div{min-width:0;overflow:visible!important}
.stat-row strong{line-height:1!important;align-items:flex-end!important;overflow:visible!important;font-variant-numeric:tabular-nums lining-nums}
.stat-row .stat-plus{align-self:flex-end!important;transform:translateY(-.08em);margin-left:.05em}

.manifesto #rb-team-root .ag-panel__media{width:100%!important;height:100%!important;transform:translate(-50%,-50%)!important}
.manifesto #rb-team-root .ag-panel__media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#0b0e0c}
.manifesto #rb-team-root .accordion-gallery{height:320px!important;min-height:320px!important}
.manifesto #rb-team-root .rb-viewport-gate{height:320px!important}

.featured-bento-wrap{padding:8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.featured-bento-wrap .card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(210px,clamp(210px,11vw,250px)))!important;grid-auto-rows:auto!important;gap:12px!important;width:100%!important;max-width:none!important;padding:0!important;background:transparent!important}
.featured-bento-wrap .magic-bento-card{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto!important;min-height:0!important;height:100%!important;padding:0!important;border-radius:16px!important}
.featured-bento-wrap .magic-bento-card:nth-child(3),.featured-bento-wrap .magic-bento-card:nth-child(4),.featured-bento-wrap .magic-bento-card:nth-child(6){grid-column:auto!important;grid-row:auto!important}
.featured-bento-wrap .card-grid::after{display:none!important}

.clients{isolation:isolate;background:radial-gradient(circle at 18% 30%,#d5b66f0a,transparent 30%),linear-gradient(180deg,#0b0c0c,#0d1110 52%,#0b0c0c)}
.clients>.section-label{position:absolute;left:clamp(24px,4.8vw,96px);top:clamp(108px,9vw,170px);z-index:6}
.clients-body{grid-column:1/-1!important;grid-row:1;min-height:clamp(620px,52vw,820px)!important;margin-top:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.clients-heading{left:clamp(18%,4.8vw,320px)!important;top:clamp(90px,8vw,150px)!important;max-width:min(700px,48%)!important;padding:0 0 24px!important;background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.clients-heading::after{width:clamp(180px,28vw,420px)!important;background:linear-gradient(90deg,var(--gold),#d5b66f00)!important}
.clients .client-wall{min-height:clamp(620px,52vw,820px)!important;height:100%!important;margin:0!important;padding-top:clamp(210px,18vw,300px)!important;background:transparent!important}
.clients .client-wall::before{background:radial-gradient(circle at 20% 34%,#d5b66f1c,transparent 28%),radial-gradient(circle at 78% 66%,#9dbd6d18,transparent 32%),linear-gradient(180deg,#080a0900,#10120f00)!important}
.clients .drift-wall{mask-image:linear-gradient(180deg,transparent,#000 7%,#000 93%,transparent)!important}
.clients .drift-inner{background:transparent!important;border:0!important;box-shadow:none!important}
.clients .drift-tile-overlay{background:transparent!important}

@media(max-width:900px){.featured-bento-wrap .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(190px,24vw))!important}.clients>.section-label{left:28px}.clients-heading{left:14%!important;max-width:72%!important}.clients-body,.clients .client-wall{min-height:600px!important}}
@media(max-width:680px){.featured-bento-wrap .card-grid{grid-template-columns:1fr!important;grid-template-rows:repeat(6,minmax(210px,auto))!important}.clients{padding-top:100px!important}.clients>.section-label{position:relative;left:auto;top:auto;margin-bottom:30px}.clients-body,.clients .client-wall{min-height:520px!important}.clients-heading{left:18px!important;top:62px!important;max-width:90%!important}.clients .client-wall{padding-top:150px!important}}

/* Final visual acceptance: the navigation must sample the page behind it,
   the cursor lens must be the real FluidGlass canvas, and the case wall must
   use the site's editorial grid rather than the stock MagicBento shell. */
.site-nav{isolation:auto!important;overflow:visible!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.site-nav>#rb-glass-nav-root{z-index:0!important;overflow:visible!important}
.site-nav>#rb-glass-nav-root .glass-surface--svg{z-index:0!important;background:rgba(255,255,255,.028)!important;backdrop-filter:var(--filter-id) blur(10px) saturate(1.55) brightness(1.12) contrast(1.04)!important;-webkit-backdrop-filter:var(--filter-id) blur(10px) saturate(1.55) brightness(1.12) contrast(1.04)!important;box-shadow:inset 0 1px 0 #ffffff4c,inset 0 -1px 0 #d5b66f60,0 18px 48px #0009!important}
.site-nav .brand,.site-nav .nav-links,.site-nav .nav-actions{z-index:3!important}
.site-nav::after{z-index:2!important;opacity:.92!important;background:linear-gradient(105deg,transparent 12%,#ffffff20 22%,#62d9ff30 32%,#ffffff10 40%,#d5b66f42 52%,#a855f735 64%,#ffffff1b 74%,transparent 88%)!important;background-size:220% 100%!important;animation:site-nav-prism 7s linear infinite!important;mix-blend-mode:screen!important;filter:blur(.35px)!important}
.site-nav::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(112deg,transparent 18%,#ffffff16 30%,transparent 42%,#a855f714 58%,transparent 76%);background-size:220% 100%;animation:site-nav-refraction 9s cubic-bezier(.16,1,.3,1) infinite;mix-blend-mode:screen!important}
@keyframes site-nav-refraction{0%,100%{background-position:120% 0;opacity:.35}50%{background-position:-20% 0;opacity:.9}}
@keyframes site-nav-prism{0%{background-position:120% 0}100%{background-position:-20% 0}}
.site-nav.is-compact{background:transparent!important}

#rb-fluid-glass-root{z-index:46!important;opacity:1!important;mix-blend-mode:normal!important;pointer-events:none!important}
#rb-fluid-glass-root .rb-fluid-glass{position:fixed!important;inset:auto!important;left:var(--fluid-pointer-x,50vw)!important;top:var(--fluid-pointer-y,50vh)!important;width:clamp(180px,18vw,260px)!important;height:clamp(180px,18vw,260px)!important;transform:translate(-50%,-50%)!important;pointer-events:none!important;z-index:46!important;overflow:hidden!important;background:rgba(255,255,255,.012)!important;border:.5px solid rgba(255,255,255,.09)!important;box-shadow:inset 0 0 30px rgba(255,255,255,.07),0 10px 36px rgba(0,0,0,.16),0 0 26px rgba(210,190,255,.09)!important}
#rb-fluid-glass-root .rb-fluid-glass .glass-surface__content{padding:0!important}
#rb-fluid-glass-root .rb-fluid-glass::after{display:none!important}
.cursor-glow{display:none!important}

.manifesto .stat-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:clamp(24px,7vw,120px)!important}
.manifesto .stat-row>div{min-width:0!important;width:100%!important;overflow:visible!important}
.manifesto .stat-row strong{width:max-content!important;max-width:100%!important;display:flex!important;align-items:baseline!important;overflow:visible!important;white-space:nowrap!important}
.manifesto .stat-row strong>span[id^="rb-count"]{width:auto!important;max-width:none!important;overflow:visible!important;flex:0 0 auto!important}
.manifesto .stat-row .stat-plus{position:static!important;display:inline-block!important;flex:0 0 auto!important;transform:none!important;margin-left:.08em!important}

.featured-bento-wrap{grid-column:2!important;margin-top:clamp(42px,4vw,72px)!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;isolation:auto!important;overflow:visible!important}

/* Navigation uses a lightweight native glass treatment. The React Bits
   GlassSurface mount is intentionally removed: CSS backdrop sampling keeps
   the bar aligned with the live page without a second compositing layer. */
.site-nav,
.site-nav.is-compact{
  isolation:isolate!important;
  overflow:hidden!important;
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border-bottom:1px solid rgba(213,182,111,.28)!important;
  box-shadow:0 10px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.12)!important;
}
.site-nav.is-compact{background:rgba(12,14,14,.48)!important;-webkit-backdrop-filter:blur(10px) saturate(1.1) brightness(1.05)!important;backdrop-filter:blur(10px) saturate(1.1) brightness(1.05)!important}
.site-nav:not(.is-compact)::before{opacity:.12!important}
.site-nav:not(.is-compact)::after{opacity:.18!important}
.site-nav::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.08) 28%,transparent 42%,rgba(213,182,111,.07) 58%,transparent 76%);background-size:220% 100%;animation:site-nav-edge-sheen 11s ease-in-out infinite;mix-blend-mode:screen}
.site-nav::after{content:"";position:absolute;inset:auto 0 0;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(213,182,111,.72),rgba(255,255,255,.3),transparent);opacity:.7}
.site-nav .brand,.site-nav .nav-links,.site-nav .nav-actions{position:relative;z-index:2!important}
@keyframes site-nav-edge-sheen{0%,100%{background-position:120% 0;opacity:.35}50%{background-position:-20% 0;opacity:.8}}

/* Shared desktop safety line: hero copy and partner heading begin on the
   same editorial inset instead of fighting the section grid. */
@media(min-width:681px){
  .hero-copy{padding-left:clamp(44px,8vw,120px)!important}
  .clients-heading{left:calc(clamp(28px,4.8vw,96px) + clamp(44px,8vw,120px))!important}
}

/* Keep the lens clear in the middle. The displacement/highlight is confined
   to a soft animated perimeter, following the edge-only Liquid Glass model. */
#rb-fluid-glass-root .rb-fluid-glass{animation:fluid-lens-breathe 4.8s ease-in-out infinite!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
#rb-fluid-glass-root .rb-fluid-glass::before{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,transparent 0 67%,rgba(255,255,255,.08) 74%,rgba(170,220,255,.16) 82%,rgba(213,182,111,.12) 89%,transparent 100%);backdrop-filter:var(--filter-id) saturate(1.18)!important;-webkit-backdrop-filter:var(--filter-id) saturate(1.18)!important;mask:radial-gradient(circle,transparent 0 67%,#000 75%,#000 88%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 0 67%,#000 75%,#000 88%,transparent 100%);mix-blend-mode:screen;opacity:.72;filter:blur(.5px)}
@keyframes fluid-lens-breathe{0%,100%{transform:translate(-50%,-50%) scale(.94)}50%{transform:translate(-50%,-50%) scale(1.04)}}
@media(max-width:680px){.hero-copy{padding-left:0!important}.clients-heading{left:18px!important}}
.featured-bento-wrap>#featured-bento{width:100%!important}
.featured-bento{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(150px,clamp(150px,10vw,220px)))!important;grid-auto-rows:auto!important;min-height:0!important;gap:10px!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;overflow:visible!important}
#featured-bento{--global-x:50%;--global-y:50%;--spotlight-opacity:0;position:relative!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(150px,clamp(150px,10vw,220px)))!important;grid-auto-rows:auto!important;min-height:0!important;gap:10px!important;padding:0!important;border:0!important;border-radius:18px!important;background:transparent!important;overflow:visible!important;isolation:isolate!important}
#featured-bento .bento-card{min-height:0!important;height:100%!important}
#featured-bento .bento-card{border-color:#35313d!important;background:#100d16!important}
#featured-bento .bento-card:hover,#featured-bento .bento-card.is-active{border-color:#c9a2ffcc!important;box-shadow:0 20px 58px #000a,0 0 34px #9d62ff35!important}
#featured-bento .bento-card-1 .bento-card-content strong,#featured-bento .bento-card-2 .bento-card-content strong,#featured-bento .bento-card-5 .bento-card-content strong,#featured-bento .bento-card-6 .bento-card-content strong{max-width:58%;font-size:clamp(13px,1.1vw,18px);white-space:nowrap;overflow:visible}
#featured-bento .bento-card-1 .bento-card-content small,#featured-bento .bento-card-2 .bento-card-content small,#featured-bento .bento-card-5 .bento-card-content small,#featured-bento .bento-card-6 .bento-card-content small{max-width:36%;font-size:8px;white-space:nowrap}
#featured-bento .bento-card-1 .bento-card-content,#featured-bento .bento-card-2 .bento-card-content,#featured-bento .bento-card-5 .bento-card-content,#featured-bento .bento-card-6 .bento-card-content{display:block;left:12px;right:12px;bottom:12px}
#featured-bento .bento-card-1 .bento-card-content strong,#featured-bento .bento-card-2 .bento-card-content strong,#featured-bento .bento-card-5 .bento-card-content strong,#featured-bento .bento-card-6 .bento-card-content strong{display:block;max-width:100%;font-size:clamp(12px,1vw,16px);line-height:1.05;white-space:normal}
#featured-bento .bento-card-1 .bento-card-content small,#featured-bento .bento-card-2 .bento-card-content small,#featured-bento .bento-card-5 .bento-card-content small,#featured-bento .bento-card-6 .bento-card-content small{display:block;max-width:100%;margin-top:4px;text-align:left;font-size:7px;white-space:normal}
#featured-bento .bento-card-1{grid-column:1!important;grid-row:1!important}#featured-bento .bento-card-2{grid-column:2!important;grid-row:1!important}#featured-bento .bento-card-3{grid-column:3 / span 2!important;grid-row:1 / span 2!important}#featured-bento .bento-card-4{grid-column:1 / span 2!important;grid-row:2 / span 2!important}#featured-bento .bento-card-5{grid-column:3!important;grid-row:3!important}#featured-bento .bento-card-6{grid-column:4!important;grid-row:3!important}
.featured-bento .bento-card{min-height:0!important;height:100%!important;border-color:#35313d!important;background:#100d16!important}
.featured-bento .bento-card:hover,.featured-bento .bento-card.is-active{border-color:#c9a2ffcc!important;box-shadow:0 20px 58px #000a,0 0 34px #9d62ff35!important}
.featured-bento .bento-card::before{background:radial-gradient(300px circle at var(--glow-x) var(--glow-y),rgba(219,189,255,calc(.95 * var(--glow-intensity))),transparent 70%)!important}
#featured-bento .motion-fallback>strong{opacity:.16!important;transform:translateY(-8%)!important}
#featured-bento .motion-fallback>strong{display:none!important}
.featured-bento .bento-media .case-media{width:100%!important;height:100%!important}

.clients{border-top:0!important;isolation:auto!important;background:transparent!important;box-shadow:none!important}
.clients-body{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.clients .client-wall{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}
.clients .client-wall::before{opacity:.5!important}
.clients .drift-inner{border:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.clients .drift-tile-overlay{opacity:.08!important}

@media(max-width:900px){.manifesto .stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important}.featured-bento,#featured-bento{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(190px,24vw))!important}#featured-bento .bento-card-1,#featured-bento .bento-card-2,#featured-bento .bento-card-5,#featured-bento .bento-card-6{grid-column:span 1!important;grid-row:span 1!important}#featured-bento .bento-card-3,#featured-bento .bento-card-4{grid-column:span 2!important;grid-row:span 1!important}}
@media(max-width:680px){.manifesto .stat-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.featured-bento,#featured-bento{grid-template-columns:1fr!important;grid-template-rows:repeat(6,minmax(210px,auto))!important}.featured-bento .bento-card,#featured-bento .bento-card{min-height:210px!important}#featured-bento .bento-card-1,#featured-bento .bento-card-2,#featured-bento .bento-card-3,#featured-bento .bento-card-4,#featured-bento .bento-card-5,#featured-bento .bento-card-6{grid-column:span 1!important;grid-row:auto!important}}
@media(min-width:681px){.clients-heading{left:clamp(44px,8vw,120px)!important}}

/* Keep the navigation over the hero so the initial state is genuinely
   immersive; it must not reserve a separate black strip in document flow. */
.site-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100vw!important;margin-left:calc(50% - 50vw)!important}

/* Final acceptance pass: the top bar must disappear into the hero at rest.
   Keep only the compact-state native frost; remove historical decorative
   pseudo-elements, gold rules and drop shadows that read as a second strip. */
.site-nav,
.site-nav.is-compact{
  border-bottom:0!important;
  box-shadow:none!important;
}
.site-nav::before,
.site-nav::after,
.site-nav.is-compact::before,
.site-nav.is-compact::after{
  display:none!important;
  content:none!important;
}
.site-nav:not(.is-compact){
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
.site-nav.is-compact{
  background:rgba(12,14,14,.34)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.08) brightness(1.03)!important;
  backdrop-filter:blur(8px) saturate(1.08) brightness(1.03)!important;
}
.hero-reel-shade{
  /* Keep the top edge of the artwork continuous beneath the transparent
     resting nav; retain the lower vignette for copy contrast. */
  background:linear-gradient(90deg,#050706ed 0%,#050706a8 30%,#0507062f 68%,#050706a8 100%),linear-gradient(0deg,#050706db 0%,transparent 45%,transparent 100%)!important;
}

/* A single clear lens: no opaque/double ring in the centre.  The SVG
   displacement map is sampled only by the perimeter pseudo-element. */
#rb-fluid-glass-root .rb-fluid-glass,
#rb-fluid-glass-root .rb-fluid-glass.glass-surface--svg,
#rb-fluid-glass-root .rb-fluid-glass.glass-surface--fallback{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:translate(-50%,-50%) scale(var(--fluid-lens-scale,1))!important;
}
#rb-fluid-glass-root .rb-fluid-glass::before{
  inset:-1px!important;
  background:
    radial-gradient(circle at 50% 50%,transparent 0 69%,rgba(255,255,255,.025) 73%,rgba(255,255,255,.16) 79%,rgba(123,217,255,.24) 84%,rgba(213,182,111,.16) 89%,transparent 96%),
    conic-gradient(from 210deg,transparent 0 18%,rgba(255,255,255,.26) 27%,rgba(125,220,255,.14) 35%,transparent 47% 68%,rgba(255,255,255,.18) 78%,transparent 88% 100%)!important;
  -webkit-backdrop-filter:var(--filter-id) saturate(1.2)!important;
  backdrop-filter:var(--filter-id) saturate(1.2)!important;
  z-index:2!important;
  mask:none!important;
  -webkit-mask:none!important;
  opacity:.9!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),inset 0 0 18px rgba(151,214,255,.16),0 0 12px rgba(157,205,255,.2)!important;
  filter:blur(.35px) drop-shadow(0 0 10px rgba(157,205,255,.18))!important;
}
@keyframes fluid-lens-breathe-final{
  0%,100%{--fluid-lens-scale:.94}
  50%{--fluid-lens-scale:1.06}
}
#rb-fluid-glass-root .rb-fluid-glass{animation:fluid-lens-breathe-final 4.8s ease-in-out infinite!important}