/* V1 — panoramic corporate editorial. All photography slots use separate imagery, never a web mockup screenshot. */
:root{--max:1300px}
.site-header .nav-wrap{min-height:78px}.site-header{background:rgba(255,255,255,.975)}
.hero-home{min-height:590px;background:#f7fbff;isolation:isolate;overflow:hidden}
.hero-home:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,#fffffffa 27%,#fffffff0 38%,#ffffff9e 53%,#ffffff00 72%),url('scenes/skyline-day-1600.webp') center right/cover no-repeat;opacity:1;max-width:none;max-height:none;width:auto;height:auto;border:0;border-radius:0;z-index:-1}
.hero-home:after{content:'';position:absolute;z-index:0;left:-5%;right:-5%;width:110%;height:105px;bottom:-60px;background:#fff;transform:rotate(-2.6deg);border:0;border-radius:0}
.hero-home .hero-grid{min-height:580px;display:flex;align-items:center;padding-top:85px;padding-bottom:110px;position:relative}
.hero-home .hero-copy{position:relative;z-index:8;max-width:675px;width:52%;padding:18px 0 18px 21px;border-left:4px solid var(--red);text-shadow:0 1px 20px #ffffffa8}
.hero-home .hero-copy h1{font-size:clamp(52px,5.4vw,78px);line-height:1.04;letter-spacing:-.07em;margin:17px 0 18px;white-space:nowrap}
.hero-home .hero-sub{font-size:clamp(18px,1.55vw,23px);line-height:1.36;max-width:555px;font-weight:720}
.hero-description{font-size:14px;line-height:1.65;max-width:520px;font-weight:500;color:#3b4551;margin:16px 0 0}
.hero-home .button-row{margin-top:20px}.hero-home .btn{box-shadow:0 7px 14px #fff6}
.hero-footnote{margin-top:18px}.hero-services-list{display:flex;gap:11px;flex-wrap:wrap;margin-top:21px}
.hero-services-list span{position:relative;background:#fffef3e8;color:#293642;padding:10px 12px 10px 25px;border:1px solid #dfe8eb;border-radius:10px;font-size:11px;line-height:1.4;font-weight:800;box-shadow:0 4px 20px #152a3b12}
.hero-services-list span:before{content:'';position:absolute;left:11px;top:15px;width:7px;height:7px;background:var(--red);border-radius:50%}
.hero-stage.scenic-stage{position:absolute;z-index:2;inset:0 0 0 34%;height:auto;max-width:none;width:auto;margin:0;overflow:visible;border-radius:0;pointer-events:none}
.hero-stage .stage-picture{box-shadow:none;border:0;border-radius:0;transform:none}
.hero-stage .stage-picture-city{display:none}
.hero-stage .stage-picture-work{left:6%;top:24%;width:37%;height:76%;z-index:2;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 75%,transparent),linear-gradient(0deg,#000 65%,transparent);mask-composite:intersect;opacity:.88}
.hero-stage .stage-picture-work .scenic-photo{object-fit:cover;object-position:55% center}
.hero-stage .stage-picture-coach{right:-5%;top:16%;bottom:auto;width:62%;height:68%;z-index:4;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 8px 14px #1c283637)}
.hero-stage .stage-picture-coach .scenic-photo{object-fit:cover;object-position:49% 69%}
.hero-stage .stage-accent{right:-8%;top:auto;bottom:10%;width:80%;height:17px;transform:rotate(-11deg);z-index:5;background:#c91f35;border-radius:100%;box-shadow:0 5px 12px #3b131734}
.about-bite{background:#fff}
.about-emblem.about-scene{border-radius:10px 50px 10px 50px;box-shadow:0 22px 40px #182b3b1c}
.about-layout{grid-template-columns:.86fr 1.12fr .7fr;gap:36px}.about-micro>div{border-left:3px solid var(--red)}
.divisions{background:linear-gradient(130deg,#f7fafd,#fff 68%,#fff5f6)}
.division-card{border-radius:18px;box-shadow:0 12px 35px #152a3916}
.division-visual.division-image{min-height:227px}
.division-info{padding:23px 28px 28px}.division-info h3{font-size:23px}.division-list{margin:15px 0 23px}
.glance{padding:78px 0;background:#122338}.glance:before{background:linear-gradient(90deg,#0d1e31b8,#0a1c2e88),url('scenes/skyline-dusk-1600.webp') center 63%/cover}
.glance-ico{background:#ffffff26}.glance .section-head .eyebrow{color:#ff8b96}
.contact-preview{position:relative;overflow:hidden;background:linear-gradient(90deg,#f9fafc 0%,#fff 48%,#eef6ff 100%)}
.contact-preview:before{content:'';position:absolute;inset:0 0 0 47%;background:linear-gradient(90deg,#fff,#ffffff30),url('scenes/skyline-day-1600.webp') center/cover;opacity:.31;pointer-events:none}
.contact-preview .wrap{position:relative}
.site-footer:before{background:linear-gradient(90deg,#101e2bf2,#122437b0),url('scenes/skyline-dusk-1600.webp') center bottom/cover}
.site-footer .footer-grid{position:relative}
@media(max-width:1100px){.hero-home .hero-copy{width:57%}.hero-stage.scenic-stage{left:38%}.hero-home .hero-copy h1{font-size:clamp(45px,5vw,69px)}.hero-description{font-size:13px}.hero-services-list span{padding:8px 8px 8px 19px}.hero-services-list span:before{left:7px;top:13px;width:5px;height:5px}}
@media(max-width:920px){.hero-home .hero-grid{min-height:610px}.hero-home .hero-copy{width:61%}.hero-stage.scenic-stage{left:43%}.hero-stage .stage-picture-work{left:0;width:47%;height:65%;top:30%}.hero-stage .stage-picture-coach{right:-14%;width:85%;top:28%;height:57%}.hero-services-list{max-width:450px}}
@media(max-width:650px){.hero-home{min-height:0}.hero-home:before{background:linear-gradient(180deg,#ffffffea 0%,#fffffffb 32%,#f4f8fd9e 56%,#e2edf9b5 100%),url('scenes/skyline-day-800.webp') center/cover}.hero-home .hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:38px;padding-bottom:55px;gap:0}.hero-home .hero-copy{width:100%;padding:0 0 0 13px}.hero-home .hero-copy h1{font-size:clamp(41px,11vw,63px);white-space:normal;letter-spacing:-.055em}.hero-home .hero-sub{font-size:17px}.hero-description{font-size:13px}.hero-footnote{font-size:11px}.hero-services-list{gap:7px}.hero-services-list span{font-size:10px}.hero-stage.scenic-stage{position:relative;left:auto;right:auto;inset:auto;width:100%;height:270px;margin-top:22px}.hero-stage .stage-picture-work{left:-2%;top:4%;width:48%;height:72%}.hero-stage .stage-picture-coach{right:-3%;top:0;width:80%;height:100%;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.hero-stage .stage-accent{bottom:0;right:-10%;height:9px}.hero-home:after{bottom:-83px}.about-layout{grid-template-columns:1fr}.division-visual.division-image{min-height:220px}.glance{padding:65px 0}.contact-preview:before{inset:45% 0 0 0}.hero-home .hero-copy{border-left:3px solid var(--red)}}