/* A deliberately different flag-led campaign identity, layered over the preserved storefront. */
body:not(.commerce-shop) .hero{height:100svh;min-height:650px;max-height:none;background:#0c0b09;overflow:hidden}
body:not(.commerce-shop) .hero-image{inset:0;overflow:hidden}
body:not(.commerce-shop) .hero-image img{object-position:64% 49%;filter:saturate(.86) contrast(1.04) brightness(.91);animation:flag-breathe 24s cubic-bezier(.25,.4,.25,1) alternate infinite}
body:not(.commerce-shop) .hero-image:after{background:linear-gradient(90deg,rgba(8,8,7,.92) 0%,rgba(8,8,7,.72) 24%,rgba(8,8,7,.21) 58%,rgba(8,8,7,.04) 100%),linear-gradient(0deg,rgba(8,8,7,.7),transparent 28%)}
body:not(.commerce-shop) .hero-grain{opacity:.075}
body:not(.commerce-shop) .hero-copy{top:auto;bottom:clamp(110px,14svh,190px);left:clamp(30px,7vw,150px);transform:none;max-width:850px}
body:not(.commerce-shop) .hero h1{font:500 clamp(72px,9.3vw,164px)/.83 var(--serif);letter-spacing:-.065em;margin:24px 0 26px;display:block}
body:not(.commerce-shop) .hero h1 .hero-number{display:block}
body:not(.commerce-shop) .hero h1 em{display:block;font-weight:500;padding-left:clamp(30px,8.4vw,135px);white-space:nowrap}
body:not(.commerce-shop) .hero-note{font:clamp(16px,1.35vw,22px)/1.5 var(--serif);color:#f0e8d7;max-width:420px}
body:not(.commerce-shop) .hero-copy .text-link{margin-top:24px;font-size:11px}
body:not(.commerce-shop) .hero-topline{right:4.5vw;left:auto;top:129px;z-index:2;letter-spacing:.22em;font-size:9px}
body:not(.commerce-shop) .hero-foot{left:7vw;right:7vw;bottom:38px;z-index:2}
body:not(.commerce-shop) .hero-foot>span:last-child{font-size:16px}
body:not(.commerce-shop) .manifesto{background:#eae2d4;padding:clamp(105px,13vw,230px) 8vw}
body:not(.commerce-shop) .manifesto-grid{grid-template-columns:1.6fr .65fr;gap:10vw}
body:not(.commerce-shop) .editorial-panel{background:#181611;padding:clamp(70px,9vw,145px) 6.4vw;grid-template-columns:1.2fr .8fr;gap:4vw}
body:not(.commerce-shop) .editorial-image{height: min(69vw,810px)}
body:not(.commerce-shop) .editorial-type{padding:0}
body:not(.commerce-shop) .collection{background:#d9cbb6;padding:clamp(85px,11vw,160px) 6.4vw}
body:not(.commerce-shop) .collection .products{grid-template-columns:1.1fr .9fr;gap:clamp(22px,3.5vw,70px);align-items:start}
body:not(.commerce-shop) .collection .product-card{width:100%;margin:0}
@keyframes flag-breathe{0%{transform:scale(1.04) translateX(0)}100%{transform:scale(1.12) translateX(-1.2%)}}
@media(max-width:900px){
 body:not(.commerce-shop) .hero-image img{object-position:63% center}
 body:not(.commerce-shop) .hero-image:after{background:linear-gradient(0deg,rgba(8,8,7,.92),rgba(8,8,7,.17) 73%),linear-gradient(90deg,rgba(8,8,7,.4),transparent)}
 body:not(.commerce-shop) .hero-copy{bottom:17svh;left:7vw;max-width:90vw}
 body:not(.commerce-shop) .hero h1{font-size:clamp(67px,11.5vw,110px)}
 body:not(.commerce-shop) .hero-topline{top:100px;right:7vw}
 body:not(.commerce-shop) .collection .products{gap:25px}
}
@media(max-width:720px){
 body:not(.commerce-shop) .hero{height:100svh;min-height:670px}
 body:not(.commerce-shop) .hero-image img{object-position:61% 32%;animation-duration:30s}
 body:not(.commerce-shop) .hero-image:after{background:linear-gradient(0deg,rgba(7,7,6,.94) 0%,rgba(7,7,6,.76) 26%,rgba(7,7,6,.13) 75%)}
 body:not(.commerce-shop) .hero-copy{left:7.5vw;bottom:14svh;transform:none;max-width:90vw}
 body:not(.commerce-shop) .hero h1{font-size:clamp(55px,15vw,90px);line-height:.9;margin:19px 0 22px}
 body:not(.commerce-shop) .hero h1 em{padding-left:5vw;font-size:.84em}
 body:not(.commerce-shop) .hero-note{font-size:17px}
 body:not(.commerce-shop) .hero-topline{top:89px;font-size:8px}
 body:not(.commerce-shop) .hero-foot{bottom:20px}
 body:not(.commerce-shop) .manifesto{padding:100px 7vw}
 body:not(.commerce-shop) .manifesto-grid{display:block}
 body:not(.commerce-shop) .editorial-panel{display:block;padding:70px 7vw}
 body:not(.commerce-shop) .editorial-image{height:103vw}
 body:not(.commerce-shop) .editorial-type{padding:45px 0 15px}
 body:not(.commerce-shop) .collection{padding:85px 7vw}
 body:not(.commerce-shop) .collection .products{grid-template-columns:1fr;gap:45px}
}
@media(prefers-reduced-motion:reduce){
 body:not(.commerce-shop) .hero-image img{animation:none!important;transform:none!important}
}