:root{--color-bg:#07090b;--color-bg-glass:#0c1014b8;--color-bg-surface:#101418;--color-text-primary:#f5f2eb;--color-text-secondary:#a9a295;--color-text-muted:#6e695f;--color-bronze:#c8a876;--color-bronze-light:#e4c99e;--color-bronze-dark:#8c6e44;--color-border:#c8a87638;--color-border-subtle:#ffffff14;--font-serif:"Cinzel", "Cormorant Garamond", Georgia, serif;--font-editorial:"Cormorant Garamond", Georgia, serif;--font-display:"Syne", sans-serif;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ease-cinematic:cubic-bezier(.16, 1, .3, 1);--transition-smooth:all .5s var(--ease-cinematic)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);width:100%;height:100%;color:var(--color-text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}#scroll-container{pointer-events:none;width:100%;height:800vh;position:relative}#webgl-canvas{z-index:1;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}#loading-screen{z-index:9999;width:100vw;height:100vh;transition:opacity 1.2s var(--ease-cinematic), visibility 1.2s;background-color:#07090b;flex-direction:column;justify-content:space-between;padding:4rem;display:flex;position:fixed;top:0;left:0}#loading-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loading-header{border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.loading-brand{font-family:var(--font-serif);letter-spacing:.35em;color:var(--color-text-primary);font-size:1.2rem}.loading-coords{font-family:var(--font-sans);letter-spacing:.2em;color:var(--color-bronze);text-transform:uppercase;font-size:.75rem}.loading-center{max-width:650px}.loading-title{font-family:var(--font-serif);letter-spacing:.08em;color:var(--color-text-primary);margin-bottom:1rem;font-size:clamp(2rem,5vw,3.8rem);font-weight:400;line-height:1.15}.loading-subtitle{font-family:var(--font-editorial);color:var(--color-bronze-light);margin-bottom:2rem;font-size:1.5rem;font-style:italic}.loading-bar-wrap{background-color:#ffffff1a;width:100%;height:2px;margin-bottom:1rem;position:relative;overflow:hidden}#loading-progress-bar{background-color:var(--color-bronze);width:0%;height:100%;transition:width .3s;position:absolute;top:0;left:0}.loading-status-row{letter-spacing:.15em;color:var(--color-text-muted);justify-content:space-between;font-size:.8rem;display:flex}.loading-footer{justify-content:space-between;align-items:flex-end;display:flex}.loading-notice{color:var(--color-text-muted);max-width:380px;font-size:.8rem}.btn-primary{background-color:var(--color-bronze);color:#0c0f12;font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary:hover{background-color:var(--color-bronze-light);transform:translateY(-2px)}.btn-primary-ghost{color:var(--color-text-primary);font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--color-border);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;justify-content:center;align-items:center;padding:.8rem 1.6rem;font-size:.78rem;font-weight:500;display:inline-flex}.btn-primary-ghost:hover{border-color:var(--color-bronze);color:var(--color-bronze-light);background-color:#c8a8761a}#btn-enter-experience{display:none}#btn-enter-experience.visible{display:inline-flex}#hud-container{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:2.5rem 3rem;display:flex;position:fixed;top:0;left:0}.hud-top-bar{pointer-events:auto;justify-content:space-between;align-items:center;display:flex}.hud-brand-block{flex-direction:column;display:flex}.hud-brand-name{font-family:var(--font-serif);letter-spacing:.35em;color:var(--color-text-primary);font-size:1.1rem}.hud-brand-sub{letter-spacing:.2em;color:var(--color-bronze);text-transform:uppercase;font-size:.7rem}.hud-center-status{background:var(--color-bg-glass);backdrop-filter:blur(16px);border:1px solid var(--color-border-subtle);border-radius:40px;align-items:center;gap:1.5rem;padding:.5rem 1.5rem;display:flex}#hud-act-title{letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-primary);font-size:.78rem}.hud-divider{background-color:var(--color-border-subtle);width:1px;height:14px}#hud-time-dial{letter-spacing:.15em;color:var(--color-bronze);font-variant-numeric:tabular-nums;font-size:.75rem}.hud-actions{align-items:center;gap:1rem;display:flex}.btn-hud-icon{background:var(--color-bg-glass);backdrop-filter:blur(12px);border:1px solid var(--color-border-subtle);width:44px;height:44px;color:var(--color-text-primary);cursor:pointer;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-hud-icon:hover{border-color:var(--color-bronze);color:var(--color-bronze)}.audio-bars{align-items:center;gap:3px;height:14px;display:flex}.audio-bars span{background-color:var(--color-text-muted);width:2px;height:4px;transition:height .2s,background-color .3s}.btn-hud-icon.playing .audio-bars span{background-color:var(--color-bronze);animation:1.2s ease-in-out infinite alternate barBounce}.btn-hud-icon.playing .audio-bars span:first-child{animation-delay:.1s}.btn-hud-icon.playing .audio-bars span:nth-child(2){animation-delay:.3s}.btn-hud-icon.playing .audio-bars span:nth-child(3){animation-delay:.5s}.btn-hud-icon.playing .audio-bars span:nth-child(4){animation-delay:.2s}@keyframes barBounce{0%{height:3px}to{height:14px}}#chapter-nav{z-index:15;pointer-events:auto;flex-direction:column;gap:1.2rem;display:flex;position:fixed;top:50%;right:2.5rem;transform:translateY(-50%)}.chapter-nav-item{color:var(--color-text-muted);cursor:pointer;text-align:right;transition:var(--transition-smooth);background:0 0;border:none;align-items:center;gap:.75rem;padding:.25rem;display:flex}.chapter-nav-num{font-family:var(--font-display);letter-spacing:.1em;font-size:.75rem}.chapter-nav-label{letter-spacing:.15em;text-transform:uppercase;opacity:0;transition:var(--transition-smooth);pointer-events:none;white-space:nowrap;font-size:.7rem;transform:translate(10px)}.chapter-nav-item:hover .chapter-nav-label,.chapter-nav-item.active .chapter-nav-label{opacity:1;transform:translate(0)}.chapter-nav-item.active{color:var(--color-bronze)}.chapter-nav-item.active .chapter-nav-num{font-weight:700;transform:scale(1.2)}.hud-bottom-bar{pointer-events:auto;justify-content:space-between;align-items:flex-end;display:flex}.hud-scroll-prompt{letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-muted);align-items:center;gap:1rem;font-size:.72rem;display:flex}.scroll-mouse-icon{border:1.5px solid var(--color-text-muted);border-radius:12px;width:18px;height:28px;position:relative}.scroll-mouse-icon:after{content:"";background-color:var(--color-bronze);border-radius:2px;width:2px;height:5px;animation:1.6s ease-in-out infinite scrollWheel;position:absolute;top:5px;left:50%;transform:translate(-50%)}@keyframes scrollWheel{0%{opacity:0;transform:translate(-50%)}40%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.hud-bottom-tools{gap:.8rem;display:flex}.btn-hud-pill{background:var(--color-bg-glass);backdrop-filter:blur(16px);border:1px solid var(--color-border-subtle);color:var(--color-text-primary);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border-radius:30px;padding:.6rem 1.4rem;font-size:.72rem;font-weight:500}.btn-hud-pill:hover{border-color:var(--color-bronze);color:var(--color-bronze-light)}#hotspot-modal{background:var(--color-bg-glass);backdrop-filter:blur(24px);border:1px solid var(--color-border);z-index:50;opacity:0;visibility:hidden;max-width:440px;transition:var(--transition-smooth);pointer-events:auto;border-radius:8px;padding:1.5rem 2rem;position:fixed;bottom:6rem;left:50%;transform:translate(-50%)translateY(20px)}#hotspot-modal.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}#hotspot-title{font-family:var(--font-serif);letter-spacing:.15em;color:var(--color-bronze-light);margin-bottom:.4rem;font-size:1rem}#hotspot-desc{color:var(--color-text-secondary);font-size:.82rem;line-height:1.5}.modal-backdrop{backdrop-filter:blur(20px);z-index:100;opacity:0;visibility:hidden;width:100vw;height:100vh;transition:var(--transition-smooth);background:#040608d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;left:0}.modal-backdrop.open{opacity:1;visibility:visible}.modal-window{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:4px;width:100%;max-width:1100px;max-height:85vh;padding:3.5rem;position:relative;overflow-y:auto}.modal-close-corner{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1.5rem;position:absolute;top:2rem;right:2rem}.modal-close-corner:hover{color:var(--color-bronze)}.modal-header{margin-bottom:2.5rem}.modal-eyebrow{letter-spacing:.25em;color:var(--color-bronze);text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.modal-title{font-family:var(--font-serif);letter-spacing:.05em;font-size:2.4rem;font-weight:400}#portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:2rem;display:grid}.portfolio-card{border:1px solid var(--color-border-subtle);background:#0b0e12;border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.portfolio-card-image-wrap{width:100%;height:240px;position:relative;overflow:hidden}.portfolio-card-img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease-cinematic)}.portfolio-card:hover .portfolio-card-img{transform:scale(1.05)}.portfolio-card-badge{letter-spacing:.15em;color:var(--color-bronze-light);border:1px solid var(--color-border);background:#07090bcc;padding:.3rem .8rem;font-size:.7rem;position:absolute;top:1rem;right:1rem}.portfolio-card-body{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.portfolio-card-header{justify-content:space-between;align-items:baseline;margin-bottom:.3rem;display:flex}.portfolio-card-title{font-family:var(--font-serif);letter-spacing:.05em;font-size:1.4rem}.portfolio-card-price{font-family:var(--font-display);color:var(--color-bronze);font-size:1.1rem}.portfolio-card-loc{color:var(--color-text-muted);letter-spacing:.1em;margin-bottom:1rem;font-size:.8rem}.portfolio-card-desc{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:.88rem;line-height:1.6}.portfolio-card-features{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.portfolio-feature-tag{border:1px solid var(--color-border-subtle);color:var(--color-text-muted);background:#ffffff0a;padding:.25rem .6rem;font-size:.72rem}.form-group{margin-bottom:1.5rem}.form-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.5rem;font-size:.75rem;display:block}.form-input,.form-textarea{border:1px solid var(--color-border-subtle);width:100%;color:var(--color-text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#ffffff08;padding:1rem 1.2rem;font-size:.9rem}.form-input:focus,.form-textarea:focus{border-color:var(--color-bronze);background:#c8a8760d;outline:none}.drawer-container{background:var(--color-bg-surface);border-top:1px solid var(--color-border);z-index:110;width:100vw;transition:var(--transition-smooth);max-height:80vh;padding:3rem;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(100%)}.drawer-container.open{transform:translateY(0)}.blueprint-grid{grid-template-columns:1.2fr 1fr;gap:3rem;display:grid}.blueprint-schematic{border:1px solid var(--color-border-subtle);background:#090c0f;border-radius:4px;padding:2rem}.spec-list-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.spec-item-label{letter-spacing:.18em;color:var(--color-text-muted);text-transform:uppercase;margin-bottom:.2rem;font-size:.72rem}.spec-item-value{font-family:var(--font-display);color:var(--color-text-primary);font-size:1.05rem}#semantic-document{z-index:200;background:#06080a;width:100vw;height:100vh;padding:5rem 10vw;display:none;position:fixed;top:0;left:0;overflow-y:auto}#semantic-document.visible{display:block}.semantic-section{border-bottom:1px solid var(--color-border-subtle);margin-bottom:4rem;padding-bottom:3rem}.semantic-h1{font-family:var(--font-serif);color:var(--color-bronze-light);margin-bottom:1.5rem;font-size:3rem}.semantic-h2{font-family:var(--font-serif);margin-bottom:1rem;font-size:2rem}.semantic-p{color:var(--color-text-secondary);margin-bottom:1.5rem;font-size:1.1rem;line-height:1.8}@media (width<=1024px){#loading-screen{padding:2rem}#hud-container{padding:1.5rem}.blueprint-grid,#portfolio-grid{grid-template-columns:1fr}#chapter-nav{display:none}}@media (width<=768px){.hud-center-status{display:none}.hud-bottom-tools{flex-wrap:wrap}.modal-window{padding:2rem}}