@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;color:#f7f4e9;background:#171f1c;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #e1c790;outline-offset:6px}#experience{position:relative;width:100%;height:100svh;min-height:630px;overflow:hidden}#scene{position:absolute;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%}.shade,.edge{position:absolute;inset:0;pointer-events:none}.shade{background:linear-gradient(90deg,rgba(8,17,13,.73),rgba(10,20,16,.34) 36%,transparent 67%),linear-gradient(0deg,rgba(9,15,12,.82),transparent 24%,transparent 78%,rgba(9,15,12,.36));transition:opacity .6s}.edge{box-shadow:inset 0 0 120px #08120e44}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 4.3%;z-index:3}.brand{color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:37px;letter-spacing:.09em;line-height:.8;display:flex;flex-direction:column;gap:10px}.brand span{font:9px 'Manrope',sans-serif;letter-spacing:.52em;margin-left:2px}.study{font-size:10px;letter-spacing:.2em;opacity:.65;margin-left:80px}header button{background:transparent;border:1px solid #f7f4e942;padding:12px 18px;font-size:11px;border-radius:3px}header button span{margin-left:18px}.hero-copy{position:absolute;left:8%;top:26%;z-index:2;pointer-events:none;transition:opacity .45s,transform .6s}.eyebrow{display:flex;align-items:center;gap:11px;font-size:10px;letter-spacing:.24em;color:#dcc597;margin:0 0 24px}.eyebrow span{height:1px;width:30px;background:#dcc597}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(52px,5.2vw,88px);line-height:1.01;letter-spacing:-.05em;margin:0;text-shadow:0 5px 35px #07120b66}h1 em{font-weight:400;color:#e5d2a7}.intro{font-size:14px;line-height:1.75;color:#e8e9dfbb;margin:23px 0}.sample-cta{background:#d9bd86;color:#18221a;padding:16px 23px;font-size:12px;display:flex;align-items:center;gap:39px;width:max-content;box-shadow:0 10px 30px #0002}.sample-cta span{font-size:20px}.sample-note{font-size:9px;color:#ffffff65;letter-spacing:.08em;margin-top:12px}.caption{position:absolute;right:5%;bottom:135px;display:flex;gap:18px;font-size:11px;line-height:1.6;opacity:.8;transition:opacity .4s}.index{font-size:10px;letter-spacing:.12em;color:#d9bd86}.controls{position:absolute;bottom:0;left:4.3%;right:4.3%;border-top:1px solid #f7f4e929;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 30px;z-index:4}.instruction{display:flex;align-items:center;gap:15px;font-size:12px}.instruction i{font-style:normal;font-size:25px;color:#d9bd86}.instruction small{display:block;color:#e8e9df80;font-size:10px;margin-top:5px}.settings{display:flex;align-items:center;gap:15px}.settings label{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.settings output{display:block;color:#d9bd86;font-size:9px;margin-top:5px;text-transform:none;letter-spacing:0}.settings input{width:98px;accent-color:#d9bd86;cursor:pointer}.settings button{font-size:10px;background:#101e1855;border:1px solid #f7f4e933;padding:10px 12px;border-radius:3px}.clean .hero-copy{opacity:0;transform:translateY(10px)}.clean .shade{opacity:.2}.clean .caption,.clean .study{opacity:0}#loading{position:absolute;inset:0;z-index:10;background:#17231d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;transition:opacity .6s}.loading-brand{font:48px Georgia,serif;letter-spacing:.15em}#loadingText{font-size:11px;color:#ccc9b8;letter-spacing:.1em}.progress{width:150px;height:1px;background:#ffffff22}.progress i{display:block;width:0;height:1px;background:#d9bd86;transition:width .25s}.loaded #loading{opacity:0;pointer-events:none}#error{position:absolute;inset:30% 15%;z-index:20;background:#16241e;padding:40px;box-shadow:0 0 100px #0008}#error h2{font-family:Georgia,serif;font-size:32px;font-weight:400}#error p{line-height:1.6;color:#ddd}body.scene-only .hero-copy,body.scene-only .caption,body.scene-only .shade{display:none}@media(max-width:750px){#experience{min-height:680px}header{padding:25px 7%}.brand{font-size:30px}.study{display:none}header button{font-size:10px;padding:10px 13px}.hero-copy{left:8%;top:23%}h1{font-size:55px}.intro{font-size:12px}.eyebrow{margin-bottom:20px}.caption{display:none}.controls{left:7%;right:7%;flex-direction:column;align-items:stretch;gap:16px;padding-bottom:22px}.instruction{font-size:11px}.instruction small{font-size:9px}.settings{justify-content:space-between;gap:9px}.settings input{flex:1;max-width:110px}.shade{background:linear-gradient(90deg,#08110dad,#0a14164d 65%,transparent),linear-gradient(0deg,#09110ded,transparent 32%,transparent 78%,#09110d4d)}.sample-cta{padding:14px 19px;font-size:11px}.clean .shade{opacity:.05}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}