/* TAREEQ AL SHALAL — REALISTIC PHOTO FINAL: clean images are independent assets, never screenshots of mockups. */
.hero-home{position:relative;isolation:isolate;overflow:hidden}
.hero-home .hero-grid{position:relative;z-index:3;min-height:580px;padding-top:78px;padding-bottom:97px;display:flex;align-items:center}
.hero-home .hero-copy{position:relative;z-index:5;width:min(54%,630px);max-width:630px;min-width:0;padding:18px 12px 18px 23px;border-left:4px solid var(--red);background:none;backdrop-filter:none}
.hero-home .hero-copy h1{white-space:normal;font-size:clamp(47px,5.3vw,79px);line-height:1.06;letter-spacing:-.058em;margin:13px 0 17px}
.hero-home .hero-sub{font-size:clamp(18px,1.55vw,22px);line-height:1.33;font-weight:750;max-width:565px}
.hero-home .hero-description{font-size:14px;line-height:1.63;max-width:500px;margin:13px 0}
.hero-home .button-row{margin-top:19px}
.hero-home .hero-footnote{margin-top:17px}
.hero-home .hero-stage.scenic-stage{display:none}
.hero-home:before{content:"";position:absolute;inset:0;width:auto;height:auto;max-width:none;max-height:none;border:0;border-radius:0;opacity:1;z-index:-1}
.hero-home:after{pointer-events:none}
.division-visual.division-image{background:#e5ebf2;min-height:220px}
.division-visual.division-image .division-photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.division-grid .division-card{transition:transform .3s,box-shadow .3s}
.division-grid .division-card:hover{transform:translateY(-5px)}
.division-card .division-photo{transition:transform .65s ease}
.division-card:hover .division-photo{transform:scale(1.04)}
.about-emblem.about-scene .about-photo{width:100%;height:100%;object-fit:cover;object-position:18% center}
.site-footer:before,.glance:before{background-repeat:no-repeat!important}
.inner-stage.inner-scenic .inner-photo,.focus-panel.focus-scenic .focus-photo{object-fit:cover}
.photo-caption{font-size:10px;font-weight:750;line-height:1.4}
.site-header .identity img,.footer-logo img{object-fit:contain!important;filter:none!important;transform:none!important}
.social-ornaments .social-icon{pointer-events:none!important;cursor:default!important}
body[data-version=v1] .hero-home{background:#f5faff}
body[data-version=v1] .hero-home:before{background:linear-gradient(90deg,#fff 0%,#fffefefc 21%,#ffffffef 36%,#ffffff91 47%,#ffffff00 69%),url('scenes/hero-v1-1600.webp') center right/cover no-repeat}
body[data-version=v1] .hero-home:after{background:#fff;transform:rotate(-1.9deg);left:-5%;width:110%;height:77px;bottom:-47px}
body[data-version=v1] .hero-copy{background:linear-gradient(90deg,#ffffff8a,transparent)}
body[data-version=v1] .about-bite{position:relative;background:linear-gradient(100deg,#fff,#f8fbff 88%)}
body[data-version=v1] .divisions{background:linear-gradient(120deg,#f4f9ff,#fff 55%,#f0f7ff)}
body[data-version=v1] .glance{background:#0f365a!important}
body[data-version=v1] .glance:before{background:linear-gradient(90deg,#102b44de,#133a5d8a),url('scenes/skyline-dusk-1600.webp') center 63%/cover}
body[data-version=v1] .site-footer:before{background:linear-gradient(90deg,#091d30ec,#0a233bbd),url('scenes/skyline-dusk-1600.webp') center bottom/cover}
body[data-version=v1] .proof-rail{margin-top:-32px}
body[data-version=v1] .proof-tile{border-radius:12px}
body[data-version=v2]{background:#0c1722}
body[data-version=v2] .hero-home{background:#0c1722;color:white}
body[data-version=v2] .hero-home:before{background:linear-gradient(90deg,#09131df8 0%,#0e1723ef 21%,#111c29ce 40%,#111d2860 62%,#141b240c 100%),url('scenes/hero-v2-1600.webp') center right/cover no-repeat}
body[data-version=v2] .hero-home .hero-grid{min-height:600px}
body[data-version=v2] .hero-home .hero-copy{background:linear-gradient(90deg,#0b1625a8,transparent);text-shadow:0 2px 15px #0005}
body[data-version=v2] .hero-home .hero-sub,body[data-version=v2] .hero-home .hero-description{color:#fff}
body[data-version=v2] .hero-home .eyebrow{color:#ff98a5}
body[data-version=v2] .hero-home:after{background:linear-gradient(90deg,#d82342,transparent 75%);height:5px;bottom:0;transform:none}
body[data-version=v2] .proof-rail{background:#0e1a26;margin-top:0;padding:14px 0}
body[data-version=v2] .proof-tile{background:#172431;color:#fff;border-color:#324352;box-shadow:none}
body[data-version=v2] .about-bite{background:linear-gradient(90deg,#0b1825ed,#0e1d2cd8),url('scenes/skyline-dusk-1600.webp') center/cover}
body[data-version=v2] .about-text p,body[data-version=v2] .about-bite h2{color:#fff}
body[data-version=v2] .about-micro>div{background:#172532!important;color:#fff}
body[data-version=v2] .divisions{background:linear-gradient(120deg,#111b27,#0a1420)}
body[data-version=v2] .division-card{background:#172431;color:#fff;border-color:#ffffff24}
body[data-version=v2] .division-card .division-photo{opacity:.68}
body[data-version=v2] .division-visual.division-image:after{background:linear-gradient(90deg,#121e2ae5,#182431af 70%,#1824316d)}
body[data-version=v2] .glance:before{background:linear-gradient(90deg,#0c1724ca,#0d1c2db5),url('scenes/skyline-dusk-1600.webp') center 60%/cover}
body[data-version=v2] .site-footer:before{background:linear-gradient(90deg,#0a121cf1,#0a1725b2),url('scenes/skyline-dusk-1600.webp') center bottom/cover}
body[data-version=v3]{background:#fff}
body[data-version=v3] .hero-home{background:#fff}
body[data-version=v3] .hero-home:before{inset:0 0 0 30%;width:70%;height:100%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,#ffffffea 0%,#ffffff73 28%,#ffffff00 49%),url('scenes/hero-v3-1600.webp') center right/cover no-repeat}
body[data-version=v3] .hero-home .hero-copy{width:min(51%,600px);background:linear-gradient(90deg,#fff,#ffffffef 68%,#ffffff99);border-radius:0 18px 18px 0}
body[data-version=v3] .hero-home:after{background:linear-gradient(95deg,transparent 8%,#c61f35 70%,#ef6072);bottom:-90px;left:42%;width:79%;height:122px;transform:rotate(-9deg);border-radius:0;z-index:1}
body[data-version=v3] .divisions{background:linear-gradient(125deg,#fff,#f6faff 77%)}
body[data-version=v3] .glance{background:#f1f8ff!important;color:#213142!important}
body[data-version=v3] .glance:before{background:linear-gradient(90deg,#fffffff4,#eff8ffd6),url('scenes/skyline-day-1600.webp') center 60%/cover}
body[data-version=v3] .glance h2,body[data-version=v3] .glance .glance-item,body[data-version=v3] .glance .glance-item p{color:#253343!important}
body[data-version=v3] .glance .glance-item{border-color:#d4e4ee!important}
body[data-version=v3] .glance .glance-item svg{color:#c61f35!important}
body[data-version=v3] .glance .eyebrow{color:#b61c32!important}
body[data-version=v3] .site-footer{background:#f1f7fc!important;color:#1e2d3e!important}
body[data-version=v3] .site-footer:before{background:linear-gradient(90deg,#fffffffc 0%,#f6fbffe9 45%,#f4f9fdc5 100%),url('scenes/skyline-day-1600.webp') center bottom/cover}
body[data-version=v3] .site-footer h3,body[data-version=v3] .site-footer .footer-logo strong{color:#1e2b3b}
body[data-version=v3] .site-footer .foot-brand p,body[data-version=v3] .site-footer .foot-links a,body[data-version=v3] .site-footer .foot-companies a,body[data-version=v3] .site-footer .foot-contact a,body[data-version=v3] .site-footer .foot-contact p,body[data-version=v3] .site-footer .foot-email a,body[data-version=v3] .site-footer .social-caption,body[data-version=v3] .site-footer .footer-bottom{color:#263b4b!important}
body[data-version=v3] .site-footer .footer-bottom{border-color:#b6c7d599!important}
body[data-version=v3] .about-bite{background:#fff}
@media(max-width:1100px){.hero-home .hero-copy{width:60%!important}.hero-home .hero-grid{min-height:525px}.hero-home .hero-copy h1{font-size:clamp(41px,5.6vw,68px)}body[data-version=v3] .hero-home:before{inset:0 0 0 35%;width:65%}}
@media(max-width:920px){.hero-home .hero-copy{width:62%!important}.hero-home .hero-grid{min-height:470px}.hero-home .hero-copy h1{font-size:clamp(38px,5.5vw,57px)}.hero-home .hero-sub{font-size:17px}}
@media(max-width:650px){
 .hero-home .hero-grid{display:flex;flex-direction:column;min-height:0;padding:35px 0 43px;gap:0;align-items:stretch}
 .hero-home .hero-copy,body[data-version=v3] .hero-home .hero-copy{width:100%!important;max-width:none;padding:4px 0 8px 14px;background:transparent;border-left:3px solid var(--red);backdrop-filter:none}
 .hero-home .hero-copy h1{font-size:clamp(40px,11vw,58px);white-space:normal;line-height:1.07;margin:12px 0 16px}
 .hero-home .hero-sub{font-size:17px}.hero-home .hero-description{font-size:13px}
 .hero-home:before,body[data-version=v1] .hero-home:before,body[data-version=v2] .hero-home:before,body[data-version=v3] .hero-home:before{inset:0;width:100%;height:100%;clip-path:none;background:linear-gradient(180deg,#fffffffe 0%,#ffffffed 55%,#ffffffa0 100%);z-index:-1;opacity:1}
 body[data-version=v2] .hero-home:before{background:linear-gradient(180deg,#0c1825 0%,#0c1825fe 55%,#0c1825b5 100%)}
 .hero-home .hero-stage.scenic-stage{display:block;position:relative;inset:auto;width:100%;height:235px;margin:24px auto 0;overflow:hidden;border-radius:15px;box-shadow:0 17px 36px #10203020;background:#e3eff8;pointer-events:none}
 .hero-home .hero-stage .stage-picture-work,.hero-home .hero-stage .stage-picture-city,.hero-home .hero-stage .stage-accent{display:none!important}
 .hero-home .hero-stage .stage-picture-coach{display:block;position:absolute;inset:0;left:0;right:0;top:0;bottom:0;clip-path:none;width:100%;height:100%;border:0;filter:none;opacity:1;transform:none;mask:none;border-radius:0}
 .hero-home .hero-stage .stage-picture-coach img{width:100%;height:100%;object-fit:cover;object-position:70% center}
 body[data-version=v2] .hero-home .hero-stage{background:#18212e;box-shadow:0 14px 36px #0009}
 body[data-version=v1] .hero-home:after{bottom:-61px}
 body[data-version=v3] .hero-home:after{bottom:-135px}
 body[data-version=v1] .proof-rail,body[data-version=v2] .proof-rail,body[data-version=v3] .proof-rail{margin-top:0}
 body[data-version=v3] .site-footer .footer-grid{gap:22px}
}
