:root{color-scheme:dark;--paper:#e7e1d2;--muted:#aaa99e;--ink:#111815;--line:#344039;--accent:#b5c99d;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid #d6efb0;outline-offset:5px}button{cursor:pointer}img{display:block;max-width:100%;height:auto}video{width:100%;display:block;background:#030604;aspect-ratio:16/9;border:1px solid var(--line)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04}h1{font-size:clamp(64px,8vw,128px);letter-spacing:-.06em}h2{font-size:clamp(40px,5vw,76px);letter-spacing:-.045em}h3{font-size:30px;line-height:1.12;margin-bottom:18px}em{color:var(--accent);font-weight:400}p{max-width:58ch}.eyebrow,.micro,.masthead,.hero-foot,figcaption span,.number,footer,.chapter-list small,.compare-label,.board-grid a>span{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.11em}.eyebrow{margin-bottom:24px;color:var(--accent)}.masthead{min-height:80px;padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.masthead a{text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.wordmark{font-size:17px;letter-spacing:.17em}.wordmark span{font-size:10px;margin-left:24px;color:var(--muted)}nav{display:flex;gap:28px}.create-yours{color:var(--accent)}.hero{min-height:min(840px,86svh);position:relative;display:flex;align-items:center;isolation:isolate;padding:70px 7vw 100px;overflow:hidden}.hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,9,.91),rgba(5,13,9,.36) 47%,rgba(5,13,9,0) 75%),linear-gradient(0deg,rgba(5,13,9,.65),transparent 40%)}.hero-copy>p:not(.eyebrow){margin:26px 0;color:#dedbce;font-size:18px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;padding:13px 22px;min-height:50px;text-decoration:none;border:1px solid var(--line);font-size:14px}.light{background:var(--paper);color:var(--ink)}.hero-foot{position:absolute;bottom:26px;left:7vw;right:7vw;display:flex;justify-content:space-between;gap:12px;font-size:10px}.section{max-width:1440px;margin:auto;padding:100px 7vw;border-bottom:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.section-heading>p{color:var(--muted);max-width:38ch}.chapter-list{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:0}.chapter-list button{color:var(--muted);border:0;border-right:1px solid var(--line);background:none;display:grid;text-align:left;padding:18px 20px;gap:4px;font-size:11px}.chapter-list button:last-child{border-right:0}.chapter-list button:hover,.chapter-list button[aria-current=true]{background:#233127;color:var(--paper)}.chapter-list span{font-size:15px;color:var(--paper)}.chapter-list small{font-size:10px}.micro{color:var(--muted);font-size:11px;letter-spacing:0;margin-top:15px;max-width:none}.micro a{margin-left:15px}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.asset-grid img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#19251c}.asset-grid figcaption{font-size:13px;color:var(--muted);padding:18px 0}.asset-grid figcaption span{display:block;margin-bottom:8px;color:var(--accent)}.split{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;align-items:center;margin-top:70px}.split p:not(.eyebrow){color:var(--muted);margin-bottom:15px;font-size:14px}.comparison{position:relative;overflow:hidden;aspect-ratio:16/9;background:#030604}.comparison>img,.before,.before img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.compare-label{position:absolute;top:15px;padding:5px 10px;background:#111815d9}.left{left:15px}.right{right:15px}input[type=range]{display:block;width:100%;min-height:44px;accent-color:var(--accent)}.board-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.board-grid a{text-decoration:none}.board-grid span{display:block;padding:12px 0;color:var(--muted)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:55px 0}.number{display:block;color:var(--accent);padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px}.notes-grid h3{font-size:25px}.notes-grid p{font-size:14px;color:var(--muted)}.keyframes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.keyframes figcaption{font-size:12px;margin-top:9px;color:var(--muted)}.angle-buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.angle-buttons button{padding:12px 20px;min-height:46px;color:var(--paper);background:transparent;border:1px solid var(--line)}.angle-buttons button[aria-pressed=true]{background:var(--accent);color:var(--ink)}.endnote{max-width:none;background:#1b2820;text-align:center}.endnote p{margin:24px auto;color:var(--muted)}.endnote .eyebrow{color:var(--accent)}.end-links{display:flex;align-items:center;justify-content:center;gap:25px;flex-wrap:wrap;font-size:13px}footer{padding:30px 5vw;color:var(--muted)}[data-experiment-controls]{margin-top:24px}.skip{position:absolute;left:12px;top:-100px;z-index:20;padding:12px;background:var(--paper);color:var(--ink)}.skip:focus{top:12px}@media(max-width:760px){.wordmark span{display:none}.masthead{padding:12px 5vw;min-height:68px}.wordmark{font-size:13px}nav{gap:15px}nav a{font-size:10px}nav a[href='#process']{display:none}.hero{min-height:660px;max-height:none;padding:55px 7vw 95px;align-items:flex-end}.hero-image{object-position:60% center}.hero:after{background:linear-gradient(0deg,#07120df2,rgba(5,13,9,.2) 90%)}h1{font-size:68px}.hero .eyebrow{font-size:9px}.hero-foot span:last-child{display:none}.section{padding:60px 6vw}.section-heading,.split{grid-template-columns:1fr;gap:25px}.section-heading>p{max-width:50ch}.asset-grid{gap:12px}.asset-grid figcaption{font-size:11px}.asset-grid figcaption span{font-size:9px;letter-spacing:0}.chapter-list{grid-template-columns:1fr 1fr}.chapter-list button{padding:14px;border-bottom:1px solid var(--line)}.chapter-list button:nth-child(2){border-right:0}.board-grid,.notes-grid{grid-template-columns:1fr}.notes-grid{gap:30px}.keyframes{gap:8px}.keyframes figcaption{font-size:10px}.compare-label{font-size:8px;padding:4px 6px}.micro a{display:block;margin:10px 0 0}.split{margin-top:45px}.end-links{flex-direction:column}footer{font-size:9px}.hero-foot{font-size:8px}}@media(max-width:360px){h1{font-size:59px}nav{gap:10px}.asset-grid{grid-template-columns:1fr}.hero{min-height:620px}.hero-copy>p:not(.eyebrow){font-size:16px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}