/* NSB Hero Component v0.1.7 — spacing and name-outline refinement only; locked v0.1.5 header unchanged. */
.nsb-home-hero {
    position: relative;
    isolation: isolate;
    min-height: 100svh;
    overflow: hidden;
    display: grid;
    place-items: center;
    color: #fff;
    background:
        radial-gradient(circle at 50% 28%, rgba(210,168,74,.24), transparent 30%),
        radial-gradient(circle at 72% 72%, rgba(139,20,93,.34), transparent 38%),
        linear-gradient(150deg, #160c13, #351025 54%, #180d15);
}
.nsb-hero-media,.nsb-hero-overlay,.nsb-hero-fallback,.nsb-hero-video { position:absolute; inset:0; width:100%; height:100%; }
.nsb-hero-media { z-index:-3; overflow:hidden; background:#160c13; }
.nsb-hero-fallback {
    z-index:-3;
    background-image:var(--nsb-hero-poster, none),radial-gradient(circle at 48% 22%, rgba(210,168,74,.23), transparent 31%),radial-gradient(circle at 74% 72%, rgba(139,20,93,.38), transparent 40%),linear-gradient(150deg,#160c13,#351025 54%,#180d15);
    background-size:cover;
    background-position:center;
    transform:scale(1.01);
}
.nsb-hero-video { z-index:-2; display:block; object-fit:cover; object-position:center; opacity:0; transition:opacity .7s ease; pointer-events:none; }
.nsb-hero-video.is-ready { opacity:1; }
.nsb-hero-overlay {
    z-index:-1;
    background:linear-gradient(180deg,rgba(15,7,13,.56) 0%,rgba(18,8,15,.22) 23%,rgba(20,9,17,.40) 60%,rgba(15,7,13,.74) 100%),radial-gradient(circle at 50% 38%,rgba(210,168,74,.16),transparent 32%),radial-gradient(circle at 66% 67%,rgba(139,20,93,.24),transparent 38%);
}
.nsb-hero-overlay::after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 180px rgba(8,4,7,.56); pointer-events:none; }
.nsb-hero-content { position:relative; z-index:2; max-width:1160px; padding-block:clamp(142px,18vh,210px) clamp(90px,11vh,140px); text-align:center; }
.nsb-hero-kicker { margin:0 0 2px; color:var(--nsb-gold-soft); font-family:"Noto Nastaliq Urdu",serif; font-size:clamp(28px,2.6vw,44px); font-weight:600; line-height:1.75; text-shadow:0 8px 28px rgba(0,0,0,.36),0 0 20px rgba(210,168,74,.18); }
.nsb-home-hero h1 { max-width:1100px; margin:0 auto; color:#fff; font-family:"Noto Nastaliq Urdu",serif; font-size:clamp(60px,6.3vw,100px); font-weight:700; line-height:1.55; letter-spacing:-.015em; -webkit-text-stroke:.8px rgba(233,67,167,.82); paint-order:stroke fill; text-shadow:0 4px 1px rgba(255,255,255,.02),0 0 12px rgba(233,67,167,.34),0 0 34px rgba(139,20,93,.42),0 18px 48px rgba(0,0,0,.44); }
.nsb-hero-titles { max-width:930px; margin:22px auto 0; color:rgba(255,255,255,.94); font-family:"Noto Naskh Arabic",serif; font-size:clamp(18px,1.55vw,27px); font-weight:700; line-height:2; text-wrap:balance; text-shadow:0 8px 26px rgba(0,0,0,.46); }
.nsb-hero-actions { margin-top:clamp(28px,4vh,42px); display:flex; align-items:center; justify-content:center; gap:13px; flex-wrap:wrap; }
.nsb-hero-action { min-width:145px; min-height:50px; padding:11px 25px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; font-family:"Noto Naskh Arabic",serif; font-size:18px; font-weight:700; line-height:1.2; transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease; }
.nsb-hero-action-primary { border:1px solid rgba(208,43,137,.72); color:#fff; background:linear-gradient(135deg,#971565,#6e104c); box-shadow:0 13px 34px rgba(139,20,93,.29),inset 0 1px 0 rgba(255,255,255,.14); }
.nsb-hero-action-secondary { border:1px solid rgba(234,214,165,.65); color:#fff; background:rgba(20,10,18,.42); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(8px); }
.nsb-hero-action:hover,.nsb-hero-action:focus-visible { transform:translateY(-2px); }
.nsb-hero-action-primary:hover,.nsb-hero-action-primary:focus-visible { background:linear-gradient(135deg,#a11970,#601043); box-shadow:0 16px 38px rgba(139,20,93,.36),0 0 0 3px rgba(210,168,74,.14); }
.nsb-hero-action-secondary:hover,.nsb-hero-action-secondary:focus-visible { border-color:rgba(234,214,165,.92); background:rgba(255,255,255,.10); box-shadow:0 13px 30px rgba(0,0,0,.20),0 0 0 3px rgba(210,168,74,.12); }
.nsb-hero-action:focus-visible { outline:3px solid rgba(255,255,255,.92); outline-offset:4px; }
@media (max-width:1180px) {
    .nsb-home-hero { min-height:calc(100svh - var(--nsb-header-h)); }
    .nsb-hero-content { padding-block:clamp(76px,11vh,120px); }
    .nsb-home-hero h1 { font-size:clamp(50px,8vw,78px); }
}
@media (max-width:640px) {
    .nsb-hero-fallback,.nsb-hero-video { object-position:center center; background-position:center center; }
    .nsb-hero-overlay { background:linear-gradient(180deg,rgba(15,7,13,.46),rgba(18,8,15,.28) 28%,rgba(19,8,16,.48) 68%,rgba(14,6,12,.78)),radial-gradient(circle at 50% 30%,rgba(210,168,74,.14),transparent 30%),radial-gradient(circle at 64% 70%,rgba(139,20,93,.24),transparent 36%); }
    .nsb-hero-overlay::after { box-shadow:inset 0 0 90px rgba(8,4,7,.45); }
    .nsb-hero-content { width:min(calc(100% - 24px),620px); padding-block:clamp(60px,9vh,92px) clamp(54px,8vh,78px); }
    .nsb-hero-kicker { margin-bottom:0; font-size:clamp(24px,7.2vw,34px); line-height:1.65; }
    .nsb-home-hero h1 { max-width:100%; font-size:clamp(40px,12vw,59px); line-height:1.55; -webkit-text-stroke-width:.55px; text-shadow:0 0 10px rgba(233,67,167,.30),0 0 26px rgba(139,20,93,.34),0 14px 36px rgba(0,0,0,.46); }
    .nsb-hero-titles { max-width:98%; margin-top:16px; font-size:clamp(15px,4.35vw,19px); line-height:2.05; }
    .nsb-hero-actions { margin-top:27px; gap:10px; flex-wrap:nowrap; }
    .nsb-hero-action { min-width:0; width:min(44vw,168px); min-height:46px; padding:9px 16px; font-size:16px; }
}
@media (max-width:350px) {
    .nsb-hero-actions { flex-direction:column; width:100%; }
    .nsb-hero-action { width:min(100%,250px); }
}
@media (prefers-reduced-motion:reduce) {
    .nsb-hero-video { display:none !important; }
    .nsb-hero-action { transition:none; }
}