.design-notebook{--design-paper:var(--paper);--design-ink:var(--ink);--design-moss:var(--forest);--design-muted:#52594f;--design-rule:var(--line);--design-land:#eeecdf;--design-lake:#c5d8d7;--design-river:#275d61;--design-signal:var(--rust);--design-mono:ui-monospace,SFMono-Regular,Menlo,monospace;--design-display:var(--font-serif),Georgia,serif;--design-copy:var(--font-sans),system-ui,sans-serif;min-height:100dvh;background:var(--design-paper);color:var(--design-ink);font:15px/1.6 var(--design-copy)}.design-running-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:70px;gap:24px;padding-inline:max(28px,calc((100% - 1250px) / 2));border-bottom:1px solid var(--design-rule)}.design-wordmark{justify-self:start;color:var(--design-moss);font:400 34px/.9 var(--design-display);letter-spacing:-.035em}.design-folio{color:var(--design-muted);font:500 .6875rem/1.45 var(--design-mono);letter-spacing:.08em;text-transform:uppercase}.design-map-link{display:inline-flex;align-items:center;justify-self:end;justify-content:center;gap:9px;min-height:44px;color:var(--design-moss);font-size:.875rem;font-weight:650;white-space:nowrap}.design-map-link:hover{text-decoration:underline;text-underline-offset:4px}.design-content{width:min(1250px,calc(100% - 56px));margin-inline:auto}.design-intro{display:grid;grid-template-columns:1fr .8fr;align-items:end;gap:clamp(36px,8vw,126px);padding-block:clamp(54px,8.2vw,112px)}.design-intro h1{margin:0 0 24px;color:var(--design-moss);font:400 clamp(76px,10.4vw,160px)/.94 var(--design-display);letter-spacing:-.045em}.design-intro p:not(.design-folio){max-width:32ch;font-size:clamp(1rem,1.65vw,1.1875rem);line-height:1.6}.design-plate{min-width:0}.design-plate-drawing{position:relative;display:grid;place-items:center;min-height:170px;aspect-ratio:1.27;overflow:hidden;border:1px solid var(--design-rule);background-color:var(--design-land);background-image:linear-gradient(90deg,#d8d9ce 1px,transparent 0),linear-gradient(#d8d9ce 1px,transparent 0);background-position:50%;background-size:30px 30px;color:var(--design-river)}.design-plate-drawing>svg{width:100%;height:100%}.design-plate-drawing>.design-folio,.design-plate-north{position:absolute;top:15px;background:var(--design-land)}.design-plate-drawing>.design-folio{left:16px;padding:2px 5px}.design-plate-north{right:16px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:3px;font:500 .6875rem/1 var(--design-mono)}.design-plate figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:3px 12px;padding-top:11px}.design-plate figcaption strong{color:var(--design-moss);font-size:.875rem;font-weight:600}.design-section{padding-block:34px clamp(56px,7vw,94px);border-top:1px solid var(--design-rule)}.design-section-head{display:grid;grid-template-columns:12.5rem minmax(0,1fr) minmax(19rem,.8fr);align-items:baseline;gap:20px;margin-bottom:34px}.design-phone-study h3,.design-section-head h2{color:var(--design-moss);font:400 clamp(44px,5.7vw,77px)/.95 var(--design-display);letter-spacing:-.025em}.design-section-head>p:last-child{max-width:43ch;color:var(--design-muted)}.design-desktop-studies{display:grid;grid-template-columns:1fr 1fr;gap:24px}.design-desktop-studies>figure,.design-phone-study{border:1px solid var(--design-rule);background:#f1efe5}.design-desktop-studies>figure{padding:16px}.design-figure-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:12px}.design-figure-note{color:var(--design-muted);font-size:.8125rem}.design-sketch{display:block;width:100%;height:auto;color:#34443e}.design-sketch-field,.design-sketch-fish,.design-sketch-outline,.design-sketch-pane,.design-sketch-water{stroke:#90988d;stroke-width:1.4;stroke-linejoin:round}.design-sketch-pane{fill:var(--design-paper)}.design-sketch-field{fill:#e8e9e0}.design-sketch-water{fill:#dce3df}.design-sketch-fish{fill:#cbd4c8;stroke:#667668}.design-sketch-outline{fill:none}.design-sketch-highlight{fill:#dce4da}.design-sketch-label{fill:currentColor;font:600 9px var(--design-mono);letter-spacing:.04em}.design-sketch-faint{stroke:#d6d8ce}.design-sketch-dash{fill:none;stroke:#8b9689;stroke-width:2;stroke-linecap:round}.design-sketch-river{fill:none;stroke:var(--design-river);stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.design-sketch-pin{fill:var(--design-signal);stroke:var(--design-paper);stroke-width:1.25}.design-sketch-cross{fill:none;stroke:var(--design-signal);stroke-width:2;stroke-linecap:round}.design-desktop-studies figcaption{margin-top:12px;font-size:.875rem}.design-phone-study{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(16px,6vw,84px);margin-top:24px;padding:20px clamp(16px,4vw,60px)}.design-phone-study h3{margin-block:12px;font-size:clamp(36px,4.7vw,59px)}.design-phone-study figcaption{max-width:36ch}.design-sketch-mobile{max-width:440px;justify-self:center}.design-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;padding:0;list-style:none}.design-palette li{display:flex;flex-direction:column}.design-palette strong{margin:10px 0 2px;font-weight:650}.design-swatch{display:block;aspect-ratio:1.42;border:1px solid var(--design-rule)}.design-swatch-role{margin-top:6px;color:var(--design-muted);font-size:.8125rem}.design-token{color:var(--design-muted);font:.75rem/1.4 var(--design-mono)}.design-shapes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.design-shapes>div{padding:20px;border:1px solid var(--design-rule);border-radius:var(--radius-panel);background:#fff}.design-shapes dt{font-weight:650}.design-shapes dd{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:14px;margin-top:16px}.design-shape-control,.design-shape-marker,.design-shape-panel{display:inline-flex;height:42px;align-items:center;justify-content:center}.design-shape-panel{width:112px;border:1px solid var(--design-rule);border-radius:var(--radius-panel);background:var(--paper)}.design-shape-control{gap:14px;padding-inline:12px;border-radius:var(--radius-control);background:var(--lime);color:var(--forest);font-size:.8125rem;font-weight:650}.design-shape-marker{width:42px;border-radius:var(--radius-symbol);background:var(--forest);color:var(--paper);font-size:.75rem}.design-type{margin:0;border-top:1px solid var(--design-rule)}.design-type>div{display:grid;grid-template-columns:minmax(10rem,.38fr) minmax(0,1fr);align-items:baseline;gap:16px;padding-block:19px;border-bottom:1px solid var(--design-rule)}.design-type dt{display:flex;flex-direction:column}.design-type dt strong{font-weight:650}.design-type dt span{color:var(--design-muted);font-size:.8125rem}.design-type dd{margin:0;color:var(--design-moss)}.design-type-serif{font:400 clamp(34px,4.2vw,62px)/1 var(--design-display)}.design-type-serif em{display:inline-block;font-size:.63em}.design-type-sans{font-size:clamp(20px,3vw,32px);font-weight:550;line-height:1.2}.design-type-mono{font:500 clamp(12px,2.3vw,20px)/1.4 var(--design-mono)}.design-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding-block:12px 24px;border-top:1px solid var(--design-rule)}@media (max-width:1020px){.design-section-head{grid-template-columns:1fr 1fr}.design-section-head>.design-folio{grid-column:1/-1}}@media (max-width:680px){.design-running-head{grid-template-columns:1fr auto;min-height:62px;padding-inline:20px}.design-running-head>.design-folio{display:none}.design-wordmark{font-size:30px}.design-content{width:calc(100% - 40px)}.design-intro{grid-template-columns:1fr;gap:24px;padding-block:42px}.design-intro h1{margin-bottom:18px}.design-plate-drawing{aspect-ratio:1.6}.design-section{padding-top:22px}.design-section-head{grid-template-columns:1fr;gap:12px;margin-bottom:22px}.design-desktop-studies,.design-phone-study{grid-template-columns:1fr;gap:14px}.design-phone-study{margin-top:14px}.design-palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.design-shapes,.design-type>div{grid-template-columns:1fr}.design-type>div{gap:8px}}@media (prefers-reduced-motion:reduce){.design-notebook *,.design-notebook :after,.design-notebook :before{transition:none}}