body .h3d{position:relative;left:50%;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;margin-right:0!important;overflow:clip;color:#fff;background:#02101b}
.h3d-stage{position:sticky;top:0;height:100vh;width:100%;overflow:hidden;z-index:0;background:#02101b}
.h3d-world{position:absolute;inset:-4%;transition:transform .25s ease-out;will-change:transform}
.h3d-media{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;border:0;pointer-events:none}
.h3d-yt{width:max(100%,177.78vh);height:max(100%,56.25vw);min-width:0;min-height:0}
.h3d-ph{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease}
.h3d-ph.on{opacity:1}
.h3d-grade{position:absolute;inset:0;transition:background 1.4s ease;background:linear-gradient(90deg,rgba(2,16,27,.78),rgba(2,16,27,.15) 70%)}
.h3d[data-s="1"] .h3d-grade{background:linear-gradient(90deg,rgba(2,16,27,.78),rgba(40,20,10,.12) 70%)}
.h3d[data-s="2"] .h3d-grade{background:linear-gradient(90deg,rgba(2,16,27,.75),rgba(10,40,60,.18) 70%)}
.h3d[data-s="3"] .h3d-grade{background:linear-gradient(90deg,rgba(0,35,60,.82),rgba(0,90,130,.4) 75%);backdrop-filter:saturate(.8) hue-rotate(-8deg)}
.h3d[data-s="4"] .h3d-grade{background:linear-gradient(90deg,rgba(2,16,27,.88),rgba(2,16,27,.45) 75%)}
.h3d-vig{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55))}
.h3d-grain{position:absolute;inset:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/></filter><rect width='200' height='200' filter='url(%23n)'/></svg>")}
.h3d-hud{position:absolute;left:7vw;right:7vw;bottom:28px;display:flex;align-items:center;gap:14px;font-size:.78rem;letter-spacing:.2em;opacity:.85}
.h3d-hud i{flex:1;height:1px;background:rgba(255,255,255,.25);position:relative}
.h3d-bar{position:absolute;left:0;top:-1px;height:3px;width:0;background:#ffcf4a}
.h3d-content{position:relative;z-index:2;margin-top:-100vh}
.h3d-content section{height:var(--sh,100vh);display:flex;align-items:center;padding:0 7vw}
.h3d-p{max-width:620px;opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s ease;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.h3d-p.in{opacity:1;transform:none}
.h3d-k{display:block;color:#ffcf4a;font-size:.8rem;letter-spacing:.28em;text-transform:uppercase;margin-bottom:16px;padding-left:46px;position:relative}
.h3d-k:before{content:"";position:absolute;left:0;top:50%;width:34px;height:1px;background:#ffcf4a}
.h3d-p h2{color:#fff;font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.08;font-weight:600;margin:0 0 18px}
.h3d-p p{color:#fff;font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.7;opacity:.92;margin:0 0 16px}
.h3d-p a{color:#ffcf4a}
.h3d-stats{display:flex;gap:36px;margin-top:26px}
.h3d-stats b{font-size:2.2rem;font-weight:600;line-height:1}
.h3d-stats small{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-top:6px;font-weight:400}
.h3d-btn{display:inline-block;padding:14px 34px;border:1px solid #ffcf4a;color:#ffcf4a!important;text-decoration:none;letter-spacing:.18em;text-transform:uppercase;font-size:.8rem;transition:.3s}
.h3d-btn:hover{background:#ffcf4a;color:#02101b!important}
@media(max-width:700px){.h3d-content section{padding:0 6vw}.h3d-stats{gap:20px}.h3d-stats b{font-size:1.6rem}}