/* A white stage with transparent frosted foreground panels. */
.hero-story .hero-frame,.hero-story .ai-stage{background:#FFFFFF;color:#20384B}
.hero-story .stage-grid{display:none}
.hero-story .hero-glass{background:#FFFFFF30;border:0;box-shadow:0 18px 55px #20384B0B;backdrop-filter:blur(18px) saturate(1.12);-webkit-backdrop-filter:blur(18px) saturate(1.12)}
.hero-story .hero-glass>.eyebrow{color:#D7211B}
.hero-story .hero-title,.hero-story .hero-title-line,.hero-story .hero-title-line.accent,.hero-story .hero-statement{color:#20384B}
.hero-story .hero-intro{color:#465C6F}
.hero-story .hero-service-label{color:#20384B;background:#FFFFFF45;border:0;box-shadow:0 8px 28px #20384B0B;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);gap:14.55px;padding:13.225px 21.16px;border-radius:17.19px}
.hero-story .hero-service-label>span{color:#D7211B;opacity:1;font-size:13.225px}
.hero-story .hero-service-label>b{font-size:18.515px}
.hero-story .hero-bottom{border:0}
.hero-story .hero-contact{background:#D7211B;color:#FFFFFF;border:0;box-shadow:0 5px 18px #20384B0B}
.hero-story .hero-contact:hover{background:#B91E19;color:#FFFFFF}
.hero-story .hero-scroll-hint,.hero-story .hero-step-count{color:#263F53}
.hero-story .hero-bottom #scene-toggle{color:#263F53;background:#FFFFFF65;border:0;box-shadow:0 3px 14px #20384B0B}
.hero-story .hero-bottom #scene-toggle:hover{color:#20384B;background:#FFFFFF}
@media(max-width:1100px){.hero-story .hero-service-label{padding:11.9025px 17.1925px;gap:11.9025px}.hero-story .hero-service-label>b{font-size:17.1925px}}
@media(max-width:820px){.hero-story .hero-service-label{padding:10.58px 14.5475px;gap:10.58px}.hero-story .hero-service-label>b{font-size:15.87px}.hero-story .hero-service-label>span{font-size:11.9025px}}
@media(max-width:600px){.hero-story .hero-service-label{padding:11.9025px 13.225px;gap:9.2575px;border-radius:13.225px}.hero-story .hero-service-label>b{font-size:15.87px}.hero-story .hero-service-label>span{font-size:11.9025px}.hero-story .hero-label-5{width:fit-content;max-width:100%}}
@media(max-width:360px){.hero-story .hero-service-label{padding:10.58px;gap:6.6125px}.hero-story .hero-service-label>b{font-size:14.5475px}}
@media(max-height:740px) and (max-width:600px){.hero-story .hero-service-label{padding-top:9.2575px;padding-bottom:9.2575px}}

/* The mobile copy panel lets the sculpture remain visible beneath the text. */
@media(max-width:600px){
  .hero-story .hero-glass{
    background:rgba(255,255,255,.05);
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px);
    box-shadow:0 10px 32px #20384B04;
  }
}