/*
 * Bhavans School Suite v1.7.40
 * Isolated Eikra-inspired homepage Staff + Campus Gallery sections.
 * No selectors in this file target legacy homepage components.
 */
.bss-eikra-staff,
.bss-eikra-gallery{
  --eikra-navy:#002147;
  --eikra-gold:#fdc800;
  --eikra-text:#222;
  --eikra-muted:#666;
  --eikra-border:#e1e5ea;
  font-family:"Roboto","Helvetica Neue",Arial,sans-serif;
}

.bss-eikra-staff{background:#fff;padding:72px 0 74px;overflow:hidden}
.bss-eikra-staff__head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:42px}
.bss-eikra-staff__head h2,
.bss-eikra-gallery__head h2{margin:0;color:var(--eikra-navy);font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-.015em}
.bss-eikra-staff__intro{min-width:0;max-width:760px}
.bss-eikra-staff__intro p{margin:12px 0 0;color:#333;font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;font-weight:400}
.bss-eikra-staff__actions{display:flex;align-items:center;gap:18px}
.bss-eikra-staff__all{font-size:14px;font-weight:500;color:var(--eikra-navy);text-decoration:none;white-space:nowrap}
.bss-eikra-staff__all:hover,.bss-eikra-staff__all:focus-visible{color:#0c4a7d;text-decoration:underline;text-underline-offset:4px}
.bss-eikra-arrows{display:flex;gap:5px}
.bss-eikra-arrows button{width:29px;height:29px;padding:0;border:0;border-radius:0;background:var(--eikra-gold);color:#fff;font:500 26px/26px Arial,sans-serif;display:grid;place-items:center;cursor:pointer;transition:background-color .18s ease,transform .18s ease}
.bss-eikra-arrows button:hover{background:#e2b400}
.bss-eikra-arrows button:active{transform:translateY(1px)}
.bss-eikra-arrows button:focus-visible{outline:3px solid rgba(0,33,71,.28);outline-offset:3px}
.bss-eikra-arrows button:disabled{opacity:.35;cursor:default}
.bss-eikra-staff__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.bss-eikra-staff__viewport::-webkit-scrollbar{display:none}
.bss-eikra-staff__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 54px)/4);gap:18px;min-width:100%}
.bss-eikra-staff-card{min-width:0;scroll-snap-align:start;background:#fff;color:var(--eikra-text)}
.bss-eikra-staff-card__media{width:100%;aspect-ratio:4/5;background:#eef1f4;overflow:hidden;margin-bottom:17px}
.bss-eikra-staff-card__media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%}
.bss-eikra-staff-card__placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#edf1f5,#dce4ec);color:var(--eikra-navy)}
.bss-eikra-staff-card__placeholder b{font-size:42px;line-height:1;font-weight:500;letter-spacing:.04em}
.bss-eikra-staff-card__placeholder small{margin-top:10px;font-size:12px;line-height:1.3;font-weight:400;text-transform:uppercase;letter-spacing:.13em;color:#6b7785}
.bss-eikra-staff-card h3{margin:0 0 6px;color:#181818;font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:21px;line-height:1.28;font-weight:500;overflow-wrap:anywhere}
.bss-eikra-staff-card p{margin:0;color:var(--eikra-muted);font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.5;font-weight:400}
.bss-eikra-staff-card__accent{display:block;width:44px;height:3px;margin-top:13px;background:var(--eikra-gold)}

.bss-eikra-gallery{background:#fff;padding:76px 0 88px;border-bottom:2px solid var(--eikra-gold)}
.bss-eikra-gallery__head{text-align:center;max-width:960px;margin:0 auto 54px}
.bss-eikra-gallery__head p{max-width:940px;margin:21px auto 0;color:#333;font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.55;font-weight:400}
.bss-eikra-gallery__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin:0 0 44px}
.bss-eikra-gallery__filters button{min-height:43px;padding:0 28px;border:1px solid var(--eikra-border);border-radius:0;background:#fff;color:var(--eikra-navy);font-family:"Roboto","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1;font-weight:500;text-transform:uppercase;letter-spacing:.01em;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.bss-eikra-gallery__filters button:hover{border-color:#b9c2cc;background:#f7f8fa}
.bss-eikra-gallery__filters button.is-active{border-color:var(--eikra-navy);background:var(--eikra-navy);color:#fff}
.bss-eikra-gallery__filters button:focus-visible{outline:3px solid rgba(253,200,0,.55);outline-offset:2px}
.bss-eikra-gallery__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.bss-eikra-gallery__item{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;background:#edf1f4}
.bss-eikra-gallery__item[hidden]{display:none!important}
.bss-eikra-gallery__item a{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.bss-eikra-gallery__item img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.bss-eikra-gallery__caption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;background:linear-gradient(to top,rgba(0,33,71,.82),rgba(0,33,71,0));color:#fff;font-size:14px;line-height:1.35;font-weight:500;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}
.bss-eikra-gallery__item:hover img,.bss-eikra-gallery__item:focus-within img{transform:scale(1.035)}
.bss-eikra-gallery__item:hover .bss-eikra-gallery__caption,.bss-eikra-gallery__item:focus-within .bss-eikra-gallery__caption{opacity:1;transform:none}
.bss-eikra-gallery__empty{max-width:760px;margin:0 auto;padding:34px 24px;border:1px solid var(--eikra-border);border-top:3px solid var(--eikra-gold);text-align:center;background:#f8f9fb}
.bss-eikra-gallery__empty strong{display:block;color:var(--eikra-navy);font-size:20px;line-height:1.35;font-weight:500}
.bss-eikra-gallery__empty span{display:block;margin-top:8px;color:var(--eikra-muted);font-size:14px;line-height:1.55;font-weight:400}
.bss-eikra-gallery__action{text-align:center;margin-top:32px}
.bss-eikra-gallery__action a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;background:var(--eikra-navy);color:#fff;text-decoration:none;font-size:14px;font-weight:500}
.bss-eikra-gallery__action a:hover,.bss-eikra-gallery__action a:focus-visible{background:#0c4a7d}
.bss-eikra-gallery__action a:focus-visible{outline:3px solid rgba(253,200,0,.55);outline-offset:3px}

@media (max-width:980px){
  .bss-eikra-staff{padding:62px 0}
  .bss-eikra-staff__track{grid-auto-columns:calc((100% - 18px)/2)}
  .bss-eikra-gallery{padding:64px 0 72px}
  .bss-eikra-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bss-eikra-gallery__filters button{padding:0 20px}
}

@media (max-width:620px){
  .bss-eikra-staff{padding:48px 0 52px}
  .bss-eikra-staff__head{align-items:flex-end;margin-bottom:28px}
  .bss-eikra-staff__head h2,.bss-eikra-gallery__head h2{font-size:27px;line-height:1.22}
  .bss-eikra-staff__all{display:none}
  .bss-eikra-staff__track{grid-auto-columns:84%;gap:14px}
  .bss-eikra-staff-card h3{font-size:20px}
  .bss-eikra-gallery{padding:52px 0 58px}
  .bss-eikra-gallery__head{margin-bottom:34px}
  .bss-eikra-gallery__head p{margin-top:15px;font-size:14px;line-height:1.55}
  .bss-eikra-gallery__filters{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;margin-bottom:28px;scrollbar-width:none}
  .bss-eikra-gallery__filters::-webkit-scrollbar{display:none}
  .bss-eikra-gallery__filters button{flex:0 0 auto;min-height:41px;padding:0 18px;font-size:14px}
  .bss-eikra-gallery__grid{grid-template-columns:1fr;gap:8px}
  .bss-eikra-gallery__item{aspect-ratio:16/10}
  .bss-eikra-gallery__caption{opacity:1;transform:none;padding:24px 14px 11px}
}

@media (prefers-reduced-motion:reduce){
  .bss-eikra-arrows button,.bss-eikra-gallery__item img,.bss-eikra-gallery__caption{transition:none}
  .bss-eikra-staff__viewport{scroll-behavior:auto}
}