:root{--ink:#181816;--navy:#181816;--blue:#f2cc1b;--paper:#f1eee6;--white:#f1eee6;--muted:#b8b3a7;--line:#6f6a60;--green:#30d883}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--white);font-family:"Manrope",sans-serif}
a{color:inherit;text-decoration:none}
button{font:inherit}
[hidden]{display:none!important}
.topbar{height:88px;padding:20px 3.9vw;position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:260px 1fr 210px;align-items:start;color:var(--white)}
.brand{display:flex;flex-direction:column;gap:8px}.brand strong{font-size:1.35rem;letter-spacing:.05em}.brand span{font-size:.62rem;letter-spacing:.15em;color:#b8b3a7;font-weight:700}
.desktop-nav{justify-self:center;display:flex;gap:2.7rem;padding-top:.45rem}.desktop-nav a{font-size:.62rem;letter-spacing:.12em;font-weight:700;color:#b8b3a7;padding-bottom:9px}.desktop-nav a:hover,.desktop-nav a:focus,.desktop-nav .active{color:#f1eee6}.desktop-nav .active{border-bottom:2px solid #f1eee6}
.header-cta{justify-self:end;border:1px solid #f1eee6;padding:14px 17px;font-size:.62rem;font-weight:700;letter-spacing:.1em;min-width:194px;display:flex;justify-content:space-between}.header-cta:hover{background:#f1eee6;color:var(--ink)}
.menu-button{display:none;background:transparent;border:1px solid #f1eee6;color:#f1eee6;padding:10px 13px;font-size:.7rem;letter-spacing:.1em}
.hero{min-height:856px;background:#181816;padding:130px 3.9vw 68px;position:relative;display:flex;flex-direction:column;border-bottom:1px solid #6f6a60}
.hero-kicker{position:absolute;right:3.9vw;top:72px;color:#b8b3a7;font-size:.66rem;font-weight:700;letter-spacing:.14em}
.hero h1{font-family:"Gloock",serif;font-weight:400;font-size:clamp(5rem,10.1vw,9.1rem);line-height:.81;letter-spacing:-.045em;margin:40px 0 0;width:100%}
.hero h1 span{display:block}.hero h1 span:nth-child(2){color:var(--blue);padding-left:16.5%}.hero h1 span:nth-child(3){padding-left:47%}
.hero-bottom{margin-top:auto;display:grid;grid-template-columns:minmax(300px,460px) 1fr 290px;gap:2rem;align-items:end}.hero-copy{font-family:"Gloock",serif;font-size:1.18rem;line-height:1.5;margin:0}.hero-copy em{font-style:normal;color:var(--blue)}.hero-actions{grid-column:3;display:flex;flex-direction:column;gap:12px}.button{min-height:66px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:.65rem;font-weight:800;letter-spacing:.1em}.button-primary{background:var(--blue);color:#181816}.button-secondary{border:1px solid var(--line)}.button:hover{filter:brightness(1.14)}
.scroll-hint{border-top:1px solid var(--line);margin-top:44px;padding-top:18px;color:#b8b3a7;font-size:.58rem;font-weight:700;letter-spacing:.14em;display:flex;justify-content:space-between}
.positioning{min-height:820px;background:var(--paper);color:#181816;position:relative;padding:24px 5.8vw 64px;overflow:hidden}.section-label{color:#6f6a60;font-size:.7rem;letter-spacing:.09em;font-weight:700;display:flex;gap:15px;align-items:center;margin:0}.section-label i{width:6px;height:6px;background:var(--blue);border-radius:50%;display:inline-block}.ghost-number{position:absolute;left:3.6vw;top:230px;font-family:"Gloock",serif;font-size:16rem;line-height:.8;color:#d2d0c7;opacity:.72}.position-content{margin-left:36.8%;max-width:820px;margin-top:62px}.position-content h2{font-family:"Gloock",serif;font-weight:400;font-size:clamp(4.8rem,6.55vw,5.9rem);line-height:1.1;margin:0;letter-spacing:-.04em}.position-content h2 span{position:relative;display:inline-block;color:#d2d0c7;text-shadow:0 1px 0 rgba(0,0,0,.08)}.position-content h2 span::after{content:"";position:absolute;left:0;right:0;top:52%;height:2px;background:var(--blue)}.position-content mark{background:linear-gradient(transparent 72%,var(--blue) 0);color:inherit;padding:0 .02em}.position-lower{display:grid;grid-template-columns:170px 1fr;gap:38px;margin:100px 0 0 8px;align-items:start}.stat-block strong{font-family:"Gloock",serif;color:var(--blue);font-size:4.5rem;font-weight:400;line-height:1}.stat-block p{font-size:.9rem;line-height:1.45}.position-copy{font-size:1.32rem;line-height:1.5;color:#6f6a60;margin:0;border-bottom:1px solid #6f6a60;padding-bottom:68px}.source{position:absolute;left:5.8vw;bottom:55px;color:#6f6a60;font-size:.58rem;font-weight:700;letter-spacing:.1em}
.method{background:#242420;min-height:820px;padding:52px 4.5vw 40px}.method-intro{display:grid;grid-template-columns:1fr 360px;align-items:start;gap:60px;margin:34px 0 68px}.method-intro h2{margin:0;font-family:"Gloock",serif;font-weight:400;font-size:clamp(4.8rem,7vw,6.5rem);line-height:.82;letter-spacing:-.045em}.method-intro h2 span,.method-intro h2 strong{display:block}.method-intro h2 strong{color:var(--blue);font-weight:400;padding-left:11%}.method-intro>p{color:#b8b3a7;font-size:.9rem;line-height:1.65;margin:16px 0 0}.method-grid{border-top:1px solid rgba(111,106,96,.24);display:grid;grid-template-columns:repeat(3,1fr)}.method-grid article{min-height:292px;padding:32px 28px 26px 0;display:flex;flex-direction:column}.method-grid article+article{border-left:1px solid rgba(111,106,96,.18);padding-left:28px}.method-grid span,.method-grid small{color:var(--blue);font-size:.62rem;font-weight:800;letter-spacing:.1em}.method-grid h3{font-family:"Gloock",serif;font-size:1.8rem;font-weight:400;margin:22px 0 14px}.method-grid p{color:#b8b3a7;font-size:.78rem;line-height:1.6;max-width:310px;margin:0}.method-grid small{margin-top:auto}.method-closing{border-top:1px solid rgba(111,106,96,.24);margin:0;padding-top:24px;font-size:.62rem;font-weight:800;letter-spacing:.12em;color:#b8b3a7}.method-closing b{color:var(--blue);padding:0 14px}
.services{background:#181816;min-height:760px;padding:86px 5vw 100px}.section-label.light{color:#b8b3a7}.services-intro{display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:end;margin:32px 0 64px}.services-intro h2{font-family:"Gloock",serif;font-size:clamp(4.8rem,6.4vw,5.8rem);line-height:1.03;font-weight:400;margin:0}.services-intro h2 em{color:var(--blue);font-style:normal}.services-intro>p{color:#b8b3a7;font-size:1rem;line-height:1.7;margin:0 0 12px}
.accordion{border-top:1px solid rgba(242,204,27,.72)}.service-item{border-bottom:1px solid rgba(242,204,27,.72)}.service-trigger{width:100%;background:none;border:0;color:inherit;display:grid;grid-template-columns:80px 1.05fr 1.5fr 1fr 34px;gap:24px;align-items:center;text-align:left;padding:28px 0;cursor:pointer}.service-trigger:hover .service-title,.service-trigger:focus-visible .service-title{color:var(--blue)}.service-index,.service-tags{font-size:.62rem;color:#b8b3a7;font-weight:700;letter-spacing:.08em}.service-title{font-family:"Gloock",serif;font-size:2rem;transition:.2s}.service-summary{color:#b8b3a7;font-size:.8rem;line-height:1.5}.service-icon{font-size:1.7rem;color:var(--blue);transition:transform .25s}.service-item.open .service-icon{transform:rotate(45deg)}
.service-panel{display:grid;grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);gap:5vw;padding:28px 0 64px;animation:reveal .38s ease}.panel-overline{font-size:.62rem;letter-spacing:.12em;color:var(--blue);font-weight:800}.panel-copy h3{font-family:"Gloock",serif;font-size:2.55rem;line-height:1.08;font-weight:400;margin:16px 0}.panel-copy>p:last-child{color:#b8b3a7;line-height:1.7}.proof-gallery{width:min(100%,430px);justify-self:end;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.proof-gallery figure{margin:0;position:relative;overflow:hidden;border:1px solid #6f6a60;background:#181816;aspect-ratio:9/16}.proof-gallery-traffic figure{aspect-ratio:4/5}.proof-gallery img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease,filter .45s ease}.proof-gallery figure:hover img{transform:scale(1.025);filter:brightness(1.06)}.proof-gallery figcaption{position:absolute;left:6px;bottom:6px;margin:0;padding:5px 7px;background:rgba(24,24,22,.82);border:1px solid rgba(241,238,230,.14);backdrop-filter:blur(8px);font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@keyframes reveal{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto;height:72px;padding:18px 20px}.brand span,.desktop-nav,.header-cta{display:none}.menu-button{display:block}.hero{min-height:760px;padding:100px 20px 30px}.hero-kicker{top:78px;right:20px;font-size:.52rem}.hero h1{margin-top:74px;font-size:clamp(4.2rem,20vw,7rem);line-height:.87}.hero h1 span:nth-child(2){padding-left:4%}.hero h1 span:nth-child(3){padding-left:18%}.hero-bottom{display:block;margin-top:auto}.hero-copy{font-size:1rem;max-width:420px}.hero-actions{margin-top:28px}.scroll-hint{margin-top:30px}.positioning{padding:24px 20px 52px;min-height:770px}.ghost-number{left:10px;top:120px;font-size:10rem}.position-content{margin:125px 0 0}.position-content h2{font-size:clamp(3.5rem,16vw,5.4rem)}.position-content h2 span::after{height:2px}.position-lower{margin:65px 0 0;grid-template-columns:1fr}.position-copy{font-size:1rem;padding-bottom:40px}.source{left:20px;bottom:25px}.method{padding:42px 20px}.method-intro{grid-template-columns:1fr;gap:20px;margin-bottom:44px}.method-intro h2{font-size:clamp(4.2rem,18vw,6rem)}.method-intro>p{max-width:420px}.method-grid{grid-template-columns:1fr}.method-grid article{min-height:230px;padding:28px 0}.method-grid article+article{border-left:0;border-top:1px solid rgba(111,106,96,.18);padding-left:0}.services{padding:62px 20px 80px}.services-intro{grid-template-columns:1fr;gap:20px}.services-intro h2{font-size:clamp(3.6rem,15vw,5.4rem)}.services-intro>p{font-size:.9rem}.service-trigger{grid-template-columns:56px 1fr 30px;gap:12px}.service-summary,.service-tags{display:none}.service-title{font-size:1.55rem}.service-panel{grid-template-columns:1fr;gap:24px}.proof-gallery{width:100%;justify-self:stretch;overflow-x:auto;grid-template-columns:repeat(3,38vw);scroll-snap-type:x mandatory;padding-bottom:8px}.proof-gallery figure{scroll-snap-align:start}.panel-copy h3{font-size:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-panel{animation:none}.service-icon{transition:none}}
.case-study{min-height:840px;background:var(--paper);color:#181816;padding:46px 5vw 76px;overflow:hidden}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:8vw;align-items:center;margin-top:52px}.case-content{max-width:720px}.case-eyebrow{font-size:.62rem;font-weight:800;letter-spacing:.14em;color:#6f6a60;margin:0 0 26px}.case-content h2{font-family:"Gloock",serif;font-size:clamp(4.2rem,6vw,6rem);line-height:.96;letter-spacing:-.045em;font-weight:400;margin:0}.case-content h2 em{display:inline-block;color:var(--blue);font-style:normal}.case-intro{max-width:600px;font-size:1.05rem;line-height:1.7;color:#6f6a60;margin:32px 0 42px}.case-results{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #6f6a60;border-bottom:1px solid #6f6a60}.case-results article{padding:24px 18px 25px 0;display:flex;flex-direction:column;gap:8px}.case-results article+article{border-left:1px solid #d2d0c7;padding-left:22px}.case-results strong{font-family:"Gloock",serif;color:var(--blue);font-size:clamp(2rem,3vw,3.2rem);font-weight:400;line-height:1}.case-results span{font-size:.66rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#6f6a60}.case-note{max-width:560px;color:#6f6a60;font-size:.8rem;line-height:1.6;margin:24px 0 0}.site-showcase{justify-self:center;width:min(100%,390px)}.browser-bar{height:42px;background:#181816;border:1px solid #6f6a60;display:flex;gap:7px;align-items:center;padding:0 13px}.browser-bar>span{width:7px;height:7px;border-radius:50%;background:#6f6a60}.browser-bar>span:first-child{background:var(--blue)}.browser-bar small{margin-left:8px;color:#b8b3a7;font-size:.52rem;letter-spacing:.05em}.site-viewport{height:610px;overflow:hidden;background:#181816;border:1px solid #6f6a60;border-top:0;position:relative}.site-viewport img{width:100%;height:auto;display:block;animation:siteScroll 12s ease-in-out infinite alternate}.site-showcase>p{font-size:.52rem;font-weight:800;letter-spacing:.12em;color:#6f6a60;margin:13px 0 0;text-align:right}@keyframes siteScroll{0%,12%{transform:translateY(0)}88%,100%{transform:translateY(calc(-100% + 610px))}}
@media(max-width:900px){.case-study{padding:42px 20px 70px}.case-layout{grid-template-columns:1fr;gap:50px;margin-top:38px}.case-content h2{font-size:clamp(3.5rem,15vw,5rem)}.case-intro{font-size:.95rem}.case-results{grid-template-columns:1fr}.case-results article+article{border-left:0;border-top:1px solid #d2d0c7;padding-left:0}.site-showcase{width:min(100%,360px)}.site-viewport{height:560px}}
@media(prefers-reduced-motion:reduce){.site-viewport img{animation:none}}
.case-study{min-height:820px;padding:50px 3.8vw 56px;background:#f1eee6}.case-layout{grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:5vw;margin-top:30px;align-items:stretch}.case-content{padding-right:4vw;border-right:1px solid #6f6a60;display:flex;flex-direction:column}.case-content h2{font-size:clamp(3.5rem,4.8vw,5rem);line-height:.98}.case-intro{margin:22px 0 48px;font-size:.92rem;max-width:570px;color:#242420}.case-metric-label{border-top:1px solid #6f6a60;padding-top:21px;margin:0 0 12px;color:#6f6a60;font-size:.58rem;font-weight:800;letter-spacing:.09em}.case-results{border:0;grid-template-columns:repeat(3,1fr);gap:30px}.case-results article,.case-results article+article{padding:0 0 14px;border-left:0;border-bottom:1px solid #6f6a60}.case-results strong{color:#242420;font-size:clamp(2.55rem,3.4vw,4.05rem)}.case-results span{min-height:32px;text-transform:none;font-size:.68rem;line-height:1.4;color:#242420}.case-results small{font-size:.65rem;color:#242420}.case-results article:first-child small{color:#00a579}.case-statement{font-family:"Gloock",serif;font-size:1.45rem;line-height:1.05;margin:28px 0 30px;color:#242420}.case-flow{font-size:.59rem;font-weight:800;color:var(--blue);letter-spacing:.03em;margin:0}.case-flow b{padding:0 8px}.case-note{margin-top:auto;padding-top:35px;font-size:.55rem;color:#b8b3a7}.case-media{display:grid;grid-template-rows:auto 1fr 1fr;gap:18px;min-width:0}.case-brand{margin:6px 0 0;color:var(--blue);font-size:.62rem;font-weight:800}.case-media figure{margin:0;min-width:0}.case-media video,.case-media img{width:100%;height:276px;display:block;object-fit:cover;background:#181816}.case-media figcaption{font-size:.58rem;color:#b8b3a7;margin-top:10px}.site-showcase{display:none}
@media(max-width:900px){.case-layout{grid-template-columns:1fr;gap:42px}.case-content{padding-right:0;padding-bottom:40px;border-right:0;border-bottom:1px solid #6f6a60}.case-results{grid-template-columns:1fr;gap:18px}.case-results span{min-height:0}.case-media video,.case-media img{height:auto}.case-note{margin-top:34px}.case-flow{line-height:2}.case-flow b{padding:0 4px}}
.case-media video,.case-media img{width:100%;height:auto;aspect-ratio:1894/866;object-fit:contain}
.contact-section{min-height:760px;background:#242420;color:#f1eee6;padding:55px 3.8vw 30px;display:flex;flex-direction:column}.contact-top{display:flex;flex-direction:column;gap:26px}.contact-index{margin:0;color:var(--blue);font-size:.66rem}.contact-kicker{margin:0;color:#b8b3a7;font-size:.58rem}.contact-main{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(360px,.8fr);gap:8vw;align-items:center;margin-top:42px}.contact-main h2{font-family:"Gloock",serif;font-size:clamp(4.6rem,6.8vw,7rem);line-height:.88;letter-spacing:-.045em;font-weight:400;margin:0}.contact-main h2 em{font-style:normal;color:var(--blue);position:relative}.contact-main h2 em::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:4px;background:var(--blue)}.contact-pitch{border-left:2px solid var(--blue);padding-left:46px;max-width:510px}.contact-pitch>p{font-size:1.08rem;line-height:1.55;margin:0 0 42px;max-width:420px}.contact-pitch>a{width:236px;height:58px;padding:0 24px;background:var(--blue);display:flex;align-items:center;justify-content:space-between;font-size:.68rem;letter-spacing:.03em}.contact-pitch>a:hover{filter:brightness(1.15)}.contact-pitch small{display:block;color:#b8b3a7;font-size:.62rem;margin-top:14px}.contact-footer{margin-top:auto;border-top:1px solid #6f6a60;padding-top:42px;display:grid;grid-template-columns:1.1fr 1fr .7fr .7fr;gap:36px;align-items:end;color:#b8b3a7}.footer-brand{position:relative;display:grid;grid-template-columns:auto 36px;grid-template-rows:auto auto;width:max-content;column-gap:12px}.footer-brand strong{font-size:1.2rem;letter-spacing:.1em;color:#f1eee6;font-weight:500}.footer-brand small{font-size:.58rem;font-weight:800;letter-spacing:.1em;color:#f1eee6}.footer-diamond{grid-column:2;grid-row:1/3;width:25px;height:35px;border:2px solid #f1eee6;transform:rotate(45deg);align-self:center}.contact-footer>p{font-size:.62rem;text-align:center;margin:0}.contact-footer nav{display:flex;flex-direction:column;font-size:.55rem;color:#f1eee6}.footer-local{display:flex;flex-direction:column;gap:12px;text-align:right;font-size:.56rem}.footer-local small{font-size:.54rem}
@media(max-width:900px){.contact-section{padding:42px 20px 30px;min-height:760px}.contact-main{grid-template-columns:1fr;gap:45px}.contact-main h2{font-size:clamp(4rem,18vw,6rem)}.contact-pitch{padding-left:24px}.contact-footer{grid-template-columns:1fr 1fr;align-items:start}.contact-footer>p{text-align:right}.footer-local{text-align:right}.contact-footer nav{margin-top:20px}}
.brand{gap:16px}.brand img{width:147px;height:54px;object-fit:contain;object-position:left top;display:block}.hero-kicker{top:96px}.footer-brand{display:block;width:auto}.footer-brand img{width:147px;height:54px;display:block;object-fit:contain;object-position:left center}.footer-diamond{display:none}
@media(max-width:900px){.brand img{width:118px;height:auto}.hero-kicker{top:88px}.footer-brand img{width:130px;height:auto}}
.brand span{position:absolute;left:3.9vw;top:96px}.contact-footer{grid-template-columns:1fr 1fr 1fr}.footer-center{display:flex;flex-direction:column;align-items:center;gap:26px}.footer-center>p{font-size:.62rem;text-align:center;margin:0}.footer-center nav{display:flex;flex-direction:column;align-items:flex-start;font-size:.55rem;color:#f1eee6}.desktop-nav{gap:2.4rem}
@media(max-width:900px){.brand span{display:none}.footer-center{gap:18px;align-items:flex-start}.contact-footer{grid-template-columns:1fr 1fr}.footer-center{align-items:flex-end}.footer-center nav{align-items:flex-end}.footer-local{grid-column:2}}
.footer-center nav a{display:flex;align-items:center;gap:5px}.footer-center nav a span{font-size:.7rem;color:#b8b3a7;transition:transform .2s}.footer-center nav a:hover span{transform:translate(2px,-2px)}

/* Cabeçalho flutuante e metadados alinhados abaixo dele */
.topbar{height:78px;padding:12px 3.9vw;position:fixed;z-index:100;align-items:center;background:rgba(24,24,22,.9);border-bottom:1px solid rgba(111,106,96,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.14)}
.brand img{object-position:left center}
.hero-est,.hero-kicker{position:absolute;top:96px;margin:0;color:#b8b3a7;font-size:.66rem;font-weight:700;letter-spacing:.14em}
.hero-est{left:3.9vw}
.hero-kicker{right:3.9vw}
section[id]{scroll-margin-top:78px}

@media(max-width:900px){
  .topbar{height:72px;padding:10px 20px}
  .hero-est,.hero-kicker{top:88px;font-size:.52rem}
  .hero-est{left:20px}
  .hero-kicker{right:20px}
  section[id]{scroll-margin-top:72px}
}

.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:16px;min-height:58px;padding:7px 8px 7px 22px;border-radius:999px;background:#f1eee6;color:#181816;font-size:.78rem;font-weight:800;box-shadow:0 12px 34px rgba(0,0,0,.28);transition:transform .22s ease,box-shadow .22s ease}
.whatsapp-float i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#181816;color:#f1eee6}
.whatsapp-float svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.whatsapp-float:hover,.whatsapp-float:focus-visible{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.36)}
.whatsapp-float:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

@media(max-width:600px){.whatsapp-float{right:16px;bottom:16px;min-height:54px;padding:6px 7px 6px 18px;gap:12px}.whatsapp-float i{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}

.mobile-nav,.mobile-scroll-hint,.mobile-case-media{display:none}

/* Mobile 390 — proporções e ritmo baseados no frame do Figma */
@media(max-width:600px){
  body{overflow-x:hidden}
  .topbar{height:80px;padding:10px 24px;background:#181816;border-bottom:0;box-shadow:none;z-index:1001}
  .brand img{width:138px;height:48px}
  .menu-button{display:flex;width:44px;height:44px;padding:0;border:1px solid #6f6a60;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:0}
  .menu-button span{width:16px;height:1px;background:#f1eee6;transition:transform .2s,opacity .2s}
  .menu-button[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .menu-button[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .mobile-nav{position:fixed;z-index:1000;inset:80px 0 0;background:#181816;padding:42px 24px;flex-direction:column;align-items:center;border-top:1px solid #6f6a60;overflow-y:auto;isolation:isolate;opacity:1;backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-nav:not([hidden]){display:flex}
  .mobile-nav a{width:min(100%,260px);padding:16px 0;border-bottom:1px solid #6f6a60;font-family:"Gloock",serif;font-size:1.26rem;text-align:center;color:#f1eee6}
  .mobile-nav a.active{color:#f1eee6;border-bottom:2px solid #f2cc1b}
  .menu-open{overflow:hidden;background:#181816}
  .menu-open .topbar{background:#181816;border-bottom-color:#6f6a60;box-shadow:none}

  .hero{height:780px;min-height:780px;padding:0 24px;display:block;overflow:hidden}
  .hero-est,.hero-kicker{left:24px;right:auto;margin:0;line-height:1.1;white-space:nowrap}
  .hero-est{top:92px;font-size:9px;letter-spacing:1.08px}
  .hero-kicker{top:119px;font-size:8px;letter-spacing:.8px}
  .hero h1{position:absolute;inset:0;margin:0;width:auto;font-size:initial;line-height:.95;letter-spacing:-.04em}
  .hero h1 span{position:absolute;padding:0!important;white-space:nowrap}
  .hero h1 span:nth-child(1){left:24px;top:178px;font-size:63px}
  .hero h1 span:nth-child(2){left:24px;top:241px;font-size:57px}
  .hero h1 span:nth-child(3){left:82px;top:297px;font-size:62px}
  .hero-bottom{display:block;margin:0}
  .hero-copy{position:absolute;left:24px;top:414px;width:calc(100% - 48px);max-width:none;margin:0;font-size:16px;line-height:1.45}
  .hero-actions{position:absolute;left:24px;top:565px;width:calc(100% - 48px);margin:0;gap:12px}
  .button{width:100%;min-height:54px;height:54px;padding:0 18px;font-size:10px;letter-spacing:.8px}
  .mobile-scroll-hint{display:block;position:absolute;left:24px;right:24px;bottom:0;margin:0;padding:20px 0 34px;border-top:1px solid #6f6a60;color:#b8b3a7;font-size:8px;font-weight:700;letter-spacing:.96px}

  .section-label,.section-label.light{font-size:10px;letter-spacing:1px;gap:11px}
  .section-label i{width:5px;height:5px}
  .positioning{height:auto;min-height:820px;padding:30px 24px 52px}
  .ghost-number{left:auto;right:24px;top:66px;font-size:104px;color:#d2d0c7}
  .position-content{margin:112px 0 0;max-width:none}
  .position-content h2{font-size:56px;line-height:1.04;letter-spacing:-.04em}
  .position-lower{display:flex;flex-direction:column;margin:42px 0 0;gap:34px}
  .stat-block{width:100%;padding-bottom:32px;border-bottom:1px solid #d2d0c7}
  .stat-block strong{font-size:72px}
  .stat-block p{font-size:15px;line-height:1.45}
  .position-copy{font-size:16px;line-height:1.55;border:0;padding:0}
  .source{left:24px;bottom:30px;font-size:8px}

  .method{min-height:0;padding:32px 24px 58px}
  .method-intro{display:block;margin:58px 0 48px}
  .method-intro h2{font-size:54px;line-height:1.02}
  .method-intro h2 strong{padding-left:0}
  .method-intro>p{margin:28px 0 0;font-size:15px;line-height:1.55}
  .method-grid{display:block}
  .method-grid article{min-height:205px;padding:26px 0}
  .method-grid article+article{padding-left:0}
  .method-grid h3{font-size:30px;margin:24px 0 12px}
  .method-grid p{font-size:14px;line-height:1.5}
  .method-grid small{font-size:8px}
  .method-closing{font-size:9px;padding-top:26px}

  .services{min-height:0;padding:32px 24px 84px;background:#f1eee6;color:#181816}
  .services .section-label.light{color:#6f6a60}
  .services-intro{display:block;margin:56px 0 44px}
  .services-intro h2{font-size:51px;line-height:1.06}
  .services-intro>p{margin-top:26px;color:#6f6a60;font-size:15px;line-height:1.5}
  .accordion,.service-item{border-color:#d2d0c7}
  .service-trigger{grid-template-columns:38px 1fr 28px;gap:0;padding:34px 0;color:#181816}
  .service-index{align-self:start;padding-top:8px;color:#f2cc1b;font-size:9px}
  .service-title{font-size:32px}
  .service-icon{color:#181816;font-size:24px}
  .service-panel{padding:0 0 34px;color:#181816}
  .panel-copy h3{font-size:28px}
  .panel-copy>p:last-child{color:#6f6a60;font-size:14px}
  .proof-gallery{grid-template-columns:repeat(3,50.4vw);justify-content:start}

  .case-study{min-height:0;padding:32px 24px 70px;background:#181816;color:#f1eee6}
  .case-study .section-label{color:#b8b3a7}
  .case-layout{display:block;margin-top:56px}
  .case-content{padding:0;border:0}
  .case-content h2{font-size:45px;line-height:1.08;color:#f1eee6}
  .case-intro{margin:26px 0 42px;color:#b8b3a7;font-size:14px;line-height:1.5}
  .case-metric-label{border-color:#6f6a60;color:#b8b3a7;font-size:8px;padding-top:28px}
  .case-results{display:block}
  .case-results article,.case-results article+article{padding:28px 0;border-color:#6f6a60}
  .case-results strong{color:#f1eee6;font-size:47px}
  .case-results span{color:#b8b3a7;font-size:8px;min-height:0;text-transform:uppercase}
  .case-results small{color:#b8b3a7;font-size:9px}
  .case-results article:first-child small{color:#f2cc1b}
  .mobile-case-media{display:flex;flex-direction:column;gap:24px;margin:34px 0 40px}
  .mobile-case-media figure{margin:0}
  .mobile-case-media video,.mobile-case-media img{display:block;width:100%;height:auto;aspect-ratio:1894/866;object-fit:contain;background:#181816}
  .mobile-case-media figcaption{margin-top:9px;color:#b8b3a7;font-size:9px;line-height:1.4}
  .case-statement{color:#f1eee6;font-size:23px;line-height:1.25;margin:38px 0 28px}
  .case-flow{font-size:8px;line-height:1.6;color:#b8b3a7}
  .case-note{font-size:9px;color:#b8b3a7;padding-top:34px}
  .case-media{display:none}

  .contact-section{min-height:860px;padding:32px 24px 26px;background:#181816}
  .contact-top{gap:48px}
  .contact-index{font-size:10px}
  .contact-kicker{font-size:9px}
  .contact-main{display:block;margin-top:34px}
  .contact-main h2{font-size:53px;line-height:1}
  .contact-pitch{border:0;padding:0;margin-top:34px}
  .contact-pitch>p{font-size:15px;line-height:1.55;margin-bottom:30px}
  .contact-pitch>a{width:100%;height:54px;font-size:10px;padding:0 18px}
  .contact-pitch small{font-size:10px}
  .contact-footer{margin-top:40px;padding-top:28px;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}
  .footer-brand img{width:120px}
  .footer-center{grid-column:1/3;grid-row:2;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}
  .footer-center>p{text-align:left;font-size:9px}
  .footer-center nav{flex-direction:row;gap:14px;align-items:center;font-size:8px}
  .footer-local{grid-column:2;grid-row:1;text-align:right;font-size:8px;gap:7px}
  .whatsapp-float{right:16px;bottom:16px}
}

@media(max-width:350px){
  .hero h1 span:nth-child(1){font-size:56px}
  .hero h1 span:nth-child(2){font-size:49px}
  .hero h1 span:nth-child(3){left:62px;font-size:55px}
  .position-content h2,.method-intro h2,.contact-main h2{font-size:47px}
  .services-intro h2,.case-content h2{font-size:41px}
}

/* Hero montage: image, 25% black veil, then the existing content. */
.hero{isolation:isolate;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-2;pointer-events:none;background:#181816 url('./assets/prisma-hero-poster.jpg') center/cover no-repeat}
.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(0,0,0,.25);pointer-events:none}
.hero h1,.hero-copy,.hero-est,.hero-kicker,.mobile-scroll-hint{text-shadow:0 2px 12px rgba(0,0,0,.75)}
.hero-est,.hero-kicker{color:#f1eee6}
.hero .button-secondary{background:rgba(24,24,22,.35);border-color:rgba(241,238,230,.65)}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

/* The montage stays visible while a directional scrim protects the headline. */
.hero::before{
  background:
    linear-gradient(90deg,rgba(24,24,22,.64) 0%,rgba(24,24,22,.47) 38%,rgba(24,24,22,.12) 78%),
    linear-gradient(0deg,rgba(24,24,22,.52) 0%,transparent 32%),
    rgba(0,0,0,.25);
}
.hero h1{
  max-width:1050px;
  font-size:clamp(4.4rem,7.1vw,7.2rem);
  line-height:.98;
  letter-spacing:-.038em;
  margin-top:75px;
  text-shadow:0 3px 20px rgba(0,0,0,.9);
}
.hero h1 span:nth-child(2){padding-left:9%}
.hero h1 span:nth-child(3){padding-left:24%}
.hero-copy{color:#f1eee6;text-shadow:0 2px 12px rgba(0,0,0,.95)}
@media(max-width:900px){
  .hero h1{font-size:clamp(3.8rem,10vw,5.7rem);max-width:100%}
  .hero::before{background:linear-gradient(90deg,rgba(24,24,22,.68),rgba(24,24,22,.32) 72%),linear-gradient(0deg,rgba(24,24,22,.62),transparent 45%),rgba(0,0,0,.25)}
}
@media(max-width:600px){
  .hero::before{background:linear-gradient(180deg,rgba(24,24,22,.5) 0%,rgba(24,24,22,.65) 24%,rgba(24,24,22,.46) 67%,rgba(24,24,22,.72) 100%),rgba(0,0,0,.25)}
  .hero h1{left:24px;right:24px;top:185px;bottom:auto;inset:auto 24px auto 24px;margin:0;max-width:none;line-height:1.03}
  .hero h1 span{position:static;white-space:normal}
  .hero h1 span:nth-child(1){font-size:clamp(42px,12.5vw,52px)}
  .hero h1 span:nth-child(2){font-size:clamp(37px,10.6vw,45px)}
  .hero h1 span:nth-child(3){font-size:clamp(43px,11.8vw,50px);margin-left:34px}
  .hero-copy{top:430px}
}
@media(max-width:350px){
  .hero h1 span:nth-child(1){font-size:40px}
  .hero h1 span:nth-child(2){font-size:36px}
  .hero h1 span:nth-child(3){font-size:41px;margin-left:22px}
}

/* PRISMA: editorial direction and connected customer journey */
:root{--blue:#f2cc1b;--paper:#f1eee6}
.v2-positioning{min-height:0;padding:76px 5vw 106px;background:#f1eee6}
.v2-position-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr);gap:8vw;align-items:end;margin-top:72px}
.v2-eyebrow{font-size:.63rem;font-weight:800;letter-spacing:.18em;color:#6f6a60;margin:0 0 30px}
.v2-position-grid h2{font:400 clamp(4.4rem,7.25vw,8.2rem)/.97 "Gloock",serif;letter-spacing:-.052em;margin:0;color:#181816}
.v2-position-grid h2 em{font-style:normal;color:var(--blue)}
.v2-position-aside{border-top:1px solid #6f6a60;padding-top:18px;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.v2-symbol{font:400 5rem/1 "Gloock",serif;color:var(--blue);margin-bottom:auto}
.v2-position-aside>p{font-size:clamp(1.1rem,1.55vw,1.5rem);line-height:1.5;color:#242420;max-width:450px}
.v2-principles{border-top:1px solid #6f6a60;margin-top:35px;padding-top:18px;display:flex;flex-direction:column;gap:12px}
.v2-principles span{font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#6f6a60}
.method{min-height:0;padding:74px 5vw 55px;background:#242420}
.method-intro{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:end;margin:55px 0 65px}
.method-intro h2{font-size:clamp(3.9rem,6.2vw,7rem);line-height:.97}
.method-intro h2 strong{padding-left:0}
.method-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.method-grid article{min-height:330px;padding:28px 24px 24px 0}
.method-grid article+article{padding-left:24px}
.method-grid h3{font-size:clamp(1.7rem,2.2vw,2.35rem)}
.method-grid p{font-size:.86rem}
.method-closing{padding-bottom:8px}
.services{background:#181816}
.service-trigger{grid-template-columns:70px minmax(250px,1.1fr) minmax(180px,1.2fr) minmax(150px,.8fr) 32px}
.service-title{font-size:clamp(1.45rem,2.05vw,2rem)}
.v2-design-art{min-height:360px;background:#f2cc1b;color:#f1eee6;position:relative;overflow:hidden;padding:28px;display:flex;justify-content:space-between}
.v2-design-art:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(241,238,230,.45);border-radius:50%;right:-130px;top:-55px;box-shadow:0 0 0 38px rgba(241,238,230,.06),0 0 0 86px rgba(241,238,230,.05)}
.v2-design-art span,.v2-design-art small{font-size:.64rem;letter-spacing:.12em;font-weight:800;position:relative;z-index:1}
.v2-design-art strong{font:400 3.6rem/.75 "Gloock",serif;letter-spacing:-.1em;align-self:center;z-index:1}
.v2-design-art small{align-self:end}
.hero-copy{font-family:"Manrope",sans-serif;font-size:1rem;line-height:1.65;font-weight:600;max-width:450px}
.hero-actions .button-primary{color:#f1eee6}
.case-study{background:#f1eee6}
.contact-section{background:#242420}
.contact-main h2{font-size:clamp(4.2rem,6.25vw,6.6rem)}
@media(max-width:1100px){.service-trigger{grid-template-columns:55px minmax(210px,1fr) minmax(160px,1fr) 32px}.service-tags{display:none}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid article:nth-child(3){border-left:0;padding-left:0;border-top:1px solid rgba(111,106,96,.18)}.method-grid article:nth-child(4){border-top:1px solid rgba(111,106,96,.18)}}
@media(max-width:900px){.v2-positioning{padding:52px 20px 78px}.v2-position-grid{display:block;margin-top:70px}.v2-position-grid h2{font-size:clamp(3.45rem,10vw,6rem)}.v2-position-aside{margin-top:55px;padding-top:24px}.v2-symbol{font-size:3.5rem}.v2-position-aside>p{margin:25px 0 0}.method{padding:55px 20px}.method-intro{display:block;margin:45px 0}.method-intro h2{font-size:clamp(3.45rem,10vw,5.5rem)}.method-intro>p{margin-top:30px}.method-grid{grid-template-columns:repeat(2,1fr)}.method-grid article{min-height:260px}.method-grid article:nth-child(2){border-top:0}.method-grid article:nth-child(3){padding-left:0}.service-trigger{grid-template-columns:55px 1fr 30px}.v2-design-art{min-height:300px}.hero-copy{font-size:.92rem}}
@media(max-width:600px){.v2-position-grid h2{font-size:clamp(3.2rem,11.5vw,4.4rem)}.method-grid{grid-template-columns:1fr}.method-grid article,.method-grid article+article,.method-grid article:nth-child(3){min-height:205px;border-left:0;border-top:1px solid rgba(111,106,96,.18);padding:25px 0}.method-grid article:first-child{border-top:0}.method-closing{font-size:.56rem;line-height:2}.method-closing b{padding:0 4px}.v2-design-art{min-height:270px}.v2-design-art strong{font-size:2.8rem}.hero-kicker{font-size:.48rem}}

/* A concise service explanation and the real Elegance campaign pieces. */
.v2-position-grid h2{font-size:clamp(3.9rem,6.4vw,7rem);line-height:1.06;max-width:950px}
.v2-principles span{font-size:.72rem;line-height:1.4}
.services{min-height:0}
.service-panel.service-panel-text{display:block;padding:0 0 34px 94px;animation:reveal .25s ease}
.service-panel-text .panel-copy{max-width:760px;border-left:2px solid var(--blue);padding:3px 0 3px 24px}
.service-panel-text .panel-copy p{color:#d2d0c7;font-size:clamp(1rem,1.35vw,1.25rem);line-height:1.65;margin:0}
.case-study{min-height:0}
.case-layout{grid-template-columns:minmax(0,1fr) minmax(290px,370px);gap:5vw;align-items:start}
.case-content{min-height:610px}
.case-media.case-creative{display:flex;flex-direction:column;gap:0;align-items:stretch;width:100%;max-width:370px;justify-self:center}
.case-creative .case-brand{margin:0 0 16px;line-height:1.4}
.creative-stage{background:#181816;aspect-ratio:9/16;width:100%;max-height:610px;overflow:hidden;display:grid;place-items:center}
.case-creative .creative-stage video,.case-creative .creative-stage img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#181816}
.case-creative .creative-stage [hidden]{display:none}
.creative-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #6f6a60;border-bottom:1px solid #6f6a60;margin-top:15px}
.creative-choices button{border:0;border-right:1px solid #6f6a60;padding:14px 8px;background:transparent;color:#6f6a60;font:800 .62rem/1.4 "Manrope",sans-serif;letter-spacing:.04em;cursor:pointer;text-align:left}
.creative-choices button:last-child{border-right:0}
.creative-choices button.selected,.creative-choices button:hover,.creative-choices button:focus-visible{background:#242420;color:#f1eee6}
.creative-note{font-size:.72rem;color:#6f6a60;line-height:1.5;margin:12px 0 0}
@media(max-width:1100px){.service-panel.service-panel-text{padding-left:80px}.case-layout{grid-template-columns:minmax(0,1fr) minmax(260px,330px)}}
@media(max-width:900px){.v2-position-grid h2{font-size:clamp(3.4rem,9vw,5.7rem)}.case-layout{display:grid;grid-template-columns:1fr}.case-content{min-height:0}.case-media.case-creative{display:flex;max-width:340px;margin:0 auto}.service-panel.service-panel-text{padding-left:67px}}
@media(max-width:600px){.v2-position-grid h2{font-size:clamp(3.15rem,10vw,4.25rem)}.service-panel.service-panel-text{padding:0 0 29px 0}.service-panel-text .panel-copy{margin-left:0;padding-left:18px}.service-panel-text .panel-copy p{font-size:1rem;color:#242420}.case-media.case-creative{max-width:min(100%,340px)}.creative-choices button{font-size:.58rem;padding:12px 6px;color:#b8b3a7;border-color:#6f6a60}.creative-choices{border-color:#6f6a60}.creative-choices button.selected{background:#f2cc1b;color:#f1eee6}.creative-note{color:#b8b3a7}}

/* Elegance: centered editorial divider and layered video carousel. */
.case-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0}
.case-content{max-width:none;padding-right:4vw;border-right:1px solid #6f6a60}
.case-content h2{font-size:clamp(4rem,5.2vw,6rem)}
.case-intro{font-size:1.08rem}
.case-results span{font-size:.78rem}
.case-results small{font-size:.74rem}
.case-statement{font-size:1.85rem}
.case-media.case-creative{max-width:none;padding:0 0 0 3vw;justify-self:stretch}
.case-creative .case-brand{margin:0 0 20px;text-align:center}
.creative-gallery{--card-width:clamp(220px,21vw,290px);--offset:clamp(112px,10vw,152px);height:clamp(445px,40vw,555px);width:100%;position:relative;isolation:isolate;overflow:hidden;border:1px solid #6f6a60;background:radial-gradient(circle at 50% 44%,#6f6a60 0%,#242420 36%,#181816 75%);touch-action:pan-y;outline-offset:4px}
.creative-gallery:before,.creative-gallery:after{content:"";position:absolute;z-index:1;pointer-events:none}
.creative-gallery:before{inset:15px;border:1px solid rgba(111,106,96,.24)}
.creative-gallery:after{left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(111,106,96,.35),transparent)}
.creative-gallery-glow{position:absolute;left:50%;top:43%;width:65%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#f2cc1b;filter:blur(75px);opacity:.24;pointer-events:none}
.creative-stage,.creative-neighbor{position:absolute;top:50%;width:var(--card-width);aspect-ratio:9/16;padding:0;overflow:hidden;border:1px solid rgba(241,238,230,.75);box-shadow:0 22px 52px rgba(0,0,0,.55)}
.creative-stage{left:50%;transform:translate(-50%,-50%);z-index:4;max-height:none;display:block;background:#181816}
.case-creative .creative-stage video{display:block;width:100%;height:100%;object-fit:contain;background:#181816}
.creative-neighbor{z-index:2;background:#181816;cursor:pointer;transition:filter .3s,transform .35s ease;filter:brightness(.63) saturate(.8)}
.creative-neighbor:hover,.creative-neighbor:focus-visible{filter:brightness(.92) saturate(1)}
.creative-neighbor img{display:block;width:100%;height:100%;object-fit:cover}
.creative-prev{left:calc(50% - var(--offset));transform:translate(-50%,-50%) scale(.87)}
.creative-next{left:calc(50% + var(--offset));transform:translate(-50%,-50%) scale(.87)}
.creative-prev:hover{transform:translate(-50%,-50%) scale(.91)}
.creative-next:hover{transform:translate(-50%,-50%) scale(.91)}
.creative-stage.slide-left{animation:creativeFromRight .38s ease both}
.creative-stage.slide-right{animation:creativeFromLeft .38s ease both}
@keyframes creativeFromRight{from{opacity:.65;transform:translate(calc(-50% + 30px),-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes creativeFromLeft{from{opacity:.65;transform:translate(calc(-50% - 30px),-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.creative-controls{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:15px}
.creative-arrow{width:44px;height:44px;border:1px solid #6f6a60;background:transparent;color:#242420;font:500 1.25rem/1 "Manrope",sans-serif;cursor:pointer}
.creative-arrow:hover,.creative-arrow:focus-visible{background:#242420;color:#f1eee6}
.creative-counter{font-size:.82rem;font-weight:800;letter-spacing:.13em;color:#6f6a60}
.creative-note{text-align:center}
@media(max-width:1100px){.case-results{gap:12px}.case-results strong{font-size:clamp(2.1rem,3vw,3rem)}.case-content h2{font-size:clamp(3.35rem,5vw,5rem)}.creative-gallery{--card-width:clamp(190px,22vw,260px);--offset:clamp(100px,10vw,135px);height:480px}}
@media(max-width:900px){.case-layout{grid-template-columns:1fr;gap:38px}.case-content{padding:0 0 38px;border-right:0;border-bottom:1px solid #6f6a60}.case-media.case-creative{max-width:none;padding:0}.creative-gallery{--card-width:min(48vw,280px);--offset:min(25vw,145px);height:min(75vw,520px)}}
@media(max-width:600px){.case-content h2{font-size:clamp(3rem,11vw,4.2rem)}.case-intro{font-size:1rem}.case-results span{font-size:.75rem}.case-results small{font-size:.72rem}.case-statement{font-size:1.55rem}.case-media.case-creative{max-width:none}.creative-gallery{--card-width:min(58vw,240px);--offset:min(30vw,120px);height:min(105vw,430px);border-color:#6f6a60}.creative-gallery:before{inset:9px}.case-creative .case-brand{color:#f2cc1b}.creative-arrow{border-color:#6f6a60;color:#f1eee6}.creative-counter{color:#f1eee6}.creative-note{color:#b8b3a7}}
@media(prefers-reduced-motion:reduce){.creative-neighbor{transition:none}.creative-stage.slide-left,.creative-stage.slide-right{animation:none}}

/* Case: compact phone and a draggable, layered video carousel. */
.creative-gallery{--card-width:clamp(220px,20.3vw,275px);--offset:clamp(148px,15.5vw,198px);height:clamp(420px,39vw,525px);border:0;background:radial-gradient(ellipse at 50% 55%,rgba(111,106,96,.13),transparent 67%);cursor:grab;user-select:none}
.creative-gallery.is-dragging{cursor:grabbing}
.creative-gallery:before,.creative-gallery:after{display:none}
.creative-gallery-glow{width:44%;opacity:.13;filter:blur(65px)}
.creative-stage,.creative-neighbor{border-radius:26px}
.creative-stage{padding:7px;border:1px solid rgba(111,106,96,.75);border-radius:34px;background:linear-gradient(145deg,#242420,#181816 64%);box-shadow:0 24px 50px rgba(24,24,22,.28),0 5px 12px rgba(24,24,22,.3);overflow:visible}
.creative-stage:before{content:"";position:absolute;z-index:6;top:10px;left:50%;width:31%;height:13px;transform:translateX(-50%);border-radius:0 0 12px 12px;background:#181816;pointer-events:none}
.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:26px;background:#181816}
.case-creative .phone-screen video,.case-creative .phone-screen .creative-incoming{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#181816;will-change:transform,opacity}
.creative-incoming{z-index:2;pointer-events:none;opacity:0}
.creative-gallery.is-settling .phone-screen video,.creative-gallery.is-settling .creative-incoming{transition:transform .23s ease,opacity .23s ease}
.creative-neighbor{opacity:.82;filter:saturate(.8) brightness(.73);box-shadow:0 15px 35px rgba(24,24,22,.22);transition:transform .23s ease,filter .23s ease,opacity .23s ease}
.creative-prev,.creative-prev:hover{transform:translate(calc(-50% + var(--drag-x, 0px)),-50%) scale(.87)}
.creative-next,.creative-next:hover{transform:translate(calc(-50% + var(--drag-x, 0px)),-50%) scale(.87)}
.creative-gallery.is-dragging .creative-neighbor{transition:none}
.creative-neighbor:hover,.creative-neighbor:focus-visible{filter:none;opacity:1}
.creative-sound{position:absolute;right:13px;bottom:14px;z-index:7;display:grid;place-items:center;width:43px;height:43px;padding:9px;border:1px solid rgba(241,238,230,.5);border-radius:50%;color:#f1eee6;background:rgba(24,24,22,.72);backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 4px 18px rgba(0,0,0,.35)}
.creative-sound:hover,.creative-sound:focus-visible{background:#6f6a60;outline:2px solid #f1eee6;outline-offset:2px}
.sound-icon{width:100%;height:100%}
.sound-on{display:none}
.creative-sound.is-unmuted .sound-on{display:initial}
.creative-sound.is-unmuted .sound-off{display:none}
@media(max-width:900px){.creative-gallery{--card-width:min(44vw,260px);--offset:min(31vw,180px);height:min(84vw,495px)}}
@media(max-width:600px){.creative-gallery{--card-width:min(59vw,238px);--offset:min(40vw,160px);height:min(116vw,465px);border:0}.creative-stage{padding:6px;border-radius:30px}.phone-screen{border-radius:23px}.creative-sound{width:40px;height:40px}.creative-note{color:#6f6a60}.creative-counter{color:#6f6a60}.creative-arrow{border-color:#6f6a60;color:#6f6a60}.case-creative .case-brand{color:#6f6a60}}
@media(prefers-reduced-motion:reduce){.creative-gallery.is-settling .phone-screen video,.creative-gallery.is-settling .creative-incoming{transition:none}}

/* Keep blue emphasis consistent across the section headings. */
.contact-main h2 em::after{display:none}
@media(max-width:900px){.contact-main h2{font-size:clamp(2.8rem,10vw,4.6rem)}}

.contact-pitch{max-width:590px}
.contact-pitch>p{margin-bottom:25px}
.contact-form{display:grid;gap:15px}
.contact-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.contact-form label{display:flex;flex-direction:column;gap:7px;min-width:0;color:#b8b3a7;font-size:.75rem;font-weight:700}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #6f6a60;border-radius:0;padding:12px 13px;background:#242420;color:#f1eee6;font:400 .94rem/1.4 "Manrope",sans-serif;outline:none}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b8b3a7}
.contact-form input:focus-visible,.contact-form textarea:focus-visible{border-color:#f1eee6;box-shadow:0 0 0 2px #f2cc1b}
.contact-form textarea{min-height:86px;resize:vertical}
.contact-form button{width:100%;min-height:54px;margin-top:3px;padding:0 19px;border:0;background:var(--blue);color:#f1eee6;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:800;letter-spacing:.05em;cursor:pointer}
.contact-form button:hover,.contact-form button:focus-visible{background:#c8a93e}
.contact-form small{color:#b8b3a7;font-size:.72rem;line-height:1.5;margin:0}
@media(min-width:901px){.contact-main{grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);gap:4vw;align-items:center}}
@media(max-width:600px){.contact-form-row{grid-template-columns:1fr}.contact-pitch{padding-left:19px}.contact-form{gap:13px}}

/* Palette: graphite, off-white and yellow. */
.hero-actions .button-primary,.contact-form button{color:#181816}
.contact-form button:hover,.contact-form button:focus-visible{background:#c8a93e;color:#181816}
.v2-position-grid h2 em{color:#f2cc1b}
.v2-symbol{color:#f2cc1b}
.case-content h2 em,.case-flow,.case-brand,.case-flow b{color:#f2cc1b}
.v2-design-art{color:#181816}
.v2-design-art:after{border-color:rgba(24,24,22,.45);box-shadow:0 0 0 38px rgba(24,24,22,.06),0 0 0 86px rgba(24,24,22,.05)}
.creative-sound:hover,.creative-sound:focus-visible{background:#f2cc1b;color:#181816}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#b8b3a7}
@media(max-width:600px){
  .case-content h2 em,.case-flow,.case-brand{color:#f2cc1b}
  .creative-choices button.selected{background:#f2cc1b;color:#181816}
  .case-creative .case-brand{color:#f2cc1b}
  .service-index,.services .panel-overline{color:#6f6a60}
  .service-trigger:hover .service-title,.service-trigger:focus-visible .service-title{color:#6f6a60}
}

/* Mobile hero: keep content in flow beneath the fixed header. */
@media(max-width:600px){
  .hero{height:auto;min-height:780px;min-height:max(780px,100svh);padding:104px 24px 28px;display:flex;flex-direction:column;gap:0}
  .hero-est,.hero-kicker{position:static;white-space:normal;line-height:1.4}
  .hero-kicker{margin-top:12px}
  .hero h1{position:static;inset:auto;width:100%;max-width:none;margin:36px 0 0;line-height:1.08}
  .hero h1 span{position:static;inset:auto;display:block}
  .hero h1 span:nth-child(1){font-size:clamp(40px,12.5vw,52px)}
  .hero h1 span:nth-child(2){font-size:clamp(34px,10.6vw,45px)}
  .hero h1 span:nth-child(3){font-size:clamp(40px,11.8vw,50px);margin-left:clamp(22px,8vw,34px)}
  .hero-bottom{position:static;margin-top:auto;padding-top:52px;width:100%}
  .hero-copy{position:static;inset:auto;width:100%;max-width:none;margin:0;font-size:1rem;line-height:1.55}
  .hero-actions{position:static;inset:auto;width:100%;margin:32px 0 0}
  .hero .button{height:auto;min-height:54px;padding:16px 18px}
  .mobile-scroll-hint{position:static;inset:auto;margin-top:28px;padding:20px 0 0}
  .whatsapp-float{padding:6px;gap:0;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .whatsapp-float>span{display:none}
}

/* Services use the graphite palette at every viewport and interaction state. */
.services{background:var(--ink);color:var(--white)}
.services .section-label.light,.services-intro>p{color:var(--muted)}
.services .service-trigger,.services .service-title{color:var(--white)}
.services .service-index,.services .service-icon,.services .panel-overline{color:var(--blue)}
.services .service-trigger:hover .service-title,.services .service-trigger:focus-visible .service-title{color:var(--blue)}
.services .service-panel{color:var(--white)}
.services .service-panel-text .panel-copy p{color:var(--white)}
.services .accordion,.services .service-item{border-color:var(--line)}