:root{--story-c3-dark:#0d0d0d;--story-c3-gold:#c9a84c;--story-c3-cream:#f5f2ec;--story-c3-white:#fff;--story-c3-body:'DM Sans',system-ui,sans-serif;--story-c3-serif:'Fraunces',Georgia,serif}
html{scroll-behavior:smooth}body.story-c3-page{margin:0;background:var(--story-c3-dark);font-family:var(--story-c3-body);color:#fff}.story-c3-page *{box-sizing:border-box}.story-c3-page a{color:inherit;text-decoration:none}.story-c3-shell{overflow:hidden;background:var(--story-c3-dark)}.story-c3-max{width:min(100% - 96px,1440px);margin:0 auto}.story-c3-relative{position:relative}.story-c3-gold{color:var(--story-c3-gold)!important}

.story-c3-skip{position:fixed;left:12px;top:12px;z-index:99999;padding:10px 14px;background:#fff;color:#111!important;font:600 12px/1 var(--story-c3-body);transform:translateY(-180%);transition:transform .2s}.story-c3-skip:focus{transform:translateY(0)}
.story-c3-hero{position:relative;min-height:100svh;background:var(--story-c3-dark);overflow:hidden}.story-c3-header{position:relative;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:40px 48px 0}.story-c3-logo{display:block;font:700 96px/1 var(--story-c3-serif);letter-spacing:-.055em;color:#fff!important;user-select:none}.story-c3-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px;padding-top:24px}.story-c3-nav{display:flex;gap:32px;align-items:center}.story-c3-nav a{font:400 11px/1.2 var(--story-c3-body);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);transition:color .2s}.story-c3-nav a:hover,.story-c3-nav a:focus{color:#fff}.story-c3-search{font-size:16px!important;line-height:1;letter-spacing:0!important}.story-c3-issue-line{display:flex;gap:12px;align-items:center;font:400 9px/1.2 var(--story-c3-body);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3)}.story-c3-issue-line i{display:block;width:1px;height:12px;background:rgba(255,255,255,.2)}.story-c3-issue-line a{color:var(--story-c3-gold)!important}
.story-c3-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;min-height:85vh;padding:0 48px;margin-top:8px}.story-c3-hero-copy{grid-column:span 6;position:relative;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;padding:0 48px 64px 0}.story-c3-vertical{position:absolute;left:0;top:33.333%;font:400 10px/1.2 var(--story-c3-body);letter-spacing:.4em;text-transform:uppercase;color:rgba(255,255,255,.2);writing-mode:vertical-lr;transform:rotate(180deg)}.story-c3-hero-copy-inner{padding-left:32px;max-width:660px}.story-c3-kicker{display:block;margin-bottom:20px;font:400 10px/1.2 var(--story-c3-body);letter-spacing:.25em;text-transform:uppercase;color:var(--story-c3-gold)}.story-c3-hero h1{margin:0 0 28px;font:700 italic clamp(52px,5.5vw,80px)/.95 var(--story-c3-serif);letter-spacing:-.035em;color:#fff}.story-c3-hero p{max-width:380px;margin:0 0 32px;font:300 14px/1.7 var(--story-c3-body);color:rgba(255,255,255,.5)}.story-c3-hero-actions{display:flex;align-items:center;gap:20px}.story-c3-outline{display:inline-block;padding:12px 20px;border:1px solid var(--story-c3-gold);color:var(--story-c3-gold)!important;font:400 11px/1 var(--story-c3-body);letter-spacing:.2em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}.story-c3-outline:hover,.story-c3-outline:focus{background:#fff;border-color:#fff;color:#111!important}.story-c3-hero-actions span{font:400 11px/1.4 var(--story-c3-body);color:rgba(255,255,255,.3)}.story-c3-hero-media{grid-column:span 6;position:relative;margin-top:-128px;margin-right:-48px;min-height:calc(85vh + 128px);background-size:cover;background-position:center top}.story-c3-hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--story-c3-dark) 0%,transparent 20%,transparent 90%,var(--story-c3-dark) 100%),linear-gradient(to bottom,var(--story-c3-dark) 0%,transparent 12%)}.story-c3-hero-media.is-empty{background:linear-gradient(135deg,#1a1a1a,#050505)}.story-c3-watermark-number{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font:700 180px/1 var(--story-c3-serif);color:rgba(255,255,255,.03);pointer-events:none;user-select:none}
.story-c3-category-strip{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:20px 0}.story-c3-category-strip-inner{display:flex;align-items:center;justify-content:space-between}.story-c3-category-strip-inner>div{display:flex;gap:34px}.story-c3-category-strip a{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3)}.story-c3-category-strip a:hover{color:#fff}
.story-c3-section{position:relative;padding:64px 0}.story-c3-dark{background:var(--story-c3-dark);color:#fff}.story-c3-cream{background:var(--story-c3-cream);color:#111}.story-c3-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.story-c3-section-head span,.story-c3-section-label{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.58)}.story-c3-section-head i,.story-c3-section-label i,.story-c3-picks-head i{display:inline-block;width:24px;height:1px;background:var(--story-c3-gold)}.story-c3-section-head>a{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28)}.story-c3-bg-word{position:absolute;top:24px;left:-5px;font:700 180px/.9 var(--story-c3-serif);letter-spacing:-.05em;color:rgba(255,255,255,.025);pointer-events:none}.story-c3-fashion-grid{display:grid;grid-template-columns:4fr 3fr 3fr;gap:20px;align-items:start}.story-c3-image{display:block;background-size:cover;background-position:center;overflow:hidden}.story-c3-image-tall{height:620px}.story-c3-image-medium{height:380px}.story-c3-image-short{height:280px}.story-c3-card h2,.story-c3-card h3{margin:0;font-family:var(--story-c3-serif);font-weight:700;font-style:italic;line-height:1.12}.story-c3-card h2{font-size:26px}.story-c3-card h3{font-size:20px}.story-c3-card .story-c3-kicker{margin-top:18px;margin-bottom:8px}.story-c3-fashion-middle{padding-top:80px}.story-c3-fashion-middle blockquote{margin:34px 0 0;padding-left:18px;border-left:2px solid var(--story-c3-gold);font:300 italic 18px/1.55 var(--story-c3-serif);color:rgba(255,255,255,.58)}.story-c3-fashion-middle blockquote small{display:block;margin-top:10px;font:400 10px/1.4 var(--story-c3-body);color:rgba(255,255,255,.26)}.story-c3-compact-list{margin-top:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px}.story-c3-compact-list>span{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.3)}.story-c3-compact-list>a{display:block;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:13px;line-height:1.35;color:rgba(255,255,255,.5)}.story-c3-compact-list>a:hover{color:#fff}
.story-c3-fashion .story-c3-card{position:relative}.story-c3-fashion .story-c3-image{background-color:#151515;transition:filter .35s ease}.story-c3-fashion .story-c3-card:hover .story-c3-image{filter:brightness(.92)}.story-c3-fashion .story-c3-card h2 a,.story-c3-fashion .story-c3-card h3 a{display:inline;color:#fff;transition:opacity .25s ease}.story-c3-fashion .story-c3-card:hover h2 a,.story-c3-fashion .story-c3-card:hover h3 a{opacity:.72}.story-c3-fashion-lead .story-c3-image{background-position:center 18%}.story-c3-fashion-middle .story-c3-image{background-position:center 22%}.story-c3-fashion-right .story-c3-image{background-position:center 25%}.story-c3-fashion .story-c3-section-head{margin-bottom:40px}.story-c3-fashion .story-c3-compact-list>a:last-child{border-bottom:0}.story-c3-fashion .story-c3-compact-list>a{transition:color .2s ease,padding-left .2s ease}.story-c3-fashion .story-c3-compact-list>a:hover{padding-left:4px}
.story-c3-beauty{position:relative;min-height:60vh;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.story-c3-beauty:after{content:"";position:absolute;inset:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.025);pointer-events:none}.story-c3-beauty-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,13,13,.85) 40%,rgba(13,13,13,.20) 100%)}.story-c3-beauty-inner{position:relative;z-index:1;min-height:60vh;display:flex;align-items:center;padding-top:64px;padding-bottom:64px}.story-c3-beauty-copy{max-width:600px}.story-c3-beauty-copy .story-c3-section-label{margin-bottom:24px}.story-c3-beauty-copy h2{margin:0 0 24px;font:700 italic clamp(42px,4.5vw,64px)/1.02 var(--story-c3-serif);letter-spacing:-.025em;color:#fff}.story-c3-beauty-copy h2 a{color:#fff}.story-c3-beauty-copy p{max-width:400px;margin:0 0 32px;font:300 14px/1.7 var(--story-c3-body);color:rgba(255,255,255,.5)}.story-c3-beauty-actions{display:flex;align-items:center;gap:24px}.story-c3-beauty-actions>span{font:400 11px/1.4 var(--story-c3-body);color:rgba(255,255,255,.3)}
.story-c3-lifestyle-statement{padding:88px 0}.story-c3-lifestyle-quote{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:72px;align-items:center}.story-c3-lifestyle-copy{max-width:760px}.story-c3-lifestyle-eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#777}.story-c3-lifestyle-eyebrow i{display:inline-block;width:30px;height:1px;background:var(--story-c3-gold)}.story-c3-lifestyle-quote h2{margin:0;font:700 italic clamp(42px,4.4vw,68px)/1.02 var(--story-c3-serif);letter-spacing:-.035em}.story-c3-lifestyle-quote h2 a{color:#111;text-decoration:none}.story-c3-lifestyle-deck{max-width:590px;margin:26px 0 24px!important;font:400 15px/1.7 var(--story-c3-body)!important;color:#666}.story-c3-quote-meta{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#8a8a8a}.story-c3-quote-meta a{color:#111;border-bottom:1px solid rgba(17,17,17,.35);padding-bottom:3px}.story-c3-image-landscape{aspect-ratio:4/3}.story-c3-lifestyle-image{background-position:center;box-shadow:0 22px 60px rgba(13,13,13,.12)}.story-c3-cream .story-c3-kicker{color:var(--story-c3-gold)}
.story-c3-culture{padding-top:74px;padding-bottom:72px}.story-c3-culture-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.75fr);gap:46px;align-items:start}.story-c3-image-culture{height:520px;background-position:center 22%}.story-c3-culture-lead-copy{max-width:820px}.story-c3-culture-lead .story-c3-kicker{margin-top:22px}.story-c3-culture-lead h2{font-size:clamp(30px,3vw,46px);line-height:1.04;letter-spacing:-.025em}.story-c3-culture-lead-copy>p{max-width:680px;margin:18px 0 20px;font:300 14px/1.7 var(--story-c3-body);color:rgba(255,255,255,.45)}.story-c3-story-meta{display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28)}.story-c3-story-meta a{color:var(--story-c3-gold)}.story-c3-culture-side{padding-top:42px}.story-c3-culture-side .story-c3-image-short{height:250px}.story-c3-culture-feature h3{font-size:24px;line-height:1.08}.story-c3-culture-feature>p{margin:14px 0 0;font:300 13px/1.65 var(--story-c3-body);color:rgba(255,255,255,.38)}.story-c3-culture-list{margin-top:30px;border-top:1px solid rgba(255,255,255,.1)}.story-c3-culture-list>a{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.55);transition:color .2s ease,padding-left .2s ease}.story-c3-culture-list>a:hover{color:#fff;padding-left:4px}.story-c3-culture-list>a>b{font:300 18px/1 var(--story-c3-serif);color:rgba(255,255,255,.16)}.story-c3-culture-list>a>span{font:300 italic 14px/1.35 var(--story-c3-serif)}.story-c3-culture-list>a>span>em{display:block;margin-bottom:6px;font:500 8px/1 var(--story-c3-body);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--story-c3-gold)}
.story-c3-partner{padding:22px 0;background:#111}.story-c3-partner-box{display:flex;justify-content:space-between;align-items:center;padding:22px 28px;border:1px dashed rgba(255,255,255,.1)}.story-c3-partner-box>span,.story-c3-partner-box>a{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.28)}.story-c3-partner-box>a{color:var(--story-c3-gold)}.story-c3-partner-box>div{display:flex;gap:48px;color:rgba(255,255,255,.18);font-size:13px;font-weight:400}
.story-c3-watch{padding-top:72px;padding-bottom:78px}.story-c3-watch-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.75fr);gap:46px;align-items:start}.story-c3-watch-image{position:relative;display:block;height:460px;background-size:cover;background-position:center;overflow:hidden}.story-c3-watch-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.38))}.story-c3-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:86px;height:86px;border:1px solid var(--story-c3-gold);border-radius:50%;color:var(--story-c3-gold);font-size:24px;transition:transform .25s ease,background .25s ease}.story-c3-watch-image:hover .story-c3-play{transform:translate(-50%,-50%) scale(1.06);background:rgba(13,13,13,.36)}.story-c3-watch-badge{position:absolute;left:20px;bottom:18px;padding:8px 12px;background:rgba(13,13,13,.72);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#fff}.story-c3-watch-lead h3{margin:0;max-width:900px;font:700 italic clamp(28px,2.6vw,42px)/1.1 var(--story-c3-serif);letter-spacing:-.02em}.story-c3-watch-lead .story-c3-kicker{margin-top:20px;margin-bottom:8px}.story-c3-watch-lead>p{max-width:700px;margin:16px 0 0;font:300 14px/1.7 var(--story-c3-body);color:rgba(255,255,255,.4)}.story-c3-watch-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.1)}.story-c3-watch-list>a{display:grid;grid-template-columns:156px 1fr;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.story-c3-mini-video{position:relative;display:grid;place-items:center;width:156px;height:96px;background:#161616 center/cover no-repeat;color:var(--story-c3-gold);overflow:hidden}.story-c3-mini-video:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}.story-c3-mini-video i{position:relative;z-index:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(201,168,76,.8);border-radius:50%;font-style:normal;font-size:11px}.story-c3-watch-list>a>span:last-child{display:block;color:rgba(255,255,255,.55)}.story-c3-watch-list b{display:block;margin-bottom:7px;font:500 8px/1 var(--story-c3-body);letter-spacing:.18em;text-transform:uppercase;color:var(--story-c3-gold)}.story-c3-watch-list strong{display:block;font:700 italic 16px/1.28 var(--story-c3-serif);color:rgba(255,255,255,.78)}.story-c3-watch-list small{display:block;margin-top:8px;font:400 9px/1 var(--story-c3-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.22)}
.story-c3-picks{padding-top:76px;padding-bottom:82px}.story-c3-picks-head{display:grid;grid-template-columns:1fr auto;grid-template-areas:'label desc' 'title desc';align-items:end;column-gap:40px;margin-bottom:48px}.story-c3-picks-head>div{grid-area:label;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#777}.story-c3-picks-head h2{grid-area:title;margin:10px 0 0;font:700 italic 58px/.92 var(--story-c3-serif);letter-spacing:-.035em}.story-c3-picks-head>p{grid-area:desc;max-width:280px;margin:0 0 4px;font:400 13px/1.6 var(--story-c3-body);color:#777}.story-c3-picks-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.story-c3-picks-grid article{position:relative;padding:20px 0 4px;border-top:1px solid #d7d3ca;min-height:210px}.story-c3-pick-number{margin-bottom:14px;font:700 68px/.82 var(--story-c3-serif);color:rgba(0,0,0,.055)}.story-c3-picks-grid h3{margin:0;font:700 italic 19px/1.26 var(--story-c3-serif);letter-spacing:-.01em}.story-c3-pick-meta{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);font:500 9px/1 var(--story-c3-body);letter-spacing:.12em;text-transform:uppercase;color:#999}.story-c3-pick-meta a{color:#111}
.story-c3-newsletter{padding:78px 0;background:#111;text-align:center}.story-c3-newsletter h2{max-width:860px;margin:0 auto 12px;font:700 italic clamp(34px,4vw,54px)/1.08 var(--story-c3-serif)}.story-c3-newsletter p{margin:0;color:rgba(255,255,255,.35);font-size:13px}.story-c3-footer{position:relative;overflow:hidden;padding:64px 0 28px;background:#080808}.story-c3-footer-watermark{position:absolute;inset:0;display:grid;place-items:center;font:700 italic 240px/.8 var(--story-c3-serif);color:rgba(255,255,255,.018);pointer-events:none}.story-c3-footer-grid{position:relative;display:grid;grid-template-columns:4fr 8fr;gap:60px;padding-bottom:54px}.story-c3-footer-logo{font:700 italic 40px/1 var(--story-c3-serif)}.story-c3-footer-grid p{max-width:360px;color:rgba(255,255,255,.3);font-size:13px;line-height:1.7}.story-c3-socials{display:flex;gap:18px}.story-c3-socials a{font-size:10px;color:var(--story-c3-gold)}.story-c3-footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.story-c3-footer-links>div{display:flex;flex-direction:column}.story-c3-footer-links span{margin-bottom:10px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--story-c3-gold)}.story-c3-footer-links a{padding:5px 0;font-size:12px;color:rgba(255,255,255,.3)}.story-c3-footer-bottom{position:relative;display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;color:rgba(255,255,255,.2)}
@media(max-width:1180px){.story-c3-culture-grid,.story-c3-watch-grid{grid-template-columns:1.25fr .75fr;gap:30px}.story-c3-image-culture{height:450px}.story-c3-watch-image{height:400px}.story-c3-watch-list>a{grid-template-columns:128px 1fr}.story-c3-mini-video{width:128px;height:82px}}
@media(max-width:1050px){.story-c3-header{padding-left:28px;padding-right:28px}.story-c3-logo{font-size:72px}.story-c3-nav{gap:18px}.story-c3-max{width:min(100% - 56px,1440px)}.story-c3-hero-grid{padding:0 28px}.story-c3-hero-media{margin-right:-28px}.story-c3-bg-word{font-size:120px}.story-c3-fashion-grid{grid-template-columns:1.2fr 1fr}.story-c3-fashion-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-c3-culture-grid,.story-c3-watch-grid{grid-template-columns:1fr}.story-c3-culture-side{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:0}.story-c3-culture-list{margin-top:0}.story-c3-watch-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:0}.story-c3-watch-list>a{display:block;padding:0;border-bottom:0}.story-c3-mini-video{width:100%;height:120px;margin-bottom:12px}.story-c3-picks-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.story-c3-max{width:min(100% - 32px,1440px)}.story-c3-hero{min-height:auto}.story-c3-header{padding:20px 16px 0;align-items:center}.story-c3-logo{font-size:54px}.story-c3-header-right{padding:0}.story-c3-nav a:not(.story-c3-search){display:none}.story-c3-issue-line{display:none}.story-c3-hero-grid{display:block;padding:0;margin-top:0}.story-c3-hero-copy{display:flex;padding:42px 16px 38px}.story-c3-vertical{display:none}.story-c3-hero-copy-inner{padding:0}.story-c3-hero h1{font-size:50px}.story-c3-hero-media{margin:0;min-height:520px;background-position:center top}.story-c3-watermark-number{font-size:100px}.story-c3-category-strip{padding:16px 0}.story-c3-category-strip-inner{display:block;overflow:auto}.story-c3-category-strip-inner>div{gap:18px}.story-c3-category-strip .story-c3-gold{display:none}.story-c3-section{padding:48px 0}.story-c3-bg-word{font-size:90px;top:18px}.story-c3-fashion-grid,.story-c3-culture-grid,.story-c3-watch-grid,.story-c3-lifestyle-quote,.story-c3-footer-grid{display:block}.story-c3-image-tall{height:520px}.story-c3-fashion-middle{padding-top:38px}.story-c3-fashion-right{display:block}.story-c3-card,.story-c3-fashion-middle{margin-bottom:38px}.story-c3-beauty,.story-c3-beauty-inner{min-height:70vh}.story-c3-beauty{background-position:center}.story-c3-beauty-overlay{background:linear-gradient(90deg,rgba(13,13,13,.82) 0%,rgba(13,13,13,.38) 100%)}.story-c3-beauty-inner{padding:54px 0}.story-c3-beauty-copy h2{font-size:46px}.story-c3-beauty-actions{gap:16px;flex-wrap:wrap}.story-c3-lifestyle-statement{padding:54px 0}.story-c3-lifestyle-quote>div{margin-bottom:32px}.story-c3-lifestyle-quote h2{font-size:42px;line-height:1.04}.story-c3-lifestyle-deck{font-size:14px!important}.story-c3-lifestyle-image{aspect-ratio:4/3}.story-c3-culture-side{display:block;margin-top:38px}.story-c3-image-culture{height:360px}.story-c3-culture-feature{margin-bottom:30px}.story-c3-watch-list{display:block}.story-c3-watch-list>a{display:grid;grid-template-columns:118px 1fr;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.story-c3-mini-video{width:118px;height:76px;margin:0}.story-c3-picks-head{display:block}.story-c3-picks-head>p{margin-top:18px}.story-c3-picks-grid article{min-height:180px}.story-c3-partner-box{display:block;text-align:center}.story-c3-partner-box>div{display:none}.story-c3-partner-box>a{display:block;margin-top:10px}.story-c3-watch-lead{margin-bottom:34px}.story-c3-watch-image{height:280px}.story-c3-picks-grid{grid-template-columns:1fr;gap:22px}.story-c3-footer-links{grid-template-columns:1fr 1fr;margin-top:42px}.story-c3-footer-watermark{font-size:120px}.story-c3-footer-bottom{display:block}.story-c3-footer-bottom span{display:block;margin-bottom:5px}}

/* v0.1.9 — shell, partner inventory and footer polish */
.story-c3-header{z-index:20}.story-c3-brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.story-c3-brand>span{margin-left:8px;font:500 8px/1 var(--story-c3-body);letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.34)}
.story-c3-nav a{position:relative}.story-c3-nav a:not(.story-c3-search):after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:var(--story-c3-gold);transition:right .22s ease}.story-c3-nav a:not(.story-c3-search):hover:after,.story-c3-nav a:not(.story-c3-search):focus-visible:after{right:0}.story-c3-nav a:focus-visible,.story-c3-issue-line a:focus-visible,.story-c3-logo:focus-visible{outline:1px solid var(--story-c3-gold);outline-offset:5px}
.story-c3-partner{padding:24px 0 26px;background:#111}.story-c3-partner-box{min-height:92px;padding:18px 26px;border:1px solid rgba(201,168,76,.22);background:linear-gradient(90deg,rgba(201,168,76,.035),transparent 42%)}.story-c3-partner-intro{display:flex;flex-direction:column;gap:6px}.story-c3-partner-intro>span{font:500 8px/1 var(--story-c3-body);letter-spacing:.2em;text-transform:uppercase;color:var(--story-c3-gold)}.story-c3-partner-intro>strong{font:700 italic 22px/1.1 var(--story-c3-serif);color:rgba(255,255,255,.86)}.story-c3-partner-intro>small{font:400 9px/1.4 var(--story-c3-body);letter-spacing:.11em;text-transform:uppercase;color:rgba(255,255,255,.28)}.story-c3-partner-brands{display:flex;align-items:center;justify-content:center;gap:42px;flex:1}.story-c3-partner-brands a{font:600 12px/1 var(--story-c3-body);letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.6)}.story-c3-partner-brands a:hover{color:#fff}.story-c3-partner-cta{white-space:nowrap;font:500 9px/1 var(--story-c3-body)!important;letter-spacing:.18em!important;text-transform:uppercase;color:var(--story-c3-gold)!important}
.story-c3-newsletter{border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.story-c3-footer{padding-top:76px}.story-c3-footer-grid{grid-template-columns:minmax(260px,3.2fr) minmax(0,8.8fr);gap:88px}.story-c3-footer-logo{font-size:48px}.story-c3-footer-edition{display:block;margin:10px 0 16px;font:500 8px/1 var(--story-c3-body);letter-spacing:.18em;text-transform:uppercase;color:var(--story-c3-gold)}.story-c3-footer-about p{max-width:330px}.story-c3-footer-work{display:inline-block;margin-top:14px;font:500 9px/1 var(--story-c3-body);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}.story-c3-footer-work:hover{color:var(--story-c3-gold)}.story-c3-footer-links{gap:44px}.story-c3-footer-links span{font-size:8px}.story-c3-footer-links a{font-size:11px;line-height:1.45}.story-c3-footer-links a:hover{color:rgba(255,255,255,.8)}.story-c3-footer-bottom{letter-spacing:.05em}
@media(max-width:1050px){.story-c3-brand>span{margin-left:4px}.story-c3-partner-brands{gap:24px}.story-c3-footer-grid{gap:50px}.story-c3-footer-links{gap:24px}}
@media(max-width:767px){.story-c3-brand>span{display:none}.story-c3-partner-box{min-height:0;padding:24px 20px;text-align:left}.story-c3-partner-intro>strong{font-size:24px}.story-c3-partner-brands{display:grid!important;grid-template-columns:1fr;gap:12px;margin:20px 0}.story-c3-partner-box.has-partners .story-c3-partner-cta{margin-top:8px}.story-c3-footer{padding-top:54px}.story-c3-footer-grid{display:block}.story-c3-footer-logo{font-size:42px}.story-c3-footer-links{margin-top:42px;gap:34px 24px}.story-c3-footer-about p{max-width:300px}}

/* v0.2.0 — supplied Story logo + premium partnerships module */
.story-c3-logo{display:block;width:190px;line-height:0;color:transparent!important;letter-spacing:0!important;font-size:0!important}
.story-c3-logo img{display:block;width:100%;height:auto;max-width:none;filter:none}
.story-c3-brand>span{margin-left:3px;color:rgba(201,168,76,.55)}

.story-c3-partner{padding:34px 0 38px;background:#0d0d0d}
.story-c3-partner-box{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);gap:70px;align-items:center;min-height:178px;padding:34px 38px;border:1px solid rgba(201,168,76,.30);background:linear-gradient(115deg,rgba(201,168,76,.075),rgba(201,168,76,.012) 42%,transparent 72%),#101010;overflow:hidden}
.story-c3-partner-box:before{content:"STORY";position:absolute;right:-20px;bottom:-38px;font:700 italic 112px/.8 var(--story-c3-serif);letter-spacing:-.06em;color:rgba(255,255,255,.022);pointer-events:none}
.story-c3-partner-box:after{content:"";position:absolute;top:0;left:38px;width:52px;height:2px;background:var(--story-c3-gold)}
.story-c3-partner-intro{position:relative;z-index:1;display:block;max-width:760px}
.story-c3-partner-intro>span{display:block;margin-bottom:15px;font:600 9px/1 var(--story-c3-body);letter-spacing:.24em;text-transform:uppercase;color:var(--story-c3-gold)}
.story-c3-partner-intro>strong{display:block;max-width:700px;margin:0 0 13px;font:700 italic clamp(25px,2.25vw,37px)/1.04 var(--story-c3-serif);letter-spacing:-.025em;color:#f4f0e8}
.story-c3-partner-intro>p{max-width:680px;margin:0 0 18px;font:400 12px/1.7 var(--story-c3-body);color:rgba(255,255,255,.48)}
.story-c3-partner-intro>small{display:block;font:500 8px/1.3 var(--story-c3-body);letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.28)}
.story-c3-partner-side{position:relative;z-index:1;display:flex;min-height:92px;padding-left:32px;border-left:1px solid rgba(201,168,76,.20);flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}
.story-c3-partner-side>span{font:500 8px/1 var(--story-c3-body);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.30)}
.story-c3-partner-cta{display:inline-flex;align-items:center;gap:12px;padding-bottom:6px;border-bottom:1px solid rgba(201,168,76,.42);white-space:normal;font:600 9px/1.3 var(--story-c3-body)!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--story-c3-gold)!important;transition:border-color .2s,color .2s}
.story-c3-partner-cta:hover,.story-c3-partner-cta:focus{border-color:var(--story-c3-gold);color:#f4d369!important}
.story-c3-partner-box.has-partners{grid-template-columns:minmax(260px,.85fr) minmax(0,1.3fr) auto;gap:40px}
.story-c3-partner-brands{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;gap:34px;flex-wrap:wrap}
.story-c3-partner-brands a{padding:9px 0;font:600 12px/1 var(--story-c3-body);letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.story-c3-partner-brands a:hover{color:#fff}

.story-c3-footer-logo{font-size:0;line-height:0}
.story-c3-footer-logo:before{content:"";display:block;width:122px;height:45px;background:url('story-logo-yellow.png') left center/contain no-repeat}

@media(max-width:1050px){
.story-c3-logo{width:155px}
.story-c3-partner-box{grid-template-columns:1fr 280px;gap:34px;padding:32px}
.story-c3-partner-box.has-partners{grid-template-columns:1fr;gap:24px}
.story-c3-partner-box.has-partners .story-c3-partner-cta{justify-self:start}
}
@media(max-width:767px){
.story-c3-logo{width:132px}
.story-c3-partner{padding:24px 0}
.story-c3-partner-box,.story-c3-partner-box.has-partners{display:block;min-height:0;padding:30px 24px;text-align:left}
.story-c3-partner-box:after{left:24px}
.story-c3-partner-box:before{font-size:78px;right:-10px;bottom:-22px}
.story-c3-partner-intro>strong{font-size:28px}
.story-c3-partner-intro>p{font-size:12px}
.story-c3-partner-side{min-height:0;margin-top:26px;padding:24px 0 0;border-left:0;border-top:1px solid rgba(201,168,76,.18)}
.story-c3-partner-brands{display:flex!important;gap:18px 28px;margin:24px 0!important}
}


/* =========================================================
   v0.2.1 — responsive/mobile system + logo copy cleanup
   Desktop structure remains unchanged. These rules intentionally
   recompose the editorial system for tablet and phone screens.
   ========================================================= */

/* The supplied logo is the complete masthead; no secondary label. */
.story-c3-brand>span,.story-c3-footer-edition{display:none!important}

/* Protect every viewport from accidental horizontal overflow. */
html,body.story-c3-page,.story-c3-shell{max-width:100%;overflow-x:hidden}
.story-c3-page img{max-width:100%;height:auto}

/* Tablet / compact desktop */
@media (max-width:1199px){
  .story-c3-max{width:min(100% - 64px,1440px)}
  .story-c3-header{padding:30px 32px 0;gap:28px}
  .story-c3-logo{width:160px}
  .story-c3-header-right{padding-top:12px;gap:15px}
  .story-c3-nav{gap:20px}
  .story-c3-nav a{font-size:9px;letter-spacing:.16em}
  .story-c3-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:720px;padding:0 32px}
  .story-c3-hero-copy{grid-column:auto;padding:0 30px 58px 0}
  .story-c3-hero-copy-inner{max-width:540px;padding-left:25px}
  .story-c3-hero h1{font-size:clamp(48px,6vw,68px)}
  .story-c3-hero-media{grid-column:auto;margin-right:-32px;min-width:0;background-position:center top}
  .story-c3-fashion-grid{grid-template-columns:1.05fr .95fr;gap:28px}
  .story-c3-fashion-right{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}
  .story-c3-image-tall{height:560px}
  .story-c3-image-medium{height:340px}
  .story-c3-beauty-inner{min-height:560px}
  .story-c3-lifestyle-quote{grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);gap:48px}
  .story-c3-culture-grid,.story-c3-watch-grid{grid-template-columns:minmax(0,1.15fr) minmax(300px,.75fr);gap:34px}
  .story-c3-image-culture{height:440px}
  .story-c3-watch-image{height:390px}
  .story-c3-picks-grid{gap:22px}
  .story-c3-footer-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:52px}
}

/* Tablet portrait / large phones */
@media (max-width:900px){
  .story-c3-max{width:min(100% - 40px,1440px)}
  .story-c3-header{display:block;padding:24px 20px 0}
  .story-c3-logo{width:148px}
  .story-c3-header-right{align-items:stretch;padding-top:18px;gap:0}
  .story-c3-nav{width:100%;gap:24px;padding:14px 0 12px;border-top:1px solid rgba(201,168,76,.18);border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}
  .story-c3-nav::-webkit-scrollbar{display:none}
  .story-c3-nav a{flex:0 0 auto;font-size:9px;color:rgba(255,255,255,.62)}
  .story-c3-search{margin-left:auto}
  .story-c3-issue-line{display:none}
  .story-c3-hero-grid{display:grid;grid-template-columns:1fr;min-height:0;padding:0;margin-top:0}
  .story-c3-hero-copy{grid-column:auto;min-height:500px;padding:64px 20px 52px;justify-content:flex-end}
  .story-c3-vertical{display:none}
  .story-c3-hero-copy-inner{max-width:680px;padding:0}
  .story-c3-hero h1{max-width:720px;font-size:clamp(52px,9vw,76px);line-height:.96}
  .story-c3-hero-copy p{max-width:590px}
  .story-c3-hero-media{grid-column:auto;min-height:68vw;margin:0;background-position:center 18%}
  .story-c3-watermark-number{right:14px;bottom:calc(68vw - 20px);font-size:112px}
  .story-c3-category-strip-inner{overflow-x:auto;scrollbar-width:none}
  .story-c3-category-strip-inner::-webkit-scrollbar{display:none}
  .story-c3-section{padding:64px 0}
  .story-c3-fashion-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 22px}
  .story-c3-fashion-lead{grid-row:span 1}
  .story-c3-fashion-middle{padding-top:0}
  .story-c3-fashion-right{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}
  .story-c3-image-tall,.story-c3-image-medium{height:52vw;min-height:360px;max-height:500px}
  .story-c3-image-short{height:300px}
  .story-c3-beauty,.story-c3-beauty-inner{min-height:610px}
  .story-c3-beauty{background-position:62% center}
  .story-c3-beauty-overlay{background:linear-gradient(90deg,rgba(13,13,13,.88) 0%,rgba(13,13,13,.58) 42%,rgba(13,13,13,.08) 76%)}
  .story-c3-beauty-copy{max-width:500px}
  .story-c3-lifestyle-quote{grid-template-columns:1fr 1fr;gap:36px}
  .story-c3-lifestyle-quote h2{font-size:clamp(38px,6vw,56px)}
  .story-c3-culture-grid,.story-c3-watch-grid{grid-template-columns:1fr;gap:40px}
  .story-c3-culture-side{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:0}
  .story-c3-culture-list{margin-top:0}
  .story-c3-image-culture{height:52vw;max-height:500px}
  .story-c3-watch-image{height:52vw;max-height:460px}
  .story-c3-watch-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;border-top:0}
  .story-c3-watch-list>a{display:block;padding:0;border-bottom:0}
  .story-c3-mini-video{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:12px}
  .story-c3-picks-grid{grid-template-columns:repeat(2,1fr);gap:26px 28px}
  .story-c3-partner-box,.story-c3-partner-box.has-partners{grid-template-columns:1fr;gap:28px;padding:32px}
  .story-c3-partner-side{min-height:0;padding:22px 0 0;border-left:0;border-top:1px solid rgba(201,168,76,.18)}
  .story-c3-footer-grid{grid-template-columns:1fr;gap:42px}
  .story-c3-footer-links{grid-template-columns:repeat(4,1fr);gap:28px}
}

