/* EIILM-Kolkata — Facilities
   Page-specific styles. Requires base.css. */

.about-sticky{position:sticky;top:110px}
@media (min-width:981px) and (min-height:640px){
  
  
}
.hero{min-height:0}
.about-sticky{top:132px}
.cm-wrap{position:relative;max-width:860px;margin:0 auto}
.cm-viewport{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#EDF2F8}
.cm-track{display:flex;will-change:transform;transition:transform .6s var(--ease-expo);cursor:grab}
.cm-track.drag{transition:none;cursor:grabbing}
.cm{margin:0;position:relative;flex:0 0 100%;overflow:hidden;background:#EDF2F8;cursor:zoom-in}
.cm img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/7;pointer-events:none}
.cm figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 18px 14px;color:#fff;
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.06em;line-height:1.45;
  background:linear-gradient(transparent,rgba(11,22,44,.92))}
.cm-nav{display:flex;align-items:center;gap:12px;margin-top:14px}
.cm-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(20,41,74,.18);background:#fff;
  display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:all .35s var(--ease-out)}
.cm-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:scale(1.07)}
.cm-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.cm-dots{display:flex;gap:7px;margin-left:4px}
.cm-dot{width:7px;height:7px;border-radius:100px;border:none;padding:0;background:rgba(20,41,74,.2);cursor:pointer;
  transition:all .45s var(--ease-out)}
.cm-dot.on{width:22px;background:var(--red)}
.cm-count{font-family:"IBM Plex Mono",monospace;font-size:11px;color:var(--ink-soft);margin-left:auto}
@media (max-width:600px){.cm img{aspect-ratio:16/9}.cm-count{display:none}}
.kicker::before,.eyebrow .tick,.enq-pill .tick{
  content:"";width:11px;height:6px;border-radius:11px 11px 0 0;
  background:linear-gradient(180deg,#FFB347,var(--red));
  border-bottom:1.5px solid var(--ink);box-shadow:none;animation:none}
.eyebrow .tick,.enq-pill .tick{display:inline-block}
.hero-horizon{position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;height:200px;overflow:hidden}
.hero-horizon .hline{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--ink);
  transform:scaleX(0);transform-origin:left;animation:hdraw 1.1s var(--ease-expo) forwards .3s}
