:root{--hh:57px}
body{background:var(--paper);color:var(--ink)}
/* 1 thin shared header */
.top{display:flex;justify-content:space-between;align-items:center;height:var(--hh);padding:0 var(--pad);background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:5}
.top nav{display:flex;align-items:center;gap:20px}
.mark{font:800 18px/1 var(--sans);letter-spacing:-.04em;text-decoration:none}.mark i{font-style:normal;color:var(--red)}
.disc{font:700 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.btn.sm{padding:12px 16px;font-size:11px}.btn.gh{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.chip{display:inline-flex;align-items:center;gap:8px;font:600 12px/1 var(--sans);padding:5px 12px 5px 5px;box-shadow:inset 0 0 0 1px var(--ink);border-radius:99px;text-decoration:none}
.chip b{width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:11px}
/* logos + dot (same rule as /home) */
.lg{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px var(--line);position:relative;--ring:var(--paper)}
.lg img{width:72%;height:72%;object-fit:contain}.lg.dk{background:#1c1a17}.lg.big{width:72px;height:72px}
.lg.alive::after{content:"";position:absolute;top:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#f2392e;box-shadow:0 0 0 2px var(--ring)}
.lg.big.alive::after{width:11px;height:11px;top:0;right:0}
.hero.dk .lg{--ring:var(--ink)}
/* 2 brand hero (the /home .house .lead look) */
.hero{padding:0 0 8vh}
.hero.dk{background:var(--ink);color:var(--paper)}.hero.dk .mute{color:#a9a59c}
.plate{margin:0;aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--ink)}
.plate img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:saturate(.86) contrast(1.05) sepia(.08)}
.plate:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(17,17,15,0) 55%,rgba(17,17,15,.75));pointer-events:none}
.hin{padding:6vh var(--pad) 0;display:flex;flex-direction:column;align-items:flex-start}
.hin .cat{margin-bottom:22px}
.hero h1{font:400 clamp(54px,12vw,132px)/.86 var(--serif);letter-spacing:-.055em;margin:4vh 0 0 -.03em}
.yes{display:flex;align-items:baseline;gap:16px;margin:4vh 0 0}
.yes b{font:300 italic clamp(84px,20vw,172px)/.8 var(--serif);letter-spacing:-.06em;color:var(--red)}
.yes span{font:300 clamp(20px,5vw,27px)/1.2 var(--serif);max-width:9em}
.ex{font:500 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-top:10px}
.voice{font:300 italic clamp(27px,6vw,46px)/1.12 var(--serif);letter-spacing:-.02em;margin:5vh 0 0;max-width:14em}
.voice cite{display:block;margin-top:16px;font:600 11px/1.2 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
/* content column */
.col{padding:0}
.blk{padding:7vh var(--pad);border-top:1px solid var(--line)}
.blk>.micro:first-child{margin:0 0 22px}
.chal h2{font:400 clamp(36px,7vw,68px)/.95 var(--serif);letter-spacing:-.045em;margin:0 0 20px}
.demo{background:#fde7a8;color:#6b4a00;padding:3px 6px;letter-spacing:.1em}
.win{font:300 italic clamp(20px,2.4vw,26px)/1.25 var(--serif);margin:0 0 26px;max-width:24em}.win .micro{font-style:normal;display:block;margin-bottom:6px}
.prog{height:2px;background:rgba(17,17,15,.16);margin:0 0 12px}.prog i{display:block;height:100%;background:var(--red)}
.meta{display:flex;justify-content:space-between;gap:12px;margin:0 0 28px}
.chal .btn{align-self:flex-start}
.mine{margin:0;font:300 italic 28px/1 var(--serif)}.mine b{font-weight:400;color:var(--red)}
.perk{font:400 clamp(24px,3.4vw,38px)/1.2 var(--serif);color:var(--red);margin:0;max-width:20em;letter-spacing:-.02em}
.ppl.dk{background:var(--ink);color:var(--paper);--line:rgba(242,240,234,.16);--mute:#a9a59c}
.folk{list-style:none;margin:0;padding:0}
.folk li{border-top:1px solid var(--line)}
.folk li:last-child{border-bottom:1px solid var(--line)}
.folk .ph{aspect-ratio:3/4;position:relative;overflow:hidden;background:var(--ink)}.folk .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.folk h3{font:400 clamp(28px,2.6vw,40px)/1 var(--serif);letter-spacing:-.035em;margin:2px 0 8px}.folk h3 a{text-decoration:none}
.folk .r{color:var(--mute);margin:0}
.folk q{display:block;quotes:none;margin:12px 0 0;font:300 italic clamp(19px,1.6vw,23px)/1.3 var(--serif);max-width:24em}
.seen{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:22px}.seen a{color:inherit;text-underline-offset:4px}
/* 6 other places: quiet whole-row links */
.oth ul{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:56px 1fr;gap:2px 18px;align-items:center;padding:18px 0;border-top:1px solid var(--line);text-decoration:none;transition:background .2s}
.row:hover{background:var(--paper2)}
.oth li:last-child .row{border-bottom:1px solid var(--line)}
.row .lg{grid-row:1/3}
.row .rn{font:400 clamp(26px,3vw,38px)/1 var(--serif);letter-spacing:-.04em}
.row .rl{margin:0}
/* 7 closing CTA */
.turn{background:var(--red);color:#fff;padding:12vh var(--pad)}
.turn h2{font:400 clamp(48px,10vw,150px)/.88 var(--serif);letter-spacing:-.058em;margin:20px 0 .4em -.03em;max-width:10em}.turn h2 em{display:block}
.turn .btn{background:#fff;color:var(--ink);padding:22px 30px}
.turn small{display:block;margin-top:22px;color:rgba(255,255,255,.85);font-size:14px}
.foot{display:flex;justify-content:space-between;gap:12px;padding:28px var(--pad) 40px}
.foot a{text-underline-offset:4px}
@media(min-width:900px){
 .pg{display:grid;grid-template-columns:5fr 7fr;align-items:start}
 .pg.dk{background:linear-gradient(90deg,#11110f 0 41.667%,transparent 0)}
 .pg:not(.dk){background:linear-gradient(90deg,transparent calc(41.667% - 1px),var(--line) 0 41.667%,transparent 0)}
 .hero{position:sticky;top:0;min-height:calc(100svh - var(--hh));padding:0 0 6vh;display:flex;flex-direction:column;justify-content:flex-end}
 .hero .plate{display:none}
 .hin{padding:6vh clamp(28px,3.4vw,56px) 0}
 .hero h1{font-size:clamp(64px,7vw,128px)}.yes b{font-size:clamp(100px,11vw,172px)}.voice{font-size:clamp(28px,2.6vw,42px)}
  
 .blk{padding:8vh clamp(28px,8vw,150px) 8vh clamp(28px,4vw,64px)}
 .blk:first-child{border-top:0;padding-top:10vh}
}

/* live additions */
.plus{font:300 italic clamp(110px,24vw,200px)/.7 var(--serif);color:var(--red);letter-spacing:-.04em;margin:4vh 0 0;padding-top:.1em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.folk li>a{display:grid;grid-template-columns:88px 1fr;gap:18px;align-items:start;text-decoration:none;width:100%}
.folk li{display:block;padding:0}.folk li>a{padding:22px 0}
.folk .ph .ini{position:absolute;inset:0;display:grid;place-items:center;font:300 italic 44px var(--serif);color:var(--paper)}
.ppl:not(.dk) .folk .ph .ini{background:var(--ink)}
.folk li a:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.turn .btn{max-width:100%}
.btn.gh.sm,.chip{white-space:nowrap}
.top nav{min-width:0}
.blk,.hin,.folk li>a>div{min-width:0}
.hero h1,.chal h2,.perk,.folk h3,.row .rn{overflow-wrap:anywhere;hyphens:auto}
.row>.rl{grid-column:2}
button.btn{cursor:pointer;font-family:var(--sans)}
@media(min-width:900px){.folk li>a{grid-template-columns:120px 1fr;gap:26px}}

a.bl{color:inherit;text-decoration:none}a.bl:hover{text-decoration:underline;text-underline-offset:3px}a.bl:focus-visible,a.pl:focus-visible{outline:2px solid currentColor;outline-offset:2px}a.pl{color:inherit;text-decoration:none}a.pl:hover{text-decoration:underline;text-underline-offset:3px}a.lga{display:contents}

.life{margin:18px 0 0;max-width:30ch;line-height:1.5;letter-spacing:.06em}.hero.dk .life{color:rgba(242,240,234,.62)}