@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Jakarta;src:url('/assets/fonts/jakarta-700.ttf') format('truetype');font-weight:700;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper,#f6f2e9);color:var(--ink,#252725);font:400 16px/1.7 Jakarta,Arial,sans-serif}h1,h2,h3,p,figure{margin:0}p{margin-block:12px}h1,h2,h3{font-family:var(--display,Georgia,serif);font-weight:400;line-height:1.08}h1{font-size:clamp(45px,6.8vw,94px);letter-spacing:-.045em}h2{font-size:clamp(34px,4.2vw,60px);letter-spacing:-.025em}h3{font-size:28px}a{color:inherit;text-underline-offset:5px}img{display:block;width:100%;height:auto;object-fit:cover}button,.action{font:inherit;color:inherit;min-height:46px;padding:10px 20px;border:1px solid currentColor;cursor:pointer;background:transparent;border-radius:var(--radius,2px)}button:hover,.action:hover{background:var(--ink,#252725);color:var(--paper,#f6f2e9)}button[aria-pressed=true],button[aria-selected=true]{background:var(--ink,#252725);color:var(--paper,#f6f2e9)}.action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--ink,#252725);color:var(--paper,#f6f2e9);margin-top:14px}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.section{padding-block:94px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:16px}.demo-bar{position:sticky;top:0;z-index:20;background:var(--ink,#252725);color:var(--paper,#f6f2e9);padding:10px max(24px,calc((100vw - 1240px)/2));display:flex;gap:20px;align-items:center;justify-content:space-between;font-size:12px}.demo-bar nav{display:flex;gap:24px}.sample-head{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:30px}.brand{font:400 31px var(--display,Georgia,serif);text-decoration:none}.sample-head nav{display:flex;flex-wrap:wrap;gap:8px 24px}.sample-head nav a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.split,.simulation{display:grid;grid-template-columns:1fr 1fr;gap:80px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.cards article{padding:32px;border:1px solid #285b4838;border-radius:var(--radius,2px)}.number{display:block;margin-bottom:36px;font-size:13px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-block:22px}.controls button{font-size:14px}.simulation{border-top:1px solid #7776}.simulation-card{padding:36px;background:var(--soft,#e8e3d8);border-radius:var(--radius,2px)}.simulation-card h3{font-size:28px}.simulation-card [data-simulation-result]{font-weight:700}details{border-bottom:1px solid #7776;padding-block:20px}summary{cursor:pointer;min-height:44px;font-weight:700}figcaption{font-size:11px;padding-block:12px;line-height:1.6}.skip{position:fixed;left:15px;top:-100px;z-index:100;background:white;color:black;padding:14px}.skip:focus{top:10px}:focus-visible{outline:3px solid currentColor;outline-offset:5px}footer{padding-block:40px;border-top:1px solid #7776;font-size:13px}.vertical{flex-direction:column;align-items:flex-start}[hidden]{display:none!important}dialog{background:var(--paper);color:var(--ink);width:min(1100px,90vw);max-height:90svh;border:0;padding:24px}dialog::backdrop{background:#151515bb}dialog img{max-height:65svh;object-fit:contain}dialog h3{margin-block:18px}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.section{padding-block:60px}.cards{grid-template-columns:1fr}.split,.simulation{grid-template-columns:1fr;gap:32px}.sample-head{align-items:flex-start;flex-direction:column;gap:10px}.sample-head nav{gap:4px 16px}.demo-bar{padding:10px 20px;font-size:10px;gap:12px}.demo-bar nav{gap:12px}.simulation-card{padding:24px}h1{font-size:clamp(43px,10vw,66px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
