:root{--green:#0E2A2C;--green2:#0a2021;--green3:#143b39;--cream:#F4F1EA;--coral:#E8896B;--muted:#8aa3a0;--line:#1e3836;--body:#c8d6d3;--ink:#07100f}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--green2);color:var(--cream);font-family:"Montserrat",-apple-system,BlinkMacSystemFont,sans-serif;margin:0;font-weight:300;-webkit-font-smoothing:antialiased}

.nav{display:flex;gap:24px;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:1px;position:sticky;top:0;background:rgba(10,32,33,.9);backdrop-filter:blur(10px);z-index:50}
.nav a{color:var(--muted);text-decoration:none}.nav a.on{color:var(--cream)}.nav a:hover{color:var(--coral)}
.nav .brand{font-weight:600;letter-spacing:3px;color:var(--cream)}

.cover{text-align:center;padding:64px 28px 26px;background:radial-gradient(120% 80% at 50% 0%,var(--green3) 0%,var(--green2) 60%)}
.cover img{width:188px;max-width:48%;height:auto;filter:drop-shadow(0 0 30px rgba(244,241,234,.12))}
.cover .kicker{margin:24px 0 0;font-size:12px;letter-spacing:5px;color:var(--coral);font-weight:600;text-transform:uppercase}
.cover h1{font-weight:400;font-size:26px;letter-spacing:.5px;margin:12px 0 0}
.rule{width:54px;height:2px;background:var(--coral);border:0;margin:20px auto}
.cover p{max-width:660px;margin:0 auto;color:var(--body);font-size:14.5px;line-height:1.65}
.cover .tag{margin-top:20px;font-size:11px;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase}

.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.concept{padding:48px 0 16px;border-top:1px solid var(--line)}
.chead{display:flex;align-items:flex-start;gap:18px;margin:0 auto 20px;max-width:760px}
.cnum{font-size:12px;letter-spacing:3px;color:var(--coral);font-weight:600;padding-top:6px;white-space:nowrap}
.cname{font-weight:400;font-size:25px;letter-spacing:.3px;margin:0}
.cmech{font-size:10.5px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-weight:600;margin:5px 0 0}
.cnote{color:#b6c7c4;font-size:14px;font-weight:300;margin:8px 0 0;line-height:1.55}

.deck{max-width:430px;margin:0 auto}
.track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:18px;-ms-overflow-style:none;scrollbar-width:none;box-shadow:0 26px 70px rgba(0,0,0,.45)}
.track::-webkit-scrollbar{display:none}
.sw{flex:0 0 100%;scroll-snap-align:center;display:flex}

/* base slide */
.sl{container-type:inline-size;position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:18px;background:var(--ink);isolation:isolate}
.bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.scrim{position:absolute;inset:0}
.pad{position:absolute;inset:0;padding:8.5cqw;display:flex;flex-direction:column}
.kick{font-size:2.7cqw;letter-spacing:.34em;color:var(--coral);text-transform:uppercase;font-weight:600;margin:0}
.h{font-size:8cqw;line-height:1.06;color:var(--cream);font-weight:400;margin:2.4cqw 0 0;letter-spacing:-.02em;text-shadow:0 2px 26px rgba(0,0,0,.5)}
.h.sm{font-size:6.4cqw}.h.xl{font-size:11cqw;line-height:1.0}
.sub{font-size:3.5cqw;line-height:1.55;color:#F4F1EA;font-weight:300;margin:3cqw 0 0;max-width:80%;text-shadow:0 1px 3px rgba(0,0,0,.5),0 2px 20px rgba(0,0,0,.55)}
.foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;position:relative;z-index:3}
.foot img{height:3.4cqw;width:auto;opacity:.92}
.illus{font-size:2.1cqw;letter-spacing:.18em;color:rgba(244,241,234,.5);text-transform:uppercase;font-weight:500}
.ct{font-size:2.6cqw;letter-spacing:.16em;color:rgba(244,241,234,.62);font-weight:500}
.mid{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
.mid.tc{justify-content:center}.mid.tb{justify-content:flex-end;padding-bottom:3.6cqw}.mid.tt{justify-content:flex-start}
.headbed{position:absolute;left:0;top:0;width:90%;height:64%;background:radial-gradient(125% 110% at 0% 0%,rgba(7,16,15,.68) 0%,rgba(7,16,15,.34) 48%,transparent 76%);pointer-events:none}
.ebed{position:absolute;left:0;top:0;bottom:0;width:58%;background:linear-gradient(90deg,rgba(8,24,22,.78) 0%,rgba(8,24,22,.52) 50%,transparent 100%);pointer-events:none}

/* EDITORIAL full-bleed scrims */
.scrim.ed{background:linear-gradient(180deg,rgba(7,16,15,.26) 0%,rgba(7,16,15,.12) 26%,rgba(7,16,15,.46) 54%,rgba(7,16,15,.79) 80%,rgba(7,16,15,.93) 100%)}
.scrim.edc{background:linear-gradient(180deg,rgba(7,16,15,.62),rgba(7,16,15,.46) 45%,rgba(7,16,15,.74))}
/* index label (essay) */
.ix{display:flex;align-items:center;gap:2.4cqw;font-size:2.7cqw;letter-spacing:.3em;color:var(--cream);text-transform:uppercase;font-weight:500;opacity:.92}
.ix b{color:var(--coral);font-weight:600}
/* name tag (portraits) */
.tag2{font-size:2.5cqw;letter-spacing:.28em;text-transform:uppercase;color:var(--coral);font-weight:600}
.nm{font-size:5.6cqw;color:var(--cream);font-weight:400;margin-top:1.5cqw;letter-spacing:-.01em}
.role{font-size:3cqw;color:var(--body);font-weight:300;margin-top:1.2cqw}

/* MANIFESTO */
.mani .h{font-size:11.5cqw;line-height:1.0;font-weight:400;letter-spacing:-.025em}
.mani .sub{font-size:3.4cqw;max-width:74%;margin-top:5cqw}

/* SPLIT */
.split{position:absolute;inset:0;display:flex;flex-direction:column}
.half{position:relative;flex:1;overflow:hidden}
.half .bg{filter:saturate(.55) brightness(.62) contrast(.95)}
.half.opt .bg{filter:saturate(1.04) brightness(.96)}
.half .lab{position:absolute;left:6cqw;top:6cqw;font-size:2.7cqw;letter-spacing:.28em;text-transform:uppercase;font-weight:600;color:rgba(244,241,234,.7);z-index:2}
.half.opt .lab{color:var(--coral)}
.half .txt{position:absolute;left:6cqw;right:6cqw;bottom:6cqw;font-size:4.7cqw;line-height:1.12;font-weight:500;color:#9fb4b1;z-index:2;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.half.opt .txt{color:var(--cream)}
.half .hs{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,16,15,.42),rgba(7,16,15,.16) 36%,rgba(7,16,15,.5) 70%,rgba(7,16,15,.88) 100%)}
.splitline{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--coral);opacity:.55;z-index:3;transform:translateY(-.5px)}

