/* Roque / institutional catalogue. Brand colours and Poppins remain authoritative. */
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('../assets/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('../assets/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('../assets/fonts/poppins-600.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url('../assets/fonts/poppins-700.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url('../assets/fonts/poppins-800.woff2') format('woff2')}
:root{--container:1320px;--radius:8px;--radius-sm:6px;--bg-2:#f4f6f8;--ink-3:#59697d;--gutter:40px}
html{scroll-padding-top:100px}
body{overflow-x:clip}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline-color:#2364ae;outline-offset:5px}
.hero :focus-visible,.header:not(.is-solid) :focus-visible,.footer :focus-visible,.mobile-nav :focus-visible{outline-color:var(--yellow)}
.btn{border-radius:5px;min-height:54px;box-shadow:none;will-change:auto;font-size:14px;padding:0 23px}
.btn:hover{box-shadow:none;transform:translateY(-2px)}
.btn--wa{color:#072d1b}
.btn--yellow{box-shadow:none}
.btn--sm{min-height:44px}
.h1,.h2{font-weight:600;letter-spacing:-.045em}
.h2{font-size:clamp(30px,3.2vw,44px);line-height:1.16;text-wrap:balance}
.h3{font-weight:600;letter-spacing:-.025em}
.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;gap:10px}
.eyebrow::before{width:20px;height:2px}
.lead{font-size:16px;line-height:1.8}
.header{border-bottom:1px solid #ffffff12;height:88px}
.header .container{gap:22px}
.header .brand{flex:none;width:164px;height:40px}
.header .brand .logo{height:40px}
.nav a{padding:10px 10px;font-size:12px}
.header-cta{gap:8px}
.header .btn{font-size:12px;border-radius:4px}
.icon-btn{border-radius:4px}
.hero{min-height:0;padding:145px 0 0;background:#062253;isolation:isolate;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 82% 40%,#14447c 0%,transparent 58%),linear-gradient(120deg,#041b43,#062253 70%)}
.hero::after{content:'';position:absolute;inset:88px 0 0;z-index:-1;opacity:.12;background-image:linear-gradient(#91b4dd30 1px,transparent 1px),linear-gradient(90deg,#91b4dd30 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,transparent 33%,black)}
.hero__grid{grid-template-columns:.95fr 1.05fr;gap:0;align-items:center;min-height:596px}
.hero__content{position:relative;z-index:2;max-width:630px;padding-bottom:35px}
.hero__content>*{opacity:1;transform:none;animation:none}
.hero .h1{font-size:clamp(42px,4.75vw,67px);line-height:1.09;margin-top:25px;letter-spacing:-.052em;font-weight:600}
.hero .h1 .mark-y{display:inline;color:#ffcf28}
.hero .h1 .mark-y::after{display:none}
.hero .lead{max-width:430px;font-size:15px;color:#c4d1e3;line-height:1.9;margin-top:28px}
.hero .btn-row{margin-top:32px;align-items:center;gap:23px}
.hero__secondary{font-size:12px;font-weight:500;display:inline-flex;gap:18px;align-items:center;min-height:44px;color:#e6ecf3;border-bottom:1px solid #ffffff50}
.hero__secondary:hover{border-color:#ffcc00;color:#ffcc00}
.hero__signature{display:flex;gap:12px;align-items:center;margin-top:42px;font-size:10px;color:#9bb1ce;letter-spacing:.01em}
.hero__signature>span{width:17px;height:1px;background:var(--yellow);flex:none}
.hero__visual{position:relative;align-self:stretch;display:flex;align-items:center;max-width:none;margin:0}
.hero-structure{width:115%;max-width:none;margin-left:-5%;height:auto;max-height:none;overflow:visible;filter:none;flex:none}
.hero__scene-label,.hero__scene-caption{position:absolute;left:22px;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#9bb7d6}
.hero__scene-label{top:0;padding-bottom:14px;border-bottom:1px solid #9bb7d62b}
.hero__scene-label span:first-child{color:#edf2f8}
.hero__scene-caption{bottom:25px;border-top:1px solid #9bb7d62b;padding-top:13px}
.scene-cross{font-size:18px;line-height:1;color:#ffcc00;font-weight:400}
.hero__bottom{display:flex;align-items:center;justify-content:space-between;padding:24px 0 28px;border-top:1px solid #ffffff1a;font-size:10px;letter-spacing:.08em;color:#b7c8dc}
.hero__bottom>a{display:flex;gap:24px;align-items:center;min-height:36px}
.hero__bottom>a span{color:#ffcc00;font-size:17px}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;font-size:10px;min-height:36px;padding:0 8px;border:1px solid #8ca3c24d;border-radius:4px;color:inherit}
.motion-toggle[hidden]{display:none}
.motion-toggle__icon{font-size:13px;line-height:1}
.stats{background:#f2f4f7;border-bottom:1px solid #e0e5ed}
.stats__grid{padding:34px 0;gap:20px}
.stat{padding-left:0;border-right:1px solid #d3dce7}
.stat:last-child{border:0}
.stat::before{display:none}
.stat__num{font-size:34px;font-weight:600;gap:6px;letter-spacing:-.04em;flex-wrap:wrap;line-height:1.15}
.stat__num small{font-size:12px;color:#466184;font-weight:500;letter-spacing:0}
.stat__num .stat__word{font-size:25px;letter-spacing:-.04em}
.stat__label{font-size:11px;margin-top:6px}
.section{padding:86px 0}
.section-head--split{max-width:none;display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:36px}
.section-head--split>div:last-child{max-width:380px;padding-bottom:3px}
.section-head--split .lead{font-size:14px;margin-top:0;line-height:1.8}
.section-head--split .link-arrow{font-size:12px;margin-top:16px}
.products__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.product{padding:0;border-radius:6px;border:1px solid #e1e6ed;transition:border-color .25s,box-shadow .25s,transform .25s;background:#fff;overflow:hidden;min-width:0}
.product:hover,.product:focus-within{transform:translateY(-3px);border-color:#9eb1cc;box-shadow:0 12px 25px #092f6710}
.product::after{display:none}
.product__visual{height:180px;position:relative;background:linear-gradient(145deg,#f5f7f9,#eaf0f6);overflow:hidden;border-bottom:1px solid #e1e6ed}
.product__number{position:absolute;top:16px;left:20px;font-size:9px;letter-spacing:.1em;color:#667d99}
.material-study{width:100%;height:100%;padding:4px 0;overflow:visible}
.product__body{padding:21px 23px 20px}
.product .h3{margin-top:0;font-size:18px;line-height:1.3}
.product__body>p{font-size:12px;color:#58677c;margin-top:6px;line-height:1.6}
.product__links{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:14px}
.product__links a{display:inline-flex;align-items:center;gap:14px;font-size:11px;font-weight:600;min-height:36px;position:relative}
.product__links a::after{content:'';position:absolute;bottom:4px;left:0;right:0;background:#d8ac12;height:1px;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.product__links a:hover::after,.product__links a:focus-visible::after{transform:scaleX(1)}
.product__links svg{width:15px;height:15px;flex:none}
.mix-more{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;font-size:12px;padding-top:22px;border-top:1px solid #dfe6ef}
.mix-more>span{color:#65728a}
.mix-more a{min-height:32px;display:inline-flex;align-items:center;font-weight:500}
.mix-more a:hover{color:#2567ac}
.catalog-note{margin-top:10px;font-size:10px;color:#66758b}
.about{background:#f3f5f7}
.about__grid{grid-template-columns:1.03fr .97fr;gap:80px}
.about__photo{aspect-ratio:5/4;border-radius:5px;box-shadow:none}
.about__chip{border-radius:4px;left:20px;top:20px;box-shadow:0 3px 15px #08285415;padding:12px}
.about__chip b{font-size:11px}.about__chip small{font-size:10px;color:#576a84}
.about__chip .mark{width:29px;height:29px}
.about__badge{width:115px;height:110px;border-radius:3px;right:-16px;bottom:-16px;box-shadow:none}
.about__content .h2{margin-top:16px}
.about__content .lead{font-size:16px;margin-top:22px;max-width:400px}
.about__content .text{font-size:14px;line-height:1.8;max-width:400px}
.about__content .btn-row{margin-top:26px;gap:25px;align-items:center}
.about__content .btn{font-size:12px;min-height:46px}
.about__content .link-arrow{font-size:12px}
.adv{background:#082754}
.adv__bg,.adv__mark{display:none}
.adv .section-head{max-width:none;margin-bottom:34px}
.adv .section-head .h2{font-size:36px}
.adv .section-head .lead{font-size:14px}
.adv__grid{gap:0}
.adv__item{border:none;border-left:1px solid #aec3dc40;background:transparent;border-radius:0;padding:4px 24px}
.adv__item:first-child{padding-left:0;border-left:0}
.adv__item:hover{transform:none;box-shadow:none;background:transparent}
.adv__icon{width:32px;height:32px;background:transparent;color:var(--yellow);border-radius:0;margin-bottom:16px}
.adv__icon svg{width:27px;height:27px}
.adv__item h3{font-size:15px;font-weight:500}
.adv__item p{font-size:12px;line-height:1.7;max-width:230px;margin-top:9px}
.brands{background:#fff}
.brands .section-head{margin-bottom:34px}
.brands .lead{font-size:14px}
.brands__chip{border-radius:4px;box-shadow:none}
.brands__note{font-size:10px;color:#627187}
/* Roque Bônus: a branded reward scene, with the official mascot kept intact. */
.bonus{padding:12px 0 28px;background:#fff}
.bonus__card{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;border:1px solid #234976;border-radius:12px;color:#fff;background:radial-gradient(ellipse at 80% 34%,#174b80 0%,transparent 55%),linear-gradient(115deg,#031c46,#082c5b);box-shadow:0 18px 45px #05234e12}
.bonus__card::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#92b0d012 1px,transparent 1px),linear-gradient(90deg,#92b0d012 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 30%,#000);pointer-events:none}
.bonus__card::after{content:'';position:absolute;top:0;left:54px;width:58px;height:3px;background:#ffcc00}
.bonus__content{padding:50px 0 40px 54px;position:relative;z-index:1}
.bonus__content .eyebrow{font-size:11px;letter-spacing:.2em}
.bonus__content h2{font-size:clamp(35px,3.7vw,51px);font-weight:600;line-height:1.12;letter-spacing:-.045em;margin:21px 0 20px;text-wrap:balance}
.bonus__content h2 span{color:#ffcf32}
.bonus__content>p{max-width:345px;font-size:13px;line-height:1.85;color:#c5d5e8}
.bonus__journey{display:flex;flex-wrap:wrap;gap:12px 22px;margin:23px 0 28px}
.bonus__journey li{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:500;color:#dae5f1}
.bonus__journey svg{width:19px;height:19px;color:#ffcf32;flex:none}
.bonus__cta{font-size:12px;min-height:50px;gap:25px}
.bonus__cta:hover{background:#ffda45}
.bonus :focus-visible{outline-color:#ffdc5e}
.bonus__visual{min-width:0;padding:10px 22px 0 0;align-self:center;pointer-events:none}
.bonus-scene{display:block;width:100%;height:auto;overflow:visible}
.bonus__footer{grid-column:1/-1;margin:0 54px;padding:14px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #a4bbd52b;color:#a9c0dc;font-size:10px}
.bonus__footer>span{display:inline-flex;gap:10px;align-items:center}
.bonus__footer>span::before{content:'';width:5px;height:5px;border-radius:50%;background:#ffcc00;flex:none}
.bonus__footer .motion-toggle{font-size:9px;color:#c5d5e8;flex:none}
.motion-ready .bonus-float{animation:bonus-float 6s ease-in-out infinite}
.motion-ready .bonus-float--small{animation-duration:7s;animation-delay:-2s}
.motion-ready .bonus-float--ticket{animation-duration:7.5s;animation-delay:-4s}
.motion-ready .bonus-spark{animation:bonus-shimmer 5s ease-in-out infinite}
.motion-ready .bonus-orbit{animation:bonus-orbit 22s linear infinite}
@keyframes bonus-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes bonus-shimmer{0%,100%{opacity:.9}50%{opacity:.3}}
@keyframes bonus-orbit{to{stroke-dashoffset:-104}}
@media(max-width:1100px){.bonus__content{padding-left:36px}.bonus__card::after{left:36px}.bonus__footer{margin-inline:36px}.bonus__content h2{font-size:39px}.bonus__journey{gap:12px 16px}.bonus__visual{padding-right:8px}}
@media(max-width:800px){.bonus__card{grid-template-columns:1.05fr .95fr}.bonus__content{padding:35px 0 28px 28px}.bonus__card::after{left:28px}.bonus__content h2{font-size:34px}.bonus__content>p{font-size:12px}.bonus__journey{gap:10px 12px}.bonus__journey li{font-size:9px;gap:5px}.bonus__journey svg{width:16px;height:16px}.bonus__footer{margin-inline:28px}.bonus__visual{width:112%;margin-left:-7%;padding:0}.bonus__cta{font-size:11px;padding-inline:18px;gap:18px}}
@media(max-width:600px){.bonus{padding-top:0}.bonus__card{grid-template-columns:1fr;border-radius:9px}.bonus__content{padding:32px 26px 0}.bonus__card::after{left:26px}.bonus__content h2{font-size:clamp(34px,8.6vw,43px);margin-top:18px;margin-bottom:15px}.bonus__content>p{max-width:320px;font-size:12px}.bonus__journey{gap:12px 17px;margin:21px 0 24px}.bonus__journey li{font-size:9px}.bonus__journey svg{width:17px;height:17px}.bonus__cta{font-size:12px;min-height:48px;padding-inline:19px;gap:22px}.bonus__visual{width:100%;max-width:390px;margin:8px auto -4px;padding:0 5px}.bonus__footer{margin-inline:26px;padding-block:13px;flex-wrap:wrap;gap:8px;font-size:9px}.bonus__footer .motion-toggle{margin-left:auto;font-size:8px}.bonus__card::before{mask-image:linear-gradient(180deg,transparent,#000)}}
@media(max-width:360px){.bonus__journey{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bonus__journey li{flex-direction:column;align-items:flex-start;gap:7px}}
.stores .section-head .lead{font-size:14px}
.stores__grid{gap:50px;grid-template-columns:.8fr 1.2fr}
.store{border-radius:5px;box-shadow:none;padding:20px;gap:16px}
.store:hover{transform:none;box-shadow:none;border-color:#a5b8d0}
.store__city{border-radius:3px;font-size:22px}
.store__actions .btn{min-height:38px;font-size:10px;padding:0 13px}
.store p{font-size:11px}
.store h3{font-size:16px}
.store__phone{font-size:12px}
.map{max-width:390px;margin:auto}
.map__caption{box-shadow:none;border:1px solid #e2e8ef;border-radius:4px;font-size:11px}
.map__state{animation:none;stroke-dashoffset:0;fill-opacity:.08}
.map__route{fill:none;stroke:#d0a41c;stroke-width:2;stroke-dasharray:5 7;stroke-linecap:round}
.cta{padding:66px 0;background:#ffcc00}
.cta__bg{display:none}
.cta .h2{font-size:clamp(29px,3.3vw,45px);font-weight:600;margin-top:12px}
.cta .lead{font-size:14px;margin-top:17px}
.cta__inner{gap:36px}
.cta .btn-row{flex-direction:column;gap:18px;align-items:start}
.cta .link-arrow{font-size:12px;min-height:36px}
.cta .btn{min-width:250px}
.footer{background:#041a3c}
.footer__top{padding:60px 0 42px}
.footer__brand p{font-size:11px;max-width:240px}
.footer a{font-size:12px}
.footer__bottom{font-size:10px}
.wa-float{width:46px;height:46px;box-shadow:0 4px 15px #0b263b20;bottom:20px;right:20px}
.wa-float::before,.wa-float::after{display:none;animation:none}
.page-hero{background:linear-gradient(120deg,#041b43,#103b70);padding-top:160px;padding-bottom:64px}
.page-hero .h1{font-size:clamp(40px,5vw,65px);font-weight:600}
.page-hero .lead{max-width:600px;font-size:16px}
.page-hero__mark{opacity:.4}
.pillar-card,.info-card,.form-card,.unit{border-radius:6px;box-shadow:none}
.pillar-card{padding:28px}
.pillar-card p,.manifesto .text{font-size:14px}
.pride__img{animation:none}
.tl-item__media{border-radius:5px;box-shadow:none}
.tl-item__body p{font-size:14px}
.mobile-store{display:none}
/* Content is available before JS and if JS fails. Reveal becomes an enhancement. */
[data-reveal],[data-reveal="left"],[data-reveal="right"],[data-reveal="scale"]{opacity:1;transform:none}
.motion-ready [data-reveal]:not(.is-in){opacity:0;transform:translateY(16px)}
.motion-ready [data-reveal].is-in{opacity:1;transform:none}
.hoist-cable{transform-box:fill-box;transform-origin:top center}
.structure-level{opacity:1}
.motion-ready .hoist-load{animation:engineered-lift 9s ease-in-out infinite}
.motion-ready .hoist-cable{animation:engineered-cable 9s ease-in-out infinite}
.motion-ready .scene-beacon{animation:quiet-beacon 5s ease-in-out infinite}
.motion-ready .material-lid{animation:lid-rise 7s ease-in-out infinite}
.motion-ready .material-drop{animation:water-bead 5s ease-in-out infinite}
.motion-ready .material-glint{animation:quiet-beacon 5s ease-in-out infinite}
.motion-ready .material-wire{stroke-dasharray:18 8;animation:cable-flow 9s linear infinite}
.motion-ready .map__route{animation:route-travel 8s linear infinite}
.motion-ready .structure-level{animation:architectural-rise 1.1s var(--ease) both;animation-delay:calc(var(--level)*.15s)}
@keyframes engineered-lift{0%,18%,82%,100%{transform:translateY(0)}45%,55%{transform:translateY(-16px)}}
@keyframes engineered-cable{0%,18%,82%,100%{transform:scaleY(1)}45%,55%{transform:scaleY(var(--cable-ratio))}}
@keyframes architectural-rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes quiet-beacon{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes lid-rise{0%,25%,85%,100%{transform:translateY(0)}50%,60%{transform:translateY(-6px)}}
@keyframes water-bead{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes cable-flow{to{stroke-dashoffset:-52}}
@keyframes route-travel{to{stroke-dashoffset:-48}}
.scene-offscreen *,.page-hidden *{animation-play-state:paused!important}
.motion-paused :is(.hoist-load,.hoist-cable,.scene-beacon,.material-lid,.material-drop,.material-glint,.material-wire,.map__route,.pulse,.brands__track,.bonus-float,.bonus-spark,.bonus-orbit){animation-play-state:paused!important}
.motion-static *, .motion-static *::before,.motion-static *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.motion-static [data-reveal],.motion-static .structure-level,.motion-static .value__letter{opacity:1!important;transform:none!important}
.motion-static .page-hero__mark path{stroke-dashoffset:0}
.motion-static .brands__track{width:auto;flex-wrap:wrap;transform:none}
.motion-static .brands__group{flex-wrap:wrap;justify-content:center}
.motion-static .brands__group[aria-hidden=true]{display:none}
@media(min-width:1600px){.hero__grid{min-height:655px}.hero .h1{font-size:70px}}
@media(max-width:1100px){
 :root{--gutter:30px}.hero{padding-top:126px}.hero__grid{grid-template-columns:1fr 1fr;min-height:525px;gap:0}.hero .h1{font-size:49px}.hero__content{padding-bottom:25px}.hero__visual{max-width:none}.hero-structure{width:124%;margin-left:-11%}.hero__scene-label{left:10px;font-size:7px}.hero__scene-label span:last-child{display:none}.hero__scene-caption{left:10px}.hero .btn-row{gap:12px}.hero__signature{font-size:9px}.header-cta .btn--sm{display:inline-flex}.about__grid{grid-template-columns:1fr 1fr;gap:40px}.about__chip{left:12px;top:12px}.products__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.product__body{padding:18px}.product .h3{font-size:16px}.product__visual{height:160px}.product__body>p{font-size:11px}.adv__grid{grid-template-columns:repeat(4,1fr)}.adv__item{padding-inline:16px}.stores__grid{grid-template-columns:1fr 1.35fr;gap:25px}.store{grid-template-columns:auto 1fr}.store__actions{grid-column:2;flex-direction:row}.footer__top{gap:35px}
}
@media(max-width:800px){
 :root{--gutter:24px}.hero{padding-top:130px}.hero__grid{grid-template-columns:1fr;min-height:0}.hero__content{max-width:600px;padding:0}.hero .h1{font-size:clamp(39px,7.7vw,62px)}.hero .lead{font-size:14px;max-width:420px;margin-top:20px}.hero .btn-row{gap:24px}.hero__visual{width:min(100%,610px);margin:42px auto 0;aspect-ratio:1.15}.hero-structure{width:100%;margin:0;max-height:100%}.hero__scene-label{top:0;left:0;right:0;font-size:8px}.hero__scene-label span:last-child{display:block}.hero__scene-caption{left:0;bottom:5px}.hero__signature{margin-top:26px}.hero__bottom{padding:16px 0;margin-top:20px}.products__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products__grid>.product:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center}.products__grid>.product:last-child .product__visual{border-bottom:0;border-right:1px solid #e1e6ed}.product__visual{height:180px}.section-head--split{gap:24px}.section-head--split .lead{font-size:12px}.section{padding:65px 0}.about__grid{grid-template-columns:1fr;gap:48px}.about__photo{aspect-ratio:3/2}.about__content{max-width:580px}.about__content .h2{font-size:36px}.about__content .lead,.about__content .text{max-width:none}.adv__grid{grid-template-columns:repeat(2,1fr);gap:30px 0}.adv__item:nth-child(3){padding-left:0;border-left:0}.adv__item p{max-width:none}.stores__grid{grid-template-columns:1fr}.map{max-width:350px}.store{grid-template-columns:auto 1fr auto}.store__actions{grid-column:auto;flex-direction:column}.cta__inner{align-items:flex-start;flex-direction:column}.cta .btn-row{flex-direction:row;align-items:center}.stats__grid{grid-template-columns:repeat(4,1fr);gap:16px}.stat__num{font-size:28px}.stat__num small{font-size:10px}.stat__num .stat__word{font-size:20px}.stat__label{font-size:10px}
}
@media(max-width:540px){
 :root{--gutter:22px;--header-h:72px}.header{height:74px}.header .brand,.header .brand .logo{height:33px;width:135px}.header.is-solid .brand,.header.is-solid .brand .logo{height:33px;width:135px}.header .container{gap:10px}.header-cta{gap:4px}.header-cta .icon-btn{display:none}.header-cta .btn--sm{padding:0 12px;min-height:36px;font-size:10px}.burger{width:36px}.burger span{left:7px}.hero{padding-top:115px}.hero .h1{font-size:clamp(33px,9.2vw,47px);margin-top:20px;line-height:1.12}.hero .lead{font-size:13px;line-height:1.8;max-width:330px}.hero .btn-row{margin-top:24px;gap:16px;flex-wrap:wrap}.hero__content .btn-row .btn{flex:0 1 auto;min-height:48px;font-size:12px;padding:0 16px}.hero__secondary{font-size:10px;gap:9px;min-height:40px}.hero__signature{font-size:8px;gap:9px}.hero__visual{margin-top:34px;aspect-ratio:1;}.hero__scene-label{font-size:6.5px;letter-spacing:.12em}.hero__scene-caption{font-size:7px;letter-spacing:.1em;bottom:4px}.hero__bottom{margin-top:10px;font-size:9px;letter-spacing:0}.motion-toggle{font-size:9px;min-height:36px}.stats__grid{grid-template-columns:1fr 1fr;gap:24px 18px;padding:30px 0}.stat:nth-child(2){border:0}.stat__num{font-size:32px}.stat__num .stat__word{font-size:24px}.stat__num small{font-size:11px}.section-head--split{display:block;margin-bottom:25px}.section-head--split>div:last-child{margin-top:18px;max-width:none}.section-head--split .lead{font-size:12px}.section-head--split .link-arrow{margin-top:10px}.h2{font-size:32px}.products__grid{gap:12px}.product__visual{height:132px}.product__number{left:12px;top:11px;font-size:8px}.product__body{padding:14px 12px}.product .h3{font-size:14px;min-height:36px}.product__body>p{font-size:10px;line-height:1.6;min-height:32px}.product__links{margin-top:10px;gap:0 10px;flex-direction:column}.product__links a{font-size:9px;gap:8px;min-height:34px}.product__links svg{width:12px}.products__grid>.product:last-child .h3{min-height:0}.product:last-child .product__visual{height:100%;min-height:160px}.mix-more{font-size:10px;gap:4px 17px;margin-top:20px;padding-top:16px}.mix-more>span{width:100%}.catalog-note{font-size:9px}.about__content .h2{font-size:31px}.about__content .lead{font-size:14px}.about__content .text{font-size:12px}.about__badge{width:93px;height:89px;right:0;bottom:-16px}.about__badge strong{font-size:22px}.about__chip small{font-size:8px}.about__chip b{font-size:9px}.about__chip .mark{width:23px}.about__chip{gap:9px;padding:10px}.adv .section-head .h2{font-size:30px}.adv__item h3{font-size:13px}.adv__item p{font-size:11px}.adv .section-head .lead{font-size:12px}.store{grid-template-columns:auto 1fr;gap:14px;padding:18px}.store__actions{grid-column:1/-1;flex-direction:row}.store h3{font-size:15px}.store__city{width:46px}.store__actions .btn{font-size:11px;min-height:40px}.map{width:100%}.cta .btn-row{flex-direction:column;align-items:start}.cta .btn{min-width:0}.footer{padding-bottom:80px}.mobile-store{display:flex;align-items:center;justify-content:space-between;position:fixed;left:16px;right:16px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:70;background:#ffcc00;color:#062253;border:1px solid #e8b800;border-radius:5px;padding:0 19px;min-height:48px;font-size:12px;font-weight:600;box-shadow:0 4px 22px #031e5133;transition:opacity .2s,transform .2s}.mobile-store span{font-size:18px}.store-cta-visible .mobile-store,body.nav-open .mobile-store{opacity:0;transform:translateY(90px);pointer-events:none;visibility:hidden}.wa-float{bottom:85px;width:42px;height:42px;right:17px}.wa-float svg{width:22px;height:22px}.mobile-nav{padding:90px 24px 30px;overflow-y:auto;justify-content:flex-start}.mobile-nav a{font-size:21px;padding:11px 0}.mobile-nav .btn-row{gap:12px;margin-top:22px}.mobile-nav .btn-row .btn{font-size:12px;padding:0 16px;min-height:46px;border-radius:4px}.mobile-nav .mobile-nav__mark{pointer-events:none}.page-hero{padding-top:130px;padding-bottom:48px}.page-hero .lead{font-size:14px}.form-card{padding:24px 18px}.values{gap:16px}.value__word{font-size:15px}.value__desc{font-size:11px}.tl-item__body p{font-size:12px}.unit__body{padding:22px}.info-card{padding:19px;gap:13px}.info-card a.big{font-size:18px}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 [data-reveal],.motion-ready [data-reveal]:not(.is-in),.structure-level,.value__letter{opacity:1;transform:none}
 .brands__track{width:auto;flex-wrap:wrap;transform:none}.brands__group{flex-wrap:wrap;justify-content:center}.brands__group[aria-hidden=true]{display:none}
}
/* Final alignment, full-card targets, and deterministic captures without layout changes. */
.hero-structure{max-height:610px}
.hero__scene-caption{bottom:13px}
.product__links a:first-child::before{content:'';position:absolute;inset:0;z-index:1}
.product__links a{position:static}
.product__links a:not(:first-child){position:relative;z-index:2}
.product__links a::after{display:none}
.product__links a:hover{color:#2865a5}
.product:focus-within{outline:2px solid #2364ae;outline-offset:2px}
.material-object{transition:transform .5s var(--ease)}
.product:hover .material-object,.product:focus-within .material-object{transform:translateY(-3px)}
.motion-ready .delivery-truck{animation:truck-park 1.5s var(--ease) .3s both}
@keyframes truck-park{from{opacity:0;transform:translate(-32px,18.48px)}to{opacity:1;transform:none}}
.brand-chip{border-radius:5px;box-shadow:none}
.brands__track{animation:none}
.motion-ready .brands__track{animation:marquee 80s linear infinite}
.motion-ready .brands__track--reverse{animation-direction:reverse;animation-duration:86s}
.brands__marquee:focus-within .brands__track{animation-play-state:paused}
.motion-static .brands__marquee{mask-image:none;padding-inline:24px}
.motion-static .brand-chip{width:128px;height:66px}
.qa-capture *, .qa-capture *::before,.qa-capture *::after{animation:none!important;transition:none!important}
.qa-capture [data-reveal],.qa-capture .value__letter{opacity:1!important;transform:none!important}
.qa-capture .page-hero__mark path{stroke-dashoffset:0}
.footer__bottom .motion-toggle{font-size:10px;color:#cbd6e7}
@media(max-width:800px){.hero-structure{max-height:100%}.hero__scene-caption{bottom:5px}}
@media(max-width:540px){.motion-static .brand-chip{width:90px;height:54px}.motion-static .brands__group{gap:10px}}
@media(prefers-reduced-motion:reduce){.brand-chip{width:128px;height:66px}.brands__marquee{mask-image:none;padding-inline:24px}.delivery-truck{opacity:1!important;transform:none!important}.product:hover .material-object,.product:focus-within .material-object{transform:none}}
/* Narrow contact layouts must not inherit the intrinsic width of labels or addresses. */
.contact__grid>*,.info-card>div,.form,.field,.form__actions{min-width:0}
.info-card a.big{overflow-wrap:anywhere}
.form__actions .btn{white-space:normal;line-height:1.4;text-align:center;max-width:100%;padding:12px 18px}
@media(max-width:540px){.form__actions .btn{font-size:12px}.info-card a[href^='mailto:']{font-size:14px}.product__links a{font-size:10px;min-height:38px}.product__body>p{font-size:11px}.hero__signature{font-size:9px}.hero__scene-caption{bottom:0}.catalog-note{font-size:10px}.product__body .h3{overflow-wrap:anywhere}.mobile-nav__mark{display:none}}
@media(max-width:350px){.products__grid{grid-template-columns:1fr}.products__grid>.product:last-child{display:block}.products__grid>.product:last-child .product__visual{border-right:0;border-bottom:1px solid #e1e6ed}.product__visual{height:168px}.product .h3,.product__body>p{min-height:0}.product__links{flex-direction:row;gap:24px}.product__body{padding:18px}.product .h3{font-size:17px}.product__body>p{font-size:12px}}
.manifesto blockquote .mark-y{color:var(--navy);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:.1em;text-underline-offset:.13em}
.pillar-card__num{font-size:24px;font-weight:500;color:#667a92}
.tl-item__year small{color:#70602d}
.fallback-nav{display:none}
@media(max-width:1100px){.fallback-nav{position:absolute;top:76px;left:0;right:0;z-index:20;display:flex;justify-content:center;gap:24px;background:#092a5c;color:#fff;padding:7px 16px;font-size:12px}}
@media(max-width:540px){.product__body>p{font-size:12px}.product__links a{font-size:11px;min-height:40px}}
.value__letter{opacity:1;transform:none}
.page-contact .mobile-store{display:none}
.page-contact .wa-float{bottom:20px}
.page-contact:has(.form:focus-within) .wa-float{visibility:hidden}
.form-noscript{margin-top:24px;color:var(--navy);font-size:14px}
.form-noscript a{text-decoration:underline}