/* Photo-led, independently art-directed salon magazine covers. */
.cover-gallery{background:#eceae2}
.cover-gallery-lead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:0 0 55px}
.cover-gallery-lead h2{font-size:clamp(32px,4.3vw,63px);letter-spacing:-.06em;line-height:1.5}
.cover-gallery-lead>p{font-size:13px;line-height:2.15;margin-right:3vw}
.cover-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.cover-card{min-width:0}
.cover-card>h3{font-size:12px;line-height:1.8;margin:0 0 20px;display:flex;align-items:baseline;gap:12px;letter-spacing:0;font-weight:650}
.cover-card>h3>span{font-family:var(--serif);font-size:20px;font-weight:400;color:#8b6c42}
.cover-frame{position:relative;aspect-ratio:148/210;width:100%;container-type:inline-size;box-shadow:0 12px 25px #22210e13;background:#eee8d8}
.mag-cover{position:absolute;inset:0;overflow:hidden;font-family:var(--sans);line-height:1.6;letter-spacing:.02em;text-align:left}
.mag-photo{position:absolute;inset:0;height:100%;width:100%;object-fit:cover}
.mag-title{position:absolute;font-weight:700;line-height:1.2;white-space:nowrap;letter-spacing:-.08em}
.cover-card-caption{padding:24px 0 18px}
.cover-card-caption>p{font-size:10px;color:var(--muted);letter-spacing:.03em;margin-bottom:10px}
.cover-card-caption>h4{font-family:var(--serif);font-size:29px;font-weight:500;line-height:1.6;margin:0 0 10px;letter-spacing:-.06em}
.cover-card-caption>span{font-size:11px;line-height:1.9;display:block}
.cover-choice{width:100%;border:0;border-top:1px solid #b5b5a7;border-bottom:1px solid #b5b5a7;display:flex;justify-content:space-between;align-items:center;gap:10px;background:transparent;text-align:left;font-size:11px;padding:15px 0;line-height:1.7;transition:color .2s,padding .2s}
.cover-choice>span{font-size:21px;font-weight:400}
.cover-choice:hover,.cover-choice[aria-pressed=true]{color:var(--red);padding-left:8px;padding-right:4px}
.cover-choice[aria-pressed=true]{border-color:var(--red)}
.cover-standard{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-top:1px solid #bbbbae;padding-top:30px;margin-top:55px}
.cover-standard h3{font-size:23px;line-height:1.8;font-weight:650;letter-spacing:-.03em}
.cover-standard p{font-size:11px;line-height:2.1;color:var(--muted)}
.current-cover-label{font-size:11px;color:var(--red);line-height:1.8;margin:0 0 20px}
.paper.paper-cover-page{padding:0;display:block;min-height:0;background:transparent;box-shadow:none;letter-spacing:normal}
.paper-cover-page .cover-frame{box-shadow:0 10px 25px #232d1d26}
/* 01 — mode: photographic poster, oversized type, acid-lime footer. */
.mag-mode{background:#151713;color:#fffdf6}
.mode-photo{object-position:66% center}
.mode-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b09a8 0%,#080b0950 48%,#080b0900 80%),linear-gradient(0deg,#070a08b0 10%,transparent 60%)}
.mode-top{position:absolute;top:4.6%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:1.45cqw;letter-spacing:.03em;border-top:1px solid #fff8;padding-top:2cqw;font-weight:550}
.mode-title{top:7.5%;left:5.1%;font-size:22cqw;letter-spacing:-.1em;font-weight:800}
.mode-title>span{color:#d4ff63;font-size:.85em;margin-left:-.1em}
.mode-side{position:absolute;right:5%;top:16%;writing-mode:vertical-rl;font-size:1.65cqw;letter-spacing:.15em}
.mode-story{position:absolute;left:6%;right:6%;top:44.5%}
.mode-highlight{display:inline-block;background:#d4ff63;color:#1b2618;font-size:1.85cqw;padding:.7cqw 1.4cqw;letter-spacing:.06em;font-weight:700}
.mode-story>strong{display:block;font-size:7.3cqw;line-height:1.7;letter-spacing:-.045em;font-weight:750;margin:3.7cqw 0 3cqw}
.mode-story>p{font-size:2.15cqw;line-height:2.05;letter-spacing:.02em}
.mode-bottom{position:absolute;bottom:0;left:0;right:0;height:18.4%;background:#d4ff63;color:#122410;padding:4.1cqw 6cqw 2.5cqw}
.mode-bottom>p{font-size:1.55cqw;letter-spacing:.1em;line-height:1.7;margin:0 0 1.6cqw}
.mode-bottom>strong{font-size:3.15cqw;letter-spacing:.02em;line-height:1.7;font-weight:650}
.mode-bottom>span{position:absolute;right:5.5%;top:14%;font-family:Arial,sans-serif;font-size:9cqw;font-weight:650;line-height:1.2;letter-spacing:-.06em}
.mode-bottom>span>i{font-style:normal;font-size:.72em;font-weight:400;margin-left:.2em}
.mode-bottom>small{position:absolute;left:6%;bottom:8%;font-size:1.4cqw;font-weight:500;letter-spacing:0}
/* 02 — honest: warm stock, fine rules, serif masthead, portrait inset. */
.mag-honest{background:#f5edda;color:#193d4b;font-family:var(--serif)}
.honest-border{position:absolute;inset:3%;border:1px solid #b7a786;pointer-events:none}
.honest-top{position:absolute;top:5.6%;left:7%;font-size:1.6cqw;letter-spacing:.1em;color:#91724b}
.honest-title{top:9%;left:6.8%;font-family:var(--serif);font-size:18.2cqw;font-weight:500;letter-spacing:-.08em}
.honest-title>span{color:#cf462d;font-size:.8em;margin-left:-.08em}
.honest-seal{position:absolute;right:8%;top:14%;border:1px solid #c85c3b;color:#c85c3b;font-size:4.6cqw;line-height:1.1;padding:.8cqw .5cqw;transform:rotate(7deg)}
.honest-rule{position:absolute;top:23%;left:7%;right:7%;font-size:1.4cqw;color:#8d7755;display:flex;justify-content:space-between;border-top:1px solid #a89b7e;padding-top:1.1cqw;letter-spacing:.08em}
.honest-picture{position:absolute;top:27%;left:7%;right:7%;height:40%;overflow:hidden;background:#785535}
.honest-picture>.mag-photo{object-position:66% 15%}
.honest-picture-shade{position:absolute;inset:0;background:linear-gradient(90deg,#140d06a1,transparent 45%),linear-gradient(0deg,#140d0670,transparent 30%)}
.honest-picture>strong{position:absolute;left:5%;top:6%;bottom:8%;writing-mode:vertical-rl;color:#fff6dd;font-weight:650;font-size:6.2cqw;line-height:1.65;letter-spacing:.03em;text-shadow:0 1px 3px #0004}
.honest-picture>span{position:absolute;bottom:3.5%;right:3%;font-size:1.45cqw;color:#fff7e7;letter-spacing:.04em}
.honest-editorial{position:absolute;left:7%;right:7%;top:70.4%}
.honest-editorial>p{font-size:1.5cqw;color:#a07851;letter-spacing:.08em;line-height:1.7;margin:0 0 1.3cqw}
.honest-editorial>strong{font-size:4.25cqw;font-weight:500;line-height:1.65;letter-spacing:-.02em;display:block;margin:0 0 1.4cqw}
.honest-editorial>span{display:block;font-size:1.62cqw;line-height:1.9;letter-spacing:.04em;color:#776951}
.honest-index{position:absolute;left:7%;right:7%;bottom:7.7%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #b5a688;padding-top:1.4cqw;font-size:1.7cqw;line-height:1.8;letter-spacing:.02em}
.honest-index>span{padding:0 2.1cqw;border-left:1px solid #d0c0a4;white-space:nowrap}
.honest-index>span:first-child{padding-left:0;border-left:0}
.honest-index i{display:block;font-size:1.4cqw;font-style:normal;color:#a1825c;margin-bottom:.6cqw;letter-spacing:.08em}
.honest-foot{position:absolute;left:7%;right:7%;bottom:3.9%;border-top:1px solid #b5a688;padding-top:1cqw}
.honest-foot>span{font-size:1.5cqw;line-height:1.6;display:block;letter-spacing:.06em}
.honest-foot>small{font-size:1.2cqw;line-height:1.7;display:block;color:#8e7e63;letter-spacing:0}
/* 03 — future: full bleed pastel light, blue headline, coral note. */
.mag-future{background:#d9d7f0;color:#243e96}
.future-photo{object-position:63% center}
.future-color-wash{position:absolute;inset:0;background:linear-gradient(180deg,#cbd0fb45,transparent 55%,#172b6260 85%,#12254fb0 100%)}
.future-top{position:absolute;top:4.4%;left:6%;right:6%;border-top:1px solid #354da6;padding-top:2.1cqw;display:flex;justify-content:space-between;font-size:1.5cqw;letter-spacing:.04em}
.future-title{left:5.5%;top:12.9%;font-size:18.1cqw;font-weight:750;letter-spacing:-.085em;line-height:1.3}
.future-title>span{color:#f17d68;font-size:.9em;margin-left:-.05em}
.future-kicker{position:absolute;left:6%;top:30.8%;background:#f4f0f5e6;font-size:1.8cqw;letter-spacing:.09em;padding:.5cqw 1cqw}
.future-headline{position:absolute;left:6%;top:37%;font-size:7.3cqw;font-weight:650;letter-spacing:-.03em;line-height:1.75}
.future-loop{position:absolute;left:9%;top:44%;width:89%;height:37%;color:#344690;opacity:.7;pointer-events:none}
.future-circle{position:absolute;left:7%;top:61.5%;width:24cqw;height:24cqw;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:50%;background:#ff9980;color:#182d64;transform:rotate(-12deg);font-size:3.2cqw;font-weight:650;line-height:1.6;letter-spacing:.02em}
.future-circle>span{font-family:Arial,sans-serif;font-size:6.5cqw;line-height:1.1;font-weight:400}
.future-bottom{position:absolute;left:6%;right:6%;bottom:3.8%;color:#fffdf7;text-shadow:0 1px 6px #0c1e4350}
.future-bottom>span{font-size:1.8cqw;display:block;letter-spacing:.05em;margin-bottom:1.5cqw}
.future-bottom>strong{font-family:var(--serif);font-size:4.25cqw;font-weight:500;line-height:1.8;letter-spacing:0;display:block}
.future-bottom>b{position:absolute;right:-1%;bottom:4%;font-family:Arial,sans-serif;font-size:10cqw;letter-spacing:.03em;line-height:1;font-weight:500}
.future-bottom>small{font-size:1.3cqw;display:block;letter-spacing:0;line-height:1.8;margin-top:2cqw}
@media(max-width:1100px) and (min-width:761px){.cover-gallery-grid{gap:20px}.cover-card>h3{font-size:10px;gap:8px}.cover-card>h3>span{font-size:18px}.cover-card-caption>h4{font-size:25px}.cover-card-caption>span{font-size:10px}.cover-choice{font-size:10px}.cover-standard h3{font-size:20px}}
@media(max-width:760px){.cover-gallery{padding:60px 23px}.cover-gallery-lead{display:block;margin-bottom:35px}.cover-gallery-lead h2{font-size:32px;line-height:1.7;letter-spacing:-.05em}.cover-gallery-lead>p{font-size:12px;line-height:2.2;margin:22px 0 0}.cover-gallery-grid{grid-template-columns:1fr;gap:45px;max-width:440px;margin:auto}.cover-card>h3{font-size:12px;gap:12px;margin-bottom:15px}.cover-card>h3>span{font-size:20px}.cover-card-caption{padding:22px 0 15px}.cover-card-caption>p{font-size:10px;margin-bottom:8px}.cover-card-caption>h4{font-size:30px;margin-bottom:8px}.cover-card-caption>span{font-size:12px}.cover-choice{font-size:12px;padding:16px 0}.cover-choice>span{font-size:22px}.cover-standard{grid-template-columns:1fr;gap:20px;padding-top:25px;margin-top:40px}.cover-standard h3{font-size:24px;line-height:1.8}.cover-standard p{font-size:10px;line-height:2.1}.current-cover-label{font-size:10px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.cover-choice{transition:none}}