.experience{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#152230 0%,#0b1118 48%,#070a0d 100%);pointer-events:none}
#world{width:100%;height:100%;display:block}
.scene-grain,.scene-vignette{position:absolute;inset:0;pointer-events:none}
.scene-grain{opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.scene-vignette{background:radial-gradient(ellipse at center,transparent 42%,#05070a88 100%)}
body{isolation:isolate;background:#070a0d}
main,.footer{position:relative;z-index:1}
.slide{background-color:transparent}
.philosophy{background:linear-gradient(180deg,rgba(8,12,16,.56),rgba(11,17,23,.53))}
.approach,.services,.about,.contact{background:rgba(8,12,16,.52)}
.closing{background-image:linear-gradient(90deg,rgba(5,8,11,.5),rgba(5,8,11,.38)),url("assets/mountain-closing.jpg")}
.site-header{background:rgba(5,8,11,.88)}
.philosophy-grid{perspective:1400px;transform-style:preserve-3d;align-items:stretch}
.philosophy-visual,.philosophy-copy{position:relative;padding:clamp(24px,3vw,42px);border:1px solid rgba(121,184,226,.24);background:linear-gradient(145deg,rgba(27,42,56,.72),rgba(8,13,19,.76));box-shadow:0 26px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.05);backdrop-filter:blur(9px);transform-style:preserve-3d}
.philosophy-visual{transform:rotateY(5deg) rotateX(1deg) translateZ(16px);transform-origin:right center}
.philosophy-copy{max-width:none;padding-left:clamp(24px,3vw,42px);border-left:1px solid rgba(121,184,226,.46);transform:rotateY(-4deg) translateZ(5px);transform-origin:left center}
.philosophy-visual:after,.philosophy-copy:after{content:"";position:absolute;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(121,184,226,.42),transparent);height:1px;left:8%;right:8%;top:0}
.philosophy-copy p{position:relative}
.philosophy-copy p:last-child{margin-bottom:0}
.scene-hud{position:fixed;z-index:12;right:5.2vw;bottom:28px;display:flex;align-items:center;gap:12px;font:9px 'DM Sans',sans-serif;letter-spacing:.18em;color:#bdc9d2;pointer-events:none;text-transform:uppercase}
.scene-hud i{display:block;width:68px;height:1px;background:#ffffff35;overflow:hidden}
.scene-hud b{display:block;height:100%;width:0;background:#79b8e2;transition:width .12s linear}
.webgl-fallback .experience{background:radial-gradient(ellipse at 50% 50%,#17222d 0%,#070a0d 80%)}
@media(max-width:900px){.philosophy-visual{transform:rotateY(2deg) translateZ(8px)}.philosophy-copy{transform:rotateY(-2deg) translateZ(3px)}}
@media(max-width:600px){.scene-hud{right:7vw;bottom:18px;font-size:7px;gap:8px}.scene-hud i{width:40px}.scene-hud span:last-child{display:none}.philosophy,.approach,.services,.about,.contact{background:rgba(8,12,16,.68)}.philosophy-visual,.philosophy-copy{transform:none;padding:22px;background:linear-gradient(145deg,rgba(27,42,56,.82),rgba(8,13,19,.84))}.philosophy-copy{padding-left:22px}}
@media(prefers-reduced-motion:reduce){.scene-hud b{transition:none}}