:root{--gold:#C9A23F;--maroon:#6B0F1A;--wine:#8E1528;--ink:#111;--ivory:#F7F1E3}
.look a:hover{color:var(--wine)}
.look .page{padding-top:32px}
.mark{display:block;width:84px;height:auto;flex:none}
.mini{display:block;width:56px;height:auto;flex:none}
.arch{display:block;width:96px;height:auto}
.num{font-family:'Josefin Sans',sans-serif;font-size:13px;letter-spacing:.3em;color:var(--gold);white-space:nowrap}
.look .btn{font-family:'Josefin Sans',sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding-top:3px}
.look .stamp{font-family:'Josefin Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.rule{display:flex;align-items:center;gap:20px}.rule i{flex:1;height:4px;border-top:1px solid var(--ink);border-bottom:1px solid var(--gold)}

/* A: Paper */
.mast{max-width:1440px;margin:0 auto;padding:24px clamp(16px,4vw,56px) 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.lock{display:inline-flex;align-items:center;gap:18px;text-decoration:none;color:var(--ink)}
.wm{display:flex;flex-direction:column;gap:8px;border-left:1px solid var(--gold);padding:6px 0 4px 18px}
.wm b,.stack b,.card9 b,.lg .w{font-family:'Josefin Sans',sans-serif;font-weight:400;letter-spacing:.14em;white-space:nowrap}
.wm b{font-size:24px;line-height:1}
.dbl{height:6px;border-top:2px solid var(--ink);border-bottom:1px solid var(--gold);margin:0 clamp(16px,4vw,56px)}
.a .btn{background:var(--maroon)}.a .stamp{color:var(--wine)}
.a .shorts .card{border-top:1px solid var(--gold);padding-top:14px}

/* B and C: banded mastheads */
.band{background:var(--ink);color:#fff;padding:16px clamp(16px,4vw,56px) 36px;display:flex;flex-direction:column;gap:20px;border-bottom:4px double var(--gold)}
.bar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.stack{display:flex;flex-direction:column;align-items:center;gap:22px;text-decoration:none;color:#fff}.stack:hover{color:#fff!important}
.mark.big{width:min(340px,64vw)}
.stack b{font-size:clamp(22px,3.4vw,40px);line-height:1}
.band .btn{background:transparent;border:1px solid var(--gold);color:var(--gold)}.band .btn:hover{color:#fff}
.b .stamp{color:#555}
.b .leads .card{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0;background:var(--ink);color:#fff}
.b .leads .txt{display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(20px,3vw,48px);border-left:4px solid var(--gold)}
.b .leads .cover{height:100%;object-fit:cover}.b .leads .stamp{color:var(--gold)}.b .leads a:hover{color:var(--gold)}
.b .shorts .card{border-top:3px solid var(--ink);padding-top:14px}

body.c{background:var(--ivory)}
.c .band{background:var(--maroon)}
.c .band .stack{outline:1px solid var(--gold);outline-offset:-10px;padding:36px 16px 34px}
.c h2 a{color:var(--maroon)}.c h2 a:hover{color:var(--ink)}.c .stamp{color:#6b5a2a}
.c .shorts .card{border-top:1px solid var(--gold);padding-top:14px}
.look .leads .txt{display:flex;flex-direction:column;gap:14px}
.card9{border:2px solid var(--ink);outline:1px solid var(--ink);outline-offset:-7px;background:#fff;display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:7px}
.card9 .burst{display:block;width:100%;height:clamp(60px,9vw,110px)}
.card9 div{padding:6px 12px;display:flex;flex-direction:column;gap:8px;align-items:center}
.card9 b{font-size:clamp(20px,3vw,34px)}
.card9 p{margin:0;font-family:'Josefin Sans',sans-serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}

/* Footers */
.end{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 16px 96px;border-top:1px solid var(--gold);margin:0 clamp(16px,4vw,56px);font-size:15px;color:#555}.end p{margin:0;text-align:center}
.end.dark{margin:0;background:var(--ink);color:#bbb;border-top:4px double var(--gold)}

/* Look switcher */
.switch{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;background:var(--ink);border:1px solid var(--gold);padding:6px 8px 6px 14px;font-family:'Josefin Sans',sans-serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);z-index:5}
.switch a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding-top:3px;color:#fff;text-decoration:none}.switch a[aria-current]{background:var(--gold);color:var(--ink)}.switch a:hover{color:var(--gold)}.switch a[aria-current]:hover{color:var(--ink)}

/* Picker */
.pick h1{font-size:clamp(40px,4.5vw,64px)}.pick .sub{font-size:26px;margin-top:16px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}
.tile{display:flex;flex-direction:column;gap:12px;text-decoration:none;font-family:'Josefin Sans',sans-serif;font-size:20px;letter-spacing:.06em}
.tile .sw{display:flex;align-items:center;justify-content:center;height:200px;border:1px solid var(--ink)}.tile .sw .mark{width:150px}
.tile.b .sw{background:var(--ink)}.tile.c .sw{background:var(--maroon)}
.logos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}
.lg{min-height:300px;display:flex;align-items:center;justify-content:center;padding:24px;border:1px solid #ddd}
.lg.blk{background:var(--ink);color:#fff}.lg.mar{background:var(--maroon);color:#fff;outline:1px solid var(--gold);outline-offset:-10px}
.lg .col{display:flex;flex-direction:column;align-items:center;gap:16px}.lg .col .mark,.lg .col .arch{width:190px}.lg .w{font-size:22px}
.lg .card9{width:100%}.lg .lock .wm b{font-size:18px}

@media(max-width:700px){
.mark{width:54px}.lock{gap:10px}.wm{padding-left:10px;gap:6px}.wm b{font-size:14px;letter-spacing:.1em}.wm .num{font-size:10px}
.look .btn{font-size:11px;padding:3px 10px 0;min-height:36px}
.b .leads .card{grid-template-columns:1fr}.b .leads .txt{border-left:0;border-top:4px solid var(--gold)}
.band .num{font-size:11px}
}
.lg .card9 b{font-size:18px}
@media(max-width:700px){.mast .btn{white-space:normal;max-width:96px;text-align:center;line-height:1.3;padding:6px 8px 3px}.mark{width:46px}}
.band.slim{flex-direction:row;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,56px)}
.band .lock,.band .lock:hover{color:#fff!important}.band.slim .mark{width:72px}.band.slim .wm{padding:10px 0 6px 18px}
.c h1{color:var(--maroon)}.c .body a{text-decoration-color:var(--gold);text-underline-offset:3px}.c .foot{border-top-color:var(--gold)}
@media(max-width:700px){.band.slim .mark{width:46px}.slim .btn{white-space:normal;max-width:96px;text-align:center;line-height:1.3;padding:6px 8px 3px}}
.c .band:not(.slim){padding:12px clamp(16px,4vw,56px) 22px;gap:12px}
.c .band .stack{padding:22px 16px 20px;gap:14px}.c .band .mark.big{width:min(220px,44vw)}.c .band .stack b{font-size:clamp(18px,2.5vw,28px)}

/* ---- Life: depth and motion ---- */
.c .band{background:radial-gradient(ellipse 70% 120% at 50% 35%,#8c1727 0%,#6B0F1A 55%,#4a0911 100%);box-shadow:0 10px 30px -12px rgba(40,5,10,.6);position:relative;z-index:3}
.c .band.slim{position:sticky;top:0}.c .beside>.side{top:96px}
.c .band .btn{transition:background .25s,color .25s}.c .band .btn:hover{background:var(--gold);color:var(--maroon)}
.c .mark circle{transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 0 rgba(201,162,63,0))}
.live{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 16px 9px;font-family:'Josefin Sans',sans-serif;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--maroon);border-bottom:1px solid var(--gold);text-align:center;min-height:42px}
.live i{width:8px;height:8px;border-radius:50%;background:#C8102E;flex:none;margin-top:-3px}
.c .leads .cover{box-shadow:0 24px 44px -22px rgba(60,10,15,.7);outline:1px solid var(--gold);outline-offset:6px}
.c .leads{padding:6px}
.c .shorts .card{transition:transform .3s ease}.c .shorts .thumb{transition:box-shadow .3s ease,filter .3s ease;filter:saturate(.9)}
.c .shorts .card:hover{transform:translateY(-6px)}.c .shorts .card:hover .thumb{box-shadow:0 20px 30px -16px rgba(60,10,15,.65);filter:saturate(1.1)}
.c h2 a{background:linear-gradient(var(--gold),var(--gold)) no-repeat 0 100%/0 2px;transition:background-size .45s ease,color .2s;padding-bottom:2px}.c h2 a:hover{background-size:100% 2px}
.card9{box-shadow:0 18px 36px -22px rgba(60,10,15,.55);transition:box-shadow .3s}.card9:hover{box-shadow:0 26px 44px -20px rgba(60,10,15,.7)}
.card9 .burst line{stroke-dasharray:240;stroke-dashoffset:0}
.prog{position:fixed;left:0;top:0;height:3px;width:0;background:var(--gold);z-index:9}
@media(prefers-reduced-motion:no-preference){
.c .mark polygon{animation:ray .7s ease-out both}
.c .mark polygon:nth-child(6),.c .mark polygon:nth-child(7){animation-delay:.1s}
.c .mark polygon:nth-child(5),.c .mark polygon:nth-child(8){animation-delay:.2s}
.c .mark polygon:nth-child(4),.c .mark polygon:nth-child(9){animation-delay:.3s}
.c .mark polygon:nth-child(3),.c .mark polygon:nth-child(10){animation-delay:.4s}
.c .mark polygon:nth-child(2),.c .mark polygon:nth-child(11){animation-delay:.5s}
.c .mark polygon:nth-child(1),.c .mark polygon:nth-child(12){animation-delay:.6s}
.c .mark rect{transform-origin:50% 100%;animation:line .8s .5s ease-out both}
.c .mark circle{animation:pop .5s ease-out both,glow 3.2s 1.2s ease-in-out infinite}
.c .stack b{animation:rise .8s .7s ease-out both}
.live i{animation:blink 1.6s ease-in-out infinite}
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.js .rv.in{opacity:1;transform:none}
.js .card9.rv .burst line{stroke-dashoffset:240;transition:stroke-dashoffset 1.4s ease .2s}.js .card9.rv.in .burst line{stroke-dashoffset:0}
.card9 .burst{animation:breathe 5s ease-in-out infinite}
}
@keyframes ray{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pop{from{transform:scale(0)}to{transform:scale(1)}}
@keyframes glow{0%,100%{filter:drop-shadow(0 0 1px rgba(201,162,63,.2))}50%{filter:drop-shadow(0 0 7px rgba(232,196,96,.95))}}
@keyframes rise{from{opacity:0;transform:translateY(10px);letter-spacing:.3em}to{opacity:1;transform:none}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes breathe{0%,100%{opacity:.75}50%{opacity:1}}
@media(max-width:700px){.live{font-size:11px;letter-spacing:.12em}}

/* ---- Centered article column ---- */
.c .big{align-items:center}
.c .big>.body,.c .big>article.body{width:100%;max-width:720px;margin:0 auto}
.c .big>.fig{width:100%}
.c .big h1{max-width:720px}

/* ---- Section navigation ---- */
.sitenav{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,4vw,56px);background:var(--ivory);border-bottom:1px solid var(--gold);position:relative;z-index:2}
.c .band.slim+.sitenav{position:sticky;top:76px}
.sitenav div{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.sitenav div::-webkit-scrollbar{display:none}
.sitenav a{display:inline-flex;align-items:center;min-height:46px;padding:3px 14px 0;font-family:'Josefin Sans',sans-serif;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ink);white-space:nowrap;border-bottom:3px solid transparent}
.sitenav a:hover{color:var(--wine)}.sitenav a[aria-current]{border-bottom-color:var(--wine);color:var(--wine)}
.sitenav .west{color:#6b5a2a;font-weight:400;letter-spacing:.08em}
@media(max-width:700px){.sitenav .west{display:none}.sitenav{padding:0 4px}.sitenav a{padding:3px 10px 0;font-size:12px}.c .band.slim+.sitenav{top:62px}}

/* ---- Read more ---- */
.more{display:flex;flex-direction:column;gap:28px;margin-top:24px;padding-top:32px;border-top:4px double var(--gold)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.pn a{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid var(--gold);text-decoration:none;font-family:'Bodoni Moda',serif;font-size:24px;font-weight:600;line-height:1.15;color:var(--maroon);transition:background .25s}
.pn a:hover{background:#fff}.pn .newer{text-align:right}
.pn span,.kick,.mh a{font-family:'Josefin Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6b5a2a}
.mh{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.mh h2{font-size:clamp(30px,3vw,40px);color:var(--maroon)}
.mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:28px}
.mc{gap:10px!important;transition:transform .3s ease}.mc:hover{transform:translateY(-5px)}
.mc .ph{display:block;overflow:hidden}.mc .thumb{transition:transform .5s ease}.mc:hover .thumb{transform:scale(1.05)}
.mc .kick{margin:4px 0 0}.mc .kick a{color:inherit}.mc h2{font-size:24px;line-height:1.15}
.mc .dk{margin:0;font-size:16px;line-height:1.45;color:#3d3328}
.signup-strip{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:24px 28px;background:radial-gradient(ellipse 70% 140% at 30% 40%,#8c1727,#6B0F1A 60%,#4a0911);color:#fff;text-decoration:none;outline:1px solid var(--gold);outline-offset:-8px}
.signup-strip:hover{color:#fff!important}
.signup-strip b{font-family:'Josefin Sans',sans-serif;font-weight:400;letter-spacing:.14em;font-size:22px}.signup-strip b span{color:var(--gold)}
.signup-strip>span{font-size:16px;color:#f0e2c4}
.sechead h1{font-size:clamp(40px,5vw,72px);color:var(--maroon);border-bottom:4px double var(--gold);padding-bottom:16px}
.empty{font-size:18px;color:#555}
.foot a{color:var(--maroon);text-decoration-color:var(--gold);text-underline-offset:3px}.foot a:hover{color:var(--ink)}
@media(max-width:700px){.pn{grid-template-columns:1fr}.pn .newer{text-align:left}.pn a{font-size:20px}}
@media(max-width:700px){.c .band.slim+.sitenav{position:relative;top:0}}
.end a{color:var(--maroon);text-decoration-color:var(--gold);text-underline-offset:3px}