.cs{--cs-max:1240px}.cs-progress{z-index:30;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.cs-progress-bar{background:color-mix(in srgb, var(--brand-1) 60%, var(--ink));width:0;height:100%}.cs-hud{z-index:25;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);pointer-events:none;opacity:0;align-items:center;gap:12px;font-size:11px;transition:opacity .4s,transform .4s;display:flex;position:fixed;bottom:28px;right:40px;transform:translateY(6px)}.cs-hud[data-visible=true]{opacity:1;transform:none}.cs-hud b{color:var(--ink);font-weight:500}.cs-hud-sep{background:var(--line);width:24px;height:1px}.cs-hud-total{color:var(--mut)}.cs-hero{border-bottom:1px solid var(--line);align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.cs-hero-bg{transform-origin:50%;position:absolute;inset:0}.cs-hero-bg img{object-fit:cover}.cs-hero-scrim{background:linear-gradient(0deg, rgba(var(--scrim), .92) 0%, rgba(var(--scrim), .35) 34%, rgba(var(--scrim), 0) 60%), linear-gradient(180deg, rgba(var(--scrim), .75) 0%, rgba(var(--scrim), 0) 30%);pointer-events:none;position:absolute;inset:0}.cs-hero-inner{width:100%;max-width:var(--cs-max);flex-direction:column;gap:24px;margin:0 auto;padding:160px 40px 64px;display:flex;position:relative}.cs-index{font-family:var(--font-heading), sans-serif;color:#0000;-webkit-text-stroke:1px var(--ink);opacity:.85;font-size:clamp(44px,7vw,96px);font-weight:800;line-height:.95}.cs-title{font-family:var(--font-heading), sans-serif;letter-spacing:-.02em;color:var(--ink);max-width:14ch;font-size:clamp(36px,6.4vw,88px);font-weight:800;line-height:.98}.cs-tagline{color:var(--body);max-width:560px;font-size:clamp(14px,1.2vw,16px);line-height:1.6}.cs-meta{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:24px;margin:12px 0 0;padding-top:22px;display:grid}.cs-meta dt{letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin-bottom:6px;font-size:11px}.cs-meta dd{color:var(--ink);margin:0;font-size:13px}.cs-scroll-cue{transform-origin:100%;color:var(--mut);letter-spacing:.14em;font-size:11px;position:absolute;top:50%;right:40px;transform:rotate(90deg)translate(-50%)}@keyframes cs-dim{0%{opacity:0}to{opacity:1}}.cs-hero-dim{background:color-mix(in srgb, var(--brand-1) 18%, rgba(var(--scrim), .58));pointer-events:none;animation:1.3s ease-out .1s both cs-dim;position:absolute;inset:0}@media (max-width:820px){.cs-hero-dim{background:color-mix(in srgb, var(--brand-1) 18%, rgba(var(--scrim), .64))}}@media (prefers-reduced-motion:reduce){.cs-hero-dim{animation:none}}@keyframes cs-enter{0%{opacity:0;transform:translate(-56px)}to{opacity:1;transform:none}}.cs-hero-inner>*{animation:.7s cubic-bezier(.2,.7,.2,1) both cs-enter}.cs-hero-inner>:nth-child(2){animation-delay:80ms}.cs-hero-inner>:nth-child(3){animation-delay:.16s}.cs-hero-inner>:nth-child(4){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.cs-hero-inner>*{animation:none}}.cs-chapter{border-top:1px solid var(--line);background:color-mix(in srgb, var(--brand-1) 6%, var(--bg));position:relative}.cs-chapter[data-chapter="06"]{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-1) 6%, var(--bg)), color-mix(in srgb, var(--brand-1) 12%, var(--bg)))}.cs-chapter-inner{max-width:var(--cs-max);grid-template-columns:minmax(180px,320px) minmax(0,1fr);align-items:start;gap:64px;margin:0 auto;padding:130px 40px;display:grid}.cs-chapter-inner.full{grid-template-columns:1fr;gap:48px}.cs-chapter-head{flex-direction:column;gap:14px;display:flex;position:sticky;top:120px}.cs-chapter-head.inline,.cs-chapter-inner.full .cs-chapter-head{flex-direction:row;align-items:baseline;gap:24px;position:static}.cs-chapter-num{font-family:var(--font-heading), sans-serif;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--brand-1) 45%, var(--mut));font-size:clamp(52px,8vw,128px);font-weight:800;line-height:.9}.cs-chapter-title{font-family:var(--font-heading), sans-serif;color:var(--ink);font-size:clamp(19px,2vw,26px);font-weight:700;line-height:1.15}.cs-chapter-body{flex-direction:column;gap:28px;display:flex}.cs-lede{font-family:var(--font-heading), sans-serif;color:var(--ink);text-wrap:balance;max-width:22ch;font-size:clamp(19px,2.2vw,28px);font-weight:700;line-height:1.3}.cs-p{color:var(--body);max-width:640px;font-size:15px;line-height:1.75}.cs-block{flex-direction:column;gap:18px;margin-top:12px;display:flex}.cs-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.cs-frame{border:1px solid var(--line);background:var(--card);aspect-ratio:4/3;border-radius:12px;align-items:flex-end;margin:0;display:flex;position:relative;overflow:hidden}.cs-frame.wide{aspect-ratio:16/9;grid-column:span 2}.cs-frame img{object-fit:cover}.cs-frame.has-image:after{content:"";background:linear-gradient(0deg, rgba(var(--scrim), .82) 0%, rgba(var(--scrim), .25) 38%, rgba(var(--scrim), 0) 60%);pointer-events:none;position:absolute;inset:0}.cs-frame.has-image .cs-frame-tag{background:rgba(var(--scrim), .55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--body);z-index:1;border-color:#ffffff2e}.cs-frame.has-image .cs-frame-num{-webkit-text-stroke:1px #ffffff8c;z-index:1}.cs-frame.has-image .cs-frame-label{z-index:1}.cs-frame:not(.has-image){background:linear-gradient(135deg, color-mix(in srgb, var(--brand-1) 26%, var(--card)), color-mix(in srgb, var(--brand-2) 14%, var(--card)))}.cs-frame:not(.has-image):nth-child(3n+2){background:linear-gradient(135deg, color-mix(in srgb, var(--brand-2) 24%, var(--card)), color-mix(in srgb, var(--brand-3) 12%, var(--card)))}.cs-frame:not(.has-image):nth-child(3n){background:linear-gradient(135deg, color-mix(in srgb, var(--brand-3) 22%, var(--card)), color-mix(in srgb, var(--brand-1) 12%, var(--card)))}.cs-frame-hatch{background-image:repeating-linear-gradient(135deg, color-mix(in srgb, var(--brand-2) 22%, transparent) 0 1px, transparent 1px 14px);position:absolute;inset:0}.cs-frame-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:10px;position:absolute;top:14px;left:14px}.cs-frame-num{font-family:var(--font-heading), sans-serif;color:#0000;-webkit-text-stroke:1px var(--mut);font-size:26px;font-weight:800;position:absolute;top:8px;right:14px}.cs-frame-label{color:var(--ink);padding:18px;font-size:13px;position:relative}.cs-approach{position:relative}.cs-approach .cs-chapter-inner{z-index:1;position:relative}.cs-approach-bg{background:color-mix(in srgb, var(--brand-1) 18%, var(--card));pointer-events:none;position:absolute;inset:0;overflow:hidden}.cs-approach-layer{position:absolute;inset:0}.cs-approach-layer img{object-fit:cover}.cs-approach-layer:after{content:"";background:linear-gradient(160deg, var(--brand-1), var(--brand-2));opacity:.18;pointer-events:none;position:absolute;inset:0}.cs-approach-word{font-family:var(--font-heading), sans-serif;letter-spacing:-.03em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--brand-2) 45%, #ffffff29);font-size:clamp(120px,26vw,420px);font-weight:800;line-height:1;transition:opacity 1s;position:absolute;bottom:-.12em;right:-.08em}.cs-approach-scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--brand-1) 6%, var(--bg)) 0%, rgba(var(--scrim), .88) 22%, rgba(var(--scrim), .88) 78%, color-mix(in srgb, var(--brand-1) 6%, var(--bg)) 100%);position:absolute;inset:0}.cs-approach-count{letter-spacing:.12em;color:color-mix(in srgb, var(--brand-2) 55%, var(--mut));font-size:12px}.cs-pinned-hatch{pointer-events:none;background-image:repeating-linear-gradient(135deg,#ffffff0a 0 1px,#0000 1px 14px);position:absolute;inset:0}.cs-steps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cs-step{border-top:1px solid var(--line);grid-template-columns:48px 1fr;gap:16px;padding:22px 0;transition:opacity .4s;display:grid}.cs-step:last-child{border-bottom:1px solid var(--line)}.cs-step-n{letter-spacing:.1em;color:var(--mut);padding-top:4px;font-size:12px}.cs-step h3{font-family:var(--font-heading), sans-serif;color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:700}.cs-step p{color:var(--body);font-size:14px;line-height:1.65}.cs-swatches{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid}.cs-swatch{border:1px solid var(--line);border-radius:12px;overflow:hidden}.cs-swatch-color{aspect-ratio:1.4}.cs-swatch-meta{color:var(--body);background:var(--card);justify-content:space-between;gap:12px;padding:12px 14px;font-size:12px;display:flex}.cs-swatch-meta span:last-child{color:var(--mut);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cs-type{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.cs-type-card{border:1px solid var(--line);background:var(--card);border-radius:12px;flex-direction:column;padding:24px;display:flex}.cs-type-role{letter-spacing:.12em;text-transform:uppercase;color:var(--mut);font-size:11px}.cs-type-family{font-family:var(--font-heading), sans-serif;color:var(--ink);margin-top:10px;font-size:24px;font-weight:700}.cs-type-sample{color:var(--body);margin-top:8px;font-size:14px;line-height:1.6}.cs-quote-wrap{margin:0}.cs-quote{font-family:var(--font-heading), sans-serif;color:var(--ink);text-wrap:balance;font-size:clamp(20px,2.6vw,32px);font-weight:700;line-height:1.3}.cs-quote-who{color:var(--mut);margin-top:18px;font-size:13px}.cs-stats{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;padding-top:24px;display:grid}.cs-stat b{font-family:var(--font-heading), sans-serif;color:var(--ink);margin-bottom:8px;font-size:34px;font-weight:800;line-height:1;display:block}.cs-stat span{color:var(--mut);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.cs-next{border-top:1px solid var(--line);min-height:70svh;color:var(--ink);align-items:center;display:flex;position:relative;overflow:hidden}.cs-next:hover{color:var(--ink)}.cs-next-bg{transition:transform 1.4s;position:absolute;inset:0;transform:scale(1.06)}.cs-next-bg img{object-fit:cover}.cs-next:hover .cs-next-bg{transform:scale(1)}.cs-next-scrim{background:rgba(var(--scrim), .74);transition:background .6s;position:absolute;inset:0}.cs-next:hover .cs-next-scrim{background:rgba(var(--scrim), .62)}.cs-next-inner{width:100%;max-width:var(--cs-max);flex-direction:column;gap:16px;margin:0 auto;padding:96px 40px;display:flex;position:relative}.cs-next-name{font-family:var(--font-heading), sans-serif;letter-spacing:-.02em;font-size:clamp(30px,5vw,72px);font-weight:800;line-height:1}.cs-next-meta{color:var(--body);font-size:13px}@supports (animation-timeline:view()){@keyframes cs-frame-in{0%{opacity:0;transform:translateY(36px)scale(.96)}to{opacity:1;transform:none}}.cs-frame{animation:.8s both cs-frame-in;animation-timeline:view();animation-range:entry entry 45%}@keyframes cs-hero-drift{to{transform:scale(1.12)translateY(-4%)}}.cs-hero-bg{animation:1s linear both cs-hero-drift;animation-timeline:scroll();animation-range:0 100vh}@keyframes cs-hero-fade{to{opacity:0;transform:translateY(-40px)}}.cs-hero-inner{animation:1s both cs-hero-fade;animation-timeline:scroll();animation-range:0 70vh}}@media (max-width:820px){.cs-hud{bottom:16px;right:20px}.cs-hero-inner{padding:140px 28px 48px}.cs-scroll-cue{display:none}.cs-chapter-inner{grid-template-columns:1fr;gap:32px;padding:88px 28px}.cs-chapter-head{flex-direction:row;align-items:baseline;gap:20px;position:static}.cs-chapter-num{font-size:48px}.cs-lede{max-width:none}.cs-board{grid-template-columns:1fr}.cs-frame.wide{aspect-ratio:16/10;grid-column:auto}.cs-approach-word{font-size:30vw;bottom:0}.cs-approach-count{width:100%}.cs-next-inner{padding:72px 28px}}@media (min-width:821px){.cs-step[data-active=false]{opacity:.35}}