/* S1 Boutique — editorial serif, paper tones, tall hero image that reveals, category marquee, hairline cards */
.s1{--br:0;--cr:0;--fr:0;--lr:0}
.s1 h1,.s1 h2,.s1 .pc-n{font-weight:500}
.s1 .hd{background:var(--bg)}
.s1 .logo{font-size:24px;font-weight:600;letter-spacing:.02em}
.s1 .logo i{display:none}
.s1 .hd-nav a{text-transform:uppercase;font-size:12.5px;letter-spacing:.12em;border-radius:0}
.s1 .pc-n{font:500 19px/1.25 var(--hf)}
.s1 .qa{border-radius:0;text-transform:uppercase;font-size:12px;letter-spacing:.1em}
.s1 .btn{text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.s1-hero{display:grid;grid-template-columns:1fr .9fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(32px,6vw,80px) 0}
.s1-k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--acct);margin:0 0 18px}
.s1-hero h1{font-size:clamp(48px,7.4vw,108px);line-height:.95;letter-spacing:-.02em;max-width:11ch}
.s1-sub{font-size:18px;color:var(--mute);max-width:32em;margin:22px 0 30px}
.s1-act{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.s1-hi{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--surf)}
.s1-hi img{width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.s1-hero{grid-template-columns:minmax(0,1fr)}.s1-hi{aspect-ratio:4/3}}
.s1-mq{border-block:1px solid var(--line);overflow:hidden;padding:16px 0}
.s1-mq div{display:flex;gap:28px;width:max-content;animation:s1m 40s linear infinite;align-items:center}
.s1-mq span{font:italic 500 26px/1 var(--hf);white-space:nowrap}
.s1-mq i{font-style:normal;color:var(--acct)}
@keyframes s1m{to{transform:translateX(-50%)}}
.s1-promo{position:relative;min-height:70vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.s1-pi{position:absolute;inset:0}
.s1-pi .par,.s1-pi .par img{width:100%;height:100%;object-fit:cover}
.s1-pi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.7))}
.s1-pt{position:relative;z-index:1;padding:clamp(40px,7vw,90px) 0}
.s1-pt .sh-k{color:#fff;opacity:.85}
.s1-pt h2{font-size:clamp(38px,5.6vw,76px);max-width:14ch;margin:10px 0}
.s1-pt p{max-width:34em;color:rgba(255,255,255,.88);margin:0 0 24px}
.s1-pt .btn{background:#fff;color:#111}
.s1-ct .ct-i{aspect-ratio:3/4}
.s1-ct h3{font:500 22px/1.2 var(--hf)}
.s1-story{padding:clamp(80px,12vw,160px) 0;background:var(--surf)}
.s1-story p{font:500 clamp(28px,3.8vw,50px)/1.25 var(--hf);max-width:24ch;margin:0 auto;text-align:center}
.s1-nl{background:var(--ink);color:var(--bg);padding:clamp(56px,8vw,96px) 0}
.s1-nlg{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.s1-nl h2{font-size:clamp(32px,4vw,52px)}
.s1-nl p{color:color-mix(in srgb,var(--bg) 75%,transparent)}
.s1-nl .nl input{background:transparent;color:var(--bg);border-color:color-mix(in srgb,var(--bg) 40%,transparent)}
.s1-nl .btn{background:var(--bg);color:var(--ink)}
@media (max-width:760px){.s1-nlg{grid-template-columns:minmax(0,1fr)}}
.s1 .prom li{background:transparent;border:1px solid var(--line)}
