.depth-hero[data-carousel]{outline-offset:-4px;min-height:710px;--hero-caption:#617164}.depth-hero[data-carousel] .hero-layout{height:calc(100% - 78px);min-height:620px}.depth-hero[data-carousel] .hero-lower{height:78px;gap:22px}.depth-hero[data-carousel] .hero-brandline{font-size:13px;letter-spacing:.13em;max-width:350px}.depth-hero[data-carousel] .building-scroll{aspect-ratio:1.5;width:112%;left:0;bottom:7%;transition:width .85s ease,left .85s ease,bottom .85s ease;transform-style:preserve-3d}.hero-art{position:absolute;inset:0;opacity:0;visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}.hero-art[data-art=depth]{opacity:1;visibility:visible}.hero-art img,.hero-art #building{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 24px #10211c30);transform-origin:center;will-change:transform}.depth-hero[data-carousel] .scene-orbit{transform-style:preserve-3d}.depth-hero[data-carousel] .scene-label{pointer-events:none}.depth-hero[data-carousel] .label-top{top:13%;right:1%}.depth-hero[data-carousel] .label-bottom{bottom:8%;left:9%}.depth-hero[data-carousel] .hero-atmosphere{transition:background .8s ease}.depth-hero[data-carousel] .scene-halo,.depth-hero[data-carousel] .hero-word{transition:color .8s ease,opacity .8s ease}.depth-hero[data-carousel][data-direction=depth] .frame-front{left:19%;width:75%}.depth-hero[data-carousel][data-direction=cinema] .hero-layout{grid-template-columns:45% 55%}.depth-hero[data-carousel][data-direction=cinema] .scene{position:relative;inset:auto;align-self:stretch;opacity:1}.depth-hero[data-carousel][data-direction=cinema] .building-scroll{width:130%;left:-10%;bottom:0}.depth-hero[data-carousel][data-direction=cinema] .depth-copy{background:none}.depth-hero[data-carousel][data-direction=cinema] .hero-word{font-size:25vw;left:2%;bottom:7%}.depth-hero[data-carousel][data-direction=cinema] .label-top{right:-2%;top:12%}.depth-hero[data-carousel][data-direction=cinema] .label-bottom{left:8%;bottom:4%}.depth-hero[data-carousel][data-direction=engineering] .building-scroll{width:126%;left:-1%;bottom:14%}.depth-hero[data-carousel][data-direction=engineering] .label-bottom{left:26%;bottom:5%}.depth-hero[data-carousel] .glass-plane{pointer-events:none}.depth-hero[data-carousel] .technical-label{left:-4%;top:31%}
.hero-slider-controls{display:flex;gap:13px;align-items:center;color:inherit;flex-shrink:0}.slide-counter{font-size:13px;letter-spacing:.06em;white-space:nowrap}.slide-counter b{font-weight:800}.slide-counter>span{opacity:.5}.slide-dots{display:flex;gap:0}.slide-dots button{position:relative;min-height:44px;width:30px;min-width:30px;padding:0;border:0;background:transparent;color:inherit}.slide-dots button:before{content:'';display:block;width:5px;height:5px;margin:auto;border:1px solid currentColor;border-radius:50%;transition:background .25s,transform .25s}.slide-dots button[aria-pressed=true]:before{background:currentColor;transform:scale(1.4)}.hero-progress{width:72px;height:2px;background:#65776640;overflow:hidden}.hero-progress>span{display:block;width:100%;height:100%;background:#FFC113;transform:scaleX(0);transform-origin:left}.hero-arrow{border:1px solid #64775b50;border-radius:50%;width:44px;height:44px;min-height:44px;padding:0;font:22px Manrope,sans-serif;display:grid;place-items:center;background:transparent}.hero-arrow:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.hero-play{min-height:44px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;font-size:13px;letter-spacing:.05em;color:inherit;min-width:65px}.hero-play:hover{background:#ffffff35;color:inherit}.hero-play .play-icon{font-size:16px}.hero-play .play-text{font-size:13px}.depth-hero[data-carousel][data-direction=cinema] .hero-arrow{border-color:#ffffff50}.depth-hero[data-carousel][data-direction=cinema] .hero-progress{background:#ffffff30}.depth-hero[data-carousel][data-autoplay=paused] .hero-progress{opacity:.4}.depth-hero[data-carousel] .scene-ground{transition:opacity .8s}.depth-hero[data-carousel][data-direction=depth] .scene-ground{opacity:.35}
@media(max-width:1180px){.depth-hero[data-carousel]{min-height:660px}.depth-hero[data-carousel] .hero-layout{min-height:580px}.depth-hero[data-carousel] .building-scroll{width:135%;left:-8%;bottom:12%}.depth-hero[data-carousel] .hero-brandline{max-width:240px;font-size:13px;line-height:1.8}.hero-slider-controls{gap:9px}.hero-progress{width:45px}.depth-hero[data-carousel][data-direction=cinema] .building-scroll{width:150%;left:-20%;bottom:8%}.depth-hero[data-carousel][data-direction=engineering] .building-scroll{width:143%;left:-6%;bottom:19%}.depth-hero[data-carousel] .technical-label{font-size:13px;left:-4%;top:26%}}
@media(max-width:767px){.depth-hero[data-carousel]{min-height:0;height:auto}.depth-hero[data-carousel] .hero-layout{height:auto;min-height:0;display:flex}.depth-hero[data-carousel] .depth-copy{padding-top:32px}.depth-hero[data-carousel] .depth-copy h1{min-height:3.03em;font-size:clamp(44px,11.8vw,84px);margin-bottom:16px}.depth-hero[data-carousel] .scene{height:300px;margin-top:-9px;perspective:950px}.depth-hero[data-carousel] .building-scroll{width:101%;left:0;bottom:-5%;aspect-ratio:1.5}.depth-hero[data-carousel] .label-top{right:6%;top:10%;font-size:13px}.depth-hero[data-carousel] .label-bottom{left:5%;bottom:5%;font-size:13px}.depth-hero[data-carousel] .scene-halo{top:3%;right:11%;width:62%}.depth-hero[data-carousel] .hero-lower{height:76px;padding-inline:18px;justify-content:center;gap:0}.depth-hero[data-carousel] .hero-brandline{display:none}.hero-slider-controls{width:100%;justify-content:space-between;gap:5px}.slide-counter{font-size:13px}.slide-dots button{width:26px;min-width:26px}.hero-progress{width:40px}.hero-arrow{width:44px;height:44px;flex-shrink:0;font-size:22px}.hero-play{min-width:58px;padding-inline:3px}.hero-play .play-text{font-size:13px}.depth-hero[data-carousel][data-direction=cinema] .hero-layout{display:flex}.depth-hero[data-carousel][data-direction=cinema] .scene{height:300px;inset:auto;position:relative;margin-top:-9px}.depth-hero[data-carousel][data-direction=cinema] .building-scroll{width:104%;left:0;bottom:-8%}.depth-hero[data-carousel][data-direction=cinema] .label-top{top:8%;right:4%}.depth-hero[data-carousel][data-direction=cinema] .label-bottom{bottom:2%;left:6%}.depth-hero[data-carousel][data-direction=engineering] .building-scroll{width:106%;left:0;bottom:1%}.depth-hero[data-carousel][data-direction=engineering] .label-bottom{left:10%;bottom:2%}.depth-hero[data-carousel] .technical-label{font-size:13px;left:5%;top:14%}.depth-hero[data-carousel][data-direction=engineering] .glass-plane{top:25%;height:50%;width:24%}.depth-hero[data-carousel] .hero-word{bottom:70px}.depth-hero[data-carousel][data-direction=cinema] .hero-word{font-size:36vw;bottom:75px}.depth-hero[data-carousel][data-direction=engineering] .hero-word{font-size:34vw;bottom:70px}}
@media(max-width:360px){.depth-hero[data-carousel] .depth-copy h1{font-size:44px}.depth-hero[data-carousel] .scene,.depth-hero[data-carousel][data-direction=cinema] .scene{height:260px}.hero-slider-controls{gap:2px}.hero-progress{width:20px}.slide-dots button{min-width:23px;width:23px}.hero-play{min-width:48px;gap:3px}.hero-play .play-text{font-size:13px}.depth-hero[data-carousel] .label-top{font-size:13px}.depth-hero[data-carousel] .label-bottom{font-size:13px}}
@media(prefers-reduced-motion:reduce){.depth-hero[data-carousel] *{transition:none!important}.hero-art img,.hero-art #building{transform:none!important}.hero-progress>span{transform:scaleX(0)!important}}
.depth-hero[data-carousel] .scene{pointer-events:auto}
@media(min-width:1181px){.depth-hero[data-carousel]{height:min(820px,calc(100svh - 114px))}}
@media(max-width:767px){.depth-hero[data-carousel] .scene .label-bottom{bottom:15%;left:6%;transform:none}.depth-hero[data-carousel] .scene .label-top{right:6%;top:9%;transform:none;max-width:70%}.slide-dots button{min-width:24px;width:24px}}
@media(min-width:768px) and (max-width:980px){.depth-hero[data-carousel] .depth-copy h1{font-size:56px;max-width:12ch;min-height:168px}}
