*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#100e0e;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b5cefb;outline-offset:7px}#experience{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:37px;left:46px;right:46px;display:flex;justify-content:space-between;align-items:center;z-index:3}.brand{color:inherit;text-decoration:none;font-size:23px;font-weight:700;letter-spacing:-1.2px;display:flex;align-items:center;gap:5px}.mark{font-size:29px;line-height:1}#contact{border:0;border-radius:5px;background:#f2f3f3;padding:12px 18px;font-size:12px;color:#181818;display:flex;gap:28px;align-items:center}#intro{position:absolute;left:46px;top:20%;pointer-events:none;transition:opacity .45s,transform .7s;z-index:2}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:#aaa}h1{font-size:clamp(27px,3.25vw,54px);line-height:1.02;letter-spacing:-2px;font-weight:500;margin:21px 0 19px}#intro p{font-size:12px;line-height:1.6;color:#bdbbbc;margin:0}.mobile-break{display:none}.text-button{pointer-events:auto;margin-top:22px;padding:8px 0;background:transparent;color:#fff;border:0;border-bottom:1px solid #777;font-size:11px}.text-button span{margin-left:25px}.opened #intro{opacity:0;transform:translateY(-20px);pointer-events:none}.opened #intro button{pointer-events:none}footer{position:absolute;bottom:27px;left:46px;right:46px;display:flex;justify-content:space-between;pointer-events:none;z-index:2;color:#aaa;font-size:10px}.study{font-size:8px;letter-spacing:1.5px;color:#797675}#bookControls{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);align-items:center;gap:20px;padding:10px 17px;border-radius:7px;background:#141313b5;backdrop-filter:blur(12px);border:1px solid #ffffff16;z-index:4;box-shadow:0 10px 30px #0003}#bookControls:not([hidden]){display:flex}#bookControls button{border:none;color:#eee;background:none;min-width:26px;min-height:28px}#pageLabel{font-size:10px;letter-spacing:2px;white-space:nowrap;color:#bcb8b8}.divider{height:16px;width:1px;background:#ffffff20}#closeBook{font-size:11px;white-space:nowrap}#closeBook span{margin-left:12px}#prev:disabled,#next:disabled{opacity:.25;cursor:default}#cursor{position:absolute;pointer-events:none;display:none;background:#efefef;color:#181818;border-radius:4px;padding:12px 14px;z-index:5;font-size:9px;letter-spacing:.8px;box-shadow:0 3px 12px #0003}#cursor span{margin-left:15px}#loader{position:absolute;inset:0;display:flex;gap:12px;align-items:center;justify-content:center;background:#111010;z-index:8;color:#bbb;font-size:12px;transition:opacity .6s}#loader.ready{opacity:0;pointer-events:none}.loader-dot{height:5px;width:5px;border-radius:50%;background:#eee;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.2}}dialog{background:#ecebe7;color:#181818;border:0;border-radius:6px;padding:55px;max-width:520px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}dialog h2{font-size:38px;line-height:1.05;letter-spacing:-1.5px;font-weight:500}dialog p{font-size:12px;line-height:1.7;color:#666}dialog a{display:inline-block;color:#222;font-size:12px;margin-top:20px}.dialog-close{position:absolute;right:19px;top:13px;border:none;background:none;font-size:27px}#fallback{position:absolute;inset:0;padding:30vh 10vw;background:#151414}body.dragging,body.dragging *{cursor:grabbing!important}@media(max-width:700px){header{left:23px;right:23px;top:25px}.brand{font-size:20px}#contact{padding:10px 12px;font-size:10px;gap:13px}#intro{left:25px;top:19%}h1{font-size:35px;letter-spacing:-1.5px}#intro p{font-size:11px}.mobile-break{display:block}.eyebrow{font-size:8px}footer{left:25px;right:25px;bottom:21px}footer .study{display:none}#bookControls{bottom:62px;gap:12px;padding:8px 11px}dialog{padding:35px;max-width:90vw}dialog h2{font-size:32px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}#intro,#loader{transition:none}.loader-dot{animation:none}}
body.manual *,body.manual *::before,body.manual *::after{transition:none!important;animation:none!important}
:root{--display-font:'Segoe UI',Arial,sans-serif;--desk-ink:#eeeae2;--desk-muted:#b9b5ad}
header{top:34px;left:48px;right:48px}.brand{letter-spacing:-.7px;font-size:22px}#contact{background:transparent;color:var(--desk-ink);border:1px solid #ffffff35;border-radius:30px;padding:11px 19px}
#intro{left:clamp(32px,4.5vw,80px);top:19%;max-width:500px}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.35px;color:var(--desk-muted)}
h1{font-family:var(--display-font);font-size:clamp(38px,4.2vw,66px);font-weight:400;letter-spacing:-.035em;line-height:1.06;margin:22px 0 23px;color:var(--desk-ink);text-wrap:balance}h1 span{color:#b5b7ad}#intro p{font-size:13px;line-height:1.75;color:var(--desk-muted)}
.text-button{margin-top:25px;font-size:12px;letter-spacing:.1px;border-bottom-color:#918d83;padding:10px 0 12px;display:flex;align-items:center;justify-content:space-between;width:204px}.text-button span{font-size:20px;font-weight:300;margin-left:25px;transition:transform .2s}.text-button:hover span{transform:translate(3px,-3px)}
.intro-note{margin-top:24px;display:flex;gap:25px;font-size:9px;color:#868780;letter-spacing:.4px}.intro-note span{color:#b7b7ac}
@media(max-width:1100px){#intro{top:16%;max-width:410px}h1{font-size:45px}.intro-note{display:none}}
@media(max-width:700px){header{left:24px;right:24px;top:25px}#intro{left:26px;top:15%;max-width:calc(100vw - 52px)}h1{font-size:clamp(34px,8vw,43px);margin:18px 0;line-height:1.08}#intro p{font-size:11px}.text-button{margin-top:16px;width:182px}#contact{font-size:10px;padding:10px 13px}}
.opened #cursor{min-width:32px;height:32px;padding:0 10px;line-height:30px;text-align:center;font-size:10px;border-radius:16px;background:#151b26e6;color:#eee;border:1px solid #ffffff35;box-shadow:none;white-space:nowrap}
