/* Home hero (2026-11-01) — ported from skncoanew.sknau.ac.in: crossfading photos, Hindi-first title,
   caption that steps aside to show the photographs. Colours follow the site theme variables. */
.sk-hero{position:relative;min-height:clamp(460px,72vh,720px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;
  background:var(--primary-color-dark,#002244);isolation:isolate}
.sk-hero-media,.sk-slide{position:absolute;inset:0}
.sk-slide{opacity:0;transition:opacity 1.2s ease}
.sk-slide.on{opacity:1}
.sk-slide img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.04)}
.sk-slide.on img{animation:skKb 9s ease-out forwards}
@keyframes skKb{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.sk-hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(0,20,40,.86) 0%,rgba(0,30,60,.58) 45%,rgba(0,30,60,.06) 85%),linear-gradient(0deg,rgba(0,12,26,.62),transparent 50%);
  background:linear-gradient(90deg,color-mix(in srgb,var(--primary-color-dark,#002244) 88%,transparent) 0%,color-mix(in srgb,var(--primary-color,#003366) 58%,transparent) 45%,color-mix(in srgb,var(--primary-color,#003366) 6%,transparent) 85%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 50%);
  transition:opacity .9s cubic-bezier(.22,1,.36,1)}
.sk-hero-in{position:relative;z-index:2;width:100%;max-width:1240px;margin:0 auto;padding:56px 24px 128px;
  transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.sk-hero-in>*{max-width:700px}
.sk-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 14px;border-radius:999px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);font:600 14px/1.2 Roboto,system-ui,sans-serif;letter-spacing:.02em}
.sk-eyebrow i{color:#ffd98a}
.sk-hero h2.sk-title{margin:0 0 14px;color:#fff;line-height:1.1;text-align:left}
.sk-title .h-hi{display:block;font:400 clamp(26px,3.4vw,42px)/1.35 'Tiro Devanagari Hindi',serif;color:#ffd98a;margin-bottom:4px}
.sk-title .h-en{display:block;font:900 clamp(28px,4.4vw,52px)/1.1 Merriweather,Georgia,serif;letter-spacing:-.005em}
.sk-lead{font:400 clamp(16px,1.5vw,19px)/1.6 Roboto,system-ui,sans-serif;color:#eef3fa;margin:0 0 24px}
.sk-cta{display:flex;flex-wrap:wrap;gap:12px}
.sk-btn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:.75em 1.4em;border-radius:999px;font:600 15px/1.2 Roboto,system-ui,sans-serif;
  text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;border:1.5px solid transparent}
.sk-btn:active{transform:scale(.97)}
.sk-btn.gold{background:var(--secondary-color,#E67E22);color:#fff;border-color:var(--secondary-color,#E67E22)}
.sk-btn.gold:hover{background:var(--secondary-color-dark,#d35400);color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.25)}
.sk-btn.glass{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(6px)}
.sk-btn.glass:hover{background:rgba(255,255,255,.24);color:#fff}
.sk-btn:focus-visible,.sk-ctrl button:focus-visible,.sk-hero-info:focus-visible{outline:3px solid #ffd98a;outline-offset:2px}
/* caption steps aside so the photographs can be seen */
.sk-hero.quiet .sk-hero-in{opacity:0;transform:translateY(16px);pointer-events:none}
.sk-hero.quiet .sk-hero-shade{opacity:.15}
.sk-hero-info{position:absolute;z-index:3;left:24px;bottom:78px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 15px;border-radius:999px;
  border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.42);backdrop-filter:blur(6px);color:#fff;font:600 13.5px Roboto,system-ui,sans-serif;cursor:pointer;
  opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .5s .4s,transform .5s .4s}
.sk-hero-info i{color:#ffd98a}
.sk-hero.quiet .sk-hero-info{opacity:1;transform:none;pointer-events:auto}
@media (min-width:1290px){.sk-hero-info{left:calc((100vw - 1240px)/2 + 24px)}}
/* control bar: photo caption + prev / count / next / pause */
.sk-ctrl{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px 24px 14px;
  background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}
.sk-ctrl-in{width:100%;max-width:1240px;margin:0 auto;display:flex;align-items:center;gap:8px}
.sk-cap{flex:1;min-width:0;margin:0;font:500 14px/1.4 Roboto,system-ui,sans-serif;color:#f1f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  transition:opacity .4s}
.sk-cap i{color:#ffd98a;margin-right:6px}
.sk-count{font:600 13px Roboto,system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#fff;padding:0 4px;white-space:nowrap}
.sk-ctrl button{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:rgba(0,0,0,.35);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.sk-ctrl button:hover{background:rgba(0,0,0,.6)}
.sk-hero-in>*{animation:skUp .8s cubic-bezier(.22,1,.36,1) both}
.sk-hero-in>*:nth-child(2){animation-delay:.12s}.sk-hero-in>*:nth-child(3){animation-delay:.24s}.sk-hero-in>*:nth-child(4){animation-delay:.36s}
@keyframes skUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media (max-width:768px){
  .sk-hero{min-height:540px}
  .sk-hero-in{padding:40px 16px 118px}
  .sk-hero-shade{background:linear-gradient(0deg,rgba(0,15,32,.94) 12%,rgba(0,25,50,.55) 62%,rgba(0,25,50,.2))}
  .sk-hero-info{left:16px;bottom:70px}
  .sk-ctrl{padding:8px 12px 10px}
  .sk-cap{font-size:12.5px}
  .sk-ctrl [data-sk-prev],.sk-ctrl [data-sk-next]{display:none}
}
@media (prefers-reduced-motion:reduce){
  .sk-slide,.sk-hero-in,.sk-hero-shade,.sk-hero-info{transition:none}
  .sk-slide.on img,.sk-hero-in>*{animation:none}
}

/* original slide timer bar sits at the very bottom, above the control bar */
.sk-hero .slide-timer{z-index:4}

/* mandate tags under the Hindi title (replaced the English headline, 2026-11-01) */
.sk-title .h-hi{font-size:clamp(30px,4vw,50px);line-height:1.3}
.sk-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.sk-tags a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:999px;background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;font:600 15px/1.2 Roboto,system-ui,sans-serif;backdrop-filter:blur(6px);
  transition:background .2s,transform .2s,border-color .2s}
.sk-tags a i{color:#ffd98a}
.sk-tags a [lang="hi"]{font-family:'Tiro Devanagari Hindi',serif;font-weight:400;font-size:16px}
.sk-tags a:hover{background:rgba(255,255,255,.26);border-color:#ffd98a;transform:translateY(-2px);color:#fff}
.sk-tags a:focus-visible{outline:3px solid #ffd98a;outline-offset:2px}
.sk-hero-in>*:nth-child(5){animation-delay:.48s}
@media (max-width:768px){.sk-tags{gap:8px}.sk-tags a{min-height:40px;padding:7px 12px;font-size:14px}}
.sk-hero-in>.sk-title{max-width:980px}

/* slide 1: campus video (YouTube, muted, no controls) with a still frame until it plays */
.sk-video{background:#000}
.sk-video .sk-yt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}
.sk-video .sk-yt iframe{width:100%;height:100%;border:0;display:block}
.sk-video .sk-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;filter:blur(3px) brightness(.9);transform:scale(1.06);
  transition:opacity .9s ease;animation:none!important}
.sk-video.playing .sk-poster{opacity:0}
.sk-video.no-video .sk-poster{filter:none}