@font-face{font-family:DM;src:url('/assets/dm-sans-latin.woff2')}@font-face{font-family:Caslon;src:url('/assets/libre-caslon-display-latin.woff2')}*{box-sizing:border-box}body{margin:0;background:#f7f5f0;color:#20231f;font:16px/1.6 DM,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #95764f;outline-offset:4px}header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #dedbd2}.brand{font:34px/.95 Caslon,Georgia,serif;letter-spacing:.12em;color:inherit;text-decoration:none}.brand span{display:block;font:9px/2.5 DM,sans-serif;letter-spacing:.45em}.preview,.eyebrow,.stage-top,.stage-bottom,.axis{font-size:11px;letter-spacing:.16em}.preview{color:#63665e}button{background:none;color:inherit;border:1px solid #ccc7bb;border-radius:30px;padding:10px 17px}.experience{display:grid;grid-template-columns:42% 58%;min-height:670px}.intro{padding:65px 12%}.eyebrow{color:#806540;font-weight:600}h1{font:clamp(40px,4.4vw,70px)/1.03 Caslon,Georgia,serif;letter-spacing:-.02em;margin:30px 0}h2{font:40px/1.1 Caslon,Georgia,serif;margin:12px 0}.lead{color:#606359;max-width:360px}.readout{border-top:1px solid #d4cbbb;margin-top:35px;padding-top:24px}.readout>span{font-size:12px;color:#806540;letter-spacing:.18em}.readout p{font-size:14px;max-width:370px}.workflow{color:#806540}.stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#343a36,#151b18 75%);color:#ece8dd;min-height:670px}canvas{width:100%;height:100%;position:absolute;inset:0;touch-action:pan-y;cursor:grab}.stage-top{position:absolute;top:28px;left:28px;right:28px;display:flex;justify-content:space-between;pointer-events:none;color:#cec5b1;font-size:9px}.stage-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;gap:12px}.stage-bottom>span{margin-right:auto;font-size:9px;color:#cec5b1}.stage button{border-color:#5c645c;font-size:12px}.axis{position:absolute;left:32px;bottom:95px;color:#b7aa91;pointer-events:none}#controls{padding:35px 5% 20px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps button{border:0;border-top:1px solid #c8c2b5;border-radius:0;text-align:left;font:25px Caslon,Georgia,serif;padding:18px 0;color:#5c6056}.steps button small{display:block;font:10px DM,sans-serif;letter-spacing:.12em;margin-bottom:10px}.steps button[aria-pressed=true]{border-color:#806540;color:#20231f;border-top-width:3px;padding-top:16px}.slider-label{display:flex;justify-content:space-between;font-size:13px;margin:20px 0 6px}input{width:100%;accent-color:#95764f;min-height:35px}.rotations{display:flex;gap:10px;align-items:center}.rotations span{margin-left:auto;font-size:12px;color:#606359}.notice{font-size:12px;color:#606359;max-width:1100px;border-top:1px solid #dedbd2;margin-top:28px;padding-top:20px}.journey{padding:80px 15% 110px;max-width:1000px}.journey h2{font-size:55px}.caption{font-size:13px;color:#63665e}.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;background:white;z-index:10;padding:12px} @media(max-width:760px){header{padding:20px}.preview{display:none}.experience{display:flex;flex-direction:column;min-height:0}.intro{padding:34px 25px}.intro h1{font-size:46px}.intro .lead{max-width:none}.readout{margin-top:24px}.readout h2{font-size:32px}.stage{min-height:460px;order:2}.stage-top{font-size:8px;left:16px;right:16px}.stage-top span:last-child{display:none}.stage-bottom{left:16px;right:16px;gap:8px}.stage-bottom>span{display:none}.steps{gap:12px;grid-template-columns:1fr 1fr}.steps button{font-size:24px}.rotations{flex-wrap:wrap}.rotations span{width:100%;margin:8px 0}#controls{padding:25px}.journey{padding:50px 25px}.journey h2{font-size:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}