/* TAREEQ AL SHALAL: approved art direction. Coded HTML/CSS, no page-rendered screenshot used as an asset. */
:root{--max:1320px}
.site-header{box-shadow:0 1px 0 #bdcad626;backdrop-filter:blur(15px)}
.site-header .identity img{border-radius:50%;object-fit:contain;box-shadow:0 0 0 1px #e2e5e77f}
.hero-home .hero-grid{min-height:540px;padding-top:50px;padding-bottom:72px}
.hero-home .hero-copy{max-width:640px}
.hero-home .hero-sub{margin-bottom:11px}
.hero-home .hero-copy h1{margin-top:11px;margin-bottom:13px}
.hero-home .hero-copy .eyebrow{font-size:11px;letter-spacing:.13em}
.hero-home .hero-footnote{margin-top:17px}
.proof-rail{position:relative;z-index:9;margin-top:-29px;margin-bottom:15px}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.proof-tile{display:flex;align-items:center;justify-content:center;gap:16px;padding:19px 18px;background:white;border:1px solid #e3e8ef;border-radius:14px;box-shadow:0 12px 28px #12294316;color:var(--ink);font-size:14px;font-weight:780;line-height:1.3;min-height:74px;transition:transform .28s,box-shadow .28s,border-color .28s}
.proof-tile:hover{transform:translateY(-5px);box-shadow:0 18px 30px #12294325;border-color:#cf344a}
.proof-svg{height:29px;width:29px;color:var(--red);flex:none}
.about-bite{padding-top:54px;padding-bottom:55px}
.about-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) minmax(0,.8fr);gap:27px;align-items:center}
.about-emblem.about-scene{padding:0;overflow:hidden;min-height:250px;border-radius:20px;background:#eef3f7}
.about-emblem.about-scene img{width:100%;height:255px;max-height:none;object-fit:cover;mix-blend-mode:normal}
.about-bite h2{font-size:clamp(31px,2.8vw,43px);margin-bottom:12px}
.about-bite p{font-size:13px;line-height:1.64;margin-bottom:10px}
.about-micro{display:grid;gap:8px}
.about-micro>div{padding:14px 13px;border-radius:11px;box-shadow:0 2px 14px #152c3c09;background:#fff;font-size:12px;min-height:66px}
.divisions{padding-top:63px;padding-bottom:72px}
.divisions .section-head{margin-bottom:25px}
.divisions .section-head h2{margin-bottom:7px}
.divisions .section-head p{margin-bottom:0}
.division-grid{gap:23px}
.division-card{border-radius:18px;overflow:hidden}
.division-photo{width:100%;object-fit:cover}
.division-info .card-overline{font-size:10px}
.division-info h3{letter-spacing:-.036em;font-size:clamp(20px,1.7vw,24px)}
.division-info p{font-size:12px;line-height:1.55}
.division-list{gap:7px 9px}
.division-list li{font-size:11px;line-height:1.45}
.glance{padding:53px 0 57px}
.glance .section-head{margin-bottom:23px}
.glance .section-head h2{font-size:clamp(26px,2.7vw,38px)}
.glance .glance-ico{width:49px;height:49px;margin-bottom:11px}
.glance .glance-item{padding:12px 9px}
.contact-preview{padding:49px 0 57px}
.contact-preview h2{font-size:clamp(28px,2.7vw,39px)}
.site-footer:before{opacity:1;background-position:center bottom!important}
.site-footer .footer-grid{padding-top:45px;padding-bottom:44px;gap:30px}
.site-footer .footer-logo img{border-radius:50%;object-fit:contain;background:#fff}
.foot-email{margin-top:7px}.foot-email a{color:#fff;font-weight:670}.foot-email a:hover{color:#ffabb6}
.social-icon{transition:transform .25s;pointer-events:none}.social-icon:hover{transform:translateY(-2px)}
.inner-hero{min-height:350px}
@media(min-width:1050px){.hero-home .hero-copy{padding-top:0;padding-bottom:0}}
@media(max-width:920px){.proof-grid{gap:9px}.proof-tile{font-size:12px;padding:13px 9px}.proof-svg{width:23px;height:23px}.about-layout{grid-template-columns:1fr 1.3fr}.about-micro{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.hero-home .hero-grid{min-height:0;padding-top:34px;padding-bottom:48px}.proof-rail{margin-top:0;margin-bottom:0;padding:14px 0 3px}.proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.proof-tile{flex-direction:column;gap:7px;min-height:91px;font-size:10px;text-align:center;line-height:1.32;padding:10px 5px}.proof-svg{width:24px;height:24px}.about-bite{padding:48px 0}.about-layout{grid-template-columns:1fr;gap:19px}.about-emblem.about-scene img{height:210px}.about-micro{grid-template-columns:1fr;grid-column:auto}.about-micro>div{min-height:0}.divisions{padding:52px 0}.glance{padding:45px 0}.site-footer .footer-grid{gap:22px}.hero-home .hero-footnote{margin-top:17px}}

/* V2 — cinematic night, warm city light, complete dark-on-dark composition. */
body{background:#101923}.hero-home{background:#091421}
.hero-home:before{background:linear-gradient(90deg,#0a121ef7 0%,#0b1725ea 28%,#12203293 57%,#12203218),url('scenes/skyline-dusk-1600.webp') center/cover}
.hero-home .hero-grid{min-height:575px;padding-top:50px;padding-bottom:75px}
.hero-stage .stage-picture-work{top:24%;height:77%;left:0;width:46%;opacity:.52}
.hero-stage .stage-picture-coach{width:75%;right:-7%;height:72%;bottom:6%;opacity:1}
.proof-rail{margin-top:-24px;margin-bottom:0;background:#121b26;padding:0 0 5px}
.proof-tile{background:#182532;color:#fff;border-color:#ffffff22;box-shadow:none}.proof-tile:hover{border-color:#ef2946}
.about-bite{background:#111d2a}
.divisions{background:linear-gradient(135deg,#111e2a,#0a1520)}
.divisions .section-head{margin-bottom:33px}
.division-card{min-height:435px;border:1px solid #ffffff37}
.division-info{padding:35px 32px 28px}
.division-visual.division-image:after{background:linear-gradient(90deg,#0e1721f5 0%,#111c2bd5 57%,#111c2b7a)}
.division-info h3{color:white}.division-info p{color:#dfe6ed}
.about-bite .about-layout{grid-template-columns:1.1fr .9fr .9fr}
.about-bite .about-text{grid-column:1;grid-row:1}.about-bite .about-emblem{grid-column:2;grid-row:1}.about-bite .about-micro{grid-column:3;grid-row:1}
.about-micro>div{background:#182734!important;color:#fff;box-shadow:none;border-color:#39495a}
.glance{background:#101a24!important}.glance:before{background:linear-gradient(90deg,#0c1624a8,#101b29a2),url('scenes/skyline-dusk-1600.webp') center 70%/cover}
.site-footer{background:#0b1420!important}.site-footer:before{background:linear-gradient(90deg,#07111df5,#0b1420b6),url('scenes/skyline-dusk-1600.webp') center bottom/cover}
@media(max-width:920px){.about-bite .about-layout{grid-template-columns:1fr 1fr}.about-bite .about-text{grid-column:1;grid-row:1}.about-bite .about-emblem{grid-column:2;grid-row:1}.about-bite .about-micro{grid-column:1/-1;grid-row:2}}
@media(max-width:650px){.about-bite .about-layout{display:flex;flex-direction:column}.about-bite .about-text,.about-bite .about-emblem,.about-bite .about-micro{width:100%}.proof-rail{margin-top:0}}