@font-face{font-family:Studio;src:local('Helvetica Neue')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#eeeee7;color:#252620;font-family:Studio,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #757c12;outline-offset:5px}button,a,summary{touch-action:manipulation}.header{height:96px;margin:0 3.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c8c9bf;gap:24px}.logo{font-size:27px;letter-spacing:-1.6px;font-weight:750;display:flex;align-items:center;gap:6px}.asterisk{font-size:34px;font-weight:400}.header nav{display:flex;gap:32px;font-size:13px}.header sup{font-size:9px;margin-left:3px}.project-button,.dark-button{background:#262720;color:#fff;padding:16px 22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;font-size:13px}.project-button:hover,.dark-button:hover{background:#434638}.project-button span{font-size:20px}.menu-button{display:none}.hero{padding:26px 3.6% 0}.eyebrow,.mono,.hero-foot,.art-top,.concept-label,.tag,.art-disclosure{font-family:monospace;font-size:10px;letter-spacing:.055em}.eyebrow{display:flex;justify-content:space-between}.status{display:inline-block;width:7px;height:7px;border-radius:50%;background:#687444;margin-right:9px}.hero-title{display:flex;align-items:flex-end;justify-content:space-between;padding:36px 0 33px;gap:30px}h1{font-size:clamp(64px,8.5vw,140px);line-height:.92;letter-spacing:-.072em;font-weight:500;margin:0}h1>span{color:#7f8371}.hero-intro{width:26%;padding-bottom:4px}.hero-intro p{font-size:14px;line-height:1.5;margin:12px 0 21px}.orbit{font-size:45px;line-height:1;display:block}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #b6b8a8;padding:0 0 8px;background:transparent}.hero-art{height:clamp(420px,43vw,660px);position:relative;overflow:hidden;border-radius:7px;background:#afa895}.hero-art>img{width:100%;height:100%;object-fit:cover;object-position:center 52%;transition:transform 1.2s}.hero-art:hover>img{transform:scale(1.025)}.hero-art:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0006);pointer-events:none}.art-top{position:absolute;top:23px;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;color:white}.glass-tag{padding:10px 13px;border:1px solid #ffffff70;border-radius:30px;background:#ffffff15;backdrop-filter:blur(8px)}.art-bottom{position:absolute;z-index:1;bottom:36px;left:29px;right:29px;display:flex;align-items:flex-end;justify-content:space-between;color:white}.art-bottom h2{font-size:48px;font-weight:400;letter-spacing:-2px;line-height:1;margin:12px 0 0}.circle-button,.work-arrow{border-radius:50%;width:55px;height:55px;background:#e6fa50;display:flex;align-items:center;justify-content:center;font-size:29px;color:#252620}.concept-label{position:absolute;right:28px;bottom:12px;color:#fff;z-index:1;font-size:8px}.hero-foot{display:flex;justify-content:space-between;padding:18px 0 28px;font-size:9px}.ticker{overflow:hidden;background:#e5f650;border-top:1px solid #252620;border-bottom:1px solid #252620;padding:21px 0}.ticker>div{white-space:nowrap;font-size:25px;letter-spacing:-1px;animation:drift 35s linear infinite;width:max-content}.ticker span{margin:0 38px;font-size:30px}@keyframes drift{to{transform:translateX(-35%)}}.section{padding:80px 3.6%}.section-top{display:flex;justify-content:space-between;gap:25px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin:38px 0 40px}.section-heading h2{font-size:clamp(38px,4.5vw,70px);line-height:1.02;letter-spacing:-.055em;font-weight:400;margin:0}.section-heading p{font-size:14px;line-height:1.6;margin:0;width:26%}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 23px}.work-card{background:transparent;padding:0;text-align:left;min-width:0}.work-image{position:relative;aspect-ratio:1.35;border-radius:6px;overflow:hidden}.work-image>img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.work-card:hover .work-image>img{transform:scale(1.05)}.tag{position:absolute;top:20px;left:20px;font-size:9px;z-index:2;background:#eeeee7dd;padding:8px 10px;border-radius:3px}.work-arrow{position:absolute;bottom:20px;right:20px;width:39px;height:39px;font-size:23px;background:#eeeee7;transition:transform .3s}.work-card:hover .work-arrow{transform:rotate(45deg);background:#e5f650}.work-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:16px}.work-caption h3{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:0}.work-caption>span{font-size:10px;color:#626457}.ugc-art{background:#f3bbd2}.ad-copy{position:absolute;left:7%;top:27%;font-size:clamp(20px,3.4vw,50px);line-height:1.04;letter-spacing:-.07em;z-index:1}.ad-copy em{font-family:Georgia,serif;font-weight:400}.bottle{position:absolute;right:15%;top:27%;width:25%;height:58%;border-radius:26px 26px 22px 22px;background:linear-gradient(90deg,#6e2225,#b64b43 25%,#dc7968 48%,#a14139 85%,#65231f);box-shadow:22px 25px 35px #81283155;transform:rotate(15deg);color:#fae0b0;padding:32px 15px 12px;display:flex;flex-direction:column;justify-content:space-between}.bottle:before{content:'';position:absolute;top:-27px;left:21%;width:58%;height:32px;border-radius:5px 5px 0 0;background:repeating-linear-gradient(90deg,#eacb9b 0 3px,#d6b782 3px 5px)}.bottle>span{font-size:18px}.bottle strong{font-size:35px;line-height:.9;letter-spacing:-2px}.bottle small{font-size:7px}.ad-sticker{position:absolute;bottom:16%;left:9%;background:#eaff64;border-radius:50%;padding:23px 13px;transform:rotate(-12deg);font-size:12px;font-weight:600}.art-disclosure{position:absolute;bottom:12px;left:20px;font-size:7px}.web-art{background:#c4cbdc;display:flex;align-items:center;justify-content:center}.browser-mock{background:#faf6e9;width:79%;margin-top:28px;transform:rotate(-5deg);border-radius:6px;box-shadow:0 20px 50px #3a456b35;overflow:hidden}.browser-bar{font-size:9px;padding:15px;border-bottom:1px solid #dcd9cd;display:flex;justify-content:space-between}.mock-content{padding:25px;position:relative;overflow:hidden}.mock-content>.mono{font-size:7px}.mock-content h4{font-family:Georgia,serif;font-size:clamp(22px,3vw,46px);font-weight:400;letter-spacing:-1.6px;line-height:1.05;margin:14px 0 22px;position:relative;z-index:1}.mock-cta{font-size:8px;background:#30382b;color:#fff;padding:9px 12px;border-radius:15px;position:relative;z-index:1}.sun{position:absolute;width:170px;height:170px;right:-30px;top:36px;border-radius:50%;background:radial-gradient(circle,#ffc739 20%,#fbb970 48%,#faf6e9 72%)}.mock-bottom{font-size:7px;border-top:1px solid #dcd9cd;padding:12px 25px}.automation-art{background:#2e382e;color:#ebeee3}.automation-art .tag{color:#252620}.flow{width:68%;margin:75px auto 0;font-size:12px}.flow-node{padding:15px 16px;border:1px solid #788573;border-radius:7px;display:flex;align-items:center;gap:12px;background:#ffffff05}.flow-node>span{font-size:19px}.flow-node>i{background:#d8f77c;width:6px;height:6px;border-radius:50%;margin-left:auto}.flow-line{height:23px;width:1px;background:#8c9c79;margin:auto}.flow-node.core{background:#d8ed8a;color:#2e382e;border:0}.flow-split{display:flex;gap:15px;justify-content:center}.flow-split>span{padding:12px;border:1px solid #788573;border-radius:6px;font-size:10px}.automation-caption{position:absolute;bottom:25px;left:30px;font-size:30px;line-height:1;letter-spacing:-1.4px}.automation-caption em{font-family:Georgia,serif;font-weight:400}.services{background:#e3e4db}.service-list details{border-top:1px solid #bcbfb1}.service-list details:last-child{border-bottom:1px solid #bcbfb1}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.service-list summary{display:flex;align-items:center;padding:26px 0;gap:35px}.service-list summary h3{font-size:clamp(23px,3vw,43px);font-weight:400;letter-spacing:-1.5px;margin:0}.plus{margin-left:auto;font-size:31px;font-weight:300;transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.service-body{margin-left:50%;padding-bottom:30px;max-width:570px}.service-body p{font-size:15px;line-height:1.6;margin:0 0 18px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.chips span{border:1px solid #b7bbad;border-radius:20px;padding:7px 11px;font-size:10px}.studio{background:#282c24;color:#eeeee7}.studio .section-top{color:#b6bfab}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:70px 0}.studio-symbol{display:flex;align-items:center;justify-content:center;letter-spacing:-20px;font-size:clamp(100px,17vw,260px);font-weight:600;color:#e5f650}.studio-symbol>span{font-weight:400;font-size:.7em;margin:0 10px;letter-spacing:0}.studio-grid h2{font-size:clamp(30px,3.3vw,50px);font-weight:400;line-height:1.08;letter-spacing:-1.8px;margin:0 0 25px}.studio-grid h2>span{color:#a0aa94}.studio-grid p{font-size:14px;line-height:1.7;max-width:420px;color:#c7cdbf}.studio-grid .text-link{margin-top:15px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid #58614c;padding-top:30px}.process .mono{color:#aeb7a0}.process h3{font-size:22px;font-weight:400;letter-spacing:-.6px;margin-bottom:10px}.process p{font-size:13px;line-height:1.7;color:#c7cdbf;max-width:310px}.faq{display:grid;grid-template-columns:1fr 1fr;gap:40px}.faq details{border-bottom:1px solid #c0c4b4;padding:22px 0}.faq details:first-child{padding-top:0}.faq summary{display:flex;justify-content:space-between;gap:20px;font-size:17px}.faq p{font-size:14px;line-height:1.7;color:#646a59}.contact{background:#e5f650}.contact-title{background:transparent;text-align:left;font-size:clamp(48px,8.7vw,135px);line-height:.99;letter-spacing:-.06em;padding:48px 0 35px;width:100%;position:relative}.contact-title em{font-family:Georgia,serif;font-weight:400}.contact-title>span{position:absolute;right:0;top:60px;font-size:1.1em}.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-bottom p{font-size:14px;line-height:1.5}.dark-button{min-height:50px}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 3.6%;gap:20px}footer>span,footer>a:last-child{font-size:11px}dialog{border:0;border-radius:12px;background:#eeeee7;color:#252620;padding:32px;width:min(620px,calc(100% - 28px));max-height:90dvh}dialog::backdrop{background:#171d16aa;backdrop-filter:blur(8px)}.modal-open{overflow:hidden}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{font-size:20px;background:none;padding:8px}dialog h2{font-size:52px;line-height:.95;letter-spacing:-2.5px;font-weight:400;margin:25px 0 20px}dialog>p{font-size:13px;line-height:1.5;color:#626457;max-width:420px}form{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:24px}label{font-size:11px;display:flex;flex-direction:column;gap:8px}input,textarea,select{width:100%;min-width:0;border:1px solid #bec1b1;background:#f7f7f1;border-radius:4px;padding:12px;font-size:13px;color:#252620}textarea{resize:vertical}.wide{grid-column:1/-1}.form-note{font-size:11px;line-height:1.5;margin:0;color:#636757}.skip{position:fixed;left:10px;top:-60px;z-index:20;background:#e5f650;padding:12px}.skip:focus{top:10px}
@media(min-width:1600px){body{max-width:1920px;margin:auto}}
@media(max-width:900px){.header nav{gap:18px}.logo{font-size:23px}.hero-intro{width:29%}.eyebrow>span:last-child{display:none}.hero-title{padding-top:42px}h1{font-size:9vw}.hero-intro p{font-size:12px}.hero-art{height:470px}.work-caption{display:block}.work-caption>span{display:block;margin-top:7px}.section-heading p{width:35%}.automation-caption{font-size:25px}.flow{margin-top:60px;width:78%;font-size:10px}.flow-node{padding:10px}.flow-line{height:15px}.flow-split>span{padding:8px;font-size:8px}.ad-sticker{font-size:9px;padding:16px 12px}.bottle{padding:20px 10px 10px}.bottle strong{font-size:25px}.bottle small{font-size:5px}.studio-grid{gap:30px}.section{padding-top:60px;padding-bottom:60px}}
@media(max-width:600px){html{scroll-padding-top:20px}.header{height:77px;margin:0 5%;gap:12px}.logo{font-size:22px}.asterisk{font-size:27px}.header>.project-button{display:none}.menu-button{display:block;background:none;font-size:12px;padding:12px 0 12px 12px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:25px 5%;background:#eeeee7;border-bottom:1px solid #bbb;z-index:5;flex-direction:column;gap:23px}.header nav.is-open{display:flex}.hero{padding:23px 5% 0}.eyebrow{font-size:8px}.hero-title{padding:30px 0 25px;display:block}h1{font-size:13.1vw;letter-spacing:-.075em;line-height:.98}.hero-intro{width:100%;display:flex;align-items:flex-end;justify-content:space-between;margin-top:24px;gap:12px}.hero-intro .orbit{display:none}.hero-intro p{font-size:11px;margin:0}.hero-intro .text-link{font-size:10px;max-width:125px;gap:10px}.hero-art{height:470px}.hero-art>img{object-position:58% center}.art-top{top:17px;left:17px;right:17px;font-size:8px}.glass-tag{font-size:7px;padding:8px}.art-bottom{left:20px;right:20px;bottom:36px}.art-bottom h2{font-size:40px}.art-bottom .mono{font-size:8px}.circle-button{width:47px;height:47px}.concept-label{right:17px;font-size:7px}.hero-foot{font-size:7px;gap:20px;line-height:1.5}.hero-foot>*{max-width:47%}.hero-foot>a{text-align:right}.ticker{padding:14px 0}.ticker>div{font-size:19px}.ticker span{font-size:23px;margin:0 22px}.section{padding:48px 5%}.section-top .mono{font-size:8px}.section-top>span:last-child{text-align:right;max-width:48%}.section-heading{display:block;margin:27px 0}.section-heading h2{font-size:42px}.section-heading p{width:100%;font-size:12px;margin-top:20px}.section-heading p br{display:none}.work-grid{grid-template-columns:1fr;gap:30px}.work-caption h3{font-size:17px}.work-caption>span{font-size:11px}.work-image{aspect-ratio:1.12}.ad-copy{font-size:37px}.bottle strong{font-size:32px}.bottle small{font-size:6px}.ad-sticker{font-size:11px;padding:21px 15px}.mock-content h4{font-size:34px}.flow{margin-top:70px;font-size:12px}.flow-node{padding:14px}.flow-line{height:19px}.flow-split>span{font-size:9px;padding:10px}.automation-caption{font-size:30px}.service-list summary{gap:15px;padding:23px 0}.service-list summary h3{font-size:24px;letter-spacing:-.9px}.service-list summary .mono{font-size:9px}.plus{font-size:25px}.service-body{margin-left:29px;padding-bottom:25px}.service-body p{font-size:13px}.studio-grid{grid-template-columns:1fr;padding:25px 0 35px;gap:20px}.studio-symbol{font-size:140px;letter-spacing:-10px;justify-content:flex-start}.studio-grid h2{font-size:35px}.studio-grid p{font-size:13px}.process{grid-template-columns:1fr;gap:20px}.process h3{margin-top:12px}.process p{max-width:none}.faq{grid-template-columns:1fr;gap:30px}.faq summary{font-size:15px}.contact-title{font-size:12vw;padding-top:35px;padding-bottom:30px}.contact-title>span{font-size:.7em;top:40px}.contact-bottom p{font-size:11px}.dark-button{padding:14px 17px;gap:25px;font-size:12px}.contact .section-top>span:last-child{display:none}footer{padding:28px 5%;flex-wrap:wrap}footer .logo{width:100%;margin-bottom:12px}dialog{padding:23px}dialog h2{font-size:46px}form{grid-template-columns:1fr;gap:14px}.wide{grid-column:auto}input,textarea,select{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Dark studio direction */
:root{color-scheme:dark}body{background:#080909;color:#f5f5f1}.header{position:absolute;z-index:4;left:3.2%;right:3.2%;margin:0;height:100px;border:0}.logo{font-weight:650;letter-spacing:-1.4px}.header nav{background:#ffffff0b;border:1px solid #ffffff20;border-radius:50px;padding:18px 26px;backdrop-filter:blur(18px);gap:30px}.header nav a{color:#d5d5d3}.header nav a:hover{color:#fff}.header .project-button{background:#ffffff0b;border:1px solid #ffffff20;color:#fff;padding:13px 22px;backdrop-filter:blur(18px)}.project-button,.dark-button{border-radius:50px;background:#f5f5f2;color:#101110;font-weight:600}.project-button:hover,.dark-button:hover{background:#dce5be;color:#101110}.cinematic-hero{position:relative;min-height:850px;height:100svh;max-height:1150px;padding:124px 3.2% 55px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden}.hero-backdrop{position:absolute;inset:0;z-index:-2;background:#080909}.hero-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 50%;filter:brightness(.53) saturate(.68);animation:hero-drift 24s ease-in-out infinite alternate}.hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#080909dd 0%,#08090975 23%,#08090922 45%,#080909ad 74%,#080909 100%),linear-gradient(90deg,#08090988,transparent 75%)}@keyframes hero-drift{to{transform:scale(1.09)}}.cinematic-hero .eyebrow{font-size:9px;letter-spacing:.16em;color:#b8b9b6;gap:20px}.cinematic-hero .hero-title{display:block;margin:auto 0;padding:50px 0}.hero-title h1{font-size:clamp(75px,11.3vw,210px);font-weight:550;letter-spacing:-.075em;line-height:1}.hero-title h1>span{font-size:.13em;vertical-align:top;display:inline-block;margin:1.25em 0 0 .5em;color:#fff;letter-spacing:0}.hero-disciplines{color:#c8cac4;letter-spacing:.2em;margin:22px 0 0;font-size:10px}.hero-lower{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:end}.cinematic-hero .hero-intro{width:auto;padding:0}.hero-intro h2{font-size:43px;letter-spacing:-1.8px;line-height:1.05;margin:0}.hero-intro h2>span{color:#a0a39c}.cinematic-hero .hero-intro p{font-size:15px;color:#b7bab2;line-height:1.6;margin:18px 0 23px}.hero-signoff{color:#a7ada0;font-size:8px;margin-top:25px;letter-spacing:.09em}.status{background:#bddc82;box-shadow:0 0 12px #bddc8240}.hero-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview{position:relative;height:235px;border-radius:10px;overflow:hidden;text-align:left;padding:0;border:1px solid #ffffff24;transition:transform .3s}.preview:hover{transform:translateY(-7px)}.preview>img{width:100%;height:100%;object-fit:cover}.preview:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000b)}.preview>span{position:absolute;bottom:16px;left:13px;right:8px;color:#fff;font:8px monospace;letter-spacing:.06em;z-index:1}.preview-ai{background:radial-gradient(ellipse at 70% 80%,#d4a3cf,#786688 55%,#352d46)}.preview-ai>b{display:block;padding:26px 14px;font-size:27px;letter-spacing:-1.3px;line-height:1.05;font-weight:500}.preview-ai b>span{display:block;font-size:115px;text-align:right;line-height:1.2;color:#e9cdee;text-shadow:2px 4px 0 #6d5178}.preview-digital{background:linear-gradient(140deg,#555f56,#202c25)}.preview-digital>b{font-size:40px;line-height:1;letter-spacing:-2px;display:block;padding:27px 17px;font-weight:400}.preview-digital em{font-family:Georgia,serif;color:#d2e2be}.scroll-cue{position:absolute;right:3.2%;top:49%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;color:#c7c9c3}.hero-concept{position:absolute;bottom:17px;right:3.2%;font-size:7px;color:#777e71}.ticker{background:#0b0d0b;border-color:#ffffff15;color:#838b7b;padding:22px 0}.ticker>div{font-size:18px;letter-spacing:.025em}.ticker span{font-size:22px;color:#b7c79c}.section{border-bottom:1px solid #ffffff12}.section-top,.possibilities>.section-top,.faq>.mono{color:#858c80}.section-heading p{color:#969e90}.section-heading h2{font-weight:450}.work-caption>span{color:#959d8d}.work-image{border:1px solid #ffffff15;border-radius:10px}.work-caption h3{color:#ebeee7}.tag{background:#10150fcc;color:#e8ecdf;backdrop-filter:blur(8px)}.work-arrow{background:#eff2e7;color:#171b13}.ugc-art,.web-art{color:#252620}.services{background:#10130f}.service-list details,.service-list details:last-child{border-color:#ffffff20}.service-body p{color:#a9b29f}.chips span{border-color:#454e3d;color:#bcc5b2}.text-link{color:#e0e7d7;border-color:#535c49}.studio{background:#0a0c09}.studio-symbol{color:#bbc9a8}.studio-grid h2>span{color:#858f7b}.process{border-color:#30392a}.faq p{color:#a4ae99}.faq details{border-color:#30382a}.contact{background:radial-gradient(ellipse at 80% 90%,#26302155,transparent 60%),#11160f}.contact-title{color:#f1f4ea}.contact-title em{color:#9fac8f}.contact-title>span{color:#b8c8a4}.contact-bottom p{color:#a7b29c}footer{background:#080909;padding-bottom:100px}footer>span,footer>a:last-child{color:#929b87}dialog{background:#151914;color:#f0f3e9;border:1px solid #ffffff26;box-shadow:0 30px 150px #000b}dialog>p,.form-note{color:#a6b29a}input,textarea,select{background:#0b0e0a;color:#e9eee1;border-color:#3a4431}input:focus,textarea:focus,select:focus{outline:2px solid #abbf94;outline-offset:2px}.contact-dock{position:fixed;bottom:25px;right:25px;z-index:8;display:flex;align-items:flex-end;flex-direction:column;gap:13px}#contact-toggle{display:flex;align-items:center;gap:17px;border-radius:40px;padding:19px 25px;background:#fff;color:#111;font-size:15px;font-weight:600;box-shadow:0 8px 30px #0004}.contact-dot{width:8px;height:8px;background:#141814;border-radius:50%;transition:transform .2s}#contact-toggle[aria-expanded=true] .contact-dot{border-radius:0;transform:rotate(45deg)}.contact-panel{width:380px;padding:25px;background:#151814ed;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 100px #0009;backdrop-filter:blur(30px);max-height:calc(100dvh - 120px);overflow:auto}.contact-panel[hidden]{display:none}.dock-heading{display:flex;align-items:center;justify-content:space-between;color:#aab49f}.dock-heading .mono{font-size:9px}.dock-heading button{padding:5px;background:none;color:#c7d0bd;font-size:16px}.contact-panel h2{font-size:34px;letter-spacing:-1.4px;line-height:1.06;font-weight:450;margin:23px 0 15px}.contact-panel>p{color:#9eaa94;font-size:13px;line-height:1.6;margin-bottom:24px}.dock-options>button,.dock-options>a{width:100%;display:flex;align-items:center;text-align:left;gap:15px;padding:18px 0;border-top:1px solid #ffffff18;background:none;color:#e9eee2}.dock-options>button:hover,.dock-options>a:hover{color:#d5e9be}.dock-options>button>span:last-child,.dock-options>a>span:last-child{margin-left:auto;font-size:21px}.dock-options .mono{color:#77866a;font-size:9px}.dock-options b{font-size:15px;font-weight:500}.dock-options small{display:block;font-size:11px;color:#96a28b;margin-top:5px}.dock-foot{font-size:7px;color:#a1ae94;border-top:1px solid #ffffff18;padding-top:20px;margin-top:4px;letter-spacing:0}.dock-foot .status{width:5px;height:5px}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#bed29f}
@media(max-width:1000px){.header nav{gap:20px;padding:16px 20px}.cinematic-hero{min-height:800px}.hero-title h1{font-size:11vw}.hero-intro h2{font-size:36px}.hero-lower{gap:25px;grid-template-columns:1fr 1.1fr}.preview{height:210px}.preview-ai>b{font-size:23px}.preview-digital>b{font-size:34px}.cinematic-hero .hero-intro p{font-size:13px}}
@media(max-width:600px){.header{left:5%;right:5%;height:78px}.header nav{top:70px;left:0;right:0;background:#181c16f5;border:1px solid #ffffff26;border-radius:17px;padding:24px}.menu-button{color:#fff}.cinematic-hero{height:auto;min-height:880px;max-height:none;padding:103px 5% 38px}.cinematic-hero .eyebrow{font-size:7px}.cinematic-hero .eyebrow>span:not(:first-child){display:none}.cinematic-hero .hero-title{margin:60px 0 90px;padding:0}.hero-title h1{font-size:10.7vw;letter-spacing:-.08em}.hero-disciplines{font-size:7px;letter-spacing:.08em;line-height:1.7;margin-top:16px;max-width:290px}.hero-lower{grid-template-columns:1fr;gap:28px}.cinematic-hero .hero-intro{display:block;margin:0}.hero-intro h2{font-size:36px}.cinematic-hero .hero-intro p{font-size:12px;margin:15px 0 20px}.hero-signoff{font-size:7px;margin-top:19px}.hero-previews{gap:9px}.preview{height:190px}.preview>span{font-size:6px;left:9px;bottom:12px}.preview-ai>b{font-size:20px;padding:23px 10px}.preview-ai b>span{font-size:83px;margin-top:14px}.preview-digital>b{font-size:30px;padding:25px 12px}.scroll-cue{top:240px;right:5%;font-size:6px}.hero-backdrop img{object-position:58% center}.hero-backdrop:after{background:linear-gradient(#080909bd,#08090944 25%,#080909b0 45%,#080909 96%)}.hero-concept{bottom:13px;font-size:6px}.ticker>div{font-size:15px}.contact-dock{right:15px;bottom:calc(15px + env(safe-area-inset-bottom));gap:10px}#contact-toggle{font-size:14px;padding:17px 22px}.contact-panel{width:calc(100vw - 30px);padding:23px;max-height:calc(100dvh - 115px)}.contact-panel h2{font-size:31px}.contact .section-top>span:last-child{display:none}.hero-title h1>span{margin-left:.4em}.work-card .tag{color:#edf2e7}footer{padding-bottom:105px}}
.service-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 0 32px 50px;align-items:center}.service-content .service-body{margin:0;max-width:none;padding:15px 0}.service-visual{margin:0;min-width:0;position:relative;height:300px;border-radius:12px;overflow:hidden;border:1px solid #ffffff20}.service-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:24px 16px 14px;font:8px monospace;letter-spacing:.06em;background:linear-gradient(transparent,#000a);color:#e2e7dc;z-index:2}.service-photo img{width:100%;height:100%;object-fit:cover}.service-campaign{background:radial-gradient(ellipse at 30% 30%,#be9cbf,#5c4766);display:flex;align-items:center;justify-content:center;gap:35px;padding-bottom:15px}.campaign-phone{width:150px;height:247px;background:#e4c8dd;color:#3c2340;border:5px solid #242025;border-radius:22px;box-shadow:12px 15px 30px #20112555;transform:rotate(-7deg);padding:12px;position:relative;overflow:hidden}.phone-top{font:6px monospace}.campaign-phone strong{position:relative;display:block;font-size:29px;letter-spacing:-1.2px;line-height:1;margin-top:95px;font-weight:500}.campaign-phone em{font-family:Georgia,serif}.campaign-orb{position:absolute;top:30px;right:-12px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffeeff,#b887b7 50%,#654469);box-shadow:5px 8px 20px #51315655;display:grid;place-items:center;color:#f0ddec;font-size:34px;letter-spacing:-3px;transform:rotate(20deg)}.phone-cta{font-size:6px;background:#342536;color:#fff;padding:7px 10px;border-radius:20px;display:inline-block;margin-top:12px}.campaign-label{display:flex;flex-direction:column;gap:15px}.campaign-label .mono{font-size:10px;line-height:1.5;color:#ead9ed;margin-bottom:12px}.campaign-label>span:not(:first-child){font:8px monospace;padding:8px 11px;border:1px solid #ffffff40;border-radius:20px;color:#ead9ed}.service-product{background:linear-gradient(140deg,#667581,#323d46);padding:30px 25px}.product-screen{background:#121918;border:1px solid #ffffff30;border-radius:9px;overflow:hidden;box-shadow:0 15px 30px #0004;transform:rotate(-3deg)}.product-bar{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:13px;font-size:8px}.product-bar span{color:#66766b}.product-layout{display:flex;min-height:192px}.product-sidebar{border-right:1px solid #ffffff15;padding:18px 12px;font-size:7px;color:#869889;width:25%;line-height:1.3}.product-main{width:75%;padding:18px}.product-main>.mono{font-size:6px;color:#8fa390}.product-main strong{font-size:21px;line-height:1.06;font-weight:400;letter-spacing:-.6px;display:block;margin-top:10px}.product-chart{height:54px;display:flex;align-items:flex-end;gap:8px;margin-top:13px}.product-chart i{flex:1;height:30%;border-radius:3px 3px 0 0;background:linear-gradient(#c4dcb0,#526a50)}.product-chart i:nth-child(2){height:45%}.product-chart i:nth-child(3){height:38%}.product-chart i:nth-child(4){height:65%}.product-chart i:nth-child(5){height:55%}.product-chart i:nth-child(6){height:85%}.product-chart i:nth-child(7){height:100%}.product-stats{display:flex;justify-content:space-between;margin-top:9px;font-size:6px;color:#a5b69e}.service-system{background:radial-gradient(ellipse,#2c3e2c,#141e16);display:flex;align-items:center;justify-content:center}.system-flow{width:78%;padding-bottom:15px}.system-node{display:block;padding:15px;border:1px solid #62745d;border-radius:9px;font-size:12px;background:#ffffff04}.system-core{background:#bbcfa8;color:#192416;border-color:#bbcfa8}.system-flow>i{display:block;height:23px;width:1px;background:#869e73;margin:auto}.system-outputs{display:flex;gap:9px;justify-content:space-between}.system-outputs span{padding:10px;border:1px solid #607656;border-radius:7px;font-size:9px;color:#b9cbb1}.service-seo{background:linear-gradient(130deg,#3d414f,#1f242d);padding:32px 24px;display:flex;align-items:center}.search-preview{width:100%}.search-input{display:block;border:1px solid #ffffff30;background:#ffffff0b;border-radius:40px;padding:14px 17px;font-size:11px;color:#c6cbd6}.search-result{padding:24px 13px}.search-result .mono{font-size:7px;color:#9aa7bb}.search-result strong{display:block;color:#d9dfec;font-weight:400;font-size:24px;letter-spacing:-.8px;margin:10px 0}.search-result p{font-size:10px;color:#a5b0c0;margin:0}.seo-pills{display:flex;gap:7px;flex-wrap:wrap;padding-left:12px}.seo-pills span{padding:7px 9px;font-size:7px;border:1px solid #76849866;border-radius:20px;color:#b5c0d2}
@media(max-width:1000px){.service-content{gap:25px;padding-left:0}.service-visual{height:280px}.service-campaign{gap:18px}.campaign-label .mono{font-size:8px}.service-product{padding:30px 16px}.product-main{padding:14px}.product-main strong{font-size:19px}}
@media(max-width:600px){.service-content{grid-template-columns:1fr;gap:20px;padding:0 0 26px}.service-visual{height:270px}.service-content .service-body{padding:0 5px}.service-list summary h3{font-size:23px}.service-visual figcaption{font-size:6px}.service-campaign{gap:30px}.service-product{padding:25px}.product-main strong{font-size:22px}.search-result strong{font-size:23px}}
/* Humanbetween blue, following the brand presentation. */
body{background:#05080b}.status{background:#a7d9ff;box-shadow:0 0 14px #8ccfff55}.header nav,.header .project-button{background:#13171bbb}.hero-backdrop:after{background:linear-gradient(180deg,#030609ee,#03060975 25%,#03101935 47%,#03080cc9 78%,#05080b),linear-gradient(90deg,#03080c80,transparent 80%)}.hero-signoff,.hero-concept{color:#9caebc}.hero-intro h2>span{color:#9daebc}.preview-digital{background:linear-gradient(145deg,#476985,#172a3b)}.preview-digital em{color:#b8dfff}.client-strip{overflow:hidden;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#080b0e;padding:34px 0;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-track{display:flex;width:max-content;animation:logo-drift 50s linear infinite}.client-set{display:flex;align-items:center;gap:65px;padding-right:65px;--logo-h:38px}.client-set img{width:auto;max-width:170px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.62;flex:none}@keyframes logo-drift{to{transform:translateX(-50%)}}.possibilities{background:radial-gradient(ellipse at 90% 100%,#0c3e603d,transparent 55%),#05080b}.section-top,.possibilities>.section-top,.faq>.mono{color:#93a7b8}.section-heading p,.work-caption>span{color:#9fadb9}.services{background:linear-gradient(180deg,#05080b 0%,#06111a 55%,#0b3852 100%)}.service-list details,.service-list details:last-child{border-color:#93caff30}.service-body p{color:#bccbd6}.chips span{border-color:#87b7d64d;color:#c7dae9}.text-link{color:#d8eaff;border-color:#6a96b66b}.studio{background:radial-gradient(ellipse at 45% 100%,#12537688,transparent 68%),#03070b}.studio-symbol{color:#bbdcf9}.studio-grid h2>span{color:#90b1ca}.studio-grid p,.process p{color:#b2c6d5}.studio .section-top,.process .mono{color:#96b3ca}.process,.faq details{border-color:#789db440}.faq{background:#05090d}.faq p{color:#a7bbca}.contact{background:linear-gradient(160deg,#060c13 20%,#0e3c5a 70%,#467d9f 130%)}.contact-title em,.contact-title>span{color:#b4dcff}.contact-bottom p{color:#bbd0df}.project-button:hover,.dark-button:hover{background:#c3e4ff;color:#10171e}.contact-panel{background:#101b25ef;border-color:#a7d2ff35}.contact-panel>p,.dock-options small,.dock-heading,.dock-foot{color:#a2b9ce}.dock-options .mono{color:#7798b2}.dock-options>button,.dock-options>a{color:#edf5ff}.dock-options>button:hover,.dock-options>a:hover{color:#acd9ff}.dock-heading button{color:#c5def2}.dock-options>button,.dock-options>a,.dock-foot{border-color:#c5def223}dialog{background:#101b25;color:#edf5ff}dialog>p,.form-note{color:#a5bed1}input,textarea,select{background:#09121b;border-color:#3b5369;color:#eef7ff}input:focus,textarea:focus,select:focus{outline-color:#a0d2ff}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#a0d2ff}.tag{background:#0a1722c9;color:#e6f3ff}.system-core{background:#a8d4f4;color:#142636;border-color:#a8d4f4}.service-system{background:radial-gradient(ellipse,#24465e,#101e2b)}.system-node,.system-outputs span{border-color:#658aa6}.system-outputs span{color:#c0dcee}.system-flow>i{background:#83b1d5}.product-chart i{background:linear-gradient(#afd9ff,#406b94)}.work-card:hover .work-arrow{background:#b4dbff}.automation-art{background:linear-gradient(140deg,#183449,#0c1c29)}.flow-node.core{background:#afd6f3;color:#152938}.flow-node,.flow-split>span{border-color:#6a8ba4}.flow-line{background:#7ba3c2}.flow-node>i{background:#aad8fc}footer{background:#05080b}footer>span,footer>a:last-child{color:#94a8b9}
@media(max-width:600px){.client-strip{padding:27px 0}.client-set{gap:35px;padding-right:35px;--logo-h:27px}.client-set img{max-width:125px}.header nav{background:#111d29f5}.hero-backdrop:after{background:linear-gradient(#04080cc9,#07111c66 25%,#050c14ba 46%,#05080b 96%)}.contact{background:linear-gradient(150deg,#060c13,#11466a)}.services{background:linear-gradient(#05080b,#081c2b 65%,#104765)}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.client-strip{overflow-x:auto;mask-image:none}}
.client-set img{filter:grayscale(1) invert(1)}
/* One continuous blue atmosphere, shared by every section below the hero. */
body{background:radial-gradient(ellipse 100% 25% at 100% 44%,#123e5a66 0%,#0b293c33 45%,transparent 76%),radial-gradient(ellipse 100% 23% at 8% 74%,#15537870 0%,#0c2f483b 47%,transparent 78%),radial-gradient(ellipse 120% 20% at 95% 100%,#21618a99 0%,#113d6059 48%,transparent 82%),#05090e}
main>.section{background:transparent;border-bottom:0}
.client-strip{background:transparent;border-color:#b5d8f214}
main,footer{background:transparent;border-top:0}
.section-top{color:#9eb6ca}
.section-heading h2,.studio-grid h2{font-weight:600}
.service-list summary h3,.work-caption h3,.process h3{font-weight:600}
.faq summary{font-weight:500}
@media(max-width:600px){main>.section{background:transparent}}
/* Leave room for the client strip in the opening viewport. */
@media(min-width:901px){.cinematic-hero{height:calc(100svh - 108px);min-height:650px;max-height:1040px;padding-top:112px;padding-bottom:38px}.cinematic-hero .hero-title{padding:22px 0}.hero-lower{align-items:end}.preview{height:clamp(160px,21vh,220px)}.hero-intro h2{font-size:clamp(31px,3vw,43px)}.cinematic-hero .hero-intro p{margin:13px 0 18px}.hero-signoff{margin-top:18px}.client-strip{height:108px;padding:30px 0;display:flex;align-items:center}}
@media(min-width:901px) and (max-height:800px){.cinematic-hero{min-height:560px;padding-top:101px;padding-bottom:26px}.hero-title h1{font-size:10vw}.hero-disciplines{margin-top:14px}.hero-intro h2{font-size:30px}.cinematic-hero .hero-intro p{font-size:12px;margin:10px 0 13px}.hero-signoff{margin-top:13px;font-size:7px}.preview{height:160px}.preview-ai>b{font-size:22px;padding:17px 13px}.preview-ai b>span{font-size:75px}.preview-digital>b{font-size:31px;padding:20px 17px}.hero-concept{bottom:8px}}
/* Consistent screenshot typography: Helvetica Neue, with deliberate weight contrast. */
body{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}
h1,h2,h3,.contact-title,.logo{font-family:inherit}
.contact-title{font-weight:500}
.contact-title em,.preview-digital em,.automation-caption em,.ad-copy em,.campaign-phone em{font-family:inherit;font-style:normal;font-weight:600}
.section-heading h2,.studio-grid h2{font-weight:600;letter-spacing:-.055em}
.service-list summary h3{font-weight:600;letter-spacing:-.04em}
.process h3,.work-caption h3{font-weight:600}
/* Center the composition while allowing the shared atmosphere to bleed out. */
:root{--content-width:1280px;--page-gutter:max(3.6vw,calc((100% - var(--content-width))/2))}
body{max-width:none}
.section,.hero,footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.header{left:var(--page-gutter);right:var(--page-gutter)}
.hero-title h1{font-size:clamp(75px,10.6vw,148px)}
.hero-concept,.scroll-cue{right:var(--page-gutter)}
.contact-title{font-size:clamp(48px,8.2vw,118px)}
.studio-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.studio-grid>div:last-child{max-width:570px}
.studio-grid h2{font-size:clamp(30px,3.3vw,46px)}
/* Sculpted glass mark: transparent faces, polished edges, and reflected light. */
.studio-symbol{position:relative;isolation:isolate;min-height:360px;align-items:center;justify-content:center;letter-spacing:0;font-size:clamp(150px,19vw,255px)}
.studio-symbol:before{content:'';position:absolute;width:87%;height:75%;border-radius:50%;background:radial-gradient(ellipse,#82c5ff29 0%,#3983c61c 40%,transparent 70%);filter:blur(26px);z-index:-1;transform:rotate(-18deg)}
.studio-symbol:after{content:'';position:absolute;left:14%;right:14%;bottom:40px;height:1px;background:linear-gradient(90deg,transparent,#b3dfff55,transparent);box-shadow:0 0 24px 4px #5cafff18}
.glass-monogram{display:flex;align-items:center;justify-content:center;transform:perspective(900px) rotateY(-9deg) rotateX(4deg);filter:drop-shadow(0 16px 15px #0008);transition:transform .7s ease,filter .7s ease}
.glass-monogram>span{display:block;background:linear-gradient(145deg,#f0faff 0%,#c5e7ffdf 15%,#6d9fbd88 31%,#254b6570 42%,#ddf3ff 48%,#84b5d69c 51%,#38658885 65%,#c0e6ffdb 83%,#f1fbff 97%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #d0edff99;text-shadow:1px 1px 0 #e1f5ff15;line-height:1.12;letter-spacing:-.07em;font-weight:600}
.glass-monogram .glass-star{font-size:.71em;letter-spacing:0;margin:0 .065em;background-image:linear-gradient(130deg,#f4fbff 3%,#70a9d490 25%,#d3efff 38%,#39638180 51%,#a8d7ffd9 64%,#ecf9ff 81%,#507b9c)}
.studio-symbol>.glass-caption{position:absolute;bottom:15px;font:8px monospace;letter-spacing:.13em;color:#8aabc2;margin:0}
@media(hover:hover){.studio-symbol:hover .glass-monogram{transform:perspective(900px) rotateY(2deg) rotateX(0deg) translateY(-5px);filter:drop-shadow(0 22px 20px #0008) drop-shadow(0 0 20px #8ecfff22)}}
@media(max-width:900px){.studio-grid{gap:30px}.studio-symbol{min-height:300px}.glass-monogram>span{-webkit-text-stroke:.7px #d0edff99}}
@media(max-width:600px){:root{--page-gutter:5%}.header{left:5%;right:5%}.hero-title h1{font-size:10.7vw}.contact-title{font-size:12vw}.studio-grid{grid-template-columns:1fr;gap:30px}.studio-symbol{font-size:clamp(150px,48vw,240px);min-height:280px;width:100%}.studio-symbol>.glass-caption{font-size:6px;bottom:16px}.studio-symbol:after{bottom:38px}.studio-grid h2{font-size:33px}.hero-concept,.scroll-cue{right:5%}}
/* Gentle, consistent motion across interactive elements. */
a,button{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .25s ease}
.service-list summary,.faq summary{transition:color .2s ease}
.service-list summary:hover,.faq summary:hover{color:#b5ddff}
.service-list details[data-expanded=false] .plus{transform:rotate(0deg)}
.service-list details[data-expanded=true] .plus{transform:rotate(45deg)}
.faq summary>span{transition:transform .3s ease}
.faq details[data-expanded=true] summary>span{transform:rotate(45deg)}
.contact-panel{transform-origin:bottom right}
#navigation.is-open{animation:menu-in .25s ease both}
@keyframes menu-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#navigation.is-open{animation:none}}
/* Three deliberate steps, presented as substantial glass panels. */
.process{gap:18px;border-top:0;padding-top:10px}
.process>div{position:relative;isolation:isolate;min-width:0;padding:31px 29px 33px;border-radius:18px;border:1px solid #b1dbff26;background:linear-gradient(145deg,#99cfff0d,#101e2b17 60%,#4d9cdd0b);box-shadow:inset 0 1px 0 #d6edff0a,0 18px 40px #00000012;backdrop-filter:blur(12px);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.process>div:before{content:'';position:absolute;top:-1px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,#b9dfff99,transparent)}
.process .process-number{display:block;width:max-content;font-size:76px;font-weight:800;line-height:1;letter-spacing:-6px;margin:0 0 25px;background:linear-gradient(160deg,#dfF2ff,#acd5f1 35%,#51799b 85%);background-clip:text;-webkit-background-clip:text;color:transparent}
.process .mono{font-size:9px;font-weight:600;letter-spacing:.19em;color:#a1c6e2;display:block}
.process h3{font-size:clamp(24px,2.1vw,30px);font-weight:800;line-height:1.08;letter-spacing:-1.05px;max-width:280px;margin:15px 0 18px;color:#f0f6fb;text-wrap:balance}
.process p{font-size:13px;line-height:1.7;max-width:300px;margin:0;color:#acc2d4}
@media(hover:hover){.process>div:hover{transform:translateY(-5px);border-color:#b1dbff50;box-shadow:inset 0 1px 0 #d6edff19,0 22px 45px #0003,0 0 35px #71bfff08}}
@media(max-width:900px) and (min-width:601px){.process{gap:12px}.process>div{padding:24px 20px}.process h3{font-size:24px}.process .process-number{font-size:64px}}
@media(max-width:600px){.process{gap:15px;padding-top:0}.process>div{padding:27px 25px 29px}.process .process-number{font-size:65px;letter-spacing:-5px;margin-bottom:22px}.process h3{font-size:30px;max-width:270px}.process p{max-width:100%}}
.process h3{max-width:240px;min-height:2.16em}
/* A quiet editorial service reel, with stable space for every phrase. */
.hero-title h1{font-size:clamp(60px,8.5vw,119px);font-weight:800;letter-spacing:-.075em}
.service-rotation{display:flex;align-items:center;gap:20px;min-height:1.4em;margin-top:20px;font-size:clamp(30px,5.1vw,72px);line-height:1.2}
.rotating-service{display:block;color:#dceeff;font-weight:300;font-style:italic;letter-spacing:-.055em;white-space:nowrap}
.rotation-toggle{width:29px;height:29px;padding:0;flex:none;display:grid;place-items:center;border:1px solid #bddfff3b;border-radius:50%;color:#bed4e3;background:#0a162244;font:11px Arial;opacity:.65}
.rotation-toggle:hover,.rotation-toggle:focus-visible{opacity:1;background:#b7dcff20}
.hero-disciplines{margin-top:18px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:901px) and (max-height:800px){.hero-title h1{font-size:clamp(60px,8vw,105px)}.service-rotation{font-size:clamp(30px,4.4vw,60px);margin-top:10px}.cinematic-hero .hero-title{padding:15px 0}}
@media(max-width:600px){.hero-title h1{font-size:8.2vw;letter-spacing:-.075em}.service-rotation{font-size:clamp(21px,6.5vw,38px);gap:9px;margin-top:17px;min-height:42px}.rotation-toggle{width:24px;height:24px;font-size:9px}.rotating-service{letter-spacing:-.055em}.cinematic-hero .hero-title{margin-top:53px;margin-bottom:65px}}
.cinematic-hero .world-clocks{font-size:10px;letter-spacing:.08em;gap:20px;flex-wrap:wrap}
.world-clock{display:inline-flex;gap:8px;align-items:baseline;white-space:nowrap}
.world-clock time{color:#dce7ef;font-variant-numeric:tabular-nums;letter-spacing:.08em}
.clock-offset{color:#8d9ca8}
.rotation-toggle[hidden]{display:none}
@media(max-width:900px){.cinematic-hero .world-clocks{font-size:8px;gap:12px}.world-clock{gap:5px}}
@media(max-width:600px){.cinematic-hero .world-clocks{display:grid;grid-template-columns:1fr;gap:8px;font-size:7px}.cinematic-hero .world-clocks>.world-clock:not(:first-child){display:inline-flex}.world-clock>span:first-child{min-width:76px}.cinematic-hero .hero-title{margin-top:40px;margin-bottom:47px}}
/* Give gradient glyphs room for their full ink bounds. */
.process .process-number{width:auto;align-self:flex-start;display:inline-block;line-height:1.22;letter-spacing:-.055em;padding:3px .15em 5px .035em;margin-left:-.035em;margin-bottom:17px;overflow:visible;font-variant-numeric:lining-nums}
.process>div{overflow:visible}
.process{grid-template-columns:repeat(3,minmax(0,1fr));max-width:100%}
.service-rotation{width:max-content;max-width:100%;padding-right:.15em}
.service-rotation:focus-visible{outline:1px solid #b4dcff66;outline-offset:8px;border-radius:4px}
@media(max-width:600px){.process{grid-template-columns:minmax(0,1fr)}.process .process-number{margin-bottom:17px}}
/* Clear hierarchy: brand, positioning, then one changing discipline. */
.agency-positioning{font-size:clamp(15px,1.55vw,21px);font-weight:600;letter-spacing:-.025em;color:#eaf3fa;margin:25px 0 0;line-height:1.35}
.service-rotation{margin-top:9px;font-size:clamp(27px,4.4vw,61px);min-height:1.4em;width:100%;padding-right:.25em}
.rotating-service{max-width:100%;padding-right:.12em}
@media(min-width:901px) and (max-height:800px){.agency-positioning{margin-top:15px;font-size:17px}.service-rotation{font-size:clamp(27px,3.9vw,52px);margin-top:5px}}
@media(max-width:600px){.agency-positioning{font-size:15px;margin-top:22px}.service-rotation{font-size:clamp(21px,6.3vw,32px);margin-top:8px;min-height:42px}}
/* A composed opening: clear brand, two-part proposition, supporting scope. */
.cinematic-hero .hero-title{width:100%;padding:28px 0;margin:auto 0}
.hero-title h1{font-size:clamp(58px,7.55vw,106px);letter-spacing:-.07em;font-weight:750;line-height:1.08}
.hero-title h1>span{font-size:.16em;vertical-align:top;margin-top:1em;margin-left:.6em}
.hero-positioning-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-top:26px;padding-top:24px;border-top:1px solid #c7e4f52b;max-width:1080px}
.agency-positioning{margin:0;font-size:clamp(27px,3vw,42px);font-weight:600;line-height:1.12;letter-spacing:-.045em}
.agency-positioning>span{color:#b4d8f3}
.hero-scope{text-align:right;flex:none;padding-bottom:3px}
.hero-scope>.mono{display:inline-block;font-size:8px;letter-spacing:.14em;border:1px solid #d1e9f53b;padding:8px 12px;border-radius:30px;color:#d0e5f3;background:#12202b44;backdrop-filter:blur(10px)}
.hero-scope p{font-size:12px;line-height:1.5;color:#b8c7d0;margin:12px 0 0}
.hero-intro h2{font-size:22px;line-height:1.2;letter-spacing:-.6px;font-weight:600}
.cinematic-hero .hero-intro p{max-width:410px;font-size:13px;line-height:1.6}
@media(min-width:901px) and (max-height:800px){.cinematic-hero .hero-title{padding:15px 0}.hero-title h1{font-size:clamp(58px,7vw,96px)}.hero-positioning-row{margin-top:17px;padding-top:16px}.agency-positioning{font-size:31px}.hero-intro h2{font-size:20px}.hero-scope p{font-size:11px}}
@media(max-width:900px){.hero-positioning-row{gap:25px}.agency-positioning{font-size:32px}.hero-scope p{font-size:11px}}
@media(max-width:600px){.cinematic-hero .hero-title{margin:38px 0 45px;padding:0}.hero-title h1{font-size:8.05vw;line-height:1.15;letter-spacing:-.065em}.hero-positioning-row{display:block;margin-top:22px;padding-top:20px}.agency-positioning{font-size:30px}.hero-scope{text-align:left;margin-top:21px;display:flex;align-items:center;gap:14px}.hero-scope>.mono{font-size:6px;padding:8px 9px}.hero-scope p{font-size:10px;margin:0}.hero-intro h2{font-size:21px}.cinematic-hero .hero-intro p{font-size:12px}}
/* Stacked Humanbetween signature from the supplied brand reference. */
.header .header-brand{display:inline-flex;align-items:center;gap:13px;color:#fff;flex:none;text-decoration:none}
.header-brand-mark{width:43px;height:43px;display:block;flex:none}
.header-brand-name{display:flex;flex-direction:column;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:29px;line-height:.79;letter-spacing:-1.8px;font-weight:500}
.header-brand-name>span{display:block}
@media(max-width:900px){.header-brand-mark{width:37px;height:37px}.header-brand-name{font-size:25px;letter-spacing:-1.5px}.header .header-brand{gap:11px}}
@media(max-width:600px){.header-brand-mark{width:34px;height:34px}.header-brand-name{font-size:23px;letter-spacing:-1.35px}.header .header-brand{gap:10px}}
/* Original generated artwork, displayed as three independent crops. */
.generated-preview{background:#08111e;border-color:#b7d9ff40;box-shadow:inset 0 1px 0 #fff1;isolation:isolate}
.generated-preview>.service-art{position:absolute;top:0;left:0;width:300%;max-width:none;height:100%;object-fit:cover;object-position:center 43%;transition:filter .5s ease;pointer-events:none}
.art-inflatable>.service-art{left:-100%}
.art-digital>.service-art{left:-200%}
.generated-preview:after{inset:55% 0 0;background:linear-gradient(transparent,#020712e6);z-index:1}
.generated-preview>span{z-index:2;font-size:8px;letter-spacing:.065em;text-shadow:0 1px 8px #0009}
@media(hover:hover){.generated-preview:hover>.service-art{filter:brightness(1.16) saturate(1.08)}}
@media(max-width:600px){.generated-preview>span{font-size:6px;letter-spacing:0}}

/* Stronger navigation, with the existing pill shape and mobile menu. */
.header nav { border-width: 2px; border-color: rgba(190,216,235,.3); box-shadow: inset 0 1px 0 rgba(255,255,255,.08); }
.header nav a { font-weight: 800; letter-spacing: -.025em; color: #f4f7fa; }
.header nav sup { font-weight: 700; color: #b5cadb; }
@media(min-width: 601px) { .header nav { padding: 18px 28px; gap: 32px; } .header nav a { font-size: 15px; } }
.preview-ai > b { font-weight: 750; letter-spacing: -.045em; line-height: 1.05; }
/* Broader agency capabilities, connected to the core production services. */
.growth-capabilities{margin-top:85px}
.capability-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:32px}
.capability-heading .mono{color:#93b1ca;font-size:9px;letter-spacing:.12em}
.capability-heading h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.045em;line-height:1.08;font-weight:700;margin:17px 0 0}
.capability-heading h2>span{color:#a7c8e2}
.capability-heading>p{font-size:13px;line-height:1.7;color:#b0c4d4;max-width:290px;margin:0}
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.capability-card{min-width:0;display:flex;flex-direction:column;padding:25px 23px;border:1px solid #a4d5ff24;border-radius:15px;background:linear-gradient(145deg,#8ac7ff0b,#12283a12);transition:border-color .25s ease,background .25s ease}
.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
.capability-icon{font-size:34px;color:#c0e3ff;line-height:1}.capability-top>.mono{color:#607f96;font-size:9px}
.capability-label{font-size:7px;letter-spacing:.075em;color:#90b3cf;line-height:1.5}
.capability-card h3{font-size:23px;line-height:1.1;letter-spacing:-.8px;font-weight:700;margin:11px 0 15px;min-height:2.2em}
.capability-card>p{font-size:12px;line-height:1.75;color:#aebfce;margin:0 0 22px}
.capability-tags{margin-top:auto;padding:16px 0;border-top:1px solid #b6d7f01c;font-size:9px;line-height:1.8;color:#8faec4}
.capability-card .text-link{font-size:10px;text-align:left;justify-content:space-between;gap:10px;line-height:1.5;border-bottom:0;padding:12px 0 0;color:#d4eaff}
@media(hover:hover){.capability-card:hover{border-color:#aed8ff55;background:linear-gradient(145deg,#8ac7ff16,#12283a22)}}
@media(max-width:1000px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card h3{min-height:0}}
@media(max-width:600px){.growth-capabilities{margin-top:55px}.capability-heading{display:block;margin-bottom:25px}.capability-heading h2{font-size:33px}.capability-heading>p{margin-top:18px;max-width:100%;font-size:12px}.capability-grid{grid-template-columns:1fr;gap:13px}.capability-card{padding:25px}.capability-top{margin-bottom:23px}.capability-card h3{font-size:26px}.capability-card>p{font-size:13px}.capability-label{font-size:8px}.capability-card .text-link{font-size:12px}}
.generated-preview{border-color:#ffffff30;background:#252923;box-shadow:none}
.generated-preview>.service-art{object-position:center 50%}
.generated-preview:after{background:linear-gradient(transparent,#101713c9)}
@media(hover:hover){.generated-preview:hover>.service-art{filter:brightness(1.035)}}
/* Ads & Distribution service page */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .18s ease both}
::view-transition-new(root){animation:page-in .3s ease both}
@keyframes page-out{to{opacity:0}}
@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.ads-page .header{position:relative;left:auto;right:auto;width:calc(100% - 2 * var(--page-gutter));margin:0 auto}
.ads-hero{padding-top:35px;padding-bottom:55px}.ads-back{font-size:9px;letter-spacing:.09em;color:#9bb8cf}.ads-back:hover{color:#fff}
.ads-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:75px;align-items:center;margin-top:52px}.ads-eyebrow{display:block;color:#a1c9e6;letter-spacing:.15em;font-size:10px;margin-bottom:23px}
.ads-hero h1{font-size:clamp(58px,6.5vw,92px);line-height:1.02;letter-spacing:-.06em;font-weight:700}.ads-hero h1>span{color:#b4d8f3}.ads-lead{font-size:16px;line-height:1.7;color:#b8cbd9;max-width:530px;margin:26px 0}
.ads-hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.ads-hero-actions .text-link{font-size:12px}
.ads-hero-visual{min-width:0}.ads-editorial-image{height:460px;position:relative;overflow:hidden;border-radius:16px;border:1px solid #d4e7f52b;background:#c4bba6}.ads-editorial-image img{position:absolute;left:0;top:0;width:300%;max-width:none;height:100%;object-fit:cover}.ads-editorial-image>.mono{position:absolute;bottom:15px;left:16px;font-size:7px;background:#121a1fa1;border-radius:15px;padding:7px 10px;color:#e4edf3}
.ads-loop{display:flex;align-items:center;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:.05em;color:#b5cfe1;padding:20px 4px}.ads-loop i{font-style:normal;color:#668ea9}
.ads-intro-strip{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #accdea24;border-bottom:1px solid #accdea24;padding:24px 0;margin-top:55px;font-size:12px;color:#9cb6cb}
.ads-services-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ads-service{padding:34px;border:1px solid #accdea24;border-radius:15px;background:linear-gradient(135deg,#b3dbff09,transparent)}.ads-service-index{font-size:9px;letter-spacing:.05em;color:#99bfdc}.ads-service h3{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:700;margin:24px 0 19px;max-width:390px}.ads-service p{font-size:14px;line-height:1.8;color:#b2c7d6;margin:0 0 24px}.ads-service ul{padding:20px 0 0;margin:0;border-top:1px solid #bbd9ed21;list-style:none;display:grid;gap:12px}.ads-service li{position:relative;padding-left:17px;font-size:12px;line-height:1.5;color:#c6dae8}.ads-service li:before{content:'↗';position:absolute;left:0;color:#7fabc9}
.distribution-map{display:grid;grid-template-columns:1fr 35px 1.1fr 35px 1fr;gap:23px;align-items:center;border:1px solid #acd8f534;border-radius:18px;padding:38px;background:#8bbfff08}.distribution-map .mono{font-size:8px;color:#9cbad0}.distribution-map h3{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:18px 0 0;font-weight:600}.distribution-connector{font-size:30px;color:#8bbce1}.distribution-channels{display:flex;flex-direction:column;gap:9px}.distribution-channels>span{border:1px solid #a2c9e43b;border-radius:25px;padding:12px 17px;font-size:12px;color:#c1dbee;background:#b4dbff07}.ads-distribution-note{max-width:810px;margin:23px 0 0;color:#91aec3;font-size:12px;line-height:1.8}.ads-working .process{margin-top:38px}.ads-page .faq{padding-top:50px}
@media(max-width:1000px){.ads-hero-grid{gap:35px}.ads-hero h1{font-size:65px}.ads-editorial-image{height:410px}.ads-lead{font-size:14px}.distribution-map{gap:17px;padding:28px}.distribution-map h3{font-size:24px}}
@media(max-width:600px){.ads-page .header{width:90%}.ads-hero{padding-top:23px;padding-bottom:20px}.ads-hero-grid{grid-template-columns:1fr;gap:32px;margin-top:35px}.ads-hero h1{font-size:clamp(53px,14vw,75px)}.ads-eyebrow{font-size:8px;margin-bottom:18px}.ads-lead{font-size:14px;margin:22px 0}.ads-hero-actions{gap:22px}.ads-editorial-image{height:330px}.ads-loop{font-size:8px}.ads-intro-strip{flex-direction:column;gap:13px;margin-top:25px;font-size:11px}.ads-services-grid{grid-template-columns:1fr;gap:15px}.ads-service{padding:26px 23px}.ads-service h3{font-size:27px}.ads-service p{font-size:13px}.ads-service-index{font-size:8px}.distribution-map{grid-template-columns:1fr;padding:27px;gap:24px}.distribution-map h3{font-size:27px}.distribution-map h3 br{display:none}.distribution-connector{transform:rotate(90deg);justify-self:center}.distribution-channels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.distribution-channels>span{font-size:10px;padding:12px}.ads-distribution-note{font-size:11px}.ads-page .contact-title{font-size:13vw}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}
/* Large, legible navigation panels with a restrained glass finish. */
.header{z-index:30}.mega-trigger{background:none;color:#d5dfe6;padding:0;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.mega-trigger>span{font-size:14px;color:#8aa6bc;transition:transform .2s}.mega-trigger[aria-expanded=true]{color:#fff}.mega-trigger[aria-expanded=true]>span{transform:rotate(180deg)}
.mega-shell{position:absolute;top:88px;left:var(--page-gutter);right:var(--page-gutter);z-index:29;pointer-events:none}.mega-panel{pointer-events:auto;display:grid;grid-template-columns:.8fr 1.7fr;gap:35px;padding:35px;background:#101c28f5;border:1px solid #b9d9f53b;border-radius:23px;box-shadow:0 30px 90px #0008;backdrop-filter:blur(30px)}.mega-panel[hidden]{display:none}.mega-intro{padding:10px}.mega-intro>.mono{font-size:8px;letter-spacing:.1em;color:#9bb9d0}.mega-intro h2{font-size:33px;line-height:1.1;letter-spacing:-1.3px;margin:22px 0 16px;font-weight:650}.mega-intro p{font-size:12px;line-height:1.7;color:#9eb5c8}.mega-intro>a{font-size:11px;display:inline-block;margin-top:20px;color:#c9e4fa}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:9px}.mega-links>a{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#bfdfff08;border:1px solid #bfdfff12;border-radius:11px;padding:22px 18px}.mega-links b{font-size:15px;font-weight:600;letter-spacing:-.3px}.mega-links small{display:block;font-size:10px;color:#8faac0;line-height:1.5;margin-top:7px}.mega-links>a>span:last-child{font-size:22px;color:#afd7f5}.mega-links>a:hover{background:#b6daff17;border-color:#bfdfff40}.ads-page .mega-shell{top:88px}
.ads-jump-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.ads-jump-links>a{padding:11px 16px;border:1px solid #b5d8f437;border-radius:30px;font-size:11px;background:#a7d6ff06;color:#c9dfee}.ads-jump-links>a:hover{background:#b1dbff19}.ads-page .ads-intro-strip{margin-top:30px}.ads-page .ads-hero h1{font-size:clamp(54px,5.7vw,81px)}
.industry-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:stretch}.industry-choices{display:flex;flex-direction:column;gap:8px}.industry-choices>button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:21px 22px;border:1px solid #b8d9f326;border-radius:10px;background:#a9d4ff05;color:#9fb9cc;font-size:15px;font-weight:500}.industry-choices>button[aria-selected=true]{background:#c1e0f7;color:#102332;border-color:#c1e0f7}.industry-content{padding:42px;border:1px solid #b8d9f326;border-radius:17px;background:radial-gradient(ellipse at 100% 100%,#16466a66,transparent 70%),#b9dcff06}.industry-content>.mono{font-size:9px;color:#a7c9e1;letter-spacing:.08em}.industry-content h3{font-size:40px;line-height:1.08;letter-spacing:-1.5px;font-weight:650;margin:25px 0 20px;max-width:440px}.industry-content>p{font-size:14px;line-height:1.8;color:#abc3d5;max-width:480px}.industry-focus{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.industry-focus>span{font-size:10px;padding:9px 12px;border:1px solid #bddfff30;border-radius:25px;color:#bfdbef}
@media(max-width:900px){.mega-panel{gap:20px;padding:25px;grid-template-columns:.7fr 1.3fr}.mega-links>a{padding:17px 13px}.mega-links b{font-size:13px}.mega-intro h2{font-size:27px}.mega-links small{font-size:9px}.industry-content{padding:30px}.industry-content h3{font-size:33px}}
@media(max-width:600px){.mega-shell,.ads-page .mega-shell{position:fixed;top:265px;left:5%;right:5%;max-height:calc(100dvh - 285px);overflow:auto;border-radius:16px}.mega-panel{display:block;padding:18px;border-radius:16px}.mega-intro{padding:2px 2px 17px}.mega-intro>.mono{font-size:7px}.mega-intro h2{font-size:23px;margin:12px 0 0}.mega-intro h2 br{display:none}.mega-intro p,.mega-intro>a{display:none}.mega-links{grid-template-columns:1fr;gap:7px}.mega-links>a{padding:15px}.mega-links b{font-size:14px}.mega-links small{font-size:10px}.header #navigation .mega-trigger{font-size:13px;justify-content:space-between}.industry-layout{grid-template-columns:1fr;gap:22px}.industry-choices{display:grid;grid-template-columns:1fr 1fr;gap:7px}.industry-choices>button{font-size:11px;padding:14px 11px;gap:8px}.industry-content{padding:27px}.industry-content h3{font-size:32px}.industry-content>p{font-size:13px}.ads-page .ads-hero h1{font-size:clamp(49px,12.8vw,66px)}.ads-jump-links{gap:7px;margin-top:25px}.ads-jump-links>a{font-size:10px;padding:10px 12px}}
.language-control{position:relative;flex:none;margin-left:auto}.header nav{margin-left:auto}.language-control~.project-button{flex:none}#language-toggle{display:flex;align-items:center;gap:7px;background:transparent;color:#e1ecf4;padding:12px 5px;font-size:10px}#language-toggle>span:last-child{font-size:13px;color:#9bb2c6}#language-panel{position:absolute;right:0;top:47px;min-width:180px;padding:8px;background:#162330fa;border:1px solid #b1d5f538;border-radius:13px;box-shadow:0 20px 50px #0007;backdrop-filter:blur(25px)}#language-panel[hidden]{display:none}#language-panel>button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;color:#c8d7e3;padding:13px 12px;text-align:left;border-radius:7px;font-size:14px}#language-panel>button>span{font-size:9px;color:#829eb4}#language-panel>button[aria-pressed=true]{background:#c6e1f312;color:#fff;font-weight:700}#language-panel>button:hover{background:#c6e1f31d}#language-status:empty{display:none}#language-status{font-size:11px;line-height:1.5;padding:5px;color:#b8cfe0}html:not([lang=en]) .hero-title h1{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif}html:not([lang=en]) .agency-positioning{font-size:clamp(25px,2.6vw,38px)}html:not([lang=en]) .ads-hero h1{font-size:clamp(48px,4.8vw,69px)}html:not([lang=en]) .contact-title{font-size:clamp(40px,6.5vw,95px)}
@media(max-width:900px){.header{gap:16px}.header nav{gap:18px;padding:15px 20px}.header .project-button{padding:12px 17px}}
@media(max-width:600px){.language-control{margin-left:auto}#language-toggle{gap:5px}#language-panel{right:-30px;top:45px}.header nav{margin:0}.header{gap:12px}html:not([lang=en]) .agency-positioning{font-size:27px}html:not([lang=en]) .ads-hero h1{font-size:11vw}html:not([lang=en]) .contact-title{font-size:10vw}.mega-links b{overflow-wrap:anywhere}}
@media(max-width:600px){.mega-intro h2 br{display:block}.mega-intro h2{line-height:1.16}.distribution-map h3 br{display:block}}
/* One continuous contact dock, including the brief and service picker. */
.contact-panel{width:420px;max-height:calc(100dvh - 115px);padding:25px;scrollbar-width:thin;scrollbar-color:#56768b transparent;overscroll-behavior:contain;overflow-x:hidden}
.dock-stage{overflow:hidden;position:relative}
.dock-screen[hidden]{display:none}
.dock-screen>h2{font-size:34px;line-height:1.06;letter-spacing:-1.4px;font-weight:550;margin:24px 0 16px}
.dock-screen>p{font-size:13px;line-height:1.65;color:#a2b9ce;margin:0 0 22px}
.dock-back{display:inline-flex;align-items:center;gap:9px;margin:18px 0 0;padding:7px 0;background:none;color:#afc9dc;font-size:11px}.dock-back:hover{color:#fff}
#dock-brief>h2{font-size:32px;margin:18px 0 14px}#dock-brief>p{font-size:12px;margin-bottom:18px}
#dock-brief form{gap:14px;margin-top:18px}#dock-brief label{font-size:10px}#dock-brief input,#dock-brief select,#dock-brief textarea{font-size:12px;padding:11px;min-height:40px}#dock-brief textarea{min-height:90px}#dock-brief .form-note{font-size:10px;line-height:1.6}#dock-brief .dark-button{font-size:12px;margin-top:3px}
.dock-service-list{display:flex;flex-direction:column;margin-top:24px}.dock-service-list>button{display:flex;justify-content:space-between;gap:14px;align-items:center;text-align:left;padding:20px 0;border-top:1px solid #bddfff20;background:none;font-size:15px;color:#edf5ff}.dock-service-list>button:hover{color:#afd6f5}.dock-service-list>button>span:last-child{font-size:21px}
#contact-toggle .contact-dot{width:8px;height:8px;transition:transform .25s,border-radius .25s}
@media(max-width:600px){.contact-panel{width:calc(100vw - 30px);padding:21px;max-height:calc(100dvh - 110px - env(safe-area-inset-bottom))}#dock-brief form{grid-template-columns:1fr 1fr;gap:12px}#dock-brief .wide{grid-column:1/-1}#dock-brief input,#dock-brief select,#dock-brief textarea{font-size:16px}#dock-brief>h2{font-size:29px}.dock-screen>h2{font-size:31px}.dock-service-list>button{font-size:14px}}
@media(max-width:360px){#dock-brief form{grid-template-columns:1fr}}

.dock-whatsapp{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#b9ddf412;border:1px solid #b9ddf438;border-radius:12px;padding:17px 18px;margin:24px 0 8px;color:#d9edfb;transition:background .2s}.dock-whatsapp:hover{background:#b9ddf425}.dock-whatsapp b{display:block;font-size:17px;font-weight:600}.dock-whatsapp small{display:block;color:#a4c3d7;font-size:14px;margin-top:5px}.dock-whatsapp>span:last-child{font-size:27px}

/* Persistent shared navigation on all marketing pages. */
body{padding-top:104px}body>.header,body.inflatables-page>.header,body.ads-page>.header{position:fixed;top:8px;left:50%;right:auto;transform:translateX(-50%);width:calc(100% - 48px);max-width:1280px;height:88px;margin:0;padding:12px 22px;z-index:60;border:1px solid #cee9ff22;border-top-color:#e2f3ff40;border-radius:22px;background:linear-gradient(120deg,#11202ded,#0a1219eb);box-shadow:0 9px 35px #0003,inset 0 1px 0 #fff1;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}body>.mega-shell,body.ads-page>.mega-shell{position:fixed;top:104px;z-index:59;max-height:calc(100dvh - 120px);overflow:auto}html{scroll-padding-top:120px}.inflate-hero-image:focus-visible{outline:2px solid #b9e0fa;outline-offset:4px}@media(max-width:600px){body{padding-top:88px}body>.header,body.inflatables-page>.header,body.ads-page>.header{top:7px;width:calc(100% - 24px);height:74px;padding:10px 12px;border-radius:17px}body>.mega-shell,body.ads-page>.mega-shell{top:265px;max-height:calc(100dvh - 285px)}html{scroll-padding-top:100px}}
/* Minimal navigation; the dark backdrop appears gradually on scroll. */
body>.header,body.inflatables-page>.header,body.ads-page>.header{top:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate;padding-left:0;padding-right:0}.header::before{content:'';position:absolute;inset:0 calc((100% - 100vw)/2) -25px;z-index:-1;pointer-events:none;background:linear-gradient(#080f16fa 0%,#080f16f2 70%,#080f1680 88%,transparent 100%);opacity:var(--header-shade,0);transition:opacity .2s ease}.header nav{border:0;border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.header nav a{font-weight:500;letter-spacing:0}.header .project-button{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #cadde52b}.header .project-button:hover{background:#ffffff0b}@media(max-width:600px){body>.header,body.inflatables-page>.header,body.ads-page>.header{padding:10px 4px}.header nav{background:#0d1720fa;border:1px solid #bdd6e522;border-radius:14px}.header::before{bottom:-15px}}@media(prefers-reduced-motion:reduce){.header::before{transition:none}}
/* An even translucent backdrop avoids a visible gradient band. */
body>.header::before{inset:0 calc((100% - 100vw)/2);background:rgba(8,15,22,.94);box-shadow:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .3s ease}@media(prefers-reduced-motion:reduce){body>.header::before{transition:none}}

.dock-whatsapp.dock-email{margin-top:0}footer a[href^="mailto:"],footer a[href^="tel:"]{white-space:nowrap}

/* Contact dock: two ways in, brief one step deeper. */
.contact-panel,.inflatables-page .contact-panel{width:min(376px,calc(100vw - 30px));padding:18px;color:#fff;border-radius:26px;background:#0c0c0ef5;border:1px solid #ffffff1f;box-shadow:0 28px 80px #0008;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.dock-heading{margin:2px 6px 0}.dock-heading .mono,.inflatables-page .dock-heading{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#7d8790}.dock-heading button,.inflatables-page .dock-heading button{color:#8d97a0;font-size:14px}.dock-heading button:hover{color:#fff}
.dock-screen>h2,.contact-panel h2{font-size:26px;font-weight:700;letter-spacing:-.045em;line-height:1.05;color:#fff;margin:10px 6px 16px}
.dock-choices{display:grid;gap:10px}.dock-choice{width:100%;min-height:82px;padding:16px 18px;display:grid;grid-template-columns:28px minmax(0,1fr) 34px;align-items:center;gap:12px;border:1px solid #ffffff1a;border-radius:20px;background:#ffffff09;color:#fff;text-align:left;font:inherit;cursor:pointer;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.dock-choice:hover{background:#ffffff14;border-color:#ffffff42;transform:translateY(-1px);color:#fff}.dock-choice:focus-visible{outline:2px solid #fff;outline-offset:2px}.dock-choice .dock-i{align-self:start;padding-top:3px;color:#7d8790;font-size:9px;letter-spacing:.12em}.dock-choice b{display:block;font-size:17px;font-weight:700;letter-spacing:-.02em}.dock-choice small{display:block;margin-top:3px;color:#9aa4ad;font-size:13.5px}
.dock-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff12;color:#fff;font-size:16px;transition:background .18s,color .18s,transform .18s}.dock-choice:hover .dock-arrow{background:#fff;color:#000;transform:rotate(-8deg)}
#dock-brief{padding:4px 6px 0}.dock-back,.inflatables-page .dock-back{margin:0;padding:2px 0 12px;font-size:14px;font-weight:500;color:#9aa4ad;gap:6px}#dock-brief>h2{margin:0 0 6px;font-size:28px}#dock-brief>p,.inflatables-page #dock-brief>p{margin:0 0 16px;font-size:15px;line-height:1.5;color:#9aa4ad}
.brief{display:grid;gap:10px}.brief input,.brief select,.brief textarea{width:100%;margin:0;padding:16px 18px;border-radius:14px;border:1px solid #ffffff1a;background:#ffffff08;color:#fff;font:inherit;font-size:14px;line-height:1.3;box-shadow:none}.brief input::placeholder,.brief textarea::placeholder{color:#8d97a0;opacity:1}.brief select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-width='1.6'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;cursor:pointer}.brief select:invalid{color:#8d97a0}.brief select option{color:#111;background:#fff}.brief textarea{min-height:100px;resize:vertical}.brief :is(input,select,textarea):focus{outline:none;border-color:#ffffff66;background:#ffffff0d}
.brief-submit{width:100%;margin-top:4px;padding:18px;border:0;border-radius:40px;background:#fff;color:#000;font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.brief-submit:hover{background:#c3e4ff;transform:translateY(-1px)}.brief-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}
.brief .form-note,.inflatables-page .brief .form-note{margin:8px 4px 0;font-size:11px;line-height:1.5;color:#9aa4ad}.brief .form-note:empty{display:none}
@media(max-width:650px){.contact-panel,.inflatables-page .contact-panel{padding:16px;border-radius:22px}.dock-choice{min-height:76px;padding:14px 16px}.dock-choice b{font-size:16px}.dock-choice small{font-size:13px}.brief input,.brief select,.brief textarea{padding:14px 16px}}
@media(prefers-reduced-motion:reduce){.dock-choice,.dock-arrow,.brief-submit{transition:none}}
.brief,#brief-form{grid-template-columns:1fr}.brief>*,#brief-form>*{grid-column:auto}
/* Bolder primary navigation. */
.header nav a,.header #navigation .mega-trigger,.mega-trigger{font-size:14.5px;font-weight:700;letter-spacing:-.015em;color:#f4f7fa}.mega-trigger>span{font-weight:600;color:#a8bfd0}.header nav a:hover,.mega-trigger:hover,.mega-trigger[aria-expanded=true]{color:#fff}@media(max-width:900px){.header nav a,.header #navigation .mega-trigger{font-size:16px}}

/* One combined "What we do" menu: services + industries. */
.mega-combined{grid-template-columns:.85fr 1.5fr .75fr;gap:28px;padding:30px}
.mega-group{display:flex;flex-direction:column;gap:12px;min-width:0}
.mega-label{font-size:8px;letter-spacing:.14em;color:#8fabc1;padding:10px 2px 0}
.mega-combined .mega-links{grid-template-columns:1fr 1fr;gap:9px}
.mega-list{display:flex;flex-direction:column}
.mega-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 4px;border-top:1px solid #bfdfff14;color:#e6eff6;font-size:14px;font-weight:600;letter-spacing:-.2px}
.mega-list>a:first-child{border-top:0;padding-top:8px}
.mega-list>a>span:last-child{font-size:18px;color:#afd7f5;transition:transform .2s}
.mega-list>a:hover{color:#fff}.mega-list>a:hover>span:last-child{transform:translate(2px,-2px)}
@media(max-width:1100px){.mega-combined{grid-template-columns:.8fr 1.4fr .8fr;gap:20px;padding:24px}.mega-combined .mega-links b{font-size:13px}}
@media(max-width:900px){.mega-combined{display:block;padding:18px}.mega-group{gap:6px}.mega-label{padding:16px 2px 4px}.mega-combined .mega-links{grid-template-columns:1fr;gap:7px}.mega-list>a{padding:13px 2px}}
/* Readability pass on the combined menu. */
.mega-combined{grid-template-columns:.95fr 1.7fr .9fr;gap:44px;padding:38px 40px 40px}
.mega-combined .mega-intro{padding:6px 0 0}.mega-combined .mega-intro>.mono,.mega-combined .mega-label{font-size:11px;letter-spacing:.16em;color:#a9c2d6}.mega-combined .mega-label{padding:6px 2px 0}
.mega-combined .mega-intro h2{font-size:36px;line-height:1.08;letter-spacing:-1.4px;margin:18px 0 14px;color:#fff}.mega-combined .mega-intro p{font-size:15px;line-height:1.6;color:#bccbd8}.mega-combined .mega-intro>a{font-size:14px;font-weight:600;color:#d8ecfc;margin-top:22px;border-bottom:1px solid #d8ecfc55;padding-bottom:2px}.mega-combined .mega-intro>a:hover{color:#fff;border-color:#fff}
.mega-combined .mega-links{gap:12px}.mega-combined .mega-links>a{padding:22px 20px;border-radius:14px;background:#bfdfff0d;border-color:#bfdfff1f}.mega-combined .mega-links>a:hover{background:#b6daff1f;border-color:#bfdfff55}
.mega-combined .mega-links b{font-size:17px;font-weight:700;letter-spacing:-.3px;color:#fff}.mega-combined .mega-links small{font-size:13px;line-height:1.45;color:#a9bccc;margin-top:6px}
.mega-combined .mega-links>a>span:last-child,.mega-combined .mega-list>a>span:last-child{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#ffffff10;font-size:17px;color:#e8f3fc;flex-shrink:0;transition:background .18s,color .18s,transform .18s}.mega-combined .mega-links>a:hover>span:last-child,.mega-combined .mega-list>a:hover>span:last-child{background:#fff;color:#0d1720;transform:rotate(-8deg)}
.mega-combined .mega-list>a{padding:17px 4px;font-size:16px;font-weight:700;color:#f4f7fa;border-top-color:#bfdfff1f}.mega-combined .mega-list>a:first-child{padding-top:6px}
@media(max-width:1100px){.mega-combined{gap:28px;padding:28px}.mega-combined .mega-intro h2{font-size:30px}.mega-combined .mega-links b{font-size:15px}.mega-combined .mega-links small{font-size:12px}.mega-combined .mega-list>a{font-size:15px}}
@media(max-width:900px){.mega-combined{padding:20px}.mega-combined .mega-intro h2{font-size:26px;margin:10px 0 0}.mega-combined .mega-label{padding:18px 2px 6px}.mega-combined .mega-links>a{padding:16px}.mega-combined .mega-list>a{padding:14px 2px}}

/* Bolder brief form. */
#dock-brief>h2{font-size:32px;font-weight:800;letter-spacing:-.05em}#dock-brief>p,.inflatables-page #dock-brief>p{font-size:16px;font-weight:500;color:#b3bcc5}
.dock-back,.inflatables-page .dock-back{font-size:15px;font-weight:700;color:#c9d2da}
.brief input,.brief select,.brief textarea{padding:17px 18px;border:1.5px solid #ffffff2e;background:#ffffff10;font-size:15px;font-weight:600;color:#fff;box-shadow:inset 0 1px 0 #ffffff14}
.brief input::placeholder,.brief textarea::placeholder{color:#aab4bd;font-weight:500}.brief select:invalid{color:#aab4bd;font-weight:500}
.brief :is(input,select,textarea):focus{border-color:#fff;background:#ffffff16;box-shadow:inset 0 1px 0 #ffffff14,0 0 0 4px #ffffff1a}
.brief-submit{padding:19px;font-size:16px;font-weight:800;letter-spacing:-.01em;box-shadow:0 12px 30px -10px #000c,inset 0 1px 0 #fff}
.dock-choice b{font-size:18px;font-weight:800}

/* Brief delivery states (2026-09-09) */
.brief-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
.brief-submit{position:relative;display:flex;align-items:center;justify-content:center;gap:10px}
.brief-submit:disabled{cursor:progress;transform:none;background:#e6e6e2}
.brief-spinner{display:none;width:14px;height:14px;border:2px solid #0003;border-top-color:#000;border-radius:50%;animation:brief-spin .7s linear infinite}
.brief-submit.is-busy .brief-spinner{display:block}
@keyframes brief-spin{to{transform:rotate(360deg)}}
.brief-direct{margin:12px 4px 0;font-size:11.5px;line-height:1.5;color:#8d97a0;text-align:center}.brief-direct a{color:#c9d2da;border-bottom:1px solid #ffffff33;transition:color .18s,border-color .18s}.brief-direct a:hover{color:#fff;border-color:#fff}.brief-direct a[hidden]{display:none}
.form-note a{color:#fff;border-bottom:1px solid #ffffff55}
.brief-done{padding:8px 4px 4px}.brief-done[hidden]{display:none}
.brief-check{width:56px;height:56px;color:#a7d9ff;margin:6px 0 18px}.brief-check svg{width:100%;height:100%;display:block}
.brief-check circle{stroke-dasharray:164;stroke-dashoffset:164}.brief-check path{stroke-dasharray:40;stroke-dashoffset:40}
.brief-done.is-live .brief-check circle{animation:brief-draw .8s cubic-bezier(.22,1,.36,1) forwards}.brief-done.is-live .brief-check path{animation:brief-draw .5s cubic-bezier(.22,1,.36,1) .45s forwards}
.brief-done.is-live>*:not(.brief-check){animation:brief-rise .6s cubic-bezier(.22,1,.36,1) both}.brief-done.is-live>h3{animation-delay:.15s}.brief-done.is-live>p{animation-delay:.25s}.brief-done.is-live>.brief-done-actions{animation-delay:.35s}
@keyframes brief-draw{to{stroke-dashoffset:0}}@keyframes brief-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.brief-done-eyebrow{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#a7d9ff}
.brief-done h3{margin:10px 0 10px;font-size:28px;line-height:1.05;letter-spacing:-.045em;font-weight:700;color:#fff}
.brief-done p{margin:0 0 20px;font-size:14.5px;line-height:1.6;color:#9aa4ad}.brief-done p b{color:#fff;font-weight:600}
.brief-done-actions{display:grid;gap:10px}
.brief-done-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border-radius:40px;background:#fff;color:#000;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.brief-done-primary:hover{background:#c3e4ff;transform:translateY(-1px)}
.brief-done-secondary{padding:12px;background:none;color:#9aa4ad;font-size:13px;font-weight:500}.brief-done-secondary:hover{color:#fff}
@media(prefers-reduced-motion:reduce){.brief-check circle,.brief-check path{stroke-dashoffset:0;animation:none}.brief-done.is-live>*{animation:none}.brief-spinner{animation-duration:1.4s}}
.brief[hidden],#brief-form[hidden]{display:none}.form-note:not(:empty)+.brief-direct{display:none}

footer{display:grid;grid-auto-flow:dense;grid-template-columns:1fr auto auto;align-items:center;gap:26px 40px}
.footer-tagline{grid-column:1;margin:0;max-width:640px;font-size:12px;line-height:1.7;color:#8d97a0}
footer>.logo{grid-column:2/4;justify-self:end}footer>span{grid-column:2}footer>a[data-contact-email]{grid-column:1;font-size:15px}footer>a:last-child{grid-column:3}
@media(max-width:600px){footer{grid-template-columns:1fr auto;gap:22px 24px}.footer-tagline{grid-column:1/-1;max-width:none}footer>.logo{grid-column:1}footer>span{grid-column:2;justify-self:end}footer>a[data-contact-email]{grid-column:1}footer>a:last-child{grid-column:2;justify-self:end}}

.hero-backdrop video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.65) saturate(.85)}

/* Keep the opening and client strip together below the 104px header. */
@media(min-width:701px){
 .cinematic-hero{height:calc(100svh - 212px);min-height:520px;max-height:900px;padding-top:36px;padding-bottom:24px}
 .cinematic-hero .hero-title{padding:18px 0;margin:auto 0}
 .hero-previews .preview{height:180px}
}
@media(min-width:701px) and (max-height:800px){
 .cinematic-hero{min-height:0;padding-top:20px;padding-bottom:18px}
 .cinematic-hero .hero-title{padding:12px 0}
 .hero-title h1{font-size:clamp(52px,6.7vw,86px)}
 .agency-positioning{font-size:28px}
 .hero-previews .preview{height:135px}
 .cinematic-hero .hero-intro h2{font-size:22px}
 .cinematic-hero .hero-intro p{font-size:11px;margin:8px 0 10px}
 .cinematic-hero .hero-intro .project-button{padding:13px 20px}
}
@media(max-width:700px){
 .cinematic-hero{min-height:0;padding-top:26px;padding-bottom:26px}
 .cinematic-hero .hero-title{margin:28px 0 30px;padding:0}
}

.hero-positioning-row{align-items:center}
.hero-pillars{display:grid;flex:0 1 440px;min-width:0;text-align:left;padding-left:28px;border-left:1px solid #c7e4f526}
.hero-pillar{grid-area:1/1;opacity:0;animation:hero-pillar-cycle 12s infinite;pointer-events:none}
.hero-pillar:nth-child(2){animation-delay:4s}.hero-pillar:nth-child(3){animation-delay:8s}
.hero-pillar .pillar-index{display:block;color:#a9d9fa;font-size:10px;font-weight:600;letter-spacing:.14em;margin-bottom:9px}
.hero-pillar strong{display:block;color:#f1f7fb;font-size:clamp(22px,2.2vw,32px);font-weight:600;letter-spacing:-.035em;line-height:1.15}
.hero-pillar p{margin:9px 0 0;color:#b4c6d4;font-size:13px;line-height:1.5}
@keyframes hero-pillar-cycle{0%{opacity:0;transform:translateY(8px)}4%,28%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-6px)}}
@media(max-width:700px){.hero-positioning-row{flex-direction:column;align-items:flex-start;gap:22px}.hero-pillars{flex:auto;border-left:0;padding-left:0;margin-top:22px}.hero-pillar strong{font-size:24px}.hero-pillar p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-pillar{animation:none;transform:none}.hero-pillar:first-child{opacity:1}}

/* A continuous service reel, fading into the film at either edge. */
.hero-previews.service-carousel{display:block;min-width:0;overflow:hidden;padding:6px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.service-carousel-track{display:flex;width:max-content;animation:service-carousel-drift 26s linear infinite}
.service-carousel-group{display:flex;gap:14px;padding-right:14px;flex:none}
.hero-previews.service-carousel .preview{display:block;flex:none;width:clamp(175px,15vw,225px);height:180px;border-radius:16px;border:1px solid #d7efff40;box-shadow:inset 0 1px 0 #ffffff40;transition:filter .25s,transform .25s}
.service-carousel .preview:after{inset:25% 0 0;background:linear-gradient(transparent,#040b13dc)}
.service-carousel .preview>span{left:15px;right:15px;bottom:15px;font-family:Arial,sans-serif;letter-spacing:0}
.service-carousel .preview small{display:block;font-size:8px;letter-spacing:.12em;color:#c1dcee;margin-bottom:7px}
.service-carousel .preview b{display:block;font-size:16px;line-height:1.15;font-weight:600;letter-spacing:-.025em;padding-right:18px}
.service-carousel .preview i{position:absolute;right:0;bottom:0;font-size:18px;font-style:normal;color:#d0edff}
.service-carousel:focus-within .service-carousel-track{animation-play-state:paused}
.service-carousel .preview:hover{transform:translateY(-3px);filter:brightness(1.08)}
@keyframes service-carousel-drift{to{transform:translateX(-50%)}}
@media(min-width:701px) and (max-height:800px){.hero-previews.service-carousel .preview{height:145px;width:190px}}
@media(max-width:700px){.hero-previews.service-carousel .preview{width:180px;height:155px}}
@media(prefers-reduced-motion:reduce){.hero-previews.service-carousel{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.service-carousel-track{animation:none}.service-carousel-group[aria-hidden=true]{display:none}}

.hero-lower>.service-carousel{grid-column:2}
@media(max-width:700px){.hero-lower>.service-carousel{grid-column:1}}
#language-toggle{border:1px solid transparent;border-radius:24px;padding:10px 12px;transition:background .2s,border-color .2s}
#language-toggle:hover,#language-toggle[aria-expanded=true]{background:#bbddf311;border-color:#bbddf330}
#language-toggle>span:last-child{transition:transform .25s}
#language-toggle[aria-expanded=true]>span:last-child{transform:rotate(180deg)}
#language-panel{top:calc(100% + 12px);min-width:222px;padding:8px;border:1px solid #c8e7fc35;border-radius:20px;background:linear-gradient(145deg,#28445acf,#0c1925ed);backdrop-filter:blur(28px) saturate(140%);-webkit-backdrop-filter:blur(28px) saturate(140%);box-shadow:0 22px 60px #0006,inset 0 1px 0 #ffffff16;transform-origin:top right}
#language-panel:not([hidden]){animation:language-menu-in .24s cubic-bezier(.2,.8,.2,1) both}
#language-panel>button{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;border:1px solid transparent;padding:13px 12px;border-radius:13px;transition:background .18s,border-color .18s,transform .18s;font-size:14px}
#language-panel .language-flag{font-style:normal;font-size:21px;line-height:1}
#language-panel>button:hover{background:#c5e7fc18;transform:translateX(2px);border-color:#c5e7fc18}
#language-panel>button[aria-pressed=true]{background:linear-gradient(110deg,#a5d8fa27,#a5d8fa0c);border-color:#b4def83a;color:#f3faff}
#language-panel>button[aria-pressed=true]>span:after{content:' ✓';color:#b0e1ff;font-size:12px}
@keyframes language-menu-in{from{opacity:0;transform:translateY(-7px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){#language-panel:not([hidden]){animation:none}#language-panel>button,#language-toggle,#language-toggle>span:last-child{transition:none}}

.hero-positioning-row{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:22px}
.hero-pillars{flex:none;width:100%;max-width:500px;border-left:0;padding-left:0}
@media(min-width:701px) and (max-height:800px){.hero-positioning-row{gap:15px;margin-top:12px;padding-top:12px}.hero-pillar .pillar-index{margin-bottom:5px;font-size:8px}.hero-pillar strong{font-size:24px}.hero-pillar p{margin-top:5px;font-size:12px}.hero-lower{margin-top:14px}.hero-previews.service-carousel .preview{height:115px}.cinematic-hero .hero-title{padding:0}}
@media(max-width:700px){.hero-pillars{margin-top:0}}
@media(min-width:701px) and (max-height:800px){.hero-previews.service-carousel .preview{height:105px}.hero-lower{margin-top:8px}}

.growth-invitation{position:relative;isolation:isolate;max-width:1400px;margin:50px auto 90px;padding:65px 4%;overflow:hidden;border-radius:28px;background:#132331}
.growth-invitation:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06121d50,#07152385),url('/assets/video/homepage-activation-poster.jpg') center/cover;filter:saturate(.55)}
.growth-glass{padding:46px 50px 28px;border:1px solid #e0f1ff35;border-radius:20px;background:linear-gradient(125deg,#cbe4f12e,#0b1727a8);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:inset 0 1px 0 #ffffff26,0 20px 70px #0002}
.growth-eyebrow{font-size:10px;letter-spacing:.18em;color:#c4e5fb}
.growth-glass h2{font-size:clamp(38px,5.4vw,76px);line-height:1.04;letter-spacing:-.045em;font-weight:550;margin:22px 0}
.growth-glass h2 em{font-style:italic;font-weight:450;color:#e5f4ff}
.growth-glass>p{font-size:17px;line-height:1.6;color:#d0dce6;max-width:760px;margin:0 0 25px}
.growth-tags{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 32px;list-style:none}
.growth-tags li{border:1px solid #d8eafa50;border-radius:50px;padding:7px 13px;font-size:12px;color:#e1edf6;background:#d5eafa08}
.growth-action{border-top:1px solid #d4e9f633;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:25px}
.growth-cta{display:inline-flex;align-items:center;gap:32px;border:1px solid #d2e9f45c;border-radius:50px;padding:17px 23px;background:#c7e5f2;color:#0a1b28;font-size:14px;font-weight:600;transition:background .2s,transform .2s}
.growth-cta:hover{background:#ecf8ff;transform:translateY(-2px)}
.growth-action svg{width:72px;height:72px;color:#c5e3f349}
@media(max-width:700px){.growth-invitation{margin:30px 16px 50px;padding:20px 14px;border-radius:20px}.growth-glass{padding:28px 22px 22px}.growth-glass>p{font-size:14px}.growth-action svg{width:42px;height:42px}.growth-cta{font-size:12px;padding:14px 16px;gap:15px}.growth-tags li{font-size:10px;padding:6px 9px}}

/* Balance the proposition and service reel in a single row. */
@media(min-width:901px){
 .cinematic-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:56px;row-gap:24px}
 .cinematic-hero>.world-clocks{grid-column:1/-1}
 .cinematic-hero .hero-title{display:contents}
 .hero-title h1{grid-column:1/-1;margin:0;padding-top:20px}
 .hero-positioning-row{grid-column:1;grid-row:3;align-self:center;max-width:none;margin:0;padding:0;border-top:0;gap:28px}
 .hero-lower{grid-column:2;grid-row:3;display:block;align-self:center;margin:0;min-width:0}
 .hero-previews.service-carousel .preview{width:240px;height:235px}
 .hero-pillars{max-width:none}
}
@media(min-width:901px) and (max-height:800px){
 .cinematic-hero{row-gap:18px;column-gap:40px}
 .hero-title h1{padding-top:0}
 .hero-positioning-row{gap:20px}
 .hero-previews.service-carousel .preview{width:210px;height:185px}
}
.service-carousel .preview,.service-carousel .preview:hover,.service-carousel .service-art,.service-carousel .preview:hover>.service-art{filter:none!important}
.service-carousel .preview:after{inset:65% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72))}

/* Return the service reel to the lower-right of the hero. */
@media(min-width:901px){
 .cinematic-hero{display:flex;flex-direction:column;gap:0}
 .cinematic-hero .hero-title{display:block;padding:18px 0;margin:auto 0}
 .hero-title h1{padding-top:0}
 .hero-positioning-row{margin-top:26px;padding-top:24px;border-top:1px solid #c7e4f52b;gap:22px}
 .hero-lower{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:45px;align-self:stretch;margin:0}
 .hero-lower>.service-carousel{grid-column:2}
 .hero-previews.service-carousel .preview{width:clamp(175px,15vw,225px);height:180px}
}
@media(min-width:901px) and (max-height:800px){
 .cinematic-hero .hero-title{padding:0}
 .hero-positioning-row{margin-top:12px;padding-top:12px;gap:15px}
 .hero-lower{margin-top:8px}
 .hero-previews.service-carousel .preview{width:190px;height:105px}
}

/* Keep the headline and proposition together, with the reel at the foot. */
@media(min-width:901px){
 .cinematic-hero .hero-title{margin:28px 0 0;padding:0}
 .hero-positioning-row{margin-top:22px;padding-top:0;border-top:0;gap:20px}
 .hero-lower{margin-top:auto}
}
@media(min-width:901px) and (max-height:800px){
 .cinematic-hero .hero-title{margin-top:15px}
 .hero-positioning-row{margin-top:16px;gap:15px}
 .hero-lower{margin-top:auto}
}
.service-carousel .art-ads>.service-art{width:100%;left:0;object-fit:cover;object-position:center}

/* Give the opening copy a little more breathing room above. */
@media(min-width:901px) and (min-height:801px){.cinematic-hero .hero-title{margin-top:76px}}
@media(min-width:901px) and (max-height:800px){.cinematic-hero .hero-title{margin-top:25px}}

@media(min-width:901px) and (min-height:801px){.cinematic-hero .hero-title{margin-top:clamp(130px,15svh,175px)}}

/* Give the rotating outcomes the prominence of a second headline. */
.hero-pillars{width:100%;max-width:680px}
.hero-pillar strong{font-size:clamp(40px,3.5vw,54px);line-height:1.08;letter-spacing:-.04em}
.hero-pillar p{font-size:18px;line-height:1.5;margin-top:12px}
@media(min-width:901px) and (max-height:800px){.hero-pillar strong{font-size:40px}.hero-pillar p{font-size:16px;margin-top:8px}}
@media(max-width:700px){.hero-pillar strong{font-size:36px}.hero-pillar p{font-size:15px;margin-top:10px}}

.hero-pillar{animation-duration:6s}
.hero-pillar:nth-child(2){animation-delay:2s}
.hero-pillar:nth-child(3){animation-delay:4s}

/* Let the hero grow when its copy and service reel exceed the viewport. */
@media(min-width:701px){
 .cinematic-hero{height:auto;min-height:max(520px,calc(100svh - 212px));max-height:none}
 .cinematic-hero>.world-clocks,.cinematic-hero>.hero-title,.cinematic-hero>.hero-lower{flex-shrink:0}
}