/* One continuous environment: the WebGL floor only receives shadows. */
.hero-experience.hero{position:relative;isolation:isolate;max-width:none;grid-template-columns:46% 54%;background:#0e1a26 url('./assets/site/hero-city.webp') center 58%/cover no-repeat;overflow:hidden}
.hero-experience.hero:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(9,20,31,.96) 0%,rgba(9,20,31,.88) 29%,rgba(9,20,31,.37) 65%,rgba(9,20,31,.12)),linear-gradient(0deg,#0e1a26 0%,rgba(14,26,38,.12) 25%,rgba(14,26,38,.16) 75%,rgba(14,26,38,.55))}
.hero-copy{padding:64px 0 62px max(56px,calc((100vw - 1320px)/2));align-self:center}
.hero-copy .eyebrow{color:#e0c8ad;font-size:10px;letter-spacing:.18em;margin-bottom:25px;display:flex;align-items:center;gap:12px}
.hero-copy .eyebrow:before{content:'';width:26px;height:1px;background:var(--orange);flex-shrink:0}
.hero h1{font-size:clamp(45px,4.5vw,70px);font-weight:550;line-height:1.06;letter-spacing:-.05em;white-space:nowrap}
.hero h1 em{color:#f89737}
.hero-lead{font-size:15px;line-height:1.8;color:#d0d8df;max-width:425px;margin-top:26px}
.hero-actions{margin-top:30px;gap:23px;flex-direction:row}
.hero-actions .primary{min-height:56px;background:#f57c00;box-shadow:0 8px 32px #00000020}
.hero-actions .primary:hover{background:#ff9b3e}
.hero-actions .text-link{font-size:12px;color:#f1f4f6}
.hero-action-note{margin-top:16px;font-size:11px;line-height:1.75;color:#aebbc6}
.hero-services{display:flex;gap:24px;margin-top:35px;max-width:420px;border-top:1px solid #bbcbd132;padding-top:19px}
.hero-services a{display:flex;gap:22px;align-items:center;text-decoration:none;font-size:11px;color:#dae2e7;min-height:28px}
.hero-services a span{color:#e3a563;font-size:16px}.hero-services a:hover{color:#ffad5b}
.hero-experience.hero .stage{min-height:675px;background:transparent;mask-image:none;overflow:visible}
.hero-experience.hero .stage:before,.hero-experience.hero .stage:after{display:none}
.hero-experience.hero .model-tag{top:30px;right:44px;font-size:8px;color:#d2dbe3;letter-spacing:.2em}
.hero-experience.hero .stage-bottom{bottom:76px}
.hero-experience.hero .live-controls{gap:10px}
.hero-experience.hero .live-hint{background:#0c1923b3;border-color:#c2cfdb30;font-size:11px;backdrop-filter:blur(10px)}
.hero-experience.hero .play-button{background:#0c1923b3;border-color:#c2cfdb60}
.hero-experience.hero .model-reset{bottom:28px;gap:20px}.hero-experience.hero .model-reset button{font-size:10px;border-bottom-color:#a8bcc436}
.hero-experience.hero .loading{top:58%;background:#0c1923cc;backdrop-filter:blur(8px);border-radius:4px;padding:18px}
.hero-image-note{position:absolute;bottom:10px;right:25px;font-size:8px;color:#8799a8;letter-spacing:.025em;pointer-events:none}
.project-proof{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr;padding:32px max(56px,calc((100vw - 1320px)/2));border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;background:#101f2c;gap:0}
.project-proof>a{text-decoration:none;padding:0 28px;border-left:1px solid #b1c4d326;display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}
.project-proof>a:first-child{padding-left:0;border-left:0;position:relative;padding-right:38px}
.project-proof>a>strong{font:500 36px/1.15 Manrope,sans-serif;letter-spacing:-.045em;color:#f3f5f7;white-space:nowrap}
.project-proof strong small{font:400 12px Inter,sans-serif;letter-spacing:0;color:#c4cfd7}
.project-proof>a>span{font-size:10px;line-height:1.5;color:#a0b1bf}
.project-proof .proof-title>span{font-size:8px;letter-spacing:.13em;color:#e4b180}
.project-proof .proof-title>strong{font-size:17px;line-height:1.45;letter-spacing:-.02em;white-space:normal}
.proof-title i{position:absolute;right:26px;bottom:10px;font-size:20px;font-style:normal;color:#ebad72}
.project-proof a:hover strong{color:#f9af69}.directions{border-top:0}
@media(min-width:1700px){.hero-experience.hero{grid-template-columns:47% 53%}.hero-experience.hero .stage{min-height:720px}.hero-copy{padding-block:78px}.hero-lead{font-size:16px}}
@media(max-width:1200px){.hero-copy{padding-left:36px}.hero h1{font-size:clamp(40px,4.6vw,55px)}.hero-experience.hero .stage{min-height:640px}.hero-actions{gap:14px}.hero-actions .button{font-size:12px;padding-inline:18px;gap:18px}.hero-services{gap:18px}.hero-services a{gap:13px}.project-proof{padding-inline:36px}.project-proof>a{padding-inline:20px}.project-proof>a>strong{font-size:32px}.project-proof strong small{font-size:10px}.project-proof>a>span{font-size:9px}}
@media(min-width:701px) and (max-width:980px){.hero-experience.hero{grid-template-columns:48% 52%}.hero-copy{padding:44px 0 44px 36px}.hero h1{font-size:40px}.hero-lead{font-size:13px}.hero-actions{gap:10px}.hero-actions .text-link{font-size:11px}.hero-services{gap:16px}.hero-services a{gap:8px;font-size:10px}.hero-experience.hero .stage{min-height:620px}.project-proof{grid-template-columns:1fr 1fr;gap:26px}.project-proof>a:nth-child(3){padding-left:0;border-left:0}}
@media(max-width:700px){.hero-experience.hero{display:flex;background-position:64% bottom;background-size:auto 730px}.hero-experience.hero:before{background:linear-gradient(180deg,#0e1a26 0%,#0e1a26eb 33%,#0e1a2670 59%,#0e1a2630 78%,#0e1a26 100%),linear-gradient(90deg,#0e1a2655,transparent)}.hero-copy{padding:30px 24px 0}.hero-copy .eyebrow{font-size:8px;margin-bottom:19px;letter-spacing:.1em;gap:9px}.hero-copy .eyebrow:before{width:18px}.hero h1{font-size:42px;line-height:1.06}.hero-lead{font-size:12px;line-height:1.7;margin-top:20px;max-width:360px}.hero-actions{margin-top:22px;gap:20px}.hero-actions .primary{min-height:50px;padding:13px 16px;gap:20px;font-size:12px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-action-note{font-size:10px;margin-top:12px;line-height:1.6}.hero-services{display:none}.hero-experience.hero .stage{height:350px;min-height:350px;margin-top:0;overflow:hidden}.hero-experience.hero .model-tag{top:12px;right:22px;font-size:7px}.hero-experience.hero .stage-bottom{bottom:58px}.hero-experience.hero .model-reset{bottom:14px}.hero-experience.hero .model-reset button{font-size:9px;min-height:44px;padding:12px 0}.hero-experience.hero .live-hint{font-size:10px;min-height:44px}.hero-image-note{bottom:5px;right:22px;font-size:7px}.project-proof{padding:24px;grid-template-columns:1fr 1fr;gap:24px 18px}.project-proof>a,.project-proof>a:first-child{padding:0;border:0;gap:7px}.project-proof>a:nth-child(even){padding-left:16px;border-left:1px solid #b1c4d326}.project-proof>a>strong{font-size:29px}.project-proof strong small{font-size:10px}.project-proof>a>span{font-size:9px;max-width:145px}.project-proof .proof-title>strong{font-size:14px}.project-proof .proof-title>span{font-size:7px}.proof-title i{right:7px;bottom:3px;font-size:18px}}
@media(max-width:370px){.hero-copy{padding-inline:20px}.hero h1{font-size:36px}.hero-copy .eyebrow{font-size:7px}.hero-actions{gap:11px}.hero-actions .button{font-size:11px;gap:12px;padding-inline:13px}.hero-actions .text-link{font-size:10px}.hero-lead{font-size:11px}.hero-experience.hero .stage{height:330px;min-height:330px}.project-proof{padding-inline:20px;column-gap:10px}.project-proof>a:nth-child(even){padding-left:13px}.project-proof>a>strong{font-size:26px}.project-proof strong small{font-size:9px}}

.hero-experience.hero .model-poster img{object-fit:contain}

/* Joint markers are hidden; preserve the original viewer controls. */
.hero-experience.hero .hotspots{display:none}