@layer reset,base,components,utilities;@layer components{
*{box-sizing:border-box}html{background:transparent}body{margin:0;color:#f8f2e8;font-family:Arial,sans-serif}canvas{display:block;position:fixed;inset:0;width:100%;height:100%}header{position:fixed;z-index:5;top:0;width:100%;padding:29px 4.5%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{font:36px/1 Georgia,serif;letter-spacing:-2px}.brand small{display:block;font:8px/1 Arial,sans-serif;letter-spacing:6px;margin:9px 0 0 5px}.edition{font-size:10px;letter-spacing:2px;text-transform:uppercase}main{height:680vh}.copy{position:fixed;z-index:2;top:39%;left:6%;right:6%;pointer-events:none;display:flex;justify-content:space-between;align-items:center;gap:35%}h1{font:clamp(38px,5.2vw,85px)/.97 Georgia,serif;font-weight:normal;letter-spacing:-2px;margin:0;max-width:330px}.right{text-align:right}.eyebrow{font-size:9px;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}.caption{position:fixed;z-index:3;left:6%;bottom:100px;pointer-events:none;max-width:280px}.caption h2{font:38px/.98 Georgia,serif;margin:10px 0}.caption p{font-size:12px;line-height:1.7;max-width:230px}.controls{position:fixed;bottom:0;z-index:6;width:100%;padding:22px 4.5%;display:flex;align-items:center;gap:20px;background:linear-gradient(transparent,#061b2525)}button{color:inherit;background:transparent;border:1px solid currentColor;border-radius:30px;padding:10px 16px;cursor:pointer;font-size:11px}button:hover{background:#ffffff18}button:focus-visible,input:focus-visible{outline:2px solid #cca778;outline-offset:5px}input{flex:1;accent-color:#c9aa77;cursor:pointer;min-width:60px}.step{font-size:10px;letter-spacing:1.2px;min-width:160px;text-transform:uppercase}.scroll{position:fixed;top:81%;width:100%;text-align:center;z-index:2;pointer-events:none;font-size:9px;letter-spacing:3px}.scroll span{display:block;margin-top:12px;font-size:20px}.endnote{position:fixed;right:5%;bottom:110px;width:170px;font-size:10px;line-height:1.7;opacity:0;z-index:2}#error{display:none;position:fixed;inset:20%;z-index:10;background:#f5eee1;color:#183842;padding:30px;line-height:1.7}body.blue{color:#183842}@media(max-width:650px){header{padding:22px 6%}.brand{font-size:29px}.edition{font-size:8px;letter-spacing:1px;max-width:95px;text-align:right}.copy{top:20%;gap:10px;align-items:flex-start}h1{font-size:35px;max-width:150px;letter-spacing:-1px}.copy .right{margin-top:48vh}.eyebrow{font-size:8px}.step{min-width:85px;font-size:8px}.controls{gap:10px;padding:20px 5%}.caption{bottom:115px}.caption h2{font-size:29px}.caption p{font-size:11px;max-width:160px}.endnote{width:125px;font-size:9px;bottom:120px}.scroll{top:74%}}
}