:root{--bg: #e9e2e0;--surface: #dad4d2;--ink: #171310;--muted: #5d5450;--accent: #ca4b2d;--accent-deep: #a83a20;--accent-ink: #ffffff;--pop: #b9bfbf;--step-small: clamp(.8125rem, .79rem + .1vw, .875rem);--step-body: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead: clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head: clamp(2.25rem, 1.3rem + 3.2vw, 4rem);--step-big: clamp(3rem, 8.4vw, 8.5rem);--step-poster: clamp(2.25rem, 5.6vw, 5.5rem);--margin: clamp(20px, 2.8vw, 40px);--ease: cubic-bezier(.2, .7, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Erode,Georgia,Times New Roman,serif;font-size:var(--step-body);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}img,svg{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.2em}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2{font-weight:500;letter-spacing:-.025em;line-height:.98;text-wrap:balance}h1,h2{font-size:var(--step-head)}h3{font-size:var(--step-lead);font-weight:600;letter-spacing:-.01em;line-height:1.15}h4{font-size:var(--step-small);font-weight:600}em{font-style:normal}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--pop);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:8px;left:8px;z-index:20;padding:8px 14px;background:var(--ink);color:var(--bg);transform:translateY(-200%)}.skip:focus{transform:none}.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js [data-reveal].in{opacity:1;transform:none}.bar{position:absolute;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:20px var(--margin)}.wordmark{font-weight:600;text-decoration:none}.bar nav{display:flex;gap:28px}.bar nav a{text-decoration:none}.bar a{transition:color .16s;min-height:24px}.bar nav a:hover{color:var(--accent)}.button,.control-primary{display:inline-block;border:0;background:var(--accent);color:var(--accent-ink);font-weight:600;text-decoration:none;padding:14px 24px;transition:transform .14s var(--ease),background .16s}.button:hover,.control-primary:hover{background:var(--accent-deep)}.button:active,.control-primary:active{transform:scale(.97)}.lead{padding:96px var(--margin) 40px}.lead h1{font-size:var(--step-big);text-align:center}.lead-row{margin-top:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:48px}.lead-row p{max-width:26em;font-size:var(--step-lead);line-height:1.25}.stage{scroll-margin-top:0}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 400px;height:min(94svh,880px);background:var(--bg)}.instrument-view{position:relative;min-height:0;touch-action:pan-y;overflow:hidden}.instrument-view>div:first-child{position:absolute!important;inset:0}.instrument-view canvas{display:block}.sketch{cursor:grab;user-select:none;-webkit-user-select:none}.sketch.is-dragging{cursor:grabbing}.sketch svg{display:block;width:100%;height:100%}.sketch-part{cursor:pointer}.system-fallback{position:absolute;inset:0;width:100%;height:100%;padding:16px 16px 72px}.part-tags{position:absolute;inset:0;overflow:hidden;pointer-events:none}.part-tag,.layer-tag{position:absolute;top:0;left:0;white-space:nowrap;font-size:13px;line-height:18px;height:22px;padding:2px 6px;transition:opacity .2s,background .16s,color .16s}.part-tag{background:var(--bg);color:var(--ink)}.part-tag.is-on{background:var(--ink);color:var(--pop);font-weight:600}.part-tag.is-dim{color:var(--muted)}.layer-tag{background:var(--ink);color:var(--accent-ink);font-weight:600}.view-groups{position:absolute;top:16px;left:var(--margin);z-index:1;display:flex;flex-wrap:wrap;gap:4px}.view-groups button{border:1px solid var(--ink);background:var(--bg);padding:6px 12px;font-size:15px;transition:background .16s,color .16s}.view-groups button:hover{background:var(--surface)}.view-groups button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.view-controls{position:absolute;left:var(--margin);right:var(--margin);bottom:16px;display:flex;justify-content:flex-end;pointer-events:none}.view-controls>*{pointer-events:auto}.view-controls .control{flex:none;white-space:nowrap}.instrument-side{background:var(--surface);padding:24px;display:flex;flex-direction:column;gap:16px;min-height:0;overflow-y:auto;overscroll-behavior:contain}.trace-panel{display:grid;gap:14px}.trace-choices,.project-tabs{display:flex;flex-wrap:wrap;gap:6px}.trace-choices{flex-direction:column;align-items:flex-start}.project-tabs{margin-bottom:8px}.trace-choice,.project-tabs button,.inspector-links button,.parts-row button{border:1px solid var(--ink);background:transparent;padding:7px 12px;font-size:15px;text-align:left;transition:background .16s,color .16s}.trace-choice:hover,.project-tabs button:hover,.inspector-links button:hover,.parts-row button:hover{background:var(--bg)}.trace-choice[aria-pressed=true],.project-tabs button[aria-pressed=true],.parts-row button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.trace-step{min-height:9em}.trace-step-title{font-size:var(--step-lead);font-weight:600;line-height:1.2;display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px}.trace-time{color:var(--accent);font-variant-numeric:tabular-nums}.trace-step-body{margin-top:6px;font-size:16px;line-height:1.4}.trace-controls{display:flex;align-items:center;gap:6px}.control-primary{padding:9px 16px;font-size:16px;min-width:7.2em}.control{border:1px solid var(--ink);background:var(--bg);padding:8px 14px;font-size:15px;transition:background .16s}.control:hover:not(:disabled){background:var(--pop)}.control:disabled{color:var(--muted);cursor:default;opacity:.6}.trace-count{margin-left:auto;color:var(--muted);font-size:var(--step-small);font-variant-numeric:tabular-nums}.inspector{display:grid;gap:14px}.inspector-head{display:grid;gap:10px;justify-items:start}.inspector-links{display:grid;gap:6px}.inspector-links>div{display:flex;flex-wrap:wrap;gap:6px}.parts{margin-top:auto}.parts summary{cursor:pointer;font-weight:600;min-height:28px;list-style:none}.parts summary::-webkit-details-marker{display:none}.parts summary:before{content:"▸";display:inline-block;width:1.1em}.parts[open] summary:before{transform:rotate(90deg)}.parts summary:hover{color:var(--accent)}.parts>div{margin-top:12px}.parts-row{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}.parts-row button{padding:4px 8px;font-size:14px}.panel{min-height:100svh;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;padding:0 0 0 var(--margin);overflow:hidden}.panel.is-rally{background:var(--accent);color:var(--accent-ink)}.panel.is-night-shift{background:var(--pop);color:var(--ink)}.panel.is-silverhand{background:var(--surface)}.panel :focus-visible{outline-color:currentColor}.panel-text{display:grid;grid-template-rows:1fr auto auto auto;gap:20px;padding:0 0 40px;align-content:stretch}.panel-text h2{align-self:end;font-size:var(--step-big);margin-bottom:-.04em;height:fit-content}.panel-text{grid-template-rows:50svh auto auto auto 1fr}.panel-line{font-size:var(--step-lead);line-height:1.25;max-width:24em}.panel-figure{font-size:var(--step-head);font-weight:500;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}.panel-figure span{display:block;margin-top:8px;font-size:var(--step-body);font-weight:400;letter-spacing:0;line-height:1.4}.panel-link{justify-self:start;font-weight:600;transition:opacity .16s}.panel-link:hover{opacity:.7}.panel-fact{align-self:end;font-size:var(--step-small)}.panel-picture{position:relative;padding-top:72px;display:grid;gap:16px;align-content:start}.panel-picture img{width:100%}.panel.is-silverhand .panel-picture{padding:48px var(--margin) 32px 0;align-content:center}.panel.is-silverhand .system-fallback{position:static;width:100%;height:auto;max-height:84svh;padding:0}.duality{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.duality-side{display:grid;grid-template-rows:auto 1fr;gap:56px;padding:72px 0 0;overflow:hidden;min-width:0}.duality-side.is-web{background:var(--accent);color:var(--accent-ink)}.duality-side.is-mobile{background:var(--ink);color:var(--accent-ink)}.duality-text{padding:0 var(--margin);display:grid;gap:14px;max-width:34em;align-content:start}.duality-audience{font-size:var(--step-lead)}.duality-web{align-self:end;padding-left:var(--margin)}.duality-web img{width:136%;max-width:none}.duality-phones{align-self:end;padding:0 var(--margin) 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:end}.duality-phones figure:nth-child(2){margin-bottom:40px}.duality-phones figure{display:flex;flex-direction:column-reverse}.duality-phones figcaption{padding-bottom:8px;font-size:var(--step-small)}.duality-shared{grid-column:1 / -1;background:var(--surface);padding:96px var(--margin);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 48px}.duality-shared>div:first-child{display:grid;gap:16px;align-content:start}.duality-shared dl{display:grid;gap:28px}.duality-shared dt{font-size:var(--step-lead);font-weight:600;line-height:1.15}.duality-shared dd{margin-top:4px}.poster{padding:160px var(--margin) 120px}.poster ul{margin-top:56px}.poster li{display:flex;justify-content:space-between;align-items:baseline;gap:32px;padding:4px 0}.poster strong{font-size:var(--step-poster);font-weight:500;letter-spacing:-.025em;line-height:1.04;white-space:nowrap}.poster span{max-width:22em;text-align:right;font-size:var(--step-body);line-height:1.3}.poster em{display:block;color:var(--muted);font-variant-numeric:tabular-nums}.letter{margin:0 20px;padding:72px 56px;background:var(--ink);color:var(--accent-ink);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px}.letter>div{display:grid;gap:1em;font-size:var(--step-lead);line-height:1.32}.letter :focus-visible{outline-color:var(--pop)}.letter-sign{color:var(--pop)}.contact{padding:160px 0 0}.contact-prompt{padding:0 var(--margin);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}.contact-rows{margin-top:56px;display:grid}.contact-rows>*{display:block;width:100%;border:0;text-align:left;text-decoration:none;padding:44px var(--margin) 14px;background:var(--surface);font-size:var(--step-poster);font-weight:500;letter-spacing:-.025em;line-height:1;overflow-wrap:anywhere;transition:background .18s,color .18s}.contact-rows>*:nth-child(2n){background:var(--bg)}.contact-rows>*:hover{background:var(--pop)}.charts{margin-top:96px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chart{background:var(--surface);padding:28px}.chart h3{font-size:20px}.chart>p{margin-top:4px;font-size:15px;color:var(--muted)}.chart-bars{margin-top:24px;display:grid;gap:14px}.chart-bars dt{font-size:15px}.chart-bars dd{margin-top:4px;display:flex;align-items:center;gap:10px;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.chart-fill{height:16px;min-width:3px;background:var(--accent)}.foot{margin-top:0;padding:32px var(--margin) 12px;background:var(--ink);color:var(--accent-ink);overflow:hidden}.foot-columns{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;font-size:15px}.foot-links{display:flex;gap:24px}.foot-end{text-align:right}.foot :focus-visible{outline-color:var(--pop)}.foot-mark{margin-top:96px;font-size:12.6vw;font-weight:500;letter-spacing:-.03em;line-height:.95;white-space:nowrap}.case-head{padding:112px var(--margin) 56px;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:24px 48px;align-items:end}.case-head h1{grid-column:1;font-size:var(--step-big)}.case-role{grid-column:1 / -1;font-size:var(--step-lead)}.case-summary{grid-column:2;grid-row:2}.case-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:24px;font-weight:600}.case-links a:hover,.case-next:hover{color:var(--accent)}.case-model{padding-top:40px}.case-model-head{padding:0 var(--margin) 28px;display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:end}.case-problem{background:var(--accent);color:var(--accent-ink);padding:120px var(--margin);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px}.case-problem div{display:grid;gap:.8em;font-size:var(--step-lead);line-height:1.28}.case-design{padding:160px var(--margin) 0}.case-design-notes{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.case-design-notes p{margin-top:12px}.case-pictures{margin-top:96px;display:grid;gap:24px 16px;align-items:start}.case-pictures.is-rally{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.case-pictures.is-rally figure:first-child{grid-row:1 / span 3}.case-pictures.is-night-shift{grid-template-columns:minmax(0,7fr) minmax(0,3fr)}.case-pictures.is-night-shift figure:nth-child(2){grid-column:1}.case-pictures.is-night-shift figure:nth-child(3){grid-column:2;grid-row:1 / span 2}.case-pictures img{width:100%}.case-pictures figcaption{margin-top:8px;font-size:var(--step-small);color:var(--muted)}.case-decisions{margin-top:160px;padding:140px var(--margin);background:var(--pop);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 24px;align-items:start}.case-decisions h2{grid-column:1 / span 5;grid-row:1 / span 3;position:sticky;top:48px}.decision{grid-column:6 / -1;display:grid;gap:12px}.decision p{font-size:var(--step-lead);line-height:1.28}.decision .decision-cost{font-size:var(--step-body);line-height:1.45}.decision-cost strong{font-weight:600}.case-numbers{padding:120px var(--margin)}.case-numbers dl{margin-top:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px 24px}.case-numbers dt{color:var(--muted)}.case-numbers div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:8px}.case-numbers dd{font-size:var(--step-head);font-weight:500;letter-spacing:-.025em;line-height:1;font-variant-numeric:tabular-nums}.case-next{display:block;margin:40px var(--margin) 140px;font-size:var(--step-big);font-weight:500;letter-spacing:-.025em;line-height:1;text-decoration:none;transition:color .18s}.missing{min-height:90svh;padding:148px var(--margin) 48px;display:grid;align-content:center;justify-items:start;gap:24px}@media(max-width:899px){.wordmark{white-space:nowrap}.bar{gap:16px;font-size:15px}.bar nav{gap:14px}.lead{padding:88px var(--margin) 28px}.lead h1{font-size:11vw;text-align:left}.lead-row{display:block;margin-top:24px}.lead-row .button{margin-top:20px}.instrument{display:block;height:auto}.instrument-view{height:62svh}.instrument-side{overflow:visible;padding:20px var(--margin)}.part-tag{display:none}.part-tag.is-on{display:block}.layer-tag{display:none}.view-controls{bottom:10px}.view-groups{top:10px}.view-groups button{min-height:36px;padding:4px 8px;font-size:14px}.duality{grid-template-columns:minmax(0,1fr)}.duality-side{padding-top:56px;gap:36px}.duality-web img{width:150%}.duality-shared{display:block;padding:64px var(--margin)}.duality-shared dl{margin-top:32px}.trace-choices{flex-direction:row}.trace-step{min-height:6.4em}.panel{display:block;padding:72px var(--margin) 0;min-height:0}.panel-text{display:grid;grid-template-rows:none;gap:16px;padding:0}.panel-picture,.panel.is-silverhand .panel-picture{padding:32px 0 var(--margin)}.panel.is-silverhand .system-fallback{max-height:none}.poster{padding:96px var(--margin) 72px}.poster li{display:block;padding:28px 0 0}.poster strong{white-space:normal;display:block;font-size:10vw}.poster span{display:block;text-align:left;max-width:none;margin-top:4px}.poster em{display:inline}.poster em:before{content:", "}.letter{display:block;margin:0 var(--margin);padding:40px 24px}.letter>div{margin-top:24px}.contact{padding-top:96px}.contact-prompt{display:block}.contact-prompt p{margin-top:16px}.contact-rows{margin-top:32px}.contact-rows button{font-size:7vw}.foot-columns{grid-template-columns:1fr;gap:8px}.foot-end{text-align:left}.foot-mark{margin-top:56px}.case-head{display:block;padding-top:88px}.case-head>*+*{margin-top:24px}.case-model-head{display:block}.case-model-head p{margin-top:12px}.case-problem{display:block;padding:72px var(--margin)}.case-problem div{margin-top:24px}.case-design{padding-top:96px}.case-design-notes{grid-template-columns:1fr;gap:32px;margin-top:40px}.charts{grid-template-columns:1fr;margin-top:56px}.chart{padding:20px}.case-pictures{margin-top:56px}.case-pictures.is-rally,.case-pictures.is-night-shift{grid-template-columns:1fr}.case-pictures.is-rally figure:first-child,.case-pictures.is-night-shift figure:nth-child(n){grid-column:1;grid-row:auto}.case-decisions{display:block;margin-top:96px;padding:72px var(--margin)}.case-decisions h2{position:static}.decision{display:block;margin-top:48px}.decision p{margin-top:12px}.case-numbers{padding:72px var(--margin)}.case-next{margin-bottom:96px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal]{transform:none;transition:opacity .2s linear}}