.site-header{background:#000;backdrop-filter:none}
.site-header nav{gap:clamp(9px,1.2vw,20px)}
.hero{background-image:url('/assets/hero-fashion-2026.jpg');background-color:#171412;background-position:center center;color:#fff}
.hero:before{z-index:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.28) 43%,transparent 70%)}
.hero-content{position:relative;z-index:1}
.hero h1 em{display:block;margin-top:.08em}
.hero .eyebrow{color:#ff762d}
.hero p{color:#f5eee7}
.hero .button-outline{border-color:#fff;background:rgba(0,0,0,.32);color:#fff}
.hero .button-outline:hover{background:#fff;color:#111}
.button:not(.button-outline):not(.blog-button),.catalog-button,.button-light{background:#137b53;color:#fff}
.button:not(.button-outline):not(.blog-button):hover,.catalog-button:hover,.button-light:hover{background:#096540;color:#fff}
.header-cta{background:#137b53;color:#fff}
.header-cta:hover{background:#096540}
.intro h2 em{display:block}
.card-actions a{font-size:14px;font-weight:700;gap:7px}
.card-actions a::before{font-size:19px;line-height:1}
.card-actions .card-whatsapp::before{content:'✆'}
.card-actions .card-secondary[href*='maps']::before{content:'⌖'}
.card-actions .card-secondary[href*='review']::before{content:'★'}
.location-card:nth-child(2) .card-actions .card-whatsapp{grid-column:auto}
.location-card:nth-child(2) .card-actions a{min-height:64px}
.location-card:nth-child(2) .card-image img{object-position:center center}
.supplier img{object-position:center center}
.supplier .button{font-size:16px;font-weight:800}
.blog-preview{background:#171412;color:#fff;padding:90px clamp(24px,6vw,90px);overflow:hidden}
.blog-preview-heading{max-width:860px;margin:auto;text-align:center}
.blog-preview h2{font-size:clamp(38px,5vw,65px);line-height:1.06;margin:18px 0}
.blog-preview p{color:#d9d2cc;font-size:18px;line-height:1.6}
.blog-button{display:inline-flex;background:#ef610e;color:#fff;text-decoration:none;align-items:center;gap:12px;margin-top:20px}
.blog-button:hover{background:#cf5006;color:#fff}
.blog-carousel-wrap{max-width:1220px;margin:40px auto 0}
.blog-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,33%);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.blog-card{background:#fff;color:#111;border-radius:13px;overflow:hidden;scroll-snap-align:start;text-decoration:none}
.blog-card img{width:100%;height:210px;object-fit:cover}
.blog-card div{padding:22px}.blog-card h3{font-size:23px;margin:8px 0}.blog-card p{font-size:14px;color:#56514b}
.blog-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.blog-controls button{width:45px;height:45px;border:1px solid #847872;background:transparent;color:#fff;border-radius:50%;font-size:24px;cursor:pointer}
@media(max-width:700px){
 html{scroll-padding-top:120px}.site-header{background:#000;padding:9px 8px 12px}.site-header nav{justify-content:space-around;gap:4px}.site-header nav a{font-size:clamp(9px,2.45vw,12px);letter-spacing:0}
 .hero{min-height:770px;background-color:#171412;background-size:auto 66%;background-position:70% top;padding:32px 24px 44px}
 .hero:before{background:linear-gradient(0deg,#171412 0%,#171412 28%,rgba(23,20,18,.88) 48%,rgba(23,20,18,.14) 78%,transparent 100%)}
 .hero h1{font-size:clamp(45px,10vw,65px)}.hero h1 em{display:block;margin-top:.15em}
 .hero p{font-size:17px}.hero-actions .button{min-height:64px;font-size:15px;font-weight:800}
 .intro h2 em{margin-top:.1em}.intro-actions .button,.intro-actions .instagram-button{min-height:64px;font-size:15px}
 .card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.card-actions a{font-size:13px;line-height:1.2}.card-actions .card-whatsapp{font-size:14px}
 .location-card:nth-child(2) .card-image{height:390px;background:#282523}.location-card:nth-child(2) .card-image:before{background-image:url('/assets/unidade2-fachada-2026.jpg')}.location-card:nth-child(2) .card-image img{object-fit:contain;object-position:center center}
 .supplier img{object-position:center}.supplier .button{min-height:64px;font-size:15px}
 .contact-links .button,.contact-links .instagram-button{min-height:64px;font-size:16px}
 .blog-preview{padding:76px 24px}.blog-preview p{font-size:17px}.blog-carousel{grid-auto-columns:minmax(260px,82%)}
}
@media(max-width:380px){.site-header nav a{font-size:9px}.hero{min-height:785px}.location-card:nth-child(2) .card-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Editorial carousel: quiet cards over the site's charcoal palette. */
.blog-preview{background:#171717}
.blog-carousel-wrap{max-width:1320px;margin:45px auto 0}
.blog-carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:none;scrollbar-width:none;overscroll-behavior-inline:contain}
.blog-carousel::-webkit-scrollbar{display:none}
.blog-card{position:relative;flex:0 0 calc((100% - 54px)/3.55);height:285px;min-width:0;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:13px;background:rgba(165,165,165,.14);color:#fff;scroll-snap-align:none;isolation:isolate;box-shadow:0 12px 26px rgba(0,0,0,.13);transition:border-color .25s,transform .25s}
.blog-card:hover{transform:translateY(-4px);border-color:rgba(238,101,30,.65)}
.blog-card::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(14,14,14,.9) 0%,rgba(14,14,14,.62) 28%,rgba(14,14,14,.06) 76%)}
.blog-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .5s,filter .3s}
.blog-card:hover img{transform:scale(1.045);filter:saturate(1.04)}
.blog-card div{position:absolute;inset:auto 0 0;z-index:1;padding:25px 22px 23px}
.blog-card h3{color:#fff;font-size:clamp(17px,1.5vw,22px);line-height:1.22;letter-spacing:-.025em;margin:0;max-width:31ch}
.blog-card p{display:none}
.blog-controls{margin-top:20px}
.blog-controls button{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.3);transition:background .2s,border-color .2s}
.blog-controls button:hover{background:rgba(237,90,8,.65);border-color:#ed5a08}
footer{background:#000}
footer .footer-links a{background:rgba(255,255,255,.035);border-color:#383838}
@media(max-width:900px){.blog-card{flex-basis:calc((100% - 36px)/2.4);height:265px}}
@media(max-width:700px){.blog-preview{padding-left:20px;padding-right:20px}.blog-card{flex-basis:78%;height:260px}.blog-card h3{font-size:20px}.blog-card div{padding:23px 20px}.blog-controls button{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.blog-card,.blog-card img,.blog-controls button{transition:none}}

/* Storefront photos: give the portrait facade room instead of cropping its sign. */
.location-grid .card-image{height:auto;aspect-ratio:4/3;position:relative;overflow:hidden;background:#e8e2d8}
.location-grid .card-image picture{display:block;width:100%;height:100%}
.location-grid .card-image img{width:100%;height:100%;object-fit:cover;object-position:center center}
.location-card:nth-child(2) .card-image{height:auto;background:#e8e2d8}
.location-card:nth-child(2) .card-image::before{content:none}
.location-card:nth-child(2) .card-image img{object-fit:cover;object-position:center center}
@media(max-width:700px){
 .location-grid .card-image{height:auto;aspect-ratio:1/1}
 .location-card:nth-child(2) .card-image{height:auto;aspect-ratio:3/4;background:#e8e2d8}
 .location-card:nth-child(2) .card-image::before{content:none}
 .location-card:nth-child(2) .card-image img{object-fit:cover;object-position:center center}
}

/* Keep the model's face in frame on wide desktop banners. */
@media(min-width:701px){.hero{background-position:center top}}
/* Each type treatment gets its own complete line. */
.brands h2 em{display:block;white-space:nowrap;margin-top:.08em}
@media(max-width:700px){.brands h2 em{font-size:clamp(32px,8.5vw,43px)}}
@media(max-width:700px){footer .footer-links a:last-child{grid-column:1/-1}}