.page-hero{--ink-filter:sepia(.75) saturate(.85) hue-rotate(-12deg) brightness(.97);min-height:max(680px,100svh)}.page-hero__scene{z-index:-3;pointer-events:none;transform:translate3d(0, calc(var(--progress) * 30%), 0);position:absolute;inset:0}.page-hero .page-hero__plate{--plate-w:max(148vw, calc(min(177.78vh, 150vw) + 44vw));width:var(--plate-w);aspect-ratio:16/9;transform:translate3d(calc(-50% + 18vw + var(--mx) * var(--depth,0) * 14px), calc(var(--my) * var(--depth,0) * 10px), 0);animation:1.4s both hero-fade-in;position:absolute;bottom:-9vh;left:50%}.page-hero__plate img{width:100%;height:100%;filter:var(--ink-filter);display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 24%);mask-image:linear-gradient(#0000 0%,#000 24%)}.page-hero__sky{opacity:0;width:100%;height:100%;filter:var(--ink-filter);transition:opacity 1.6s;position:absolute;inset:0}.page-hero__sky.is-ready{opacity:1}.page-hero__mist{background:linear-gradient(to bottom, var(--parchment) 0%, #ead6b600 24%), linear-gradient(90deg, var(--parchment) 0%, #ead6b6f0 30%, #ead6b68c 46%, #ead6b600 66%);position:absolute;inset:0}.page-hero__body{z-index:3;padding:clamp(36px, 6vh, 72px) var(--gutter) clamp(40px, 6vh, 64px);flex:1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,96px);display:grid;position:relative}.page-hero__text{max-width:760px}.page-hero__folio{white-space:nowrap;letter-spacing:.32em;text-transform:uppercase;color:var(--oxblood);animation:hero-rise-in .8s var(--ease-out) .3s both;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 clamp(10px,1.8vh,18px);font-size:11px;line-height:1;display:flex}.page-hero__folio-line{transform-origin:0;width:36px;height:1px;animation:hero-draw-x .9s var(--ease-out) .5s both;background:currentColor}.page-hero__folio-dot{border:1px solid var(--brass);width:5px;height:5px;rotate:45deg}.page-hero__urdu,.page-hero__title{margin:0}.page-hero__title>span{margin:-.08em -.12em -.35em;padding:.08em .12em .35em;display:inline-block;overflow:visible;-webkit-mask-image:linear-gradient(90deg,#000 0 42%,#0000 58% 100%);mask-image:linear-gradient(90deg,#000 0 42%,#0000 58% 100%);-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.page-hero__urdu{width:fit-content;font-family:var(--f-urdu-display), var(--f-urdu), "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", serif;color:var(--oxblood);margin:0 0 clamp(6px,1.2vh,12px);font-size:clamp(28px,2.8vw,44px);line-height:1.95;overflow:visible}.page-hero__urdu span{animation:hero-ink-rtl 1.5s var(--ease-ink) .45s both;margin-block:-.35em;margin-inline:-.15em;padding-block:.35em;padding-inline:.15em;display:inline-block;overflow:visible;-webkit-mask-image:linear-gradient(270deg,#000 0 42%,#0000 58% 100%);mask-image:linear-gradient(270deg,#000 0 42%,#0000 58% 100%);-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:260% 100%;mask-size:260% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.page-hero__title{font-family:var(--f-display);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;font-size:clamp(64px,8.6vw,148px);font-style:italic;font-weight:500;line-height:1.05;overflow:visible}.page-hero__title em{letter-spacing:-.02em;font-style:normal}.page-hero__title>span{animation:hero-ink-ltr 1.7s var(--ease-ink) .75s both;margin-bottom:-.35em;padding-bottom:.35em}.page-hero__lede{max-width:44ch;color:var(--sepia-ink);animation:hero-rise-in .9s var(--ease-out) 1.2s both;margin:clamp(18px,3vh,30px) 0 0;font-size:clamp(17px,1.3vw,20px);font-weight:300;line-height:1.7}.page-hero__actions{animation:hero-rise-in .9s var(--ease-out) 1.35s both;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-top:clamp(24px,4vh,36px);display:flex}.page-hero__ledger{animation:hero-rise-in .9s var(--ease-out) 1.45s both;border-top:1px solid #551d2a47;flex-wrap:wrap;margin:clamp(28px,5vh,52px) 0 0;padding-top:18px;display:flex}.page-hero__ledger>div{border-left:1px solid #551d2a33;gap:8px;padding:0 clamp(18px,2.4vw,36px);display:grid}.page-hero__ledger>div:first-child{border-left:0;padding-left:0}.page-hero__ledger dt{color:var(--oxblood);font-size:10px}.page-hero__ledger dd{font-family:var(--f-display);color:var(--ink);margin:0;font-size:clamp(28px,2.6vw,40px);font-style:italic;font-weight:500;line-height:1}.page-hero__aside{animation:hero-rise-in 1s var(--ease-out) .6s both;justify-self:center;position:relative}.page-hero__strip{z-index:3;padding:0 var(--gutter) clamp(34px, 4vw, 52px);letter-spacing:.3em;text-transform:uppercase;animation:hero-rise-in .72s var(--ease-out) .8s both;justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex;position:relative}.page-hero__strip-tag{background:#ead6b6d9;padding:6px 12px}.page-hero .page-hero__cue{color:var(--ink);background:#ead6b6d9;align-items:center;gap:14px;padding:6px 12px;display:inline-flex}.page-hero__cue-line{background:#13191f33;width:1px;height:26px;position:relative;overflow:hidden}.page-hero__cue-line:after{content:"";height:50%;animation:page-hero-cue 2.2s var(--ease-ink) infinite;background:currentColor;position:absolute;top:0;left:0;right:0}@keyframes page-hero-cue{0%{translate:0 -100%}to{translate:0 200%}}.page-hero--night{background:var(--night);color:var(--parchment)}.page-hero__night{background:radial-gradient(90% 70% at 72% 18%, #22303b 0%, var(--ink) 46%, var(--night) 100%);position:absolute;inset:0}.page-hero__stars{width:100%;height:66%;position:absolute;top:0;left:0;right:0}@keyframes page-hero-twinkle{0%{opacity:.15}to{opacity:.95}}.page-hero[data-loop]:not(.is-looping) :is(.page-hero__cue,.page-hero__stars .twinkle),.tab-hidden :is(.page-hero__cue,.page-hero__stars .twinkle){animation-play-state:paused}.page-hero--night .page-hero__plate img{filter:none;-webkit-mask-image:none;mask-image:none}.page-hero--night .page-hero__sky{filter:invert(.92)sepia(.25)brightness(1.05)}.page-hero--night .page-hero__mist{background:linear-gradient(#0c1014b3 0%,#0c101400 22%),linear-gradient(90deg,#0c1014eb 0%,#0c1014c7 30%,#0c101452 50%,#0c101400 66%),radial-gradient(120% 90% at 50% 40%,#0000 55%,#0c10148c 100%)}.page-hero--night .hero__lattice{filter:invert();mix-blend-mode:screen;opacity:.035}.page-hero--night .hero__rule--outer{border-color:#a3855280}.page-hero--night .hero__rule--inner{border-color:#ead6b61f}.page-hero--night .page-hero__folio{color:var(--brass)}.page-hero--night .page-hero__urdu{color:var(--stub-ink)}.page-hero--night .page-hero__title{color:var(--parchment)}.page-hero--night .page-hero__lede{color:#ead6b6c7}.page-hero--night .page-hero__ledger{border-top-color:#a3855266}.page-hero--night .page-hero__ledger>div{border-left-color:#a3855240}.page-hero--night .page-hero__ledger dt{color:var(--brass)}.page-hero--night .page-hero__ledger dd,.page-hero--night .page-hero__strip{color:var(--parchment)}.page-hero--night .page-hero__strip-tag,.page-hero--night .page-hero__cue{color:var(--parchment);background:#0c101499}.page-hero--night .page-hero__cue-line{background:#ead6b638}@media (max-width:960px){.page-hero__scene{transform:none}.page-hero__body{grid-template-columns:minmax(0,1fr);align-content:center}.page-hero__mist{background:linear-gradient(to bottom, var(--parchment) 0%, #ead6b6e6 45%, #ead6b64d 70%, #ead6b600 85%)}.page-hero--night .page-hero__mist{background:linear-gradient(#0c101499 0%,#0c1014c7 45%,#0c101440 72%,#0c101400 88%)}.page-hero .page-hero__plate{bottom:-4vh}}@media (max-width:600px){.page-hero__body{padding-top:48px}.page-hero__title{font-size:clamp(54px,15vw,72px)}.page-hero__ledger{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px;display:grid}.page-hero__ledger:has(>div:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.page-hero__ledger>div,.page-hero__ledger>div:first-child{border-left:1px solid #551d2a33;padding:0 0 0 16px}.page-hero--night .page-hero__ledger>div{border-left-color:#a3855240}.page-hero__ledger dd{font-size:28px}.page-hero__strip-tag{display:none}.page-hero__strip{letter-spacing:.22em;justify-content:flex-end}}@media (prefers-reduced-motion:reduce){.page-hero__urdu span,.page-hero__title>span{-webkit-mask:none;mask:none}.page-hero__scene{transform:none}.page-hero__plate{--mx:0;--my:0}.page-hero__stars .twinkle,.page-hero__cue-line:after{animation:none}}