/* PRÉLUDE | LUXE BEAUTY EDIT — TOP PAGE ONLY (2026-10-19)
   Self-contained appearance layer. No changes to product catalog, advertiser assets,
   price/conditions, A8 URLs, analytics or JS. Remove this stylesheet to undo.
   COLOR TOKENS: ink #503e3b, rose #b77d8d, champagne #b89460, ivory #fffbf7.
*/
:root{--luxe-rose:#b77d8d;--luxe-rose-deep:#946073;--luxe-gold:#b89460;--luxe-ivory:#fffbf7;--luxe-ink:#503e3b;--luxe-hairline:#e4cdb9}
.strip{background:linear-gradient(100deg,#80625c,#9a7c79 48%,#705953);letter-spacing:.19em;border-bottom:1px solid #d6b7a2}
.header{background:rgba(255,252,249,.98);border-bottom:1px solid #eadcd6}
.header .wordmark b{letter-spacing:.18em;color:#543e3b;text-shadow:0 2px 18px rgba(184,148,96,.08)}
.header .wordmark small{color:#a8867d}
/* Magazine front cover photography — do not alter photo bytes */
.hero{background:#f8eee8;position:relative}
.hero-photo{isolation:isolate}
.hero-photo:after{box-shadow:none;background:linear-gradient(90deg,rgba(46,27,24,.16),transparent 35%),linear-gradient(0deg,rgba(52,25,29,.25),transparent 31%);pointer-events:none;z-index:1}
.magazine-issue-flag{position:absolute;z-index:2;left:clamp(18px,3vw,56px);top:clamp(20px,4vw,65px);font:12px/1.6 var(--serif);letter-spacing:.22em;color:#fff9f3;text-shadow:0 1px 5px #4b312c80;border-top:1px solid #fff6ea;border-bottom:1px solid #fff6ea;padding:7px 0}
.cover-caption{z-index:2;position:absolute;bottom:clamp(16px,2.5vw,36px);left:clamp(18px,3vw,56px);color:#fff5ee;text-shadow:0 1px 5px #593e37a6;font:11px var(--serif);letter-spacing:.25em}
.hero-copy{position:relative;background:radial-gradient(ellipse at 95% 10%,#f9e1e6 0%,transparent 38%),radial-gradient(circle at 5% 91%,#fbeecb99 0%,transparent 31%),linear-gradient(120deg,#fff9f4,#f4e5dc)}
.hero-copy:before{content:"";position:absolute;top:23px;right:24px;width:91px;height:91px;border-top:1px solid #cbb092;border-right:1px solid #cbb092;opacity:.6;pointer-events:none}
.hero-copy .eyebrow{font-size:12px;letter-spacing:.25em;color:#94697b}
.issue-flourish{display:flex;align-items:center;gap:13px;font:17px var(--serif);color:var(--luxe-gold);margin-top:8px}
.issue-flourish:before,.issue-flourish:after{content:"";height:1px;width:34px;background:#d5b590}
.hero-copy h1{font-weight:400;letter-spacing:.082em;color:#503939;text-wrap:balance}
.hero-copy p{color:#685554}
.hero-copy .hero-index{color:#a27c82}
.hero-actions .btn:not(.ghost),.sns-entry-bottom .btn:not(.ghost){border-color:#926a6c;background:linear-gradient(110deg,#986b70,#7c6259);box-shadow:0 5px 15px #825a5520;color:#fff}
.hero-actions .btn:not(.ghost):hover{background:#694d50}
.hero-actions .btn.ghost{color:#7d5961;border-color:#c9aab1;background:#fff7f6c4}
/* Printed issue index — three navigation anchors remain truly clickable */
.magazine-index-band{background:linear-gradient(90deg,#fffdf7,#f6eeeb);border-top:1px solid #e0cec3;border-bottom:1px solid #e1cfc5}
.magazine-index-inner{display:grid;grid-template-columns:1.05fr repeat(3,1fr);min-height:74px;align-items:center;gap:0}
.magazine-index-label{font:12px/1.3 var(--serif);letter-spacing:.17em;color:#946d6b;border-right:1px solid #dfc9bd;padding:17px 17px 17px 0}
.magazine-index-label i{font-style:italic;color:#b79670;font-size:23px;vertical-align:middle}
.magazine-index-inner a{display:flex;align-items:center;gap:11px;border-right:1px solid #e2d4ce;padding:14px 16px;font:12px/1.5 var(--jp);min-height:60px;color:#654a47;transition:background .2s}
.magazine-index-inner a:hover{background:#f1e0df}
.magazine-index-inner a:last-child{border:0}
.magazine-index-inner a span{font:19px var(--serif);color:#ba8690}
.magazine-index-inner a b{margin-left:auto;font-size:12px;font-weight:400;color:#aa806c}
/* Journal cover story cards: strong hierarchy, soft rose/gold detail */
.sns-entry{background:radial-gradient(ellipse at 95% 0%,#f4dedf 0%,transparent 38%),linear-gradient(160deg,#fffaf7 0%,#f6eae5 90%);border-bottom:1px solid #e5d1c8}
.sns-entry-heading .eyebrow{font-size:12px;letter-spacing:.27em;color:#a96e81}
.sns-entry-heading h2{font-size:clamp(27px,3.2vw,42px);line-height:1.56;color:#55413f;letter-spacing:.072em}
.sns-entry-heading p{color:#806960}
.issue-section-line{display:flex;align-items:center;gap:18px;justify-content:center;color:#b6968b;font:12px var(--serif);letter-spacing:.24em;margin-top:24px}
.issue-section-line:before,.issue-section-line:after{content:"";width:60px;height:1px;background:linear-gradient(90deg,transparent,#c9a58f)}
.issue-section-line:after{transform:rotate(180deg)}
.sns-entry-grid{gap:18px}
.sns-entry-card{position:relative;border-color:#ead6d2;background:#fffaf7;box-shadow:0 12px 28px rgba(115,74,65,.075);overflow:hidden}
.sns-entry-card:after{content:"";position:absolute;inset:0;border:1px solid #f8ece7;pointer-events:none}
.sns-entry-card:hover{box-shadow:0 17px 38px #98716f25}
.sns-entry-image{position:relative;background:linear-gradient(135deg,#f9eee9,#f1e5e0)}
.sns-entry-image img{transition:transform .4s}
.sns-entry-card:hover .sns-entry-image img{transform:none}
.issue-card-corner{position:absolute;bottom:0;left:0;z-index:3;font:10px/1.25 var(--serif);letter-spacing:.17em;color:#fffaf4;background:linear-gradient(100deg,#a47686,#8b6465);padding:9px 12px}
.issue-card-lead .issue-card-corner{background:linear-gradient(100deg,#ad778a,#8d6272)}
.sns-entry-copy{background:linear-gradient(180deg,#fffdfa 35%,#fff7f2);padding:20px 16px 20px}
.sns-entry-copy span{color:#a9797f;font-size:12px}
.sns-entry-copy h3{color:#594142}
.sns-entry-copy em{color:#9f6570;border-top-color:#e7cbc8;font-size:12px}
.sns-entry-copy em:after{content:"";display:inline-block;width:24px;border-top:1px solid #b78d8a;transform:translateY(-4px);margin-left:9px}
.sns-entry-bottom .btn.ghost{border-color:#bb9290;color:#795258;background:#fffaf7}
/* Editor's letter and sections take on print-magazine language */
.intro{position:relative;background:linear-gradient(135deg,#fffaf6,#fbf2ee);border:1px solid #f0e1da;margin-top:42px;margin-bottom:22px}
.intro:before,.intro:after{content:"✦";font:28px var(--serif);color:#c6a078;position:absolute;top:19px;opacity:.65}
.intro:before{left:24px}.intro:after{right:24px}
.intro h2{color:#584144}
.magazine-section-rule{font:11px/1.4 var(--serif);letter-spacing:.24em;color:#a7787d;display:flex;align-items:center;gap:14px;margin-bottom:12px}
.magazine-section-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#d5b8a3,#eaded6)}
#select-edits .sect-title h2,#stories .sect-title h2{color:#503b40;letter-spacing:.07em}
#select-edits .sect-title .eyebrow,#stories .sect-title .eyebrow{color:#9c6f7b}
.prelude-special-edit .prelude-edit-cards a{background:linear-gradient(160deg,#fffbf7,#faeee7);border-color:#e8d2ca;border-radius:3px;box-shadow:0 10px 25px #85635414}
.prelude-special-edit .prelude-edit-cards a strong{color:#573d40;font-family:var(--jp);font-weight:500}
.prelude-special-edit .prelude-edit-cards a span{color:#a06a79}
.prelude-special-edit .prelude-edit-cards img{background:#fffbf7;object-fit:contain}
#stories .bento>a{border-color:#ead5d0;background:#fffaf6}
#stories .bento>a>figcaption{background:#fffaf7}
#stories .bento .num,#stories .bento .story-read{color:#a37482}
#stories .bento .story-read{border-top-color:#e6c8c9}
@media(max-width:1050px){.magazine-index-inner{grid-template-columns:1fr repeat(3,1.2fr)}.magazine-index-inner a{padding:12px 10px;gap:8px;font-size:11px}}
@media(max-width:760px){
 .header .wordmark b{font-size:28px}
 .hero-photo{height:55vw;max-height:250px;min-height:190px}
 .hero-photo img{object-position:center 40%}
 .magazine-issue-flag{left:16px;top:17px;letter-spacing:.12em;font-size:10px;padding:4px 0}
 .cover-caption{left:16px;bottom:14px;font-size:9px;letter-spacing:.15em}
 .hero-copy{padding:21px 19px 25px}
 .hero-copy:before{width:36px;height:36px;top:12px;right:12px}
 .hero-copy .eyebrow{font-size:10px;letter-spacing:.2em}
 .hero-copy h1{font-size:clamp(25px,6.65vw,32px);line-height:1.55;margin:10px 0}
 .hero-copy p{max-width:345px;line-height:1.9;margin-bottom:17px}
 .issue-flourish{font-size:14px;margin-top:3px}
 .issue-flourish:before,.issue-flourish:after{width:25px}
 .hero-actions{width:min(345px,100%)}
 .hero-actions .btn{min-height:43px}
 .magazine-index-inner{display:flex;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 11px}
 .magazine-index-inner::-webkit-scrollbar{display:none}
 .magazine-index-label{white-space:nowrap;padding:12px 10px 9px 0;font-size:9px;min-width:90px;align-self:center}
 .magazine-index-label i{font-size:15px}
 .magazine-index-inner a{white-space:nowrap;font-size:10px;min-width:max-content;scroll-snap-align:start;min-height:52px;padding:12px}
 .magazine-index-inner a span{font-size:14px}
 .sns-entry{padding:35px 0 31px}
 .sns-entry-heading{margin-bottom:20px}
 .sns-entry-heading .eyebrow{font-size:10px}
 .sns-entry-heading h2{font-size:clamp(23px,6vw,27px);margin:10px 0}
 .issue-section-line{font-size:9px;gap:10px;margin-top:14px}
 .issue-section-line:before,.issue-section-line:after{width:28px}
 .sns-entry-grid{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .sns-entry-card.issue-card-lead{grid-column:span 2;display:grid;grid-template-columns:43% minmax(0,57%);min-height:195px}
 .sns-entry-card.issue-card-lead .sns-entry-image{height:100%;aspect-ratio:auto;padding:14px}
 .sns-entry-card.issue-card-lead .sns-entry-image img{height:100%;width:100%;object-fit:contain}
 .sns-entry-card.issue-card-lead .sns-entry-copy{padding:18px 11px 15px;min-width:0}
 .sns-entry-card.issue-card-lead .sns-entry-copy span{font-size:10px}
 .sns-entry-card.issue-card-lead .sns-entry-copy h3{font-size:16px;line-height:1.52;margin:7px 0}
 .sns-entry-card.issue-card-lead .sns-entry-copy p{font-size:10px;line-height:1.6}
 .issue-card-corner{padding:6px 8px;font-size:8px;letter-spacing:.08em}
 .sns-entry-card.issue-card-last{grid-column:span 2;display:grid;grid-template-columns:42% minmax(0,58%)}
 .sns-entry-card.issue-card-last .sns-entry-image{height:100%;aspect-ratio:auto;min-height:146px;padding:14px}
 .sns-entry-card.issue-card-last .sns-entry-copy{padding:14px 12px}
 .sns-entry-card.issue-card-last .sns-entry-copy h3{font-size:15px}
 .sns-entry-card.issue-card-last .sns-entry-image img{height:100%;width:100%;object-fit:contain}
 .sns-entry-card:not(.issue-card-lead):not(.issue-card-last) .sns-entry-copy{padding:11px 10px 13px}
 .sns-entry-card:not(.issue-card-lead):not(.issue-card-last) .sns-entry-copy h3{font-size:12px}
 .sns-entry-card:not(.issue-card-lead):not(.issue-card-last) .sns-entry-copy span{font-size:9px}
 .sns-entry-card:not(.issue-card-lead):not(.issue-card-last) .sns-entry-copy p{font-size:9.5px}
 .sns-entry-copy em{font-size:10px}
 .sns-entry-copy em:after{width:12px;margin-left:3px}
 .intro{margin-top:23px;padding:36px 15px 30px}
 .intro:before,.intro:after{font-size:18px;top:12px}
 .intro:before{left:11px}.intro:after{right:11px}
 .magazine-section-rule{font-size:9px;letter-spacing:.16em}
 .prelude-special-edit .prelude-edit-cards a{border-radius:2px}
 .prelude-special-edit .prelude-edit-cards img{object-fit:contain}
}
@media(max-width:360px){.sns-entry-card.issue-card-lead{grid-template-columns:40% minmax(0,60%)}.sns-entry-card.issue-card-lead .sns-entry-copy h3{font-size:14px}.sns-entry-card.issue-card-lead .sns-entry-copy p{font-size:9px}.magazine-index-label{min-width:82px}}
@media(prefers-reduced-motion:reduce){.sns-entry-image img,.sns-entry-card,.prelude-edit-cards a{transition:none!important}.sns-entry-card:hover .sns-entry-image img{transform:none}}

/* 2026-10-19: all four editorial product pictures must always show the full original. */
.sns-entry .sns-entry-image{aspect-ratio:4/5;padding:10px;box-sizing:border-box}
.sns-entry .sns-entry-image img{object-fit:contain!important;object-position:center!important;transform:none!important;max-width:100%;max-height:100%}
.sns-entry .sns-entry-card:hover .sns-entry-image img{transform:none!important}
@media(max-width:760px){
 .sns-entry .sns-entry-card.issue-card-lead .sns-entry-image,
 .sns-entry .sns-entry-card.issue-card-last .sns-entry-image{padding:12px;box-sizing:border-box}
 .sns-entry .sns-entry-card:not(.issue-card-lead):not(.issue-card-last) .sns-entry-image{aspect-ratio:4/5;padding:8px}
}

/* Final Cloudflare-safe, no-crop editorial image boxes for desktop/tablet/mobile. */
.sns-entry .sns-entry-image{position:relative;isolation:isolate}
.sns-entry .sns-entry-image img{
 position:absolute!important;top:10px!important;left:10px!important;
 width:calc(100% - 20px)!important;height:calc(100% - 20px)!important;
 max-width:none!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;
 transform:none!important;transition:none!important;
}
@media(max-width:760px){
 .sns-entry .sns-entry-card.issue-card-lead .sns-entry-image img,
 .sns-entry .sns-entry-card.issue-card-last .sns-entry-image img{top:12px!important;left:12px!important;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important}
 .sns-entry .sns-entry-card:not(.issue-card-lead):not(.issue-card-last) .sns-entry-image img{top:8px!important;left:8px!important;width:calc(100% - 16px)!important;height:calc(100% - 16px)!important}
}

/* PRÉLUDE FINAL: editorial quick links retain readable numbers in mobile viewport */
@media (max-width:760px) {
.magazine-index-inner { display:flex; overflow-x:auto; overflow-y:hidden; gap:0; padding:0 8px; scroll-padding-left:8px; }
.magazine-index-inner .magazine-index-label { display:none; }
.magazine-index-inner a { flex:0 0 auto; min-width:130px; box-sizing:border-box; padding:10px 11px; gap:6px; justify-content:center; white-space:nowrap; }
.magazine-index-inner a span { flex:0 0 auto; font-size:14px; }
.magazine-index-inner a b { margin-left:0; }
}