/* V2 — cinematic after-dark concept with panorama and image-backed business cards. */
:root{--max:1290px;--red:#ef2946}
.site-header{background:#101923!important;border-bottom:1px solid #ffffff20}.nav-wrap{min-height:76px}
.site-header .identity strong,.site-header .primary-nav>a,.site-header .services-trigger{color:white}.site-header .identity small{color:#cad0da}
.site-header .mobile-toggle{color:white}.site-header .primary-nav.open{background:#172431}.site-header .primary-nav.open a{color:white}
.hero-home{position:relative;background:#131e2b;overflow:hidden;isolation:isolate;color:white}
.hero-home:before{content:'';position:absolute;inset:0;border:0;border-radius:0;width:auto;height:auto;max-width:none;max-height:none;background:linear-gradient(90deg,#0e1725 0%,#0f1725f2 20%,#15202aba 48%,#12223157 74%,#11263744),url('scenes/skyline-dusk-1600.webp') center/cover;z-index:-1;opacity:1}
.hero-home:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#ed2643,transparent 68%);border:0;border-radius:0}
.hero-home .hero-grid{display:flex;position:relative;align-items:center;min-height:615px;padding-top:65px;padding-bottom:70px}
.hero-home .hero-copy{z-index:8;width:56%;max-width:655px;padding:18px 15px 18px 24px;border-left:4px solid var(--red);background:linear-gradient(90deg,#0d15248a,transparent)}
.hero-home h1{font-size:clamp(51px,5.7vw,79px);line-height:1.05;white-space:nowrap;color:white;letter-spacing:-.07em;margin:13px 0 21px}
.hero-home .hero-sub{font-size:clamp(18px,1.8vw,24px);font-weight:680;color:#fff;line-height:1.35;max-width:555px}
.hero-description{font-size:14px;line-height:1.55;color:#eef2f7;max-width:515px;margin:15px 0}
.hero-home .eyebrow{color:#ff8595}.hero-home .hero-footnote{color:#edf0f5}
.hero-home .button-row{margin-top:22px}.hero-home .btn-outline{background:#111c2da8;color:white;border-color:#fff9}
.hero-services-list{margin-top:26px;display:flex;gap:10px;flex-wrap:wrap}
.hero-services-list span{padding:10px 12px 10px 26px;border:1px solid #ffffff46;background:#152534a8;backdrop-filter:blur(5px);border-radius:9px;font-size:11px;font-weight:750;color:#f9fafb;position:relative}
.hero-services-list span:before{content:'';width:6px;height:6px;border-radius:50%;background:#f23e54;position:absolute;left:11px;top:15px}
.hero-stage.scenic-stage{position:absolute;inset:0 -3% 0 40%;width:auto;height:auto;overflow:visible;pointer-events:none;border-radius:0;background:transparent;z-index:1}
.hero-stage.scenic-stage .stage-picture{transform:none;border:0;border-radius:0;box-shadow:none}
.hero-stage .stage-picture-city{display:none}
.hero-stage .stage-picture-work{left:-1%;top:35%;width:36%;height:65%;opacity:.55;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 65%,transparent)}
.hero-stage .stage-picture-coach{width:78%;height:80%;right:-9%;bottom:2%;top:auto;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);filter:drop-shadow(0 19px 13px #0008)}
.hero-stage .stage-picture-coach .scenic-photo{object-position:53% 65%}
.hero-stage .stage-accent{right:-5%;top:auto;bottom:7%;width:90%;height:8px;transform:rotate(-8deg);background:#ee203c;border-radius:100%;z-index:9}
.about-bite{background:#101b27;color:#f6f8fa}.about-bite h2,.about-bite h3,.about-bite p,.about-bite .about-micro span{color:#f6f8fa}.about-micro>div{background:#182534;border-color:#344152}
.about-emblem.about-scene{border-radius:18px;box-shadow:0 22px 32px #0004}
.divisions{background:linear-gradient(135deg,#172330,#0d1925);color:#fff}
.divisions h2,.divisions p{color:#fff}.divisions .eyebrow{color:#ff9da9}
.division-card{position:relative;min-height:470px;isolation:isolate;border-radius:22px;background:#15202e;overflow:hidden;border-color:#ffffff2e;box-shadow:0 13px 34px #0005}
.division-visual.division-image{position:absolute;inset:0;height:100%;width:100%;border-radius:0}
.division-photo{opacity:.5;object-fit:cover;object-position:center;transition:transform .6s ease,opacity .5s ease}
.division-card:hover .division-photo{transform:scale(1.06);opacity:.65}
.division-visual.division-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c1621ef,#16212bb0 70%,#17253246)}
.photo-caption{display:none}
.division-info{position:relative;z-index:2;flex:1;padding:38px 32px 34px;justify-content:flex-end}
.division-info h3,.division-info p,.division-list li,.division-info .card-overline{color:#fff}
.division-info h3{font-size:clamp(23px,2.2vw,32px);max-width:550px}
.division-info p{max-width:510px;color:#e5edf6}
.division-list svg{color:#ff4f65}.division-info .btn{color:white}
.glance{background:#11202f}.glance:before{background:linear-gradient(90deg,#131c28b5,#18253682),url('scenes/skyline-dusk-1600.webp') center/cover}
.contact-preview{background:linear-gradient(115deg,#f9fcff,#fff 43%,#e4eef8)}
.contact-preview:before{content:'';position:absolute;inset:0 0 0 54%;background:linear-gradient(90deg,#fff,#fff0),url('scenes/skyline-day-1600.webp') center/cover;opacity:.28;pointer-events:none}
.contact-preview{position:relative;overflow:hidden}.contact-preview .wrap{position:relative}
.site-footer:before{background:linear-gradient(90deg,#090f1bdd,#0c1723b0),url('scenes/skyline-dusk-1600.webp') center bottom/cover}
@media(max-width:1100px){.hero-home .hero-copy{width:60%}.hero-home h1{font-size:clamp(43px,5vw,66px)}.hero-stage.scenic-stage{left:45%}.hero-stage .stage-picture-coach{width:97%}}
@media(max-width:920px){.hero-home .hero-grid{min-height:580px}.hero-home .hero-copy{width:65%}.hero-stage.scenic-stage{left:47%;right:-9%}.hero-stage .stage-picture-coach{width:104%;bottom:6%;height:63%}.hero-description{max-width:380px}}
@media(max-width:650px){.hero-home .hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:41px;padding-bottom:23px;gap:0}.hero-home .hero-copy{width:100%;padding-left:14px;background:none}.hero-home h1{font-size:clamp(39px,10vw,60px);white-space:normal}.hero-home .hero-sub{font-size:17px}.hero-description{font-size:13px}.hero-services-list{gap:7px}.hero-services-list span{font-size:10px}.hero-stage.scenic-stage{inset:auto;width:100%;height:260px;position:relative;right:auto;margin:14px 0 0}.hero-stage .stage-picture-work{top:13%;left:0;height:72%;width:47%}.hero-stage .stage-picture-coach{width:86%;height:100%;right:-2%;bottom:0}.hero-stage .stage-accent{height:5px;bottom:0}.division-card{min-height:415px}.division-info{padding:26px 23px}.division-info h3{font-size:24px}.division-info p{font-size:13px}.division-list li{font-size:11px}.about-bite .about-micro>div{background:#172635}.contact-preview:before{inset:50% 0 0}}
