/* Identidade da fachada: grafite, branco e verde-limão. */
.topline,header,nav,.brand-strip{background-color:#202429;background-image:none;color:#fff;border-color:#ffffff18}
.topline{background-position:center 12%;color:#d2ddce}
header{background-position:center 40%;padding-top:20px;padding-bottom:20px}
nav{background-position:center 68%}
header .logo{width:220px}
.brand-logo-image,.footer-logo-image{border-radius:0;mix-blend-mode:screen}
header form{background:#14171b;border-color:#ffffff30}
nav{border-bottom:2px solid var(--lime)}
.navlinks button{color:#e0e9db}
.brand-strip{padding:28px 34px;border-radius:10px;min-height:150px;background-position:center 55%}
.brand-strip p{color:#f0f5eb}
.brand-strip .group-label{color:#d2eaa9}
.footer-logo-image{width:220px}
.hero-carousel{aspect-ratio:3.2;min-height:300px}
.storefront-image{height:auto;min-height:100%;object-fit:cover;object-position:center top}
.hero-phone .hero-copy{padding:22px 0 38px 34px}
.hero-phone h1{font-size:clamp(28px,3vw,42px);margin:12px 0}
.hero-phone .hero-copy p{margin-bottom:16px}
.hero-phone .hero-caption{margin-top:17px}
.hero-phone .hero-art img{height:78%;max-height:285px}
.hero-phone .hero-product{bottom:32px}
.hero-oppo .hero-art img{transform:rotate(10deg)}
.hero-oppo .backword{font-size:clamp(80px,13vw,180px)}
.storefront-caption{display:none}
@media(max-width:1000px) and (min-width:701px){.hero-phone h1{font-size:29px}.hero-phone .hero-caption{display:none}.hero-phone .hero-copy p{font-size:11px}.hero-phone .hero-product b{font-size:12px}}
@media(max-width:700px){
 header .logo{width:166px}
 .hero-carousel{aspect-ratio:auto;height:390px;min-height:0}
 .hero-storefront{background:#202429}
 .storefront-image{width:150%;height:auto;min-height:0;max-width:none;left:50%;transform:translateX(-50%);clip-path:inset(0 0 19.05% 0)}
 .storefront-caption{display:block;position:absolute;left:20px;right:20px;top:56%;margin:0;color:#fff;font-size:22px;line-height:1.2;letter-spacing:-.5px}
 .hero-phone .hero-copy{padding:23px 22px}
 .hero-phone h1{font-size:29px;max-width:260px}
 .hero-phone .hero-copy p{font-size:11px;max-width:230px}
 .hero-phone .primary{padding:10px 14px;font-size:11px}
 .hero-phone .hero-art{width:53%;height:165px;bottom:27px;right:0}
 .hero-phone .hero-art img{height:175px;max-height:none}
 .hero-phone .backword{font-size:90px}
 .brand-strip{padding:25px;gap:22px}
 .footer-logo-image{width:170px}
 .brand-strip p{font-size:13px}
 .brand-strip .group-label{width:100%;font-size:8px}
}