/* RANGE BARS (Within Range) */
.rg{position:absolute;inset:0;background:linear-gradient(160deg,#10302f,#0a201f 60%,#07100f);padding:8.5cqw;display:flex;flex-direction:column}
.rgrow{margin-top:5cqw}
.rglab{display:flex;justify-content:space-between;font-size:2.8cqw;letter-spacing:.12em;text-transform:uppercase;color:var(--body);font-weight:500}
.rglab .o{color:var(--coral)}
.rgbar{position:relative;height:2.4cqw;border-radius:2cqw;background:rgba(244,241,234,.1);margin-top:2.2cqw}
.rgnorm{position:absolute;top:0;bottom:0;left:18%;width:34%;background:rgba(244,241,234,.22);border-radius:2cqw}
.rgfill{position:absolute;top:0;bottom:0;left:0;border-radius:2cqw;background:linear-gradient(90deg,#2f6f5e,var(--coral))}
.rgdot{position:absolute;top:50%;width:4cqw;height:4cqw;border-radius:50%;background:var(--cream);transform:translate(-50%,-50%);box-shadow:0 0 0 1.3cqw rgba(232,137,107,.25),0 0 5cqw rgba(232,137,107,.8)}
.rgcap{font-size:2.5cqw;color:var(--muted);margin-top:1.6cqw;letter-spacing:.04em}
.rgdisc{font-size:1.95cqw;color:rgba(244,241,234,.4);margin-top:1.4cqw;letter-spacing:.02em;line-height:1.4;max-width:94%}

/* BIG TYPE (Short List) */
.big{position:absolute;inset:0;background:radial-gradient(130% 90% at 50% 0%,#143b39,#0a2021 70%);display:flex;flex-direction:column;justify-content:center;padding:9cqw}
.big .bk{font-size:2.7cqw;letter-spacing:.34em;color:var(--coral);text-transform:uppercase;font-weight:600}
.big .bn{font-size:18cqw;line-height:.92;color:var(--cream);font-weight:300;letter-spacing:-.03em;margin-top:3cqw}
.big .bt{font-size:6.6cqw;line-height:1.08;color:var(--cream);font-weight:400;margin-top:1cqw;letter-spacing:-.01em}
.big .bs{font-size:3.3cqw;color:var(--body);font-weight:300;margin-top:3.4cqw;line-height:1.5;max-width:84%}

/* DIMENSIONAL (The Mark) */
.dim{position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 42%,#13322f 0%,#0a1c1b 55%,#05100f 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:8.5cqw}
.dimobj{position:absolute;left:50%;top:43%;width:78%;transform:translate(-50%,-50%);opacity:.96;pointer-events:none}
.dim .dk{font-size:2.7cqw;letter-spacing:.34em;color:var(--coral);text-transform:uppercase;font-weight:600;position:relative;z-index:2}
.dim .dh{font-size:8.4cqw;line-height:1.04;color:var(--cream);font-weight:400;letter-spacing:-.02em;margin-top:2.4cqw;position:relative;z-index:2;text-shadow:0 2px 30px rgba(0,0,0,.6)}
.dim .ds{font-size:3.4cqw;color:var(--body);font-weight:300;margin-top:3cqw;max-width:78%;position:relative;z-index:2}

/* PANO (The Baseline) */
.pline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.pnode{position:absolute;width:2.2cqw;height:2.2cqw;border-radius:50%;background:var(--cream);transform:translate(-50%,-50%);box-shadow:0 0 0 1.3cqw rgba(232,137,107,.24),0 0 5cqw 1.1cqw rgba(232,137,107,.82);pointer-events:none}
.scrim.pano{background:linear-gradient(180deg,rgba(7,20,20,.78) 0%,rgba(7,20,20,.5) 25%,rgba(7,20,20,.18) 45%,rgba(7,20,20,.08) 60%,rgba(7,20,20,.4) 84%,rgba(7,20,20,.66) 100%)}

/* close slide */
.close{align-items:center;justify-content:center;text-align:center;display:flex;background:linear-gradient(168deg,#15443e 0%,#0E2A2C 48%,#0b2321 100%)}
.close .cglow{position:absolute;inset:0;background:radial-gradient(70% 50% at 50% 40%,rgba(244,241,234,.10),transparent 72%);pointer-events:none}
.close .ci{position:relative;z-index:2}
.close img{width:58cqw;max-width:60%;height:auto}
.close .slg{font-size:4.4cqw;letter-spacing:.05em;color:var(--cream);font-weight:300;margin-top:6cqw}
.close .crule{width:11cqw;height:2px;background:var(--coral);opacity:.85;margin:5cqw auto}
.close .csub{font-size:2.6cqw;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,241,234,.6);font-weight:500;line-height:1.8}

/* controls */
.ctrls{display:flex;align-items:center;justify-content:center;gap:18px;margin:16px auto 0}
.arw{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#0f2322;color:var(--cream);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex:0 0 auto}
.arw:hover{border-color:var(--coral);color:var(--coral)}
.dots{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:200px}
.dot-i{width:7px;height:7px;border-radius:50%;background:#2c4a47;transition:.25s;cursor:pointer}
.dot-i.on{background:var(--coral);transform:scale(1.25)}
.cprog{font-size:11px;letter-spacing:2px;color:var(--muted);min-width:46px;text-align:center}

footer{text-align:center;padding:50px 28px 70px;margin-top:42px;border-top:1px solid var(--line)}
footer .fb{font-size:18px;letter-spacing:3px;color:var(--cream);font-weight:300}
footer .fs{font-size:11px;letter-spacing:2.5px;color:var(--muted);margin-top:10px;text-transform:uppercase}
@media(max-width:520px){.deck{max-width:90vw}.chead{padding:0 4px}}
.qcgrid{display:flex;flex-wrap:wrap;gap:12px;padding:18px;background:#0a1413}
.qccell{width:236px;flex:0 0 auto}
.qclab{font-size:10px;color:var(--coral);letter-spacing:1.5px;text-transform:uppercase;margin:0 0 5px;font-weight:600}