:root{--bg-deep:#f6f1e7;--text-primary:#17313f;--text-secondary:#17313fad;--text-muted:#17313f75;--accent:#c9963e;--card:#ffffffb8;--card-strong:#ffffffdb;--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Inter Tight", "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html,body{background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}body{font-family:var(--font-body);overflow-x:hidden}body::-webkit-scrollbar{width:0}button,a{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}canvas{display:block}::selection{background:var(--accent);color:#fffaf0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes prompt-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spire-draw{0%{stroke-dashoffset:540px;opacity:.2}45%{opacity:.82}to{stroke-dashoffset:0;opacity:.48}}@keyframes dust-drift{0%{opacity:.1;transform:translate(0,0)scale(.8)}45%{opacity:.75}to{opacity:.08;transform:translate(26px,-38px)scale(1.28)}}.experience{--accent:#c9963e;background:var(--bg-deep);min-height:100vh;color:var(--text-primary);position:relative}.sky,.three-layer{position:fixed;inset:0}.sky{z-index:0;transition:background .4s linear;overflow:hidden}.three-layer{z-index:5;pointer-events:none}.sun-disc{filter:blur(14px);pointer-events:none;background:radial-gradient(circle,#ffd68fcc 0%,#ffdc9e47 42%,#fff5dc00 72%);border-radius:999px;width:360px;height:360px;margin-left:-180px;transition:opacity .4s,top .4s;position:absolute;left:50%}.particles,.clouds{pointer-events:none;position:absolute;inset:0}.particle{background:#ffffffe6;border-radius:999px;animation:linear infinite alternate dust-drift;position:absolute;box-shadow:0 0 12px #c9963e4d,0 0 28px #ffffff80}.clouds{overflow:hidden}.cloud-layer{height:42%;transition:opacity .3s,top .3s;position:absolute;left:0;right:0}.city-horizon{z-index:1;pointer-events:none;transition:opacity .4s,height .4s;position:fixed;bottom:0;left:0;right:0}.loader{z-index:100;color:var(--text-primary);background:linear-gradient(#fbfdff 0%,#f8f0e1 62%,#ecd3a3 100%);flex-direction:column;justify-content:center;align-items:center;gap:42px;display:flex;position:fixed;inset:0;overflow:hidden}.loader-glow{filter:blur(12px);pointer-events:none;background:radial-gradient(circle,#ffd59070,#fff0);border-radius:999px;width:420px;height:420px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.loader-spire{width:min(112px,28vw);height:min(58vh,560px);color:var(--accent);filter:drop-shadow(0 16px 34px #5d4f362e);transition:opacity .3s;position:relative}.loader-spire path,.loader-spire line{stroke-dasharray:540;animation:4.8s ease-in-out infinite alternate spire-draw}.loader-status,.corner-label,.brand,.section-indicator,.audio-toggle,.elevation-label,.elevation-unit,.scroll-prompt,.beat-meta,.cta-primary,.cta-ghost{font-family:var(--font-mono);letter-spacing:0;text-transform:uppercase}.loader-status{color:#7a5b21;font-size:10px;position:relative}.loader-progress{background:#17313f29;width:240px;height:1px;position:relative;overflow:hidden}.loader-progress-fill{background:var(--accent);height:100%;transition:width .1s linear}.corner-label{color:#17313f7a;white-space:nowrap;font-size:10px;position:absolute}.corner-label.top-left{top:32px;left:32px}.corner-label.top-right{top:32px;right:32px}.corner-label.bottom-left{bottom:32px;left:32px}.corner-label.bottom-right{bottom:32px;right:32px}.hud{pointer-events:none}.brand,.top-controls,.elevation,.scroll-prompt{z-index:50;pointer-events:auto;position:fixed}.brand{color:#17313fdb;font-family:var(--font-mono);text-transform:uppercase;align-items:center;gap:10px;font-size:11px;display:flex;top:24px;left:32px}.brand-mark{flex:none;display:block}.top-controls{color:#17313fa8;align-items:center;gap:20px;font-size:10px;display:flex;top:24px;right:32px}.audio-toggle{color:#6b4b12;cursor:pointer;background:#ffffff80;border:1px solid #c9963e80;padding:7px 11px;font-size:9px;transition:border .2s,color .2s,background .2s}.audio-toggle:hover{background:#ffffffc7}.audio-toggle.is-muted{color:#17313f75}.elevation{color:#17313fa3;flex-direction:column;align-items:flex-start;gap:16px;display:flex;top:50%;left:32px;transform:translateY(-50%)}.elevation-label{color:#8a651f;font-size:9px}.elevation-number{color:var(--text-primary);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:44px;font-weight:300;line-height:1}.elevation-unit{font-size:9px}.gauge{background:#17313f2e;width:1px;height:180px;margin-top:20px;position:relative}.gauge-dot,.gauge-tick{height:1px;position:absolute}.gauge-dot{background:var(--accent);width:9px;transition:top .1s linear;left:-4px;box-shadow:0 0 10px #c9963ee6}.gauge-tick{background:#17313f42;width:5px;transition:background .2s;left:-2px}.gauge-tick.is-active{background:var(--accent)}.scroll-prompt{color:#17313f8a;flex-direction:column;align-items:flex-end;gap:16px;font-size:10px;animation:2s ease-in-out infinite prompt-bounce;display:flex;bottom:32px;right:32px}.scroll-line{background:linear-gradient(180deg, var(--accent), #c9963e00);width:1px;height:60px}.beat{z-index:30;perspective:1300px;width:min(480px,100vw - 64px);transform:translateY(var(--beat-y,0)) rotate(var(--beat-rotate,0deg));pointer-events:none;will-change:opacity, transform;transition:opacity .25s ease-out;display:flex;position:fixed;top:50%}.beat-left{justify-content:flex-start;left:8vw}.beat-right{justify-content:flex-end;right:7vw}.beat-center{width:min(560px,100vw - 64px);transform:translate(-50%, var(--beat-y,0)) rotate(var(--beat-rotate,0deg));justify-content:center;left:50%}.beat-cta{top:44%}.beat-card{background:radial-gradient(110% 80% at var(--curve-light,50%) 42%, #ffffffe0, #fffaef94 58%, #e8f1f46b 100%), linear-gradient(90deg, #a2b7c033, #ffffff1f 28%, #ffffff1f 72%, #5f7c892e);-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);width:100%;transform:rotateY(var(--card-tilt,0deg)) rotateX(1deg);transform-origin:var(--card-origin,50% 50%);transform-style:preserve-3d;border:1px solid #ffffffb8;border-radius:8px;padding:28px;position:relative;overflow:hidden;box-shadow:0 30px 92px #263a442b,inset 0 1px #ffffffdb,inset 24px 0 46px #60849214,inset -24px 0 46px #c9963e14}.beat-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#17313f14,#0000 12% 88%,#17313f12),linear-gradient(#ffffff57,#0000 34%,#ffffff29);position:absolute;inset:0}.beat-left .beat-card{--card-origin:100% 50%;--curve-light:90%}.beat-right .beat-card{--card-origin:0% 50%;--curve-light:10%}.beat-center .beat-card{--card-origin:50% 50%;--curve-light:50%}.beat-meta{color:#8a651f;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;font-size:10px;display:flex;position:relative}.beat-meta:after{content:"";background:#c9963ebf;flex:none;width:48px;height:1px;display:block}.beat-title{color:var(--text-primary);font-family:var(--font-display);text-wrap:balance;white-space:pre-line;margin:0;font-size:58px;font-weight:300;line-height:1.02;position:relative}.beat-sub{max-width:420px;color:var(--text-secondary);text-wrap:pretty;margin:20px 0 0;font-size:15px;line-height:1.55;position:relative}.beat-center .beat-sub{max-width:460px}.beat-stats{border-top:1px solid #c9963e47;margin:24px 0 0;display:grid;position:relative}.beat-stat{border-bottom:1px solid #17313f1a;grid-template-columns:132px minmax(0,1fr);gap:18px;padding:13px 0;display:grid}.beat-stat dt,.beat-stat dd{margin:0}.beat-stat dt{color:#8a651f;font-family:var(--font-mono);text-transform:uppercase;font-size:9px}.beat-stat dd{color:#17313fbd;font-size:14px;line-height:1.35}.cta-actions{z-index:42;transform:translateY(var(--cta-y,0));justify-content:flex-end;align-items:center;gap:12px;transition:opacity .2s,transform .2s;display:flex;position:fixed;bottom:32px;right:32px}.cta-primary,.cta-ghost{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;min-height:50px;padding:15px 26px;font-size:12px;font-weight:600;display:inline-flex}.cta-primary{background:var(--accent);color:#fffaf0;box-shadow:0 18px 46px #c9963e47}.cta-ghost{color:var(--text-primary);background:#ffffff8c;border-color:#c9963e80}.scroll-spacer{z-index:-1;pointer-events:none;position:relative}@media (width<=980px){.beat{width:min(460px,100vw - 48px)}.beat-title{font-size:48px}.elevation{top:auto;bottom:28px;transform:none}.gauge,.scroll-prompt{display:none}}@media (width<=640px){.loader{gap:32px;padding:24px}.corner-label{font-size:9px}.corner-label.top-left,.corner-label.bottom-left{left:18px}.corner-label.top-right,.corner-label.bottom-right{right:18px}.corner-label.bottom-right{display:none}.brand{top:18px;left:18px}.top-controls{gap:10px;top:18px;right:18px}.section-indicator{display:none}.elevation{gap:8px;bottom:18px;left:18px}.elevation.is-final{display:none}.elevation-number{font-size:30px}.beat,.beat-left,.beat-right,.beat-center{width:auto;transform:translateY(var(--beat-y,0));left:18px;right:18px}.beat-card{padding:20px}.beat-title{font-size:38px}.beat-sub{max-width:100%;font-size:14px}.beat-cta{top:22%}.beat-stats{margin-top:16px}.beat-stat{grid-template-columns:minmax(0,1fr);gap:5px;padding:9px 0}.beat-stat dd{font-size:13px}.cta-actions{flex-wrap:nowrap;gap:8px;bottom:18px;left:18px;right:18px}.cta-primary,.cta-ghost{text-align:center;white-space:normal;width:calc(50% - 4px);min-height:46px;padding:12px 8px;font-size:10px;line-height:1.2}}