@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
:root{--paper:#f2ecdf;--ink:#172535;--orange:#ca401d;--line:#b9af9d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 Georgia,serif}main{max-width:1100px;margin:auto;padding:90px 32px 70px}.kicker,.number,.model,.open{font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase}.kicker{color:var(--orange)}h1,h2{font-family:Fraunces,Georgia,serif;letter-spacing:-.045em;line-height:.96}h1{font-size:clamp(3.5rem,8vw,7rem);max-width:850px;margin:26px 0}.intro{font-size:20px;max-width:670px}.directions{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:65px 0}.direction{min-height:360px;padding:28px;display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease}.direction:hover{transform:translateY(-6px);box-shadow:10px 10px 0 rgba(23,37,53,.16)}.manual{background:#f7f1e5}.atlas{background:#18293a;color:#f2ecdf;border-color:#18293a}.number{color:var(--orange);font-size:24px}.model{margin-top:32px;color:#796f62}.atlas .model{color:#c9bca5}h2{font-size:clamp(2.5rem,4vw,4rem);margin:14px 0}.direction p{font-size:18px;max-width:360px}.open{margin-top:auto;color:var(--orange)}aside{border-top:1px solid var(--line);padding-top:18px;color:#5b5d5b;font:400 12px/1.6 'DM Mono',monospace}.source-pages{margin:10px 0 60px;border:1px solid var(--line);padding:30px;background:#efe7d8}.source-pages h2{font-size:clamp(2rem,3vw,3.2rem);margin:14px 0}.source-pages>p:not(.kicker){max-width:650px;font-size:17px}.source-links{display:grid;grid-template-columns:repeat(2,1fr);margin-top:25px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.source-links a{padding:17px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:500 13px/1.4 'DM Mono',monospace;text-decoration:none;color:var(--ink)}.source-links a:hover{background:var(--ink);color:var(--paper)}.source-links span{color:var(--orange);float:right}@media(max-width:650px){main{padding:55px 20px}.directions{grid-template-columns:1fr;margin:42px 0}.direction{min-height:290px}h1{font-size:3.4rem}.source-links{grid-template-columns:1fr}.source-pages{padding:22px}}