/* Mobile */
@media (max-width:767px){
  .story-c3-max{width:min(100% - 32px,1440px)}
  .story-c3-header{padding:18px 16px 0}
  .story-c3-logo{width:126px}
  .story-c3-nav{gap:20px;padding:13px 0 11px}
  /* Restore the real navigation on phones instead of hiding it. */
  .story-c3-nav a:not(.story-c3-search){display:block!important}
  .story-c3-nav a{font-size:8px;letter-spacing:.14em}
  .story-c3-search{font-size:15px!important}
  .story-c3-hero-copy{min-height:auto;padding:54px 16px 42px}
  .story-c3-hero h1{margin-bottom:22px;font-size:clamp(43px,13.3vw,62px);line-height:.94}
  .story-c3-hero-copy p{max-width:500px;font-size:13px;line-height:1.7}
  .story-c3-hero-actions{align-items:flex-start;gap:14px;flex-wrap:wrap}
  .story-c3-hero-actions>span{width:100%}
  .story-c3-outline{min-height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px}
  .story-c3-hero-media{min-height:112vw;max-height:640px;background-position:center top}
  .story-c3-watermark-number{display:none}
  .story-c3-category-strip{padding:13px 0}
  .story-c3-category-strip-inner{display:flex!important;width:calc(100% - 32px);overflow-x:auto}
  .story-c3-category-strip-inner>div{display:flex;gap:18px;min-width:max-content}
  .story-c3-category-strip .story-c3-gold{display:none}
  .story-c3-section{padding:52px 0}
  .story-c3-section-head{margin-bottom:28px}
  .story-c3-section-head a{font-size:8px}
  .story-c3-bg-word{font-size:76px;top:14px}
  .story-c3-fashion-grid{display:block}
  .story-c3-fashion-grid>*{margin-bottom:38px}
  .story-c3-image-tall,.story-c3-image-medium,.story-c3-image-short{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
  .story-c3-fashion-middle blockquote{margin-top:24px;font-size:17px}
  .story-c3-fashion-right{display:block}
  .story-c3-compact-list{margin-top:30px}
  .story-c3-beauty,.story-c3-beauty-inner{min-height:650px}
  .story-c3-beauty{background-position:64% center}
  .story-c3-beauty-overlay{background:linear-gradient(180deg,rgba(13,13,13,.12) 0%,rgba(13,13,13,.28) 34%,rgba(13,13,13,.94) 78%,rgba(13,13,13,.98) 100%)}
  .story-c3-beauty-inner{align-items:flex-end;padding:58px 0}
  .story-c3-beauty-copy{max-width:100%}
  .story-c3-beauty-copy h2{font-size:clamp(40px,12vw,54px)}
  .story-c3-beauty-copy p{max-width:100%;font-size:13px}
  .story-c3-beauty-actions{gap:14px;flex-wrap:wrap}
  .story-c3-lifestyle-statement{padding:54px 0}
  .story-c3-lifestyle-quote{display:flex;flex-direction:column;gap:34px}
  .story-c3-lifestyle-copy{order:1}
  .story-c3-lifestyle-image{order:2;width:100%;aspect-ratio:4/3}
  .story-c3-lifestyle-quote h2{font-size:clamp(38px,11vw,50px);line-height:1.02}
  .story-c3-lifestyle-deck{font-size:13px!important;line-height:1.65!important}
  .story-c3-quote-meta{flex-wrap:wrap;gap:12px}
  .story-c3-culture-grid,.story-c3-watch-grid{display:block}
  .story-c3-image-culture{height:auto;aspect-ratio:4/3;max-height:none}
  .story-c3-culture-lead h2{font-size:34px}
  .story-c3-culture-lead-copy>p{font-size:13px}
  .story-c3-story-meta{flex-wrap:wrap;gap:12px}
  .story-c3-culture-side{display:block;margin-top:42px}
  .story-c3-culture-side .story-c3-image-short{height:auto;aspect-ratio:16/10}
  .story-c3-culture-list{margin-top:30px}
  .story-c3-partner{padding:26px 0}
  .story-c3-partner-box,.story-c3-partner-box.has-partners{display:block;padding:30px 22px}
  .story-c3-partner-box:after{left:22px}
  .story-c3-partner-intro>strong{font-size:clamp(28px,8vw,36px)}
  .story-c3-partner-intro>p{font-size:12px;line-height:1.7}
  .story-c3-partner-side{margin-top:25px;padding-top:22px}
  .story-c3-partner-cta{min-height:42px;align-items:center}
  .story-c3-partner-brands{display:grid!important;grid-template-columns:1fr;gap:12px;margin:24px 0!important}
  .story-c3-watch-lead{margin-bottom:34px}
  .story-c3-watch-image{height:auto;aspect-ratio:16/10;max-height:none}
  .story-c3-play{width:62px;height:62px;font-size:18px}
  .story-c3-watch-list{display:block}
  .story-c3-watch-list>a{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}
  .story-c3-mini-video{width:118px;height:76px;aspect-ratio:auto;margin:0}
  .story-c3-picks{padding-top:54px;padding-bottom:54px}
  .story-c3-picks-head{display:block}
  .story-c3-picks-head h2{font-size:48px}
  .story-c3-picks-head>p{margin-top:16px}
  .story-c3-picks-grid{grid-template-columns:1fr;gap:0}
  .story-c3-picks-grid article{min-height:0;padding:22px 0 24px}
  .story-c3-pick-number{font-size:54px;margin-bottom:10px}
  .story-c3-picks-grid h3{padding-right:12px;font-size:21px}
  .story-c3-pick-meta{position:static;margin-top:22px}
  .story-c3-newsletter{padding:60px 16px}
  .story-c3-newsletter h2{font-size:clamp(34px,10vw,46px)}
  .story-c3-footer{padding:52px 0 24px}
  .story-c3-footer-grid{display:block;padding-bottom:40px}
  .story-c3-footer-logo:before{width:112px;height:42px}
  .story-c3-footer-about p{max-width:100%;font-size:12px}
  .story-c3-footer-links{grid-template-columns:1fr 1fr;gap:32px 26px;margin-top:40px}
  .story-c3-footer-links a{font-size:12px;min-height:32px;display:flex;align-items:center}
  .story-c3-footer-watermark{font-size:96px}
  .story-c3-footer-bottom{display:block;padding-top:20px;line-height:1.6}
  .story-c3-footer-bottom span{display:block;margin-bottom:4px}
}

/* Small phones */
@media (max-width:480px){
  .story-c3-max{width:calc(100% - 28px)}
  .story-c3-header{padding-left:14px;padding-right:14px}
  .story-c3-logo{width:116px}
  .story-c3-nav{gap:17px}
  .story-c3-nav a{font-size:7.5px}
  .story-c3-hero-copy{padding-left:14px;padding-right:14px}
  .story-c3-hero h1{font-size:clamp(40px,13.6vw,54px)}
  .story-c3-hero-media{min-height:122vw}
  .story-c3-category-strip-inner{width:calc(100% - 28px)}
  .story-c3-image-tall,.story-c3-image-medium,.story-c3-image-short{aspect-ratio:4/5}
  .story-c3-beauty,.story-c3-beauty-inner{min-height:600px}
  .story-c3-lifestyle-quote h2{font-size:39px}
  .story-c3-culture-lead h2{font-size:31px}
  .story-c3-watch-list>a{grid-template-columns:104px minmax(0,1fr)}
  .story-c3-mini-video{width:104px;height:68px}
  .story-c3-footer-links{grid-template-columns:1fr 1fr;gap:28px 20px}
}

/* =========================================================
   v0.2.2 — mobile editorial-composition pass
   Desktop remains frozen. These overrides make the phone
   experience feel intentionally edited rather than simply stacked.
   ========================================================= */
@media (max-width:767px){
  /* Global mobile rhythm */
  .story-c3-section{padding:46px 0}
  .story-c3-section-head{margin-bottom:24px}
  .story-c3-section-head span,.story-c3-section-label{font-size:9px}

  /* Hero: keep the drama, cut the excessive vertical length. */
  .story-c3-hero-copy{padding-top:44px;padding-bottom:34px}
  .story-c3-hero h1{font-size:clamp(40px,12vw,54px);line-height:.96;margin-bottom:18px}
  .story-c3-hero-copy p{font-size:12.5px;line-height:1.62;margin-bottom:24px}
  .story-c3-hero-actions{gap:10px}
  .story-c3-hero-media{min-height:0!important;max-height:none!important;height:auto!important;aspect-ratio:4/3;background-position:center 16%}

  /* Fashion becomes one lead + two compact supporting stories + list. */
  .story-c3-fashion-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:26px 14px;align-items:start}
  .story-c3-fashion-grid>*{margin-bottom:0!important}
  .story-c3-fashion-lead{grid-column:1/-1}
  .story-c3-fashion-lead .story-c3-image{aspect-ratio:4/3!important}
  .story-c3-fashion-middle{grid-column:1;padding-top:0!important}
  .story-c3-fashion-middle blockquote{display:none}
  .story-c3-fashion-middle .story-c3-image{aspect-ratio:4/3!important}
  .story-c3-fashion-right{display:contents!important}
  .story-c3-fashion-right>.story-c3-card{grid-column:2}
  .story-c3-fashion-right>.story-c3-card .story-c3-image{aspect-ratio:4/3!important}
  .story-c3-fashion .story-c3-image-tall,
  .story-c3-fashion .story-c3-image-medium,
  .story-c3-fashion .story-c3-image-short{height:auto!important;min-height:0!important;max-height:none!important}
  .story-c3-fashion .story-c3-card h2{font-size:25px;line-height:1.04}
  .story-c3-fashion .story-c3-card h3{font-size:17px;line-height:1.08}
  .story-c3-fashion .story-c3-card .story-c3-kicker{margin-top:11px;margin-bottom:6px;font-size:8px}
  .story-c3-fashion .story-c3-compact-list{grid-column:1/-1;margin-top:0;padding-top:18px}
  .story-c3-fashion .story-c3-compact-list>a{padding:10px 0;font-size:12px}

  /* Beauty stays cinematic but no longer consumes almost two screens. */
  .story-c3-beauty,.story-c3-beauty-inner{min-height:520px!important}
  .story-c3-beauty{background-position:62% center}
  .story-c3-beauty-inner{padding-top:44px;padding-bottom:44px}
  .story-c3-beauty-copy h2{font-size:clamp(36px,10.5vw,48px);line-height:1}
  .story-c3-beauty-copy p{font-size:12.5px;line-height:1.6;margin-bottom:24px}

  /* Lifestyle statement: compact feature rather than a second hero. */
  .story-c3-lifestyle-statement{padding:46px 0}
  .story-c3-lifestyle-quote{gap:24px}
  .story-c3-lifestyle-quote h2{font-size:clamp(32px,9.2vw,42px);line-height:1}
  .story-c3-lifestyle-deck{margin:18px 0!important;font-size:12.5px!important;line-height:1.58!important}
  .story-c3-lifestyle-image{aspect-ratio:16/10!important}

  /* Culture: lead story first, then a genuinely compact supporting feature and list. */
  .story-c3-culture-grid{display:block!important}
  .story-c3-image-culture{aspect-ratio:16/10!important}
  .story-c3-culture-lead h2{font-size:30px;line-height:1.04}
  .story-c3-culture-lead-copy>p{font-size:12px;line-height:1.55}
  .story-c3-culture-side{display:block!important;margin-top:30px}
  .story-c3-culture-feature{display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:14px;align-items:start;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
  .story-c3-culture-feature .story-c3-image{grid-row:1/5;width:124px;height:90px!important;aspect-ratio:auto!important}
  .story-c3-culture-feature .story-c3-kicker{margin:0 0 5px;font-size:8px}
  .story-c3-culture-feature h3{font-size:17px;line-height:1.08}
  .story-c3-culture-feature p{display:none}
  .story-c3-culture-list{margin-top:16px}
  .story-c3-culture-list>a{padding:11px 0}
  .story-c3-culture-list>a b{font-size:18px}
  .story-c3-culture-list>a span{font-size:12px;line-height:1.25}

  /* Commercial module: preserve premium treatment, reduce vertical footprint. */
  .story-c3-partner{padding:20px 0}
  .story-c3-partner-box,.story-c3-partner-box.has-partners{padding:24px 20px!important}
  .story-c3-partner-intro>strong{font-size:24px!important;line-height:1.04}
  .story-c3-partner-intro>p{margin-top:14px;font-size:11.5px!important;line-height:1.55!important}
  .story-c3-partner-intro>small{margin-top:14px;font-size:8px}
  .story-c3-partner-side{margin-top:20px;padding-top:18px}
  .story-c3-partner-cta{min-height:40px;font-size:9px}

  /* Watch: one cinematic lead, followed by compact horizontal rows. */
  .story-c3-watch-grid{display:block!important}
  .story-c3-watch-lead{margin-bottom:24px}
  .story-c3-watch-image{aspect-ratio:16/9!important}
  .story-c3-watch-lead h3{font-size:28px;line-height:1.04}
  .story-c3-watch-lead>p{font-size:12px;line-height:1.55}
  .story-c3-play{width:54px;height:54px}
  .story-c3-watch-list>a{grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;padding:12px 0!important}
  .story-c3-mini-video{width:104px!important;height:66px!important}
  .story-c3-watch-list strong{font-size:14px;line-height:1.1}

  /* Editor's Picks: compact numbered editorial list, not four tall cards. */
  .story-c3-picks{padding-top:44px;padding-bottom:44px}
  .story-c3-picks-head h2{font-size:42px;line-height:.92}
  .story-c3-picks-head>p{margin-top:10px;font-size:11px}
  .story-c3-picks-grid{display:block!important}
  .story-c3-picks-grid article{display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:12px;min-height:0!important;padding:18px 0!important}
  .story-c3-pick-number{grid-column:1;grid-row:1/4;margin:0!important;font-size:46px!important;line-height:.9}
  .story-c3-picks-grid article>.story-c3-kicker{grid-column:2;grid-row:1;margin:0 0 5px;font-size:8px}
  .story-c3-picks-grid h3{grid-column:2;grid-row:2;margin:0;padding:0!important;font-size:17px!important;line-height:1.1}
  .story-c3-pick-meta{grid-column:2;grid-row:3;position:static!important;margin-top:10px!important;font-size:8px}

  /* Footer and manifesto: tighter without losing the identity. */
  .story-c3-newsletter{padding:48px 16px}
  .story-c3-newsletter h2{font-size:clamp(31px,9vw,40px);line-height:1.02}
  .story-c3-footer{padding-top:44px}
  .story-c3-footer-links{margin-top:30px;gap:24px 18px}
  .story-c3-footer-watermark{font-size:78px}
}

@media (max-width:480px){
  .story-c3-fashion-grid{gap:22px 12px}
  .story-c3-fashion .story-c3-card h3{font-size:16px}
  .story-c3-hero-media{aspect-ratio:5/4}
  .story-c3-beauty,.story-c3-beauty-inner{min-height:490px!important}
  .story-c3-culture-feature{grid-template-columns:104px minmax(0,1fr)}
  .story-c3-culture-feature .story-c3-image{width:104px;height:78px!important}
  .story-c3-watch-list>a{grid-template-columns:94px minmax(0,1fr)!important}
  .story-c3-mini-video{width:94px!important;height:60px!important}
  .story-c3-picks-grid article{grid-template-columns:58px minmax(0,1fr)}
  .story-c3-pick-number{font-size:40px!important}
}


/* =========================================================
   v0.2.3 — single-navigation UX + contrast-safe utility pills
   ========================================================= */
/* The secondary category rail under the hero is retired. Keep this
   defensive rule in case cached markup survives briefly after upgrade. */
.story-c3-category-strip{display:none!important}

/* Utility controls must remain legible over both light and dark hero imagery. */
.story-c3-issue-line{display:flex;align-items:center;justify-content:flex-end;gap:9px;color:inherit;letter-spacing:0;text-transform:none;font:inherit}
.story-c3-issue-line i,.story-c3-issue-line>span{display:none!important}
.story-c3-utility{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:8px 12px;border-radius:999px;font:600 8px/1 var(--story-c3-body)!important;letter-spacing:.16em!important;text-transform:uppercase;white-space:nowrap;box-shadow:0 4px 18px rgba(0,0,0,.12);transition:background .2s,border-color .2s,color .2s,transform .2s}
.story-c3-utility-issue{border:1px solid rgba(201,168,76,.82);background:rgba(13,13,13,.78);color:#f4d369!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.story-c3-utility-issue:hover,.story-c3-utility-issue:focus-visible{background:#0d0d0d;border-color:#e0bd5c;color:#fff1b8!important;transform:translateY(-1px)}
.story-c3-utility-stay{border:1px solid var(--story-c3-gold);background:var(--story-c3-gold);color:#111!important}
.story-c3-utility-stay:hover,.story-c3-utility-stay:focus-visible{background:#e0bd5c;border-color:#e0bd5c;color:#080808!important;transform:translateY(-1px)}
.story-c3-utility:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* With the duplicate rail removed, give Fashion a deliberate but modest
   separation from the hero rather than another navigation decision point. */
.story-c3-hero + .story-c3-fashion{border-top:1px solid rgba(255,255,255,.07)}

@media(max-width:900px){
  .story-c3-issue-line{display:flex!important;justify-content:flex-start;gap:8px;padding:12px 0 0;overflow-x:auto;scrollbar-width:none}
  .story-c3-issue-line::-webkit-scrollbar{display:none}
  .story-c3-utility{flex:0 0 auto;min-height:29px;padding:8px 11px;font-size:7.5px!important}
}
@media(max-width:480px){
  .story-c3-issue-line{gap:7px;padding-top:10px}
  .story-c3-utility{min-height:28px;padding:7px 10px;font-size:7px!important;letter-spacing:.13em!important}
}

/* =========================================================
   v0.2.4 — final responsive / UX polish
   Desktop composition and content logic remain frozen.
   ========================================================= */

/* Desktop header utilities: retain editorial subtlety but make actions
   unmistakably usable over photography. */
@media (min-width:901px){
  .story-c3-header-right{gap:12px}
  .story-c3-issue-line{gap:10px;margin-top:8px;padding-right:2px}
  .story-c3-utility{min-height:34px;padding:9px 14px;font-size:8.5px!important;letter-spacing:.15em!important}
  .story-c3-nav a{min-height:32px;display:inline-flex;align-items:center}
}

/* Tablet/mobile: improve touch targets, line wrapping and rhythm without
   reducing text to unreadable sizes. */
@media (max-width:900px){
  .story-c3-header{padding-bottom:8px}
  .story-c3-nav{align-items:center;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .story-c3-nav::-webkit-scrollbar{display:none}
  .story-c3-nav a{min-height:36px;padding:0 5px;display:inline-flex!important;align-items:center;white-space:nowrap}
  .story-c3-issue-line{padding-bottom:4px}
  .story-c3-utility{min-height:34px;padding:9px 12px;font-size:7.8px!important}
  .story-c3-section-head{align-items:center}
  .story-c3-card h2,.story-c3-card h3,.story-c3-watch-lead h3,.story-c3-picks-grid h3{overflow-wrap:anywhere}
  .story-c3-partner-box{overflow:hidden}
  .story-c3-partner-side{min-width:0}
  .story-c3-footer-links a{min-height:38px}
}

@media (max-width:767px){
  /* Slightly denser editorial rhythm after real-device review. */
  .story-c3-section{padding:42px 0}
  .story-c3-fashion-grid{gap:22px 12px}
  .story-c3-fashion-grid>*{min-width:0}
  .story-c3-fashion .story-c3-card h2{font-size:23px}
  .story-c3-fashion .story-c3-card h3{font-size:16px}
  .story-c3-fashion .story-c3-compact-list>a{padding:9px 0}

  .story-c3-beauty,.story-c3-beauty-inner{min-height:500px!important}
  .story-c3-beauty-inner{padding-top:38px;padding-bottom:38px}

  .story-c3-lifestyle-statement{padding:42px 0}
  .story-c3-lifestyle-quote{gap:20px}

  .story-c3-culture-side{margin-top:26px}
  .story-c3-culture-list>a{padding:9px 0}

  .story-c3-partner{padding:18px 0}
  .story-c3-partner-box,.story-c3-partner-box.has-partners{padding:22px 18px!important}
  .story-c3-partner-side{margin-top:16px;padding-top:15px}
  .story-c3-partner-cta{width:100%;justify-content:center;text-align:center;border:1px solid rgba(201,168,76,.55);padding:0 12px}

  .story-c3-watch-list>a{min-height:86px}
  .story-c3-watch-list strong{overflow-wrap:anywhere}

  .story-c3-picks-grid article{padding:15px 0!important}
  .story-c3-picks-grid h3{font-size:16px!important}

  .story-c3-newsletter{padding:44px 14px}
  .story-c3-footer{padding-top:38px;padding-bottom:18px}
  .story-c3-footer-grid{padding-bottom:30px}
  .story-c3-footer-links{margin-top:24px;gap:18px 16px}
  .story-c3-footer-watermark{font-size:68px}
}

@media (max-width:480px){
  .story-c3-header{padding-top:14px}
  .story-c3-logo{width:108px}
  .story-c3-nav{gap:7px;padding-top:9px;padding-bottom:7px}
  .story-c3-nav a{font-size:7.2px;min-height:34px;padding:0 4px}
  .story-c3-issue-line{gap:6px}
  .story-c3-utility{min-height:32px;padding:8px 10px;font-size:6.8px!important;letter-spacing:.12em!important}

  .story-c3-hero-copy{padding-top:36px;padding-bottom:30px}
  .story-c3-hero h1{font-size:clamp(38px,12.6vw,50px)}
  .story-c3-hero-copy p{font-size:12px}

  .story-c3-fashion-grid{gap:18px 10px}
  .story-c3-fashion .story-c3-card h2{font-size:21px}
  .story-c3-fashion .story-c3-card h3{font-size:15px}

  .story-c3-beauty,.story-c3-beauty-inner{min-height:465px!important}
  .story-c3-beauty-copy h2{font-size:clamp(34px,10vw,43px)}

  .story-c3-lifestyle-quote h2{font-size:clamp(30px,9vw,38px)}
  .story-c3-culture-lead h2{font-size:28px}

  .story-c3-partner-intro>strong{font-size:22px!important}
  .story-c3-partner-intro>p{font-size:11px!important}

  .story-c3-watch-lead h3{font-size:25px}
  .story-c3-picks-head h2{font-size:38px}

  .story-c3-footer-links{grid-template-columns:1fr 1fr;gap:16px 14px}
  .story-c3-footer-links a{font-size:11px;min-height:36px}
  .story-c3-footer-watermark{font-size:58px}
}

/* Defensive overflow guard for third-party/theme wrappers. */
body.story-c3-page, body:has(.story-c3-shell){overflow-x:hidden}
.story-c3-shell,.story-c3-shell *{max-width:100%}
.story-c3-shell img{height:auto}


/* =========================================================
   v0.2.5 — newsletter conversion + final readability polish
   ========================================================= */
/* Create a little more separation between the primary nav and utilities. */
@media (min-width:901px){
  .story-c3-header-right{gap:18px}
  .story-c3-issue-line{margin-top:10px}
}

/* Newsletter is now an intentional conversion module, not display copy. */
.story-c3-newsletter{text-align:left;padding:76px 0}
.story-c3-newsletter-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);align-items:end;gap:64px}
.story-c3-newsletter-copy h2{max-width:820px;margin:8px 0 16px;font:700 italic clamp(34px,4vw,54px)/1.06 var(--story-c3-serif)}
.story-c3-newsletter-copy p{max-width:620px;margin:0;color:rgba(255,255,255,.48);font:400 14px/1.65 var(--story-c3-body)}
.story-c3-newsletter-action{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:4px}
.story-c3-newsletter-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:0 22px;border:1px solid var(--story-c3-gold);background:var(--story-c3-gold);color:#0d0d0d!important;font:600 10px/1 var(--story-c3-body);letter-spacing:.18em;text-transform:uppercase;transition:background .2s,color .2s,transform .2s}
.story-c3-newsletter-cta:hover,.story-c3-newsletter-cta:focus-visible{background:#e0bd5c;color:#080808!important;transform:translateY(-1px)}
.story-c3-newsletter-cta:focus-visible{outline:2px solid #fff;outline-offset:3px}
.story-c3-newsletter-action small{color:rgba(255,255,255,.28);font:400 10px/1.5 var(--story-c3-body)}

/* Keep editorial type readable on narrow phones instead of over-compressing. */
@media (max-width:767px){
  .story-c3-newsletter{padding:42px 0}
  .story-c3-newsletter-inner{display:block}
  .story-c3-newsletter-copy h2{font-size:clamp(32px,9.6vw,42px);line-height:1.04;margin-top:8px}
  .story-c3-newsletter-copy p{font-size:13px;line-height:1.6}
  .story-c3-newsletter-action{margin-top:24px}
  .story-c3-newsletter-cta{width:100%;min-height:48px}
  .story-c3-fashion .story-c3-card p,.story-c3-culture-feature p,.story-c3-watch-lead p{font-size:12px;line-height:1.55}
  .story-c3-lifestyle-deck{font-size:13px!important;line-height:1.55!important}
}
@media (max-width:480px){
  .story-c3-hero h1{line-height:1.02!important}
  .story-c3-lifestyle-quote h2{line-height:1.05!important}
  .story-c3-newsletter{padding:38px 0}
  .story-c3-newsletter-copy h2{font-size:clamp(30px,9vw,38px)}
}


/* =========================================================
   v0.2.6 — desktop header/navigation readability
   Keep the primary navigation on a stable black surface so
   readability never depends on the active hero photograph.
   ========================================================= */
@media (min-width:901px){
  .story-c3-header{
    position:relative;
    z-index:40;
    min-height:84px;
    padding:18px 48px;
    align-items:center;
    background:#0d0d0d;
    border-bottom:1px solid rgba(201,168,76,.32);
  }
  .story-c3-header-right{
    flex-direction:row;
    align-items:center;
    justify-content:flex-end;
    gap:30px;
    padding-top:0;
  }
  .story-c3-nav{
    gap:27px;
    align-items:center;
  }
  .story-c3-nav a{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    padding:0 2px;
    font-size:12px;
    font-weight:500;
    letter-spacing:.14em;
    color:rgba(255,255,255,.84);
  }
  .story-c3-nav a:hover,
  .story-c3-nav a:focus-visible{
    color:var(--story-c3-gold);
  }
  .story-c3-search{
    min-width:40px;
    justify-content:center;
    font-size:19px!important;
    color:#fff!important;
  }
  .story-c3-issue-line{
    flex:0 0 auto;
    gap:10px;
  }
  .story-c3-hero-grid{
    margin-top:0;
  }
  .story-c3-hero-media{
    margin-top:0;
    min-height:85vh;
  }
}

@media (min-width:901px) and (max-width:1199px){
  .story-c3-header{
    min-height:78px;
    padding:16px 32px;
  }
  .story-c3-logo{width:145px}
  .story-c3-header-right{gap:18px}
  .story-c3-nav{gap:15px}
  .story-c3-nav a{
    min-height:38px;
    font-size:10.5px;
    letter-spacing:.11em;
  }
  .story-c3-search{min-width:34px;font-size:17px!important}
  .story-c3-utility{padding-left:11px;padding-right:11px}
}

/* =========================================================
   v0.2.7 — final desktop navigation polish
   Increase confidence and legibility without increasing the
   overall header height or changing the mobile composition.
   ========================================================= */
@media (min-width:1200px){
  .story-c3-header{
    min-height:84px;
    padding-top:18px;
    padding-bottom:18px;
  }
  .story-c3-header-right{
    gap:36px;
    align-self:center;
  }
  .story-c3-nav{
    gap:31px;
    align-items:center;
  }
  .story-c3-nav a{
    min-height:42px;
    font-size:13px;
    font-weight:600;
    line-height:1;
    letter-spacing:.13em;
    color:rgba(255,255,255,.92);
  }
  .story-c3-search{
    min-width:44px;
    min-height:44px!important;
    padding:0!important;
    font-size:21px!important;
  }
  .story-c3-issue-line{
    gap:12px;
  }
}

@media (min-width:901px) and (max-width:1199px){
  .story-c3-header-right{align-self:center}
  .story-c3-nav{gap:18px}
  .story-c3-nav a{
    font-size:11px;
    font-weight:600;
    letter-spacing:.115em;
  }
  .story-c3-search{
    min-width:38px;
    min-height:38px!important;
    font-size:18px!important;
  }
}

/* =========================================================
   v0.2.8 — accessible mobile navigation
   Desktop remains frozen. On phones, replace the tiny
   horizontal category rail with a deliberate menu drawer.
   ========================================================= */
.story-c3-menu-toggle,.story-c3-menu-close,.story-c3-mobile-nav-head,.story-c3-mobile-search-label,.story-c3-mobile-utilities{display:none}

@media (max-width:767px){
  html.story-c3-menu-open,html.story-c3-menu-open body{overflow:hidden}
  .story-c3-header{position:relative;z-index:80;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 16px!important;background:#0d0d0d;border-bottom:1px solid rgba(201,168,76,.28)}
  .story-c3-brand{position:relative;z-index:83}
  .story-c3-logo{width:112px!important;font-size:0!important}
  .story-c3-header-right{position:static!important;display:block!important;padding:0!important}
  .story-c3-menu-toggle{position:relative;z-index:83;display:inline-flex;width:44px;height:44px;padding:0;border:1px solid rgba(201,168,76,.34);background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
  .story-c3-menu-toggle span{display:block;width:18px;height:1px;background:#fff;transition:transform .2s,opacity .2s}
  .story-c3-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .story-c3-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .story-c3-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .story-c3-nav{position:fixed!important;z-index:82;inset:0;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:auto!important;padding:92px 24px 30px!important;background:#0d0d0d!important;border:0!important;overflow-y:auto!important;transform:translateX(100%);visibility:hidden;opacity:0;transition:transform .26s ease,opacity .2s ease,visibility .26s;overscroll-behavior:contain}
  .story-c3-nav.is-open{transform:translateX(0);visibility:visible;opacity:1}
  .story-c3-mobile-nav-head{display:flex;position:absolute;left:24px;right:24px;top:20px;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);color:var(--story-c3-gold);font:600 10px/1 var(--story-c3-body);letter-spacing:.2em;text-transform:uppercase}
  .story-c3-menu-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:0;background:transparent;color:#fff;font:300 32px/1 var(--story-c3-body);cursor:pointer}
  .story-c3-nav>a{display:flex!important;min-height:58px!important;padding:0!important;border-bottom:1px solid rgba(255,255,255,.08);align-items:center!important;font-size:19px!important;font-weight:500!important;line-height:1!important;letter-spacing:.08em!important;color:#fff!important}
  .story-c3-nav>a:not(.story-c3-search):after{bottom:10px}
  .story-c3-search{min-width:0!important;justify-content:flex-start!important;gap:12px;font-size:22px!important;color:var(--story-c3-gold)!important}
  .story-c3-mobile-search-label{display:inline;color:#fff;font:500 19px/1 var(--story-c3-body);letter-spacing:.08em;text-transform:uppercase}
  .story-c3-mobile-utilities{display:flex;flex-wrap:wrap;gap:10px;padding-top:24px}
  .story-c3-mobile-utilities .story-c3-utility{display:inline-flex!important;min-height:42px!important;width:auto;padding:0 14px!important;border-bottom:0!important;font-size:9px!important;letter-spacing:.12em!important}
  .story-c3-issue-line{display:none!important}
}

@media (max-width:380px){
  .story-c3-nav{padding-left:20px!important;padding-right:20px!important}
  .story-c3-mobile-nav-head{left:20px;right:20px}
  .story-c3-nav>a{font-size:18px!important}
}


/* =========================================================
   v0.2.9 — mobile menu open-state correction
   One masthead, one close control, full-width Search row.
   ========================================================= */
@media (max-width:767px){
  .story-c3-nav{z-index:100!important;padding-top:104px!important}
  .story-c3-mobile-nav-head{z-index:102!important;top:18px!important;left:20px!important;right:20px!important;min-height:58px;padding-bottom:14px!important}
  .story-c3-mobile-nav-logo{display:flex!important;align-items:center!important;width:150px!important;min-height:44px!important;padding:0!important;border:0!important}
  .story-c3-mobile-nav-logo:after{display:none!important}
  .story-c3-mobile-nav-logo img{display:block!important;width:150px!important;height:auto!important;max-height:48px!important;object-fit:contain!important;object-position:left center!important}
  .story-c3-menu-close{display:inline-flex!important;width:46px!important;height:46px!important;flex:0 0 46px!important;border:1px solid rgba(201,168,76,.4)!important;font-size:30px!important}
  .story-c3-search{margin-left:0!important;width:100%!important;min-height:58px!important;box-sizing:border-box!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  .story-c3-mobile-search-label{display:inline!important}
}


/* =========================================================
   v0.3.0 — mobile header control polish
   Keep a 44px touch target, but remove the visible box so the
   menu control sits quietly beside the Story masthead.
   ========================================================= */
@media (max-width:767px){
  .story-c3-menu-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    padding:0!important;
    border:0!important;
    outline:0;
    background:transparent!important;
    box-shadow:none!important;
    gap:6px!important;
  }
  .story-c3-menu-toggle span{
    width:25px!important;
    height:1.5px!important;
    background:rgba(255,255,255,.96)!important;
    border-radius:2px;
  }
  .story-c3-menu-toggle:hover span,
  .story-c3-menu-toggle:focus-visible span,
  .story-c3-menu-toggle[aria-expanded="true"] span{
    background:var(--story-c3-gold)!important;
  }
  .story-c3-menu-toggle:focus-visible{
    outline:1px solid var(--story-c3-gold)!important;
    outline-offset:3px!important;
  }
  .story-c3-menu-close{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:rgba(255,255,255,.96)!important;
    font-size:32px!important;
  }
  .story-c3-menu-close:hover,
  .story-c3-menu-close:focus-visible{
    color:var(--story-c3-gold)!important;
  }
  .story-c3-menu-close:focus-visible{
    outline:1px solid var(--story-c3-gold)!important;
    outline-offset:3px!important;
  }
}

/* =========================================================
   v0.3.1 — mobile hamburger alignment correction
   Put the control at the true far-right of the masthead and
   restore the square Story-gold border requested by owner.
   ========================================================= */
@media (max-width:767px){
  .story-c3-header{
    position:relative!important;
    padding-right:76px!important;
  }
  .story-c3-menu-toggle{
    position:absolute!important;
    right:16px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    border:1px solid rgba(201,168,76,.72)!important;
    background:rgba(13,13,13,.88)!important;
    box-shadow:none!important;
    outline:0;
  }
  .story-c3-menu-toggle span{
    width:25px!important;
    height:1.5px!important;
    background:rgba(255,255,255,.97)!important;
  }
  .story-c3-menu-toggle:hover,
  .story-c3-menu-toggle:focus-visible,
  .story-c3-menu-toggle[aria-expanded="true"]{
    border-color:var(--story-c3-gold)!important;
  }
  .story-c3-menu-toggle:hover span,
  .story-c3-menu-toggle:focus-visible span,
  .story-c3-menu-toggle[aria-expanded="true"] span{
    background:var(--story-c3-gold)!important;
  }
}

@media (max-width:380px){
  .story-c3-header{padding-right:70px!important}
  .story-c3-menu-toggle{right:12px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
}


/* =========================================================
   v0.3.2 — mobile close-control continuity
   Match the open-menu close control to the bordered hamburger.
   ========================================================= */
@media (max-width:767px){
  .story-c3-menu-close{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    flex:0 0 48px!important;
    border:1px solid rgba(201,168,76,.72)!important;
    background:rgba(13,13,13,.88)!important;
    color:rgba(255,255,255,.97)!important;
    box-shadow:none!important;
  }
  .story-c3-menu-close:hover,
  .story-c3-menu-close:focus-visible{
    border-color:var(--story-c3-gold)!important;
    color:var(--story-c3-gold)!important;
  }
}
@media (max-width:380px){
  .story-c3-menu-close{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    min-height:46px!important;
    flex-basis:46px!important;
  }
}

/* =========================================================
   v0.3.3 — Mobile Editorial Rhythm
   Keep desktop and the frozen mobile masthead/navigation intact.
   Lead stories retain scale; supporting stories become denser.
   ========================================================= */
@media (max-width:767px){
  /* Establish a calmer, repeatable section rhythm. */
  .story-c3-section{padding-top:44px!important;padding-bottom:44px!important}
  .story-c3-section-head{margin-bottom:22px!important}
  .story-c3-section-head span,.story-c3-section-label{font-size:9px!important;letter-spacing:.16em!important}

  /* Fashion: one expressive lead, then two compact supporting columns. */
  .story-c3-fashion-grid{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:24px 12px!important;
    align-items:start!important;
  }
  .story-c3-fashion-grid>*{margin-bottom:0!important}
  .story-c3-fashion-lead{grid-column:1/-1!important}
  .story-c3-fashion-lead .story-c3-image-tall{aspect-ratio:16/10!important}
  .story-c3-fashion-middle{padding-top:0!important}
  .story-c3-fashion-middle .story-c3-image-medium,
  .story-c3-fashion-right .story-c3-image-short{aspect-ratio:4/3!important}
  .story-c3-fashion .story-c3-card h2{font-size:25px!important;line-height:1.07!important}
  .story-c3-fashion .story-c3-card h3{font-size:16px!important;line-height:1.12!important}
  .story-c3-fashion .story-c3-kicker{margin-top:10px!important;margin-bottom:5px!important;font-size:8px!important}
  .story-c3-fashion-middle blockquote{display:none!important}
  .story-c3-fashion-right{display:block!important}
  .story-c3-compact-list{margin-top:18px!important;padding-top:10px!important}
  .story-c3-compact-list>span{margin-bottom:5px!important;font-size:8px!important}
  .story-c3-compact-list>a{padding:8px 0!important;font-size:11px!important;line-height:1.28!important}

  /* Beauty remains cinematic, but yields space to the sections around it. */
  .story-c3-beauty,.story-c3-beauty-inner{min-height:540px!important}
  .story-c3-beauty-inner{padding-top:42px!important;padding-bottom:42px!important}
  .story-c3-beauty-copy h2{margin-bottom:16px!important;font-size:clamp(38px,11vw,48px)!important;line-height:1!important}
  .story-c3-beauty-copy p{margin-bottom:22px!important;line-height:1.55!important}

  /* Lifestyle: treat copy and image as one composed feature. */
  .story-c3-lifestyle-statement{padding-top:44px!important;padding-bottom:44px!important}
  .story-c3-lifestyle-quote{gap:22px!important}
  .story-c3-lifestyle-eyebrow{margin-bottom:14px!important}
  .story-c3-lifestyle-quote h2{font-size:clamp(35px,10vw,46px)!important;line-height:1.01!important}
  .story-c3-lifestyle-deck{margin:16px 0 14px!important;line-height:1.55!important}
  .story-c3-lifestyle-image{aspect-ratio:16/10!important}

  /* Culture: lead gets room; secondary feature becomes a compact media row. */
  .story-c3-culture-side{margin-top:28px!important}
  .story-c3-culture-feature{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr)!important;
    gap:14px!important;
    align-items:start!important;
  }
  .story-c3-culture-side .story-c3-culture-feature .story-c3-image-short{
    width:112px!important;
    height:92px!important;
    aspect-ratio:auto!important;
    grid-row:1/5!important;
  }
  .story-c3-culture-feature .story-c3-kicker{margin:0 0 5px!important;font-size:8px!important}
  .story-c3-culture-feature h3{font-size:17px!important;line-height:1.08!important}
  .story-c3-culture-feature>p{margin:7px 0 0!important;font-size:11px!important;line-height:1.45!important}
  .story-c3-culture-list{margin-top:18px!important}
  .story-c3-culture-list>a{grid-template-columns:28px 1fr!important;gap:9px!important;padding:10px 0!important}
  .story-c3-culture-list>a>b{font-size:15px!important}
  .story-c3-culture-list>a>span{font-size:12px!important;line-height:1.25!important}
  .story-c3-culture-list>a>span>em{margin-bottom:4px!important;font-size:7px!important}

  /* Partnerships stay premium while no longer creating a long pause. */
  .story-c3-partner{padding:18px 0!important}
  .story-c3-partner-box,.story-c3-partner-box.has-partners{padding:24px 18px!important}
  .story-c3-partner-intro>strong{font-size:clamp(25px,7.5vw,32px)!important;line-height:1.05!important}
  .story-c3-partner-intro>p{margin-top:12px!important;line-height:1.55!important}
  .story-c3-partner-side{margin-top:18px!important;padding-top:16px!important}

  /* Watch: preserve the cinematic lead and make the rail unmistakably secondary. */
  .story-c3-watch-lead{margin-bottom:22px!important}
  .story-c3-watch-image{aspect-ratio:16/9!important}
  .story-c3-watch-lead h3{font-size:26px!important;line-height:1.06!important}
  .story-c3-watch-lead>p{margin-top:10px!important;font-size:12px!important;line-height:1.5!important}
  .story-c3-watch-list>a{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;padding:10px 0!important}
  .story-c3-mini-video{width:96px!important;height:62px!important}
  .story-c3-mini-video i{width:28px!important;height:28px!important;font-size:9px!important}
  .story-c3-watch-list>a>span:last-child{font-size:12px!important;line-height:1.25!important}

  /* Editor's Picks: compact numbered editorial rows instead of four tall cards. */
  .story-c3-picks{padding-top:42px!important;padding-bottom:42px!important}
  .story-c3-picks-head{margin-bottom:18px!important}
  .story-c3-picks-head h2{font-size:42px!important;line-height:.88!important}
  .story-c3-picks-head>p{margin-top:10px!important;font-size:11px!important}
  .story-c3-picks-grid{display:block!important}
  .story-c3-picks-grid article{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    column-gap:14px!important;
    min-height:0!important;
    padding:15px 0!important;
    border-top:1px solid rgba(17,17,17,.1)!important;
  }
  .story-c3-pick-number{
    grid-column:1!important;
    grid-row:1/4!important;
    margin:0!important;
    align-self:start!important;
    font-size:44px!important;
    line-height:.9!important;
  }
  .story-c3-picks-grid article>.story-c3-kicker{grid-column:2!important;margin:0 0 4px!important;font-size:7px!important}
  .story-c3-picks-grid h3{grid-column:2!important;margin:0!important;padding:0!important;font-size:16px!important;line-height:1.18!important}
  .story-c3-pick-meta{grid-column:2!important;margin-top:8px!important;display:flex!important;justify-content:space-between!important;gap:12px!important;font-size:8px!important}

  /* Footer density: retain all links, shorten the final descent. */
  .story-c3-footer{padding-top:42px!important}
  .story-c3-footer-links{margin-top:30px!important;gap:24px 22px!important}
}

@media (max-width:380px){
  .story-c3-fashion-grid{gap:20px 10px!important}
  .story-c3-fashion .story-c3-card h3{font-size:15px!important}
  .story-c3-culture-feature{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important}
  .story-c3-culture-side .story-c3-culture-feature .story-c3-image-short{width:96px!important;height:82px!important}
  .story-c3-watch-list>a{grid-template-columns:88px minmax(0,1fr)!important}
  .story-c3-mini-video{width:88px!important;height:58px!important}
  .story-c3-picks-grid article{grid-template-columns:50px minmax(0,1fr)!important;column-gap:11px!important}
  .story-c3-pick-number{font-size:38px!important}
}


/* =========================================================
   v0.3.4 — Mobile rhythm polish + image compositing hardening
   Desktop and the frozen mobile masthead/menu remain untouched.
   ========================================================= */
@media (max-width:767px){
  /* Keep CSS-background editorial imagery as a single clean paint layer.
     This also makes long-page browser capture stitching less fragile. */
  .story-c3-image,
  .story-c3-hero-media,
  .story-c3-beauty,
  .story-c3-lifestyle-image,
  .story-c3-watch-image,
  .story-c3-mini-video{
    background-repeat:no-repeat!important;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
  }

  /* Fashion supporting cards: denser than the lead without becoming tiny. */
  .story-c3-fashion-middle .story-c3-image-medium,
  .story-c3-fashion-right .story-c3-image-short{
    aspect-ratio:16/11!important;
  }
  .story-c3-fashion-middle h3,
  .story-c3-fashion-right h3{
    font-size:15px!important;
    line-height:1.1!important;
  }
  .story-c3-fashion-middle .story-c3-kicker,
  .story-c3-fashion-right .story-c3-kicker{
    margin-top:8px!important;
  }
  .story-c3-fashion-right .story-c3-compact-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 12px!important;
  }
  .story-c3-fashion-right .story-c3-compact-list>span{
    grid-column:1/-1!important;
  }
  .story-c3-fashion-right .story-c3-compact-list>a{
    min-width:0!important;
    padding:8px 0!important;
  }

  /* Slightly cleaner handoffs between the dense black editorial modules. */
  .story-c3-culture{padding-bottom:38px!important}
  .story-c3-partner{padding-top:14px!important;padding-bottom:14px!important}
  .story-c3-watch{padding-top:40px!important}
  .story-c3-picks{margin-top:0!important}
}

@media (max-width:380px){
  .story-c3-fashion-right .story-c3-compact-list{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   v0.3.5 — Premium mobile Fashion composition
   Mobile Fashion only. Desktop and masthead/menu stay frozen.
   ========================================================= */
@media (max-width:767px){
  .story-c3-fashion{overflow:hidden}
  .story-c3-fashion .story-c3-max{position:relative}
  .story-c3-fashion .story-c3-bg-word{top:56px!important;left:-28px!important;font-size:112px!important;opacity:.75}
  .story-c3-fashion .story-c3-section-head{position:relative;z-index:1;margin-bottom:26px!important;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.09)}
  .story-c3-fashion .story-c3-section-head>a{color:rgba(255,255,255,.5)!important}

  .story-c3-fashion-grid{position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px 14px!important;align-items:start!important}
  .story-c3-fashion-grid>*{margin:0!important}
  .story-c3-fashion-lead{grid-column:1/-1!important;padding-bottom:24px!important;border-bottom:1px solid rgba(255,255,255,.1)}
  .story-c3-fashion-lead .story-c3-image-tall{height:auto!important;aspect-ratio:16/10!important;background-position:center 18%!important}
  .story-c3-fashion-lead .story-c3-kicker{margin-top:13px!important;margin-bottom:6px!important}
  .story-c3-fashion-lead h2{max-width:94%;font-size:clamp(27px,7.8vw,34px)!important;line-height:1.02!important;letter-spacing:-.015em}

  .story-c3-fashion-middle{grid-column:1!important;padding:0!important}
  .story-c3-fashion-middle .story-c3-card{margin:0!important}
  .story-c3-fashion-middle .story-c3-image-medium{height:auto!important;aspect-ratio:4/3!important;background-position:center 22%!important}
  .story-c3-fashion-middle blockquote{display:none!important}

  /* Unwrap the right column so its story can sit beside secondary 1,
     while More in Fashion becomes a deliberate full-width editorial rail. */
  .story-c3-fashion-right{display:contents!important}
  .story-c3-fashion-right>.story-c3-card{grid-column:2!important;margin:0!important}
  .story-c3-fashion-right>.story-c3-card .story-c3-image-short{height:auto!important;aspect-ratio:4/3!important;background-position:center 25%!important}

  .story-c3-fashion-middle h3,.story-c3-fashion-right>.story-c3-card h3{font-size:17px!important;line-height:1.06!important;letter-spacing:-.01em}
  .story-c3-fashion-middle .story-c3-kicker,.story-c3-fashion-right>.story-c3-card .story-c3-kicker{margin-top:10px!important;margin-bottom:5px!important;font-size:8px!important;letter-spacing:.17em!important}

  .story-c3-fashion-right>.story-c3-compact-list{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 18px!important;margin:2px 0 0!important;padding:18px 0 0!important;border-top:1px solid rgba(255,255,255,.12)!important}
  .story-c3-fashion-right>.story-c3-compact-list>span{grid-column:1/-1!important;margin:0 0 7px!important;color:var(--story-c3-gold)!important;font-size:8px!important;letter-spacing:.18em!important}
  .story-c3-fashion-right>.story-c3-compact-list>a{position:relative;min-width:0;padding:10px 0 10px 13px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:rgba(255,255,255,.68)!important;font-family:var(--story-c3-serif);font-size:12px!important;font-style:italic;line-height:1.25!important}
  .story-c3-fashion-right>.story-c3-compact-list>a:before{content:'↗';position:absolute;left:0;top:10px;color:var(--story-c3-gold);font-family:var(--story-c3-body);font-size:8px;font-style:normal}
}
@media (max-width:380px){
  .story-c3-fashion-grid{gap-left:10px!important;gap-right:10px!important}
  .story-c3-fashion-middle h3,.story-c3-fashion-right>.story-c3-card h3{font-size:15px!important}
  .story-c3-fashion-right>.story-c3-compact-list{grid-template-columns:1fr!important}
}

/* =========================================================
   v0.3.6 — Premium mobile Culture & Lifestyle composition
   Mobile Culture only. Desktop, Fashion and masthead/menu stay frozen.
   ========================================================= */
@media (max-width:767px){
  .story-c3-culture{overflow:hidden;padding-top:44px!important;padding-bottom:46px!important}
  .story-c3-culture .story-c3-max{position:relative}

  /* Stronger section identity without adding another oversized block. */
  .story-c3-culture .story-c3-section-head{
    position:relative;
    margin-bottom:24px!important;
    padding:0 0 13px 16px!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  .story-c3-culture .story-c3-section-head:before{
    content:"";
    position:absolute;
    left:0;
    top:1px;
    width:2px;
    height:13px;
    background:var(--story-c3-gold);
  }
  .story-c3-culture .story-c3-section-head>span{
    font-size:9px!important;
    letter-spacing:.19em!important;
  }
  .story-c3-culture .story-c3-section-head>a{
    color:rgba(255,255,255,.48)!important;
    font-size:8px!important;
    letter-spacing:.15em!important;
  }

  /* Lead remains the visual anchor of the section. */
  .story-c3-culture-grid{display:block!important}
  .story-c3-culture-lead{
    margin:0!important;
    padding:0 0 27px!important;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .story-c3-image-culture{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    max-height:none!important;
    background-position:center 24%!important;
  }
  .story-c3-culture-lead .story-c3-kicker{
    margin:13px 0 7px!important;
    font-size:8px!important;
    letter-spacing:.18em!important;
  }
  .story-c3-culture-lead h2{
    max-width:96%;
    margin:0!important;
    font-size:clamp(28px,8.1vw,35px)!important;
    line-height:1.01!important;
    letter-spacing:-.02em!important;
  }
  .story-c3-culture-lead-copy>p{
    max-width:96%;
    margin:13px 0 15px!important;
    font-size:12px!important;
    line-height:1.55!important;
    color:rgba(255,255,255,.47)!important;
  }
  .story-c3-culture-lead .story-c3-story-meta{
    gap:14px!important;
    font-size:8px!important;
    letter-spacing:.13em!important;
  }

  /* The supporting story becomes an art-directed editorial inset. */
  .story-c3-culture-side{
    position:relative;
    display:block!important;
    margin-top:28px!important;
    padding-top:27px!important;
  }
  .story-c3-culture-side:before{
    content:"THE EDIT";
    position:absolute;
    top:0;
    left:0;
    color:var(--story-c3-gold);
    font:600 8px/1 var(--story-c3-body);
    letter-spacing:.2em;
  }
  .story-c3-culture-feature{
    display:grid!important;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
    grid-template-rows:auto auto 1fr!important;
    column-gap:15px!important;
    row-gap:0!important;
    margin:0!important;
    padding:0 0 23px!important;
    border-bottom:0!important;
    align-items:start!important;
  }
  .story-c3-culture-side .story-c3-culture-feature .story-c3-image-short{
    grid-column:1!important;
    grid-row:1/4!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    background-position:center 24%!important;
  }
  .story-c3-culture-feature .story-c3-kicker{
    grid-column:2!important;
    grid-row:1!important;
    margin:1px 0 7px!important;
    font-size:7px!important;
    letter-spacing:.17em!important;
  }
  .story-c3-culture-feature h3{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    font-size:18px!important;
    line-height:1.05!important;
    letter-spacing:-.01em!important;
  }
  .story-c3-culture-feature>p{
    grid-column:2!important;
    grid-row:3!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    margin:9px 0 0!important;
    font-size:10px!important;
    line-height:1.45!important;
    color:rgba(255,255,255,.38)!important;
  }

  /* Four more stories form a compact editorial index, not a generic list. */
  .story-c3-culture-list{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0 18px!important;
    margin:3px 0 0!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
  }
  .story-c3-culture-list>a{
    position:relative;
    display:block!important;
    min-width:0;
    min-height:112px;
    padding:16px 0 13px!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    color:rgba(255,255,255,.78)!important;
  }
  .story-c3-culture-list>a:hover{padding-left:0!important}
  .story-c3-culture-list>a>b{
    position:absolute;
    right:0;
    top:12px;
    font:700 31px/.9 var(--story-c3-serif)!important;
    color:rgba(255,255,255,.055)!important;
  }
  .story-c3-culture-list>a>span{
    position:relative;
    z-index:1;
    display:block;
    max-width:88%;
    font:600 italic 14px/1.16 var(--story-c3-serif)!important;
    color:rgba(255,255,255,.83)!important;
  }
  .story-c3-culture-list>a>span>em{
    display:block;
    margin:0 0 7px!important;
    font:600 7px/1 var(--story-c3-body)!important;
    font-style:normal!important;
    letter-spacing:.18em!important;
    text-transform:uppercase;
    color:var(--story-c3-gold)!important;
  }
}

@media (max-width:380px){
  .story-c3-culture-feature{grid-template-columns:112px minmax(0,1fr)!important;column-gap:12px!important}
  .story-c3-culture-feature h3{font-size:16px!important}
  .story-c3-culture-feature>p{-webkit-line-clamp:2;font-size:9px!important}
  .story-c3-culture-list{grid-template-columns:1fr!important}
  .story-c3-culture-list>a{min-height:0;padding:14px 0!important}
  .story-c3-culture-list>a>span{max-width:90%;font-size:13px!important}
}


/* =========================================================
   v0.3.7 — Culture & Lifestyle mobile editorial refinement
   Mobile Culture only. Desktop, Fashion, header/menu, Beauty,
   Watch, Editor's Picks, footer and content logic remain frozen.
   ========================================================= */
@media (max-width:767px){
  /* Give the section a little more editorial breathing room. */
  .story-c3-culture{padding-top:48px!important;padding-bottom:52px!important}
  .story-c3-culture .story-c3-section-head{margin-bottom:28px!important}

  /* Lead: a true standalone feature rather than a compressed card. */
  .story-c3-culture-lead{
    padding:0 0 32px!important;
    border-bottom:1px solid rgba(255,255,255,.13)!important;
  }
  .story-c3-image-culture{
    aspect-ratio:5/4!important;
    background-position:center 22%!important;
  }
  .story-c3-culture-lead .story-c3-kicker{
    margin:16px 0 8px!important;
    font-size:8px!important;
  }
  .story-c3-culture-lead h2{
    max-width:100%!important;
    font-size:clamp(31px,9vw,39px)!important;
    line-height:1.01!important;
  }
  .story-c3-culture-lead-copy>p{
    max-width:94%!important;
    margin:15px 0 17px!important;
    font-size:12.5px!important;
    line-height:1.58!important;
  }
  .story-c3-culture-lead .story-c3-story-meta{
    padding-top:2px!important;
    font-size:8px!important;
  }

  /* Secondary feature: full-width editorial feature, not a tiny media row. */
  .story-c3-culture-side{
    margin-top:31px!important;
    padding-top:29px!important;
  }
  .story-c3-culture-side:before{
    content:"SECOND FEATURE"!important;
    top:0!important;
    font-size:7px!important;
    letter-spacing:.22em!important;
  }
  .story-c3-culture-feature{
    position:relative;
    display:block!important;
    margin:0 0 31px!important;
    padding:0 0 27px 15px!important;
    border-left:1px solid rgba(209,170,65,.72)!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
  }
  .story-c3-culture-side .story-c3-culture-feature .story-c3-image-short{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    margin:0 0 15px!important;
    background-position:center 24%!important;
  }
  .story-c3-culture-feature .story-c3-kicker{
    display:block!important;
    margin:0 0 7px!important;
    font-size:7px!important;
    letter-spacing:.18em!important;
  }
  .story-c3-culture-feature h3{
    max-width:94%!important;
    margin:0!important;
    font-size:clamp(22px,6.2vw,27px)!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
  }
  .story-c3-culture-feature>p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
    max-width:92%!important;
    margin:11px 0 0!important;
    font-size:11px!important;
    line-height:1.5!important;
    color:rgba(255,255,255,.42)!important;
  }

  /* Text-led culture index with a clear editorial divider. */
  .story-c3-culture-list{
    position:relative;
    display:block!important;
    margin:0!important;
    padding-top:37px!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
  }
  .story-c3-culture-list:before{
    content:"THE EDIT  /  MORE CULTURE";
    position:absolute;
    left:0;
    top:14px;
    color:var(--story-c3-gold);
    font:600 7px/1 var(--story-c3-body);
    letter-spacing:.20em;
  }
  .story-c3-culture-list>a{
    position:relative!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    align-items:start!important;
    gap:14px!important;
    min-height:0!important;
    padding:17px 0 18px!important;
    border-bottom:1px solid rgba(255,255,255,.085)!important;
  }
  .story-c3-culture-list>a>b{
    position:static!important;
    display:block!important;
    margin-top:-2px!important;
    font:700 34px/.92 var(--story-c3-serif)!important;
    color:rgba(255,255,255,.10)!important;
  }
  .story-c3-culture-list>a>span{
    display:block!important;
    max-width:96%!important;
    padding-top:1px!important;
    font:600 italic 15px/1.22 var(--story-c3-serif)!important;
    color:rgba(255,255,255,.84)!important;
  }
  .story-c3-culture-list>a>span>em{
    margin:0 0 7px!important;
    font-size:7px!important;
    letter-spacing:.18em!important;
  }
}

@media (max-width:380px){
  .story-c3-culture-lead h2{font-size:29px!important}
  .story-c3-culture-feature{padding-left:12px!important}
  .story-c3-culture-feature h3{font-size:21px!important}
  .story-c3-culture-list>a{grid-template-columns:48px minmax(0,1fr)!important;gap:11px!important}
  .story-c3-culture-list>a>b{font-size:29px!important}
  .story-c3-culture-list>a>span{font-size:14px!important}
}

/* =========================================================
   v0.3.8 — Mobile homepage rhythm & consistency polish
   Layout-only mobile pass. Existing editorial compositions,
   desktop, content logic and settings remain unchanged.
   ========================================================= */
@media (max-width:767px){
  /* One consistent mobile content measure. */
  .story-c3-max{width:calc(100% - 32px)!important;max-width:none!important}

  /* Normalize section pacing without flattening individual compositions. */
  .story-c3-section{padding-top:46px!important;padding-bottom:46px!important}
  .story-c3-section-head{margin-bottom:24px!important}
  .story-c3-section-head .story-c3-kicker{letter-spacing:.18em!important}

  /* Fashion: retain composition, remove accidental excess vertical gaps. */
  .story-c3-fashion-middle{padding-top:30px!important}
  .story-c3-fashion .story-c3-card,
  .story-c3-fashion .story-c3-fashion-middle{margin-bottom:30px!important}

  /* Beauty / lifestyle transitions: consistent edge rhythm. */
  .story-c3-beauty-inner{padding-top:48px!important;padding-bottom:48px!important}
  .story-c3-lifestyle-statement{padding-top:48px!important;padding-bottom:48px!important}
  .story-c3-lifestyle-quote>div{margin-bottom:26px!important}

  /* Culture was art-directed in v0.3.7; only align its outer cadence. */
  .story-c3-culture{padding-top:46px!important;padding-bottom:46px!important}
  .story-c3-culture .story-c3-section-head{margin-bottom:25px!important}

  /* Watch: make lead-to-list transition feel intentional. */
  .story-c3-watch-lead{margin-bottom:28px!important}
  .story-c3-watch-list>a{padding-top:13px!important;padding-bottom:13px!important}

  /* Picks: cleaner handoff from dark Watch section and tighter list rhythm. */
  .story-c3-picks{padding-top:46px!important;padding-bottom:46px!important}
  .story-c3-picks-head{margin-bottom:26px!important}
  .story-c3-picks-head>p{margin-top:12px!important}
  .story-c3-picks-grid{gap:0!important}
  .story-c3-picks-grid article{min-height:0!important;padding-top:18px!important;padding-bottom:18px!important}

  /* Footer should close the page rather than feel like another full section. */
  .story-c3-footer{padding-top:46px!important}
  .story-c3-footer-links{margin-top:34px!important;gap:28px 22px!important}

  /* Global mobile typography safeguards. */
  .story-c3-shell h1,.story-c3-shell h2,.story-c3-shell h3,
  .story-c3-card h2,.story-c3-card h3{overflow-wrap:normal;word-break:normal}
  .story-c3-shell img{max-width:100%;height:auto}
}

@media (max-width:380px){
  .story-c3-max{width:calc(100% - 28px)!important}
  .story-c3-section{padding-top:40px!important;padding-bottom:40px!important}
  .story-c3-beauty-inner,.story-c3-lifestyle-statement{padding-top:42px!important;padding-bottom:42px!important}
  .story-c3-culture{padding-top:40px!important;padding-bottom:40px!important}
  .story-c3-picks{padding-top:40px!important;padding-bottom:40px!important}
}


/* =========================================================
   v0.3.9 — Mobile QA / accessibility / breakpoint hardening
   No redesign. Protect readability, touch targets, overflow and
   narrow-phone behavior while preserving the approved art direction.
   ========================================================= */
@media (max-width:767px){
  /* Robust sizing and overflow containment across 320–430px phones. */
  .story-c3-shell,.story-c3-shell *{box-sizing:border-box}
  .story-c3-shell section,.story-c3-shell article,.story-c3-shell a,.story-c3-shell div{min-width:0}
  .story-c3-shell h1,.story-c3-shell h2,.story-c3-shell h3,
  .story-c3-card h2,.story-c3-card h3,
  .story-c3-watch-list strong,.story-c3-picks-grid h3,
  .story-c3-culture-list a>span{
    overflow-wrap:break-word;
    hyphens:auto;
  }

  /* Accessible focus treatment without changing normal visual styling. */
  .story-c3-shell a:focus-visible,
  .story-c3-shell button:focus-visible{
    outline:2px solid var(--story-c3-gold)!important;
    outline-offset:3px!important;
  }

  /* Primary CTAs keep a real touch target. */
  .story-c3-outline,
  .story-c3-partner-cta{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
  }
  .story-c3-hero-actions .story-c3-outline{padding-top:0!important;padding-bottom:0!important}

  /* Preserve editorial small caps, but never let useful copy become microscopic. */
  .story-c3-fashion-right>.story-c3-compact-list>a{font-size:13px!important;line-height:1.32!important}
  .story-c3-culture-lead-copy>p{font-size:max(12.5px,3.25vw)!important}
  .story-c3-culture-feature>p{font-size:max(11.5px,3vw)!important}
  .story-c3-culture-list>a>span{font-size:max(14px,3.6vw)!important;line-height:1.24!important}

  /* Culture index rows are tap-friendly even when titles are short. */
  .story-c3-culture-list>a{min-height:58px!important}

  /* Watch rail: supporting stories stay secondary but comfortably readable/tappable. */
  .story-c3-watch-list>a{
    min-height:72px!important;
    align-items:center!important;
  }
  .story-c3-watch-list>a>span:last-child{font-size:13px!important;line-height:1.3!important}
  .story-c3-watch-list .story-c3-kicker{font-size:8px!important}

  /* Editor's Picks: preserve density, improve reading floor and tap access. */
  .story-c3-picks-grid article{min-height:76px!important}
  .story-c3-picks-grid h3{font-size:max(15px,3.9vw)!important;line-height:1.22!important}
  .story-c3-pick-meta{font-size:9px!important;line-height:1.35!important}
  .story-c3-pick-meta a{display:inline-flex;align-items:center;min-height:30px;padding:4px 0}

  /* Footer links should remain legible on real devices. */
  .story-c3-footer-links a{font-size:max(11px,2.9vw)!important;line-height:1.4!important}
}

/* Common modern phone widths: keep the composition stable around 390–430px. */
@media (min-width:381px) and (max-width:430px){
  .story-c3-fashion-grid{column-gap:14px!important}
  .story-c3-fashion-middle h3,
  .story-c3-fashion-right>.story-c3-card h3{font-size:16px!important;line-height:1.1!important}
  .story-c3-watch-list>a{grid-template-columns:100px minmax(0,1fr)!important}
  .story-c3-mini-video{width:100px!important;height:65px!important}
}

/* 320–340px is the genuine failure edge: stack only secondary Fashion cards
   rather than shrinking their headlines below a readable editorial size. */
@media (max-width:340px){
  .story-c3-max{width:calc(100% - 24px)!important}
  .story-c3-header{padding-left:12px!important;padding-right:66px!important}
  .story-c3-logo{width:104px!important}

  .story-c3-fashion-grid{grid-template-columns:1fr!important;gap:22px!important}
  .story-c3-fashion-lead,
  .story-c3-fashion-middle,
  .story-c3-fashion-right>.story-c3-card,
  .story-c3-fashion-right>.story-c3-compact-list{grid-column:1!important}
  .story-c3-fashion-middle .story-c3-image-medium,
  .story-c3-fashion-right>.story-c3-card .story-c3-image-short{aspect-ratio:16/10!important}
  .story-c3-fashion-middle h3,
  .story-c3-fashion-right>.story-c3-card h3{font-size:17px!important;line-height:1.1!important}
  .story-c3-fashion-right>.story-c3-compact-list{grid-template-columns:1fr!important}

  .story-c3-culture-lead h2{font-size:28px!important}
  .story-c3-culture-feature h3{font-size:20px!important}
  .story-c3-culture-list>a{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}
  .story-c3-culture-list>a>b{font-size:27px!important}

  .story-c3-watch-list>a{grid-template-columns:84px minmax(0,1fr)!important;gap:10px!important}
  .story-c3-mini-video{width:84px!important;height:56px!important}

  .story-c3-picks-grid article{grid-template-columns:46px minmax(0,1fr)!important;column-gap:10px!important}
  .story-c3-pick-number{font-size:35px!important}
  .story-c3-picks-grid h3{font-size:15px!important}
}


/* =========================================================
   v0.4.0 — Functional / launch QA hardening
   Accessibility, failure-safety and reduced-motion only.
   No art-direction or desktop/mobile composition redesign.
   ========================================================= */
#story-c3-main:focus{outline:none}
.story-c3-newsletter-config-warning{display:block;max-width:430px;padding:12px 14px;border:1px solid rgba(201,168,76,.45);color:#f0d27a;font:500 12px/1.5 var(--story-c3-body)}

/* Background-image links still need an obvious fallback when a post has no featured image. */
.story-c3-image[style*="url('')"],
.story-c3-watch-image[style*="url('')"]{
  background-image:linear-gradient(135deg,#1b1b1b,#090909)!important;
  position:relative;
}
.story-c3-image[style*="url('')"]:after,
.story-c3-watch-image[style*="url('')"]:after{
  content:"STORY";
  position:absolute;
  right:16px;
  bottom:12px;
  font:700 20px/1 var(--story-c3-serif);
  letter-spacing:.04em;
  color:rgba(201,168,76,.42);
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .story-c3-shell *,
  .story-c3-shell *:before,
  .story-c3-shell *:after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}


/* =========================================================
   v0.4.1 — Mobile partner rendering regression fix
   An early legacy phone rule hid every direct div child of the
   partner box. Restore only the live Partner module children.
   No visual redesign.
   ========================================================= */
@media (max-width:767px){
  .story-c3-partner-box > .story-c3-partner-intro{
    display:block!important;
  }
  .story-c3-partner-box > .story-c3-partner-side{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .story-c3-partner-box > .story-c3-partner-brands{
    display:grid!important;
  }
}

/* ==============================================================
   v0.5.0 — Story Article Editorial System (opt-in pilot only)
   Homepage art direction is intentionally untouched.
   ============================================================== */
.story-c3-article-page{background:#0b0b0b;color:#f5f0e7}.story-c3-article-page .story-c3-article-header{position:relative;z-index:40;background:#0b0b0b;border-bottom:1px solid rgba(201,166,80,.32)}
.story-c3-article-main{background:#0b0b0b}.story-c3-article{overflow:hidden}.story-c3-article-hero{position:relative;min-height:78vh;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);background:#0b0b0b;border-bottom:1px solid rgba(255,255,255,.08)}
.story-c3-article-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(64px,8vw,132px) clamp(32px,7vw,118px) clamp(68px,7vw,110px)}
.story-c3-article-kicker{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c9a650;font:500 11px/1.3 'DM Sans',sans-serif;letter-spacing:.24em;text-transform:uppercase;margin-bottom:34px}.story-c3-article-kicker a{color:#c9a650;text-decoration:none}.story-c3-article-kicker span{color:#777;white-space:nowrap}
.story-c3-article-hero h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(64px,7vw,138px);font-style:italic;font-weight:700;line-height:.86;letter-spacing:-.055em;margin:0;max-width:1050px;color:#fff;text-wrap:balance}.story-c3-article-dek{max-width:760px;margin:34px 0 0;color:#aaa;font:300 clamp(18px,1.45vw,26px)/1.55 'DM Sans',sans-serif}.story-c3-article-meta{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:36px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font:500 11px/1.4 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6f6f6f}.story-c3-article-meta a{color:#d8d2c8;text-decoration:none}
.story-c3-article-featured{position:relative;margin:0;min-height:78vh;background:#171717;overflow:hidden}.story-c3-article-featured:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,.26),transparent 16%);pointer-events:none}.story-c3-article-featured img{width:100%;height:100%;min-height:78vh;object-fit:cover;display:block}.story-c3-article-featured figcaption{position:absolute;z-index:2;right:20px;bottom:16px;max-width:75%;padding:8px 10px;background:rgba(11,11,11,.72);color:#bbb;font:400 10px/1.45 'DM Sans',sans-serif}
.story-c3-article-hero.is-type-led{grid-template-columns:minmax(0,1fr);min-height:72vh}.story-c3-article-hero.is-type-led .story-c3-article-hero-copy{padding-right:16vw;max-width:1550px}.story-c3-article-type-art{position:absolute;right:2vw;bottom:-2vw;opacity:.055;color:#fff;line-height:.7;user-select:none;pointer-events:none}.story-c3-article-type-art span{display:block;font:700 clamp(150px,23vw,430px)/.68 'Fraunces',serif;letter-spacing:-.09em}.story-c3-article-type-art b{position:absolute;right:7%;top:-12%;font:700 clamp(180px,26vw,500px)/1 'Fraunces',serif}
.story-c3-article-stage{display:grid;grid-template-columns:minmax(170px,250px) minmax(0,760px);justify-content:center;gap:clamp(56px,8vw,130px);padding:clamp(72px,9vw,150px) clamp(24px,6vw,100px);background:#f3efe6;color:#111}.story-c3-article-rail{align-self:start;position:sticky;top:42px;border-top:1px solid #111;font:500 10px/1.55 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.16em}.story-c3-article-rail>div{padding:18px 0;border-bottom:1px solid rgba(17,17,17,.16);display:flex;flex-direction:column;gap:7px}.story-c3-article-rail span{color:#96762b;font-size:9px}.story-c3-article-rail a,.story-c3-article-rail button{color:#111;text-decoration:none;background:0;border:0;padding:0;text-align:left;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}.story-c3-article-rail a:hover,.story-c3-article-rail button:hover{text-decoration:underline}
.story-c3-article-content{min-width:0;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(18px,1.25vw,21px);line-height:1.82;color:#202020}.story-c3-article-content>*:first-child{margin-top:0}.story-c3-article-content p{margin:0 0 1.65em}.story-c3-article-content h2,.story-c3-article-content h3,.story-c3-article-content h4{font-family:'Fraunces',Georgia,serif;font-style:italic;line-height:1.02;letter-spacing:-.035em;color:#111;margin:2.1em 0 .7em}.story-c3-article-content h2{font-size:clamp(42px,4.2vw,72px)}.story-c3-article-content h3{font-size:clamp(32px,3vw,48px)}.story-c3-article-content h4{font-size:28px}.story-c3-article-content a{color:#7c5a12;text-decoration-thickness:1px;text-underline-offset:3px}.story-c3-article-content strong{font-weight:600}.story-c3-article-content blockquote{position:relative;width:min(1150px,calc(100vw - 64px));margin:clamp(68px,8vw,120px) 0 clamp(68px,8vw,120px) 50%;transform:translateX(-50%);padding:0 max(24px,8vw);box-sizing:border-box;border:0;color:#111;font:italic 700 clamp(42px,6.2vw,108px)/.95 'Fraunces',Georgia,serif;letter-spacing:-.05em;text-align:center}.story-c3-article-content blockquote:before{content:"“";display:block;color:#c9a650;font-size:.9em;line-height:.5;margin-bottom:.28em}.story-c3-article-content blockquote p{margin:0}.story-c3-article-content figure,.story-c3-article-content .wp-block-image{margin:3.5em 0}.story-c3-article-content img{max-width:100%;height:auto}.story-c3-article-content figcaption,.story-c3-article-content .wp-element-caption{font:400 11px/1.5 'DM Sans',sans-serif;color:#777;margin-top:10px}.story-c3-article-content .alignwide{width:min(1100px,calc(100vw - 64px));max-width:none;margin-left:50%;transform:translateX(-50%)}.story-c3-article-content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}.story-c3-article-content .wp-block-columns{gap:28px}.story-c3-article-content iframe,.story-c3-article-content video{max-width:100%}.story-c3-article-content table{width:100%;border-collapse:collapse;font-size:.88em}.story-c3-article-content td,.story-c3-article-content th{border-bottom:1px solid #cfc8bb;padding:12px 8px;text-align:left}.story-c3-article-content .has-wpbakery-content,.story-c3-article-content .vc_row{max-width:100%}.story-c3-page-links{margin-top:50px;padding-top:22px;border-top:1px solid #cfc8bb}
.story-c3-article-end{display:grid;grid-template-columns:1fr minmax(320px,720px);gap:40px;align-items:end;background:#0b0b0b;padding:clamp(70px,9vw,145px) max(24px,8vw);color:#f5f0e7}.story-c3-article-end-mark{font:italic 700 clamp(120px,21vw,360px)/.65 'Fraunces',Georgia,serif;letter-spacing:-.1em;color:rgba(255,255,255,.035);white-space:nowrap}.story-c3-article-author-block{border-top:1px solid rgba(201,166,80,.5);padding-top:22px}.story-c3-article-author-block span{font:500 9px/1.2 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c9a650}.story-c3-article-author-block h2{font:italic 700 clamp(38px,4vw,66px)/1 'Fraunces',serif;margin:12px 0;color:#fff}.story-c3-article-author-block p{max-width:620px;color:#888;font:300 15px/1.65 'DM Sans',sans-serif}.story-c3-article-author-block a{display:inline-block;margin-top:16px;color:#d0a94b;text-decoration:none;font:500 10px/1 'DM Sans',sans-serif;letter-spacing:.15em;text-transform:uppercase}
.story-c3-article-related{background:#0b0b0b;color:#fff;padding:0 max(24px,6vw) clamp(90px,10vw,160px)}.story-c3-related-head{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:30px 0;border-top:1px solid rgba(255,255,255,.12)}.story-c3-related-head span{font:500 9px/1 'DM Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c9a650}.story-c3-related-head h2{margin:0;font:italic 700 clamp(42px,5vw,80px)/.95 'Fraunces',serif;letter-spacing:-.04em}.story-c3-related-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:18px;align-items:start}.story-c3-related-card:nth-child(2){margin-top:12vw}.story-c3-related-card:nth-child(3){margin-top:4vw}.story-c3-related-image{display:block;position:relative;aspect-ratio:4/5;background:#171717 center/cover no-repeat;text-decoration:none}.story-c3-related-card:first-child .story-c3-related-image{aspect-ratio:5/4}.story-c3-related-image.is-empty{background:linear-gradient(135deg,#171717,#0d0d0d)}.story-c3-related-image span{position:absolute;left:14px;bottom:8px;color:#fff;font:italic 700 clamp(48px,7vw,120px)/.8 'Fraunces',serif;opacity:.25}.story-c3-related-card>div{padding-top:14px}.story-c3-related-card h3{font:italic 700 clamp(24px,2.4vw,42px)/1 'Fraunces',serif;margin:8px 0 12px}.story-c3-related-card h3 a{color:#fff;text-decoration:none}.story-c3-related-card small{color:#666;font:500 9px/1 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase}
.story-c3-copy-link.is-copied{color:#96762b!important}
@media(max-width:980px){.story-c3-article-hero{grid-template-columns:1fr;min-height:0}.story-c3-article-hero-copy{padding:74px 24px 54px;min-height:58vh}.story-c3-article-hero h1{font-size:clamp(58px,12vw,104px)}.story-c3-article-featured,.story-c3-article-featured img{min-height:0}.story-c3-article-featured img{height:auto;aspect-ratio:4/5;object-fit:cover}.story-c3-article-featured:after{display:none}.story-c3-article-stage{grid-template-columns:1fr;padding:64px 24px;gap:30px}.story-c3-article-rail{position:static;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #111}.story-c3-article-rail>div{padding:14px 10px 14px 0}.story-c3-article-content{font-size:18px;line-height:1.75}.story-c3-article-content blockquote{width:calc(100vw - 32px);padding:0 16px}.story-c3-article-end{grid-template-columns:1fr;padding:70px 24px}.story-c3-article-end-mark{display:none}.story-c3-related-grid{grid-template-columns:1fr 1fr}.story-c3-related-card:first-child{grid-column:1/-1}.story-c3-related-card:nth-child(2),.story-c3-related-card:nth-child(3){margin-top:0}}
@media(max-width:620px){.story-c3-article-header{min-height:78px}.story-c3-article-hero-copy{min-height:auto;padding:66px 20px 42px}.story-c3-article-kicker{margin-bottom:24px;font-size:9px}.story-c3-article-hero h1{font-size:clamp(48px,15vw,72px);line-height:.9;letter-spacing:-.05em}.story-c3-article-dek{font-size:17px;margin-top:24px}.story-c3-article-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:9px}.story-c3-article-meta span:first-child{grid-column:1/-1}.story-c3-article-featured img{aspect-ratio:3/4}.story-c3-article-featured figcaption{position:static;max-width:none;background:#111;padding:10px 20px}.story-c3-article-hero.is-type-led{min-height:64vh}.story-c3-article-hero.is-type-led .story-c3-article-hero-copy{padding-right:20px;justify-content:center}.story-c3-article-type-art span{font-size:160px}.story-c3-article-type-art b{font-size:190px}.story-c3-article-stage{padding:48px 20px}.story-c3-article-rail{grid-template-columns:1fr 1fr}.story-c3-article-rail>div:last-child{grid-column:1/-1}.story-c3-article-content{font-size:17px}.story-c3-article-content h2{font-size:42px}.story-c3-article-content h3{font-size:32px}.story-c3-article-content .alignwide,.story-c3-article-content .alignfull{width:100vw;margin-left:50%}.story-c3-article-content blockquote{font-size:clamp(38px,12vw,58px);margin-top:70px;margin-bottom:70px}.story-c3-related-head{display:block}.story-c3-related-head h2{font-size:48px;margin-top:10px}.story-c3-related-grid{grid-template-columns:1fr}.story-c3-related-card:first-child{grid-column:auto}.story-c3-related-card .story-c3-related-image,.story-c3-related-card:first-child .story-c3-related-image{aspect-ratio:4/3}.story-c3-related-card h3{font-size:28px}.story-c3-article-related{padding-left:20px;padding-right:20px}.story-c3-article-end{padding:60px 20px}}

/* =========================================================
   v0.5.1 — ART-DIRECTED ARTICLE BODY ENGINE
   The homepage and article shell stay frozen. This layer only
   expands the editorial vocabulary inside selected pilot posts.
   ========================================================= */
@media (min-width:981px){
  .story-c3-article-stage{grid-template-columns:minmax(170px,240px) minmax(0,1180px);gap:clamp(52px,6vw,110px);align-items:start}
  .story-c3-article-content.story-c3-art-directed{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(16px,1.6vw,28px);row-gap:0;max-width:1180px;width:100%}
  .story-c3-article-content.story-c3-art-directed>.story-c3-prose-block,
  .story-c3-article-content.story-c3-art-directed>p,
  .story-c3-article-content.story-c3-art-directed>ul,
  .story-c3-article-content.story-c3-art-directed>ol,
  .story-c3-article-content.story-c3-art-directed>table,
  .story-c3-article-content.story-c3-art-directed>.wp-block-table,
  .story-c3-article-content.story-c3-art-directed>pre{grid-column:4/10;min-width:0}
  .story-c3-article-content.story-c3-art-directed>h2{grid-column:2/12;margin-top:1.65em;margin-bottom:.62em;font-size:clamp(52px,5.5vw,94px);max-width:1000px}
  .story-c3-article-content.story-c3-art-directed>h3{grid-column:3/10;font-size:clamp(36px,3.6vw,60px)}
  .story-c3-article-content.story-c3-art-directed>h4{grid-column:4/10}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{max-width:none!important;transform:none!important;margin-top:clamp(52px,7vw,105px);margin-bottom:clamp(52px,7vw,105px);width:auto!important;align-self:start}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-wide{grid-column:2/12}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-fullish{grid-column:1/13}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-left{grid-column:1/7;margin-right:4vw}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{grid-column:7/13;margin-left:4vw}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait img{max-height:900px;object-fit:cover;width:100%}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-landscape img{width:100%;object-fit:cover}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block img{display:block;width:100%;height:auto}
  .story-c3-article-content.story-c3-art-directed>.story-c3-statement-block{grid-column:2/12;margin:clamp(58px,7vw,110px) 0;font:italic 700 clamp(42px,5.2vw,82px)/.98 'Fraunces',Georgia,serif;letter-spacing:-.045em;color:#111}

  /* Commerce keeps the same publication language but increases product rhythm. */
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>h2,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>h3{grid-column:2/11}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{background:#ece6da;padding:clamp(16px,2vw,28px)}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-left{grid-column:1/6;margin-right:2vw}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{grid-column:8/13;margin-left:2vw}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-wide{grid-column:3/11}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy-left{grid-column:7/11}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy-right{grid-column:3/7}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy-left,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy-right{align-self:start;margin-top:-2.8em;padding-top:1.2em;border-top:1px solid #bcae92}
}

.story-c3-article-content.story-c3-art-directed .story-c3-media-block figcaption,
.story-c3-article-content.story-c3-art-directed .story-c3-media-block .wp-element-caption{max-width:650px;margin-top:12px;color:#756e63;font-size:11px;line-height:1.55}
.story-c3-article-content.story-c3-art-directed .story-c3-media-fullish figcaption{margin-left:auto;margin-right:auto}
.story-c3-mode-short .story-c3-article-stage{padding-top:clamp(54px,6vw,90px)}
.story-c3-mode-short .story-c3-article-content{max-width:820px}

@media(max-width:980px){
  .story-c3-article-content.story-c3-art-directed{display:block}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{width:calc(100vw - 32px)!important;max-width:none!important;margin:56px 50%!important;transform:translateX(-50%)!important}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-left,
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{width:min(78vw,620px)!important}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{padding:14px;background:#ece6da}
  .story-c3-article-content.story-c3-art-directed>h2{font-size:clamp(46px,10vw,76px);margin-top:1.8em}
  .story-c3-article-content.story-c3-art-directed>h3{font-size:clamp(34px,7vw,48px)}
}
@media(max-width:620px){
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block,
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-left,
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{width:100vw!important;margin-left:50%!important;margin-right:0!important}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{padding:12px 20px;background:#ede7dc}
  .story-c3-article-content.story-c3-art-directed>h2{font-size:44px}
}

/* =========================================================
   v0.5.2 — EDITORIAL BODY RHYTHM CORRECTION
   Reduce gallery/catalogue drift. Keep image-led asymmetry, but
   make every article read as one composed editorial sequence.
   ========================================================= */
@media (min-width:981px){
  .story-c3-article-stage{grid-template-columns:minmax(150px,210px) minmax(0,1240px);gap:clamp(46px,5vw,88px);padding-top:clamp(68px,7vw,112px)}
  .story-c3-article-content.story-c3-art-directed{max-width:1240px;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:clamp(18px,1.5vw,26px)}
  .story-c3-article-content.story-c3-art-directed>.story-c3-prose-block,
  .story-c3-article-content.story-c3-art-directed>p,
  .story-c3-article-content.story-c3-art-directed>ul,
  .story-c3-article-content.story-c3-art-directed>ol,
  .story-c3-article-content.story-c3-art-directed>table,
  .story-c3-article-content.story-c3-art-directed>.wp-block-table,
  .story-c3-article-content.story-c3-art-directed>pre{grid-column:4/11;font-size:clamp(18px,1.05vw,20px);line-height:1.72}
  .story-c3-article-content.story-c3-art-directed>h2{grid-column:2/11;font-size:clamp(58px,5.1vw,90px);margin-top:1.25em;margin-bottom:.42em;max-width:960px}
  .story-c3-article-content.story-c3-art-directed>h3{grid-column:3/10;font-size:clamp(38px,3.35vw,58px);margin-top:1.55em;margin-bottom:.5em}
  .story-c3-article-content.story-c3-art-directed>h4{grid-column:4/10;margin-top:1.7em}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{margin-top:clamp(32px,4vw,62px);margin-bottom:clamp(38px,4.8vw,74px);background:transparent;padding:0}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-wide{grid-column:2/12}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-fullish{grid-column:1/13}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-left{grid-column:2/8;margin-right:2vw}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{grid-column:6/12;margin-left:2vw}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait.story-c3-media-wide{grid-column:3/10}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait.story-c3-media-left{grid-column:2/7}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait.story-c3-media-right{grid-column:7/12}

  /* Commerce is an edit, not a product catalogue: larger imagery and a steady spine. */
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>h2,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>h3{grid-column:2/11}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{background:transparent;padding:0}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-wide{grid-column:3/11}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-left{grid-column:2/8;margin-right:2vw}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{grid-column:6/12;margin-left:2vw}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait.story-c3-media-wide{grid-column:4/9}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait.story-c3-media-left{grid-column:3/7}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-portrait.story-c3-media-right{grid-column:7/11}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy-left,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy-right{grid-column:4/10!important;margin-top:0!important;padding-top:0!important;border-top:0!important}
}
@media(max-width:980px){
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{margin-top:38px!important;margin-bottom:48px!important}
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-left,
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{width:min(88vw,680px)!important}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{padding:0;background:transparent}
}
@media(max-width:620px){
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-block,
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-left,
  .story-c3-article-content.story-c3-art-directed>.story-c3-media-right{width:calc(100vw - 28px)!important;margin-left:50%!important;margin-top:34px!important;margin-bottom:42px!important}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-media-block{padding:0;background:transparent}
}

/* =========================================================
   v0.5.3 — EDITORIAL COMPOSITION + LEGACY MODULE SAFETY
   Unknown direct children always stay on a readable spine.
   Legacy See Also / shop modules cannot collapse into 1-column
   CSS-grid tracks or inherit vertical/floating theme behavior.
   ========================================================= */
@media (min-width:981px){
  .story-c3-article-content.story-c3-art-directed>.story-c3-flow-item:not(.story-c3-media-block):not(h2):not(h3):not(h4):not(.story-c3-statement-block){
    grid-column:4/11;
    min-width:0;
    max-width:100%;
  }
  .story-c3-article-content.story-c3-art-directed>.story-c3-separator-block{grid-column:3/11;width:100%;margin:36px 0;border:0;border-top:1px solid #cfc8bb}
  .story-c3-article-content.story-c3-art-directed>.story-c3-legacy-inline{grid-column:3/12!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:clamp(32px,4vw,58px) 0!important}
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-copy{grid-column:4/10!important;min-width:0!important;max-width:100%!important;margin-top:0!important}
}

.story-c3-article-content .story-c3-legacy-inline,
.story-c3-article-content .story-c3-legacy-inline *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:anywhere;
  min-width:0;
  box-sizing:border-box;
}
.story-c3-article-content .story-c3-legacy-inline{
  float:none!important;
  clear:both!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
}
.story-c3-article-content .story-c3-legacy-inline>*,
.story-c3-article-content .story-c3-legacy-inline [class*="inner"],
.story-c3-article-content .story-c3-legacy-inline [class*="content"]{
  float:none!important;
  position:static!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:auto!important;
  max-width:100%!important;
  height:auto!important;
  transform:none!important;
}
.story-c3-article-content .story-c3-legacy-inline a{
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
  word-break:normal!important;
}
.story-c3-article-content .story-c3-legacy-related{
  padding:24px 0 22px!important;
  border-top:1px solid #bfa35a!important;
  border-bottom:1px solid #d7d0c3!important;
  background:transparent!important;
  color:#161616!important;
}
.story-c3-article-content .story-c3-legacy-related:before{
  content:"Continue reading";
  display:block;
  margin-bottom:12px;
  color:#9a741f;
  font:600 10px/1 var(--story-c3-body);
  letter-spacing:.18em;
  text-transform:uppercase;
}
.story-c3-article-content .story-c3-legacy-related a{
  color:#111!important;
  font-family:var(--story-c3-serif)!important;
  font-style:italic;
  font-weight:700;
  font-size:clamp(24px,2.3vw,38px)!important;
  line-height:1.05!important;
  text-decoration:none!important;
}
.story-c3-article-content .story-c3-legacy-cta{
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
.story-c3-article-content .story-c3-legacy-cta a,
.story-c3-article-content .story-c3-legacy-cta .wp-block-button__link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:8px 0!important;
  padding:13px 18px!important;
  border:1px solid #9a741f!important;
  border-radius:0!important;
  background:transparent!important;
  color:#111!important;
  font:600 11px/1.15 var(--story-c3-body)!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  writing-mode:horizontal-tb!important;
  white-space:normal!important;
}
.story-c3-article-content .story-c3-legacy-cta a:after{content:"  →";white-space:pre}
.story-c3-article-content.story-c3-art-directed>.wp-block-buttons,
.story-c3-article-content.story-c3-art-directed>.wp-block-button{width:100%;max-width:100%}

@media(max-width:980px){
  .story-c3-article-content.story-c3-art-directed>.story-c3-flow-item:not(.story-c3-media-block){width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;transform:none!important}
  .story-c3-article-content.story-c3-art-directed>.story-c3-legacy-inline{margin:34px 0!important}
  .story-c3-article-content .story-c3-legacy-related a{font-size:30px!important}
}
@media(max-width:620px){
  .story-c3-article-content .story-c3-legacy-related{padding:20px 0!important}
  .story-c3-article-content .story-c3-legacy-related a{font-size:26px!important}
  .story-c3-article-content .story-c3-legacy-cta a,.story-c3-article-content .story-c3-legacy-cta .wp-block-button__link{min-height:44px!important;padding:12px 16px!important}
}

/* =========================================================
   v0.5.4 — LONG-FORM COMPOSITION HARDENING
   Vertical typography is explicit-only. Unknown/legacy content
   falls back to horizontal reading. Commerce gains deterministic
   contrast without turning into a catalogue or random zig-zag.
   ========================================================= */
.story-c3-article-content .story-c3-horizontal-safe,
.story-c3-article-content .story-c3-horizontal-safe *,
.story-c3-article-content .story-c3-flow-item:not(.story-c3-vertical-accent),
.story-c3-article-content .story-c3-flow-item:not(.story-c3-vertical-accent) *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}
.story-c3-article-content .story-c3-horizontal-safe,
.story-c3-article-content .story-c3-horizontal-safe *{
  max-inline-size:100%;
  min-inline-size:0;
}
/* Explicit Story primitive only. It is deliberately short and decorative. */
.story-c3-article-content .story-c3-vertical-accent[data-story-layout="vertical"]{
  writing-mode:vertical-rl;
  text-orientation:mixed;
  max-height:320px;
  overflow:hidden;
}
.story-c3-article-content .story-c3-vertical-accent[data-story-layout="vertical"] *{
  writing-mode:inherit!important;
}

/* Legacy related modules may contain imagery; keep them horizontal editorial recommendations. */
.story-c3-article-content .story-c3-legacy-related img{
  display:block!important;
  width:min(100%,760px)!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0 0 18px!important;
}
.story-c3-article-content .story-c3-legacy-related [class*="title"],
.story-c3-article-content .story-c3-legacy-related h2,
.story-c3-article-content .story-c3-legacy-related h3,
.story-c3-article-content .story-c3-legacy-related h4{
  width:auto!important;
  max-width:900px!important;
  margin:0 0 12px!important;
  writing-mode:horizontal-tb!important;
}

@media (min-width:981px){
  /* Commerce rhythm: selected entries expand, others rest. */
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-0,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-4{
    grid-column:2/12!important;
    margin-top:clamp(58px,6vw,94px)!important;
    margin-bottom:clamp(52px,5vw,82px)!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-1{
    grid-column:2/7!important;
    justify-self:start;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-2{
    grid-column:7/12!important;
    justify-self:end;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-3{
    grid-column:4/10!important;
    margin-top:34px!important;
    margin-bottom:46px!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-5{
    grid-column:3/8!important;
    justify-self:start;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-1 img,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-2 img,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>.story-c3-commerce-rhythm-5 img{
    max-height:560px;
    object-fit:contain;
  }
}

@media(max-width:980px){
  .story-c3-article-content .story-c3-vertical-accent[data-story-layout="vertical"]{
    writing-mode:horizontal-tb!important;
    max-height:none;
    overflow:visible;
  }
}
@media(max-width:620px){
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed>[class*="story-c3-commerce-rhythm-"]{
    width:calc(100vw - 28px)!important;
    margin-left:50%!important;
    transform:translateX(-50%)!important;
    margin-top:30px!important;
    margin-bottom:38px!important;
  }
  .story-c3-article-content .story-c3-legacy-related img{width:100%!important}
}

/* =========================================================
   v0.5.5 — LEGACY MODULE ISOLATION
   Protect the complete subtree of old recirculation widgets.
   No descendant may inherit narrow/vertical/floating theme UI.
   ========================================================= */
.story-c3-article-content [data-story-protected="1"],
.story-c3-article-content [data-story-protected="1"] *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  float:none!important;
  position:static!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  rotate:none!important;
  translate:none!important;
  min-width:0!important;
  max-width:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:anywhere!important;
  letter-spacing:normal;
}
.story-c3-article-content.story-c3-art-directed>[data-story-protected="1"]{
  grid-column:3/12!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.72fr) minmax(0,1.28fr)!important;
  gap:clamp(22px,3vw,46px)!important;
  align-items:center!important;
  width:100%!important;
  margin:clamp(42px,5vw,78px) 0!important;
  padding:clamp(20px,2.5vw,34px) 0!important;
  border-top:1px solid #d3ccbf!important;
  border-bottom:1px solid #d3ccbf!important;
}
.story-c3-article-content [data-story-protected="1"]:before{
  grid-column:1/-1;
}
.story-c3-article-content [data-story-protected="1"] img{
  display:block!important;
  width:100%!important;
  max-width:440px!important;
  height:auto!important;
  object-fit:contain!important;
  margin:0!important;
}
.story-c3-article-content [data-story-protected="1"] a{
  display:inline!important;
  width:auto!important;
  font-size:inherit!important;
  line-height:inherit!important;
}
.story-c3-article-content [data-story-protected="1"] h2,
.story-c3-article-content [data-story-protected="1"] h3,
.story-c3-article-content [data-story-protected="1"] h4,
.story-c3-article-content [data-story-protected="1"] [class*="title"]{
  width:auto!important;
  max-width:720px!important;
  font-family:var(--story-c3-serif)!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:clamp(26px,2.5vw,42px)!important;
  line-height:1.02!important;
  letter-spacing:-.025em!important;
  margin:0 0 12px!important;
}
/* Old widgets often put every child at an explicit narrow width. Reset direct descendants. */
.story-c3-article-content [data-story-protected="1"]>*{
  width:auto!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(max-width:980px){
  .story-c3-article-content.story-c3-art-directed>[data-story-protected="1"]{
    grid-column:1/-1!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .story-c3-article-content [data-story-protected="1"] img{max-width:100%!important}
}

/* =========================================================
   v0.6.0 — CATEGORY EDITORIAL FRONTS
   High-fashion section pages: scale, asymmetry, image hierarchy,
   and editorial indexes without reverting to blog-card grids.
   ========================================================= */
.story-c3-category-body{background:#0c0c0c;color:#f7f2e9}
.story-c3-category-shell{background:#0c0c0c}
.story-c3-category-header{position:relative;z-index:30;border-bottom:1px solid rgba(212,175,55,.24)}
.story-c3-category-main{overflow:hidden}
.story-c3-category-masthead{background:#0c0c0c;padding:clamp(48px,7vw,110px) 0 clamp(34px,5vw,72px)}
.story-c3-category-masthead-inner{position:relative}
.story-c3-category-overline{display:flex;justify-content:space-between;gap:20px;color:#b99843;font:600 10px/1 var(--story-c3-body);letter-spacing:.22em;text-transform:uppercase;margin-bottom:clamp(24px,4vw,54px)}
.story-c3-category-masthead h1{margin:0;color:#fff;font-family:var(--story-c3-serif);font-style:italic;font-weight:700;font-size:clamp(76px,14vw,220px);line-height:.72;letter-spacing:-.065em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}
.story-c3-category-intro{display:grid;grid-template-columns:minmax(0,700px) auto;justify-content:space-between;gap:40px;align-items:end;margin-top:clamp(42px,7vw,88px);padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}
.story-c3-category-intro p{margin:0;color:#c9c3ba;font:400 clamp(15px,1.4vw,19px)/1.55 var(--story-c3-body);max-width:680px}
.story-c3-category-intro span{color:#777;font:500 10px/1.2 var(--story-c3-body);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}

.story-c3-category-lead{background:#0c0c0c;padding:0 0 clamp(72px,8vw,130px)}
.story-c3-category-lead-grid{display:grid;grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);max-width:1600px;margin:0 auto;border-top:1px solid rgba(212,175,55,.22);border-bottom:1px solid rgba(212,175,55,.22)}
.story-c3-category-lead-copy{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(38px,5vw,78px);min-height:620px;background:#0c0c0c}
.story-c3-category-lead-copy .story-c3-kicker{color:#d4af37;margin-bottom:26px}
.story-c3-category-lead-copy h2{margin:0;max-width:680px;font-family:var(--story-c3-serif);font-style:italic;font-weight:700;font-size:clamp(48px,5.8vw,96px);line-height:.88;letter-spacing:-.055em}
.story-c3-category-lead-copy h2 a{color:#fff;text-decoration:none}
.story-c3-category-lead-copy p{max-width:600px;margin:28px 0 0;color:#9f9b95;font:400 15px/1.6 var(--story-c3-body)}
.story-c3-category-lead-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.13);font:500 10px/1 var(--story-c3-body);letter-spacing:.14em;text-transform:uppercase}
.story-c3-category-lead-meta span{color:#6e6e6e}.story-c3-category-lead-meta a{color:#d4af37;text-decoration:none}
.story-c3-category-lead-image{display:block;min-height:620px;overflow:hidden;background:#161616;position:relative}
.story-c3-category-lead-image img{width:100%;height:100%;min-height:620px;object-fit:cover;display:block}
.story-c3-category-lead-image.is-empty{display:grid;place-items:center}.story-c3-category-lead-image.is-empty span{font:italic 700 clamp(100px,14vw,220px)/1 var(--story-c3-serif);color:#242424}

.story-c3-category-stage{background:#f4efe5;color:#111;padding:clamp(76px,9vw,150px) 0 clamp(90px,10vw,160px)}
.story-c3-category-section-head,.story-c3-category-latest-head{display:grid;grid-template-columns:170px 1fr;gap:36px;align-items:end;margin-bottom:clamp(48px,6vw,86px);padding-top:18px;border-top:1px solid #cfc5b4}
.story-c3-category-section-head>span,.story-c3-category-latest-head>span{font:600 10px/1 var(--story-c3-body);letter-spacing:.2em;text-transform:uppercase;color:#9a741f}
.story-c3-category-section-head h2,.story-c3-category-latest-head h2{margin:0;font:italic 700 clamp(44px,6vw,86px)/.9 var(--story-c3-serif);letter-spacing:-.04em}
.story-c3-category-feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);align-items:start;margin-bottom:clamp(100px,12vw,190px)}
.story-c3-category-feature{min-width:0}
.story-c3-category-feature-1{grid-column:1/7}.story-c3-category-feature-2{grid-column:8/13;margin-top:clamp(90px,10vw,150px)}
.story-c3-category-feature-3{grid-column:2/6;margin-top:clamp(30px,4vw,70px)}.story-c3-category-feature-4{grid-column:7/12;margin-top:clamp(130px,14vw,220px)}
.story-c3-category-feature-image{display:block;overflow:hidden;background:#e7dfd2;position:relative}
.story-c3-category-feature-1 .story-c3-category-feature-image{aspect-ratio:4/5}.story-c3-category-feature-2 .story-c3-category-feature-image{aspect-ratio:16/10}.story-c3-category-feature-3 .story-c3-category-feature-image{aspect-ratio:3/4}.story-c3-category-feature-4 .story-c3-category-feature-image{aspect-ratio:5/4}
.story-c3-category-feature-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.story-c3-category-feature:hover .story-c3-category-feature-image img{transform:scale(1.015)}
.story-c3-category-feature-image.is-empty{display:grid;place-items:center}.story-c3-category-feature-image.is-empty span{font:italic 700 84px/1 var(--story-c3-serif);color:#c9bdab}
.story-c3-category-feature-copy{padding-top:20px}.story-c3-category-feature-copy .story-c3-kicker{color:#9a741f}
.story-c3-category-feature-copy h3{margin:10px 0 0;font:italic 700 clamp(28px,3.4vw,54px)/.97 var(--story-c3-serif);letter-spacing:-.035em}
.story-c3-category-feature-3 .story-c3-category-feature-copy h3,.story-c3-category-feature-4 .story-c3-category-feature-copy h3{font-size:clamp(24px,2.6vw,40px)}
.story-c3-category-feature-copy h3 a{color:#111;text-decoration:none}.story-c3-category-feature-copy p{max-width:560px;color:#5f5b55;font:400 14px/1.55 var(--story-c3-body);margin:16px 0 0}.story-c3-category-feature-copy small{display:block;color:#989187;font:500 9px/1.2 var(--story-c3-body);letter-spacing:.13em;text-transform:uppercase;margin-top:14px}

.story-c3-category-latest-head{margin-top:0}
.story-c3-category-latest-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(32px,4vw,66px) clamp(18px,2.5vw,34px);align-items:start}
.story-c3-category-latest-card{grid-column:span 4;min-width:0;border-top:1px solid #d6cdbf;padding-top:14px}
.story-c3-category-latest-card.is-wide{grid-column:span 8}
.story-c3-category-latest-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#e7dfd2;margin-bottom:18px}.story-c3-category-latest-card.is-wide .story-c3-category-latest-image{aspect-ratio:16/8.5}
.story-c3-category-latest-image img{display:block;width:100%;height:100%;object-fit:cover}.story-c3-category-latest-image.is-empty{display:grid;place-items:center}.story-c3-category-latest-image.is-empty span{font:italic 700 64px/1 var(--story-c3-serif);color:#c7bcac}
.story-c3-category-latest-card .story-c3-kicker{color:#9a741f}.story-c3-category-latest-card h3{margin:9px 0 0;font:italic 700 clamp(24px,2.5vw,38px)/.98 var(--story-c3-serif);letter-spacing:-.03em}.story-c3-category-latest-card.is-wide h3{font-size:clamp(30px,3.8vw,56px);max-width:850px}.story-c3-category-latest-card h3 a{color:#111;text-decoration:none}.story-c3-category-latest-card small{display:block;margin-top:12px;color:#989187;font:500 9px/1.2 var(--story-c3-body);letter-spacing:.13em;text-transform:uppercase}
.story-c3-category-pagination{margin-top:clamp(80px,9vw,130px);padding-top:26px;border-top:1px solid #cfc5b4}.story-c3-category-pagination ul{display:flex;flex-wrap:wrap;gap:9px;align-items:center;list-style:none;margin:0;padding:0}.story-c3-category-pagination a,.story-c3-category-pagination span{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:0 14px;border:1px solid #bbae96;color:#111;text-decoration:none;font:600 10px/1 var(--story-c3-body);letter-spacing:.1em;text-transform:uppercase}.story-c3-category-pagination .current{background:#111;color:#f4efe5;border-color:#111}

@media(max-width:1100px){
  .story-c3-category-masthead h1{font-size:clamp(68px,13vw,145px)}
  .story-c3-category-lead-grid{grid-template-columns:1fr 1fr}.story-c3-category-lead-copy,.story-c3-category-lead-image,.story-c3-category-lead-image img{min-height:520px}
  .story-c3-category-feature-1{grid-column:1/8}.story-c3-category-feature-2{grid-column:8/13}.story-c3-category-feature-3{grid-column:1/6}.story-c3-category-feature-4{grid-column:6/13}
}
@media(max-width:780px){
  .story-c3-category-masthead{padding:42px 20px 38px}.story-c3-category-masthead-inner{padding-left:0!important;padding-right:0!important}.story-c3-category-masthead h1{font-size:clamp(60px,18vw,118px);line-height:.78}.story-c3-category-intro{grid-template-columns:1fr;gap:18px;margin-top:36px}.story-c3-category-intro span{white-space:normal}
  .story-c3-category-lead{padding-bottom:70px}.story-c3-category-lead-grid{grid-template-columns:1fr}.story-c3-category-lead-copy{min-height:0;padding:42px 22px 46px}.story-c3-category-lead-copy h2{font-size:clamp(48px,12.5vw,72px)}.story-c3-category-lead-image,.story-c3-category-lead-image img{min-height:0;aspect-ratio:4/3}.story-c3-category-lead-image img{height:100%}
  .story-c3-category-stage{padding:72px 20px 90px}.story-c3-category-stage>.story-c3-max{padding-left:0!important;padding-right:0!important}.story-c3-category-section-head,.story-c3-category-latest-head{grid-template-columns:1fr;gap:10px;margin-bottom:40px}.story-c3-category-section-head h2,.story-c3-category-latest-head h2{font-size:clamp(42px,12vw,64px)}
  .story-c3-category-feature-grid{display:block;margin-bottom:90px}.story-c3-category-feature{margin:0 0 58px!important}.story-c3-category-feature-1 .story-c3-category-feature-image,.story-c3-category-feature-3 .story-c3-category-feature-image{aspect-ratio:4/5}.story-c3-category-feature-2 .story-c3-category-feature-image,.story-c3-category-feature-4 .story-c3-category-feature-image{aspect-ratio:16/11}.story-c3-category-feature-copy h3,.story-c3-category-feature-3 .story-c3-category-feature-copy h3,.story-c3-category-feature-4 .story-c3-category-feature-copy h3{font-size:clamp(30px,9vw,46px)}
  .story-c3-category-latest-grid{grid-template-columns:1fr 1fr;gap:50px 16px}.story-c3-category-latest-card,.story-c3-category-latest-card.is-wide{grid-column:auto}.story-c3-category-latest-card.is-wide{grid-column:1/-1}.story-c3-category-latest-card.is-wide .story-c3-category-latest-image{aspect-ratio:16/10}.story-c3-category-latest-card h3{font-size:clamp(22px,6.8vw,32px)}.story-c3-category-latest-card.is-wide h3{font-size:clamp(32px,9vw,46px)}
}
@media(max-width:420px){
  .story-c3-category-masthead{padding-left:16px;padding-right:16px}.story-c3-category-stage{padding-left:16px;padding-right:16px}.story-c3-category-latest-grid{grid-template-columns:1fr}.story-c3-category-latest-card.is-wide{grid-column:auto}.story-c3-category-latest-image,.story-c3-category-latest-card.is-wide .story-c3-category-latest-image{aspect-ratio:4/3}
}

/* =========================================================
   v0.6.2 — CATEGORY QUERY HARDENING + RELATED STORY ART DIRECTION
   ========================================================= */

/* Related stories: one dominant feature, one portrait counterpoint,
   one horizontal editorial strip. Avoid a generic three-card grid. */
.story-c3-article-related{padding-top:clamp(22px,3vw,44px)}
.story-c3-related-head{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:end;gap:34px;padding:24px 0 40px}
.story-c3-related-head h2{font-size:clamp(50px,6.8vw,104px);line-height:.86;max-width:980px}
.story-c3-related-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(22px,2.5vw,38px);align-items:start;padding-bottom:clamp(20px,3vw,44px)}
.story-c3-related-card{min-width:0;margin:0!important}
.story-c3-related-card-1{grid-column:1/8}
.story-c3-related-card-2{grid-column:9/13;margin-top:clamp(110px,12vw,190px)!important}
.story-c3-related-card-3{grid-column:4/12;margin-top:clamp(54px,7vw,110px)!important;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,3vw,46px);align-items:center;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}
.story-c3-related-image{display:block;position:relative;overflow:hidden;background:#151515;text-decoration:none;aspect-ratio:4/3}
.story-c3-related-card-1 .story-c3-related-image{aspect-ratio:16/10}
.story-c3-related-card-2 .story-c3-related-image{aspect-ratio:3/4}
.story-c3-related-card-3 .story-c3-related-image{aspect-ratio:16/10}
.story-c3-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.story-c3-related-card:hover .story-c3-related-image img{transform:scale(1.015)}
.story-c3-related-image.is-empty{display:grid;place-items:center;background:linear-gradient(135deg,#171717,#0d0d0d)}
.story-c3-related-image.is-empty>span{font:italic 700 clamp(62px,9vw,138px)/.8 var(--story-c3-serif);color:#242424}
.story-c3-related-image b{position:absolute;left:16px;bottom:10px;color:#fff;font:italic 700 clamp(58px,7vw,110px)/.8 var(--story-c3-serif);opacity:.24;font-weight:700}
.story-c3-related-copy{padding-top:18px}
.story-c3-related-card-3 .story-c3-related-copy{padding-top:0}
.story-c3-related-copy .story-c3-kicker{color:#c9a650}
.story-c3-related-card h3{margin:9px 0 12px;font:italic 700 clamp(30px,3.2vw,54px)/.94 var(--story-c3-serif);letter-spacing:-.035em}
.story-c3-related-card-1 h3{font-size:clamp(42px,5vw,76px);max-width:860px}
.story-c3-related-card-2 h3{font-size:clamp(28px,3vw,46px)}
.story-c3-related-card-3 h3{font-size:clamp(34px,4vw,60px)}
.story-c3-related-card h3 a{color:#fff;text-decoration:none}
.story-c3-related-card small{display:block;color:#666;font:500 9px/1.2 var(--story-c3-body);letter-spacing:.13em;text-transform:uppercase;margin-top:12px}
.story-c3-related-read{display:inline-block;margin-top:20px;color:#d4af37;text-decoration:none;font:600 10px/1 var(--story-c3-body);letter-spacing:.15em;text-transform:uppercase}

@media(max-width:980px){
  .story-c3-related-head{grid-template-columns:1fr;gap:10px}
  .story-c3-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 18px}
  .story-c3-related-card-1{grid-column:1/-1}
  .story-c3-related-card-2{grid-column:auto;margin-top:0!important}
  .story-c3-related-card-3{grid-column:auto;margin-top:0!important;display:block;padding-top:0;border-top:0}
  .story-c3-related-card-1 .story-c3-related-image{aspect-ratio:16/10}
  .story-c3-related-card-2 .story-c3-related-image,.story-c3-related-card-3 .story-c3-related-image{aspect-ratio:4/5}
}
@media(max-width:620px){
  .story-c3-related-head h2{font-size:clamp(48px,14vw,68px)}
  .story-c3-related-grid{grid-template-columns:1fr;gap:58px}
  .story-c3-related-card-1,.story-c3-related-card-2,.story-c3-related-card-3{grid-column:auto;margin:0!important;display:block}
  .story-c3-related-card-1 .story-c3-related-image,.story-c3-related-card-2 .story-c3-related-image,.story-c3-related-card-3 .story-c3-related-image{aspect-ratio:4/3}
  .story-c3-related-card h3,.story-c3-related-card-1 h3,.story-c3-related-card-2 h3,.story-c3-related-card-3 h3{font-size:clamp(30px,9vw,42px)}
}

/* v0.6.3 — signature category scroll edit. One intentional scroll-driven moment,
   inspired by fashion-editorial pacing without reproducing any reference layout. */
@media (min-width: 900px){
.story-c3-category-scroll-edit{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:clamp(48px,7vw,120px);align-items:start;margin-bottom:clamp(110px,13vw,200px)}
.story-c3-category-scroll-visual{position:sticky;top:clamp(80px,10vh,130px);height:min(72vh,820px);min-height:560px;background:#e6ded0;overflow:hidden}
.story-c3-category-scroll-frame{position:absolute;inset:0;opacity:0;transform:scale(.985);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.story-c3-category-scroll-frame.is-active{opacity:1;transform:scale(1);z-index:2}
.story-c3-category-scroll-frame img{width:100%;height:100%;object-fit:cover;display:block}
.story-c3-category-scroll-frame>span{display:grid;place-items:center;width:100%;height:100%;font:italic 700 clamp(100px,14vw,210px)/1 var(--story-c3-serif);color:#c7bcaa}
.story-c3-category-scroll-stories{min-width:0}
.story-c3-category-scroll-story{position:relative;min-height:72vh;display:flex;align-items:center;padding:clamp(58px,8vh,110px) 0;border-top:1px solid #cfc5b4;opacity:.38;transition:opacity .35s ease}
.story-c3-category-scroll-story:last-child{border-bottom:1px solid #cfc5b4}
.story-c3-category-scroll-story.is-active{opacity:1}
.story-c3-category-scroll-number{position:absolute;top:24px;right:0;font:italic 700 clamp(64px,7vw,110px)/.8 var(--story-c3-serif);letter-spacing:-.06em;color:#d7cebf}
.story-c3-category-scroll-copy{position:relative;z-index:1;max-width:620px}
.story-c3-category-scroll-copy h3{margin:13px 0 0;font:italic 700 clamp(42px,5vw,78px)/.9 var(--story-c3-serif);letter-spacing:-.05em}
.story-c3-category-scroll-copy h3 a{color:#111;text-decoration:none}
.story-c3-category-scroll-copy p{max-width:500px;margin:22px 0 0;color:#625d56;font:400 14px/1.65 var(--story-c3-body)}
.story-c3-category-scroll-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:28px;padding-top:15px;border-top:1px solid #d5ccbe}
.story-c3-category-scroll-meta small{color:#918a80;font:500 9px/1.2 var(--story-c3-body);letter-spacing:.13em;text-transform:uppercase}
.story-c3-category-scroll-meta a{color:#8f6b1c;text-decoration:none;font:600 9px/1 var(--story-c3-body);letter-spacing:.15em;text-transform:uppercase}
.story-c3-category-scroll-mobile-image{display:none}
}
@media (max-width:899px){
.story-c3-category-scroll-visual{display:none}
.story-c3-category-scroll-edit{margin-bottom:90px}
.story-c3-category-scroll-story{position:relative;margin-bottom:68px;padding-top:20px;border-top:1px solid #cfc5b4}
.story-c3-category-scroll-number{display:block;margin-bottom:18px;color:#c6bcac;font:italic 700 54px/.85 var(--story-c3-serif);letter-spacing:-.05em}
.story-c3-category-scroll-mobile-image{display:block;overflow:hidden;background:#e7dfd2;margin-bottom:24px;aspect-ratio:4/5}
.story-c3-category-scroll-story:nth-child(even) .story-c3-category-scroll-mobile-image{aspect-ratio:16/11}
.story-c3-category-scroll-mobile-image img{width:100%;height:100%;object-fit:cover;display:block}
.story-c3-category-scroll-mobile-image>span{display:grid;place-items:center;height:100%;font:italic 700 70px/1 var(--story-c3-serif);color:#c7bcaa}
.story-c3-category-scroll-copy h3{margin:10px 0 0;font:italic 700 clamp(34px,10vw,50px)/.92 var(--story-c3-serif);letter-spacing:-.04em}
.story-c3-category-scroll-copy h3 a{color:#111;text-decoration:none}
.story-c3-category-scroll-copy p{margin:18px 0 0;color:#625d56;font:400 14px/1.6 var(--story-c3-body)}
.story-c3-category-scroll-meta{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:20px;padding-top:14px;border-top:1px solid #d5ccbe}
.story-c3-category-scroll-meta small,.story-c3-category-scroll-meta a{font:600 9px/1.2 var(--story-c3-body);letter-spacing:.12em;text-transform:uppercase}.story-c3-category-scroll-meta small{color:#918a80}.story-c3-category-scroll-meta a{color:#8f6b1c;text-decoration:none}
}
@media (prefers-reduced-motion:reduce){.story-c3-category-scroll-frame,.story-c3-category-scroll-story{transition:none!important}}


/* =========================================================
   v0.6.4 — SELECTED STORIES EDITORIAL RHYTHM
   Keep one signature scroll moment, but make it concise and controlled.
   Three stories only; no endless image feed. Desktop uses a compact sticky
   visual stage. Tablet/mobile becomes a designed editorial grid, not giant
   sequential imagery. Source-image borders/artwork are never modified.
   ========================================================= */
@media (min-width: 1000px){
  .story-c3-category-scroll-edit{
    grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);
    gap:clamp(42px,5vw,84px);
    margin-bottom:clamp(86px,9vw,140px);
  }
  .story-c3-category-scroll-visual{
    top:clamp(76px,9vh,116px);
    height:min(60vh,690px);
    min-height:500px;
    background:#e9e1d5;
  }
  .story-c3-category-scroll-frame img{object-fit:cover}
  .story-c3-category-scroll-story{
    min-height:56vh;
    padding:clamp(46px,6vh,78px) 0;
  }
  .story-c3-category-scroll-number{
    top:18px;
    font-size:clamp(54px,5.8vw,88px);
  }
  .story-c3-category-scroll-copy{max-width:540px}
  .story-c3-category-scroll-copy h3{
    font-size:clamp(38px,4.1vw,66px);
    line-height:.92;
  }
  .story-c3-category-scroll-copy p{max-width:450px}
}

/* Medium screens: preserve editorial hierarchy without sticky behavior.
   Two-up rhythm gives visual tension while preventing the giant-image feed
   seen in the v0.6.3 full-page capture. */
@media (min-width:700px) and (max-width:999px){
  .story-c3-category-scroll-visual{display:none!important}
  .story-c3-category-scroll-edit{display:block;margin-bottom:82px}
  .story-c3-category-scroll-stories{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:64px 28px;
    align-items:start;
  }
  .story-c3-category-scroll-story{
    min-height:0!important;
    display:block!important;
    margin:0!important;
    padding:18px 0 0!important;
    opacity:1!important;
    border-top:1px solid #cfc5b4;
  }
  .story-c3-category-scroll-story:nth-child(3){
    grid-column:1/-1;
    display:grid!important;
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:28px;
    align-items:center;
  }
  .story-c3-category-scroll-number{
    position:static!important;
    display:block;
    margin:0 0 14px;
    font:italic 700 44px/.85 var(--story-c3-serif);
    color:#c6bcac;
  }
  .story-c3-category-scroll-mobile-image{
    display:block!important;
    margin:0 0 20px!important;
    aspect-ratio:4/3!important;
    max-height:430px;
    overflow:hidden;
    background:#e7dfd2;
  }
  .story-c3-category-scroll-story:nth-child(2) .story-c3-category-scroll-mobile-image{aspect-ratio:3/4!important}
  .story-c3-category-scroll-story:nth-child(3) .story-c3-category-scroll-mobile-image{margin:0!important;aspect-ratio:16/10!important}
  .story-c3-category-scroll-mobile-image img{width:100%;height:100%;object-fit:cover}
  .story-c3-category-scroll-story:nth-child(3) .story-c3-category-scroll-copy h3{font-size:clamp(36px,5vw,52px)}
  .story-c3-category-scroll-copy h3{font-size:clamp(30px,4.3vw,42px);line-height:.94}
}

@media (max-width:699px){
  .story-c3-category-scroll-edit{margin-bottom:72px}
  .story-c3-category-scroll-story{
    min-height:0!important;
    margin-bottom:54px!important;
    padding-top:16px!important;
    opacity:1!important;
  }
  .story-c3-category-scroll-mobile-image{
    aspect-ratio:4/3!important;
    max-height:68vh;
    margin-bottom:20px!important;
  }
  .story-c3-category-scroll-story:nth-child(2) .story-c3-category-scroll-mobile-image{aspect-ratio:4/5!important;max-height:72vh}
  .story-c3-category-scroll-story:nth-child(3) .story-c3-category-scroll-mobile-image{aspect-ratio:16/10!important;max-height:60vh}
  .story-c3-category-scroll-number{font-size:46px!important;margin-bottom:12px!important}
  .story-c3-category-scroll-copy h3{font-size:clamp(32px,9vw,46px)!important}
  .story-c3-category-scroll-copy p{font-size:13px!important;line-height:1.6}
}


/* =========================================================
   v0.6.5 — CATEGORY STICKY STAGE FIX
   The global .story-c3-shell uses overflow:hidden for homepage art direction.
   That makes the shell the containing scroll box and prevents position:sticky
   from following the viewport on category archives. Keep homepage behavior, but
   explicitly release overflow for category pages so the Selected Stories visual
   remains visible while story 02/03 become active. Horizontal clipping stays on
   the category body instead, avoiding sideways page overflow.
   ========================================================= */
body.story-c3-category-body{overflow-x:clip}
.story-c3-category-shell{overflow:visible!important}
@supports not (overflow:clip){body.story-c3-category-body{overflow-x:hidden}}

/* =========================================================
   v0.6.6 — ARTICLE LEGACY COMMERCE NORMALISATION
   Old multi-product SHOP HERE grids become a deliberate Story
   commerce edit instead of a tiny legacy 3-column island.
   ========================================================= */
@media (min-width:981px){
  .story-c3-article-content.story-c3-art-directed>.story-c3-legacy-shop-grid{
    grid-column:2/12!important;
    width:100%!important;
    max-width:none!important;
    margin:clamp(42px,5vw,78px) 0 clamp(56px,6vw,92px)!important;
  }
}
.story-c3-article-content .story-c3-legacy-shop-grid{
  position:relative!important;
  float:none!important;
  clear:both!important;
  overflow:visible!important;
  padding:clamp(26px,3.2vw,46px) 0!important;
  border-top:1px solid #cfc6b5!important;
  border-bottom:1px solid #cfc6b5!important;
  background:transparent!important;
  color:#151515!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid:before{
  content:"The Edit";
  display:block;
  margin:0 0 clamp(24px,3vw,42px);
  color:#9a741f;
  font:600 10px/1 var(--story-c3-body);
  letter-spacing:.22em;
  text-transform:uppercase;
}
.story-c3-article-content .story-c3-legacy-shop-grid,
.story-c3-article-content .story-c3-legacy-shop-grid *{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  box-sizing:border-box;
}
.story-c3-article-content .story-c3-legacy-shop-grid table{
  width:100%!important;
  max-width:none!important;
  table-layout:fixed!important;
  border-collapse:separate!important;
  border-spacing:clamp(14px,2vw,28px) clamp(24px,3vw,40px)!important;
  margin:0!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid tbody,
.story-c3-article-content .story-c3-legacy-shop-grid tr{
  width:100%!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid td,
.story-c3-article-content .story-c3-legacy-shop-grid th{
  position:static!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  padding:0!important;
  vertical-align:top!important;
  background:transparent!important;
  border:0!important;
  text-align:left!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:420px!important;
  object-fit:contain!important;
  margin:0 auto 16px!important;
  background:#f8f5ee;
}
.story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  width:auto!important;
  max-width:100%!important;
  margin:8px 0 0!important;
  padding:11px 16px!important;
  border:1px solid #9a741f!important;
  background:transparent!important;
  color:#171717!important;
  font:600 10px/1 var(--story-c3-body)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:normal!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-link:hover{background:#111!important;color:#fff!important;border-color:#111!important}
@media (max-width:980px){
  .story-c3-article-content .story-c3-legacy-shop-grid{width:100%!important;margin:42px 0 56px!important;padding:28px 0!important}
  .story-c3-article-content .story-c3-legacy-shop-grid table{table-layout:auto!important;border-spacing:12px 22px!important}
  .story-c3-article-content .story-c3-legacy-shop-grid img{max-height:320px!important}
}
@media (max-width:640px){
  .story-c3-article-content .story-c3-legacy-shop-grid table,
  .story-c3-article-content .story-c3-legacy-shop-grid tbody,
  .story-c3-article-content .story-c3-legacy-shop-grid tr,
  .story-c3-article-content .story-c3-legacy-shop-grid td,
  .story-c3-article-content .story-c3-legacy-shop-grid th{display:block!important;width:100%!important}
  .story-c3-article-content .story-c3-legacy-shop-grid td,
  .story-c3-article-content .story-c3-legacy-shop-grid th{margin:0 0 30px!important}
  .story-c3-article-content .story-c3-legacy-shop-grid img{width:min(100%,420px)!important;max-height:none!important}
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-link{min-height:44px!important}
}


/* =========================================================
   v0.6.7 — CATEGORY VIEWPORT STICKY + ARTICLE EDIT WIDTH
   1) Category: .story-c3-category-main inherited overflow:hidden, which still
      created a containing block that prevented the Selected Stories visual from
      staying in the viewport even after the shell overflow fix. Release overflow
      on the category-only main/stage chain so the image remains sticky through
      stories 01 → 02 → 03 while JS swaps the active frame.
   2) Article: legacy multi-product edits now occupy a centred editorial canvas
      instead of inheriting narrow legacy wrapper widths on the left.
   ========================================================= */
body.story-c3-category-body .story-c3-category-main,
body.story-c3-category-body .story-c3-category-stage,
body.story-c3-category-body .story-c3-category-stage > .story-c3-max{
  overflow:visible!important;
}

@media (min-width:1000px){
  body.story-c3-category-body .story-c3-category-scroll-edit{
    align-items:stretch;
  }
  body.story-c3-category-body .story-c3-category-scroll-visual{
    position:sticky!important;
    top:clamp(72px,8vh,110px)!important;
    align-self:start;
    height:min(68vh,760px)!important;
    min-height:540px!important;
    z-index:3;
  }
  body.story-c3-category-body .story-c3-category-scroll-stories{
    position:relative;
    z-index:1;
  }
  body.story-c3-category-body .story-c3-category-scroll-story{
    min-height:68vh;
  }
}

@media (min-width:981px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-legacy-shop-grid{
    grid-column:1/-1!important;
    justify-self:center!important;
    width:min(100%,1120px)!important;
    max-width:1120px!important;
    margin:clamp(54px,6vw,92px) auto clamp(68px,7vw,110px)!important;
    padding-left:clamp(18px,2vw,32px)!important;
    padding-right:clamp(18px,2vw,32px)!important;
  }
}
.story-c3-article-content .story-c3-legacy-shop-grid > *,
.story-c3-article-content .story-c3-legacy-shop-grid :is(.wpb_wrapper,.vc_row,.vc_column_container,.vc_column-inner,.wp-block-columns,.wp-block-column,table,tbody){
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid:before{
  width:100%;
  max-width:1120px;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media (max-width:980px){
  .story-c3-article-content .story-c3-legacy-shop-grid{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* =========================================================
   v0.6.8 — ARTICLE THE EDIT INNER-WIDTH RELEASE
   v0.6.7 correctly widened the outer Story commerce canvas, but some
   legacy article markup keeps the actual shop matrix inside a fixed-width
   inner wrapper. JS now marks the common layout root/ancestry so only the
   commerce module is released from those old widths and centred properly.
   ========================================================= */
@media (min-width:981px){
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-width-release,
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    float:none!important;
  }
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root{
    display:block!important;
  }
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root > table,
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root table{
    width:100%!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  /* Common legacy builders sometimes put percentage/fixed widths on the
     immediate matrix wrapper rather than on WPBakery classes. Release only
     direct structural wrappers that actually contain shop CTAs. */
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root > div:has(.story-c3-shop-link),
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root > section:has(.story-c3-shop-link){
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    float:none!important;
  }
}
@media (max-width:980px){
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-width-release,
  .story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    float:none!important;
  }
}

/* =========================================================
   v0.6.9 — THE EDIT ESCAPES NARROW ARTICLE READING SPINE
   The protected legacy commerce module may itself be nested inside a narrow
   WPBakery/article column. Width:100% therefore only filled that narrow parent.
   Give the module its own viewport-aware editorial canvas and centre it from
   its actual DOM position; the existing table/grid rules then fill that canvas.
   ========================================================= */
.story-c3-article-content .story-c3-legacy-shop-grid{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%)!important;
  width:min(calc(100vw - 48px),1120px)!important;
  max-width:1120px!important;
  margin-left:0!important;
  margin-right:0!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid > *,
.story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-width-release,
.story-c3-article-content .story-c3-legacy-shop-grid .story-c3-shop-layout-root{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
}
@media (max-width:980px){
  .story-c3-article-content .story-c3-legacy-shop-grid{
    width:calc(100vw - 32px)!important;
    max-width:760px!important;
  }
}
@media (max-width:640px){
  .story-c3-article-content .story-c3-legacy-shop-grid{
    width:calc(100vw - 28px)!important;
    max-width:none!important;
  }
}


/* =========================================================
   v0.6.11 — THE EDIT RENDERER CSS SERIALISATION FIX
   v0.6.10 correctly rebuilt the legacy shop matrix in JavaScript, but the
   corresponding stylesheet was accidentally appended with escaped newline
   escape sequences. Browsers therefore never received the grid/hide rules.
   The legacy source stayed visible and the rebuilt cards fell back to an
   unstyled vertical column. This block restores real CSS and keeps The Edit
   as one centred, Story-owned editorial commerce canvas.
   ========================================================= */
.story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt{
  grid-column:1/-1!important;
  justify-self:center!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:min(1120px,calc(100vw - 64px))!important;
  max-width:1120px!important;
  margin:clamp(54px,6vw,92px) auto clamp(68px,7vw,110px)!important;
  padding:clamp(28px,3.2vw,46px) 0!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt > .story-c3-edit-legacy-source{
  display:none!important;
}
.story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt > .story-c3-edit-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(46px,5vw,76px) clamp(22px,2.7vw,38px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  align-items:start!important;
}
.story-c3-edit-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  position:relative;
}
.story-c3-edit-media{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  min-height:clamp(250px,25vw,340px);
  padding:clamp(12px,1.5vw,20px);
  background:#f7f3ea;
  overflow:hidden;
  text-decoration:none!important;
}
.story-c3-article-content .story-c3-edit-media img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:clamp(230px,23vw,310px)!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
  background:transparent!important;
}
.story-c3-article-content .story-c3-edit-card .story-c3-edit-cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  width:auto!important;
  min-width:112px;
  min-height:44px!important;
  margin:16px 0 0!important;
  padding:0 16px!important;
  border:1px solid #9a741f!important;
  color:#151515!important;
  background:transparent!important;
  font:600 10px/1 var(--story-c3-body)!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
@media (min-width:981px){
  .story-c3-edit-card:nth-child(3n+2){margin-top:clamp(28px,3vw,48px)}
}
@media (max-width:980px){
  .story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt{
    width:min(760px,calc(100vw - 40px))!important;
    margin:42px auto 64px!important;
  }
  .story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt > .story-c3-edit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:38px 20px!important;
  }
  .story-c3-edit-media{min-height:240px}
  .story-c3-article-content .story-c3-edit-media img{height:220px!important}
}
@media (max-width:640px){
  .story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt{
    width:calc(100vw - 28px)!important;
    margin:34px auto 52px!important;
  }
  .story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt > .story-c3-edit-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .story-c3-edit-media{min-height:0;padding:14px}
  .story-c3-article-content .story-c3-edit-media img{height:auto!important;max-height:380px!important}
}

/* =========================================================
   v0.6.12 — THE EDIT TRUE ARTICLE-CANVAS BREAKOUT
   The renderer is correct, but the rebuilt edit was still visually behaving
   like a narrow reading-column child. The Edit is a direct child of the
   art-directed article grid, so make that contract explicit: span the entire
   12-column editorial canvas and use an asymmetric magazine wall rather than
   nine equally weak product cells.
   ========================================================= */
@media (min-width:981px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-legacy-shop-grid.story-c3-edit-rebuilt{
    grid-column:1 / 13!important;
    justify-self:stretch!important;
    align-self:start!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:clamp(58px,6vw,96px) 0 clamp(72px,7vw,116px)!important;
    padding:clamp(30px,3vw,44px) 0!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-legacy-shop-grid.story-c3-edit-rebuilt > .story-c3-edit-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:clamp(34px,4.5vw,68px) clamp(18px,1.8vw,28px)!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  .story-c3-edit-grid > .story-c3-edit-card{grid-column:span 4;margin-top:0!important}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(4){grid-column:1 / 7}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(5){grid-column:7 / 10;margin-top:clamp(38px,4vw,64px)!important}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(6){grid-column:10 / 13}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(7){grid-column:1 / 4}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(8){grid-column:4 / 8;margin-top:clamp(28px,3vw,48px)!important}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(9){grid-column:8 / 13}
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(n+10){grid-column:span 4}
  .story-c3-edit-media{
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    padding:clamp(16px,1.6vw,24px)!important;
  }
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(4) .story-c3-edit-media,
  .story-c3-edit-grid > .story-c3-edit-card:nth-child(9) .story-c3-edit-media{aspect-ratio:4 / 3!important}
  .story-c3-article-content .story-c3-edit-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .story-c3-article-content .story-c3-edit-card .story-c3-edit-cta{
    margin-top:14px!important;
  }
}
@media (min-width:641px) and (max-width:980px){
  .story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt{
    width:100%!important;
    max-width:none!important;
  }
  .story-c3-article-content .story-c3-legacy-shop-grid.story-c3-edit-rebuilt > .story-c3-edit-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:34px 20px!important;
  }
}


/* =========================================================
   v0.6.13 — THE EDIT CANONICAL PORTAL
   Root-cause fix: legacy commerce markup is no longer asked to become the
   presentation surface. The source block is consumed only as data; a clean
   Story-owned section is rendered outside .story-c3-article-stage, so article
   rail/content grid widths, WPBakery wrappers, table widths and legacy floats
   cannot constrain it.
   ========================================================= */
.story-c3-article-content .story-c3-edit-source-consumed{
  display:none!important;
}
.story-c3-edit-portal{
  width:100%;
  max-width:none;
  margin:0;
  padding:clamp(70px,8vw,130px) clamp(24px,6vw,96px) clamp(82px,9vw,145px);
  background:#f3efe6;
  color:#111;
  box-sizing:border-box;
  overflow:clip;
}
.story-c3-edit-portal-inner{
  width:min(1280px,100%);
  margin:0 auto;
  border-top:1px solid #cfc6b5;
  padding-top:clamp(20px,2vw,30px);
}
.story-c3-edit-portal-eyebrow{
  margin:0 0 clamp(34px,4vw,60px);
  color:#9a741f;
  font:600 10px/1 var(--story-c3-body);
  letter-spacing:.22em;
  text-transform:uppercase;
}
.story-c3-edit-portal .story-c3-edit-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:clamp(42px,5vw,76px) clamp(18px,2vw,30px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  align-items:start!important;
}
.story-c3-edit-portal .story-c3-edit-card{
  grid-column:span 4;
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0!important;
}
.story-c3-edit-portal .story-c3-edit-card:nth-child(4){grid-column:1/7}
.story-c3-edit-portal .story-c3-edit-card:nth-child(5){grid-column:7/10;margin-top:clamp(34px,4vw,62px)!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(6){grid-column:10/13}
.story-c3-edit-portal .story-c3-edit-card:nth-child(7){grid-column:1/4}
.story-c3-edit-portal .story-c3-edit-card:nth-child(8){grid-column:4/8;margin-top:clamp(28px,3vw,48px)!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(9){grid-column:8/13}
.story-c3-edit-portal .story-c3-edit-card:nth-child(n+10){grid-column:span 4}
.story-c3-edit-portal .story-c3-edit-media{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1/1;
  padding:clamp(14px,1.6vw,22px)!important;
  background:#f8f5ee;
  overflow:hidden;
  box-sizing:border-box;
  text-decoration:none!important;
}
.story-c3-edit-portal .story-c3-edit-card:nth-child(4) .story-c3-edit-media,
.story-c3-edit-portal .story-c3-edit-card:nth-child(9) .story-c3-edit-media{aspect-ratio:4/3}
.story-c3-edit-portal .story-c3-edit-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  margin:0!important;
}
.story-c3-edit-portal .story-c3-edit-cta{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  width:auto!important;
  min-width:112px;
  min-height:44px!important;
  margin:14px 0 0!important;
  padding:0 16px!important;
  border:1px solid #9a741f!important;
  color:#151515!important;
  background:transparent!important;
  font:600 10px/1 var(--story-c3-body)!important;
  letter-spacing:.11em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
}
@media (max-width:980px){
  .story-c3-edit-portal{padding:58px 24px 82px}
  .story-c3-edit-portal .story-c3-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 20px!important}
  .story-c3-edit-portal .story-c3-edit-card,
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n){grid-column:auto!important;margin-top:0!important}
}
@media (max-width:640px){
  .story-c3-edit-portal{padding:48px 18px 68px}
  .story-c3-edit-portal .story-c3-edit-grid{grid-template-columns:1fr!important;gap:32px!important}
  .story-c3-edit-portal .story-c3-edit-media{aspect-ratio:auto!important;min-height:0!important}
  .story-c3-edit-portal .story-c3-edit-media img{height:auto!important;max-height:460px!important}
}


/* =========================================================
   v0.6.14 — THE EDIT VIEWPORT BREAKOUT (valid CSS)
   ========================================================= */
@media (min-width:981px){
  .story-c3-edit-portal{
    position:relative!important;
    left:50%!important;
    width:100vw!important;
    max-width:100vw!important;
    margin-left:-50vw!important;
    margin-right:-50vw!important;
    box-sizing:border-box!important;
  }
  .story-c3-edit-portal-inner{
    width:min(1280px,calc(100vw - 96px))!important;
    max-width:1280px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* =========================================================
   v0.6.15 — THE EDIT SINGLE-SOURCE CONTRACT
   The canonical portal is the only visible presentation. Legacy source blocks
   are consumed as data and hidden both here and inline by the runtime.
   ========================================================= */
.story-c3-article-content .story-c3-edit-source-consumed,
.story-c3-edit-source-consumed{
  display:none!important;
  visibility:hidden!important;
}

/* v0.6.17 — article contributor sign-off belongs after The Edit */
.story-c3-article-closing{
  width:min(1280px,calc(100% - 64px));
  margin:0 auto;
  padding:0 0 clamp(64px,7vw,110px);
  color:#111;
}
.story-c3-article-closing > *{
  width:min(680px,100%);
  margin-left:auto!important;
  margin-right:auto!important;
}
.story-c3-article-closing p{font-size:clamp(17px,1.25vw,21px);line-height:1.55}
.story-c3-article-closing strong{font-family:var(--story-serif,Georgia,serif);font-size:clamp(24px,2.2vw,36px);font-style:italic}
.story-c3-article-closing a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
@media(max-width:767px){.story-c3-article-closing{width:calc(100% - 36px);padding-bottom:56px}}


/* =========================================================
   v0.6.17 — ARTICLE CLOSING LEGIBILITY CONTRACT
   Contributor/social closing copy must remain readable regardless of inherited
   theme/footer colours. Give it its own cream closing stage and explicitly
   reset descendant text/link colours.
   ========================================================= */
.story-c3-article-closing{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(54px,6vw,90px) max(24px,calc((100vw - 1280px)/2)) clamp(64px,7vw,110px)!important;
  background:#f3eee3!important;
  color:#111!important;
  box-sizing:border-box!important;
  position:relative;
  z-index:2;
}
.story-c3-article-closing > *{
  width:min(680px,100%)!important;
  max-width:680px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  color:#111!important;
}
.story-c3-article-closing p,
.story-c3-article-closing span,
.story-c3-article-closing em,
.story-c3-article-closing strong,
.story-c3-article-closing b{color:#111!important;}
.story-c3-article-closing a{
  color:#8f6b12!important;
  text-decoration-color:#b8922d!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
.story-c3-article-closing strong{
  font-family:var(--story-serif,Georgia,serif)!important;
  font-size:clamp(24px,2.2vw,36px)!important;
  font-style:italic!important;
}
.story-c3-article-closing p{font-size:clamp(17px,1.25vw,21px)!important;line-height:1.55!important;}
.story-c3-article-closing + .story-c3-article-end{margin-top:0!important;}
@media(max-width:767px){
  .story-c3-article-closing{padding:42px 20px 56px!important;}
}

/* =========================================================
   v0.6.24 — GAINLAB-INFORMED RESPONSIVE RELATED TICKER
   Gaintab delegates marquee behavior to Wolf Core and keeps the theme shell
   responsive. STORY uses an independent implementation with the same core
   principles: full-bleed isolation, non-wrapping duplicated tracks, measured
   travel distance, responsive type/row height, and no layout coupling.
   ========================================================= */
.story-c3-article-content.story-c3-has-inline-ticker,
.story-c3-article-stage.story-c3-has-inline-ticker,
.story-c3-article-main.story-c3-has-inline-ticker{
  overflow:visible!important;
  contain:none!important;
}
.story-c3-inline-related-ticker{
  --story-ticker-gap:clamp(4px,.45vw,8px);
  display:block!important;
  position:relative!important;
  grid-column:1/-1!important;
  inline-size:100dvw!important;
  width:100dvw!important;
  min-width:100dvw!important;
  max-width:none!important;
  margin-block:clamp(34px,4vw,64px)!important;
  margin-inline:calc(50% - 50dvw)!important;
  padding:clamp(5px,.55vw,9px) 0!important;
  overflow:hidden!important;
  overflow-x:clip!important;
  background:transparent!important;
  border:0!important;
  box-sizing:border-box!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  contain:none!important;
  isolation:isolate!important;
}
.story-c3-inline-related-ticker,
.story-c3-inline-related-ticker *{
  box-sizing:border-box!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  max-inline-size:none!important;
}
.story-c3-inline-related-ticker-link{
  display:block!important;
  width:100%!important;
  color:inherit!important;
  text-decoration:none!important;
  background:transparent!important;
}
.story-c3-related-band{
  --story-band-angle:-.24deg;
  display:block!important;
  position:relative!important;
  width:calc(100% + 28px)!important;
  min-width:calc(100% + 28px)!important;
  max-width:none!important;
  margin-left:-14px!important;
  height:clamp(44px,4.6vw,68px)!important;
  overflow:hidden!important;
  background:#0b0b0b!important;
  color:#f7f2e7!important;
  transform:rotate(var(--story-band-angle))!important;
  transform-origin:center!important;
  white-space:nowrap!important;
}
.story-c3-related-band + .story-c3-related-band{margin-top:var(--story-ticker-gap)!important}
.story-c3-related-band--secondary{
  --story-band-angle:.18deg;
  height:clamp(28px,3.1vw,42px)!important;
}
.story-c3-related-band--tertiary{--story-band-angle:-.16deg}
.story-c3-related-band-track{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  white-space:nowrap!important;
  transform:translate3d(0,0,0);
  will-change:transform;
  backface-visibility:hidden;
}
.story-c3-related-band-group{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  white-space:nowrap!important;
}
.story-c3-related-band-text{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  padding-inline:clamp(14px,1.35vw,24px)!important;
  white-space:nowrap!important;
  color:#f7f2e7!important;
  background:transparent!important;
  font-family:var(--story-c3-serif,Georgia,serif)!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:clamp(25px,3.05vw,49px)!important;
  line-height:.92!important;
  letter-spacing:-.04em!important;
  text-transform:none!important;
}
.story-c3-related-band--secondary .story-c3-related-band-text{
  color:#d5ad3a!important;
  font-family:var(--story-c3-body,Arial,sans-serif)!important;
  font-style:normal!important;
  font-weight:700!important;
  font-size:clamp(9px,.9vw,14px)!important;
  line-height:1!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.story-c3-related-band-mark{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  min-width:max-content!important;
  height:100%!important;
  padding-inline:clamp(5px,.45vw,8px)!important;
  white-space:nowrap!important;
  color:#d5ad3a!important;
  font-family:Georgia,serif!important;
  font-size:clamp(10px,.75vw,14px)!important;
  line-height:1!important;
}
.story-c3-related-band--secondary .story-c3-related-band-mark{
  color:rgba(247,242,231,.42)!important;
  font-family:Arial,sans-serif!important;
}
/* Gainlab-style responsive shell: mobile first, then structural steps. */
@media(min-width:600px){
  .story-c3-inline-related-ticker{--story-ticker-gap:6px;margin-block:clamp(40px,4.2vw,64px)!important}
  .story-c3-related-band{height:clamp(50px,5vw,70px)!important}
  .story-c3-related-band--secondary{height:clamp(31px,3.2vw,43px)!important}
}
@media(min-width:1000px){
  .story-c3-inline-related-ticker{--story-ticker-gap:7px}
  .story-c3-related-band{width:calc(100% + 40px)!important;min-width:calc(100% + 40px)!important;margin-left:-20px!important}
}
@media(min-width:1600px){
  .story-c3-related-band-text{font-size:50px!important}
  .story-c3-related-band{height:70px!important}
  .story-c3-related-band--secondary{height:42px!important}
}
@media(max-width:599px){
  .story-c3-inline-related-ticker{margin-block:32px!important;padding:4px 0!important}
  .story-c3-related-band{width:calc(100% + 18px)!important;min-width:calc(100% + 18px)!important;margin-left:-9px!important;height:42px!important}
  .story-c3-related-band--secondary{height:28px!important}
  .story-c3-related-band-text{font-size:23px!important;padding-inline:11px!important}
  .story-c3-related-band--secondary .story-c3-related-band-text{font-size:8px!important;letter-spacing:.12em!important}
}
@media(prefers-reduced-motion:reduce){
  .story-c3-related-band-track{transform:none!important}
  .story-c3-related-band-group[aria-hidden="true"]{display:none!important}
}



/* =========================================================
   v0.6.25 — RELATED TICKER GEOMETRY RESET
   The marquee is a viewport component. WordPress/article-grid rules must not
   participate in sizing its track or text units.
   ========================================================= */
.story-c3-article-content.story-c3-art-directed > .story-c3-inline-related-ticker{
  grid-column:1 / -1!important;
  justify-self:center!important;
  align-self:auto!important;
  position:relative!important;
  left:50%!important;
  right:auto!important;
  width:100vw!important;
  inline-size:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  margin-left:-50vw!important;
  margin-right:-50vw!important;
  transform:none!important;
}
.story-c3-inline-related-ticker .story-c3-related-band{
  position:relative!important;
  display:block!important;
  inline-size:calc(100vw + 40px)!important;
  width:calc(100vw + 40px)!important;
  min-inline-size:calc(100vw + 40px)!important;
  max-inline-size:none!important;
  min-width:calc(100vw + 40px)!important;
  max-width:none!important;
  overflow:hidden!important;
  overflow-x:hidden!important;
  overflow-y:hidden!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
}
.story-c3-inline-related-ticker .story-c3-related-band-track,
.story-c3-inline-related-ticker .story-c3-related-band-group{
  position:relative!important;
  display:inline-flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  inline-size:max-content!important;
  width:max-content!important;
  min-inline-size:max-content!important;
  max-inline-size:none!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.story-c3-inline-related-ticker .story-c3-related-band-text,
.story-c3-inline-related-ticker .story-c3-related-band-mark{
  position:relative!important;
  display:inline-flex!important;
  flex:0 0 auto!important;
  inline-size:max-content!important;
  width:max-content!important;
  min-inline-size:max-content!important;
  max-inline-size:none!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  text-wrap:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
@media(max-width:599px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-inline-related-ticker{
    width:100vw!important;inline-size:100vw!important;min-width:100vw!important;max-width:100vw!important;
  }
  .story-c3-inline-related-ticker .story-c3-related-band{inline-size:calc(100vw + 18px)!important;width:calc(100vw + 18px)!important;min-width:calc(100vw + 18px)!important}
}


/* =========================================================
   v0.6.26 — RELATED TICKER ISOLATION / MOTION FIX
   The Story-owned ticker must never inherit legacy-related compatibility rules.
   Those rules intentionally use transform:none!important and were freezing WAAPI.
   ========================================================= */
.story-c3-article-content .story-c3-inline-related-ticker:not(.story-c3-never) {
  float:none!important;
  clear:both!important;
  position:relative!important;
  inset:auto!important;
  overflow-x:clip!important;
  contain:none!important;
}
.story-c3-article-content .story-c3-inline-related-ticker .story-c3-related-band-track {
  position:relative!important;
  transform:translate3d(0,0,0);
  max-width:none!important;
  max-inline-size:none!important;
}
.story-c3-article-content .story-c3-inline-related-ticker .story-c3-related-band-group,
.story-c3-article-content .story-c3-inline-related-ticker .story-c3-related-band-text,
.story-c3-article-content .story-c3-inline-related-ticker .story-c3-related-band-mark {
  max-width:none!important;
  max-inline-size:none!important;
}
/* Third band is intentionally distinct from the headline band: no duplicate title. */
.story-c3-related-band--tertiary .story-c3-related-band-text {
  font-family:var(--story-c3-body,Arial,sans-serif)!important;
  font-style:normal!important;
  font-weight:700!important;
  font-size:clamp(12px,1.3vw,20px)!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.story-c3-related-band--tertiary .story-c3-related-band-mark {
  font-family:Arial,sans-serif!important;
}
@media(max-width:599px){
  .story-c3-related-band--tertiary .story-c3-related-band-text{font-size:10px!important;letter-spacing:.1em!important}
}


/* =========================================================
   v0.6.27 — DYNAMIC RELATED STORY RIBBONS
   Three real related articles, CSS-native continuous motion, no utility copy.
   ========================================================= */
.story-c3-article-content.story-c3-art-directed > .story-c3-inline-related-ticker{
  grid-column:1 / -1!important;
  position:relative!important;
  left:50%!important;
  width:100vw!important;
  inline-size:100vw!important;
  min-width:100vw!important;
  max-width:100vw!important;
  margin:clamp(34px,4vw,60px) 0!important;
  margin-left:-50vw!important;
  padding:clamp(4px,.45vw,7px) 0!important;
  overflow:hidden!important;
  background:transparent!important;
  transform:none!important;
  contain:none!important;
  isolation:isolate!important;
}
.story-c3-inline-related-ticker .story-c3-related-band{
  position:relative!important;
  display:block!important;
  width:calc(100vw + 32px)!important;
  min-width:calc(100vw + 32px)!important;
  max-width:none!important;
  height:clamp(42px,4.2vw,62px)!important;
  margin-left:-16px!important;
  overflow:hidden!important;
  background:#0b0b0b!important;
  color:#f7f2e7!important;
  white-space:nowrap!important;
  transform:rotate(-.18deg)!important;
}
.story-c3-inline-related-ticker .story-c3-related-band--right{transform:rotate(.14deg)!important}
.story-c3-inline-related-ticker .story-c3-related-band + .story-c3-related-band{margin-top:clamp(4px,.4vw,7px)!important}
.story-c3-inline-related-ticker .story-c3-related-band-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  white-space:nowrap!important;
  will-change:transform!important;
  animation-duration:32s!important;
  animation-timing-function:linear!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
}
.story-c3-inline-related-ticker .story-c3-related-band--left .story-c3-related-band-track{
  animation-name:story-c3-related-marquee-left!important;
}
.story-c3-inline-related-ticker .story-c3-related-band--right .story-c3-related-band-track{
  animation-name:story-c3-related-marquee-right!important;
  animation-duration:37s!important;
}
.story-c3-inline-related-ticker .story-c3-related-band--row-3 .story-c3-related-band-track{animation-duration:29s!important}
.story-c3-inline-related-ticker:hover .story-c3-related-band-track,
.story-c3-inline-related-ticker:focus-within .story-c3-related-band-track{animation-play-state:paused!important}
.story-c3-inline-related-ticker .story-c3-related-band-group{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  white-space:nowrap!important;
}
.story-c3-inline-related-ticker .story-c3-related-band-story{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  padding:0 clamp(18px,1.8vw,30px)!important;
  color:#f7f2e7!important;
  background:transparent!important;
  font-family:var(--story-c3-serif,Georgia,serif)!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:clamp(23px,2.7vw,43px)!important;
  line-height:.94!important;
  letter-spacing:-.035em!important;
  text-decoration:none!important;
  text-transform:none!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.story-c3-inline-related-ticker .story-c3-related-band-story:hover,
.story-c3-inline-related-ticker .story-c3-related-band-story:focus-visible{color:#d5ad3a!important}
.story-c3-inline-related-ticker .story-c3-related-band-mark{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  height:100%!important;
  padding:0 clamp(5px,.55vw,10px)!important;
  color:#d5ad3a!important;
  font:700 clamp(9px,.75vw,13px)/1 Georgia,serif!important;
  white-space:nowrap!important;
}
@keyframes story-c3-related-marquee-left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes story-c3-related-marquee-right{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(max-width:599px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-inline-related-ticker{margin-block:28px!important;padding-block:3px!important}
  .story-c3-inline-related-ticker .story-c3-related-band{height:38px!important;width:calc(100vw + 18px)!important;min-width:calc(100vw + 18px)!important;margin-left:-9px!important}
  .story-c3-inline-related-ticker .story-c3-related-band-story{font-size:21px!important;padding-inline:13px!important}
  .story-c3-inline-related-ticker .story-c3-related-band-track{animation-duration:38s!important}
  .story-c3-inline-related-ticker .story-c3-related-band--right .story-c3-related-band-track{animation-duration:44s!important}
  .story-c3-inline-related-ticker .story-c3-related-band--row-3 .story-c3-related-band-track{animation-duration:35s!important}
}
@media(prefers-reduced-motion:reduce){
  .story-c3-inline-related-ticker .story-c3-related-band-track{animation:none!important;transform:none!important}
}


/* ================================================================
   v0.6.28 — Story related-story marquee using the same jQuery.Marquee
   engine pattern used by Gainlab/Wolf Core. New class namespace avoids
   every legacy compatibility selector and every previous ticker rule.
   ================================================================ */
.story-c3-article-stage,
.story-c3-article-content,
.story-c3-article-main{overflow:visible!important}
.story-c3-article-content.story-c3-art-directed > .story-c3-inline-related-marquee{
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:none!important;
  min-width:100vw!important;
  margin:clamp(64px,8vw,116px) 0!important;
  margin-left:calc(50% - 50vw)!important;
  padding:clamp(4px,.35vw,7px) 0!important;
  overflow:hidden!important;
  clear:both!important;
  contain:layout paint!important;
  isolation:isolate!important;
  z-index:2!important;
}
.story-c3-inline-related-marquee .story-c3-jqm-row{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:clamp(48px,4.7vw,70px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  background:#0b0b0b!important;
  color:#f5f0e5!important;
  border:0!important;
  box-sizing:border-box!important;
  transform-origin:center!important;
}
.story-c3-inline-related-marquee .story-c3-jqm-row--1{transform:rotate(-.45deg)!important}
.story-c3-inline-related-marquee .story-c3-jqm-row--2{transform:rotate(.3deg)!important;margin-top:clamp(5px,.45vw,8px)!important}
.story-c3-inline-related-marquee .story-c3-jqm-row--3{transform:rotate(-.2deg)!important;margin-top:clamp(5px,.45vw,8px)!important}
.story-c3-inline-related-marquee .story-c3-jqm-story,
.story-c3-inline-related-marquee .story-c3-jqm-mark{
  display:inline-block!important;
  float:none!important;
  position:static!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  transform:none!important;
}
.story-c3-inline-related-marquee .story-c3-jqm-story{
  color:#f5f0e5!important;
  text-decoration:none!important;
  border:0!important;
  padding:0 clamp(20px,2vw,36px)!important;
  font-family:'Fraunces',Georgia,serif!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:clamp(28px,3.15vw,50px)!important;
  line-height:clamp(48px,4.7vw,70px)!important;
  letter-spacing:-.035em!important;
}
.story-c3-inline-related-marquee .story-c3-jqm-mark{
  color:#d1aa42!important;
  padding:0 clamp(5px,.7vw,12px)!important;
  font:500 clamp(12px,1.1vw,17px)/1 'DM Sans',sans-serif!important;
}
.story-c3-inline-related-marquee .story-c3-jqm-story:hover,
.story-c3-inline-related-marquee .story-c3-jqm-story:focus-visible{color:#d1aa42!important}
/* jQuery.Marquee creates these wrappers at runtime. Keep them horizontal and
   immune to the old article flow engine. */
.story-c3-inline-related-marquee .js-marquee-wrapper,
.story-c3-inline-related-marquee .js-marquee{
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  white-space:nowrap!important;
  display:block!important;
  float:left!important;
  padding:0!important;
  margin:0!important;
  writing-mode:horizontal-tb!important;
}
.story-c3-inline-related-marquee .js-marquee{margin-right:0!important}
@media(max-width:767px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-inline-related-marquee{margin-block:46px!important;padding-block:3px!important}
  .story-c3-inline-related-marquee .story-c3-jqm-row{height:40px!important}
  .story-c3-inline-related-marquee .story-c3-jqm-story{font-size:22px!important;line-height:40px!important;padding-inline:14px!important}
  .story-c3-inline-related-marquee .story-c3-jqm-mark{font-size:9px!important;padding-inline:4px!important}
  .story-c3-inline-related-marquee .story-c3-jqm-row--1{transform:rotate(-.3deg)!important}
  .story-c3-inline-related-marquee .story-c3-jqm-row--2{transform:rotate(.22deg)!important;margin-top:4px!important}
  .story-c3-inline-related-marquee .story-c3-jqm-row--3{transform:rotate(-.14deg)!important;margin-top:4px!important}
}

/* ================================================================
   v0.6.29 — SELF-CONTAINED KINETIC RELATED RIBBONS
   Full-bleed in normal document flow. Runtime owns transform motion.
   ================================================================ */
.story-c3-article-stage,
.story-c3-article-content,
.story-c3-article-main{overflow:visible!important}
.story-c3-article-content.story-c3-art-directed > .story-c3-related-ribbons-v29{
  grid-column:1/-1!important;
  justify-self:stretch!important;
  align-self:start!important;
  display:block!important;
  position:relative!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  box-sizing:border-box!important;
  margin:clamp(58px,7vw,102px) 0!important;
  margin-left:calc(50% - 50vw)!important;
  padding:clamp(4px,.35vw,7px) 0!important;
  clear:both!important;
  overflow:visible!important;
  z-index:1!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row{
  display:block!important;
  position:relative!important;
  width:100vw!important;
  min-width:100vw!important;
  max-width:none!important;
  height:clamp(48px,4.4vw,66px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:#0a0a0a!important;
  color:#f5f0e5!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  transform-origin:center!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row--1{transform:rotate(-.34deg)!important}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row--2{transform:rotate(.22deg)!important;margin-top:clamp(5px,.45vw,8px)!important}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row--3{transform:rotate(-.14deg)!important;margin-top:clamp(5px,.45vw,8px)!important}
.story-c3-related-ribbons-v29 .story-c3-ribbon-track{
  display:flex!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  will-change:transform!important;
  transform:translate3d(0,0,0)!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-group{
  display:flex!important;
  flex:0 0 auto!important;
  flex-flow:row nowrap!important;
  align-items:center!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-story,
.story-c3-related-ribbons-v29 .story-c3-ribbon-mark{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:max-content!important;
  max-width:none!important;
  height:100%!important;
  margin:0!important;
  white-space:nowrap!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-story{
  color:#f5f0e5!important;
  text-decoration:none!important;
  border:0!important;
  padding:0 clamp(18px,1.8vw,32px)!important;
  font-family:'Fraunces',Georgia,serif!important;
  font-style:italic!important;
  font-weight:700!important;
  font-size:clamp(27px,2.8vw,46px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-story:hover,
.story-c3-related-ribbons-v29 .story-c3-ribbon-story:focus-visible{color:#d1aa42!important}
.story-c3-related-ribbons-v29 .story-c3-ribbon-mark{
  color:#d1aa42!important;
  padding:0 clamp(4px,.55vw,9px)!important;
  font:500 clamp(10px,.9vw,15px)/1 'DM Sans',sans-serif!important;
}
@media(max-width:767px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-related-ribbons-v29{margin-block:40px!important;padding-block:3px!important}
  .story-c3-related-ribbons-v29 .story-c3-ribbon-row{height:36px!important}
  .story-c3-related-ribbons-v29 .story-c3-ribbon-row--2,
  .story-c3-related-ribbons-v29 .story-c3-ribbon-row--3{margin-top:4px!important}
  .story-c3-related-ribbons-v29 .story-c3-ribbon-story{font-size:20px!important;padding-inline:12px!important}
  .story-c3-related-ribbons-v29 .story-c3-ribbon-mark{font-size:8px!important;padding-inline:3px!important}
}
@media(prefers-reduced-motion:reduce){
  /* v0.6.31: motion is slowed in JS instead of disabled, preventing desktop
     OS animation settings from turning the ticker into a static strip. */
  .story-c3-related-ribbons-v29 .story-c3-ribbon-track{will-change:transform!important}
}

/* ================================================================
   v0.6.29 — END-OF-ARTICLE DYNAMIC STORY STREAM
   No generic "continue/read more" chrome: just three editorial stories.
   ================================================================ */
.story-c3-related-stream{
  background:#0b0b0b;
  color:#fff;
  padding:clamp(68px,8vw,118px) max(24px,5vw) clamp(82px,9vw,132px);
  overflow:hidden;
}
.story-c3-related-stream-grid{
  width:min(1500px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:1.2fr .82fr 1fr;
  gap:clamp(16px,2vw,34px);
  align-items:start;
}
.story-c3-related-stream-item{min-width:0}
.story-c3-related-stream-item-2{margin-top:clamp(56px,7vw,118px)}
.story-c3-related-stream-item-3{margin-top:clamp(18px,2.6vw,44px)}
.story-c3-related-stream-link{display:block;color:#fff;text-decoration:none}
.story-c3-related-stream-media{
  display:block;
  position:relative;
  overflow:hidden;
  background:#151515;
  aspect-ratio:5/4;
}
.story-c3-related-stream-item-2 .story-c3-related-stream-media{aspect-ratio:3/4}
.story-c3-related-stream-item-3 .story-c3-related-stream-media{aspect-ratio:4/3}
.story-c3-related-stream-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.story-c3-related-stream-link:hover .story-c3-related-stream-media img{transform:scale(1.025)}
.story-c3-related-stream-media b{
  position:absolute;left:14px;bottom:10px;color:#f2c400;
  font:500 10px/1 'DM Sans',sans-serif;letter-spacing:.16em
}
.story-c3-related-stream-fallback{display:grid;place-items:center;width:100%;height:100%;font:italic 700 clamp(52px,7vw,110px)/1 'Fraunces',serif;opacity:.2}
.story-c3-related-stream-title{
  display:block;
  margin-top:14px;
  max-width:95%;
  font:italic 700 clamp(25px,2.2vw,39px)/.98 'Fraunces',Georgia,serif;
  letter-spacing:-.035em;
  color:#fff;
}
.story-c3-related-stream-link:hover .story-c3-related-stream-title{color:#d1aa42}
@media(max-width:800px){
  .story-c3-related-stream{padding:56px 0 70px}
  .story-c3-related-stream-grid{
    display:flex;
    width:100%;
    overflow-x:auto;
    gap:14px;
    padding:0 20px 12px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    box-sizing:border-box;
  }
  .story-c3-related-stream-grid::-webkit-scrollbar{display:none}
  .story-c3-related-stream-item{flex:0 0 min(82vw,420px);margin-top:0!important;scroll-snap-align:start}
  .story-c3-related-stream-item .story-c3-related-stream-media{aspect-ratio:4/3}
  .story-c3-related-stream-title{font-size:27px}
}


/* ================================================================
   v0.6.31 — DESKTOP TICKER MOTION HARDENING
   - no hover/focus pause
   - reduced-motion becomes slow motion instead of transform:none
   ================================================================ */
.story-c3-related-ribbons-v29{pointer-events:auto!important}
.story-c3-related-ribbons-v29 .story-c3-ribbon-track{animation:none!important}

/* ================================================================
   v0.6.32 — OPEN ARTICLE CANVAS + DESKTOP RIBBON BREATHING ROOM
   - opens the desktop editorial canvas without widening the reading measure
   - lets imagery/headings use more of the page so the article feels less boxed
   - prevents the three kinetic ribbons from looking vertically/horizontally cropped
   ================================================================ */
@media (min-width:1180px){
  .story-c3-article-stage{
    width:min(100%,1740px)!important;
    max-width:1740px!important;
    margin-inline:auto!important;
    grid-template-columns:minmax(132px,176px) minmax(0,1fr)!important;
    gap:clamp(34px,3.2vw,64px)!important;
    padding-left:clamp(28px,3vw,56px)!important;
    padding-right:clamp(28px,3vw,56px)!important;
  }
  .story-c3-article-content.story-c3-art-directed{
    max-width:1480px!important;
    width:100%!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:clamp(18px,1.55vw,30px)!important;
  }
  /* Keep prose comfortably readable while allowing the composition around it to breathe. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-prose-block,
  .story-c3-article-content.story-c3-art-directed > p,
  .story-c3-article-content.story-c3-art-directed > ul,
  .story-c3-article-content.story-c3-art-directed > ol,
  .story-c3-article-content.story-c3-art-directed > table,
  .story-c3-article-content.story-c3-art-directed > .wp-block-table,
  .story-c3-article-content.story-c3-art-directed > pre{
    grid-column:4/10!important;
    max-width:760px!important;
    width:100%!important;
    justify-self:center!important;
  }
  .story-c3-article-content.story-c3-art-directed > h2{
    grid-column:1/11!important;
    max-width:1180px!important;
  }
  .story-c3-article-content.story-c3-art-directed > h3{
    grid-column:2/10!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-wide{
    grid-column:1/13!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-left{
    grid-column:1/7!important;
    margin-right:clamp(18px,2vw,38px)!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-right{
    grid-column:7/13!important;
    margin-left:clamp(18px,2vw,38px)!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-portrait.story-c3-media-wide{
    grid-column:3/10!important;
  }
  .story-c3-article-rail{
    max-width:176px!important;
  }
}

/* The ticker is a deliberate full-bleed interruption. Give rotated rows a little
   overscan so neither the viewport edge nor the row box visually chops the type. */
.story-c3-article{overflow:visible!important}
.story-c3-related-ribbons-v29{
  overflow:visible!important;
  isolation:isolate!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row{
  width:104vw!important;
  min-width:104vw!important;
  margin-left:-2vw!important;
  overflow:hidden!important;
  height:clamp(58px,5vw,76px)!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row--2{
  height:clamp(46px,4vw,60px)!important;
  margin-top:clamp(6px,.5vw,9px)!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row--3{
  margin-top:clamp(6px,.5vw,9px)!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-track,
.story-c3-related-ribbons-v29 .story-c3-ribbon-group{
  min-height:100%!important;
  height:100%!important;
  align-items:center!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-story,
.story-c3-related-ribbons-v29 .story-c3-ribbon-mark{
  height:auto!important;
  min-height:0!important;
  align-self:center!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-story{
  font-size:clamp(28px,2.75vw,48px)!important;
  line-height:.92!important;
  padding-top:.08em!important;
  padding-bottom:.12em!important;
}
.story-c3-related-ribbons-v29 .story-c3-ribbon-row--2 .story-c3-ribbon-story{
  font-size:clamp(22px,2.15vw,36px)!important;
}
@media(max-width:767px){
  .story-c3-related-ribbons-v29 .story-c3-ribbon-row{
    width:calc(100vw + 18px)!important;
    min-width:calc(100vw + 18px)!important;
    margin-left:-9px!important;
    height:38px!important;
  }
  .story-c3-related-ribbons-v29 .story-c3-ribbon-row--2{height:34px!important}
  .story-c3-related-ribbons-v29 .story-c3-ribbon-story{font-size:20px!important;line-height:.95!important}
  .story-c3-related-ribbons-v29 .story-c3-ribbon-row--2 .story-c3-ribbon-story{font-size:17px!important}
}


/* ================================================================
   v0.6.33 — ARTICLE ART DIRECTION V2
   A compositional desktop pass: preserve a readable prose measure,
   but use the editorial canvas with deliberate scale, asymmetry and
   sequencing so long-form stories read as spreads rather than a blog.
   Mobile/tablet retain the proven v0.6.32 flow.
   ================================================================ */
@media (min-width:1180px){
  /* Slightly wider stage; the prose measure remains fixed below. */
  .story-c3-article-stage{
    max-width:1840px!important;
    width:min(100%,1840px)!important;
    grid-template-columns:minmax(118px,158px) minmax(0,1fr)!important;
    gap:clamp(30px,2.8vw,58px)!important;
    padding-inline:clamp(24px,2.4vw,48px)!important;
  }
  .story-c3-article-content.story-c3-art-directed{
    max-width:1580px!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    column-gap:clamp(16px,1.3vw,26px)!important;
    row-gap:0!important;
  }

  /* Reading measure: editorial, not wide-screen prose. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-prose-block,
  .story-c3-article-content.story-c3-art-directed > p,
  .story-c3-article-content.story-c3-art-directed > ul,
  .story-c3-article-content.story-c3-art-directed > ol,
  .story-c3-article-content.story-c3-art-directed > table,
  .story-c3-article-content.story-c3-art-directed > .wp-block-table,
  .story-c3-article-content.story-c3-art-directed > pre{
    grid-column:4/9!important;
    max-width:720px!important;
    justify-self:center!important;
  }

  /* Headings become spread anchors rather than simply sitting above prose. */
  .story-c3-article-content.story-c3-art-directed > h2{
    grid-column:2/10!important;
    max-width:1080px!important;
    font-size:clamp(64px,5.5vw,104px)!important;
    margin-top:1.05em!important;
  }
  .story-c3-article-content.story-c3-art-directed > h3{
    grid-column:3/9!important;
    max-width:820px!important;
    font-size:clamp(42px,3.7vw,66px)!important;
  }

  /* Media sequence: one visual language, multiple repeatable compositions. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-block{
    max-width:none!important;
    margin-top:clamp(44px,5vw,88px)!important;
    margin-bottom:clamp(52px,6vw,104px)!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-block img{
    width:100%!important;
    height:auto!important;
    display:block!important;
  }

  /* 01: opening visual — a proper editorial spread. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-0{
    grid-column:1/11!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-0.story-c3-media-portrait{
    grid-column:2/8!important;
  }

  /* 02: quiet left portrait / detail. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-1{
    grid-column:1/6!important;
    width:100%!important;
    margin-right:0!important;
    align-self:start!important;
  }

  /* 03: strong right counterpoint. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-2{
    grid-column:8/13!important;
    width:100%!important;
    margin-left:0!important;
  }

  /* 04: centred pause, deliberately narrower. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-3{
    grid-column:4/10!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  /* 05: landscape/full interruption. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-4{
    grid-column:1/13!important;
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-4.story-c3-media-portrait{
    grid-column:6/12!important;
  }

  /* 06 / 07: opposing offsets, creating magazine-page rhythm. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-5{
    grid-column:2/7!important;
    width:100%!important;
    transform:translateY(clamp(18px,2.5vw,42px));
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-6{
    grid-column:7/13!important;
    width:100%!important;
    transform:translateY(clamp(-12px,-1vw,-20px));
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-7{
    grid-column:3/11!important;
    width:100%!important;
  }

  /* Captions behave like marginalia instead of stretching across imagery. */
  .story-c3-article-content.story-c3-art-directed .story-c3-media-block figcaption,
  .story-c3-article-content.story-c3-art-directed .story-c3-media-block .wp-element-caption{
    width:min(420px,82%)!important;
    margin-top:12px!important;
    font-size:10px!important;
    letter-spacing:.02em!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-right figcaption,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-2 figcaption,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-6 figcaption{
    margin-left:auto!important;
  }

  /* The Edit: retain the reliable portal, but make it feel like an editorial spread. */
  .story-c3-edit-portal{
    padding-top:clamp(90px,8vw,150px)!important;
    padding-bottom:clamp(100px,9vw,170px)!important;
  }
  .story-c3-edit-portal-inner{max-width:1540px!important}
  .story-c3-edit-portal-eyebrow{
    font-size:10px!important;
    letter-spacing:.28em!important;
    margin-bottom:clamp(38px,4vw,70px)!important;
  }
  .story-c3-edit-portal .story-c3-edit-grid{
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:clamp(28px,3vw,56px) clamp(18px,1.6vw,30px)!important;
    align-items:start!important;
  }
  .story-c3-edit-portal .story-c3-edit-card:nth-child(1){grid-column:1/6!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(2){grid-column:7/10!important;margin-top:clamp(72px,7vw,128px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(3){grid-column:10/13!important;margin-top:clamp(18px,2vw,36px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(4){grid-column:2/7!important;margin-top:clamp(30px,4vw,70px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(5){grid-column:8/13!important;margin-top:0!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(6){grid-column:1/4!important;margin-top:clamp(74px,7vw,126px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(7){grid-column:4/8!important;margin-top:clamp(18px,2vw,34px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(8){grid-column:9/13!important;margin-top:clamp(86px,8vw,140px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(9){grid-column:3/9!important;margin-top:clamp(28px,3vw,54px)!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n+10){grid-column:span 4!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(1) .story-c3-edit-media,
  .story-c3-edit-portal .story-c3-edit-card:nth-child(5) .story-c3-edit-media,
  .story-c3-edit-portal .story-c3-edit-card:nth-child(9) .story-c3-edit-media{aspect-ratio:4/3!important}

  /* Closing sequence: more runway between cream editorial body and black end matter. */
  .story-c3-article-closing{
    padding-top:clamp(62px,6vw,104px)!important;
    padding-bottom:clamp(72px,7vw,120px)!important;
  }
  .story-c3-article-end{
    padding-top:clamp(92px,8vw,150px)!important;
    padding-bottom:clamp(92px,8vw,150px)!important;
  }
  .story-c3-related-stream{
    padding-top:clamp(80px,7vw,130px)!important;
    padding-bottom:clamp(92px,8vw,150px)!important;
  }
  .story-c3-related-stream-grid{max-width:1540px!important;gap:clamp(22px,2vw,38px)!important}
  .story-c3-related-stream-item-1{grid-column:span 6!important}
  .story-c3-related-stream-item-2{grid-column:span 3!important;margin-top:clamp(92px,8vw,150px)!important}
  .story-c3-related-stream-item-3{grid-column:span 3!important;margin-top:clamp(28px,3vw,54px)!important}
  .story-c3-related-stream-item-1 .story-c3-related-stream-media{aspect-ratio:16/10!important}
  .story-c3-related-stream-item-2 .story-c3-related-stream-media{aspect-ratio:4/5!important}
  .story-c3-related-stream-item-3 .story-c3-related-stream-media{aspect-ratio:3/4!important}
}

/* Preserve v0.6.32 mobile/tablet behavior exactly; neutralise desktop offsets when stacking. */
@media (max-width:1179px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-5,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-seq-6{transform:none!important}
}


/* ================================================================
   v0.6.34 — STORY ARTICLE SYSTEM V1
   Semantic primitive authority. The v0.6.33 numeric media sequence is
   intentionally superseded: source order remains intact, while layout is
   chosen from content/orientation/context. Homepage/category systems untouched.
   ================================================================ */
.story-c3-primitive-opening-spread{container-type:inline-size;container-name:story-opening-spread}
.story-c3-article-content.story-c3-article-system-v1{container-type:inline-size;container-name:story-article-body}
.story-c3-primitive-contributor-signature{container-type:inline-size;container-name:story-contributor}
.story-c3-primitive-related-story-stage{container-type:inline-size;container-name:story-related-stage}

@media (min-width:1180px){
  /* Opening Spread — title and photography are one composition. */
  .story-c3-article-hero.story-c3-primitive-opening-spread{
    min-height:min(900px,82vh)!important;
    grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{
    padding:clamp(72px,7vw,128px) clamp(42px,6.5vw,116px) clamp(72px,7vw,118px)!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread h1{
    font-size:clamp(76px,7.35vw,142px)!important;
    line-height:.84!important;
    max-width:1120px!important;
  }

  /* Reading Spine — the deliberately calm default state. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-reading-spine,
  .story-c3-article-content.story-c3-art-directed > .story-c3-commerce-copy{
    grid-column:4/9!important;
    width:100%!important;
    max-width:720px!important;
    justify-self:center!important;
  }

  /* Heading Spread — semantic chapter change, never synthetic copy. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-heading-spread{
    grid-column:2/11!important;
    width:100%!important;
    max-width:1220px!important;
    justify-self:start!important;
    margin-top:clamp(74px,7vw,126px)!important;
    margin-bottom:clamp(34px,3.4vw,62px)!important;
    font-size:clamp(64px,5.7vw,108px)!important;
    line-height:.92!important;
    text-wrap:balance;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-subheading{
    grid-column:3/9!important;
    max-width:840px!important;
  }

  /* Standard imagery is content-led, not index-led. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-image-standard{
    grid-column:3/11!important;
    width:100%!important;
    max-width:none!important;
    transform:none!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-landscape-standard{
    grid-column:2/12!important;
    width:100%!important;
    transform:none!important;
  }

  /* Portrait Anchor — only qualified portrait + adjacent prose pairs share a row. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-portrait-anchor{
    width:100%!important;
    max-width:none!important;
    margin-top:clamp(64px,6vw,112px)!important;
    margin-bottom:clamp(64px,6vw,112px)!important;
    align-self:start!important;
    transform:none!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-portrait-anchor-left{
    grid-column:1/7!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-portrait-anchor-left + .story-c3-portrait-anchor-copy-left{
    grid-column:8/12!important;
    max-width:480px!important;
    justify-self:start!important;
    align-self:center!important;
    margin-top:clamp(64px,6vw,112px)!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-portrait-anchor-right{
    grid-column:7/13!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-portrait-anchor-right + .story-c3-portrait-anchor-copy-right{
    grid-column:2/6!important;
    grid-row:auto!important;
    max-width:480px!important;
    justify-self:end!important;
    align-self:center!important;
    margin-top:clamp(64px,6vw,112px)!important;
  }

  /* V1 deliberately neutralises the old numeric sequence authority. */
  .story-c3-article-content.story-c3-art-directed > [class*="story-c3-media-seq-"]{
    transform:none!important;
  }

  /* The Edit remains commerce-triggered; product imagery stays uncropped. */
  .story-c3-edit-portal .story-c3-edit-media img{
    object-fit:contain!important;
    object-position:center!important;
  }
}

/* Tablet — actively recomposed rather than desktop squeezed into a narrower canvas. */
@media (min-width:768px) and (max-width:1179px){
  .story-c3-article-hero.story-c3-primitive-opening-spread{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{
    min-height:0!important;
    padding:clamp(70px,8vw,96px) clamp(34px,6vw,64px) clamp(48px,6vw,70px)!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured img{
    aspect-ratio:16/10!important;
    max-height:720px!important;
    object-fit:cover!important;
  }
  .story-c3-article-content.story-c3-art-directed{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    max-width:760px!important;
    margin-inline:auto!important;
  }
  .story-c3-article-content.story-c3-art-directed > *{
    grid-column:1!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-reading-spine{
    max-width:680px!important;
    justify-self:center!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-heading-spread{
    max-width:740px!important;
    font-size:clamp(52px,8vw,78px)!important;
    margin-top:72px!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-portrait-anchor{
    max-width:620px!important;
    justify-self:center!important;
    margin-bottom:28px!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-portrait-anchor-copy{
    max-width:680px!important;
    justify-self:center!important;
    margin-top:0!important;
  }
}

/* Mobile — linear, cinematic and readable. No desktop asymmetry survives. */
@media (max-width:767px){
  .story-c3-article-hero.story-c3-primitive-opening-spread{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{
    order:1!important;
    min-height:0!important;
    padding:58px 20px 38px!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured{
    order:2!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread h1{
    font-size:clamp(48px,14.2vw,72px)!important;
    line-height:.9!important;
  }
  .story-c3-article-content.story-c3-art-directed{
    display:block!important;
    max-width:none!important;
  }
  .story-c3-article-content.story-c3-art-directed > *{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    transform:none!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-heading-spread{
    font-size:clamp(40px,12vw,58px)!important;
    line-height:.96!important;
    margin-top:68px!important;
    margin-bottom:26px!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-portrait-anchor,
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-landscape-standard,
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-image-standard{
    margin-top:46px!important;
    margin-bottom:28px!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-portrait-anchor-copy{
    margin-top:0!important;
    margin-bottom:1.65em!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .story-c3-primitive-related-story-stage img,
  .story-c3-edit-portal img{transition:none!important}
}

/* ==============================================================
   v0.6.36 — STORY ARTICLE SYSTEM V1 / FIGMA VISUAL TRANSLATION
   Replaces the old article geometry as the visual authority while
   preserving WordPress content, legacy safety and commerce extraction.
   ============================================================== */
.story-c3-article-page{--story-c3-cream:#f5f2ec;--story-c3-cream-2:#edeae2;--story-c3-dark:#0d0d0d;--story-c3-gold:#c9a84c}

/* Opening Spread — one composition, not copy-card + image-card. */
.story-c3-article-hero.story-c3-primitive-opening-spread{
  display:block!important;position:relative!important;min-height:calc(100svh - 74px)!important;
  overflow:hidden!important;background:var(--story-c3-dark)!important;border-bottom:0!important;
}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured{
  position:absolute!important;inset:0!important;z-index:0!important;margin:0!important;min-height:100%!important;background:#151515!important;
}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured img{
  position:absolute!important;right:0!important;top:0!important;width:60%!important;height:100%!important;min-height:100%!important;
  object-fit:cover!important;object-position:center top!important;display:block!important;
}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured:after{
  display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:1!important;
  background:linear-gradient(90deg,var(--story-c3-dark) 0%,var(--story-c3-dark) 29%,rgba(13,13,13,.82) 39%,rgba(13,13,13,.40) 58%,rgba(13,13,13,.04) 82%),linear-gradient(0deg,var(--story-c3-dark) 0%,rgba(13,13,13,0) 30%)!important;
  pointer-events:none!important;
}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured figcaption{display:none!important}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{
  position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;
  min-height:calc(100svh - 74px)!important;padding:clamp(54px,7vw,96px) clamp(28px,5.5vw,88px) clamp(56px,6.5vw,96px)!important;
  max-width:none!important;box-sizing:border-box!important;
}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy>*{max-width:min(54vw,760px)!important}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-kicker{margin-bottom:24px!important;justify-content:flex-start!important;gap:20px!important}
.story-c3-article-hero.story-c3-primitive-opening-spread h1{
  font-size:clamp(58px,6.5vw,112px)!important;line-height:.91!important;letter-spacing:-.055em!important;max-width:min(58vw,900px)!important;text-wrap:balance!important;
}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-dek{font-size:clamp(15px,1.15vw,18px)!important;line-height:1.62!important;max-width:500px!important;margin-top:28px!important;color:rgba(255,255,255,.64)!important}
.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-meta{max-width:520px!important;margin-top:28px!important;padding-top:18px!important;color:rgba(255,255,255,.38)!important}
.story-c3-article-hero.story-c3-primitive-opening-spread.is-type-led .story-c3-article-hero-copy>*{max-width:min(78vw,1180px)!important}

/* Opening information row — the old sticky rail becomes a calm metadata strip. */
.story-c3-article-stage{display:block!important;padding:0!important;background:var(--story-c3-cream)!important;color:#111!important}
.story-c3-article-rail{
  position:static!important;top:auto!important;max-width:1200px!important;margin:0 auto!important;padding:38px clamp(24px,5vw,70px)!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;border-top:0!important;border-bottom:1px solid #d5d0c8!important;
}
.story-c3-article-rail>div{border:0!important;padding:0!important;gap:5px!important}
.story-c3-article-rail>div+div{border-left:1px solid #d5d0c8!important;padding-left:24px!important}
.story-c3-article-rail span{color:var(--story-c3-gold)!important}

/* The content canvas is now section-led. */
.story-c3-article-content.story-c3-art-directed{
  display:block!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;
  font-size:17px!important;line-height:1.82!important;background:var(--story-c3-cream)!important;
}
.story-c3-article-content.story-c3-art-directed>*{max-width:none!important;transform:none!important}
.story-c3-article-content .story-c3-hero-source-consumed{display:none!important}

/* Reading Spine */
.story-c3-reading-group{
  width:100%!important;box-sizing:border-box!important;padding:clamp(48px,5vw,78px) 24px!important;background:var(--story-c3-cream)!important;
}
.story-c3-reading-group>*{width:min(680px,100%)!important;max-width:680px!important;margin-left:auto!important;margin-right:auto!important}
.story-c3-reading-group>p{font:300 17px/1.85 'DM Sans',Arial,sans-serif!important;color:#2a2a2a!important;margin-top:0!important;margin-bottom:1.55em!important}
.story-c3-reading-group>p:last-child{margin-bottom:0!important}
.story-c3-reading-group>ul,.story-c3-reading-group>ol,.story-c3-reading-group>table,.story-c3-reading-group>.wp-block-table{font-size:16px!important}

/* Heading Spread — headline is a visual object, intro becomes its companion. */
.story-c3-heading-spread-shell{
  box-sizing:border-box!important;width:100%!important;max-width:1320px!important;margin:0 auto!important;padding:clamp(64px,7vw,110px) clamp(24px,5vw,70px)!important;
  display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(18px,2.5vw,42px)!important;align-items:start!important;background:var(--story-c3-cream)!important;
}
.story-c3-heading-spread-title{grid-column:1/8!important}
.story-c3-heading-spread-intro{grid-column:9/13!important;padding-top:10px!important;border-left:2px solid var(--story-c3-gold)!important;padding-left:22px!important}
.story-c3-heading-spread-shell.has-no-intro .story-c3-heading-spread-title{grid-column:1/10!important}
.story-c3-heading-spread-title h2{
  margin:0!important;font:italic 700 clamp(46px,5.4vw,78px)/.98 'Fraunces',Georgia,serif!important;letter-spacing:-.05em!important;color:#111!important;text-wrap:balance!important;
}
.story-c3-heading-spread-intro p{margin:0!important;font:300 15px/1.72 'DM Sans',sans-serif!important;color:#555!important}

/* Portrait Anchor — the real image/text spread used by the Figma validation. */
.story-c3-primitive-portrait-anchor{
  width:100%!important;max-width:1440px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:stretch!important;background:var(--story-c3-cream)!important;min-height:620px!important;
}
.story-c3-portrait-anchor-media{grid-column:1/6!important;min-width:0!important;overflow:hidden!important;background:#e8e4dc!important}
.story-c3-portrait-anchor-copy{grid-column:7/13!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:clamp(52px,7vw,110px) clamp(34px,5vw,76px)!important}
.story-c3-portrait-anchor-right .story-c3-portrait-anchor-media{grid-column:8/13!important;grid-row:1!important}
.story-c3-portrait-anchor-right .story-c3-portrait-anchor-copy{grid-column:1/7!important;grid-row:1!important}
.story-c3-portrait-anchor-media>.story-c3-media-block,.story-c3-portrait-anchor-media figure,.story-c3-portrait-anchor-media p{margin:0!important;width:100%!important;height:100%!important;max-width:none!important}
.story-c3-portrait-anchor-media img{width:100%!important;height:100%!important;min-height:620px!important;object-fit:cover!important;object-position:center top!important;display:block!important}
.story-c3-portrait-anchor-media figcaption{padding:10px 14px!important;margin:0!important;background:rgba(255,255,255,.82)!important}
.story-c3-portrait-anchor-copy h2,.story-c3-portrait-anchor-copy h3{
  margin:0 0 26px!important;font-family:'Fraunces',Georgia,serif!important;font-style:italic!important;font-weight:700!important;line-height:1!important;letter-spacing:-.045em!important;color:#111!important;
}
.story-c3-portrait-anchor-copy h2{font-size:clamp(38px,4.2vw,64px)!important}.story-c3-portrait-anchor-copy h3{font-size:clamp(28px,3vw,44px)!important}
.story-c3-portrait-anchor-copy p{max-width:560px!important;margin:0 0 1.45em!important;font:300 16px/1.78 'DM Sans',sans-serif!important;color:#2b2b2b!important}
.story-c3-portrait-anchor-copy p:last-child{margin-bottom:0!important}

/* Standalone editorial image breaks get real scale instead of timid inline width. */
.story-c3-article-content.story-c3-art-directed>.story-c3-primitive-editorial-break{
  width:min(1120px,calc(100% - 48px))!important;max-width:1120px!important;margin:clamp(54px,6vw,92px) auto!important;text-align:center!important;
}
.story-c3-article-content.story-c3-art-directed>.story-c3-primitive-editorial-break.story-c3-media-portrait{width:min(760px,calc(100% - 48px))!important}
.story-c3-primitive-editorial-break img{width:100%!important;height:auto!important;max-height:980px!important;object-fit:cover!important;display:block!important}
.story-c3-primitive-editorial-break figcaption{max-width:760px!important;margin:10px auto 0!important;text-align:left!important}
.story-c3-article-content.story-c3-art-directed>.story-c3-primitive-subheading{
  width:min(680px,calc(100% - 48px))!important;margin:58px auto 22px!important;font:italic 700 clamp(30px,3vw,44px)/1.03 'Fraunces',Georgia,serif!important;
}

/* Pull quote / statement — one deliberate dark interruption. */
.story-c3-article-content.story-c3-art-directed>.story-c3-statement-block{
  width:100%!important;max-width:none!important;margin:0!important;transform:none!important;padding:clamp(66px,7vw,110px) max(24px,8vw)!important;background:var(--story-c3-dark)!important;color:#f5f2ec!important;
  font-size:clamp(34px,4.5vw,62px)!important;line-height:1.1!important;text-align:left!important;
}
.story-c3-article-content.story-c3-art-directed>.story-c3-statement-block:before{color:var(--story-c3-gold)!important}

/* Legacy in-body recirculation/ticker presentation is intentionally off in V1. */
.story-c3-article-system-v1-runtime .story-c3-related-ribbons-v29,
.story-c3-article-system-v1-runtime .story-c3-inline-related-ticker,
.story-c3-article-system-v1-runtime .story-c3-inline-related-marquee{display:none!important}

/* The Edit — editorial commerce hierarchy from the Figma validation. */
.story-c3-edit-portal{background:var(--story-c3-cream-2)!important;padding:clamp(70px,7vw,110px) clamp(24px,5vw,72px)!important;color:#111!important}
.story-c3-edit-portal-inner{max-width:1300px!important;margin:0 auto!important}
.story-c3-edit-portal-eyebrow{color:var(--story-c3-gold)!important;font:600 10px/1.2 'DM Sans',sans-serif!important;letter-spacing:.24em!important;text-transform:uppercase!important;margin-bottom:14px!important}
.story-c3-edit-portal-title{margin:0!important;font:italic 700 clamp(42px,5vw,68px)/.96 'Fraunces',Georgia,serif!important;letter-spacing:-.045em!important;color:#111!important}
.story-c3-edit-portal-intro{max-width:520px!important;margin:18px 0 48px!important;font:300 15px/1.7 'DM Sans',sans-serif!important;color:#666!important}
.story-c3-edit-portal .story-c3-edit-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:clamp(24px,2.5vw,40px)!important;align-items:start!important}
.story-c3-edit-portal .story-c3-edit-card{grid-column:span 3!important;margin:0!important;min-width:0!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(1){grid-column:1/6!important;grid-row:span 2!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(2){grid-column:6/9!important;margin-top:54px!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(3){grid-column:9/13!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(4){grid-column:6/10!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(5){grid-column:10/13!important;margin-top:42px!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(6){grid-column:1/4!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(7){grid-column:4/8!important;margin-top:32px!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(8){grid-column:8/13!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(n+9){grid-column:span 4!important}
.story-c3-edit-portal .story-c3-edit-media{background:#fff!important;aspect-ratio:4/5!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important}
.story-c3-edit-portal .story-c3-edit-card:nth-child(1) .story-c3-edit-media{aspect-ratio:3/4!important}
.story-c3-edit-portal .story-c3-edit-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:5%!important;box-sizing:border-box!important}
.story-c3-edit-portal .story-c3-edit-cta{margin-top:12px!important;display:inline-flex!important;min-height:0!important;padding:0 0 5px!important;border:0!important;border-bottom:1px solid #111!important;background:transparent!important;color:#111!important;font-size:10px!important;letter-spacing:.16em!important}

/* Contributor signature follows the Figma cream ending before the dark related stage. */
.story-c3-article-end.story-c3-primitive-contributor-signature{
  background:var(--story-c3-cream)!important;color:#111!important;padding:clamp(64px,7vw,105px) max(24px,7vw)!important;grid-template-columns:1fr minmax(320px,680px)!important;border-top:1px solid #d5d0c8!important;
}
.story-c3-article-end .story-c3-article-end-mark{color:rgba(17,17,17,.035)!important}
.story-c3-article-end .story-c3-article-author-block{border-top-color:rgba(201,168,76,.7)!important}
.story-c3-article-end .story-c3-article-author-block h2{color:#111!important}.story-c3-article-end .story-c3-article-author-block p{color:#666!important}

/* Related Story Stage — one dominant story + two supporting stories. */
.story-c3-related-stream.story-c3-primitive-related-story-stage{background:var(--story-c3-dark)!important;padding:clamp(66px,7vw,108px) clamp(24px,5vw,72px)!important}
.story-c3-related-stream-grid{max-width:1300px!important;margin:0 auto!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:28px!important;align-items:start!important}
.story-c3-related-stream-item{margin:0!important}.story-c3-related-stream-item-1{grid-column:1/8!important}.story-c3-related-stream-item-2,.story-c3-related-stream-item-3{grid-column:9/13!important}
.story-c3-related-stream-item-3{margin-top:18px!important}
.story-c3-related-stream-media{height:auto!important;aspect-ratio:16/10!important;overflow:hidden!important;background:#1a1a1a!important}
.story-c3-related-stream-item-2 .story-c3-related-stream-media,.story-c3-related-stream-item-3 .story-c3-related-stream-media{aspect-ratio:16/9!important}
.story-c3-related-stream-media img{width:100%!important;height:100%!important;object-fit:cover!important}
.story-c3-related-stream-title{font-size:clamp(20px,2.2vw,31px)!important;line-height:1.08!important}.story-c3-related-stream-item-2 .story-c3-related-stream-title,.story-c3-related-stream-item-3 .story-c3-related-stream-title{font-size:17px!important}

@media (min-width:768px) and (max-width:1179px){
  .story-c3-article-hero.story-c3-primitive-opening-spread{min-height:760px!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured img{width:62%!important;aspect-ratio:auto!important;max-height:none!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{min-height:760px!important;padding:70px 38px 58px!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy>*{max-width:58%!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread h1{font-size:clamp(56px,8.5vw,82px)!important}
  .story-c3-article-rail{padding:32px 34px!important}
  .story-c3-heading-spread-shell{grid-template-columns:1fr!important;padding:70px 34px!important}.story-c3-heading-spread-title,.story-c3-heading-spread-intro{grid-column:1!important}.story-c3-heading-spread-intro{margin-top:28px!important;max-width:560px!important}
  .story-c3-primitive-portrait-anchor{grid-template-columns:45% 55%!important;min-height:520px!important}.story-c3-portrait-anchor-media{grid-column:1!important}.story-c3-portrait-anchor-copy{grid-column:2!important;padding:54px 36px!important}.story-c3-portrait-anchor-right .story-c3-portrait-anchor-media{grid-column:2!important}.story-c3-portrait-anchor-right .story-c3-portrait-anchor-copy{grid-column:1!important}.story-c3-portrait-anchor-media img{min-height:520px!important}
  .story-c3-edit-portal .story-c3-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.story-c3-edit-portal .story-c3-edit-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;margin-top:0!important}.story-c3-edit-portal .story-c3-edit-card:nth-child(1){grid-column:span 2!important}.story-c3-edit-portal .story-c3-edit-card:nth-child(1) .story-c3-edit-media{aspect-ratio:16/10!important}
  .story-c3-related-stream-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.story-c3-related-stream-item-1{grid-column:1/-1!important}.story-c3-related-stream-item-2,.story-c3-related-stream-item-3{grid-column:auto!important}.story-c3-related-stream-item-3{margin-top:0!important}
}

@media (max-width:767px){
  .story-c3-article-hero.story-c3-primitive-opening-spread{display:block!important;min-height:760px!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured{position:absolute!important;inset:0!important;order:initial!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured img{width:100%!important;height:100%!important;aspect-ratio:auto!important;max-height:none!important;object-position:center top!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-featured:after{background:linear-gradient(0deg,var(--story-c3-dark) 12%,rgba(13,13,13,.92) 34%,rgba(13,13,13,.48) 60%,rgba(13,13,13,.12) 100%)!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{position:relative!important;z-index:3!important;min-height:760px!important;justify-content:flex-end!important;padding:54px 20px 42px!important;order:initial!important}
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy>*{max-width:100%!important}.story-c3-article-hero.story-c3-primitive-opening-spread h1{font-size:clamp(48px,14vw,72px)!important}.story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-dek{max-width:100%!important}
  .story-c3-article-rail{grid-template-columns:1fr 1fr!important;padding:26px 20px!important;gap:20px!important}.story-c3-article-rail>div+div{border-left:0!important;padding-left:0!important}.story-c3-article-rail>div:last-child{grid-column:1/-1!important}
  .story-c3-reading-group{padding:44px 20px!important}.story-c3-reading-group>p{font-size:16px!important;line-height:1.78!important}
  .story-c3-heading-spread-shell{display:block!important;padding:58px 20px!important}.story-c3-heading-spread-title h2{font-size:clamp(40px,12vw,58px)!important}.story-c3-heading-spread-intro{margin-top:24px!important;padding-left:16px!important}
  .story-c3-primitive-portrait-anchor{display:flex!important;flex-direction:column!important;min-height:0!important}.story-c3-portrait-anchor-media,.story-c3-portrait-anchor-right .story-c3-portrait-anchor-media{order:1!important;width:100%!important}.story-c3-portrait-anchor-copy,.story-c3-portrait-anchor-right .story-c3-portrait-anchor-copy{order:2!important;width:100%!important;padding:38px 20px 48px!important}.story-c3-portrait-anchor-media img{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}.story-c3-portrait-anchor-copy h2{font-size:42px!important}.story-c3-portrait-anchor-copy h3{font-size:32px!important}.story-c3-portrait-anchor-copy p{font-size:16px!important;line-height:1.75!important}
  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-editorial-break,.story-c3-article-content.story-c3-art-directed>.story-c3-primitive-editorial-break.story-c3-media-portrait{width:100%!important;margin:38px 0!important}.story-c3-primitive-editorial-break figcaption{padding:0 20px!important}
  .story-c3-edit-portal{padding:58px 20px 72px!important}.story-c3-edit-portal .story-c3-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 14px!important}.story-c3-edit-portal .story-c3-edit-card:nth-child(n){grid-column:auto!important;grid-row:auto!important;margin-top:0!important}.story-c3-edit-portal .story-c3-edit-card:nth-child(1){grid-column:1/-1!important}.story-c3-edit-portal .story-c3-edit-card:nth-child(1) .story-c3-edit-media{aspect-ratio:16/11!important}.story-c3-edit-portal-title{font-size:46px!important}.story-c3-edit-portal-intro{margin-bottom:34px!important}
  .story-c3-article-end.story-c3-primitive-contributor-signature{display:block!important;padding:58px 20px!important}.story-c3-article-end-mark{display:none!important}
  .story-c3-related-stream.story-c3-primitive-related-story-stage{padding:58px 20px!important}.story-c3-related-stream-grid{display:block!important}.story-c3-related-stream-item{margin:0 0 38px!important}.story-c3-related-stream-item:last-child{margin-bottom:0!important}.story-c3-related-stream-media,.story-c3-related-stream-item-2 .story-c3-related-stream-media,.story-c3-related-stream-item-3 .story-c3-related-stream-media{aspect-ratio:4/3!important}.story-c3-related-stream-title,.story-c3-related-stream-item-2 .story-c3-related-stream-title,.story-c3-related-stream-item-3 .story-c3-related-stream-title{font-size:24px!important}
}


/* ==============================================================
   v0.6.37 — STORY ARTICLE SYSTEM V1 / DESKTOP POLISH
   Calibration only. Keeps the v0.6.36 composition architecture,
   reduces excessive desktop whitespace, clarifies H2/H3 hierarchy,
   tightens The Edit, and reduces the lead related-story height.
   Tablet/mobile composition remains governed by v0.6.36 rules.
   ============================================================== */
@media (min-width:1180px){
  /* Keep the expansive canvas, but remove the most obvious dead zones. */
  .story-c3-article-rail{
    padding-top:30px!important;
    padding-bottom:30px!important;
  }
  .story-c3-reading-group{
    padding-top:clamp(42px,4vw,62px)!important;
    padding-bottom:clamp(42px,4vw,62px)!important;
  }
  .story-c3-heading-spread-shell{
    padding-top:clamp(54px,5.5vw,82px)!important;
    padding-bottom:clamp(54px,5.5vw,82px)!important;
  }
  .story-c3-heading-spread-title h2{
    font-size:clamp(54px,5.7vw,84px)!important;
    line-height:.94!important;
  }
  .story-c3-heading-spread-intro{
    padding-top:6px!important;
  }

  /* H3/subsection labels are intentionally quieter and more utilitarian
     than H2 chapter moments. */
  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-subheading{
    margin-top:44px!important;
    margin-bottom:18px!important;
    font-family:'DM Sans',Arial,sans-serif!important;
    font-style:normal!important;
    font-weight:700!important;
    font-size:clamp(16px,1.35vw,20px)!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
    text-transform:uppercase!important;
  }

  .story-c3-primitive-portrait-anchor{
    min-height:590px!important;
  }
  .story-c3-portrait-anchor-media img{
    min-height:590px!important;
  }
  .story-c3-portrait-anchor-copy{
    padding-top:clamp(44px,5.5vw,82px)!important;
    padding-bottom:clamp(44px,5.5vw,82px)!important;
  }

  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-editorial-break{
    margin-top:clamp(42px,4.5vw,66px)!important;
    margin-bottom:clamp(42px,4.5vw,66px)!important;
  }

  /* The Edit remains asymmetric, but its rhythm is tighter and the lead
     product keeps clear visual authority without stretching the section. */
  .story-c3-edit-portal{
    padding-top:clamp(62px,5.5vw,86px)!important;
    padding-bottom:clamp(66px,6vw,92px)!important;
  }
  .story-c3-edit-portal-intro{
    margin-top:14px!important;
    margin-bottom:36px!important;
  }
  .story-c3-edit-portal .story-c3-edit-grid{
    gap:clamp(20px,2vw,32px)!important;
  }
  .story-c3-edit-portal .story-c3-edit-card:nth-child(2){margin-top:38px!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(5){margin-top:28px!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(7){margin-top:22px!important}

  /* Quieter ending: preserve hierarchy but prevent the related stage from
     reading like a second homepage. */
  .story-c3-article-end.story-c3-primitive-contributor-signature{
    padding-top:clamp(54px,5vw,76px)!important;
    padding-bottom:clamp(54px,5vw,76px)!important;
  }
  .story-c3-related-stream.story-c3-primitive-related-story-stage{
    padding-top:clamp(54px,5vw,78px)!important;
    padding-bottom:clamp(58px,5.5vw,84px)!important;
  }
  .story-c3-related-stream-item-1 .story-c3-related-stream-media{
    aspect-ratio:16/9!important;
  }
  .story-c3-related-stream-grid{
    gap:24px!important;
  }
}


/* ==============================================================
   v0.6.38 — THE EDIT / STRICT EDITORIAL GRID
   Edit-only correction. Removes the scattered masonry offsets from
   v0.6.37 and establishes one lead product, four supporting products,
   then a clean aligned continuation row. No article-body architecture
   changes are introduced here.
   ============================================================== */
@media (min-width:1180px){
  .story-c3-edit-portal{
    padding:clamp(66px,6vw,92px) clamp(24px,5vw,72px)!important;
  }
  .story-c3-edit-portal-inner{
    max-width:1260px!important;
  }
  .story-c3-edit-portal-intro{
    margin:16px 0 38px!important;
  }
  .story-c3-edit-portal .story-c3-edit-grid{
    display:grid!important;
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:28px 22px!important;
    align-items:start!important;
  }
  .story-c3-edit-portal .story-c3-edit-card,
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n){
    margin:0!important;
    min-width:0!important;
    align-self:start!important;
  }

  /* Lead product occupies the left half across the first two rows. */
  .story-c3-edit-portal .story-c3-edit-card:nth-child(1){
    grid-column:1 / 7!important;
    grid-row:1 / 3!important;
  }

  /* Four supporting products form a disciplined 2 x 2 matrix. */
  .story-c3-edit-portal .story-c3-edit-card:nth-child(2){grid-column:7 / 10!important;grid-row:1!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(3){grid-column:10 / 13!important;grid-row:1!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(4){grid-column:7 / 10!important;grid-row:2!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(5){grid-column:10 / 13!important;grid-row:2!important}

  /* Remaining products continue on a clean four-up baseline. */
  .story-c3-edit-portal .story-c3-edit-card:nth-child(6){grid-column:1 / 4!important;grid-row:3!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(7){grid-column:4 / 7!important;grid-row:3!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(8){grid-column:7 / 10!important;grid-row:3!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(9){grid-column:10 / 13!important;grid-row:3!important}
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n+10){
    grid-column:span 3!important;
    grid-row:auto!important;
  }

  /* Consistent media geometry is what makes the grid read as curated. */
  .story-c3-edit-portal .story-c3-edit-media,
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n) .story-c3-edit-media{
    width:100%!important;
    aspect-ratio:4 / 5!important;
    min-height:0!important;
    background:#fff!important;
    border:1px solid rgba(17,17,17,.06)!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .story-c3-edit-portal .story-c3-edit-card:nth-child(1) .story-c3-edit-media{
    aspect-ratio:4 / 5!important;
  }
  .story-c3-edit-portal .story-c3-edit-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    padding:6%!important;
    box-sizing:border-box!important;
  }
  .story-c3-edit-portal .story-c3-edit-card:nth-child(1) .story-c3-edit-media img{
    padding:5%!important;
  }

  /* One consistent caption/CTA baseline; no floating micro-labels. */
  .story-c3-edit-portal .story-c3-edit-cta{
    margin:10px 0 0!important;
    padding:0 0 4px!important;
    min-height:0!important;
    display:inline-flex!important;
    align-items:center!important;
    border:0!important;
    border-bottom:1px solid rgba(17,17,17,.72)!important;
    background:transparent!important;
    color:#111!important;
    font:600 9px/1.2 'DM Sans',sans-serif!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
}

/* Tablet/mobile keep the established responsive collapse, but remove
   inherited offsets and retain consistent card geometry. */
@media (max-width:1179px){
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n){
    margin-top:0!important;
  }
  .story-c3-edit-portal .story-c3-edit-media,
  .story-c3-edit-portal .story-c3-edit-card:nth-child(n) .story-c3-edit-media{
    background:#fff!important;
    border:1px solid rgba(17,17,17,.06)!important;
  }
}


/* ==============================================================
   v0.6.39 — STORY ARTICLE SYSTEM V1 / MOBILE POLISH
   Mobile-only calibration from the owner-provided 390px capture.
   Desktop/tablet composition and The Edit grid architecture stay frozen.
   ============================================================== */
@media (max-width:767px){
  /* Opening spread: retain cinematic overlay, but give the title room to breathe. */
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-hero-copy{
    padding:54px 20px 34px!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-kicker{
    margin-bottom:20px!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread h1{
    font-size:clamp(42px,12.6vw,62px)!important;
    line-height:.94!important;
    letter-spacing:-.045em!important;
    max-width:100%!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-dek{
    font-size:16px!important;
    line-height:1.58!important;
    margin-top:20px!important;
  }
  .story-c3-article-hero.story-c3-primitive-opening-spread .story-c3-article-meta{
    margin-top:22px!important;
    padding-top:15px!important;
  }

  /* Reading spine: slightly larger and more open than v0.6.38 mobile. */
  .story-c3-reading-group{
    padding:48px 20px!important;
  }
  .story-c3-reading-group>p{
    font-size:17px!important;
    line-height:1.84!important;
    margin-bottom:1.48em!important;
  }
  .story-c3-reading-group>ul,
  .story-c3-reading-group>ol,
  .story-c3-reading-group>table,
  .story-c3-reading-group>.wp-block-table{
    font-size:16px!important;
    line-height:1.72!important;
  }

  /* Chapter changes: clearer separation without making mobile feel theatrical. */
  .story-c3-heading-spread-shell{
    padding:62px 20px 52px!important;
  }
  .story-c3-heading-spread-title h2{
    font-size:clamp(38px,11vw,52px)!important;
    line-height:.98!important;
    margin-bottom:0!important;
  }
  .story-c3-heading-spread-intro{
    margin-top:26px!important;
    padding-left:14px!important;
  }
  .story-c3-heading-spread-intro p{
    font-size:16.5px!important;
    line-height:1.78!important;
  }

  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-subheading{
    margin-top:44px!important;
    margin-bottom:18px!important;
  }

  /* Portrait/content transitions need a little separation after stacking. */
  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-portrait-anchor,
  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-landscape-standard,
  .story-c3-article-content.story-c3-art-directed>.story-c3-primitive-image-standard{
    margin-top:42px!important;
    margin-bottom:30px!important;
  }
  .story-c3-portrait-anchor-copy p{
    font-size:17px!important;
    line-height:1.8!important;
  }

  /* The Edit: keep the proven lead + two-column responsive structure; only
     clean the caption rhythm and make tap targets less visually cramped. */
  .story-c3-edit-portal{
    padding-top:54px!important;
    padding-bottom:66px!important;
  }
  .story-c3-edit-portal-intro{
    margin-bottom:30px!important;
  }
  .story-c3-edit-portal .story-c3-edit-grid{
    gap:24px 14px!important;
  }
  .story-c3-edit-portal .story-c3-edit-cta{
    margin-top:8px!important;
    padding:2px 0 6px!important;
    font-size:9px!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
  }

  /* Related-stage cards: preserve one-column clarity but shorten the ending. */
  .story-c3-related-stream.story-c3-primitive-related-story-stage{
    padding:50px 20px 54px!important;
  }
  .story-c3-related-stream-item{
    margin-bottom:28px!important;
  }
  .story-c3-related-stream-media,
  .story-c3-related-stream-item-2 .story-c3-related-stream-media,
  .story-c3-related-stream-item-3 .story-c3-related-stream-media{
    aspect-ratio:16/10!important;
  }
  .story-c3-related-stream-title,
  .story-c3-related-stream-item-2 .story-c3-related-stream-title,
  .story-c3-related-stream-item-3 .story-c3-related-stream-title{
    font-size:22px!important;
    line-height:1.08!important;
  }
}


/* ==============================================================
   v0.6.40 — LEGACY ARTICLE + PRODUCT-LIST COMPATIBILITY
   Conservative guards discovered during multi-article mobile pilot.
   Nonnamaxxing reference composition remains unchanged.
   ============================================================== */

/* Screenshot/social captures are supporting evidence, not hero-scale art. */
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility{
  width:min(100%,420px)!important;
  max-width:420px!important;
  margin:34px auto 46px!important;
  justify-self:center!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* Commerce-mode media is intentionally neutral. Product imagery must not be
   mistaken for portrait anchors or cinematic editorial breaks. */
.story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed > .story-c3-commerce-product-media{
  width:100%!important;
  max-width:560px!important;
  margin:36px auto 18px!important;
  padding:0!important;
  background:transparent!important;
  justify-self:center!important;
}
.story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed > .story-c3-commerce-product-media img{
  width:100%!important;
  height:auto!important;
  max-height:680px!important;
  object-fit:contain!important;
  background:#fff!important;
}

@media (max-width:767px){
  /* Long legacy section titles scale independently from normal chapter titles. */
  .story-c3-heading-spread-shell.story-c3-heading-spread-long .story-c3-heading-spread-title h2{
    font-size:clamp(31px,9.2vw,42px)!important;
    line-height:1!important;
    letter-spacing:-.038em!important;
  }

  /* Utility screenshots stay legible but no longer create huge empty compositions. */
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-utility{
    width:min(76vw,300px)!important;
    max-width:300px!important;
    margin:28px auto 34px!important;
  }

  /* Generic commerce archive fallback: one readable product sequence.
     Existing The Edit portal keeps its dedicated grid and is not affected. */
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed{
    display:block!important;
    width:100%!important;
    max-width:none!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed > *:not(.story-c3-edit-source-consumed){
    max-width:100%!important;
    width:100%!important;
    transform:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed > .story-c3-commerce-product-media{
    width:100%!important;
    max-width:100%!important;
    margin:32px 0 16px!important;
    padding:0!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed > .story-c3-commerce-product-media img{
    display:block!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    height:auto!important;
    max-height:none!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed .story-c3-reading-group{
    width:100%!important;
    max-width:100%!important;
    padding:26px 0 38px!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed .story-c3-reading-group > p,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed .story-c3-reading-group > ul,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed .story-c3-reading-group > ol{
    width:100%!important;
    max-width:none!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed .wp-block-columns,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed [class*="columns"]{
    display:block!important;
    width:100%!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed .wp-block-column,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed [class*="column"]{
    width:100%!important;
    max-width:100%!important;
    margin:0 0 24px!important;
    float:none!important;
  }
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed table:not(.story-c3-never),
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed tbody,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed tr,
  .story-c3-mode-commerce .story-c3-article-content.story-c3-art-directed td{
    max-width:100%!important;
  }
}


/* ==============================================================
   v0.6.41 — LEGACY SOCIAL / SIGN-OFF SAFETY
   Protect unknown social/embed groups and author sign-offs from the
   editorial composition engine. Kinda Chic compatibility pass.
   ============================================================== */
.story-c3-article-content .story-c3-legacy-social,
.story-c3-article-content .story-c3-legacy-signoff{
  width:min(680px,calc(100% - 48px))!important;
  max-width:680px!important;
  margin:36px auto!important;
  transform:none!important;
  float:none!important;
  box-sizing:border-box!important;
}
.story-c3-article-content .story-c3-legacy-social{
  min-height:0!important;
  height:auto!important;
  background:transparent!important;
  overflow:visible!important;
}
.story-c3-article-content .story-c3-legacy-social iframe,
.story-c3-article-content .story-c3-legacy-social video,
.story-c3-article-content .story-c3-legacy-social blockquote,
.story-c3-article-content .story-c3-legacy-social [class*=embed]{
  display:block!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto;
  margin-left:auto!important;
  margin-right:auto!important;
}
.story-c3-article-content .story-c3-legacy-signoff{
  padding-top:18px!important;
  border-top:1px solid rgba(17,17,17,.18)!important;
  color:#111!important;
}
.story-c3-article-content .story-c3-legacy-signoff:is(h2,h3,h4),
.story-c3-article-content .story-c3-legacy-signoff h2,
.story-c3-article-content .story-c3-legacy-signoff h3,
.story-c3-article-content .story-c3-legacy-signoff h4{
  margin:0!important;
  font:italic 700 clamp(24px,2.4vw,36px)/1.05 'Fraunces',Georgia,serif!important;
  letter-spacing:-.035em!important;
  color:#111!important;
}
.story-c3-article-content .story-c3-legacy-signoff a{color:#8a6414!important;}

/* Short pull quotes must remain readable on the dark statement canvas. */
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block,
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block *{
  color:#f5f2ec!important;
}

@media(max-width:767px){
  .story-c3-article-content .story-c3-legacy-social,
  .story-c3-article-content .story-c3-legacy-signoff{
    width:100%!important;
    max-width:100%!important;
    margin:28px 0!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .story-c3-article-content .story-c3-legacy-social{
    overflow:hidden!important;
  }
  .story-c3-article-content .story-c3-legacy-social img{
    display:block!important;
    width:min(76vw,300px)!important;
    max-width:300px!important;
    height:auto!important;
    margin:0 auto!important;
    object-fit:contain!important;
  }
  .story-c3-article-content .story-c3-legacy-signoff:is(h2,h3,h4),
  .story-c3-article-content .story-c3-legacy-signoff h2,
  .story-c3-article-content .story-c3-legacy-signoff h3,
  .story-c3-article-content .story-c3-legacy-signoff h4{
    font-size:28px!important;
    line-height:1.05!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-statement-block{
    padding:44px 20px!important;
    font-size:clamp(30px,9.5vw,42px)!important;
    line-height:1.02!important;
  }
}


/* ==============================================================
   v0.6.42 — LEGACY STATEMENT + SOCIAL CAPTURE + ITEM-LIST SAFETY
   Fixes malformed v0.6.41 line breaks, preserves complete social screenshots,
   and adds a neutral repeated-product entry treatment for fashion roundups.
   ============================================================== */

/* Pull quotes can contain nested paragraphs/spans with older colour rules.
   Force the entire quote subtree onto the dark statement palette. */
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block,
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block p,
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block span,
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block em,
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block strong,
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block a{
  color:#f5f2ec!important;
  opacity:1!important;
  visibility:visible!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-statement-block:empty{
  display:none!important;
}

/* Social screenshots are documentary captures: show the complete source image.
   Never crop to an editorial aspect ratio and never bias object-position. */
.story-c3-article-content .story-c3-legacy-social,
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility{
  overflow:visible!important;
  clip-path:none!important;
}
.story-c3-article-content .story-c3-legacy-social img,
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  clip-path:none!important;
  transform:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Repeated product-entry titles are commerce labels, not chapter headings. */
.story-c3-mode-commerce .story-c3-article-content .story-c3-product-entry-title,
.story-c3-article-content.story-c3-has-product-list .story-c3-product-entry-title{
  width:min(680px,calc(100% - 48px))!important;
  max-width:680px!important;
  margin:12px auto 8px!important;
  transform:none!important;
  font:italic 700 clamp(24px,2.5vw,36px)/1.05 'Fraunces',Georgia,serif!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  color:#111!important;
}
.story-c3-mode-commerce .story-c3-article-content .story-c3-product-entry-media,
.story-c3-article-content.story-c3-has-product-list .story-c3-product-entry-media{
  background:#fff!important;
  padding:16px!important;
}
.story-c3-mode-commerce .story-c3-article-content .story-c3-product-entry-media img,
.story-c3-article-content.story-c3-has-product-list .story-c3-product-entry-media img{
  object-fit:contain!important;
  object-position:center!important;
  height:auto!important;
  max-height:720px!important;
}

@media(max-width:767px){
  .story-c3-article-content .story-c3-legacy-social{
    width:100%!important;
    max-width:100%!important;
    padding-left:16px!important;
    padding-right:16px!important;
    overflow:visible!important;
  }
  .story-c3-article-content .story-c3-legacy-social img,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-utility img{
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:auto!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .story-c3-mode-commerce .story-c3-article-content .story-c3-product-entry-title,
  .story-c3-article-content.story-c3-has-product-list .story-c3-product-entry-title{
    width:100%!important;
    max-width:100%!important;
    margin:10px 0 8px!important;
    padding:0 20px!important;
    font-size:24px!important;
    line-height:1.08!important;
    box-sizing:border-box!important;
  }
  .story-c3-mode-commerce .story-c3-article-content .story-c3-product-entry-media,
  .story-c3-article-content.story-c3-has-product-list .story-c3-product-entry-media{
    width:100%!important;
    max-width:100%!important;
    margin:30px 0 10px!important;
    padding:18px 20px!important;
    box-sizing:border-box!important;
  }
  .story-c3-mode-commerce .story-c3-article-content .story-c3-product-entry-media img,
  .story-c3-article-content.story-c3-has-product-list .story-c3-product-entry-media img{
    width:100%!important;
    max-width:420px!important;
    max-height:none!important;
    margin:0 auto!important;
  }
}


/* ==============================================================
   v0.6.43 — SOCIAL SCREENSHOT + QUOTE RENDERING FIX
   Direct fix for nested legacy quote wrappers and social screenshots that
   live inside narrow WordPress columns. No article-system redesign.
   ============================================================== */

/* A legacy quote may be wrapped in a Gutenberg group/column. Make the direct
   wrapper the dark statement canvas and neutralise the old nested blockquote
   breakout geometry. */
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement{
  width:min(1100px,calc(100vw - 64px))!important;
  max-width:none!important;
  margin:clamp(48px,6vw,90px) 50%!important;
  transform:translateX(-50%)!important;
  padding:clamp(44px,6vw,84px) clamp(28px,7vw,96px)!important;
  box-sizing:border-box!important;
  background:#111!important;
  color:#f5f2ec!important;
  overflow:visible!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement *,
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement blockquote,
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement blockquote *{
  color:#f5f2ec!important;
  opacity:1!important;
  visibility:visible!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement blockquote{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  border:0!important;
  background:transparent!important;
  font:italic 700 clamp(34px,4.5vw,66px)/1 'Fraunces',Georgia,serif!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement blockquote:before{
  color:var(--story-c3-gold)!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement p{
  margin:0!important;
}

/* Documentary social captures must show the complete source image even when
   the legacy HTML places them inside a narrow column/table/caption wrapper. */
.story-c3-article-content .story-c3-legacy-social,
.story-c3-article-content .story-c3-legacy-social *,
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility,
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility *{
  clip-path:none!important;
}
.story-c3-article-content .story-c3-legacy-social,
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility{
  overflow:visible!important;
}
.story-c3-article-content .story-c3-legacy-social img,
.story-c3-article-content.story-c3-art-directed > .story-c3-media-utility img{
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
}

@media(max-width:767px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement{
    width:100vw!important;
    max-width:none!important;
    margin:42px 0 42px 50%!important;
    transform:translateX(-50%)!important;
    padding:46px 22px!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-legacy-dark-statement blockquote{
    font-size:clamp(30px,9vw,42px)!important;
    line-height:1.02!important;
  }

  /* Break the image itself out of any inherited 50%/column width. The parent
     remains in document flow; only the documentary capture uses viewport width. */
  .story-c3-article-content .story-c3-legacy-social img,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-utility img{
    display:block!important;
    width:calc(100vw - 40px)!important;
    max-width:calc(100vw - 40px)!important;
    min-width:0!important;
    height:auto!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }
  .story-c3-article-content .story-c3-legacy-social figure,
  .story-c3-article-content .story-c3-legacy-social p,
  .story-c3-article-content .story-c3-legacy-social a,
  .story-c3-article-content .story-c3-legacy-social .wp-block-image,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-utility figure,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-utility p,
  .story-c3-article-content.story-c3-art-directed > .story-c3-media-utility a{
    overflow:visible!important;
    max-width:none!important;
  }
}


/* ==============================================================
   v0.6.45 — STRUCTURAL SOCIAL MEDIA + RELATED THUMBNAIL FIX
   Protected social captures get a dedicated stage outside legacy column
   geometry. Related-stage img elements are explicit PHP output and are made
   visible independently of legacy lazy-load/theme image rules.
   ============================================================== */
.story-c3-social-media-stage{
  width:min(760px,calc(100% - 48px))!important;
  max-width:760px!important;
  margin:42px auto 54px!important;
  padding:0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.story-c3-social-media-stage-inner{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
  grid-column:auto!important;
}
.story-c3-social-media-stage .story-c3-legacy-social img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto!important;
  transform:none!important;
  clip-path:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.story-c3-related-stream-media>img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
  filter:none!important;
}
@media(max-width:767px){
  .story-c3-social-media-stage{
    width:calc(100vw - 32px)!important;
    max-width:none!important;
    margin:36px 0 46px 50%!important;
    transform:translateX(-50%)!important;
  }
  .story-c3-social-media-stage .story-c3-legacy-social,
  .story-c3-social-media-stage .story-c3-legacy-social figure,
  .story-c3-social-media-stage .story-c3-legacy-social p,
  .story-c3-social-media-stage .story-c3-legacy-social a,
  .story-c3-social-media-stage .story-c3-legacy-social .wp-block-image{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  .story-c3-social-media-stage .story-c3-legacy-social img{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    transform:none!important;
  }
}


/* ==============================================================
   v0.6.46 — HEADING DENSITY + AUTHOR SIGN-OFF + PRODUCT ITEMS
   Archive-wide classifier calibration from the five-article pilot.
   ============================================================== */
.story-c3-article-content.story-c3-art-directed > .story-c3-primitive-item-heading{
  width:min(680px,calc(100% - 48px))!important;
  max-width:680px!important;
  margin:50px auto 20px!important;
  transform:none!important;
  color:#111!important;
  font:700 clamp(24px,2.25vw,34px)/1.08 'DM Sans',Arial,sans-serif!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-product-entry-title{
  width:min(680px,calc(100% - 48px))!important;
  max-width:680px!important;
  margin:28px auto 16px!important;
  transform:none!important;
  color:#8d6b11!important;
  font:italic 700 clamp(27px,2.8vw,40px)/1.04 'Fraunces',Georgia,serif!important;
  letter-spacing:-.035em!important;
  text-transform:none!important;
}
.story-c3-article-content.story-c3-art-directed.story-c3-has-product-list > .story-c3-product-entry-media{
  width:min(520px,calc(100% - 48px))!important;
  max-width:520px!important;
  margin:42px auto 0!important;
  transform:none!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-signoff{
  width:min(680px,calc(100% - 48px))!important;
  max-width:680px!important;
  margin:14px auto!important;
  padding:0!important;
  transform:none!important;
  background:transparent!important;
  color:#111!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-signoff,
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-signoff *{
  font-size:14px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.story-c3-article-content.story-c3-art-directed > .story-c3-legacy-signoff a{
  color:#8d6b11!important;
  text-decoration:none!important;
}
@media(max-width:767px){
  .story-c3-article-content.story-c3-art-directed > .story-c3-primitive-item-heading{
    width:calc(100% - 40px)!important;
    margin:38px auto 16px!important;
    font-size:clamp(23px,7.2vw,30px)!important;
    line-height:1.05!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-product-entry-title{
    width:calc(100% - 40px)!important;
    margin:22px auto 12px!important;
    font-size:clamp(25px,7.4vw,32px)!important;
  }
  .story-c3-article-content.story-c3-art-directed.story-c3-has-product-list > .story-c3-product-entry-media{
    width:calc(100% - 40px)!important;
    max-width:none!important;
    margin:34px auto 0!important;
  }
  .story-c3-article-content.story-c3-art-directed > .story-c3-legacy-signoff{
    width:calc(100% - 40px)!important;
    margin:10px auto!important;
  }
}

/* v0.6.52 — STORY Article Pipeline V1: universal conservative normalizer. */
.story-c3-article-content[data-story-normalizer="1"] .story-c3-normalized-image{
  max-width:100%!important;height:auto!important;box-sizing:border-box!important;
}
.story-c3-article-content[data-story-normalizer="1"] .story-c3-normalized-figure,
.story-c3-article-content[data-story-normalizer="1"] .story-c3-normalized-legacy-media,
.story-c3-article-content[data-story-normalizer="1"] .wp-caption{
  max-width:100%!important;box-sizing:border-box!important;
}
.story-c3-article-content[data-story-normalizer="1"] .alignleft,
.story-c3-article-content[data-story-normalizer="1"] .alignright,
.story-c3-article-content[data-story-normalizer="1"] .story-c3-normalized-legacy-media{
  float:none!important;
}
.story-c3-article-content[data-story-normalizer="1"] .story-c3-normalized-table{
  display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;
}
.story-c3-article-content[data-story-normalizer="1"] iframe,
.story-c3-article-content[data-story-normalizer="1"] video,
.story-c3-article-content[data-story-normalizer="1"] embed{
  max-width:100%!important;
}

/* Safe Reading Layout: intentionally restrained. It keeps STORY typography and
   chrome but does not run the advanced article art-direction engine. */
.story-c3-article-content.story-c3-safe-layout{
  width:100%!important;max-width:none!important;padding:64px clamp(20px,5vw,72px) 88px!important;box-sizing:border-box!important;
}
.story-c3-article-content.story-c3-safe-layout > *{
  width:min(720px,100%)!important;max-width:720px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important;
}
.story-c3-article-content.story-c3-safe-layout > p,
.story-c3-article-content.story-c3-safe-layout > ul,
.story-c3-article-content.story-c3-safe-layout > ol{
  font:300 17px/1.82 'DM Sans',Arial,sans-serif!important;color:#292929!important;margin-top:0!important;margin-bottom:1.55em!important;
}
.story-c3-article-content.story-c3-safe-layout > h2{
  font:500 clamp(31px,4vw,48px)/1.02 'Fraunces',Georgia,serif!important;letter-spacing:-.025em!important;color:#111!important;margin-top:72px!important;margin-bottom:24px!important;
}
.story-c3-article-content.story-c3-safe-layout > h3{
  font:600 clamp(22px,2.3vw,30px)/1.12 'DM Sans',Arial,sans-serif!important;color:#171717!important;margin-top:48px!important;margin-bottom:18px!important;
}
.story-c3-article-content.story-c3-safe-layout > h4{
  font:600 18px/1.25 'DM Sans',Arial,sans-serif!important;color:#171717!important;margin-top:36px!important;margin-bottom:14px!important;
}
.story-c3-article-content.story-c3-safe-layout > figure,
.story-c3-article-content.story-c3-safe-layout > .wp-block-image,
.story-c3-article-content.story-c3-safe-layout > .wp-block-gallery,
.story-c3-article-content.story-c3-safe-layout > .gallery,
.story-c3-article-content.story-c3-safe-layout > p:has(> img:only-child){
  width:min(900px,100%)!important;max-width:900px!important;margin:42px auto!important;
}
.story-c3-article-content.story-c3-safe-layout img{
  display:block!important;max-width:100%!important;height:auto!important;margin-left:auto!important;margin-right:auto!important;
}
.story-c3-article-content.story-c3-safe-layout figcaption,
.story-c3-article-content.story-c3-safe-layout .wp-caption-text{
  font:400 12px/1.5 'DM Sans',Arial,sans-serif!important;color:#6b6257!important;margin-top:10px!important;
}
.story-c3-article-content.story-c3-safe-layout blockquote{
  width:min(760px,100%)!important;margin:52px auto!important;padding:0 0 0 22px!important;border-left:2px solid var(--story-c3-gold)!important;
  font:italic 400 clamp(25px,3vw,38px)/1.2 'Fraunces',Georgia,serif!important;color:#171717!important;
}
.story-c3-article-content.story-c3-safe-layout table,
.story-c3-article-content.story-c3-safe-layout .wp-block-table{
  width:100%!important;max-width:100%!important;overflow-x:auto!important;font:400 14px/1.5 'DM Sans',Arial,sans-serif!important;
}
.story-c3-article-content.story-c3-safe-layout .alignleft,
.story-c3-article-content.story-c3-safe-layout .alignright,
.story-c3-article-content.story-c3-safe-layout .aligncenter,
.story-c3-article-content.story-c3-safe-layout [style*="float"]{
  float:none!important;margin-left:auto!important;margin-right:auto!important;
}
.story-c3-article-content.story-c3-safe-layout iframe,
.story-c3-article-content.story-c3-safe-layout blockquote.instagram-media,
.story-c3-article-content.story-c3-safe-layout .twitter-tweet{
  width:min(720px,100%)!important;max-width:720px!important;margin:34px auto!important;
}
@media (max-width:720px){
  .story-c3-article-content.story-c3-safe-layout{padding:42px 20px 64px!important}
  .story-c3-article-content.story-c3-safe-layout > p,
  .story-c3-article-content.story-c3-safe-layout > ul,
  .story-c3-article-content.story-c3-safe-layout > ol{font-size:16px!important;line-height:1.76!important}
  .story-c3-article-content.story-c3-safe-layout > h2{margin-top:54px!important}
}

/* v0.6.52 — Adaptive Safe Editorial. The safe layer gets composition, not the
   full DOM art-direction engine. */
.story-c3-article-content.story-c3-safe-adaptive{width:100%!important;max-width:none!important;}
.story-c3-article-content.story-c3-safe-adaptive.story-c3-safe-profile-commerce{padding-left:clamp(20px,4vw,64px)!important;padding-right:clamp(20px,4vw,64px)!important;}
.story-c3-safe-commerce-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 34px;align-items:start;}
.story-c3-safe-commerce-grid > :not(.story-c3-safe-product-card){grid-column:1/-1;}
.story-c3-safe-commerce-grid > .story-c3-safe-product-card{width:100%!important;max-width:none!important;margin:0!important;background:#f7f4ed!important;padding:20px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;}
.story-c3-safe-product-card > figure,.story-c3-safe-product-card > .wp-block-image,.story-c3-safe-product-card > p:has(>img:only-child),.story-c3-safe-product-card > .gallery{width:100%!important;max-width:none!important;margin:0 0 18px!important;background:#fff!important;padding:18px!important;box-sizing:border-box!important;}
.story-c3-safe-product-card img{width:100%!important;max-width:100%!important;height:auto!important;max-height:430px!important;object-fit:contain!important;}
.story-c3-safe-product-card .story-c3-product-entry-title,.story-c3-safe-product-card h2,.story-c3-safe-product-card h3{width:100%!important;max-width:none!important;margin:0 0 10px!important;font:italic 700 clamp(22px,2.2vw,31px)/1.08 'Fraunces',Georgia,serif!important;color:#111!important;letter-spacing:-.02em!important;}
.story-c3-safe-product-card .story-c3-safe-product-detail,.story-c3-safe-product-card > p:not(:has(>img:only-child)),.story-c3-safe-product-card > ul,.story-c3-safe-product-card > ol{width:100%!important;max-width:none!important;margin:0 0 9px!important;font:400 14px/1.55 'DM Sans',Arial,sans-serif!important;color:#3a352f!important;}
.story-c3-safe-editorial-spread{width:min(1040px,100%)!important;max-width:1040px!important;margin:72px auto!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:clamp(28px,5vw,76px);align-items:center;}
.story-c3-safe-editorial-spread-reverse{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr)!important;}
.story-c3-safe-editorial-spread > figure,.story-c3-safe-editorial-spread > .wp-block-image,.story-c3-safe-editorial-spread > p:has(>img:only-child),.story-c3-safe-editorial-spread > .gallery{width:100%!important;max-width:none!important;margin:0!important;}
.story-c3-safe-editorial-spread img{width:100%!important;max-width:100%!important;height:auto!important;}
.story-c3-safe-editorial-copy{width:100%!important;max-width:540px!important;}
.story-c3-safe-editorial-copy-block{width:100%!important;max-width:none!important;margin:0 0 1.4em!important;}
@media(max-width:900px){
  .story-c3-safe-commerce-grid{grid-template-columns:1fr;gap:34px;}
  .story-c3-safe-commerce-grid > :not(.story-c3-safe-product-card){grid-column:auto;}
  .story-c3-safe-editorial-spread,.story-c3-safe-editorial-spread-reverse{grid-template-columns:1fr!important;gap:24px;margin:58px auto!important;}
  .story-c3-safe-editorial-copy{max-width:720px!important;}
}
@media(max-width:600px){
  .story-c3-safe-product-card{padding:14px!important;}
  .story-c3-safe-product-card > figure,.story-c3-safe-product-card > .wp-block-image,.story-c3-safe-product-card > p:has(>img:only-child){padding:12px!important;}
  .story-c3-safe-editorial-spread{margin:44px auto!important;}
}


/* ==============================================================
   v0.6.53 — ADAPTIVE SAFE EDITORIAL COMPOSITION V2
   Wider desktop canvas, stronger image/text spreads, and a real commerce
   grouping model. Mobile deliberately collapses back to one reading spine.
   ============================================================== */
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2{
  padding-left:clamp(24px,5vw,88px)!important;
  padding-right:clamp(24px,5vw,88px)!important;
}
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > p,
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > ul,
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > ol{
  width:min(760px,100%)!important;max-width:760px!important;
}
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > figure,
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > .wp-block-image,
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > .wp-block-gallery,
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > .gallery,
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2 > p:has(>img:only-child){
  width:min(980px,100%)!important;max-width:980px!important;
}
.story-c3-article-content.story-c3-safe-composition-v2 .story-c3-safe-section-heading{
  width:min(900px,100%)!important;max-width:900px!important;
  margin-top:88px!important;margin-bottom:28px!important;
  font-size:clamp(34px,4.4vw,58px)!important;
}
.story-c3-article-content.story-c3-safe-composition-v2 .story-c3-safe-item-heading{
  width:min(760px,100%)!important;max-width:760px!important;
  margin-top:54px!important;margin-bottom:18px!important;
  font:italic 700 clamp(23px,2.4vw,34px)/1.06 'Fraunces',Georgia,serif!important;
  letter-spacing:-.025em!important;
}
.story-c3-safe-editorial-spread{
  width:min(1160px,100%)!important;max-width:1160px!important;
  margin:92px auto!important;display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;
  gap:clamp(42px,6vw,96px)!important;align-items:center!important;
}
.story-c3-safe-editorial-spread-reverse{
  grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)!important;
}
.story-c3-safe-editorial-spread > figure,
.story-c3-safe-editorial-spread > .wp-block-image,
.story-c3-safe-editorial-spread > p:has(>img:only-child),
.story-c3-safe-editorial-spread > .gallery{
  width:100%!important;max-width:none!important;margin:0!important;
}
.story-c3-safe-editorial-spread img{
  width:100%!important;max-width:100%!important;height:auto!important;
}
.story-c3-safe-editorial-copy{width:100%!important;max-width:580px!important;}
.story-c3-safe-editorial-copy-block{
  width:100%!important;max-width:none!important;margin:0 0 1.5em!important;
  font-size:16px!important;line-height:1.78!important;
}
.story-c3-article-content.story-c3-safe-composition-v2.story-c3-safe-has-commerce{
  display:block!important;
}
.story-c3-safe-commerce-grid{
  width:min(1160px,100%)!important;max-width:1160px!important;
  margin:76px auto!important;display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:54px 30px!important;align-items:start!important;
}
.story-c3-safe-commerce-grid > :not(.story-c3-safe-product-card){grid-column:1/-1;}
.story-c3-safe-commerce-grid > .story-c3-safe-product-card{
  width:100%!important;max-width:none!important;margin:0!important;
  background:#f7f4ed!important;padding:18px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
}
.story-c3-safe-product-card > figure,
.story-c3-safe-product-card > .wp-block-image,
.story-c3-safe-product-card > p:has(>img:only-child),
.story-c3-safe-product-card > .gallery{
  width:100%!important;max-width:none!important;margin:0 0 18px!important;
  background:#fff!important;padding:18px!important;box-sizing:border-box!important;
}
.story-c3-safe-product-card img{
  width:100%!important;max-width:100%!important;height:auto!important;
  max-height:420px!important;object-fit:contain!important;
}
.story-c3-safe-product-card .story-c3-product-entry-title,
.story-c3-safe-product-card h2,.story-c3-safe-product-card h3{
  width:100%!important;max-width:none!important;margin:0 0 10px!important;
  font:italic 700 clamp(20px,1.8vw,27px)/1.08 'Fraunces',Georgia,serif!important;
  color:#111!important;letter-spacing:-.018em!important;
}
.story-c3-safe-product-card .story-c3-safe-product-detail,
.story-c3-safe-product-card > p:not(:has(>img:only-child)),
.story-c3-safe-product-card > ul,.story-c3-safe-product-card > ol{
  width:100%!important;max-width:none!important;margin:0 0 9px!important;
  font:400 13px/1.55 'DM Sans',Arial,sans-serif!important;color:#3a352f!important;
}
@media(max-width:1000px){
  .story-c3-safe-commerce-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 24px!important;}
  .story-c3-safe-editorial-spread,.story-c3-safe-editorial-spread-reverse{
    grid-template-columns:minmax(0,1fr) minmax(260px,.9fr)!important;gap:34px!important;margin:72px auto!important;
  }
}
@media(max-width:760px){
  .story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v2{padding:42px 20px 64px!important;}
  .story-c3-safe-commerce-grid{grid-template-columns:1fr!important;gap:34px!important;margin:52px auto!important;}
  .story-c3-safe-editorial-spread,.story-c3-safe-editorial-spread-reverse{
    grid-template-columns:1fr!important;gap:22px!important;margin:56px auto!important;
  }
  .story-c3-safe-editorial-copy{max-width:720px!important;}
  .story-c3-article-content.story-c3-safe-composition-v2 .story-c3-safe-section-heading{
    margin-top:58px!important;font-size:34px!important;
  }
  .story-c3-safe-product-card{padding:14px!important;}
}


/* ==============================================================
   v0.6.54 — ADAPTIVE SAFE EDITORIAL COMPOSITION V3
   Commerce groups are real bounded grids; image-heavy Safe features gain a
   conservative staggered desktop rhythm. Normalizer / Editorial V1 untouched.
   ============================================================== */
.story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v3{
  padding-left:clamp(24px,5vw,88px)!important;
  padding-right:clamp(24px,5vw,88px)!important;
}
.story-c3-safe-composition-v3 .story-c3-safe-commerce-group{
  width:min(1160px,100%)!important;max-width:1160px!important;
  margin:76px auto 92px!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:54px 30px!important;align-items:start!important;
}
.story-c3-safe-composition-v3 .story-c3-safe-commerce-group > .story-c3-safe-product-card{
  width:100%!important;max-width:none!important;margin:0!important;height:100%;
}
.story-c3-safe-composition-v3 .story-c3-safe-commerce-group .story-c3-safe-product-card img{
  width:100%!important;height:auto!important;max-height:360px!important;object-fit:contain!important;
}
.story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-media{
  margin-top:64px!important;margin-bottom:64px!important;
}
.story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-1{
  width:min(900px,88%)!important;max-width:900px!important;margin-left:6%!important;margin-right:auto!important;
}
.story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-2{
  width:min(760px,76%)!important;max-width:760px!important;margin-left:auto!important;margin-right:7%!important;
}
.story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-3{
  width:min(980px,92%)!important;max-width:980px!important;margin-left:auto!important;margin-right:auto!important;
}
.story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-media img{
  width:100%!important;max-width:100%!important;height:auto!important;
}
@media(max-width:1000px){
  .story-c3-safe-composition-v3 .story-c3-safe-commerce-group{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:42px 24px!important;
  }
  .story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-media{
    width:min(820px,92%)!important;max-width:820px!important;margin-left:auto!important;margin-right:auto!important;
  }
}
@media(max-width:760px){
  .story-c3-article-content.story-c3-safe-layout.story-c3-safe-composition-v3{padding:42px 20px 64px!important;}
  .story-c3-safe-composition-v3 .story-c3-safe-commerce-group{
    grid-template-columns:1fr!important;gap:34px!important;margin:52px auto 64px!important;
  }
  .story-c3-safe-composition-v3 .story-c3-safe-commerce-group .story-c3-safe-product-card img{max-height:none!important;}
  .story-c3-safe-composition-v3.story-c3-safe-image-sequence > .story-c3-safe-sequence-media{
    width:100%!important;max-width:100%!important;margin:44px auto!important;
  }
}