/* Beyond Entertainment — local, buildless design system */
:root{--ink:#10152c;--navy:#141438;--purple:#3924b5;--electric:#54c6f0;--lime:#a6d46e;--paper:#f4f4ef;--white:#fff;--muted:#b9bdcd;--gutter:clamp(20px,4.5vw,80px);--container:1380px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;color:var(--paper);background:var(--ink);font-family:'poppins','Aptos','Segoe UI',sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.07}h1,h2{letter-spacing:-.055em}h1{font-size:clamp(3.4rem,7.5vw,8.5rem)}h2{font-size:clamp(2.7rem,4.5vw,5rem)}h3{font-size:clamp(1.3rem,2vw,2rem);letter-spacing:-.025em}em{font-style:normal;color:var(--electric)}p{max-width:58ch}p+p{margin-top:1.2rem}button{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--electric);outline-offset:6px}::selection{background:var(--electric);color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;padding:12px 20px;background:var(--paper);color:var(--ink);z-index:100}.skip-link:focus{top:16px}.section{padding:110px var(--gutter);scroll-margin-top:90px}.section>*{max-width:var(--container);margin-inline:auto}.light{background:var(--paper);color:var(--ink)}.light em{color:var(--purple)}.section-label,.eyebrow{font-size:.67rem;letter-spacing:.19em;font-weight:600;text-transform:uppercase}.section-label{display:flex;align-items:center;gap:12px;margin-bottom:55px}.dot{width:7px;height:7px;border-radius:50%;background:var(--electric);display:inline-block}.light .dot{background:var(--purple)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:60px}.section-heading>p{max-width:340px;color:var(--muted)}.light .section-heading>p{color:#5e6372}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 24px;font-size:.85rem;font-weight:600;transition:background .3s,transform .3s;border:1px solid transparent}.primary{background:var(--electric);color:var(--ink)}.button:hover{background:var(--paper);transform:translateY(-3px)}.light .button:hover{background:var(--purple);color:white}.text-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid currentColor;padding:12px 0;font-size:.86rem;font-weight:500}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.dark-link{color:var(--ink)}.fine-print{font-size:.75rem;color:var(--muted)}
/* Shared navigation */
.site-header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;gap:24px;padding:24px var(--gutter);border-bottom:1px solid #ffffff30;transition:background .3s,box-shadow .3s;min-height:96px}.site-header.scrolled,.inner-page .site-header{background:#10152cf2;backdrop-filter:blur(16px);box-shadow:0 1px 0 #ffffff18}.brand{display:block;background:white;padding:9px 12px;flex-shrink:0;width:160px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:clamp(13px,1.65vw,25px);margin-left:auto;font-size:.76rem}.desktop-nav>a,.dropdown-toggle{position:relative;white-space:nowrap}.desktop-nav>a:after{content:'';height:1px;position:absolute;bottom:-7px;left:0;right:0;background:var(--electric);transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav>a:hover:after,.desktop-nav>a[aria-current]:after{transform:scaleX(1)}.dropdown-toggle{background:none;border:0;padding:10px 0}.dropdown-toggle span{margin-left:4px}.dropdown{position:relative}.mega-menu{position:absolute;top:48px;left:-50px;width:370px;padding:30px;background:var(--paper);color:var(--ink);box-shadow:0 15px 40px #0003;animation:dropdown-in .3s var(--ease)}.mega-menu .eyebrow{display:block;color:var(--purple);margin-bottom:15px}.mega-menu a{display:block;padding:12px 0;border-bottom:1px solid #10152c20;font-size:.83rem}.mega-menu a:hover{color:var(--purple)}.header-cta{border:1px solid #ffffff60;padding:10px 14px;font-size:.72rem;display:flex;gap:22px;align-items:center}.header-cta:hover{background:var(--electric);color:var(--ink)}.menu-toggle{display:none;background:none;border:0;padding:12px;width:48px;height:48px}.menu-toggle span{display:block;height:1px;background:var(--paper);margin:7px 0;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#mobile-menu{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:max(35px,env(safe-area-inset-top)) var(--gutter);border:0;background:var(--navy);color:var(--paper)}#mobile-menu::backdrop{background:var(--navy)}#mobile-menu .eyebrow{display:block;margin:35px 0}#mobile-menu nav{display:flex;flex-direction:column;gap:10px}#mobile-menu nav a{font-size:clamp(1.7rem,5vh,3.2rem);line-height:1.3;letter-spacing:-.03em;animation:rise .5s var(--ease) both}#mobile-menu nav a:nth-child(2){animation-delay:.05s}#mobile-menu nav a:nth-child(3){animation-delay:.1s}#mobile-menu nav a:nth-child(4){animation-delay:.15s}#mobile-menu nav a:nth-child(5){animation-delay:.2s}#mobile-menu nav a:nth-child(6){animation-delay:.25s}.menu-close{display:block;margin-left:auto;border:1px solid #ffffff50;background:none;padding:8px 16px}.menu-close span{font-size:22px;margin-left:18px}body.menu-open{overflow:hidden}
/* Cinematic opening */
.hero{position:relative;min-height:800px;min-height:max(760px,100svh);display:flex;align-items:center;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{inset:-35px 0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(6,11,30,.85),rgba(9,13,33,.38) 70%),linear-gradient(0deg,#10152c 0%,transparent 40%,#10152c55)}.hero-content{position:relative;z-index:1;padding:160px var(--gutter) 125px;width:100%;max-width:1540px;margin:auto}.hero-content .eyebrow{margin-bottom:30px;color:var(--electric)}.hero h1{max-width:1150px;font-size:clamp(3.6rem,7.5vw,8.5rem);line-height:.98;font-weight:500}.hero h1 span{font-family:Georgia,serif;font-style:italic;letter-spacing:-.06em;font-weight:400}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-top:42px}.hero-bottom p{font-size:.94rem;color:#e2e4ed}.actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.hero-foot{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;font-size:.58rem;letter-spacing:.16em;border-top:1px solid #ffffff40;padding-top:20px;gap:20px}.hero-foot a:first-child{display:flex;gap:30px}.entrance{animation:rise 1s var(--ease) both}.hero h1.entrance{animation-delay:.12s}.hero-bottom.entrance{animation-delay:.25s}
/* Editorial home sections */
.about-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:10%}.about-copy{padding-top:8px}.about-copy p{color:#5e6372;font-size:.94rem}.about-copy .lead{font-size:1.35rem;color:var(--ink);line-height:1.45;margin-bottom:22px}.about-copy .text-link{margin-top:24px}.about-image{margin-top:75px;position:relative;overflow:hidden}.about-image img{width:100%;height:460px;object-fit:cover;object-position:center 60%}.about-image figcaption{display:flex;justify-content:space-between;padding-top:16px;font-size:.63rem;letter-spacing:.08em;gap:18px}.services{background:var(--navy)}.service-list{border-top:1px solid #ffffff30}.service{display:grid;grid-template-columns:100px 1fr 60px;padding:35px 0;border-bottom:1px solid #ffffff30;gap:20px;scroll-margin-top:120px;transition:background .3s}.ordinal{color:var(--electric);font-size:.8rem}.service>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 60px}.service h3{grid-column:1;font-size:1.5rem;max-width:330px}.service-line{grid-column:1;color:var(--muted);font-size:.88rem;margin-top:5px}.service p:last-child{grid-column:2;grid-row:1/3;align-self:center;font-size:.9rem;max-width:420px;color:var(--muted)}.service-arrow{font-size:2rem;justify-self:end;transition:transform .3s}.service:hover .service-arrow{transform:translate(4px,-4px);color:var(--electric)}.featured-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px 45px}.project-card{min-width:0}.card-link{display:block}.card-image{position:relative;overflow:hidden;background:#dddde4;aspect-ratio:1.45}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10152c40,transparent 50%)}.card-arrow{position:absolute;right:18px;bottom:18px;z-index:1;width:44px;height:44px;display:grid;place-items:center;background:var(--paper);color:var(--ink);border-radius:50%;font-size:1.3rem;transition:transform .4s,background .4s}.card-link:hover img{transform:scale(1.04)}.card-link:hover .card-arrow{transform:rotate(45deg);background:var(--electric)}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;color:#626577;margin:18px 0 8px}.project-card h3{font-size:clamp(1.6rem,2.5vw,2.6rem)}.card-role{font-size:.79rem;margin-top:8px;color:#626577}.featured-grid .project-card:nth-child(2){padding-top:130px}.featured-grid .project-card:nth-child(3){grid-column:1/3;width:70%;margin:0 auto}.featured-grid .project-card:nth-child(3) .card-image{aspect-ratio:1.9}.process{background:#171d34}.timeline{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin-top:80px}.timeline li{border-top:1px solid #ffffff40;position:relative;padding:25px 24px 0 0}.timeline li:before{content:'';position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--electric);border-radius:50%}.timeline span{color:var(--electric);font-size:.7rem}.timeline h3{font-size:1.3rem;margin:20px 0 15px}.timeline p{font-size:.85rem;color:var(--muted)}.presence{background:var(--purple);position:relative;overflow:hidden}.presence em{color:#b9adff}.presence-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px}.presence-layout p{margin-top:32px}.presence-layout .fine-print{color:#d5cff4;margin-top:20px}.countries{list-style:none;padding:0;margin:0}.countries li{display:flex;align-items:center;gap:24px;padding:17px 0;border-bottom:1px solid #ffffff40;font-size:clamp(1.4rem,2.5vw,2.3rem);letter-spacing:-.03em}.countries li span{font-size:.7rem;color:#d5cff4;letter-spacing:0}.countries li span:last-child{margin-left:auto;font-size:1.5rem}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.portrait{background:#e5e5e4;overflow:hidden;aspect-ratio:1/1.1;margin-bottom:24px}.portrait img{height:100%;width:100%;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply;transition:transform .5s}.person:hover img{transform:scale(1.03)}.person h3{font-size:1.25rem}.person p{font-size:.77rem;line-height:1.5;color:#626577;margin-top:10px;max-width:210px}.contact{background:var(--navy)}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.contact h2{font-size:clamp(3.7rem,7vw,7.5rem)}.contact-layout>div>p:first-child{font-size:1.1rem;color:var(--muted);margin-bottom:30px}.email{display:block;width:fit-content;font-size:.85rem;margin:28px 0 8px;overflow-wrap:anywhere;border-bottom:1px solid #ffffff70}.site-footer{padding:60px var(--gutter) 25px;background:#0b1023}.footer-top,.footer-bottom{max-width:var(--container);margin:auto;display:flex;justify-content:space-between;gap:30px}.footer-top{align-items:start;padding-bottom:60px}.footer-top p{color:var(--muted);font-size:.95rem}.footer-top nav{display:flex;gap:30px;font-size:.8rem}.footer-bottom{border-top:1px solid #ffffff25;padding-top:24px;font-size:.64rem;color:var(--muted)}
/* Portfolio and detail pages */
.listing-intro{padding-top:185px;background:var(--navy)}.listing-intro .section-label{margin-bottom:35px}.listing-intro h1{max-width:var(--container)}.listing-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:40px;gap:35px}.listing-bottom p{max-width:450px;color:var(--muted)}.listing-bottom span{font-size:.63rem;letter-spacing:.13em}.catalogue{padding-top:50px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #10152c30;background:none;color:var(--ink);padding:10px 18px;border-radius:30px;font-size:.8rem;min-height:44px;transition:background .25s,color .25s}.filters button[aria-pressed=true],.filters button:hover{background:var(--purple);border-color:var(--purple);color:white}.results{font-size:.73rem;color:#626577;margin-top:25px;margin-bottom:40px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 28px}.project-grid .card-image{aspect-ratio:1.3}.project-grid .project-card h3{font-size:1.7rem}.project-grid .card-meta{font-size:.59rem;flex-wrap:wrap}.filter-enter{animation:rise .4s var(--ease) both}.catalogue-note{font-size:.8rem;color:#626577;border-top:1px solid #10152c30;padding-top:30px;margin-top:70px}.mini-contact{display:flex;align-items:center;justify-content:space-between;gap:35px}.mini-contact h2{font-size:clamp(2.4rem,4vw,4rem);max-width:750px}.empty-state{padding:50px 0}.detail-intro{padding-top:155px;padding-bottom:65px}.breadcrumb{font-size:.77rem;color:var(--muted);margin-bottom:45px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.detail-intro .eyebrow{color:var(--electric);margin-bottom:20px}.detail-intro h1{margin-bottom:30px}.detail-tags{display:flex;gap:30px;color:var(--muted);font-size:.8rem}.detail-cover{padding:0 var(--gutter) 70px}.detail-cover img{width:100%;max-width:var(--container);height:min(65vw,680px);object-fit:cover;margin:auto}.detail-content{display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.detail-content h2{font-size:clamp(2.5rem,4vw,4rem)}.detail-content p{color:#5e6372;margin-top:20px}.detail-content dl{margin:0}.detail-content dt{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#626577;margin-bottom:10px}.detail-content dd{margin:0 0 32px;font-size:1.1rem}.detail-gallery{padding-top:0}.detail-gallery img{width:100%;max-height:650px;object-fit:contain;background:#dededc}.detail-gallery figcaption{font-size:.75rem;color:#626577;margin-top:15px}.next-project{display:flex;justify-content:space-between;align-items:center;gap:30px}.next-project h2{font-size:clamp(2.5rem,5vw,5rem);margin-top:15px}.detail-fallback{padding-top:190px;min-height:70vh}.detail-fallback p{margin:25px 0}.detail-fallback h1{font-size:clamp(3rem,6vw,6rem)}
/* Optional motion. Content is visible until an observer has initialized. */
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes dropdown-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease),clip-path 1s var(--ease)}.about-image.reveal-ready{clip-path:inset(8% 0 8% 0)}.reveal-ready.is-visible{opacity:1;transform:none;clip-path:inset(0)}
@media(min-width:1600px){.site-header{padding-inline:max(var(--gutter),calc((100vw - 1380px)/2))}}
@media(max-width:1150px){.desktop-nav{gap:15px}.header-cta{display:none}.hero-bottom{display:block}.actions{margin-top:28px}.hero{min-height:850px}.section{padding-block:85px}.team-grid{gap:18px}.service>div{gap:12px 30px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block;margin-left:auto}.site-header{min-height:82px;padding-block:17px}.header-cta{display:flex;margin-left:auto}.menu-toggle{margin-left:0}.hero{min-height:820px}.hero-content{padding-top:160px}.hero h1{font-size:clamp(3.7rem,9vw,6rem)}.about-layout{grid-template-columns:1fr;gap:35px}.about-copy{max-width:620px}.about-image img{height:380px}.section-heading{align-items:start;gap:30px}.section-heading>p{max-width:270px}.service{grid-template-columns:45px 1fr 30px}.timeline{grid-template-columns:1fr;gap:0;margin-top:50px}.timeline li{border-top:0;border-left:1px solid #ffffff40;padding:0 0 30px 35px;display:grid;grid-template-columns:40px 1fr;column-gap:10px}.timeline li:before{top:5px;left:-5px}.timeline h3{margin:0 0 10px}.timeline p{grid-column:2}.presence-layout{gap:40px;grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,1fr);gap:40px 25px}.contact-layout{gap:35px}.project-grid{grid-template-columns:repeat(2,1fr)}.footer-top nav{gap:15px;flex-wrap:wrap;max-width:180px}.detail-content{gap:50px}.featured-grid{gap:40px 25px}.featured-grid .project-card:nth-child(2){padding-top:80px}.mini-contact{display:block}.mini-contact .button{margin-top:30px}}
@media(max-width:600px){h2{font-size:clamp(2.4rem,10vw,3.5rem)}.section{padding-block:65px}.section-label{font-size:.59rem;letter-spacing:.14em;margin-bottom:35px}.brand{width:135px}.header-cta{display:none}.menu-toggle{margin-left:auto}.hero{min-height:max(780px,100svh)}.hero-content{padding:145px var(--gutter) 150px}.hero h1{font-size:clamp(3rem,11.8vw,4.5rem)}.hero-content .eyebrow{font-size:.53rem;letter-spacing:.12em;max-width:260px}.hero-bottom{margin-top:30px}.hero-bottom p{font-size:.85rem}.hero-bottom p br{display:none}.actions{gap:14px;align-items:start;flex-direction:column}.button{font-size:.8rem;padding:13px 20px;gap:30px}.hero-foot{display:block;font-size:.51rem;bottom:23px}.hero-foot a:last-child{display:block;margin-top:14px;color:var(--muted)}.hero-image img{object-position:68% center}.section-heading{display:block;margin-bottom:35px}.section-heading>p,.section-heading>.text-link{margin-top:25px}.about-copy .lead{font-size:1.2rem}.about-image{margin-top:45px}.about-image img{height:300px}.about-image figcaption{display:block;font-size:.59rem}.about-image figcaption span{display:block;margin-bottom:6px}.service{grid-template-columns:25px 1fr 20px;padding-block:28px;gap:12px}.service>div{display:block}.service h3{font-size:1.35rem}.service-line{margin-top:15px}.service p:last-child{margin-top:15px;font-size:.85rem}.service-arrow{font-size:1.5rem}.featured-grid{display:block}.featured-grid .project-card{margin-bottom:40px}.featured-grid .project-card:nth-child(2){padding-top:0}.featured-grid .project-card:nth-child(3){width:100%}.featured-grid .project-card:nth-child(3) .card-image{aspect-ratio:1.45}.presence-layout{display:block}.countries{margin-top:40px}.countries li{font-size:1.8rem}.team-grid{gap:30px 16px}.person h3{font-size:1.05rem}.person p{font-size:.69rem}.portrait{margin-bottom:16px}.contact-layout{display:block}.contact h2{font-size:clamp(3.3rem,15vw,5rem)}.contact-layout>div{margin-top:35px}.footer-top{flex-wrap:wrap;padding-bottom:35px}.footer-top p{font-size:.85rem}.footer-top nav{max-width:none;width:100%;gap:25px}.footer-bottom{display:block}.footer-bottom>span,.footer-bottom>a{display:block;margin-top:12px}.listing-intro{padding-top:145px}.listing-intro h1{font-size:clamp(3rem,12vw,4.5rem)}.listing-bottom{display:block}.listing-bottom span{display:block;margin-top:30px}.filters{gap:7px}.filters button{font-size:.7rem;padding:8px 12px}.catalogue{padding-top:30px}.project-grid{grid-template-columns:1fr;gap:40px}.detail-intro{padding-top:135px}.detail-intro h1{font-size:clamp(3rem,12vw,4.5rem)}.detail-tags{flex-wrap:wrap;gap:10px 25px}.detail-cover{padding-bottom:40px}.detail-cover img{height:65vw}.detail-content{display:block}.detail-content dl{margin-top:40px}.detail-gallery{padding-top:0}.next-project{display:block}.next-project>a{margin-top:30px}.detail-fallback{padding-top:150px}.reveal-ready{transition-duration:.55s}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none;clip-path:none}.hero-image{transform:none!important}.card-link:hover img,.person:hover img,.button:hover{transform:none}}
.nojs-nav{position:relative;z-index:31;background:var(--navy);padding:110px 20px 20px;display:flex;gap:20px;flex-wrap:wrap}

/* Premium concept-image treatment; editorial labels keep portfolio imagery unambiguous. */
.image-label{position:absolute;left:16px;top:16px;z-index:2;padding:6px 10px;background:#10152ce6;color:#f4f4ef;font-size:.58rem;letter-spacing:.09em;text-transform:uppercase;line-height:1.5}
.detail-cover figcaption{max-width:var(--container);margin:14px auto 0;color:var(--muted);font-size:.72rem;letter-spacing:.025em}
.hero-shade{background:linear-gradient(90deg,rgba(6,11,30,.76),rgba(9,13,33,.15) 75%),linear-gradient(0deg,#10152c 0%,transparent 40%,#10152c55)}
.hero-foot>span{color:var(--muted)}
.about-image img{object-position:center 55%}
@media(max-width:600px){.hero-foot>span{display:block;margin-top:14px;font-size:.49rem}.image-label{left:12px;top:12px}.hero-shade{background:linear-gradient(90deg,#060b1ed6,#090d2155),linear-gradient(0deg,#10152c,transparent 60%)}.hero-image img{object-position:62% center}}
/* Floating editorial navigation */
.site-header{inset:18px var(--gutter) auto;padding:16px 22px;min-height:82px;gap:24px;background:#fffffff5;color:var(--ink);border:1px solid #ffffff90;border-radius:6px;box-shadow:0 8px 35px #05091b18;backdrop-filter:blur(18px);transition:transform .35s var(--ease),box-shadow .35s,background .35s}
.site-header.scrolled,.inner-page .site-header{background:#fffffff5;box-shadow:0 8px 35px #05091b24}.site-header.scrolled{transform:translateY(-8px)}.site-header .brand{background:transparent;width:150px;padding:0}.desktop-nav{gap:clamp(14px,1.5vw,24px);font-size:.76rem}.desktop-nav>a:after{background:var(--purple)}.dropdown-toggle{color:var(--ink)}.header-cta{display:flex;background:var(--ink);color:var(--paper);border:0;padding:6px 6px 6px 20px;gap:23px;font-size:.76rem;min-height:44px;border-radius:3px;white-space:nowrap}.header-cta span{width:32px;height:32px;display:grid;place-items:center;background:var(--electric);color:var(--ink);font-size:1.1rem;transition:transform .3s}.header-cta:hover{background:var(--purple);color:var(--paper)}.header-cta:hover span{transform:rotate(45deg)}.menu-toggle span{background:var(--ink)}.mega-menu{top:52px;border-top:3px solid var(--purple);background:#fff;padding:30px;box-shadow:0 20px 50px #10152c26}.mega-menu a{transition:color .25s,transform .25s}.mega-menu a:hover{transform:translateX(4px)}
/* Scroll-driven approach: normal document scrolling with a sticky visual chapter. */
.process{background:#11182c;position:relative}.approach-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px);align-items:start}.approach-sticky{position:sticky;top:130px}.approach-sticky h2{font-size:clamp(2.2rem,3.7vw,4rem);line-height:1.12}.approach-intro{font-size:.9rem;color:var(--muted);margin-top:22px;max-width:370px}.approach-visual{position:relative;aspect-ratio:1.9;margin-top:32px;overflow:hidden;background:var(--navy)}.approach-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .7s var(--ease),transform 1.1s var(--ease)}.approach-frame.is-active{opacity:1;transform:scale(1)}.approach-visual:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#10152cbb)}.approach-image-caption{position:absolute;z-index:2;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;gap:10px;font-size:.52rem;letter-spacing:.12em;color:#fff}.approach-navigation{display:flex;gap:8px;margin-top:22px}.approach-navigation a{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px;border-top:2px solid #ffffff25;padding:13px 0 5px;font-size:.65rem;color:var(--muted);transition:color .3s,border-color .3s}.approach-navigation a>span:first-child{font-size:.8rem}.approach-navigation a:hover,.approach-navigation a[aria-current=step]{border-color:var(--electric);color:var(--electric)}.approach-scroll-hint{font-size:.55rem;letter-spacing:.16em;color:var(--muted);margin-top:24px;display:flex;align-items:center;justify-content:space-between}.approach-scroll-hint span{font-size:1.2rem;color:var(--electric)}.approach-story{position:relative;padding-left:36px}.approach-track{position:absolute;left:0;top:0;bottom:0;width:1px;background:#ffffff25}.approach-track span{position:absolute;inset:0;background:var(--electric);transform:scaleY(var(--approach-progress,0));transform-origin:top}.approach-steps{list-style:none;margin:0;padding:0}.approach-step{position:relative;min-height:62vh;min-height:62svh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;scroll-margin-top:150px}.approach-step:before{content:'';width:9px;height:9px;position:absolute;left:-40px;top:50%;background:#586477;border:2px solid #11182c;border-radius:50%;transition:background .4s,box-shadow .4s}.step-kicker{display:flex;align-items:center;gap:25px;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:var(--muted);margin-bottom:25px}.step-index{font-size:clamp(3.5rem,6vw,6rem);font-weight:300;letter-spacing:-.06em;line-height:1;color:#536079;transition:color .5s}.approach-step h3{font-size:clamp(2rem,3.2vw,3.6rem);max-width:450px;line-height:1.12;letter-spacing:-.045em}.approach-step>p{font-size:.95rem;line-height:1.8;color:var(--muted);margin-top:22px;max-width:430px}.step-deliverables{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-top:30px;border-top:1px solid #ffffff20;padding-top:20px}.approach-enhanced .approach-step h3,.approach-enhanced .approach-step>p,.approach-enhanced .step-deliverables{opacity:.7;transform:translateY(14px);transition:opacity .6s var(--ease),transform .7s var(--ease)}.approach-enhanced .approach-step.is-active h3,.approach-enhanced .approach-step.is-active>p,.approach-enhanced .approach-step.is-active .step-deliverables{opacity:1;transform:none}.approach-step.is-active .step-index{color:var(--electric)}.approach-step.is-active:before{background:var(--electric);box-shadow:0 0 0 5px #54c6f015}.approach-step.is-active>p{transition-delay:.06s}.approach-step.is-active .step-deliverables{transition-delay:.12s}
/* Spacious editorial footer */
.site-footer{padding:80px var(--gutter) 30px;background:#080e20}.footer-invitation{max-width:var(--container);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:35px;padding-bottom:65px;border-bottom:1px solid #ffffff25}.footer-invitation .eyebrow{color:var(--muted);font-size:.6rem;margin-bottom:28px}.footer-invitation h2{font-size:clamp(3.5rem,8.3vw,9rem);letter-spacing:-.06em}.footer-invitation em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--paper)}.footer-invitation-link{flex-shrink:0;width:clamp(75px,9vw,135px);height:clamp(75px,9vw,135px);border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;font-size:clamp(2rem,4vw,4rem);transition:background .35s,color .35s,transform .35s}.footer-invitation-link:hover{background:var(--electric);color:var(--ink);transform:rotate(45deg)}.footer-main{max-width:var(--container);margin:55px auto 65px;display:grid;grid-template-columns:1.3fr .8fr .8fr 1.25fr;gap:40px}.footer-brand .brand{width:180px;padding:12px 14px}.footer-brand>p{font-size:.95rem;margin:22px 0 20px;color:var(--muted)}.footer-origin{font-size:.62rem;color:#9fa8bb;letter-spacing:.06em}.footer-column{display:flex;flex-direction:column;align-items:start;gap:10px}.footer-column>.eyebrow{font-size:.58rem;color:#9fa8bb;margin-bottom:14px}.footer-column>a{font-size:.84rem;transition:color .25s,transform .25s}.footer-column>a:hover{color:var(--electric);transform:translateX(3px)}.footer-connect>a{padding-bottom:14px;border-bottom:1px solid #ffffff30;overflow-wrap:anywhere;max-width:100%;font-size:.8rem}.footer-connect p{font-size:.8rem;color:var(--muted);margin-top:12px}.footer-bottom{font-size:.65rem;padding-top:26px}.footer-bottom>a{color:var(--paper)}.footer-bottom>a span{margin-left:15px}
@media(min-width:1600px){.site-header{left:max(var(--gutter),calc((100vw - 1430px)/2));right:max(var(--gutter),calc((100vw - 1430px)/2));padding-inline:24px}}
@media(max-width:1150px){.site-header{gap:18px;padding-inline:18px}.site-header .brand{width:130px}.desktop-nav{gap:13px;font-size:.7rem}.header-cta{gap:12px;padding-left:14px}.approach-layout{gap:45px}.footer-main{gap:25px}}
@media(min-width:901px) and (max-height:800px){.approach-sticky{top:110px}.approach-sticky h2{font-size:2.4rem}.approach-visual{aspect-ratio:2.6;margin-top:20px}.approach-intro{margin-top:16px}.approach-scroll-hint{margin-top:12px}}
@media(max-width:900px){.site-header{inset:14px 24px auto;min-height:72px;padding:12px 18px}.site-header .brand{width:145px}.header-cta{margin-left:auto}.menu-toggle{margin-left:0}.approach-layout{grid-template-columns:1fr;gap:35px}.approach-sticky{position:relative;top:auto}.approach-sticky h2{font-size:clamp(2.5rem,6vw,4rem)}.approach-visual{aspect-ratio:2.2;max-height:320px}.approach-navigation a{font-size:.7rem;min-height:55px}.approach-scroll-hint{display:none}.approach-story{padding-left:30px}.approach-step{min-height:420px;padding:50px 0;scroll-margin-top:120px}.approach-step:before{left:-34px}.approach-step h3{font-size:clamp(2.3rem,5vw,3.5rem);max-width:550px}.approach-step>p{max-width:550px}.step-index{font-size:4.5rem}.footer-main{grid-template-columns:1.2fr 1fr;gap:45px}.footer-invitation{padding-bottom:45px}.footer-invitation h2{font-size:clamp(3.5rem,9vw,6rem)}}
@media(max-width:600px){.site-header{inset:12px 14px auto;min-height:65px;padding:10px 13px;gap:10px}.site-header .brand{width:130px}.site-header .header-cta{display:none}.site-header .menu-toggle{margin-left:auto}.site-header.scrolled{transform:translateY(-5px)}.approach-visual{aspect-ratio:1.65;margin-top:25px}.approach-image-caption{font-size:.44rem;left:12px;right:12px;bottom:12px}.approach-navigation{gap:7px}.approach-navigation .step-nav-name{font-size:.54rem;letter-spacing:-.01em}.approach-step{min-height:390px;padding-block:40px}.step-kicker{gap:20px}.step-index{font-size:3.7rem}.approach-step>p{font-size:.88rem}.step-deliverables{font-size:.52rem;letter-spacing:.07em}.site-footer{padding-top:55px}.footer-invitation{gap:15px;align-items:end;padding-bottom:35px}.footer-invitation .eyebrow{font-size:.49rem;max-width:200px;line-height:1.8;margin-bottom:20px}.footer-invitation h2{font-size:clamp(2.7rem,10.5vw,4rem);max-width:240px}.footer-invitation-link{width:56px;height:56px;font-size:1.8rem;margin-bottom:4px}.footer-main{grid-template-columns:1fr 1fr;gap:35px 20px;margin-block:40px}.footer-brand{grid-column:1/3}.footer-brand .brand{width:165px}.footer-connect{grid-column:1/3}.footer-column>a{font-size:.83rem}.footer-bottom{font-size:.6rem}.footer-bottom>span:first-child{margin-top:0}}
@media(prefers-reduced-motion:reduce){.approach-sticky{position:relative;top:auto}.approach-step{min-height:0;padding-block:40px}.approach-enhanced .approach-step h3,.approach-enhanced .approach-step>p,.approach-enhanced .step-deliverables{opacity:1;transform:none}.approach-frame{transform:none}.site-header.scrolled{transform:none}.footer-invitation-link:hover{transform:none}}
/* Selected projects: a cinematic horizontal filmstrip with native-scroll fallback. */
.project-film{padding:0;position:relative}.project-film>.project-film-sticky{max-width:none;padding:85px 0 65px}.project-film-sticky>.section-label,.project-film-sticky>.section-heading,.project-film-controls{margin-inline:var(--gutter);max-width:none}.project-film-sticky>.section-label{margin-bottom:30px}.project-film-sticky>.section-heading{margin-bottom:35px;align-items:end}.project-film .section-heading h2{font-size:clamp(2.8rem,5vw,5rem)}.project-film .section-heading h2 br{display:none}.project-film .section-heading h2 em{margin-left:.15em}.project-film-window{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--purple) #dedee5;scroll-snap-type:x proximity;outline-offset:-4px}.project-film .featured-grid{position:relative;display:flex;width:max-content;max-width:none;gap:30px;padding:0 var(--gutter);margin:0}.project-film .featured-grid .project-card{flex:0 0 auto;width:min(72vw,1050px);margin:0;padding:0;scroll-snap-align:center;animation:none}.project-film .featured-grid .card-image{aspect-ratio:1.95;height:auto}.project-film .project-card h3{font-size:clamp(1.7rem,2.5vw,2.6rem)}.project-film .card-image img{transition:transform .8s var(--ease)}.project-film .card-meta{margin-top:17px}.project-film .card-role{margin-top:6px}.project-film-controls{display:flex;align-items:center;gap:28px;margin-top:30px}.project-film-count{font-size:.75rem;white-space:nowrap;font-variant-numeric:tabular-nums}.project-film-count>span:first-child{color:var(--purple);font-weight:600}.project-film-count>span:last-child{color:#646b79}.project-film-progress{height:2px;flex:1;background:#10152c20;position:relative;overflow:hidden}.project-film-progress>span{position:absolute;inset:0;background:var(--purple);transform:scaleX(calc(.08 + var(--film-progress,0)*.92));transform-origin:left}.project-film-hint{font-size:.56rem;letter-spacing:.15em;color:#626577;white-space:nowrap}.project-film-hint>span{font-size:1rem;margin-left:15px}.project-film-arrows{display:flex;gap:9px}.project-film-arrows button{width:45px;height:45px;border:1px solid #10152c50;border-radius:50%;background:transparent;color:var(--ink);font-size:1.2rem;transition:background .25s,color .25s}.project-film-arrows button:hover:not(:disabled){background:var(--purple);color:white;border-color:var(--purple)}.project-film-arrows button:disabled{opacity:.3;cursor:default}.film-pinned{height:calc(100svh + var(--film-distance,0px))}.film-pinned>.project-film-sticky{position:sticky;top:0;height:100svh;padding-top:125px;padding-bottom:30px;display:flex;flex-direction:column;justify-content:center}.film-pinned .section-label{margin-bottom:20px}.film-pinned .section-heading{margin-bottom:25px}.film-pinned .section-heading h2{font-size:clamp(2.6rem,4vw,4.5rem)}.film-pinned .project-film-window{scrollbar-width:none;scroll-snap-type:none;overflow-x:hidden}.film-pinned .project-film-window::-webkit-scrollbar{display:none}.film-pinned .featured-grid .card-image{height:clamp(220px,40svh,540px);aspect-ratio:auto}.film-pinned .project-film-controls{margin-top:22px}.film-pinned .featured-grid .project-card{width:min(74vw,1100px)}
@media(min-width:1600px){.project-film-sticky>.section-label,.project-film-sticky>.section-heading,.project-film-controls{margin-inline:max(var(--gutter),calc((100vw - 1380px)/2))}.project-film .featured-grid{padding-inline:max(var(--gutter),calc((100vw - 1380px)/2))}}
@media(max-width:900px){.project-film>.project-film-sticky{padding-block:65px}.project-film .featured-grid .project-card{width:82vw}.project-film .featured-grid{gap:20px}.project-film .featured-grid .card-image{aspect-ratio:1.45}.project-film-sticky>.section-heading{display:flex;align-items:end;gap:20px}.project-film .section-heading h2 br{display:block}.project-film .section-heading h2 em{margin-left:0}.project-film .section-heading>.text-link{white-space:nowrap}.project-film-hint{display:none}}
@media(max-width:600px){.project-film-sticky>.section-heading{display:block}.project-film .section-heading h2{font-size:clamp(2.4rem,10vw,3.5rem)}.project-film .section-heading>.text-link{margin-top:18px}.project-film .featured-grid{gap:16px}.project-film .featured-grid .project-card{width:83vw}.project-film .featured-grid .card-image{aspect-ratio:1.12}.project-film .card-meta{font-size:.55rem;flex-wrap:wrap;gap:5px 12px}.project-film .card-role{font-size:.72rem}.project-film-controls{gap:18px;margin-top:25px}.project-film-arrows button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.project-film-window{scroll-behavior:auto;scroll-snap-type:none}}
@media(min-width:901px) and (max-height:850px){.film-pinned>.project-film-sticky{padding-top:115px;padding-bottom:20px}.film-pinned .section-label{margin-bottom:12px}.film-pinned .section-heading{margin-bottom:18px}.film-pinned .section-heading h2{font-size:2.4rem}.film-pinned .featured-grid .card-image{height:32svh;min-height:0}.film-pinned .card-meta{margin-top:10px}.film-pinned .project-card h3{font-size:1.6rem}.film-pinned .card-role{font-size:.72rem}.film-pinned .project-film-controls{margin-top:15px}}
@media(min-width:901px){.project-film .section-heading h2 em{margin-left:.25em}}