/* layout/band.css — نوارهای سرمه‌ای تعاملی (بوم موتور سه‌بعدی) */
.band{position:relative;overflow:hidden;text-align:center;
  padding-block:calc(clamp(70px,9vw,120px) + clamp(110px,17vh,190px)) clamp(70px,9vw,120px);
  background:var(--navy-950)}
.band canvas{position:absolute;inset:0;inline-size:100%;block-size:100%;display:block}
.band .wrap{position:relative;z-index:2}
.band::before{content:"";position:absolute;inset:0;opacity:.75;pointer-events:none;background:
  radial-gradient(60% 90% at 50% 115%,rgba(34,211,238,.13),transparent 65%)}
.band .k{font-family:var(--font-display);font-size:12px;font-weight:800;letter-spacing:3px;color:var(--accent-soft);margin-block-end:16px}
.band h2{font-family:var(--font-display);font-size:clamp(26px,3.4vw,44px);font-weight:900;color:#fff}
.band .nums{display:flex;justify-content:center;gap:clamp(26px,6vw,90px);margin-block-start:clamp(34px,5vw,60px);flex-wrap:wrap}
.band .nums div{position:relative}
.band .nums b{display:block;font-family:var(--font-display);font-weight:900;line-height:1;
  font-size:clamp(46px,6.4vw,86px);color:#fff;letter-spacing:-1px}
.band .nums div:nth-child(2) b{color:var(--accent-2);text-shadow:0 0 50px color-mix(in oklab,var(--accent-2) 40%,transparent)}
.band .nums span{display:block;margin-block-start:12px;font-size:13px;color:#8DA2C4}
.band .btns{justify-content:center;margin-block-start:clamp(36px,5vw,56px)}
.band{padding-block:clamp(74px,9vw,124px)}
.band.start h2{text-wrap:balance}
.band.start{text-align:start;padding-block:clamp(74px,9vw,124px)}
.band.start .k{color:var(--accent-soft)}
.band.start h2{max-inline-size:640px;line-height:1.5}
.band .lede{color:#9FB3D2}
.band.cta h2{max-inline-size:760px;margin-inline:auto;line-height:1.5}
.band.cta .lede{margin-inline:auto;text-align:center;max-inline-size:520px}
.band.cta .foot-note{margin-block-start:26px;font-size:12px;color:#66799C}
.band.pick{text-align:start;padding-block:clamp(76px,9vw,124px)}
.band.pick .wrap{position:relative;z-index:2}
.band.pick .k{color:var(--accent-soft)}
.band.pick h2{color:#fff;max-inline-size:16ch;line-height:1.45}
.band.pick .btns{display:flex;gap:14px;flex-wrap:wrap;margin-block-start:26px}
.band.faculty-one{text-align:start;padding-block:clamp(78px,10vw,130px)}
.band.faculty-one .wrap{position:relative;z-index:3}
.band.faculty-one .k{color:var(--accent-soft)}
.band.faculty-one h2{color:#fff;max-inline-size:22ch;line-height:1.45;
  margin-block-end:clamp(30px,4vw,48px)}
.band.faculty-one h2{margin-block-end:0}
.band.letter{text-align:start;padding-block:clamp(76px,9vw,124px)}
.band.letter .wrap{position:relative;z-index:2}
.band.letter .k{color:var(--accent-soft)}
.band.letter h2{color:#fff;max-inline-size:16ch;line-height:1.45}
.band.faculty-map{padding-block:clamp(76px,9vw,120px)}
.band.faculty-map .wrap{position:relative;z-index:2}
.band.faculty-map h2{color:#fff;max-inline-size:20ch}
.band.faculty{text-align:start;padding-block:clamp(78px,10vw,132px)}
.band.faculty .wrap{position:relative;z-index:2}
.band.faculty .k{color:var(--accent-soft)}
.band.faculty h2{color:#fff}
.band.grad{text-align:start;padding-block:clamp(78px,10vw,132px);min-block-size:min(96vh,780px);display:flex;align-items:center}
.band.grad .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(24px,4vw,60px);align-items:center;inline-size:100%}
@media(max-width:900px){
.band.grad .wrap{grid-template-columns:1fr}
}
.band.journey{text-align:start;padding-block:clamp(78px,10vw,132px)}
.band.journey .wrap{position:relative;z-index:2}
.band.journey .k{color:var(--accent-soft)}
.band.journey h2{color:#fff;max-inline-size:620px;line-height:1.5}
.band#stats{min-block-size:min(84vh,720px);display:flex;align-items:flex-start;
  padding-block:clamp(74px,9vw,116px) 0}
.band#stats .wrap{inline-size:100%}
.band#stats .nums{margin-block-start:clamp(30px,4vw,48px)}
.band#stats{min-block-size:min(96vh,880px);display:flex;align-items:flex-start;
  padding-block:clamp(72px,9vw,112px) 0}
.band#stats .wrap{inline-size:100%}
.band#stats .nums{margin-block-start:clamp(28px,3.6vw,44px)}
.band#stats .nums div{cursor:default;transition:transform var(--dur-base) var(--ease-out)}
.band#stats .nums div:hover{transform:translateY(-6px)}
.band.grad{min-block-size:min(100vh,820px)}
.band.journey{min-block-size:min(100vh,860px);padding-block:clamp(80px,10vw,124px)}
.band.arcgal{min-block-size:min(100vh,860px);display:flex;flex-direction:column;justify-content:center;
  text-align:start;padding-block:clamp(70px,9vw,110px);overflow:hidden}
.band.arcgal .wrap{position:relative;z-index:3}
.band.arcgal .k{color:var(--accent-soft)}
.band.arcgal h2{color:#fff;max-inline-size:560px;line-height:1.5}