.about-story{color:var(--ds-fg-primary)}.about-story-header{padding-top:1rem}.about-story-kicker,.about-story-label{font:10px/1.7 var(--font-mono);letter-spacing:.12em;color:var(--ds-fg-muted)}.about-story-kicker{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--ds-border);padding-top:24px}.about-story h1{font-family:var(--font-serif);font-weight:400;font-size:clamp(2.7rem,6.6vw,6.5rem);line-height:1.06;letter-spacing:-.045em;margin:48px 0 28px}.about-story h1 em{color:var(--ds-accent)}.about-story h2{font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.16;letter-spacing:-.025em;margin:18px 0 24px}.about-story h2,.about-story h3{font-family:var(--font-serif);font-weight:400}.about-story h3{font-size:clamp(1.6rem,2vw,2rem);line-height:1.25;margin:18px 0}.about-story p{color:var(--ds-fg-secondary,var(--ds-fg-muted));font-size:16px;line-height:1.85}.about-story .about-story-intro{max-width:710px;font-size:clamp(17px,1.5vw,21px)}.about-story a,.about-story-text-button{text-underline-offset:5px}.about-story-checks a,.about-story-controls button,.about-story-kicker a,.about-story-links a,.about-story-method article>a,.about-story-text-button{display:inline-flex;align-items:center;gap:10px}.about-story svg{flex-shrink:0}.about-story-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin:26px 0 48px}.about-story-links a{border-bottom:1px solid var(--ds-border);min-height:44px}.about-story-register{display:flex;flex-wrap:wrap;border-top:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);padding:16px 0;gap:12px 32px}.about-story-register a{display:inline-flex;align-items:baseline;gap:10px;min-height:32px}.about-story-register strong{font-family:var(--font-serif);font-size:28px;font-weight:400;color:var(--ds-accent)}.about-story-register span{font:10px/1.5 var(--font-mono)}.about-story-premise{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(32px,7vw,110px);margin:96px 0}.about-story-premise figure{margin:0;padding:28px;background:var(--ds-bg-secondary);border:1px solid var(--ds-border)}.about-story-premise img{display:block;object-fit:contain;width:100%;height:clamp(220px,28vw,370px)}.about-story-premise figcaption{border-top:1px solid var(--ds-border);padding-top:20px;margin-top:20px;color:var(--ds-fg-muted);font-size:12px;line-height:1.75}.about-story-premise figcaption span{display:block;margin-bottom:8px}.about-story-section{border-top:1px solid var(--ds-border);padding-top:42px;margin-top:80px;scroll-margin-top:132px}.about-story-section-heading{max-width:800px;margin-bottom:36px}.about-story-method{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ds-border);border-left:1px solid var(--ds-border)}.about-story-method article{padding:clamp(22px,3vw,40px);border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);min-width:0}.about-story-method article>a,.about-story-text-button{min-height:44px;font-size:13px;text-align:left}.about-story-text-button{background:none;border:0;padding:0;color:var(--ds-fg-primary);text-decoration:underline}.about-story-export-mode{display:block;margin-top:8px}.about-story-swatches{display:flex;gap:8px;margin-top:28px}.about-story-swatches>span{flex:1;min-width:0}.about-story-swatches i{display:block;height:56px;border:1px solid var(--ds-border)}.about-story-swatches code,.about-story-swatches small{display:block;font:9px/1.6 var(--font-mono);margin-top:6px;overflow-wrap:anywhere}.about-story-swatches code{color:var(--ds-fg-muted)}.about-story-controls{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.about-story-controls button{border:1px solid var(--ds-border);background:var(--ds-bg-secondary);color:var(--ds-fg-primary);min-height:44px;padding:10px 14px;font:11px/1.5 var(--font-mono)}.about-story-controls button[aria-pressed=true]{border-color:var(--ds-accent);box-shadow:inset 0 -2px var(--ds-accent)}.about-story .about-story-note{border-left:2px solid var(--ds-accent);padding-left:20px;font-size:13px;margin-top:28px;max-width:860px}.about-story-routes{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}.about-story-routes>a{flex:1 1 260px;max-width:520px;border:1px solid var(--ds-border);padding:28px;display:flex;flex-direction:column;transition:background .2s}.about-story-routes>a:hover{background:var(--ds-bg-secondary)}.about-story-outputs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ds-border);border-left:1px solid var(--ds-border)}.about-story-outputs-grid>a{display:flex;min-height:260px;flex-direction:column;padding:28px;border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);text-decoration:none;transition:background .2s ease,transform .2s ease}.about-story-outputs-grid>a:hover{background:color-mix(in oklch,var(--ds-accent) 7%,transparent);transform:translateY(-3px)}.about-story-outputs-grid h3{margin-top:14px}.about-story-outputs-grid p{max-width:34ch;margin:0 0 28px;font-size:14px}.about-story-outputs-grid .about-story-route-action{margin-top:auto}.about-story-field-notes{--field-note-accent:var(--ds-accent)}.about-story-field-notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ds-border);border-left:1px solid var(--ds-border)}.about-story-field-note{display:flex;min-width:0;min-height:430px;flex-direction:column;padding:clamp(22px,3vw,36px);border-right:1px solid var(--ds-border);border-bottom:1px solid var(--ds-border);background:color-mix(in oklch,var(--ds-bg-primary) 86%,var(--field-note-accent));transition:background var(--ds-transition-base),transform var(--ds-transition-base)}.about-story-field-note:hover{background:color-mix(in oklch,var(--ds-bg-primary) 75%,var(--field-note-accent));transform:translateY(-3px)}.about-story-field-note-top{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--ds-border)}.about-story-field-note-top .about-story-label:last-child{color:var(--ds-accent);text-align:right}.about-story-field-note h3{max-width:18ch;margin:26px 0 30px;font-size:clamp(1.55rem,2.1vw,2.1rem);text-wrap:balance}.about-story-field-note dl{display:grid;gap:18px;margin:0}.about-story-field-note dl>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px}.about-story-field-note dt{color:var(--ds-fg-muted);font:9px/1.5 var(--font-mono);letter-spacing:.12em}.about-story-field-note dd{margin:0;color:var(--ds-fg-secondary,var(--ds-fg-muted));font-size:13px;line-height:1.65}.about-story-field-note-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:auto;padding-top:28px}.about-story-field-note-evidence{display:flex;gap:6px;flex-wrap:wrap}.about-story-field-note-footer a{display:inline-flex;align-items:center;gap:8px;min-height:40px;font:11px/1.5 var(--font-mono);text-decoration:none}.about-story-field-note-footer a:hover{color:var(--ds-accent)}.about-story-routes p{font-size:14px;margin:0 0 28px}.about-story-route-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;font-size:13px}.about-story .about-story-reading{font-size:14px;margin-top:28px}.about-story-reading a{text-decoration:underline}.about-story-checks{margin:0}.about-story-checks>div{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:26px 0;border-top:1px solid var(--ds-border)}.about-story-checks dt{font-family:var(--font-serif);font-size:23px}.about-story-checks dd{margin:0;font-size:15px;line-height:1.85;color:var(--ds-fg-secondary,var(--ds-fg-muted))}.about-story-checks a{font-size:13px;margin-top:10px}.about-story-curator-intro{max-width:880px;margin-bottom:48px}@media (max-width:700px){.about-story-premise{grid-template-columns:1fr;margin:60px 0;gap:28px}.about-story-premise figure{padding:20px}.about-story-section{margin-top:56px;padding-top:28px}.about-story-checks>div{gap:12px}.about-story-checks>div,.about-story-field-notes-grid,.about-story-outputs-grid{grid-template-columns:1fr}.about-story-field-note{min-height:0}}@media (max-width:639px){.about-story-method{grid-template-columns:1fr}.about-story h1{margin-top:32px}.about-story-register{gap:12px 22px}.about-story-links{gap:12px 24px}.about-story-field-note dl>div{grid-template-columns:62px minmax(0,1fr);gap:10px}.about-story-field-note h3{margin-bottom:24px}}@media (prefers-reduced-motion:reduce){.about-story-field-note,.about-story-outputs-grid>a,.about-story-routes>a{transition:none;transform:none}}