@keyframes hdraw{to{transform:scaleX(1)}}
.hero-horizon .hsun{position:absolute;left:clamp(24px,10vw,150px);bottom:0;
  width:clamp(180px,22vw,300px);height:clamp(90px,11vw,150px);
  border-radius:999px 999px 0 0;
  background:radial-gradient(circle at 50% 100%,#FFC372 0%,var(--red) 62%,#DD6F12 100%);
  transform:translateY(102%);animation:sunrise 1.8s var(--ease-expo) forwards 1s;
  box-shadow:0 -20px 80px -10px rgba(245,130,31,.45)}
@keyframes sunrise{to{transform:translateY(18%)}}
.hero-horizon .hrays{position:absolute;left:0;right:0;bottom:-1px;height:100%;
  -webkit-mask-image:linear-gradient(to top,black 0%,transparent 85%);mask-image:linear-gradient(to top,black 0%,transparent 85%);
  background:repeating-conic-gradient(from -90deg at clamp(24px,10vw,150px) 100%,rgba(245,130,31,.14) 0deg 4deg,transparent 4deg 14deg);
  opacity:0;animation:raysin 1.4s ease-out forwards 2s}
@keyframes raysin{to{opacity:1}}
@media (max-width:980px){.hero-horizon{height:120px}.hero-horizon .hsun{left:auto;right:20px}.hero-horizon .hrays{display:none}}
.skyline{position:fixed;top:0;left:0;right:0;height:26px;z-index:300;pointer-events:none}
.skyline .trail{position:absolute;top:12px;left:0;height:1.5px;width:0;background:var(--ink);opacity:.85}
.skyline .traveller{position:absolute;top:6px;left:0;width:13px;height:7px;border-radius:13px 13px 0 0;
  background:linear-gradient(180deg,#FFB347,var(--red));border-bottom:1.5px solid var(--ink);
  transform:translateX(-50%);filter:drop-shadow(0 2px 6px rgba(245,130,31,.5))}
.dot{width:11px;height:6px;border-radius:11px 11px 0 0;background:rgba(20,41,74,.22)}
.dot.on{width:24px;background:var(--red)}
.cta-band{background:#14294A !important;overflow:hidden}
.cta-band .ring{display:none}
.cta-band::before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.35)}
.cta-band::after{content:"";position:absolute;left:50%;bottom:0;width:min(420px,60vw);height:min(210px,30vw);
  transform:translateX(-50%) translateY(30%);border-radius:999px 999px 0 0;
  background:radial-gradient(circle at 50% 100%,#FFC372 0%,var(--red) 62%,#C2620F 100%);
  opacity:.9;box-shadow:0 -30px 120px -10px rgba(245,130,31,.55);pointer-events:none}
.cta-band h2,.cta-band p,.cta-band .ctas{position:relative;z-index:2}
.cta-band p{color:rgba(255,255,255,.85)}
.cta-band .btn-primary{background:#fff;color:var(--ink)}
.cta-band .btn-primary:hover{background:var(--red-deep);color:#fff}
.cta-band .btn-ghost{color:#fff;border-color:rgba(255,255,255,.45)}
.motto-plate{margin-top:26px;background:var(--bg);border:1px solid var(--line);border-left:3px solid var(--red);
  border-radius:0 16px 16px 0;padding:20px 22px}
.motto-plate .dv{font-family:"Fraunces",serif;font-size:15.5px;line-height:1.9;color:var(--ink)}
.motto-plate .tr{font-family:"IBM Plex Mono",monospace;font-size:11.5px;letter-spacing:.06em;color:var(--ink-soft);margin-top:10px;line-height:1.6;text-transform:uppercase}
.orbit,.orbit *{display:none}
.watermark{-webkit-text-stroke-color:rgba(20,41,74,.08)}
.v1 .mesh,.v2 .mesh,.v3 .mesh,.v4 .mesh{background:
  radial-gradient(120% 90% at 85% 10%,#FFE9D6 0%,transparent 55%),
  linear-gradient(165deg,#fff 40%,#FBF4EA 100%)}
.btn-primary{background:linear-gradient(120deg,#FF9B3E 0%,var(--red) 55%,#E8700F 100%);color:#fff;
  box-shadow:0 16px 34px -14px rgba(245,130,31,.65)}
.btn-primary:hover{background:var(--ink);box-shadow:0 18px 36px -14px rgba(20,41,74,.5)}
.cta-band .btn-primary{background:#fff;color:var(--ink);box-shadow:0 18px 36px -14px rgba(0,0,0,.4)}
.cta-band .btn-primary:hover{background:linear-gradient(120deg,#FF9B3E,var(--red));color:#fff}
.kicker,.eyebrow,.enq-pill{background:linear-gradient(120deg,#FFF2E4,#FFE3C2);border-color:rgba(245,130,31,.35)}
.bg-blob{opacity:.65}
.blob-1{background:radial-gradient(circle,#FFD2A8 0%,transparent 70%)}
.blob-2{background:radial-gradient(circle,#CFE0FF 0%,transparent 70%)}
.v1 .mesh{background:radial-gradient(120% 90% at 85% 10%,#FFDDB5 0%,transparent 55%),radial-gradient(90% 80% at 10% 90%,#D7E6FF 0%,transparent 55%),linear-gradient(165deg,#fff 40%,#FFF3E3 100%)}
.watermark{-webkit-text-stroke-color:rgba(245,130,31,.2)}
.why{background:linear-gradient(180deg,#FFF4E4 0%,var(--bg) 100%);border-top:1px solid rgba(245,130,31,.18)}
.rankings{background:#fff}
.placed{background:linear-gradient(180deg,#EEF4FC 0%,var(--bg) 100%);border-top:1px solid rgba(20,41,74,.1);padding:clamp(44px,5.6vh,68px) 0;overflow:hidden}
.collabs{background:linear-gradient(180deg,#FFF7EC 0%,var(--bg) 100%)}
.faculty{background:#fff}
.alumni{background:linear-gradient(180deg,#EEF4FC 0%,var(--bg) 100%)}
.feat-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.feat-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.feat-4{grid-template-columns:1fr}}
.feat img{width:52px;height:52px;padding:11px;border-radius:15px;box-sizing:border-box}
.feat:nth-child(1) img{background:#FFE6C7}
.feat:nth-child(2) img{background:#D9E7FF}
.feat:nth-child(3) img{background:#FFE0D1}
.feat:nth-child(4) img{background:#E3F1E4}
.feat{border-top:3px solid transparent}
.feat:hover{border-top-color:var(--red)}
.rank-card .badge{background:linear-gradient(135deg,#FFE6C7,#FFD2A8)}
.rank-card:hover{border-color:rgba(245,130,31,.45)}
.logo-row img{height:68px;filter:none;opacity:.92}
.logo-row img:hover{opacity:1;transform:scale(1.12)}
.logo-row{gap:clamp(44px,6vw,84px)}
.logos{padding:clamp(44px,5.4vh,68px) 0;background:linear-gradient(180deg,#fff, #FFF6EA)}
.pl-row{display:flex;gap:22px;width:max-content;animation:marq 60s linear infinite;padding:14px 4px}
.pl-row.rev{animation:marqr 66s linear infinite}
.placed:hover .pl-row{animation-play-state:paused}
.st-card{width:264px;flex:none;position:relative;border-radius:24px;overflow:hidden;border:none;
  box-shadow:0 24px 48px -22px rgba(20,41,74,.35);background:#fff;
  transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out)}
.st-card:nth-child(odd){transform:rotate(-1.3deg)}
.st-card:nth-child(even){transform:rotate(1.1deg) translateY(10px)}
.st-card:hover{transform:rotate(0) translateY(-10px) scale(1.03);box-shadow:0 40px 70px -28px rgba(20,41,74,.45);z-index:3}
.st-card .ph{aspect-ratio:4/4.6;overflow:hidden;background:linear-gradient(135deg,#FFE6C7,#D9E7FF)}
.st-card .ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease-out)}
.st-card:hover .ph img{transform:scale(1.08)}
.st-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,22,44,.85) 0%,rgba(10,22,44,.25) 34%,transparent 55%);pointer-events:none}
.st-card .nm{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:16px 18px}
.st-card .nm b{display:block;font-family:"Fraunces",serif;font-weight:560;font-size:16.5px;color:#fff;letter-spacing:.01em;line-height:1.25}
.st-card .nm span{display:inline-block;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:#14294A;background:linear-gradient(120deg,#FFC372,#F5821F);padding:4px 10px;border-radius:100px;margin-top:8px}
.campus{background:linear-gradient(160deg,#16305C 0%,#14294A 55%,#0E1F3C 100%)}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(120px,16vh,170px);gap:14px;grid-auto-flow:dense}
.bn{position:relative;margin:0;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.12);cursor:pointer}
.bn img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out),filter .5s}
.bn:hover img{transform:scale(1.08)}
.bn figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;color:#fff;
  font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.05em;line-height:1.5;
  background:linear-gradient(transparent,rgba(8,18,36,.9));
  transform:translateY(8px);opacity:.85;transition:all .5s var(--ease-out)}
.bn:hover figcaption{transform:none;opacity:1}
.bn-hero{grid-column:span 2;grid-row:span 2}
.bn-hero figcaption{font-size:12.5px}
@media (max-width:900px){.bento{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.bento{grid-template-columns:1fr}.bn-hero{grid-column:span 1;grid-row:span 1}}
.why-video{position:relative;border-radius:26px;overflow:hidden;background:#0B1A33;border:1px solid var(--line);
  box-shadow:0 40px 80px -34px rgba(20,41,74,.5);align-self:center}
.why-video video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#0B1A33}
.why-video .vtag{position:absolute;left:16px;top:16px;z-index:2;background:linear-gradient(120deg,#FFC372,#F5821F);
  border-radius:100px;padding:8px 15px;font-family:"IBM Plex Mono",monospace;font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#14294A}
.why-video .vplay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(10,22,44,.32);border:none;cursor:pointer;transition:opacity .45s var(--ease-out)}
.why-video.playing .vplay{opacity:0;pointer-events:none}
.why-video .vplay i{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FFC372,#F5821F);display:grid;place-items:center;font-style:normal;font-size:23px;color:#fff;padding-left:6px;position:relative;transition:transform .4s var(--ease-out)}
.why-video .vplay i::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,195,114,.8);animation:vpulse2 2.4s ease-out infinite}
@keyframes vpulse2{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.7);opacity:0}}
.why-video .vplay:hover i{transform:scale(1.12)}
.hero{isolation:isolate}
.hero-fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-fx .orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.75;will-change:transform}
.hero-fx .o1{width:46vw;height:46vw;max-width:620px;max-height:620px;top:-16%;right:-8%;
  background:radial-gradient(circle,#FFC98F 0%,rgba(255,201,143,0) 68%);animation:o1 26s ease-in-out infinite alternate}
.hero-fx .o2{width:40vw;height:40vw;max-width:540px;max-height:540px;bottom:-20%;left:-10%;
  background:radial-gradient(circle,#B9D2FF 0%,rgba(185,210,255,0) 68%);animation:o2 32s ease-in-out infinite alternate}
.hero-fx .o3{width:30vw;height:30vw;max-width:420px;max-height:420px;top:34%;left:38%;
  background:radial-gradient(circle,#FFDDB0 0%,rgba(255,221,176,0) 70%);animation:o3 22s ease-in-out infinite alternate}
@keyframes o1{to{transform:translate(-90px,70px) scale(1.16)}}
@keyframes o2{to{transform:translate(80px,-60px) scale(1.12)}}
@keyframes o3{to{transform:translate(-60px,-40px) scale(.88)}}
.hero-fx .mesh-grid{position:absolute;inset:-10%;opacity:.5;
  background-image:linear-gradient(rgba(20,41,74,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(20,41,74,.09) 1px,transparent 1px);
  background-size:74px 74px;animation:meshpan 34s linear infinite;
  -webkit-mask-image:radial-gradient(ellipse 85% 75% at 55% 45%,#000 25%,transparent 78%);
  mask-image:radial-gradient(ellipse 85% 75% at 55% 45%,#000 25%,transparent 78%)}
@keyframes meshpan{to{background-position:74px 74px,74px 74px}}
.hero .stage{position:relative;z-index:4}
@media (prefers-reduced-motion:reduce){.hero-fx .orb,.hero-fx .mesh-grid{animation:none}}
.campus{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cg{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,26px)}
.cg figure{margin:0}
.cg .im{border-radius:14px;overflow:hidden;background:#EAEFF6;aspect-ratio:4/3}
.cg .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-out)}
.cg figure:hover .im img{transform:scale(1.05)}
.cg figcaption{margin-top:12px;display:flex;align-items:baseline;gap:10px}
.cg .yr{font-family:"IBM Plex Mono",monospace;font-size:11px;letter-spacing:.08em;color:var(--red-t);flex:none}
.cg .tt{font-size:14px;line-height:1.5;color:var(--ink)}
@media (max-width:860px){.cg{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cg{grid-template-columns:1fr}}
.rankings{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aw-list{border-top:1.5px solid var(--ink)}
.aw-row{display:grid;grid-template-columns:88px 1fr auto;gap:clamp(14px,3vw,40px);align-items:center;
  padding:clamp(16px,2.2vh,24px) 6px;border-bottom:1px solid var(--line);position:relative;
  transition:background .35s var(--ease-out),padding-left .35s var(--ease-out)}
.aw-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);
  transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease-out)}
.aw-row:hover{background:#FFF8EF;padding-left:18px}
.aw-row:hover::before{transform:scaleY(1)}
.aw-row .yr{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;color:var(--red-t);letter-spacing:.04em}
.aw-row .ttl{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.35;letter-spacing:-.004em}
.aw-row .ttl em{font-style:normal;display:block;font-family:"Albert Sans",sans-serif;font-weight:400;font-size:13px;color:var(--ink-soft);margin-top:5px;line-height:1.55}
.aw-row .rk{font-family:"IBM Plex Mono",monospace;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.aw-row .rk sup{font-size:.44em;color:var(--red-t);top:-.9em}
.aw-row .rk.tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red-t);
  background:#FFEEDA;border-radius:100px;padding:7px 14px}
@media (max-width:720px){
  .aw-row{grid-template-columns:1fr auto;row-gap:6px}
  .aw-row .yr{grid-column:1/-1}
  .aw-row .rk{font-size:1.4rem}
}
.placed{background:linear-gradient(180deg,#F3F7FC 0%,var(--bg) 100%)}
.pl-row{display:flex;gap:16px;width:max-content;animation:marq 64s linear infinite;padding:8px 4px}
.pl-row.rev{animation:marqr 70s linear infinite}
.placed:hover .pl-row{animation-play-state:paused}
.st-card{width:250px;flex:none;transform:none !important;background:#fff;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;box-shadow:0 10px 26px -18px rgba(20,41,74,.28);
  transition:box-shadow .45s var(--ease-out),transform .45s var(--ease-out),border-color .45s}
.st-card:hover{transform:translateY(-8px) !important;border-color:rgba(245,130,31,.5);box-shadow:0 30px 54px -26px rgba(20,41,74,.35)}
.st-card::after{display:none}
.st-card .ph{aspect-ratio:1/1;overflow:hidden;background:#EDF2F8;border-radius:18px 18px 0 0}
.st-card .ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease-out)}
.st-card:hover .ph img{transform:scale(1.05)}
.st-card .co{position:static;background:none;box-shadow:none;padding:0;height:auto;display:block;transform:none !important}
.st-card .nm{position:static;padding:16px 18px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.st-card .nm .who{min-width:0}
.st-card .nm b{display:block;font-family:"Albert Sans",sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-card .nm span{display:block;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft);background:none;padding:0;margin-top:5px}
.st-card .lg{flex:none;width:54px;height:34px;display:grid;place-items:center;border-left:1px solid var(--line);padding-left:12px}
.st-card .lg img{max-width:100%;max-height:26px;object-fit:contain;display:block}
.campus{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.life{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,2.2vw,24px);align-items:stretch}
.life-main{position:relative;border-radius:20px;overflow:hidden;background:#EDF2F8;min-height:clamp(300px,46vh,440px)}
.life-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease-out)}
.life-main:hover img{transform:scale(1.04)}
.life-main .meta{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-radius:14px;padding:14px 18px}
.life-main .meta .yr{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--red-t);text-transform:uppercase}
.life-main .meta .tt{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.3;margin-top:4px}
.life-side{display:grid;grid-template-rows:repeat(3,1fr);gap:clamp(16px,2.2vw,24px)}
.life-sm{position:relative;border-radius:16px;overflow:hidden;background:#EDF2F8;min-height:96px}
.life-sm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out)}
.life-sm:hover img{transform:scale(1.06)}
.life-sm .lbl{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;color:#fff;
  font-family:"Albert Sans",sans-serif;font-size:12.5px;font-weight:600;line-height:1.4;
  background:linear-gradient(transparent,rgba(12,24,46,.86))}
.life-sm .lbl i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10px;color:#FFC08A;display:block;letter-spacing:.1em;margin-bottom:2px}
.life-more{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,24px);margin-top:clamp(16px,2.2vw,24px)}
@media (max-width:900px){
  .life{grid-template-columns:1fr}
  .life-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}
  .life-sm{min-height:130px}
}
@media (max-width:600px){.life-side,.life-more{grid-template-columns:1fr 1fr}}
.rankings{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aw-list{border-top:1.5px solid var(--ink)}
.aw-row{display:grid;grid-template-columns:88px 1fr auto;gap:clamp(14px,3vw,40px);align-items:center;
  padding:clamp(16px,2.2vh,24px) 6px;border-bottom:1px solid var(--line);position:relative;
  transition:background .35s var(--ease-out),padding-left .35s var(--ease-out)}
.aw-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);
  transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease-out)}
.aw-row:hover{background:#FFF8EF;padding-left:18px}
.aw-row:hover::before{transform:scaleY(1)}
.aw-row .yr{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;color:var(--red-t);letter-spacing:.04em}
.aw-row .ttl{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.35;letter-spacing:-.004em}
.aw-row .ttl em{font-style:normal;display:block;font-family:"Albert Sans",sans-serif;font-weight:400;font-size:13px;color:var(--ink-soft);margin-top:5px;line-height:1.55}
.aw-row .rk{font-family:"IBM Plex Mono",monospace;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.aw-row .rk sup{font-size:.44em;color:var(--red-t);top:-.9em}
.aw-row .rk.tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red-t);
  background:#FFEEDA;border-radius:100px;padding:7px 14px}
@media (max-width:720px){
  .aw-row{grid-template-columns:1fr auto;row-gap:6px}
  .aw-row .yr{grid-column:1/-1}
  .aw-row .rk{font-size:1.4rem}
}
.placed{background:linear-gradient(180deg,#F3F7FC 0%,var(--bg) 100%)}
.pl-row{display:flex;gap:16px;width:max-content;animation:marq 64s linear infinite;padding:8px 4px}
.pl-row.rev{animation:marqr 70s linear infinite}
.placed:hover .pl-row{animation-play-state:paused}
.st-card{width:250px;flex:none;transform:none !important;background:#fff;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;box-shadow:0 10px 26px -18px rgba(20,41,74,.28);
  transition:box-shadow .45s var(--ease-out),transform .45s var(--ease-out),border-color .45s}
.st-card:hover{transform:translateY(-8px) !important;border-color:rgba(245,130,31,.5);box-shadow:0 30px 54px -26px rgba(20,41,74,.35)}
.st-card::after{display:none}
.st-card .ph{aspect-ratio:1/1;overflow:hidden;background:#EDF2F8;border-radius:18px 18px 0 0}
.st-card .ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease-out)}
.st-card:hover .ph img{transform:scale(1.05)}
.st-card .co{position:static;background:none;box-shadow:none;padding:0;height:auto;display:block;transform:none !important}
.st-card .nm{position:static;padding:16px 18px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.st-card .nm .who{min-width:0}
.st-card .nm b{display:block;font-family:"Albert Sans",sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-card .nm span{display:block;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft);background:none;padding:0;margin-top:5px}
.st-card .lg{flex:none;width:54px;height:34px;display:grid;place-items:center;border-left:1px solid var(--line);padding-left:12px}
.st-card .lg img{max-width:100%;max-height:26px;object-fit:contain;display:block}
.campus{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.life{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,2.2vw,24px);align-items:stretch}
.life-main{position:relative;border-radius:20px;overflow:hidden;background:#EDF2F8;min-height:clamp(300px,46vh,440px)}
.life-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease-out)}
.life-main:hover img{transform:scale(1.04)}
.life-main .meta{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-radius:14px;padding:14px 18px}
.life-main .meta .yr{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--red-t);text-transform:uppercase}
.life-main .meta .tt{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.3;margin-top:4px}
.life-side{display:grid;grid-template-rows:repeat(3,1fr);gap:clamp(16px,2.2vw,24px)}
.life-sm{position:relative;border-radius:16px;overflow:hidden;background:#EDF2F8;min-height:96px}
.life-sm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out)}
.life-sm:hover img{transform:scale(1.06)}
.life-sm .lbl{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;color:#fff;
  font-family:"Albert Sans",sans-serif;font-size:12.5px;font-weight:600;line-height:1.4;
  background:linear-gradient(transparent,rgba(12,24,46,.86))}
.life-sm .lbl i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10px;color:#FFC08A;display:block;letter-spacing:.1em;margin-bottom:2px}
.life-more{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,24px);margin-top:clamp(16px,2.2vw,24px)}
@media (max-width:900px){
  .life{grid-template-columns:1fr}
  .life-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}
  .life-sm{min-height:130px}
}
@media (max-width:600px){.life-side,.life-more{grid-template-columns:1fr 1fr}}
.rankings{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.aw-list{border-top:1.5px solid var(--ink)}
.aw-row{display:grid;grid-template-columns:88px 1fr auto;gap:clamp(14px,3vw,40px);align-items:center;
  padding:clamp(16px,2.2vh,24px) 6px;border-bottom:1px solid var(--line);position:relative;
  transition:background .35s var(--ease-out),padding-left .35s var(--ease-out)}
.aw-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red);
  transform:scaleY(0);transform-origin:top;transition:transform .45s var(--ease-out)}
.aw-row:hover{background:#FFF8EF;padding-left:18px}
.aw-row:hover::before{transform:scaleY(1)}
.aw-row .yr{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;color:var(--red-t);letter-spacing:.04em}
.aw-row .ttl{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.02rem,1.5vw,1.28rem);line-height:1.35;letter-spacing:-.004em}
.aw-row .ttl em{font-style:normal;display:block;font-family:"Albert Sans",sans-serif;font-weight:400;font-size:13px;color:var(--ink-soft);margin-top:5px;line-height:1.55}
.aw-row .rk{font-family:"IBM Plex Mono",monospace;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;letter-spacing:-.03em;color:var(--ink);white-space:nowrap}
.aw-row .rk sup{font-size:.44em;color:var(--red-t);top:-.9em}
.aw-row .rk.tag{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--red-t);
  background:#FFEEDA;border-radius:100px;padding:7px 14px}
@media (max-width:720px){
  .aw-row{grid-template-columns:1fr auto;row-gap:6px}
  .aw-row .yr{grid-column:1/-1}
  .aw-row .rk{font-size:1.4rem}
}
.placed{background:linear-gradient(180deg,#F3F7FC 0%,var(--bg) 100%)}
.pl-row{display:flex;gap:16px;width:max-content;animation:marq 64s linear infinite;padding:8px 4px}
.pl-row.rev{animation:marqr 70s linear infinite}
.placed:hover .pl-row{animation-play-state:paused}
.st-card{width:250px;flex:none;transform:none !important;background:#fff;border:1px solid var(--line);border-radius:18px;
  overflow:hidden;box-shadow:0 10px 26px -18px rgba(20,41,74,.28);
  transition:box-shadow .45s var(--ease-out),transform .45s var(--ease-out),border-color .45s}
.st-card:hover{transform:translateY(-8px) !important;border-color:rgba(245,130,31,.5);box-shadow:0 30px 54px -26px rgba(20,41,74,.35)}
.st-card::after{display:none}
.st-card .ph{aspect-ratio:1/1;overflow:hidden;background:#EDF2F8;border-radius:18px 18px 0 0}
.st-card .ph img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease-out)}
.st-card:hover .ph img{transform:scale(1.05)}
.st-card .co{position:static;background:none;box-shadow:none;padding:0;height:auto;display:block;transform:none !important}
.st-card .nm{position:static;padding:16px 18px 18px;display:flex;align-items:center;gap:12px;justify-content:space-between}
.st-card .nm .who{min-width:0}
.st-card .nm b{display:block;font-family:"Albert Sans",sans-serif;font-weight:600;font-size:14.5px;color:var(--ink);line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-card .nm span{display:block;font-family:"IBM Plex Mono",monospace;font-size:10px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft);background:none;padding:0;margin-top:5px}
.st-card .lg{flex:none;width:54px;height:34px;display:grid;place-items:center;border-left:1px solid var(--line);padding-left:12px}
.st-card .lg img{max-width:100%;max-height:26px;object-fit:contain;display:block}
.campus{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.life{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(16px,2.2vw,24px);align-items:stretch}
.life-main{position:relative;border-radius:20px;overflow:hidden;background:#EDF2F8;min-height:clamp(300px,46vh,440px)}
.life-main img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease-out)}
.life-main:hover img{transform:scale(1.04)}
.life-main .meta{position:absolute;left:18px;bottom:18px;right:18px;background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px);border-radius:14px;padding:14px 18px}
.life-main .meta .yr{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.12em;color:var(--red-t);text-transform:uppercase}
.life-main .meta .tt{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.05rem,1.7vw,1.4rem);line-height:1.3;margin-top:4px}
.life-side{display:grid;grid-template-rows:repeat(3,1fr);gap:clamp(16px,2.2vw,24px)}
.life-sm{position:relative;border-radius:16px;overflow:hidden;background:#EDF2F8;min-height:96px}
.life-sm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out)}
.life-sm:hover img{transform:scale(1.06)}
.life-sm .lbl{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 11px;color:#fff;
  font-family:"Albert Sans",sans-serif;font-size:12.5px;font-weight:600;line-height:1.4;
  background:linear-gradient(transparent,rgba(12,24,46,.86))}
.life-sm .lbl i{font-style:normal;font-family:"IBM Plex Mono",monospace;font-size:10px;color:#FFC08A;display:block;letter-spacing:.1em;margin-bottom:2px}
.life-more{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,24px);margin-top:clamp(16px,2.2vw,24px)}
@media (max-width:900px){
  .life{grid-template-columns:1fr}
  .life-side{grid-template-rows:none;grid-template-columns:repeat(3,1fr)}
  .life-sm{min-height:130px}
}
@media (max-width:600px){.life-side,.life-more{grid-template-columns:1fr 1fr}}
.page-hero{position:relative;width:100%;height:clamp(220px,34vh,360px);overflow:hidden}
.page-hero img{width:100%;height:100%;object-fit:cover;display:block;animation:phkb 26s ease-in-out infinite alternate}
@keyframes phkb{from{transform:scale(1.03)}to{transform:scale(1.11)}}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(251,248,242,.97) 0%,rgba(251,248,242,.55) 42%,rgba(251,248,242,.18) 100%)}
.page-hero .cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 0 clamp(16px,3vw,30px)}
.crumb{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--red-t);margin-bottom:10px}
.crumb a{color:var(--ink-soft);text-decoration:none}
.crumb a:hover{color:var(--red-t)}
.page-hero h1{font-family:"Fraunces",serif;font-weight:560;font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.05;letter-spacing:-.012em;margin:0;color:var(--ink)}
@media (prefers-reduced-motion:reduce){.page-hero img{animation:none}}
.lede{padding:clamp(28px,3.8vh,46px) 0 clamp(20px,3vh,30px)}
.lede p{font-family:"Fraunces",serif;font-weight:480;font-style:italic;font-size:clamp(1.1rem,2vw,1.55rem);
  line-height:1.5;letter-spacing:-.004em;max-width:42ch;color:var(--ink)}
.lede .lab{font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--red-t);margin-bottom:12px}
.lede .note{margin-top:14px;font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:58ch}
.reg{padding:0 0 clamp(30px,3.8vh,46px);border-bottom:1px solid var(--line)}
.reg-row{display:grid;grid-template-columns:repeat(6,1fr);gap:clamp(12px,2vw,24px)}
.reg-c{border-top:2px solid var(--ink);padding-top:13px;transition:border-color .45s var(--ease-out)}
.reg-c:hover{border-top-color:var(--red)}
.reg-c .n{font-family:"IBM Plex Mono",monospace;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:600;letter-spacing:-.03em;line-height:1}
.reg-c .l{font-size:11.5px;color:var(--ink-soft);margin-top:7px;line-height:1.45}
@media (max-width:900px){.reg-row{grid-template-columns:repeat(3,1fr);gap:18px}}
@media (max-width:520px){.reg-row{grid-template-columns:1fr 1fr}}
.gal{padding:clamp(24px,3.2vh,40px) 0 0}
.gal-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gm{margin:0;border-radius:16px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;background:#EDF2F8;cursor:zoom-in}
.gm img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out)}
.gm:hover img{transform:scale(1.07)}
@media (max-width:700px){.gal-row{grid-template-columns:1fr 1fr}}
.facs{padding:clamp(26px,3.4vh,44px) 0 clamp(30px,4vh,50px)}
.fc{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(22px,3.4vw,52px);align-items:center;
  padding:clamp(22px,3vh,36px) 0;border-top:1px solid var(--line)}
.fc:nth-child(even){grid-template-columns:1.08fr .92fr}
.fc:nth-child(even) .im{order:2}
.fc .im{border-radius:22px;overflow:hidden;background:#EDF2F8;aspect-ratio:16/11;cursor:zoom-in;
  box-shadow:0 30px 58px -32px rgba(20,41,74,.4)}
.fc .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--ease-out)}
.fc:hover .im img{transform:scale(1.05)}
.fc .lab{display:block;font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--red-t);margin-bottom:10px}
.fc .tx b{display:block;font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1.35rem,2.4vw,1.95rem);
  line-height:1.18;letter-spacing:-.01em;margin-bottom:14px}
.fc ul{list-style:none}
.fc li{position:relative;padding:8px 0 8px 26px;font-size:14px;color:var(--ink-soft);line-height:1.7;max-width:58ch}
.fc li::before{content:"";position:absolute;left:0;top:16px;width:10px;height:2px;border-radius:2px;background:var(--red)}
@media (max-width:860px){.fc,.fc:nth-child(even){grid-template-columns:1fr}.fc:nth-child(even) .im{order:0}}
.comm{padding:clamp(34px,4.4vh,56px) 0 clamp(48px,6vh,78px);background:#fff;border-top:1px solid var(--line)}
.cm{margin:0;position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);
  aspect-ratio:574/300;background:#EDF2F8;cursor:zoom-in;transition:transform .45s var(--ease-out),box-shadow .45s var(--ease-out)}
.cm:hover{transform:translateY(-6px);box-shadow:0 26px 48px -26px rgba(20,41,74,.32)}
.cm img{width:100%;height:100%;object-fit:cover;display:block}
.cm figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 14px 12px;color:#fff;
  font-family:"IBM Plex Mono",monospace;font-size:10.5px;letter-spacing:.05em;line-height:1.45;
  background:linear-gradient(transparent,rgba(11,22,44,.9))}
.lb{position:fixed;inset:0;z-index:400;background:rgba(11,22,44,.9);backdrop-filter:blur(6px);
  display:grid;place-items:center;padding:clamp(16px,4vw,52px);opacity:0;visibility:hidden;transition:all .35s var(--ease-out)}
.lb.on{opacity:1;visibility:visible}
.lb figure{margin:0;max-width:min(1040px,94vw);display:flex;flex-direction:column;gap:14px}
.lb img{max-width:100%;max-height:74vh;object-fit:contain;border-radius:14px;background:#fff;
  box-shadow:0 40px 90px -30px rgba(0,0,0,.7);transform:scale(.96);transition:transform .4s var(--ease-out)}
.lb.on img{transform:none}
.lb figcaption{color:#fff;text-align:center}
.lb figcaption b{display:block;font-family:"Fraunces",serif;font-weight:560;font-size:clamp(1rem,1.8vw,1.3rem)}
.lb figcaption span{display:block;font-size:12.5px;color:#B8C6DC;margin-top:5px}
.lb-x{position:absolute;top:clamp(14px,3vw,26px);right:clamp(14px,3vw,26px);width:44px;height:44px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;font-size:20px;cursor:pointer;
  display:grid;place-items:center;transition:all .3s var(--ease-out)}
.lb-x:hover{background:#fff;color:var(--ink);transform:rotate(90deg)}
