@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;600;700&display=swap";
:root{--ink:#19201d;--paper:#f4efe7;--line:#cfc6b8;--acid:#d9ff45;--rust:#a94327;--soft:#e8e0d4}.ot-page{background:var(--paper);min-height:100vh;color:var(--ink);font-family:Manrope,Arial,sans-serif}.ot-page *{box-sizing:border-box}.ot-nav{border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:28px;padding:18px clamp(20px,5vw,76px);font:500 12px DM Mono,monospace;display:flex}.ot-nav a{color:inherit;text-decoration:none}.ot-nav a:nth-child(2){margin-left:auto}.ot-hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(40px,7vw,110px);padding:clamp(55px,9vw,125px) clamp(20px,7vw,110px);display:grid}.ot-kicker,.ot-label{text-transform:uppercase;letter-spacing:.14em;font:500 11px DM Mono,monospace}.ot-hero h1{letter-spacing:-.045em;margin:22px 0 28px;font:400 clamp(58px,8vw,118px)/.82 Instrument Serif,serif}.ot-hero h1 em{color:var(--rust)}.ot-dek{max-width:680px;font-size:clamp(17px,2vw,22px);line-height:1.55}.ot-hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.ot-hero-actions a{background:var(--ink);color:#fff;text-transform:uppercase;padding:14px 18px;font:500 11px DM Mono,monospace;text-decoration:none}.ot-hero-actions a+a{color:var(--ink);border:1px solid var(--ink);background:0 0}.ot-hero figure{margin:0}.ot-hero img{border:1px solid var(--ink);width:100%;box-shadow:18px 18px 0 var(--acid);background:#fff;display:block}.ot-hero figcaption{margin-top:25px;font:11px/1.5 DM Mono,monospace}.ot-explorer{padding:0 clamp(20px,5vw,76px) 100px}.ot-progress{border:1px solid var(--ink);grid-template-columns:repeat(7,1fr);display:grid}.ot-progress button{appearance:none;border:0;border-right:1px solid var(--ink);color:inherit;text-align:left;cursor:pointer;background:0 0;min-height:112px;padding:18px 14px}.ot-progress button:last-child{border-right:0}.ot-progress button[aria-selected=true]{background:var(--ink);color:#fff}.ot-progress span,.ot-progress small{font:10px DM Mono,monospace;display:block}.ot-progress b{margin:14px 0 5px;font:600 13px Manrope,sans-serif;display:block}.ot-progress small{color:var(--rust)}.ot-progress button[aria-selected=true] small{color:var(--acid)}.ot-panel{border:1px solid var(--ink);background:#fff;border-top:0;padding:clamp(26px,5vw,70px);animation:.25s reveal}.ot-panel-title{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr 1fr;align-items:start;gap:30px;padding-bottom:45px;display:grid}.ot-panel-title>span{font:12px DM Mono,monospace}.ot-panel-title h2{margin:0;font:400 clamp(40px,5vw,68px)/.95 Instrument Serif,serif}.ot-panel-title p{margin:0;font-size:16px;line-height:1.7}.ot-panel-grid{grid-template-columns:1.25fr .8fr .8fr;gap:0;display:grid}.ot-panel-grid>section,.ot-panel-grid>aside{padding:36px 30px 10px 0}.ot-panel-grid>section+section,.ot-panel-grid>aside{border-left:1px solid var(--line);padding-left:30px}.ot-panel-grid h3{font:400 29px/1.15 Instrument Serif,serif}.ot-panel-grid ul{margin:25px 0;padding:0;list-style:none}.ot-panel-grid li{border-top:1px solid var(--line);padding:13px 0;font-size:13px}.ot-question{background:var(--acid);margin-top:30px;padding:18px}.ot-question span{text-transform:uppercase;font:10px DM Mono,monospace}.ot-question p{margin:8px 0 0;font-weight:600;line-height:1.5}.ot-panel-grid aside p:nth-child(2){font-size:14px;line-height:1.65}.ot-panel-grid aside strong{color:var(--rust);text-transform:uppercase;border:1px solid var(--rust);margin-top:12px;padding:8px;font:500 10px DM Mono,monospace;display:inline-block}.ot-step-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:36px;padding-top:20px;display:flex}.ot-step-actions button{cursor:pointer;background:0 0;border:0;font:600 12px Manrope}.ot-step-actions button:disabled{opacity:.25}.ot-step-actions span{font:11px DM Mono,monospace}.ot-record{background:var(--ink);color:#fff;grid-template-columns:.7fr 1.3fr;gap:8vw;padding:clamp(55px,8vw,110px) clamp(20px,7vw,110px);display:grid}.ot-record h2,.ot-sources h2{margin:18px 0;font:400 clamp(45px,6vw,78px)/.95 Instrument Serif,serif}.ot-record>div>p:last-child{color:#c9cec9;line-height:1.6}.ot-record ol{counter-reset:steps;margin:0;padding:0;list-style:none}.ot-record li{border-top:1px solid #4c534f;grid-template-columns:1fr 1fr;gap:30px;padding:22px 0;display:grid}.ot-record b{font:400 25px Instrument Serif,serif}.ot-record span{color:#c9cec9;font-size:13px}.ot-sources{grid-template-columns:.7fr 1.3fr;gap:8vw;padding:clamp(60px,8vw,110px) clamp(20px,7vw,110px);display:grid}.ot-sources>div:last-child{border-top:1px solid var(--ink)}.ot-sources a{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:20px;padding:22px 0;text-decoration:none;display:grid}.ot-sources a span,.ot-sources a i{font:10px DM Mono,monospace}.ot-sources a i{color:var(--rust);font-style:normal}.ot-page footer{border-top:1px solid var(--line);padding:25px clamp(20px,7vw,110px);font:10px/1.6 DM Mono,monospace}@keyframes reveal{0%{opacity:.4;transform:translateY(4px)}}@media (max-width:850px){.ot-hero,.ot-record,.ot-sources{grid-template-columns:1fr}.ot-progress{grid-template-columns:repeat(7,130px);overflow-x:auto}.ot-panel-title,.ot-panel-grid{grid-template-columns:1fr}.ot-panel-grid>section+section,.ot-panel-grid>aside{border-left:0;border-top:1px solid var(--line);padding-left:0}.ot-nav a:nth-child(2){display:none}.ot-sources a{grid-template-columns:1fr auto}.ot-sources a span{grid-column:1/-1}.ot-record li{grid-template-columns:1fr}.ot-hero img{box-shadow:9px 9px 0 var(--acid)}}