.h-story-root{--h-mat-pad:clamp(8px,1.6vw,24px);--h-band-edge:max(var(--frame-edge),calc((100% - var(--frame-max)) / 2 + var(--frame-edge)));--h-line-3:calc((100% + var(--frame-gap)) / 6);color:var(--ink);background:var(--paper)}.h-story-root *{box-sizing:border-box}.h-link{min-height:44px;font-size:var(--type-ui);line-height:1.3}.h-caption-link,.h-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent)}.h-caption-link{position:relative;white-space:nowrap}.h-caption-link:after{content:"";position:absolute;inset:50% 0 auto;height:44px;transform:translateY(-50%)}:is(figcaption,.h-turf-error)>span:has(+:is(.h-caption-link,.h-retry)){padding-right:4px}.h-entrance{overflow-x:clip}.h-story-hero{--accent:var(--project-ink);--case-facts-link:currentColor;background:var(--project-color);padding:clamp(32px,4vw,56px) var(--h-band-edge) 32px}.h-story-hero,.h-story-hero .case-facts,.h-story-hero .case-facts dd,.h-story-hero .case-facts dt{color:var(--project-ink)}.h-result-heading{row-gap:16px;align-items:center}.h-result-heading>*{grid-column:1/-1}.h-story-hero h1{margin:0;font:400 var(--type-title) /1 var(--font-heading),serif;font-variant-numeric:lining-nums;letter-spacing:-.02em}.h-story-deck{margin:0;max-width:32ch;font:400 var(--type-deck) /1.2 var(--font-heading),serif;font-variant-numeric:lining-nums;text-wrap:balance}.h-story-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:last baseline;gap:8px 32px}.h-result-decision{margin:0;max-width:60ch;font:400 var(--type-voice) /1.4 var(--font-script),serif;font-variant-numeric:lining-nums}.h-entrance-stage{padding-block:48px}.h-turf-explorer{scroll-margin-top:32px}.h-turf-explorer figure{margin:0}.scrub-wrap.h-turf-scrub{width:100%;margin:0 0 32px}.h-turf-art,.h-turf-stage{width:100%;background:var(--h-turf-ground,var(--mat))}.h-turf-stage{position:relative;aspect-ratio:16/9;overflow:hidden}.h-turf-stage img{position:absolute;width:100%;max-width:none;height:100%;display:block;-o-object-fit:contain;object-fit:contain}.h-turf-loading{--px-fill:var(--surface);z-index:2;position:absolute;top:16px;right:16px;padding:8px 12px;color:var(--ink);font-size:var(--type-caption)}.h-turf-credit{max-width:80ch;margin:0 0 16px;color:var(--muted);font-size:var(--type-caption);line-height:1.6}.h-turf-controls{justify-content:space-between;gap:24px 32px}.h-turf-controls,.h-turf-view-options{display:flex;flex-wrap:wrap;align-items:center}.h-turf-view-options{gap:8px 32px}.h-turf-caption{max-width:80ch;margin-top:16px;color:var(--muted)}.h-turf-caption,.h-turf-error{font-size:var(--type-caption);line-height:1.6}.h-turf-error{margin-top:8px;color:var(--ink)}.h-retry{position:relative;display:inline-flex;align-items:center;color:var(--accent);font:inherit}.h-retry:after{content:"";position:absolute;top:50%;left:50%;width:max(100%,44px);height:44px;transform:translate(-50%,-50%)}.h-controls{display:flex;flex-wrap:wrap;gap:8px}.h-controls button{--px-ring:var(--line-strong);display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;color:var(--muted);font:400 var(--step--1) /1.2 var(--font-body),sans-serif;transition:color .18s var(--ease-out)}@media (hover:hover) and (pointer:fine){.h-controls button:hover{color:var(--ink)}}.h-controls button[aria-pressed=true]{--px-fill:var(--project-color);--px-ring:transparent;color:var(--project-ink)}.h-mat{background:var(--mat);padding:var(--h-mat-pad)}.h-mat>img{display:block;width:100%;height:auto}.h-audience-flows>.h-controls{margin-bottom:24px}.h-flow-mat{max-width:1050px}.h-flow-mat:not([data-view=full]){max-width:calc(900px + 2 * var(--h-mat-pad))}.h-flow-focus{position:relative;overflow:hidden;aspect-ratio:1.8;background:var(--mat)}.h-audience-flows .h-flow-focus img{position:absolute;width:300%;max-width:none;height:auto;left:-99%;top:-92%}.h-audience-flows .h-flow-focus[data-view=carbon] img{top:-286%}.h-flow-overview img{display:block;width:100%;height:auto}.h-return-to-explorer{margin-top:16px}@media (min-width:1000px){.h-result-heading>h1{grid-column:1/7}.h-result-heading>.h-story-deck{grid-column:7/-1}}.h-story-chapter,.h-story-intro{padding-block:clamp(64px,8vw,120px)}.h-story-intro{row-gap:32px;background:linear-gradient(var(--line),var(--line)) bottom /calc(100% - 2 * var(--frame-edge)) 1px no-repeat}.h-story-intro>*{grid-column:1/-1;align-self:start}.h-chapter-heading h2,.h-signature-heading h2,.h-story-intro h2{font:400 var(--type-chapter) /1.08 var(--font-heading),serif;font-variant-numeric:lining-nums;letter-spacing:-.02em;text-wrap:balance}.h-signature-heading h2,.h-story-intro h2{text-wrap:pretty}.h-chapter-copy p,.h-story-intro p,.h-story-intro>div{max-width:var(--measure);font-size:var(--type-body)}.h-chapter-copy p,.h-story-intro p{line-height:1.7}.h-story-intro .h-intro-decision{max-width:none;margin-bottom:32px;font-size:var(--step-2);line-height:1.5}.h-chapter-copy p+p,.h-story-intro p+p{margin-top:24px}.h-story-intro .h-credit{max-width:none;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:var(--type-caption);line-height:1.6}@property --h-heading-cap{syntax:"<length>";inherits:true;initial-value:0}.h-chapter-heading,.h-signature-heading{--h-heading-cap:1cap;row-gap:16px;margin-bottom:48px;font-family:var(--font-heading),serif;font-size:var(--type-chapter)}.h-chapter-heading>*,.h-signature-heading>*{grid-column:1/-1;margin:0}.h-chapter-label{color:var(--accent);font:400 var(--type-data) /1.4 var(--font-data),monospace;font-variant-numeric:tabular-nums;text-wrap:balance}.h-chapter-label-lead{white-space:nowrap}.h-chapter-heading h2{max-width:13em}.h-chapter-copy{margin:0 0 48px}.h-story-figure{margin:40px 0}.h-story-figure img{display:block;width:100%;height:auto}.h-artifact-switcher figcaption,.h-reset-comparison figcaption,.h-story-figure figcaption{max-width:80ch;margin-top:16px;color:var(--muted);font-size:var(--type-caption);line-height:1.6}.h-artifact-switcher .h-controls,.h-reset-comparison>.h-controls{margin-bottom:24px}.h-artifact-switcher figure,.h-reset-comparison figure{margin:0}.h-artifact-stage{display:grid;place-items:center;min-height:300px}.h-artifact-stage img{display:block;width:100%;height:auto;max-height:880px;-o-object-fit:contain;object-fit:contain}.h-comparison-pair,.h-journey-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:32px var(--frame-gap)}.h-figure-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.h-figure-heading h3{font:400 var(--type-subhead) /1.2 var(--font-heading),serif;font-variant-numeric:lining-nums}.h-figure-heading span{color:var(--muted);font-size:var(--type-caption)}.h-opening-image img,.h-wireframe-window img{width:100%;height:auto;display:block}.h-wireframe-window{max-height:760px;overflow:auto;scrollbar-color:var(--mat-ink) var(--mat)}.h-wireframe-window img{min-width:550px}.h-media-note{max-width:80ch;margin-top:16px;color:var(--muted);font-size:var(--type-caption);line-height:1.6}.h-tinted-band{background:var(--surface)}.h-signature,.h-tinted-band{border-block:1px solid var(--line)}.h-signature{background:var(--project-soft);padding:clamp(64px,7vw,96px) var(--h-band-edge)}.h-signature-heading>.h-signature-lede{max-width:var(--measure);margin-top:8px;font:400 var(--type-body) /1.7 var(--font-body),sans-serif}.h-soil-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px 32px;margin-bottom:24px}.h-soil-state{margin:0}.h-soil-state>img{display:block;width:100%;height:auto;aspect-ratio:2;-o-object-fit:contain;object-fit:contain;background:var(--surface)}.h-soil-state[data-live=false]>img{background:var(--mat);padding:var(--h-mat-pad)}.h-soil-state figcaption{max-width:80ch;margin-top:16px;color:var(--muted);font-size:var(--type-caption);line-height:1.6}.h-recording{margin-top:64px;padding-top:40px;border-top:1px solid var(--line-strong)}.h-recording-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:24px}.h-recording-heading h3{font:400 var(--type-subhead) /1.2 var(--font-heading),serif;font-variant-numeric:lining-nums}.h-recording-heading>span{color:var(--muted);font-size:var(--type-caption)}.h-recording video{display:block;width:100%;height:auto;aspect-ratio:2;-o-object-fit:contain;object-fit:contain;border-radius:0;background:var(--surface)}.h-journey-pair .h-story-figure{margin:0}.h-handoff-links{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:32px}.h-story-ending{border-top:1px solid var(--line);margin:56px 0 0;padding-top:32px}.h-story-ending p{max-width:44ch;font:400 var(--type-deck) /1.4 var(--font-heading),serif;font-variant-numeric:lining-nums;text-wrap:pretty}@media (min-width:800px){.h-comparison-pair,.h-journey-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.h-chapter-heading,.h-signature-heading{align-items:first baseline}:is(.h-chapter-heading,.h-signature-heading)>.h-chapter-label{grid-column:1/span 2;translate:0 calc(1cap - var(--h-heading-cap))}.h-chapter-heading>h2,.h-signature-heading>h2{grid-column:3/span 8}.h-signature-heading>.h-signature-lede{grid-column:3/-1}.h-chapter-copy:not(.h-story-ending),.h-handoff-links,.h-story-ending>p{margin-left:var(--h-line-3)}}@media (min-width:1000px){.h-story-intro>h2{grid-column:1/span 5}.h-story-intro>div{grid-column:7/-1}}@media (max-width:600px){.h-entrance-stage{padding-block:40px}.h-turf-progression{display:grid;grid-template-columns:repeat(auto-fit,minmax(max(8rem,calc((100% - 8px) / 2)),1fr));width:100%}.h-controls,.h-turf-view-options{width:100%}.h-controls button{flex:1 1 0;min-width:-moz-fit-content;min-width:fit-content}.h-flow-focus{aspect-ratio:.9}.h-audience-flows:not([data-view=full]) figcaption,.h-flow-mat:not([data-view=full]){max-width:calc(360px + 2 * var(--h-mat-pad))}.h-audience-flows .h-flow-focus img{width:666.6667%;left:-258.3333%;top:-118.25%}.h-audience-flows .h-flow-focus[data-view=carbon] img{top:-336%}.h-artifact-stage{min-height:0}.h-wireframe-window{max-height:550px}}@media (prefers-reduced-motion:reduce){.h-story-root *{scroll-behavior:auto!important;transition:none!important}}