:root{--paper:#f4f1eb;--paper2:#faf8f3;--ink:#151319;--muted:#6f6873;--violet:#8b67eb;--violet2:#b8a2ff;--rule:rgba(23,21,27,.10);--night:#07070b;--nightText:#f5f1eb;--nightMuted:#9992a3;--display:"Oswald",sans-serif;--sans:"Poppins",sans-serif;--mono:"IBM Plex Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}.pub-shell{min-height:100svh;overflow:hidden}
.pub-topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,4vw,4rem);border-bottom:1px solid var(--rule);position:relative;z-index:20}.pub-brand{font:600 .72rem var(--mono);letter-spacing:.12em}.pub-nav{display:flex;gap:1.2rem;align-items:center;font:500 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.pub-nav a{opacity:.7;transition:.2s}.pub-nav a:hover{opacity:1;color:var(--violet)}
.resource-hero{padding:clamp(4rem,8vw,8rem) clamp(1.25rem,4vw,4rem) clamp(3rem,6vw,5rem);display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:4rem;align-items:end;border-bottom:1px solid var(--rule);position:relative}.resource-hero:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(139,103,235,.13);right:-80px;top:-120px;transform:rotate(45deg)}
.resource-kicker,.dscx-kicker{font:600 .6rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--violet)}.resource-hero h1,.dscx-hero h1{font:500 clamp(5rem,12vw,12rem)/.82 var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:.7rem 0 1.5rem}.resource-hero .dek{max-width:62ch;font:400 clamp(1rem,1.4vw,1.25rem)/1.65 var(--sans);color:var(--muted)}.resource-count{font:500 clamp(3rem,7vw,7rem)/1 var(--display);text-align:right}.resource-count small{display:block;font:.6rem var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:.7rem}
.resource-controls{padding:1.1rem clamp(1.25rem,4vw,4rem);display:flex;gap:.55rem;flex-wrap:wrap;border-bottom:1px solid var(--rule);position:sticky;top:0;background:rgba(244,241,235,.92);backdrop-filter:blur(14px);z-index:15}.filter-btn{border:1px solid var(--rule);background:transparent;padding:.62rem .78rem;font:500 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.filter-btn.is-active,.filter-btn:hover{background:var(--ink);color:#fff}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 clamp(1.25rem,4vw,4rem) 5rem}.resource-card{min-height:330px;padding:2rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.3s}.resource-card:nth-child(2n){border-right:0}.resource-card:before{content:"";position:absolute;inset:auto -12% -45% auto;width:270px;height:270px;border:1px solid rgba(139,103,235,.12);transform:rotate(45deg);transition:.5s}.resource-card:hover{background:var(--paper2)}.resource-card:hover:before{transform:rotate(55deg) scale(1.1)}
.resource-meta{font:500 .56rem var(--mono);letter-spacing:.1em;color:var(--violet);text-transform:uppercase}.resource-card h2{font:500 clamp(2.2rem,4vw,4.4rem)/.92 var(--display);text-transform:uppercase;letter-spacing:-.035em;max-width:11ch;margin:1rem 0}.resource-card p{max-width:48ch;color:var(--muted);line-height:1.6}.resource-card .open{margin-top:auto;font:600 .58rem var(--mono);letter-spacing:.08em;text-transform:uppercase}.resource-card .open:after{content:" ↗";color:var(--violet)}
.resource-detail{max-width:1180px;margin:auto;padding:5rem clamp(1.25rem,4vw,4rem)}.resource-detail header{display:grid;grid-template-columns:1fr .45fr;gap:4rem;padding-bottom:3rem;border-bottom:1px solid var(--rule)}.resource-detail h1{font:500 clamp(4rem,8vw,8rem)/.86 var(--display);text-transform:uppercase;letter-spacing:-.04em;margin:.8rem 0}.resource-detail .lead{color:var(--muted);font-size:1.1rem;line-height:1.7;max-width:60ch}.resource-detail .side-note{align-self:end;font:400 .75rem/1.65 var(--mono);color:var(--muted);border-left:1px solid rgba(139,103,235,.25);padding-left:1rem}.resource-sections{display:grid;grid-template-columns:.75fr 1.25fr;gap:4rem;padding-top:3rem}.resource-sections h2{font:500 2.2rem var(--display);text-transform:uppercase}.resource-sections ul{padding:0;list-style:none;border-top:1px solid var(--rule)}.resource-sections li{padding:1rem 0;border-bottom:1px solid var(--rule);font:400 .88rem/1.55 var(--mono)}
.dscx-page{background:var(--night);color:var(--nightText)}.dscx-page .pub-topbar{border-color:rgba(255,255,255,.08)}.dscx-page .pub-nav a{color:var(--nightText)}.dscx-hero{min-height:82svh;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:center;position:relative;overflow:hidden}.dscx-hero:before{content:"DSCX";position:absolute;right:-2vw;bottom:-12vh;font:500 clamp(13rem,35vw,34rem)/.8 var(--display);color:rgba(139,103,235,.055);letter-spacing:-.06em}.dscx-hero .line{font:400 clamp(1.2rem,2vw,1.7rem)/1.55 var(--sans);color:#c8c1d0;max-width:36ch}
.dscx-orbit{position:relative;aspect-ratio:1;max-width:520px;margin-left:auto}.dscx-orbit span{position:absolute;border:1px solid rgba(184,162,255,.16);border-radius:50%;inset:10%}.dscx-orbit span:nth-child(2){inset:25%;transform:rotate(24deg)}.dscx-orbit span:nth-child(3){inset:40%;border-color:rgba(184,162,255,.38)}.dscx-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--violet2);left:68%;top:24%;box-shadow:0 0 22px rgba(184,162,255,.65)}
.dscx-index{border-top:1px solid rgba(255,255,255,.08)}.essay-row{min-height:40svh;display:grid;grid-template-columns:100px 1fr minmax(220px,.45fr);gap:2rem;padding:2.4rem clamp(1.25rem,4vw,4rem);border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.essay-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,rgba(139,103,235,.12),transparent);transition:.5s}.essay-row:hover:before{width:100%}.essay-no{font:500 .62rem var(--mono);color:var(--violet2)}.essay-row h2{font:500 clamp(3rem,7vw,7rem)/.88 var(--display);text-transform:uppercase;letter-spacing:-.045em;margin:0;max-width:12ch;position:relative}.essay-dek{align-self:end;font:400 .9rem/1.65 var(--mono);color:var(--nightMuted);position:relative}.essay-theme{color:var(--violet2);font:500 .55rem var(--mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.7rem}
.dscx-article{max-width:1280px;margin:auto;padding:5rem clamp(1.25rem,4vw,4rem) 8rem}.dscx-article header{min-height:70svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid rgba(255,255,255,.08)}.dscx-article h1{font:500 clamp(5rem,12vw,12rem)/.82 var(--display);text-transform:uppercase;letter-spacing:-.055em;max-width:10ch;margin:.8rem 0}.dscx-article .standfirst{max-width:54ch;color:#bcb5c5;font-size:1.15rem;line-height:1.7}.dscx-body{display:grid;grid-template-columns:.38fr 1fr;gap:5rem;padding-top:4rem}.dscx-body .opening{font:500 clamp(1.8rem,3vw,3rem)/1.25 var(--display);text-transform:uppercase}.dscx-body article{max-width:720px}.dscx-body section{padding-bottom:2.6rem;margin-bottom:2.6rem;border-bottom:1px solid rgba(255,255,255,.08)}.dscx-body h2{font:500 2.2rem var(--display);text-transform:uppercase}.dscx-body p{color:#bab3c3;line-height:1.8}
.pub-footer{padding:1.5rem clamp(1.25rem,4vw,4rem);border-top:1px solid var(--rule);display:flex;justify-content:space-between;font:500 .55rem var(--mono);text-transform:uppercase;letter-spacing:.08em}.dscx-page .pub-footer{border-color:rgba(255,255,255,.08);color:#aaa3b2}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:900px){.pub-nav{gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.resource-hero,.dscx-hero{grid-template-columns:1fr}.resource-count{text-align:left}.resource-grid{grid-template-columns:1fr}.resource-card{border-right:0}.resource-detail header,.resource-sections,.dscx-body{grid-template-columns:1fr}.essay-row{grid-template-columns:54px 1fr}.essay-dek{grid-column:2}.dscx-orbit{margin:0;max-width:340px}.dscx-hero{min-height:auto}.dscx-article header{min-height:60svh}}
@media(max-width:620px){.pub-topbar{height:auto;min-height:68px;align-items:flex-start;padding-top:1rem;padding-bottom:1rem}.pub-nav{font-size:.48rem}.resource-card{min-height:290px}.essay-row{min-height:auto;padding-top:2rem;padding-bottom:2rem}.pub-footer{flex-direction:column;gap:.7rem}}