/* Warm photographic hero, soft on the headline and crisp on the outfit. */
.hero.hero-editorial{display:block;min-height:650px;isolation:isolate;background:#3d2b20}
.hero-editorial:before{content:'';position:absolute;inset:0;background:url('/assets/hero-country-panorama.png') center/cover no-repeat;filter:blur(3px);transform:scale(1.025) translateY(calc(var(--hero-y,0px)*.2));z-index:-2;pointer-events:none}
.hero-editorial:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1b1513b8 0%,#24191283 36%,#23191026 61%,transparent 78%);z-index:0;pointer-events:none}
.hero-editorial .hero-copy{position:relative;width:57%;min-height:650px;padding:66px 5% 27px;background:none;z-index:2}
.hero-editorial .hero-copy .eyebrow{color:#d6c7b5}
.hero-editorial .hero-copy p{color:#e2d5c8}
.hero-editorial h1{font-size:clamp(65px,6.3vw,103px);text-shadow:0 2px 30px #25140d40}
.hero-editorial h1 em{color:#f06c74}
.hero-editorial .hero-foot{color:#bba797;border-color:#d7c4ad40;max-width:450px}
.hero-editorial .hero-visual{position:absolute;inset:0;width:100%;height:100%;background:none;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 25%,#000 65%)}
.hero-picture{position:absolute;inset:0;display:block}
.hero-picture img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:scale(1.025) translateY(calc(var(--hero-y,0px)*.2));will-change:transform}
.hero-editorial .vertical-text{left:auto;right:23px;color:#fff9;top:35px;font-size:7px}
.hero-editorial .photo-label{left:64%;right:5%;bottom:30px;color:#f4e6d3;border-color:#f4e6d340;font-size:7px;letter-spacing:1.6px}
.hero-editorial .hero-stamp{display:none}
.floating-bag{position:fixed;right:25px;bottom:25px;z-index:6;display:flex;align-items:center;gap:14px;padding:14px 22px 14px 17px;border:1px solid #ffffff45;border-radius:50px;background:#151316ed;backdrop-filter:blur(15px);color:#fff;box-shadow:0 7px 35px #0003;transition:transform .25s,background .25s;min-height:61px}
.floating-bag:hover{transform:translateY(-4px);background:#ac2535}
.floating-bag:focus-visible{outline:2px solid #d83c4e;outline-offset:4px}
.floating-bag-icon{position:relative;width:29px;height:28px;display:grid;place-items:center}
.floating-bag-icon svg{width:24px;height:24px}
.floating-bag-icon [data-count]{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;background:#c32636;border:1px solid #e65b69;border-radius:50%;font-size:8px;line-height:1}
.floating-bag-text{display:flex;flex-direction:column;text-align:left;line-height:1.6;padding-left:1px}
.floating-bag-text b{font-size:10px;letter-spacing:.3px;font-weight:500}
.floating-bag-text [data-cart-subtotal]{font-size:9px;color:#c4bfc5}
@media(min-width:1600px){.hero.hero-editorial,.hero-editorial .hero-copy{min-height:720px}.hero-editorial .hero-copy{padding-top:85px}}
@media(max-width:1100px) and (min-width:761px){.hero-editorial h1{font-size:68px}.hero-editorial .hero-copy{width:60%;padding-top:75px}.hero-editorial .photo-label{left:70%;font-size:6px;letter-spacing:.6px}}
@media(max-width:760px){
 .hero.hero-editorial{min-height:0;display:flex;flex-direction:column}
 .hero-editorial:before{background-position:22% center;filter:blur(3px);transform:scale(1.03)}
 .hero-editorial:after{background:linear-gradient(180deg,#24191070 0%,#21150e26 38%,transparent 62%)}
 .hero-editorial .hero-copy{width:100%;min-height:440px;padding:40px 7% 27px;background:none}
 .hero-editorial h1{font-size:59px;letter-spacing:-3px;margin-top:14px;margin-bottom:24px}
 .hero-editorial .hero-copy p{font-size:12px}
 .hero-editorial .hero-foot{margin-top:35px}
 .hero-editorial .hero-visual{position:relative;inset:auto;width:100%;height:460px;mask-image:none;z-index:1}
 .hero-picture img{object-fit:cover;object-position:50% 45%;transform:none;will-change:auto}
 .hero-editorial .vertical-text{top:26px;right:16px;color:#eee9e2}
 .hero-editorial .photo-label{left:7%;right:7%;font-size:6px;bottom:20px;color:#fff;border-color:#fff6;text-shadow:0 1px 5px #0008}
 .floating-bag{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));width:59px;height:59px;min-height:0;border-radius:50%;padding:0;justify-content:center;gap:0;box-shadow:0 5px 25px #0004}
 .floating-bag-text{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-editorial:before,.hero-picture img{transform:none!important;will-change:auto}.floating-bag{transition:none}.floating-bag:hover{transform:none}}
