/* Reset */
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}html.is-scrollbar-dragging{scroll-behavior:auto}body,h1,h2,h3,p,figure,ol,ul{margin:0}ol,ul{padding:0;list-style:none}button,input,textarea,select{font:inherit}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{border:0;background:none;color:inherit}

/* Variables */
:root{--black:#000;--dark:#0a0a0a;--white:#fff;--paper:#e2e7ed;--gray:#8a8a8a;--line:rgba(0,0,0,.14);--pad:clamp(1.25rem,3.2vw,3.75rem);--space:clamp(6.5rem,11vw,11rem);--ease:cubic-bezier(.2,.8,.2,1)}

/* Base */
@font-face{font-family:"Clash Display";src:url("../ASSETS/ClashDisplay-Extralight.otf") format("opentype");font-weight:200;font-display:swap}@font-face{font-family:"Clash Display";src:url("../ASSETS/ClashDisplay-Light.otf") format("opentype");font-weight:300;font-display:swap}@font-face{font-family:"Clash Display";src:url("../ASSETS/ClashDisplay-Bold.otf") format("opentype");font-weight:700;font-display:swap}@font-face{font-family:"Clash Display";src:url("../ASSETS/ClashDisplay-Regular.otf") format("opentype");font-weight:400;font-display:swap}@font-face{font-family:"Clash Display";src:url("../ASSETS/ClashDisplay-Medium.otf") format("opentype");font-weight:500;font-display:swap}@font-face{font-family:"Clash Display";src:url("../ASSETS/ClashDisplay-Semibold.otf") format("opentype");font-weight:600;font-display:swap}
html{background:var(--black)}body{overflow-x:hidden;background:var(--black);color:var(--black);font-family:"Satoshi",Arial,sans-serif;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}html.is-loading,html.is-loading body{overflow:hidden}body.menu-open{overflow:hidden}::selection{background:#777;color:#fff}.container{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--pad)}.theme-light{background:var(--paper);color:var(--black)}.theme-dark{background:var(--black);color:var(--white)}.skip-link{position:fixed;z-index:20000;top:.75rem;left:.75rem;padding:.8rem 1rem;background:#fff;color:#000;transform:translateY(-150%);transition:transform .2s}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Preloader */
.preloader{--preloader-pad:clamp(1rem,2.1vw,2.5rem);position:fixed;z-index:40000;inset:0;overflow:hidden;background:#090909;color:#fff;opacity:1;transform:translateZ(0)}.preloader-symbol{position:absolute;top:clamp(1.75rem,3.15vh,2.15rem);right:var(--preloader-pad);width:clamp(5.5rem,7.1vw,8.5rem);aspect-ratio:445.79/234.14}.preloader-symbol img{display:block;width:100%;height:100%}.preloader-symbol-base{opacity:.16}.preloader-symbol-fill{position:absolute;inset:0;overflow:hidden;clip-path:inset(100% 0 0);will-change:clip-path}.preloader-symbol-fill img{position:absolute;inset:0}.preloader-progress{position:absolute;right:var(--preloader-pad);bottom:clamp(2rem,11.7vh,7.9rem);left:var(--preloader-pad)}.preloader-progress-label{margin-bottom:clamp(2rem,4.5vh,3rem);font-family:"Clash Display",sans-serif;font-size:clamp(3rem,3.75vw,4.5rem);font-weight:200;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}.preloader-wordmark{display:block;width:100%;height:clamp(3.5rem,7vw,8.4rem);overflow:hidden}.preloader-wordmark-rail{fill:#fff}.preloader-wordmark-right{will-change:transform}.preloader.is-leaving{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .15s linear,visibility 0s linear .15s}

/* Type */
.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.display-title{max-width:12ch;font-family:"Clash Display",sans-serif;font-size:clamp(3.4rem,7.3vw,8.3rem);font-weight:400;letter-spacing:-.058em;line-height:.9}.display-title em,.contact-title em,.hero-title em{color:var(--gray);font-style:normal;font-weight:400}.section-intro{display:flex;align-items:center;justify-content:space-between;padding-block:1.1rem;border-top:1px solid var(--line);color:#656565;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.section-intro .eyebrow{color:var(--black)}.section-intro-dark{border-color:rgba(255,255,255,.18);color:#777}.section-intro-dark .eyebrow{color:#fff}

/* Navbar always transparent */
.navbar{position:fixed;z-index:9999;top:0;left:0;width:100%;color:#000;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;transition:color .45s var(--ease)}.navbar.is-dark{color:#fff}.nav-shell{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding-inline:var(--pad)}.brand{position:relative;display:block;width:82px;height:30px}.brand img{position:absolute;inset:0;width:82px;height:30px;object-fit:contain;transition:opacity .4s}.brand-light{opacity:0}.navbar.is-dark .brand-dark{opacity:0}.navbar.is-dark .brand-light{opacity:1}.nav-links{display:flex;gap:clamp(1.4rem,2.5vw,3rem);font-size:.74rem}.nav-links a,.footer a{position:relative}.nav-links a::after,.footer a::after{position:absolute;right:0;bottom:-.35rem;left:0;height:1px;background:currentColor;content:"";transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.nav-links a:hover::after,.nav-links a:focus-visible::after,.footer a:hover::after{transform:scaleX(1);transform-origin:left}.nav-cta{justify-self:end;display:flex;align-items:center;gap:1.5rem;padding-bottom:.4rem;border-bottom:1px solid currentColor;font-size:.74rem}.nav-cta span:last-child{transition:transform .4s var(--ease)}.nav-cta:hover span:last-child{transform:translate(4px,-4px)}.menu-toggle{display:none;justify-self:end;width:42px;height:42px;padding:12px 7px;cursor:pointer}.menu-toggle span{display:block;height:1px;margin-block:6px;background:currentColor}

/* Mobile menu */
.mobile-menu{position:fixed;z-index:15000;inset:0;display:flex;visibility:hidden;flex-direction:column;justify-content:space-between;padding:1.4rem var(--pad) 2rem;background:#000;color:#fff;opacity:0;clip-path:inset(0 0 100% 0);pointer-events:none}.mobile-menu.is-open{visibility:visible;opacity:1;clip-path:inset(0);pointer-events:auto}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between}.mobile-menu-top>img{width:82px}.menu-close{width:42px;height:42px;cursor:pointer}.menu-close span{display:block;height:1px;background:#fff}.menu-close span:first-child{transform:rotate(45deg)}.menu-close span:last-child{transform:rotate(-45deg)}.mobile-links{display:grid}.mobile-links a{display:grid;grid-template-columns:3rem 1fr;align-items:baseline;padding-block:.25rem;font-family:"Clash Display",sans-serif;font-size:clamp(2.6rem,11vw,5rem);letter-spacing:-.045em;line-height:1}.mobile-links a span{font:500 .62rem/1 "Satoshi",sans-serif;letter-spacing:.1em}.mobile-menu-foot{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #333;padding-top:1.2rem}.mobile-menu-foot p{max-width:14rem;color:#888;font-size:.72rem}.mobile-menu-foot img{width:76px;opacity:.18}

/* Controls */
.button{position:relative;display:inline-flex;overflow:hidden;align-items:center;justify-content:space-between;min-width:15rem;gap:2rem;padding:1.05rem 1.15rem;border:1px solid;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase}.button::before{position:absolute;inset:0;content:"";transform:translateY(101%);transition:transform .5s var(--ease)}.button span{position:relative;z-index:1;transition:color .35s,transform .4s var(--ease)}.button:hover::before{transform:translateY(0)}.button:hover span:last-child{transform:translate(4px,-4px)}.button-light{border-color:rgba(255,255,255,.55);color:#fff}.button-light::before{background:#fff}.button-light:hover span{color:#000}.button-large{min-width:min(26rem,100%);padding:1.4rem}.text-link{display:inline-flex;align-items:center;gap:1.5rem;border-bottom:1px solid;padding-block:.55rem;font-size:.73rem;text-transform:uppercase}.text-link span{transition:transform .4s var(--ease)}.text-link:hover span{transform:translate(4px,-4px)}.text-link-light{color:#fff}

/* 01 Hero */
.hero{position:relative;overflow:hidden;min-height:100svh;background:#000;color:#fff}.dot-field,.particles-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dot-field{z-index:0;opacity:.95}.hero-symbol{position:absolute;z-index:0;right:-13vw;bottom:-16vh;width:clamp(40rem,78vw,88rem);opacity:.085;transform:rotate(-7deg)}.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;min-height:100svh;padding-top:7rem;padding-bottom:1.4rem}.hero-kicker{display:flex;justify-content:space-between;color:#777;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}.hero-kicker p:first-child{display:grid;gap:.2rem}.hero-kicker strong{color:#fff;font-weight:600}.hero-kicker p:last-child{text-align:right}.hero-heading-wrap{position:relative;margin:auto 0 3vh}.hero-number{position:absolute;top:1.2rem;right:0;color:#666;font-size:.64rem;letter-spacing:.14em}.hero-title{max-width:10ch;font-family:"Clash Display",sans-serif;font-size:clamp(4rem,9.35vw,10.5rem);font-weight:500;letter-spacing:-.068em;line-height:.82}.hero-title>span,.hero-title>em{display:block;white-space:nowrap}.hero-title em{margin-left:16.5%}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:1.4rem 0 1.2rem;border-top:1px solid rgba(255,255,255,.18)}.hero-copy{max-width:34rem;color:#c2c2c2;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.4}.hero-actions{display:flex;align-items:center;justify-content:space-between;gap:2rem}.scroll-cue{align-self:flex-end;display:flex;align-items:center;gap:.75rem;margin-top:.7rem;color:#777;font-size:.61rem;letter-spacing:.12em;text-transform:uppercase}.scroll-cue span{position:relative;display:block;overflow:hidden;width:1px;height:23px;background:#333}.scroll-cue span::after{position:absolute;inset:0;background:#fff;content:"";animation:scroll-line 1.8s infinite;transform:translateY(-100%)}@keyframes scroll-line{50%,100%{transform:translateY(100%)}}

/* 02 About */
.about{position:relative;z-index:3;margin-top:-1px;padding-block:var(--space);border-radius:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 0 0;background:var(--paper);color:#000}.transition-mark{position:absolute;top:-5rem;right:var(--pad);display:grid;overflow:hidden;width:clamp(7rem,15vw,13rem);aspect-ratio:1;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:#000}.transition-mark img{width:68%;opacity:.92}.about-layout{display:grid;grid-template-columns:2fr 1fr;gap:clamp(3rem,8vw,9rem);padding-top:clamp(3rem,6vw,6rem)}.about-copy{max-width:31rem;padding-top:.6rem;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55}.about-copy p+p{margin-top:1.6rem}.manifesto-read{margin-top:clamp(6rem,11vw,11rem);font-family:"Clash Display",sans-serif;font-size:clamp(2.8rem,6.8vw,7.5rem);letter-spacing:-.052em;line-height:.94}.manifesto-read span{display:block;color:#c8c8c8;transition:color .3s}.manifesto-read span.is-active{color:#000}

/* 03 Services */
.services{position:relative;z-index:3;padding-block:2rem var(--space);background:var(--paper)}.services-heading{display:grid;grid-template-columns:2fr 1fr;gap:4rem;padding-block:clamp(3rem,6vw,6rem)}.services-heading>p{align-self:end;max-width:29rem;color:#555}.service-list{border-bottom:1px solid var(--line)}.service-row{position:relative;overflow:hidden;border-top:1px solid var(--line);outline-offset:-4px;transition:background .5s var(--ease),color .5s var(--ease)}.service-grid{position:relative;display:grid;grid-template-columns:.45fr 2fr 1.25fr auto;align-items:center;min-height:9rem;gap:clamp(1rem,3vw,3rem);transition:min-height .55s var(--ease)}.service-number{color:#777;font-size:.68rem;letter-spacing:.1em;transition:transform .5s var(--ease),color .4s}.service-row h3{font-family:"Clash Display",sans-serif;font-size:clamp(2.3rem,4.3vw,5rem);font-weight:400;letter-spacing:-.048em;line-height:.95;transition:transform .55s var(--ease)}.service-copy{max-width:26rem;color:#555;opacity:.65;transition:opacity .45s,color .45s,transform .55s var(--ease)}.service-copy p{font-size:.86rem}.service-copy span{display:block;margin-top:.6rem;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.service-arrow{font-size:1.2rem;opacity:.35;transition:opacity .4s,transform .5s var(--ease)}.service-preview{position:absolute;z-index:3;top:50%;right:10%;overflow:hidden;width:clamp(9rem,15vw,15rem);aspect-ratio:4/3;background:#222;opacity:0;pointer-events:none;transform:translateY(-40%) rotate(3deg) scale(.86);transition:opacity .45s,transform .65s var(--ease)}.service-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.service-row:hover,.service-row:focus-within{background:#000;color:#fff}.service-row:hover .service-grid,.service-row:focus-within .service-grid{min-height:11rem}.service-row:hover h3,.service-row:focus-within h3{transform:translateX(1rem)}.service-row:hover .service-number,.service-row:focus-within .service-number{color:#aaa;transform:translateX(.35rem)}.service-row:hover .service-copy,.service-row:focus-within .service-copy{color:#aaa;opacity:0;transform:translateX(-1rem)}.service-row:hover .service-arrow,.service-row:focus-within .service-arrow{opacity:1;transform:translate(5px,-5px)}.service-row:hover .service-preview,.service-row:focus-within .service-preview{opacity:1;transform:translateY(-50%) rotate(-2deg) scale(1)}

/* 04 Projects */
.projects{position:relative;z-index:2;padding-top:clamp(4rem,8vw,8rem);background:#000;color:#fff}.projects-cap{position:absolute;top:-4rem;right:0;left:0;height:4.1rem;border-radius:4rem 4rem 0 0;background:#000}.projects-heading{display:grid;grid-template-columns:2fr 1fr;gap:4rem;padding-block:clamp(3rem,6vw,6rem)}.projects-heading>p{align-self:end;max-width:29rem;color:#999}.projects-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(4rem,8vw,9rem) clamp(1rem,2vw,2rem);padding-bottom:clamp(7rem,12vw,12rem)}.project-wide{grid-column:1/13}.project-tall{grid-column:5/11}.project figure{position:relative;overflow:hidden;background:#111}.project-wide figure{aspect-ratio:16/7}.project-tall figure{aspect-ratio:3/4}.project img{width:100%;height:108%;object-fit:cover;filter:grayscale(100%);transform:scale(1.001);transition:transform 1.1s var(--ease),filter .9s var(--ease)}.project:hover img{filter:grayscale(15%);transform:scale(1.045)}.project-meta{display:flex;justify-content:space-between;padding-top:1rem}.project-meta h3{font-family:"Clash Display",sans-serif;font-size:clamp(1.5rem,2.5vw,2.8rem);font-weight:400;letter-spacing:-.03em}.project-meta p,.project-meta>span{margin-top:.3rem;color:#777;font-size:.63rem;letter-spacing:.09em;text-transform:uppercase}.project-zoom{position:relative;height:190vh;background:#000}.project-zoom-stage{position:sticky;top:0;display:grid;overflow:hidden;width:100%;height:100svh;place-items:center}.project-zoom-frame{position:relative;overflow:hidden;width:75vw;height:70vh;border-radius:24px;background:#111}.project-zoom-frame>img{width:100%;height:120%;object-fit:cover;filter:grayscale(100%) brightness(.55);transform:translateY(-8%) scale(1.15)}.zoom-overlay{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,4vw,4rem);text-shadow:0 2px 30px #000}.zoom-overlay>p,.zoom-overlay>a{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}.zoom-overlay h3{align-self:center;font-family:"Clash Display",sans-serif;font-size:clamp(3.5rem,8vw,9rem);font-weight:400;letter-spacing:-.06em;line-height:.83;text-align:center}.zoom-overlay>a{align-self:flex-end;border-bottom:1px solid;padding-bottom:.4rem}

/* 05 Team */
.team{position:relative;z-index:4;margin-top:-5rem;padding-block:var(--space);border-radius:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 0 0;background:var(--paper)}.team-heading{display:grid;grid-template-columns:2fr 1fr;gap:4rem;padding-block:clamp(3rem,6vw,6rem)}.team-heading>p{align-self:end;max-width:30rem;color:#555}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.8rem,1.5vw,1.5rem)}.team-card figure{position:relative;overflow:hidden;aspect-ratio:3/4;background:#222}.team-card figure>img:first-child{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transform:scale(1.001);transition:filter .8s var(--ease),transform 1s var(--ease)}.team-card:hover figure>img:first-child,.team-card.is-active figure>img:first-child{filter:grayscale(0%);transform:scale(1.04)}.team-mark{position:absolute;right:1.2rem;bottom:1.2rem;width:64px;opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s var(--ease)}.team-card:hover .team-mark,.team-card.is-active .team-mark{opacity:.85;transform:translateY(0)}.team-info{display:grid;grid-template-columns:2rem 1fr;padding-top:1.1rem}.team-info>p{grid-row:1/5;color:#777;font-size:.62rem}.team-info h3{font-family:"Clash Display",sans-serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:400;letter-spacing:-.04em;line-height:1;transition:transform .5s var(--ease)}.team-info span{margin-top:.35rem;color:#666;font-size:.7rem}.team-info i{display:block;width:0;height:1px;margin-block:.8rem;background:#000;transition:width .65s var(--ease)}.team-info div{max-height:0;overflow:hidden;color:#555;font-size:.76rem;opacity:0;transition:max-height .65s var(--ease),opacity .45s}.team-card:hover h3,.team-card.is-active h3{transform:translateY(-3px)}.team-card:hover .team-info i,.team-card.is-active .team-info i{width:100%}.team-card:hover .team-info div,.team-card.is-active .team-info div{max-height:7rem;opacity:1}

/* 06 Contact + footer */
.contact{position:relative;z-index:5;overflow:hidden;padding-top:var(--space);border-radius:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 0 0;background:#000;color:#fff}.particles-canvas{opacity:.48}.contact-orbit{position:absolute;top:28%;left:50%;width:min(68vw,820px);aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:translate(-50%,-50%)}.contact-orbit::before{position:absolute;inset:14%;border:1px solid rgba(255,255,255,.05);border-radius:inherit;content:""}.contact-orbit span{position:absolute;width:6px;height:6px;border-radius:50%;background:#777}.contact-orbit span:first-child{top:12%;left:17%}.contact-orbit span:last-child{right:7%;bottom:31%}.contact-main{position:relative;z-index:2;display:flex;flex-direction:column;min-height:86svh}.contact-title{max-width:11ch;margin-block:auto;font-family:"Clash Display",sans-serif;font-size:clamp(4rem,9.6vw,10.5rem);font-weight:400;letter-spacing:-.065em;line-height:.83}.contact-bottom{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;padding-bottom:4rem}.contact-bottom>p{max-width:36rem;color:#999;font-size:clamp(1rem,1.3vw,1.2rem)}.contact-actions{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer{position:relative;z-index:2;padding-block:5rem 2rem;border-top:1px solid #222}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;align-items:start;padding-bottom:5rem}.footer-top>img{width:min(24vw,300px)}.footer-top p{color:#888;font-size:.77rem}.footer-top nav{display:grid;justify-items:start;gap:.8rem;font-size:.73rem}.footer-bottom{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-top:1.2rem;border-top:1px solid #222;color:#707070;font-size:.63rem}.footer-bottom a{justify-self:end}

/* Cursor */
.cursor{position:fixed;z-index:30000;top:0;left:0;display:none;width:13px;height:13px;border:1px solid #fff;border-radius:50%;color:#000;mix-blend-mode:difference;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s var(--ease),height .3s var(--ease),background .3s}.cursor span{position:absolute;top:50%;left:50%;font-size:.52rem;font-weight:600;letter-spacing:.08em;opacity:0;transform:translate(-50%,-50%)}.cursor.is-view{width:64px;height:64px;background:#fff;mix-blend-mode:normal}.cursor.is-view span{opacity:1}.cursor.is-button{width:34px;height:34px;background:rgba(255,255,255,.25)}

/* Responsive */
@media(max-width:1200px){.nav-shell{min-height:70px}.service-preview{right:7%}.project-tall{grid-column:4/11}}
@media(max-width:992px){.nav-links,.nav-cta{display:none}.nav-shell{grid-template-columns:1fr 1fr}.menu-toggle{display:block}.hero-inner{padding-top:6.5rem}.hero-bottom,.contact-bottom{grid-template-columns:1fr;gap:2rem}.hero-actions,.contact-actions{justify-content:flex-start}.about-layout,.services-heading,.projects-heading,.team-heading{grid-template-columns:1fr}.about-copy,.services-heading>p,.projects-heading>p,.team-heading>p{max-width:40rem}.service-grid{grid-template-columns:.3fr 1.6fr 1fr auto}.service-preview{display:none}.service-row:hover .service-copy,.service-row:focus-within .service-copy{opacity:1;transform:none}.team-info div{max-height:none;opacity:1}.team-info i{width:100%}}
@media(max-width:768px){:root{--space:7rem}.section-intro{align-items:start}.hero-heading-wrap{margin:auto 0 2rem}.hero-title{max-width:none;font-size:clamp(3.5rem,14vw,6.5rem);line-height:.85}.hero-title em{margin-left:0}.hero-number{top:-2rem}.hero-symbol{right:-62vw;bottom:-5vh;width:155vw}.hero-bottom{gap:1.5rem}.hero-actions{flex-wrap:wrap;gap:1rem 1.5rem}.scroll-cue{display:none}.display-title{font-size:clamp(3.1rem,13.6vw,6rem)}.transition-mark{top:-3.5rem;width:7rem}.about-layout{gap:2.5rem}.manifesto-read{font-size:clamp(2.75rem,12vw,5rem)}.services-heading{gap:2.5rem}.service-grid{grid-template-columns:2.5rem 1fr auto;min-height:auto;padding-block:2rem;gap:1rem}.service-row h3{font-size:clamp(2.2rem,9.5vw,3.5rem)}.service-copy{grid-column:2/4;max-width:none;opacity:1}.service-arrow{grid-column:3;grid-row:1}.service-row:hover .service-grid,.service-row:focus-within .service-grid{min-height:auto}.service-row:hover h3,.service-row:focus-within h3{transform:translateX(.35rem)}.projects-grid{display:block}.project+.project{margin-top:5rem}.project-tall{width:78%;margin-left:auto}.project-wide figure{aspect-ratio:4/3}.project-zoom{height:125vh}.project-zoom-frame{width:calc(100vw - 2rem);height:76vh;border-radius:14px}.zoom-overlay h3{font-size:clamp(3.4rem,14vw,6rem)}.team{margin-top:-2rem}.team-grid{grid-template-columns:1fr;gap:4.5rem}.team-card figure{aspect-ratio:4/5}.contact-main{min-height:80svh}.contact-title{font-size:clamp(3.8rem,14.5vw,7rem)}.contact-bottom{gap:2.5rem}.contact-actions{align-items:flex-start;flex-direction:column}.footer-top{grid-template-columns:1fr 1fr}.footer-top>img{grid-column:1/-1;width:180px}.footer-bottom{grid-template-columns:1fr auto;gap:1rem}.footer-bottom p:nth-child(2){display:none}}
@media(max-width:480px){:root{--pad:1rem}.nav-shell{min-height:64px}.brand,.brand img{width:72px;height:26px}.hero-inner{padding-top:5.25rem}.hero-kicker p:last-child{display:none}.hero-title{font-size:clamp(2.9rem,13.7vw,4.2rem)}.hero-copy{font-size:.94rem}.button{width:100%;min-width:0}.hero-actions{display:grid;width:100%}.hero-actions .text-link{justify-self:start}.eyebrow{font-size:.6rem}.display-title{font-size:clamp(2.9rem,14vw,4.3rem)}.manifesto-read{font-size:clamp(2.4rem,12.5vw,4rem)}.service-row h3{font-size:clamp(2rem,9vw,3rem)}.service-copy p{font-size:.8rem}.project-tall{width:88%}.zoom-overlay h3{font-size:3.6rem}.team-heading{gap:2.3rem}.contact-title{font-size:clamp(3.4rem,14.5vw,5.3rem)}.contact-orbit{width:120vw}.footer-top{grid-template-columns:1fr;padding-bottom:4rem}.footer-top>img{grid-column:1}.mobile-links a{font-size:2.65rem}}
@media(pointer:fine) and (hover:hover){body,a,button{cursor:none}.cursor{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.dot-field,.particles-canvas{display:none}.project-zoom{height:auto;padding-block:4rem}.project-zoom-stage{position:relative;height:80vh}.cursor{display:none!important}}

@media(min-width:993px){.service-copy{position:relative;z-index:4;opacity:.85;transform:translateX(-.5rem)}.service-arrow{position:relative;z-index:4}.service-row:hover .service-copy,.service-row:focus-within .service-copy{color:#ddd;opacity:1;transform:translateX(0)}}

/* Services now flow directly into Team */
.team{margin-top:0;border-radius:0}

/* 2026 redesign sections 02, 03 and 05 */
.section-label{display:flex;align-items:center;gap:.8rem;color:#646464;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.section-label span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid #aaa;border-radius:50%;color:#000;font-size:.58rem}.section-title{font-family:"Clash Display",sans-serif;font-size:clamp(3.2rem,5.6vw,6.4rem);font-weight:400;letter-spacing:-.058em;line-height:.9}.section-title em{color:#8a8a8a;font-style:normal;font-weight:400}

/* About editorial feature + modular principles */
.about{padding-block:clamp(7rem,10vw,10rem)}.about-shell{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,5vw,5rem);padding-top:clamp(3rem,5vw,5rem)}.about-heading{display:flex;flex-direction:column;align-items:flex-start}.about-heading .section-title{max-width:8.5ch;margin-top:clamp(2rem,4vw,4rem)}.about-heading>p:last-child{max-width:30rem;margin-top:auto;padding-top:3rem;color:#4f5863;font-size:clamp(.95rem,1.15vw,1.12rem)}.about-feature{position:relative;display:flex;overflow:hidden;flex-direction:column;min-height:clamp(29rem,42vw,40rem);padding:clamp(1.25rem,2vw,2rem);border-radius:clamp(1.25rem,2.4vw,2.25rem);background:#000;color:#fff;isolation:isolate}.about-feature::before{position:absolute;inset:0;background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.12),transparent 28%),linear-gradient(145deg,transparent 45%,rgba(255,255,255,.04));content:""}.about-feature-top{position:relative;z-index:2;display:flex;justify-content:space-between;color:#818181;font-size:.62rem;letter-spacing:.11em;text-transform:uppercase}.about-lead{position:relative;z-index:2;max-width:8.5ch;margin-top:clamp(3rem,7vw,7rem);font-family:"Clash Display",sans-serif;font-size:clamp(2.7rem,5vw,5.6rem);letter-spacing:-.055em;line-height:.88}.about-lead em{color:#777;font-style:normal}.about-feature-visual{position:absolute;right:0;bottom:0;left:0;height:48%}.about-feature-visual svg{position:absolute;right:-4%;bottom:4%;width:94%;height:auto}.about-signal-line{fill:none;stroke:rgba(255,255,255,.42);stroke-width:1.2;vector-effect:non-scaling-stroke}.about-signal-line-muted{stroke:rgba(255,255,255,.12)}.about-feature-visual img{position:absolute;right:6%;bottom:12%;width:clamp(5rem,10vw,9rem);opacity:.85}.about-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:.75rem;margin-top:.75rem}.about-card{position:relative;display:flex;min-height:17rem;flex-direction:column;padding:clamp(1.25rem,2vw,1.9rem);border:1px solid #aeb8c4;border-radius:1.4rem;background:#e2e7ed;transition:border-color .45s,transform .55s var(--ease),box-shadow .55s var(--ease)}.about-card:nth-child(1){grid-column:span 4}.about-card:nth-child(2){grid-column:span 3}.about-card:nth-child(3){grid-column:span 3;background:#c5ced8}.about-card:nth-child(4){grid-column:span 2}.about-card>span{color:#66717d;font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.about-card h3{max-width:13ch;margin-top:auto;font-family:"Clash Display",sans-serif;font-size:clamp(1.7rem,2.4vw,2.65rem);font-weight:400;letter-spacing:-.045em;line-height:.95}.about-card p{max-width:27rem;margin-top:1rem;color:#56616d;font-size:.76rem}.about-card-dark{border-color:#000;background:#000!important;color:#fff}.about-card-dark p,.about-card-dark>span{color:#9299a1}.about-card:hover{border-color:#758391;box-shadow:0 18px 50px rgba(25,35,46,.12);transform:translateY(-5px)}.about-card-metric{justify-content:center;align-items:center;gap:1.25rem;background:#b7c2ce;text-align:center}.about-card-metric div{display:grid}.about-card-metric strong{font-family:"Clash Display",sans-serif;font-size:clamp(2.8rem,4vw,4.5rem);font-weight:400;letter-spacing:-.06em;line-height:.8}.about-card-metric span{margin-top:.45rem;color:#4e5a67;font-size:.59rem;letter-spacing:.11em;text-transform:uppercase}.about-card-metric i{width:3rem;height:1px;background:#7f8b98}

/* Services visual bento grid */
.services{padding-block:2rem clamp(7rem,11vw,11rem)}.services-headline{display:grid;grid-template-columns:minmax(0,7fr) minmax(18rem,5fr);gap:clamp(3rem,8vw,9rem);padding-block:clamp(3rem,6vw,6rem)}.services-headline .section-title{max-width:10ch}.services-headline>div{align-self:end}.services-headline>div>p{max-width:29rem;color:#555}.services-headline .text-link{margin-top:2rem}.services-bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(17rem,auto);gap:.75rem}.service-card{--spot-x:50%;--spot-y:50%;position:relative;display:flex;overflow:hidden;min-height:18rem;flex-direction:column;padding:clamp(1.25rem,2vw,1.9rem);border:1px solid #bcc4cf;border-radius:1.5rem;background:#f0f2f6;color:#000;isolation:isolate;outline-offset:-5px;transition:border-color .45s,box-shadow .55s var(--ease),transform .55s var(--ease)}.service-card::before{position:absolute;z-index:1;inset:0;background:radial-gradient(circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.16),transparent 34%);content:"";opacity:0;pointer-events:none;transition:opacity .45s}.service-card-primary{grid-column:1/8;grid-row:1/3;min-height:36rem;background:#050505;color:#fff}.service-card-identity{grid-column:8/13;grid-row:1;background:#d9dee6}.service-card-social{grid-column:8/13;grid-row:2;background:#0a0a0a;color:#fff}.service-card-media{grid-column:1/7;grid-row:3;background:#dfe4ea}.service-card-performance{grid-column:7/13;grid-row:3;background:#080808;color:#fff}.service-card-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.service-card-head>span{opacity:.62}.service-card-head i{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid rgba(0,0,0,.22);border-radius:50%;font-style:normal;transition:background .4s,color .4s,transform .5s var(--ease)}.service-card-primary .service-card-head i,.service-card-social .service-card-head i,.service-card-performance .service-card-head i{border-color:rgba(255,255,255,.25)}.service-card-body{position:relative;z-index:3;max-width:30rem;margin-top:auto;padding-top:5rem}.service-card h3{font-family:"Clash Display",sans-serif;font-size:clamp(2.25rem,3.5vw,4rem);font-weight:400;letter-spacing:-.05em;line-height:.9}.service-card-primary h3{font-size:clamp(3.4rem,5.8vw,6.5rem)}.service-card-body>p{max-width:26rem;margin-top:1rem;color:#5f5f5f;font-size:.8rem}.service-card-primary .service-card-body>p,.service-card-social .service-card-body>p,.service-card-performance .service-card-body>p{color:#aaa}.service-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.3rem}.service-tags span{padding:.35rem .58rem;border:1px solid rgba(0,0,0,.19);border-radius:99px;color:#5b5b5b;font-size:.55rem;letter-spacing:.06em;text-transform:uppercase}.service-card-primary .service-tags span,.service-card-social .service-tags span,.service-card-performance .service-tags span{border-color:rgba(255,255,255,.2);color:#aaa}.service-card figure{position:absolute;z-index:0;inset:0;margin:0;opacity:.16;pointer-events:none;transition:opacity .65s var(--ease)}.service-card figure::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 5%,var(--card-fade,#f0f2f6) 92%);content:""}.service-card-primary figure,.service-card-social figure,.service-card-performance figure{--card-fade:#050505;opacity:.34}.service-card-social figure{--card-fade:#0a0a0a}.service-card-performance figure{--card-fade:#080808}.service-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transform:scale(1.035);transition:filter .8s var(--ease),transform 1s var(--ease)}.service-card:hover,.service-card:focus-visible{border-color:#8f99a8;box-shadow:0 24px 65px rgba(0,0,0,.12);transform:translateY(-5px)}.service-card:hover::before,.service-card:focus-visible::before{opacity:1}.service-card:hover figure,.service-card:focus-visible figure{opacity:.48}.service-card:hover img,.service-card:focus-visible img{filter:grayscale(20%);transform:scale(1.09)}.service-card:hover .service-card-head i,.service-card:focus-visible .service-card-head i{background:#000;color:#fff;transform:rotate(45deg)}.service-card-primary:hover .service-card-head i,.service-card-social:hover .service-card-head i,.service-card-performance:hover .service-card-head i,.service-card-primary:focus-visible .service-card-head i,.service-card-social:focus-visible .service-card-head i,.service-card-performance:focus-visible .service-card-head i{background:#fff;color:#000}

/* Contact compact conversion panel */
.contact{padding-top:clamp(7rem,10vw,10rem);border-radius:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 0 0}.particles-canvas{opacity:.34}.contact-backdrop-symbol{position:absolute;z-index:0;right:-18vw;bottom:14rem;width:min(82vw,92rem);opacity:.035;transform:rotate(-8deg);pointer-events:none}.contact-shell{position:relative;z-index:2}.contact-layout{display:grid;grid-template-columns:minmax(0,7fr) minmax(22rem,5fr);gap:clamp(3rem,8vw,9rem);align-items:end;padding-block:clamp(4rem,8vw,8rem)}.contact-heading{align-self:center}.availability{display:inline-flex;align-items:center;gap:.65rem;padding:.48rem .72rem;border:1px solid #2e2e2e;border-radius:99px;color:#8d8d8d;font-size:.59rem;letter-spacing:.1em;text-transform:uppercase}.availability i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.08)}.contact-heading h2{max-width:9ch;margin-top:2rem;font-family:"Clash Display",sans-serif;font-size:clamp(3.8rem,7vw,7.8rem);font-weight:400;letter-spacing:-.064em;line-height:.84}.contact-heading h2 em{color:#737373;font-style:normal}.contact-heading>p:last-child{max-width:36rem;margin-top:2.2rem;color:#929292;font-size:clamp(.95rem,1.2vw,1.15rem)}.contact-panel{display:flex;min-height:32rem;flex-direction:column;padding:clamp(1.4rem,2.5vw,2.4rem);border-radius:clamp(1.4rem,2.2vw,2rem);background:var(--paper);color:#000;box-shadow:0 35px 100px rgba(0,0,0,.34)}.contact-panel-top{display:flex;justify-content:space-between;color:#666;font-size:.61rem;letter-spacing:.11em;text-transform:uppercase}.contact-panel h3{max-width:9ch;margin-top:clamp(2.5rem,5vw,5rem);font-family:"Clash Display",sans-serif;font-size:clamp(2.6rem,4.3vw,4.8rem);font-weight:400;letter-spacing:-.055em;line-height:.88}.contact-primary{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:1.2rem 1.25rem;border-radius:99px;background:#000;color:#fff;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.contact-primary span:last-child{transition:transform .4s var(--ease)}.contact-primary:hover span:last-child{transform:translate(4px,-4px)}.contact-channels{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.55rem}.contact-channels a{display:flex;justify-content:space-between;padding:.9rem 1rem;border:1px solid #cdcdca;border-radius:99px;color:#555;font-size:.63rem;text-transform:uppercase}.contact-channels i{font-style:normal;transition:transform .4s var(--ease)}.contact-channels a:hover i{transform:translate(3px,-3px)}.contact-steps{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #242424}.contact-steps li{display:grid;grid-template-columns:2.4rem 1fr;gap:.8rem;padding:1.7rem clamp(1rem,2vw,2rem)}.contact-steps li+li{border-left:1px solid #242424}.contact-steps li>span{color:#5d5d5d;font-size:.61rem}.contact-steps strong{font-family:"Clash Display",sans-serif;font-size:1.2rem;font-weight:400}.contact-steps p{margin-top:.35rem;color:#6f6f6f;font-size:.69rem}.footer-redesign{margin-top:clamp(7rem,11vw,11rem);padding-block:clamp(4rem,7vw,7rem) 2rem}.footer-brand-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;align-items:start;padding-bottom:clamp(4rem,7vw,7rem)}.footer-brand-row>img{width:min(24vw,280px)}.footer-brand-row>p{color:#818181;font-size:.78rem}.footer-brand-row nav{display:grid;gap:.4rem}.footer-brand-row nav a{display:flex;justify-content:space-between;padding-bottom:.55rem;border-bottom:1px solid #242424;color:#aaa;font-size:.69rem;text-transform:uppercase;transition:color .35s}.footer-brand-row nav a:hover{color:#fff}.footer-meta{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding-top:1.2rem;border-top:1px solid #242424;color:#666;font-size:.62rem}.footer-meta a{justify-self:end}

@media(max-width:1100px){.about-shell{grid-template-columns:1fr}.about-heading .section-title{max-width:10ch}.about-heading>p:last-child{margin-top:0}.about-feature{min-height:32rem}.about-card:nth-child(1),.about-card:nth-child(2),.about-card:nth-child(3),.about-card:nth-child(4){grid-column:span 6}.services-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.service-card-primary{grid-column:1/3;grid-row:auto;min-height:33rem}.service-card-identity,.service-card-social,.service-card-media,.service-card-performance{grid-column:auto;grid-row:auto;min-height:22rem}.contact-layout{grid-template-columns:1fr}.contact-heading h2{max-width:10ch}.contact-panel{width:min(100%,42rem)}.footer-brand-row,.footer-meta{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:700px){.section-title{font-size:clamp(2.9rem,12vw,4.8rem)}.about{padding-block:7rem}.about-shell{padding-top:2.5rem}.about-feature{min-height:29rem}.about-feature-top span:last-child{display:none}.about-lead{font-size:clamp(2.7rem,11vw,4.2rem)}.about-grid{grid-template-columns:1fr}.about-card:nth-child(1),.about-card:nth-child(2),.about-card:nth-child(3),.about-card:nth-child(4){grid-column:auto;min-height:14rem}.about-card-metric{min-height:12rem;flex-direction:row}.about-card-metric i{width:1px;height:3rem}.services-headline{grid-template-columns:1fr;gap:2.5rem}.services-bento{grid-template-columns:1fr}.service-card-primary,.service-card-identity,.service-card-social,.service-card-media,.service-card-performance{grid-column:auto;min-height:25rem}.service-card-primary{min-height:31rem}.service-card h3{font-size:clamp(2.4rem,11vw,3.8rem)}.service-card-primary h3{font-size:clamp(3.5rem,15vw,5rem)}.contact-layout{padding-block:4rem 5rem}.contact-heading h2{font-size:clamp(3.5rem,15vw,5.5rem)}.contact-panel{min-height:29rem}.contact-steps{grid-template-columns:1fr}.contact-steps li+li{border-top:1px solid #242424;border-left:0}.footer-brand-row{grid-template-columns:1fr 1fr}.footer-brand-row>img{grid-column:1/-1;width:170px}.footer-meta{grid-template-columns:1fr auto;gap:1rem}.footer-meta p:nth-child(2){display:none}}
@media(max-width:480px){.about-heading .section-title{margin-top:2rem}.about-heading>p:last-child{padding-top:2rem}.about-feature{min-height:25rem;padding:1rem}.about-feature-visual img{width:5rem}.about-card{border-radius:1.1rem}.services-headline{padding-block:3rem}.service-card{min-height:22rem;padding:1.15rem;border-radius:1.2rem}.service-card-primary{min-height:28rem}.service-card-body{padding-top:3.5rem}.service-tags{gap:.3rem}.contact-heading h2{font-size:clamp(3.25rem,15vw,4.7rem)}.contact-panel{min-height:27rem;padding:1.2rem}.contact-panel h3{font-size:clamp(2.5rem,12vw,3.8rem)}.contact-channels{grid-template-columns:1fr}.contact-backdrop-symbol{width:150vw}.footer-brand-row{grid-template-columns:1fr}.footer-brand-row>img{grid-column:auto}.footer-meta{font-size:.57rem}}

.service-card-identity figure{--card-fade:#d9dee6}.service-card-media figure{--card-fade:#dfe4ea}

/* Service card crossfade galleries */
.service-card-head{justify-content:flex-end}
.service-card-gallery::after{z-index:2}
.service-card .service-card-image{position:absolute;inset:0;opacity:0;transform:scale(1.035);transition:opacity 1.25s cubic-bezier(.4,0,.2,1),filter .8s var(--ease),transform 8s cubic-bezier(.2,.65,.25,1);will-change:opacity,transform}
.service-card .service-card-image.is-active{opacity:1;transform:scale(1.095)}
.service-card:hover .service-card-image.is-active,.service-card:focus-visible .service-card-image.is-active{transform:scale(1.14)}
@media(prefers-reduced-motion:reduce){.service-card .service-card-image{transition:none}.service-card .service-card-image.is-active{transform:scale(1.035)}}

.hero-title{perspective:900px}.split-word,.hero-char{display:inline-block}.hero-char{backface-visibility:hidden;will-change:transform,opacity,filter}

/* Section headings without auxiliary labels */
.about-shell{padding-top:0}
.about-heading .section-title{margin-top:0}
.services{padding-top:clamp(7rem,10vw,10rem)}
.services-headline,.team-heading{padding-top:0}
.contact-layout{padding-top:0}
.contact-heading h2{margin-top:0}

.blur-word{display:inline-block}

/* Centered contact symbol + white light */
.contact::after{position:absolute;z-index:0;top:56%;left:50%;width:min(72vw,72rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.105) 0%,rgba(255,255,255,.045) 27%,rgba(255,255,255,0) 68%);content:"";filter:blur(35px);translate:-50% -50%;pointer-events:none}.contact-backdrop-symbol{top:56%;right:auto;bottom:auto;left:50%;width:min(96vw,100rem);opacity:.075;filter:drop-shadow(0 0 22px rgba(255,255,255,.28)) drop-shadow(0 0 85px rgba(255,255,255,.16));translate:-50% -50%;transform:rotate(-5deg)}.footer-redesign{margin-top:clamp(3rem,5vw,5rem);padding-block:clamp(2.75rem,4vw,4rem) 1.5rem}.footer-brand-row{padding-bottom:clamp(2.5rem,4vw,4rem)}

/* Transparent scrollbar with automatic contrast over light and dark sections */
html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;background:transparent}.site-scrollbar{position:fixed;z-index:35000;top:0;right:0;width:16px;height:100dvh;opacity:1;mix-blend-mode:difference;pointer-events:auto;touch-action:none;user-select:none;transition:opacity .2s}.site-scrollbar.is-hidden,.is-loading .site-scrollbar,body.menu-open .site-scrollbar{opacity:0;pointer-events:none}.site-scrollbar-thumb{position:absolute;top:0;right:4px;width:5px;min-height:58px;border-radius:999px;background:#fff;pointer-events:none;transition:right .2s,width .2s;will-change:height,transform}.site-scrollbar:hover .site-scrollbar-thumb,.site-scrollbar:focus-visible .site-scrollbar-thumb,.site-scrollbar-thumb.is-dragging{right:3px;width:7px}.site-scrollbar:focus-visible{outline:1px solid #fff;outline-offset:-2px}html body .site-scrollbar{cursor:default!important}html body .site-scrollbar-thumb.is-dragging,html body .site-scrollbar:active{cursor:grabbing!important}@media(pointer:coarse){.site-scrollbar{display:none}}

/* Conventional adaptive arrow cursor */
:root{--cursor-black:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24'%3E%3Cpath d='M3 2.5v15.7l4.2-4.1 3.1 7.1 3.1-1.4-3-6.8h5.9z' fill='%23000' stroke='%23fff' stroke-width='.8' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto;--cursor-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='24' viewBox='0 0 20 24'%3E%3Cpath d='M3 2.5v15.7l4.2-4.1 3.1 7.1 3.1-1.4-3-6.8h5.9z' fill='%23fff' stroke='%23000' stroke-width='.8' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2,auto}
@media(pointer:fine){html,body,body *{cursor:var(--cursor-white)!important}.theme-light,.theme-light *,.contact-panel,.contact-panel *{cursor:var(--cursor-black)!important}.about-feature,.about-feature *,.about-card-dark,.about-card-dark *,.service-card-primary,.service-card-primary *,.service-card-social,.service-card-social *,.service-card-performance,.service-card-performance *,.mobile-menu,.mobile-menu *{cursor:var(--cursor-white)!important}.navbar:not(.is-dark),.navbar:not(.is-dark) *{cursor:var(--cursor-black)!important}.navbar.is-dark,.navbar.is-dark *{cursor:var(--cursor-white)!important}.cursor{display:none!important}}
@media(max-width:700px){.contact::after{top:54%;width:125vw}.contact-backdrop-symbol{top:54%;bottom:auto;width:165vw;opacity:.065}.footer-redesign{margin-top:3rem;padding-top:2.75rem}}

/* Brand manifesto tactile poster parallax */
.brand-poster{position:relative;z-index:5;height:190svh;min-height:82rem;overflow:visible;background:#070707;color:#0b0b0b;isolation:isolate}
.brand-poster-stage{position:sticky;top:0;display:grid;overflow:hidden;width:100%;height:100svh;min-height:42rem;place-items:center;padding:clamp(2.5rem,5vw,4.5rem) var(--pad)}
.brand-poster-wall{position:absolute;inset:-12%;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.075),transparent 18%),radial-gradient(circle at 76% 64%,rgba(255,255,255,.05),transparent 24%),repeating-linear-gradient(0deg,#080808 0,#080808 3.7rem,#171717 3.76rem,#050505 3.88rem);will-change:transform}
.brand-poster-wall::before{position:absolute;inset:0;background:repeating-linear-gradient(94deg,transparent 0,transparent 8.8rem,rgba(255,255,255,.035) 8.86rem,rgba(0,0,0,.5) 9rem),repeating-radial-gradient(circle at 22% 31%,rgba(255,255,255,.08) 0 1px,transparent 1px 6px);content:"";opacity:.42;mix-blend-mode:screen}
.brand-poster-wall::after{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.74) 100%);content:""}
.brand-poster-wall i{position:absolute;width:clamp(6rem,13vw,13rem);height:1px;background:rgba(255,255,255,.16);box-shadow:0 1px 0 #000;transform:rotate(-8deg)}
.brand-poster-wall i:nth-child(1){top:18%;left:7%}.brand-poster-wall i:nth-child(2){right:5%;bottom:22%;transform:rotate(11deg)}.brand-poster-wall i:nth-child(3){bottom:9%;left:18%;width:8rem;transform:rotate(3deg)}
.brand-poster-sheet{position:relative;display:grid;width:min(76vw,62rem);height:min(86svh,58rem);min-height:39rem;grid-template-rows:auto 1fr auto;padding:clamp(1.35rem,2.5vw,2.5rem);padding-bottom:0;filter:drop-shadow(0 2rem 3rem rgba(0,0,0,.5));isolation:isolate;will-change:transform}
.brand-poster-sheet::before,.brand-poster-sheet::after{position:absolute;z-index:-2;inset:0;clip-path:polygon(.5% 1.3%,6% .4%,13% 1%,22% .3%,31% .9%,43% .25%,54% .8%,65% .2%,76% 1%,88% .35%,99.2% 1.2%,99.7% 11%,99.2% 23%,99.8% 37%,99.1% 51%,99.7% 66%,99.1% 81%,99.6% 98.7%,89% 99.3%,78% 98.8%,67% 99.6%,56% 98.9%,44% 99.5%,33% 98.8%,21% 99.4%,10% 98.7%,.4% 99.2%,.8% 84%,.2% 70%,.7% 55%,.1% 41%,.8% 27%,.2% 13%);background:#d6d3cb;content:""}
.brand-poster-sheet::after{z-index:-1;background:radial-gradient(circle at 19% 12%,rgba(255,255,255,.42),transparent 21%),radial-gradient(circle at 82% 73%,rgba(0,0,0,.13),transparent 23%),repeating-linear-gradient(91deg,rgba(255,255,255,.08) 0 1px,transparent 1px 6px),repeating-radial-gradient(circle at 30% 40%,rgba(0,0,0,.13) 0 1px,transparent 1px 5px);opacity:.58;mix-blend-mode:multiply}
.brand-poster-tape{position:absolute;z-index:5;top:-1rem;left:27%;display:grid;width:46%;min-height:clamp(3rem,5vw,4.3rem);place-items:center;clip-path:polygon(2% 7%,12% 1%,27% 5%,42% 0,58% 5%,74% 1%,88% 6%,99% 2%,97% 87%,87% 94%,72% 90%,58% 98%,43% 91%,27% 96%,13% 89%,1% 94%);background:#111;color:#f2f1ec;font-family:"Clash Display",sans-serif;font-size:clamp(1rem,2.1vw,2rem);font-weight:600;letter-spacing:-.03em;rotate:-2deg;box-shadow:0 .5rem 1rem rgba(0,0,0,.28);will-change:transform}
.brand-poster-tape::after{position:absolute;inset:0;background:repeating-linear-gradient(8deg,transparent 0 4px,rgba(255,255,255,.07) 5px,transparent 6px);content:"";opacity:.55;pointer-events:none}
.brand-poster-meta{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:1.2rem;font-size:clamp(.58rem,.88vw,.82rem);font-weight:500;letter-spacing:.1em;line-height:1.22;text-transform:uppercase}
.brand-poster-meta p:last-child{text-align:left}
.brand-poster-watermark{position:absolute;z-index:0;top:21%;left:50%;color:rgba(255,255,255,.15);font-family:"Clash Display",sans-serif;font-size:clamp(11rem,27vw,28rem);font-weight:600;letter-spacing:-.11em;line-height:.7;translate:-51% 0;pointer-events:none;will-change:transform}
.brand-poster-title{position:relative;z-index:2;align-self:center;display:grid;margin:.5rem -.4rem 0;font-family:"Clash Display",sans-serif;font-size:clamp(4.1rem,8.1vw,8.2rem);font-weight:600;letter-spacing:-.075em;line-height:.71;text-align:center;text-transform:uppercase}
.brand-poster-line{display:block;white-space:nowrap;will-change:transform}.brand-poster-line-small{font-size:.88em}.brand-poster-title strong{color:#f4f3ef;font-size:1.16em;font-weight:600;text-shadow:0 1px 0 rgba(0,0,0,.12)}
.brand-poster-bottom{position:relative;z-index:3;display:grid;grid-template-columns:minmax(5.5rem,1fr) minmax(0,3.7fr);gap:clamp(.6rem,2vw,1.5rem);align-items:end}
.brand-poster-bottom>p{padding-bottom:1.5rem;font-size:clamp(.58rem,.82vw,.75rem);font-weight:600;letter-spacing:.02em;line-height:1.15;text-transform:uppercase}
.brand-poster-tabs{display:grid;height:clamp(7.3rem,14vh,10rem);grid-template-columns:repeat(6,1fr);gap:clamp(2px,.42vw,.45rem);align-items:end}
.brand-poster-tabs li{display:grid;height:84%;place-items:center;border:1px solid rgba(0,0,0,.38);background:rgba(215,212,204,.88);font-size:clamp(.48rem,.75vw,.7rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;rotate:180deg;box-shadow:.2rem .12rem 0 rgba(0,0,0,.12)}
.brand-poster-tabs li:nth-child(2){height:72%}.brand-poster-tabs li:nth-child(3){height:88%}.brand-poster-tabs li:nth-child(4){height:78%}.brand-poster-tabs li:nth-child(5){height:100%}.brand-poster-tabs li:nth-child(6){height:83%}
.brand-poster-scroll{position:absolute;right:var(--pad);bottom:1.3rem;display:flex;align-items:center;gap:.65rem;color:#777;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}.brand-poster-scroll span{display:block;width:2.2rem;height:1px;background:#555}
.contact{z-index:6}

@media(max-width:900px){.brand-poster-sheet{width:min(88vw,48rem)}.brand-poster-title{font-size:clamp(3.8rem,10.2vw,6.5rem)}.brand-poster-meta{margin-top:1.5rem}}
@media(max-width:600px){.brand-poster{height:165svh;min-height:68rem}.brand-poster-stage{min-height:38rem;padding:3.1rem .75rem 2.4rem}.brand-poster-sheet{width:calc(100vw - 1.5rem);height:min(82svh,46rem);min-height:35.5rem;padding:1rem;padding-bottom:0}.brand-poster-tape{top:-.65rem;left:20%;width:60%;min-height:2.8rem;font-size:1rem}.brand-poster-meta{margin-top:1.3rem;font-size:.5rem}.brand-poster-title{margin-top:.2rem;font-size:clamp(2.8rem,14.5vw,4.65rem);line-height:.74}.brand-poster-watermark{top:27%;font-size:48vw}.brand-poster-bottom{grid-template-columns:4.3rem minmax(0,1fr);gap:.4rem}.brand-poster-bottom>p{padding-bottom:.8rem;font-size:.48rem}.brand-poster-tabs{height:7.2rem;gap:2px}.brand-poster-tabs li{font-size:.4rem;letter-spacing:.045em;box-shadow:1px 1px 0 rgba(0,0,0,.14)}.brand-poster-scroll{right:1rem;bottom:.75rem;font-size:.47rem}}
@media(prefers-reduced-motion:reduce){.brand-poster{height:auto;min-height:0;padding-block:clamp(5rem,10vw,8rem)}.brand-poster-stage{position:relative;height:auto;min-height:0}.brand-poster-wall{inset:0}.brand-poster-sheet,.brand-poster-wall,.brand-poster-sheet [data-poster-depth]{transform:none!important}.brand-poster-scroll{display:none}}

/* Keep poster rows contained on narrow screens */
.brand-poster-sheet{grid-template-columns:minmax(0,1fr)}
.brand-poster-title,.brand-poster-bottom,.brand-poster-tabs,.brand-poster-tabs li{min-width:0}
@media(max-width:600px){.brand-poster-title{font-size:clamp(2.65rem,12.5vw,4.2rem)}}

/* Larger manifesto tabs */
.brand-poster-tabs{height:clamp(9.2rem,18vh,13rem);grid-template-columns:repeat(6,minmax(0,1fr))}
.brand-poster-tabs li{font-size:clamp(.54rem,.82vw,.76rem)}
@media(max-width:600px){.brand-poster-tabs{height:9rem}.brand-poster-tabs li{font-size:.44rem}}

@media(hover:hover) and (pointer:fine){.brand-poster-tabs li{position:relative;z-index:1;width:100%;justify-self:center;border:0;background:transparent;box-shadow:none;writing-mode:horizontal-tb;rotate:0deg;overflow:visible}.brand-poster-tabs li>span{display:grid;width:100%;height:100%;place-items:center;border:1px solid rgba(0,0,0,.38);background:rgba(215,212,204,.94);font-size:inherit;letter-spacing:inherit;writing-mode:vertical-rl;rotate:180deg;box-shadow:.2rem .12rem 0 rgba(0,0,0,.12);transition:opacity .12s ease}.brand-poster-tabs li.is-focused{z-index:10}.brand-poster-tabs li.is-focused>span{opacity:0}.brand-poster-tab-focus-card{position:fixed;z-index:1000;top:var(--tab-origin-y,50vh);left:var(--tab-origin-x,50vw);display:grid;width:var(--tab-origin-width,0);height:var(--tab-origin-height,0);place-items:center;border:1px solid rgba(0,0,0,.38);background:rgba(215,212,204,.94);color:#0b0b0b;font-family:"Satoshi",sans-serif;font-size:clamp(.54rem,.82vw,.76rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl;opacity:0;rotate:180deg;translate:-50% -50%;box-shadow:.2rem .12rem 0 rgba(0,0,0,.12);pointer-events:none;transition:top .7s var(--ease),left .7s var(--ease),width .55s var(--ease),height .55s var(--ease),opacity .12s ease,rotate .55s var(--ease),background-color .35s,box-shadow .5s var(--ease);will-change:top,left,width,height}.brand-poster-tab-focus-card.is-visible{top:50vh;left:50vw;width:clamp(14rem,22vw,21rem);height:clamp(5rem,8vw,6.5rem);background:#f1efe9;font-size:clamp(.72rem,1vw,.92rem);letter-spacing:.09em;white-space:nowrap;writing-mode:horizontal-tb;opacity:1;rotate:0deg;box-shadow:1.2rem 1.3rem 3rem rgba(0,0,0,.38)}.brand-poster-focus-backdrop{position:absolute;z-index:5;top:-100vh;right:-100vw;bottom:-100vh;left:-100vw;background:rgba(5,5,5,.16);opacity:0;backdrop-filter:blur(0);pointer-events:none;transition:opacity .45s var(--ease),backdrop-filter .55s var(--ease)}.brand-poster.is-tab-focused .brand-poster-focus-backdrop{opacity:1;backdrop-filter:blur(9px) saturate(.62)}}

/* Contact form */
.contact-layout{align-items:center}.contact-panel{min-height:0}.contact-panel h3{max-width:12ch;margin-top:clamp(1.8rem,3vw,3rem);font-size:clamp(2.45rem,3.5vw,4rem)}.contact-form{display:grid;gap:1.35rem;margin-top:clamp(2rem,3.5vw,3rem)}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-field{display:grid;gap:.42rem}.contact-field>span,.contact-services legend{color:#5f5f5f;font-size:.61rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.contact-field input,.contact-field textarea{width:100%;padding:.35rem 0 .7rem;border:0;border-bottom:1px solid #c8c8c4;border-radius:0;outline:0;background:transparent;color:#090909;font-size:.82rem;transition:border-color .25s}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#969692}.contact-field input:focus,.contact-field textarea:focus{border-color:#090909}.contact-field textarea{min-height:4.6rem;resize:vertical;line-height:1.45}.contact-services{min-width:0;margin:0;padding:0;border:0}.contact-services legend{width:100%;margin-bottom:.75rem}.contact-services legend span{float:right;color:#999;font-size:.52rem;font-weight:500;letter-spacing:.06em}.contact-service-grid{display:grid;grid-template-columns:1fr 1fr;gap:.52rem}.contact-service-option{position:relative;display:flex;align-items:center;min-height:2.2rem;gap:.55rem;padding:.48rem .58rem;border:1px solid #d1d1cd;border-radius:.55rem;color:#555;font-size:.65rem;line-height:1.2;transition:border-color .25s,background-color .25s,color .25s}.contact-service-option:last-child{grid-column:1/-1}.contact-service-option input{position:absolute;width:1px;height:1px;opacity:0}.contact-check{position:relative;width:.9rem;height:.9rem;flex:0 0 .9rem;border:1px solid #999;border-radius:.15rem;background:#fff;transition:border-color .25s,background-color .25s}.contact-check::after{position:absolute;top:.08rem;left:.26rem;width:.25rem;height:.49rem;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;content:"";opacity:0;transform:rotate(45deg) scale(.6);transition:opacity .2s,transform .2s}.contact-service-option:has(input:checked){border-color:#090909;background:#090909;color:#fff}.contact-service-option input:checked+.contact-check{border-color:#fff;background:#090909}.contact-service-option input:checked+.contact-check::after{opacity:1;transform:rotate(45deg) scale(1)}.contact-service-option:has(input:focus-visible){outline:2px solid #090909;outline-offset:2px}.contact-services.has-error .contact-service-grid{border-radius:.55rem;outline:1px solid #a52b2b;outline-offset:3px}.contact-field-error{margin-top:.55rem;color:#a52b2b;font-size:.62rem}.contact-form .contact-primary{width:100%;margin-top:.15rem;border:0;cursor:pointer}.contact-form .contact-primary:disabled{opacity:.55;pointer-events:none}.contact-form-status{min-height:1rem;margin-top:-.75rem;font-size:.64rem}.contact-form-status.is-success{color:#27743b}.contact-form-status.is-error{color:#a52b2b}.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.contact-whatsapp{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.88rem 1rem;border:1px solid #c9c9c5;border-radius:99px;color:#444;font-size:.63rem;font-weight:500;letter-spacing:.035em;text-transform:uppercase;transition:border-color .3s,background-color .3s,color .3s}.contact-whatsapp svg{width:1.05rem;height:1.05rem;fill:currentColor}.contact-whatsapp i{font-style:normal;transition:transform .4s var(--ease)}.contact-whatsapp:hover{border-color:#111;background:#111;color:#fff}.contact-whatsapp:hover i{transform:translate(3px,-3px)}

@media(max-width:700px){.contact-panel{width:100%}.contact-panel h3{font-size:clamp(2.5rem,11vw,3.8rem)}.contact-fields{grid-template-columns:1fr}.contact-form{gap:1.15rem}.contact-services legend span{display:block;float:none;margin-top:.15rem}.contact-service-grid{grid-template-columns:1fr}.contact-service-option:last-child{grid-column:auto}}

@media(max-width:380px){.contact-whatsapp{font-size:.57rem}.contact-whatsapp svg{width:.95rem;height:.95rem}}

/* Hero CTA solid white contact button aligned opposite the services CTA */
.hero-actions{justify-content:flex-end;gap:.75rem}
.button-white{margin-left:0;border-color:#fff;background:#fff;color:#000}
.button-white::before{background:#171717}
.button-white:hover span{color:#fff}

@media(max-width:992px){.hero-actions{justify-content:flex-start}}

.contact-panel h3{margin-top:0}

.contact-heading h2>span,.contact-heading h2>em{display:block}
.contact-heading>p{max-width:36rem;margin-top:2.2rem;color:#929292;font-size:clamp(.95rem,1.2vw,1.15rem)}
.contact-heading .contact-steps{width:100%;margin-top:clamp(2.5rem,5vw,5rem)}
.about+.services{margin-top:-2px}
.services-headline .section-title>span,.services-headline .section-title>em{display:block}
.about-heading .section-title>.title-line{display:block}
.about-lead>.title-line{display:block}
.about-feature .about-lead{position:absolute;z-index:2;top:50%;left:50%;width:max-content;max-width:calc(100% - 3rem);margin:0;text-align:left;transform:translate(-50%,-50%)}

@media(hover:hover) and (pointer:fine){.brand-poster-wall,.brand-poster-tape,.brand-poster-meta,.brand-poster-title,.brand-poster-bottom>p,.brand-poster-tabs li{transition-property:filter,opacity;transition-duration:.5s;transition-timing-function:var(--ease)}.brand-poster.is-tab-focused .brand-poster-wall,.brand-poster.is-tab-focused .brand-poster-tape,.brand-poster.is-tab-focused .brand-poster-meta,.brand-poster.is-tab-focused .brand-poster-title,.brand-poster.is-tab-focused .brand-poster-bottom>p{filter:blur(7px);opacity:.48}.brand-poster.is-tab-focused .brand-poster-tabs li:not(.is-focused){filter:blur(5px);opacity:.34}}

/* Desktop section framing original proportions with a viewport-aware scale */
@media(min-width:1101px){
  .about,.services,.team{min-height:100svh;padding-top:clamp(4.5rem,7svh,6.5rem);padding-bottom:clamp(3rem,5svh,4.5rem)}
  .section-title{font-size:clamp(3.2rem,min(4.1vw,6.8svh),4.7rem)}

  .about-shell{align-items:stretch}
  .about-heading{justify-content:center}
  .about-heading .section-title{max-width:none;font-size:clamp(2.8rem,min(3.6vw,6.4svh),4.2rem)}
  .about-heading .section-title>.title-line{white-space:nowrap}
  .about-heading>p:last-child{margin-top:clamp(1.5rem,3svh,2.2rem);padding-top:0}
  .about-feature{min-height:clamp(29rem,52svh,34rem)}
  .about-lead{max-width:none;margin-top:clamp(3rem,6svh,5rem);font-size:clamp(2.8rem,min(4.5vw,7svh),4.8rem)}
  .about-lead>.title-line{white-space:nowrap}

  .services-headline{padding-bottom:clamp(2rem,4svh,3rem)}
  .services-headline .section-title{max-width:none}
  .services-headline .section-title>span,.services-headline .section-title>em{white-space:nowrap}
  .services-bento{grid-auto-rows:clamp(10.5rem,19.5svh,11.25rem)}
  .service-card,.service-card-primary{min-height:0;padding:clamp(1.05rem,1.5vw,1.4rem)}
  .service-card-head{position:absolute;top:clamp(1rem,1.5vw,1.4rem);right:clamp(1rem,1.5vw,1.4rem)}
  .service-card-body{width:100%;padding-top:0}
  .service-card h3{font-size:clamp(2.15rem,min(3vw,4.8svh),3.5rem)}
  .service-card-primary h3{font-size:clamp(3.25rem,min(4.8vw,7.5svh),5.2rem)}
  .service-card-body>p{margin-top:.55rem;line-height:1.35}
  .service-tags{gap:.32rem;margin-top:.65rem}
  .service-tags span{padding:.25rem .48rem}
  .service-card-identity figure,.service-card-media figure{opacity:.25}
  .service-card img{object-position:center}

  .team{display:flex;align-items:center}
  .team>.container{flex:0 0 auto}
  .team-heading{padding-bottom:clamp(2rem,4svh,3.25rem)}
  .team-heading .display-title{max-width:none;font-size:clamp(3.7rem,min(5.1vw,8.2svh),5.8rem);white-space:nowrap}
  .team-card figure{height:clamp(22rem,52svh,31rem);min-height:0;aspect-ratio:auto}

  .contact{padding-top:0}
  .contact-layout{min-height:100svh;padding-top:clamp(4.8rem,8svh,6.5rem);padding-bottom:clamp(3rem,6svh,5rem)}
  .contact-heading h2{max-width:none;font-size:clamp(3.2rem,min(5.2vw,8.4svh),5.8rem)}
  .contact-heading h2>span,.contact-heading h2>em{white-space:nowrap}
  .contact-heading>p{margin-top:clamp(1.5rem,3svh,2.1rem)}
  .contact-panel h3{font-size:clamp(2.4rem,min(3vw,5.4svh),3.4rem)}
  .contact-form{gap:clamp(1rem,1.8svh,1.3rem);margin-top:clamp(1.7rem,3svh,2.3rem)}
}

@media(min-width:1101px) and (max-height:800px){
  .about,.services,.team{padding-top:3.8rem;padding-bottom:2.5rem}
  .section-title{font-size:clamp(2.8rem,6svh,3.4rem)}
  .about-feature{min-height:21rem}
  .about-lead{margin-top:2rem;font-size:clamp(2.5rem,5.8svh,3.2rem)}
  .about-card{min-height:10.5rem;padding:1.15rem}
  .about-card h3{font-size:clamp(1.45rem,3.2svh,1.85rem)}
  .about-card p{margin-top:.65rem;font-size:.68rem}
  .services-headline,.team-heading{padding-bottom:1.5rem}
  .services-bento{grid-auto-rows:9.5rem}
  .service-card,.service-card-primary{padding:1rem}
  .service-card-body{padding-top:0}
  .service-card-head i{width:1.8rem;height:1.8rem}
  .service-card h3{font-size:clamp(1.8rem,4svh,2.3rem)}
  .service-card-primary h3{font-size:clamp(2.7rem,6svh,3.4rem)}
  .service-card-body>p{margin-top:.35rem;font-size:.67rem;line-height:1.25}
  .service-tags{margin-top:.4rem}
  .service-tags span{padding:.24rem .45rem;font-size:.49rem}
  .team-heading .display-title{font-size:clamp(3.2rem,7.2svh,4rem)}
  .contact-layout{padding-top:4.25rem;padding-bottom:2.5rem}
  .contact-heading h2{font-size:clamp(3rem,7.2svh,4.1rem)}
  .contact-panel{padding:1.25rem}
  .contact-panel h3{font-size:clamp(2.15rem,4.8svh,2.7rem)}
  .contact-form{gap:.75rem;margin-top:1.1rem}
  .contact-field textarea{min-height:3.2rem}
  .contact-form .contact-primary{padding:.85rem 1rem}
  .contact-whatsapp{padding:.7rem .9rem}
}

/* 05 Brand journey B0w Studio pillars */
.brand-journey{position:relative;z-index:5;overflow:hidden;padding-top:clamp(10.5rem,12vw,12rem);padding-bottom:clamp(1.5rem,2vw,2rem);background:#070707;color:#fff;isolation:isolate}
.brand-journey::before{position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 78% 22%,rgba(255,255,255,.07),transparent 25%),radial-gradient(circle,rgba(255,255,255,.12) .75px,transparent .9px) 0 0/32px 32px;content:"";opacity:.52}
.brand-journey::after{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),#070707 92%),linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.035) 50%,transparent 50.05%);content:"";pointer-events:none}
.brand-journey-mark{position:absolute;z-index:-1;right:-13vw;bottom:-22%;width:min(65vw,78rem);opacity:.035;transform:rotate(-8deg);pointer-events:none}
.brand-journey-shell{position:relative;z-index:1}
.brand-journey-header{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(17rem,.45fr);gap:clamp(3rem,8vw,9rem);align-items:start;padding-bottom:clamp(3rem,4vw,4rem)}
.brand-journey-header h2{font-family:"Clash Display",sans-serif;font-size:clamp(3.2rem,4.7vw,5.4rem);font-weight:400;letter-spacing:-.062em;line-height:.88}
.brand-journey-header h2 span,.brand-journey-header h2 strong{display:block}
.brand-journey-header h2 span{color:#858585;font-weight:300}
.brand-journey-header h2 strong{color:#fff;font-weight:500}
.brand-journey-intro{max-width:28rem;color:#929292;font-size:clamp(.9rem,1.05vw,1.05rem);line-height:1.55}
.brand-pillars-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.55rem,.8vw,.85rem)}
.brand-pillar-card{position:relative;overflow:hidden;min-width:0;min-height:29rem;padding:clamp(1.25rem,1.45vw,1.55rem);border:1px solid rgba(255,255,255,.27);border-radius:1.35rem;background:rgba(0,0,0,.38);transition:border-color .45s var(--ease),background-color .45s var(--ease),transform .55s var(--ease)}
.brand-pillar-card::before{position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.04),transparent 38%);content:"";opacity:0;transition:opacity .45s var(--ease);pointer-events:none}
.brand-pillar-number{display:block;color:#f2f2f2;font-size:.63rem;font-weight:600;letter-spacing:.05em}
.brand-pillar-card h3{margin-top:1rem;font-family:"Clash Display",sans-serif;font-size:clamp(1.25rem,1.45vw,1.6rem);font-weight:500;letter-spacing:-.035em;line-height:1}
.brand-pillar-card>p{margin-top:1.05rem;color:#858585;font-size:clamp(.73rem,.78vw,.82rem);line-height:1.55}
.brand-pillar-number,.brand-pillar-icon,.brand-pillar-card h3,.brand-pillar-card>p{position:relative;z-index:2}
.brand-pillar-icon{display:grid;width:min(100%,9.25rem);aspect-ratio:1;margin:.65rem auto 0;place-items:center;background:transparent;pointer-events:none}
.brand-pillar-icon img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 .55rem rgba(255,255,255,.13));transition:filter .55s var(--ease),transform .6s var(--ease)}

@media(hover:hover){.brand-pillar-card:hover{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.025);transform:translateY(-.45rem)}.brand-pillar-card:hover::before{opacity:1}.brand-pillar-card:hover .brand-pillar-icon img{filter:drop-shadow(0 0 .8rem rgba(255,255,255,.22));transform:scale(1.035)}}

@media(min-width:1451px){.brand-journey-header h2 span,.brand-journey-header h2 strong{white-space:nowrap}}
@media(max-width:1450px){.brand-pillars-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-pillar-card{min-height:25rem}.brand-pillar-card>p{max-width:29rem;font-size:.82rem}.brand-pillar-icon{max-width:9.25rem}}
@media(max-width:900px){.brand-journey-header{grid-template-columns:1fr;gap:2.2rem}.brand-journey-intro{max-width:36rem;margin-top:0}.brand-pillars-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-pillar-card{min-height:25rem}.brand-journey-mark{right:-40vw;width:120vw}}
@media(max-width:600px){.brand-journey{padding-top:8rem;padding-bottom:2rem}.brand-journey-header{padding-bottom:3rem}.brand-journey-header h2{font-size:clamp(2.9rem,14vw,4.4rem)}.brand-pillars-grid{grid-template-columns:1fr}.brand-pillar-card{min-height:24rem;padding:1.35rem}.brand-pillar-card h3{font-size:1.65rem}.brand-pillar-card>p{max-width:31rem;font-size:.86rem}.brand-pillar-icon{max-width:8.75rem}.brand-journey-mark{right:-68vw;bottom:0;width:185vw}}

@media(prefers-reduced-motion:reduce){.brand-pillar-card,.brand-pillar-icon img{transition:none}}

/* Footer refinements */
.footer-brand-row>img{width:min(21vw,250px)}
.footer-socials{display:grid;gap:.85rem}
.footer-socials>p{width:100%;color:#666;font-size:.62rem;line-height:1.45;text-align:center}
.footer-meta{grid-template-columns:1fr auto}
@media(min-width:701px){.footer-brand-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.footer-brand-row>img{width:155px}}

.contact-panel h3.contact-panel-title{max-width:none;color:#666;font-size:32px;white-space:nowrap}
@media(max-width:480px){.contact-panel h3.contact-panel-title{font-size:clamp(18px,5.4vw,32px)}}

.team-card figure>img:first-child{object-position:center 30%}
.team-card:nth-child(-n+2) figure>img:first-child{object-position:center 20%}

@media(max-width:700px){.contact-layout{grid-template-columns:minmax(0,1fr)}.contact-panel{justify-self:center;min-width:0;width:calc(100% - 1rem);max-width:40rem;margin-inline:auto}}

.team-info{grid-template-columns:1fr}

/* Responsive line breaks for the about heading */
.about-mobile-break{display:none}
@media(max-width:700px){.about-keep-mobile{white-space:nowrap}.about-desktop-break{display:none}.about-mobile-break{display:initial}}

@media(max-width:700px){.about{padding-bottom:3rem}.services{padding-top:0}.services-headline{padding-top:2rem}}


/* ================= B0w Studio nova identidade (hero clara + 3D) ================= */
:root{--ink:#0b0b0c;--steel:#e2e7ed}
.button-ink{border-color:var(--ink);background:var(--ink);color:#fff}.button-ink::before{background:#fff}.button-ink:hover span{color:var(--ink)}
.button-line{border-color:rgba(11,11,12,.45);color:var(--ink)}.button-line::before{background:var(--ink)}.button-line:hover span{color:#fff}
.section-title,.display-title{font-weight:300}.section-title em,.display-title em{font-weight:400}

.bow-hero{position:relative;overflow:hidden;min-height:100svh;display:flex;align-items:center;background:var(--steel);color:var(--ink)}
.bh-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;touch-action:pan-y}
.bh-fallback{position:absolute;z-index:1;right:8vw;top:50%;width:34vw;transform:translateY(-50%) rotate(45deg);filter:invert(1)}
.bh-inner{position:relative;z-index:2;pointer-events:none;padding-top:clamp(3rem,5vw,4.5rem)}
.bh-copy{display:flex;max-width:min(54vw,52rem);flex-direction:column;gap:clamp(1.35rem,2vw,1.8rem)}.bh-copy a{pointer-events:auto}
.bh-title{font-family:"Clash Display",sans-serif;font-size:clamp(3rem,7.4vw,8.6rem);font-weight:500;letter-spacing:-.045em;line-height:.94;perspective:900px}
.bh-title>span{display:block;overflow:hidden;padding:.03em 0 0}.bh-l1{font-weight:500}.bh-l2{margin-top:-.14em;font-size:.68em;font-weight:300;letter-spacing:-.025em}.bh-char{display:inline-block;will-change:transform,opacity,filter}
.bh-lead{max-width:38ch;color:rgba(11,11,12,.62);font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.55}
.bh-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.bow-hero.is-grab,.bow-hero.is-grab *{cursor:grab!important}.bow-hero.is-grabbing,.bow-hero.is-grabbing *{cursor:grabbing!important}
@media(max-width:820px){.bow-hero{align-items:flex-end;padding-bottom:calc(5.5rem + env(safe-area-inset-bottom))}.bh-inner{padding-top:0}.bh-copy{max-width:100%;gap:1rem}.bh-title{font-size:clamp(2.7rem,13.5vw,5rem)}.bh-actions .button{flex:1;justify-content:center;padding:.95rem 1rem}}
@media(max-height:560px) and (orientation:landscape){.bh-lead{display:none}}

/* serviços: parallax nas imagens + caixinha do mouse */
.service-card figure{inset:-10% 0}.service-card{cursor:pointer}
.case-tag{position:fixed;z-index:31000;top:0;left:0;margin:20px 0 0 20px;pointer-events:none}
.case-tag span{display:inline-flex;align-items:center;gap:.7rem;padding:.78rem 1.1rem;border-radius:99px;background:var(--ink);color:#fff;font:500 .72rem/1 "Satoshi",Arial,sans-serif;letter-spacing:.03em;white-space:nowrap;box-shadow:0 10px 30px rgba(0,0,0,.18);opacity:0;transform:scale(.7) translateY(6px);transform-origin:0 0;transition:opacity .25s,transform .45s var(--ease),background .3s,color .3s}
.case-tag i{font-style:normal;display:grid;width:1.3rem;height:1.3rem;place-items:center;border-radius:50%;background:rgba(255,255,255,.16)}
.case-tag.is-on span{opacity:1;transform:none}.case-tag.is-light span{background:#fff;color:var(--ink)}.case-tag.is-light i{background:rgba(0,0,0,.1)}
@media(pointer:coarse){.case-tag{display:none}}

/* Hero-to-about parallax transition */
#smooth-wrapper,#smooth-content{background:#050505}
.bow-hero{position:sticky;z-index:1;top:0}
.about{z-index:3;margin-top:0;border-radius:clamp(2rem,5vw,5rem) clamp(2rem,5vw,5rem) 0 0;background:#050505;color:#f4f5f6;box-shadow:0 -1.5rem 4rem rgba(0,0,0,.12)}
.about-heading .section-title{color:#f4f5f6}
.about-heading .section-title em{color:#858b92}
.about-heading>p:last-child{color:#a7adb5}
.about-feature{border:1px solid #4a5058;background:#282d33}
.about-feature::before{background:radial-gradient(circle at 72% 22%,rgba(255,255,255,.1),transparent 28%),linear-gradient(145deg,transparent 45%,rgba(255,255,255,.035))}
.about-card-dark{border-color:#4b535d;background:#2a3037!important;color:#fff}
.about-card-dark p,.about-card-dark>span{color:#aeb5bd}
.about .about-card:not(.about-card-dark){color:#08090a}
.about .about-card:not(.about-card-dark) h3,.about .about-card:not(.about-card-dark) strong{color:#08090a}
@media(pointer:fine){.about,.about *,.about-feature,.about-feature *,.about-card-dark,.about-card-dark *{cursor:var(--cursor-white)!important}.about .about-card:not(.about-card-dark),.about .about-card:not(.about-card-dark) *{cursor:var(--cursor-black)!important}}
.brand-journey+.contact{border-radius:0}
.contact-panel{background:#fff}
.about-signal-track{transform-box:fill-box;transform-origin:left center;animation:about-signal-flow 8s linear infinite;will-change:transform}
.about-signal-track-muted{animation-duration:11s;animation-direction:reverse}
@keyframes about-signal-flow{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.about-signal-track{animation:none}}
.about-feature-visual svg{right:auto;left:-1%;width:102%}
.about-feature-visual img{z-index:2;transform:rotate(-7deg);transform-origin:center;transition:transform .65s var(--ease);will-change:transform}
@media(hover:hover){.about-feature-visual img:hover{transform:rotate(10deg) scale(1.06)}}
@media(prefers-reduced-motion:reduce){.about-feature-visual img{transition:none}}

/* Legal and privacy layer */
.contact-privacy-note{color:#6f6f6b;font-size:.61rem;line-height:1.45}.contact-privacy-note button{padding:0;border-bottom:1px solid currentColor;color:#202020;cursor:pointer}
.footer-legal{display:flex;flex-wrap:wrap;gap:.7rem 1.35rem;padding:1.15rem 0;border-top:1px solid #242424}.footer-legal button{padding:0;color:#777;font-size:.59rem;letter-spacing:.04em;cursor:pointer;transition:color .25s}.footer-legal button:hover,.footer-legal button:focus-visible{color:#fff}
html.legal-scroll-locked,body.legal-modal-open{overflow:hidden;overscroll-behavior:none}
.legal-modal{position:fixed;z-index:50000;inset:0;display:grid;padding:clamp(1rem,3vw,2.5rem);place-items:center;background:rgba(0,0,0,.72);opacity:0;backdrop-filter:blur(0);pointer-events:none;transition:opacity .28s ease,backdrop-filter .28s ease}.legal-modal[hidden]{display:none}.legal-modal.is-open{opacity:1;backdrop-filter:blur(10px);pointer-events:auto}
.legal-dialog{position:relative;width:min(100%,50rem);max-height:min(84dvh,52rem);overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:clamp(1.25rem,2vw,2rem);background:#f5f6f7;color:#111;box-shadow:0 2.5rem 8rem rgba(0,0,0,.48);opacity:0;transform:translateY(1.2rem) scale(.975);transition:opacity .28s ease,transform .38s var(--ease)}.legal-modal.is-open .legal-dialog{opacity:1;transform:none}.legal-dialog-compact{width:min(100%,44rem)}
.legal-close{position:absolute;z-index:3;top:1rem;right:1rem;display:grid;width:2.75rem;height:2.75rem;place-items:center;border:1px solid #c7cbd0;border-radius:50%;background:rgba(245,246,247,.92);color:#111;cursor:pointer;backdrop-filter:blur(8px);transition:background-color .25s,color .25s,transform .35s var(--ease)}.legal-close span{font-size:1.5rem;font-weight:300;line-height:1}.legal-close:hover{background:#111;color:#fff;transform:rotate(90deg)}
.legal-scroll{max-height:min(84dvh,52rem);overflow:auto;padding:clamp(2rem,5vw,4rem);padding-right:clamp(2rem,5vw,4rem);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#999 transparent}.legal-eyebrow{padding-right:3.5rem;color:#737980;font-size:.61rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.legal-scroll h2{max-width:11ch;margin-top:1rem;font-family:"Clash Display",sans-serif;font-size:clamp(2.5rem,5vw,4.7rem);font-weight:400;letter-spacing:-.055em;line-height:.9}.legal-updated{margin-top:1rem;color:#777;font-size:.67rem}.legal-intro{max-width:42rem;margin-top:1.25rem;color:#555;font-size:.9rem;line-height:1.6}.legal-scroll h3{margin-top:2.1rem;font-family:"Clash Display",sans-serif;font-size:1.15rem;font-weight:500;letter-spacing:-.02em}.legal-scroll h3+p,.legal-scroll p+p{margin-top:.65rem}.legal-scroll h3~p{color:#4f5358;font-size:.83rem;line-height:1.68}.legal-scroll a,.legal-inline-action{border-bottom:1px solid currentColor}.legal-scroll code{padding:.12rem .28rem;border-radius:.25rem;background:#e4e7ea;font-size:.76rem}.legal-inline-action{margin-top:1.6rem;padding:.4rem 0;color:#111;font-size:.7rem;font-weight:600;letter-spacing:.04em;cursor:pointer;text-transform:uppercase}
.cookie-preferences{display:grid;gap:.65rem;margin-top:2rem}.cookie-choice{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:1rem 1.05rem;border:1px solid #d0d3d7;border-radius:1rem;background:#fff;cursor:pointer}.cookie-choice>span{display:grid;gap:.2rem}.cookie-choice strong{font-size:.78rem;font-weight:600}.cookie-choice small{color:#6c7177;font-size:.68rem;line-height:1.4}.cookie-choice input{position:absolute;width:1px;height:1px;opacity:0}.cookie-choice i{position:relative;width:2.75rem;height:1.5rem;border-radius:99px;background:#c9cdd1;transition:background-color .25s}.cookie-choice i::after{position:absolute;top:.2rem;left:.2rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#fff;box-shadow:0 .1rem .35rem rgba(0,0,0,.2);content:"";transition:transform .3s var(--ease)}.cookie-choice input:checked+i{background:#111}.cookie-choice input:checked+i::after{transform:translateX(1.25rem)}.cookie-choice:has(input:focus-visible){outline:2px solid #111;outline-offset:2px}.cookie-choice-required{cursor:default;opacity:.78}
.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.75rem}.legal-action{min-height:3rem;padding:.8rem 1rem;border:1px solid #111;border-radius:99px;background:#111;color:#fff;font-size:.65rem;font-weight:600;letter-spacing:.05em;cursor:pointer;text-transform:uppercase}.legal-action-secondary{background:transparent;color:#111}.cookie-status{min-height:1.2rem;color:#3d6648;font-size:.67rem}
.legal-modal-open .site-scrollbar{opacity:0;pointer-events:none}
@media(pointer:fine){.legal-dialog,.legal-dialog *{cursor:var(--cursor-black)!important}}
@media(max-width:700px){.footer-legal{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.footer-legal button{text-align:left}.legal-modal{padding:.65rem}.legal-dialog,.legal-scroll{max-height:calc(100dvh - 1.3rem)}.legal-scroll{padding:1.5rem 1.2rem 2rem}.legal-scroll h2{padding-right:3rem;font-size:clamp(2.15rem,11vw,3.4rem)}.legal-close{top:.75rem;right:.75rem;width:2.5rem;height:2.5rem}.cookie-actions{grid-template-columns:1fr}.cookie-choice{padding:.9rem}.cookie-choice small{font-size:.64rem}}
@media(max-width:420px){.footer-legal{grid-template-columns:1fr}.cookie-choice{grid-template-columns:1fr auto}.legal-eyebrow{font-size:.54rem}}
@media(prefers-reduced-motion:reduce){.legal-modal,.legal-dialog,.legal-close,.cookie-choice i,.cookie-choice i::after{transition:none}}

/* Initial cookie choice */
.cookie-banner-status:empty{display:none}.cookie-banner-status{margin-top:.65rem;color:#ffb6b6;font-size:.68rem;line-height:1.5}
.cookie-banner{position:fixed;z-index:48000;right:clamp(1rem,2.5vw,2.5rem);bottom:clamp(1rem,2.5vw,2.5rem);left:clamp(1rem,2.5vw,2.5rem);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;width:min(100% - clamp(2rem,5vw,5rem),64rem);gap:clamp(1.5rem,4vw,4rem);margin-left:auto;padding:clamp(1.25rem,2.2vw,2rem);border:1px solid rgba(255,255,255,.22);border-radius:clamp(1.1rem,2vw,1.75rem);background:rgba(10,10,10,.94);color:#fff;box-shadow:0 1.8rem 5rem rgba(0,0,0,.4);opacity:0;backdrop-filter:blur(18px);pointer-events:none;transform:translateY(1.25rem);transition:opacity .35s ease,transform .45s var(--ease)}.cookie-banner[hidden]{display:none}.cookie-banner.is-visible{opacity:1;pointer-events:auto;transform:none}
.cookie-banner-copy>p:first-child{color:#858b92;font-size:.56rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.cookie-banner-copy h2{margin-top:.45rem;font-family:"Clash Display",sans-serif;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:500;letter-spacing:-.035em}.cookie-banner-copy h2+p{max-width:39rem;margin-top:.55rem;color:#aeb3b9;font-size:.72rem;line-height:1.55}
.cookie-banner-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.cookie-banner-actions button{min-height:2.7rem;padding:.72rem 1rem;border:1px solid #3f4348;border-radius:99px;color:#d9dce0;font-size:.58rem;font-weight:600;letter-spacing:.04em;cursor:pointer;text-transform:uppercase}.cookie-banner-actions .cookie-banner-accept{border-color:#fff;background:#fff;color:#080808}.cookie-banner-actions .cookie-banner-manage{border-color:transparent;padding-inline:.4rem;color:#aeb3b9;text-decoration:underline;text-underline-offset:.25rem}.cookie-banner-actions button:hover,.cookie-banner-actions button:focus-visible{border-color:#fff;color:#fff}.cookie-banner-actions .cookie-banner-accept:hover,.cookie-banner-actions .cookie-banner-accept:focus-visible{background:#dfe3e8;color:#080808}
@media(pointer:fine){.cookie-banner,.cookie-banner *{cursor:var(--cursor-white)!important}.cookie-banner-actions .cookie-banner-accept{cursor:var(--cursor-black)!important}}
@media(max-width:820px){.cookie-banner{grid-template-columns:1fr;align-items:start;gap:1.1rem;width:auto}.cookie-banner-actions{justify-content:flex-start}.cookie-banner-actions .cookie-banner-manage{order:3;width:100%;justify-self:start;text-align:left}}
@media(max-width:500px){.cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-banner-actions button{padding-inline:.7rem}.cookie-banner-actions .cookie-banner-manage{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.cookie-banner{transition:none}}

/* Centered compact glass cookie notice */
.cookie-banner{right:auto;bottom:clamp(1rem,3vh,2rem);left:50%;grid-template-columns:1fr;align-items:center;width:min(calc(100% - 2rem),42rem);gap:1rem;margin:0;padding:1.15rem 1.3rem;border-color:rgba(255,255,255,.3);background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.025) 42%),rgba(8,10,12,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1.5rem 4.5rem rgba(0,0,0,.32);filter:blur(10px);isolation:isolate;overflow:hidden;backdrop-filter:blur(28px) saturate(145%);transform:translate(-50%,1.5rem) scale(.95);transition:opacity .35s ease,transform .5s var(--ease),filter .45s ease}.cookie-banner::before{position:absolute;z-index:0;top:-65%;left:-15%;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);content:"";pointer-events:none}.cookie-banner>*{position:relative;z-index:1}.cookie-banner.is-visible{filter:blur(0);transform:translate(-50%,0) scale(1);animation:cookie-glass-in .72s var(--ease) both}
.cookie-banner-copy{text-align:center}.cookie-banner-copy h2{font-size:clamp(1.3rem,2.6vw,1.7rem)}.cookie-banner-copy h2+p{max-width:34rem;margin-inline:auto;font-size:.68rem}.cookie-banner-actions{justify-content:center}.cookie-banner-actions button{min-height:2.4rem;padding:.6rem .85rem;font-size:.54rem}
@keyframes cookie-glass-in{0%{opacity:0;filter:blur(14px);transform:translate(-50%,1.8rem) scale(.91)}62%{opacity:1;filter:blur(0);transform:translate(-50%,-.18rem) scale(1.012)}100%{opacity:1;filter:blur(0);transform:translate(-50%,0) scale(1)}}
@media(max-width:600px){.cookie-banner{bottom:.75rem;width:calc(100% - 1.5rem);padding:1rem}.cookie-banner-copy h2{font-size:1.28rem}.cookie-banner-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.cookie-banner-actions .cookie-banner-manage{grid-column:1/-1;order:3;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.cookie-banner.is-visible{animation:none}.cookie-banner{filter:none;transform:translate(-50%,0);transition:none}}

/* Glass case cursor label */
.case-tag span{border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),rgba(8,10,12,.62);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 .8rem 2.4rem rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}.case-tag i{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.case-tag.is-light span{border-color:rgba(255,255,255,.62);background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.38)),rgba(235,240,245,.48);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 .8rem 2.4rem rgba(0,0,0,.16)}.case-tag.is-light i{border-color:rgba(0,0,0,.08);background:rgba(255,255,255,.34)}

/* Contact submit states */
.contact-primary{position:relative;min-height:3.15rem;transition:background-color .35s,color .35s}.contact-primary.is-loading{justify-content:center}.contact-primary.is-loading>span{opacity:0}.contact-primary.is-loading::after{position:absolute;top:50%;left:50%;width:1.05rem;height:1.05rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;content:"";transform:translate(-50%,-50%);animation:contact-submit-spin .75s linear infinite}.contact-form .contact-primary.is-loading:disabled,.contact-form .contact-primary.is-success:disabled{opacity:1}.contact-primary.is-success{background:#173d27;text-transform:none;letter-spacing:.035em}.contact-primary.is-success span:first-child{font-weight:600}.contact-primary.is-success span:last-child{font-size:.9rem}.is-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@keyframes contact-submit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.contact-primary.is-loading::after{animation:none;border-color:#fff}}

/* Contact success refinement */
.contact-primary.is-success{background:#282d33}
.contact-form-status.is-success{color:#5f646a}
.contact-form+.contact-whatsapp{margin-top:.75rem}

/* Keep the contact title inside its card at every width */
.contact-panel h3.contact-panel-title{min-width:0;max-width:100%;line-height:1.05;white-space:normal;overflow-wrap:normal;text-wrap:balance}

/* Every visible B0w mark returns to the beginning */
.brand,.mobile-brand,.mobile-symbol-home,.footer-brand-link{position:relative;z-index:2;display:block;cursor:pointer;pointer-events:auto}
.brand::before,.mobile-brand::before,.mobile-symbol-home::before,.footer-brand-link::before{position:absolute;inset:-.65rem;content:""}
.mobile-brand{width:82px}.mobile-brand img,.mobile-symbol-home img,.footer-brand-link img{display:block;width:100%;height:auto}.mobile-symbol-home img{opacity:1}
.mobile-symbol-home{width:76px;opacity:.18;transition:opacity .25s}.mobile-symbol-home:hover,.mobile-symbol-home:focus-visible{opacity:.55}
.footer-brand-link{width:min(21vw,250px);transition:opacity .25s}.footer-brand-link:hover,.footer-brand-link:focus-visible{opacity:.6}
@media(max-width:700px){.footer-brand-link{width:155px}}

/* Circular submit arrow inspired by the brand palette */
.contact-form .contact-primary{padding:.65rem .7rem .65rem 1.25rem}
.contact-submit-icon{display:grid;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;place-items:center;border-radius:50%;background:var(--steel);color:#090a0b;transition:background-color .3s,color .3s,transform .4s var(--ease)}
.contact-submit-icon svg{display:block;width:1.15rem;height:1.15rem;overflow:visible}.contact-submit-icon path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.contact-submit-check{display:none}.contact-primary.is-success .contact-submit-arrow{display:none}.contact-primary.is-success .contact-submit-check{display:block}
.contact-primary:hover .contact-submit-icon{background:#fff;transform:translateX(3px)}
.contact-primary.is-success:hover .contact-submit-icon{transform:none}

/* Static contact icons */
.contact-submit-icon,.contact-whatsapp svg,.contact-whatsapp i{transition:none}
.contact-primary:hover .contact-submit-icon{background:var(--steel);transform:none}
.contact-whatsapp:hover i{transform:none}
.contact-primary:hover span.contact-submit-icon:last-child{transform:none!important}

/* Submit button scale hover */
.contact-form .contact-primary{transform-origin:center;transition:background-color .35s,color .35s,transform .4s var(--ease),box-shadow .4s var(--ease)}
.contact-form .contact-primary:not(:disabled):hover{transform:scale(1.025);box-shadow:0 .7rem 1.7rem rgba(0,0,0,.16)}
.contact-form .contact-primary:not(:disabled):active{transform:scale(1.01)}
@media(prefers-reduced-motion:reduce){.contact-form .contact-primary:not(:disabled):hover,.contact-form .contact-primary:not(:disabled):active{transform:none}}

/* Compact black scrollbar inside legal overlays */
.legal-scroll{scrollbar-width:thin;scrollbar-color:#111 transparent}
.legal-scroll::-webkit-scrollbar{width:4px}.legal-scroll::-webkit-scrollbar-track{background:transparent}.legal-scroll::-webkit-scrollbar-thumb{border-radius:99px;background:#111}.legal-scroll::-webkit-scrollbar-thumb:hover{background:#000}

/* Clickable elements override the adaptive arrow, including their contents. */
@media(pointer:fine){
  html body :is(a[href],button,[role="link"],[role="button"]):not(:disabled):not([aria-disabled="true"]),
  html body :is(a[href],button,[role="link"],[role="button"]):not(:disabled):not([aria-disabled="true"]) *{
    cursor:pointer!important;
  }
}

/* Footer navigation and final copyright line */
.footer-navigation{display:flex;flex-wrap:wrap;gap:.5rem 1.35rem;padding:1rem 0;border-top:1px solid #242424}
.footer-navigation a{display:inline-flex;align-items:center;min-height:2.75rem;color:#aaa;font-size:.875rem;line-height:1.4;transition:color .25s}
.footer-navigation a:hover,.footer-navigation a:focus-visible{color:#fff}
.footer-copyright{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #242424;color:#aaa;font-size:.75rem;line-height:1.6;text-align:center}

/* Consistent contact step alignment and typography on every screen */
.contact-steps li{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:.5rem;padding:1.5rem 1rem;text-align:center}
.contact-steps li>span{color:#999;font-size:.8125rem;line-height:1.4}
.contact-steps strong{display:block;font-size:1.375rem;font-weight:500;line-height:1.3}
.contact-steps p{max-width:32ch;margin:.5rem auto 0;color:#b3b3b3;font-size:1rem;line-height:1.6}

/* Mobile alignment, readable type and comfortable touch targets */
@media(max-width:700px){
  :root{--mobile-section-space:3rem;--mobile-content-space:2rem}
  .bow-hero{padding-bottom:var(--mobile-section-space)}
  .about,.services,.team,.brand-journey{margin-block:0;padding-block:var(--mobile-section-space)}
  .about+.services{margin-top:0}
  .about-shell{padding-top:0;gap:var(--mobile-content-space)}
  .services-headline,.team-heading,.brand-journey-header{padding-block:0 var(--mobile-content-space)}
  .contact{padding-top:var(--mobile-section-space)}
  .contact-layout{gap:var(--mobile-content-space);padding-block:0 var(--mobile-section-space)}
  .contact-heading .contact-steps{margin-top:var(--mobile-content-space)}
  .footer-redesign{margin-top:0;padding-top:var(--mobile-section-space)}

  .bh-copy,.about-heading{align-items:center;text-align:center}
  .bh-copy{width:100%;margin-inline:auto}
  .services-headline,.team-heading,.brand-journey-header{justify-items:center;text-align:center}
  .services-headline>div,.brand-journey-header>div{width:100%;min-width:0}
  .contact-heading{text-align:center}

  .bh-title{width:100%;font-size:clamp(2.75rem,12vw,4rem)}
  .about-heading .section-title,
  .services-headline .section-title,
  .team-heading .display-title,
  .brand-journey-header h2,
  .contact-heading h2{
    width:100%;
    max-width:100%;
    margin-inline:auto;
    font-size:clamp(2.5rem,12vw,4rem);
    line-height:1;
    text-align:center;
    text-wrap:balance;
  }
  .about-heading .section-title{margin-top:0}
  .bh-lead,
  .about-heading>p:last-child,
  .services-headline>div>p,
  .team-heading>p,
  .brand-journey-intro,
  .contact-heading>p{
    max-width:38ch;
    margin-inline:auto;
    font-size:1rem;
    line-height:1.6;
    text-align:center;
    text-wrap:pretty;
  }
  .about-heading>p:last-child{padding-top:0;margin-top:1.75rem}
  .services-headline,.team-heading,.brand-journey-header{gap:1.75rem}
  .contact-heading>p{margin-top:1.75rem;color:#aaa}

  .bh-actions{width:100%;max-width:24rem;flex-direction:column;align-items:center;justify-content:center}
  .bh-actions .button{flex:auto;width:100%;min-width:0;min-height:3rem;justify-content:center;gap:.85rem;font-size:.8125rem;line-height:1.4}
  .services-headline .text-link{min-height:2.75rem;margin-top:1.5rem;justify-content:center;gap:1rem;font-size:.8125rem;line-height:1.4}

  .contact-heading .contact-steps{max-width:32rem;margin-inline:auto}
  .contact-panel h3.contact-panel-title{font-size:clamp(1.75rem,7vw,2.5rem);line-height:1.15;text-align:center}
  .contact-form .contact-primary{min-height:3rem;justify-content:center;gap:1rem;font-size:.875rem;letter-spacing:.035em}
  .contact-whatsapp{display:flex;min-height:3rem;justify-content:center;gap:.65rem;font-size:.8125rem;line-height:1.4;text-align:center}

  .footer-brand-row{grid-template-columns:minmax(0,1fr);justify-items:center;gap:1.5rem;padding-bottom:2rem;text-align:center}
  .footer-brand-link{width:10rem;margin-inline:auto}
  .footer-brand-row>p{max-width:30ch;color:#aaa;font-size:1rem;line-height:1.6}
  .footer-socials{width:100%;max-width:18rem}
  .footer-brand-row nav a{min-height:2.75rem;align-items:center;justify-content:center;gap:1rem;padding:.65rem 1rem;font-size:.875rem;line-height:1.4}
  .footer-navigation,.footer-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;padding-block:1rem;text-align:center}
  .footer-navigation a,.footer-legal button{display:flex;min-height:2.75rem;align-items:center;justify-content:center;padding:.5rem .25rem;color:#aaa;font-size:.875rem;letter-spacing:0;line-height:1.4;text-align:center}
  .footer-meta{grid-template-columns:minmax(0,1fr);justify-items:center;gap:.75rem;color:#aaa;font-size:.875rem;line-height:1.5;text-align:center}
  .footer-meta a{display:inline-flex;min-height:2.75rem;align-items:center;justify-self:center;padding:.5rem 1rem}
  .footer-copyright{margin-top:1.25rem;padding-top:1.25rem;font-size:.8125rem;text-wrap:balance}
}