@media (min-width: 769px) and (max-width: 992px) {
  .navbar { padding-inline: 20px; }
  .nav-right { max-height: calc(100vh - 110px); overflow-y: auto; }

  .intro-video-container,
  .about-grid,
  .outcomes-layout,
  .premium-updates-layout,
  .contact-wrap {
    grid-template-columns: 1fr;
  }

  .focus-zigzag-row,
  .focus-zigzag-row.reverse,
  #skill-development {
    grid-template-columns: minmax(250px, 0.8fr) minmax(0, 1.2fr);
    gap: 34px;
  }

  .focus-zigzag-row.reverse .focus-zigzag-text { order: 2; }
  .focus-zigzag-row.reverse .focus-zigzag-image { order: 1; }
}

@media (max-width: 768px) {
  :root {
    --mobile-gutter: 16px;
    --mobile-radius: 20px;
    --mobile-section-space: 42px;
    --mobile-shadow: 0 12px 30px rgba(0, 51, 102, 0.09);
  }

  html {
    width: 100%;
    max-width: 100%;
    scroll-padding-top: 78px;
    overflow-x: hidden;
  }

  body {
    width: 100%;
    max-width: 100%;
    padding-bottom: 0 !important;
    overflow-x: hidden;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

  img,
  iframe,
  video,
  svg { max-width: 100%; }

  p { overflow-wrap: break-word; }

  .reveal,
  .section-title,
  .intro-heading,
  .outcome-main-title {
    opacity: 1 !important;
    transform: none !important;
  }

  .site-header {
    position: sticky;
    top: 0;
    z-index: 2000;
    background: rgba(255, 255, 255, 0.98);
    border-bottom: 1px solid rgba(0, 51, 102, 0.08);
    box-shadow: 0 6px 20px rgba(0, 35, 70, 0.08);
    backdrop-filter: blur(14px);
  }

  .navbar {
    min-height: 60px;
    padding: 8px var(--mobile-gutter);
    flex-wrap: nowrap;
    gap: 10px;
  }

  .nav-left {
    max-width: calc(100% - 52px);
    gap: 10px;
  }

  .brand-logo.iitb img {
    width: 38px !important;
    height: 38px !important;
  }

  .brand-logo.honeywell img {
    width: 74px !important;
    height: auto !important;
  }

  .brand-divider {
    height: 29px !important;
    opacity: 0.8;
  }

  .menu-toggle {
    display: inline-flex !important;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-left: auto;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 51, 102, 0.08) !important;
    border-radius: 12px;
    background: #f1f9f9 !important;
    color: #003366 !important;
    font-size: 1.28rem !important;
    line-height: 1;
  }

  .nav-right {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: var(--mobile-gutter) !important;
    right: var(--mobile-gutter) !important;
    width: auto !important;
    max-height: calc(100vh - 92px);
    overflow-y: auto;
    display: none !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 4px !important;
    padding: 10px !important;
    border: 1px solid rgba(0, 51, 102, 0.09) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.99) !important;
    box-shadow: 0 20px 48px rgba(0, 35, 70, 0.19) !important;
  }

  .navbar.mobile-nav-open .nav-right { display: flex !important; }

  .nav-link {
    width: 100%;
    min-height: 45px;
    padding: 12px 14px !important;
    display: flex;
    align-items: center;
    border-radius: 12px !important;
    font-size: 0.94rem !important;
    font-weight: 700 !important;
  }

  .nav-link.active,
  .nav-link:hover,
  .nav-link.active-section {
    background: rgba(0, 168, 168, 0.1) !important;
    color: #008f96 !important;
  }

  .nav-dropdown { width: 100% !important; display: block !important; }

  .dropdown-menu {
    position: static !important;
    width: 100%;
    min-width: 0 !important;
    margin-top: 3px;
    padding: 5px !important;
    display: none;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(0, 168, 168, 0.045) !important;
    box-shadow: none !important;
  }

  .nav-dropdown.open .dropdown-menu { display: block !important; }

  .dropdown-menu a {
    min-height: 42px;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center;
    border-radius: 10px;
    font-size: 0.86rem !important;
    line-height: 1.35;
  }

  .hackathon-strip {
    min-height: 35px;
    padding: 8px 12px !important;
    border-bottom-width: 1px !important;
  }

  .hackathon-strip a {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-size: 0.72rem !important;
    line-height: 1.35;
    letter-spacing: 0.08px !important;
  }
  .content-section,
  .intro-video-section,
  #our-focus,
  #planned-outcomes,
  #updates,
  .section,
  .focus-zigzag-section,
  .events-section {
    padding-left: var(--mobile-gutter) !important;
    padding-right: var(--mobile-gutter) !important;
  }

  .content-section,
  .intro-video-section,
  #our-focus,
  #planned-outcomes,
  #updates,
  .section {
    padding-top: var(--mobile-section-space) !important;
    padding-bottom: var(--mobile-section-space) !important;
  }

  .section-title,
  .intro-heading,
  .outcome-mobile-title,
  .contact-faq-title {
    font-size: clamp(1.6rem, 7vw, 2rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.04em !important;
  }

  .section-text,
  .intro-text,
  .outcome-mobile-text,
  .about-text p,
  .vm-block p,
  .faculty-content p,
  .events-hero p,
  .top-writeup p,
  .location-desc,
  .focus-hero-text,
  .focus-zigzag-text p,
  .contact-info-text,
  .contact-faq-answer {
    font-size: 0.92rem !important;
    line-height: 1.62 !important;
  }

  .hero-single {
    min-height: 440px !important;
    height: auto !important;
    max-height: none !important;
    padding: 42px 0 38px !important;
    align-items: center !important;
  }

  .hero-bg img {
    transform: scale(1.04) !important;
    object-position: 58% center !important;
  }

  .hero-overlay {
    background:
      linear-gradient(180deg, rgba(0, 22, 45, 0.58) 0%, rgba(0, 36, 72, 0.78) 44%, rgba(0, 18, 38, 0.94) 100%) !important;
  }

  .hero-cinematic-layer { opacity: 0.55; }

  .hero-single-content {
    width: auto !important;
    max-width: 560px;
    margin: 0 var(--mobile-gutter) !important;
    align-self: flex-end;
  }

  .hero-tag {
    margin-bottom: 11px !important;
    padding: 6px 9px !important;
    font-size: 0.62rem !important;
    line-height: 1.25;
    letter-spacing: 0.35px !important;
  }

  .hero-title {
    max-width: 100% !important;
    margin-bottom: 12px !important;
    font-size: clamp(1.75rem, 8.5vw, 2.35rem) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.045em !important;
  }

  .hero-subtitle {
    max-width: 96% !important;
    font-size: 0.94rem !important;
    line-height: 1.58 !important;
  }

  .hero-actions {
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px !important;
  }

  .hero-actions .hero-btn {
    width: 100%;
    min-width: 0 !important;
    min-height: 46px;
    padding: 11px 12px !important;
    border-radius: 14px !important;
    font-size: 0.84rem !important;
    text-align: center;
  }

  .hero-btn-outline { display: inline-flex !important; }

  .intro-video-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
  }

  .intro-media {
    width: 100%;
    min-height: 0 !important;
    aspect-ratio: 16 / 9;
    border-radius: var(--mobile-radius) !important;
  }

  .intro-media iframe {
    width: 100%;
    height: 100%;
    min-height: 0 !important;
  }

  .intro-content .intro-text:nth-of-type(2) { display: block !important; }
  .intro-content .intro-text + .intro-text { margin-top: 12px; }

  .focus-heading-wrap {
    margin-bottom: 20px !important;
    text-align: left !important;
  }

  .focus-heading-wrap .section-title::after { margin-left: 0 !important; }
  .focus-heading-wrap .section-text {
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
  }

  .focus-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .flip-card {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    perspective: none !important;
  }

  .flip-card-inner {
    min-height: 0 !important;
    transform: none !important;
  }

  .flip-card-front,
  .flip-card-back {
    position: relative !important;
    inset: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    display: grid !important;
    grid-template-columns: 54px 1fr;
    column-gap: 14px;
    align-items: center !important;
    justify-items: start;
    text-align: left !important;
    border-radius: 18px !important;
    transform: none !important;
    backface-visibility: visible !important;
  }

  .flip-card-front { background: #fff !important; }
  .flip-card-back { display: none !important; }
  .flip-card.is-flipped .flip-card-front { display: none !important; }
  .flip-card.is-flipped .flip-card-back { display: grid !important; }

  .focus-icon-wrap {
    grid-row: 1 / span 3;
    width: 54px !important;
    height: 54px !important;
    margin: 0 !important;
  }

  .focus-icon-wrap img { width: 28px !important; height: 28px !important; }

  .flip-card-front h3,
  .flip-card-back h3 {
    margin: 0 0 5px !important;
    font-size: 1rem !important;
    line-height: 1.28 !important;
  }

  .flip-card-front p,
  .flip-card-back p {
    font-size: 0.84rem !important;
    line-height: 1.48 !important;
  }

  .flip-hint {
    margin-top: 7px !important;
    font-size: 0.64rem !important;
  }

  .outcomes-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .outcomes-left {
    padding: 20px !important;
    border-radius: var(--mobile-radius) !important;
  }

  .outcome-title-desktop,
  .outcome-text-desktop { display: none !important; }
  .outcome-mobile-title,
  .outcome-mobile-text { display: block !important; }

  .outcomes-stats-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  .outcome-stat-card,
  .outcome-stat-card:last-child {
    width: 100%;
    min-height: 0 !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: 44px 72px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    border-radius: 17px !important;
  }

  .outcome-icon-box {
    width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 14px !important;
  }

  .outcome-svg-icon { width: 26px !important; height: 26px !important; }
  .outcome-stat-number { margin: 0 !important; font-size: 1.42rem !important; }
  .outcome-stat-label { font-size: 0.86rem !important; line-height: 1.35 !important; }

  .updates-header { margin-bottom: 18px !important; }

  .premium-updates-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .premium-update-main {
    min-height: 0 !important;
    padding: 22px 18px !important;
    border-radius: var(--mobile-radius) !important;
  }

  .premium-update-main h3 { font-size: 1.35rem !important; }
  .premium-update-main p { font-size: 0.88rem !important; line-height: 1.58 !important; }

  .premium-update-footer {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .premium-update-meta {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding-bottom: 3px;
  }

  .premium-meta-chip { flex: 0 0 auto; }

  .premium-update-btn {
    width: 100%;
    min-height: 45px;
    border-radius: 13px !important;
  }

  .premium-updates-side {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .premium-update-mini {
    min-height: 0 !important;
    padding: 17px !important;
    border-radius: 17px !important;
  }
  .page-hero {
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 7;
  }

  .page-hero img {
    width: 100%;
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center;
  }

  .about-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .about-card,
  .about-image-wrap,
  .vm-wrap,
  .faculty-display {
    border-radius: var(--mobile-radius) !important;
  }

  .about-card { padding: 22px 18px !important; }
  .about-card::before { top: 20px !important; bottom: 20px !important; width: 3px !important; }
  .about-card-inner { padding-left: 11px !important; }
  .about-text .section-title { margin-bottom: 18px !important; }

  .about-slider,
  .about-slides,
  .about-slide,
  .about-slide img {
    min-height: 0 !important;
    height: 280px !important;
  }

  .about-slide-contain img { padding: 6px !important; }
  .about-arrow { width: 38px !important; height: 38px !important; }

  .vm-wrap { padding: 22px 18px !important; }
  .vm-header { margin-bottom: 4px !important; }
  .vm-block { padding: 17px 0 !important; }
  .vm-block h3 { font-size: 1.3rem !important; }

  .faculty-tabs {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    padding: 10px !important;
    overflow-x: auto;
    border-radius: 18px 18px 0 0 !important;
    scroll-snap-type: x mandatory;
  }

  .faculty-tab {
    flex: 0 0 auto;
    min-width: max-content;
    min-height: 43px;
    padding: 10px 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-size: 0.84rem !important;
    scroll-snap-align: start;
  }

  .faculty-panel.active {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
  }

  .faculty-image { min-height: 0 !important; }
  .faculty-image img {
    width: 100%;
    height: 300px !important;
    object-position: center top;
  }

  .faculty-content { padding: 22px 18px !important; }
  .faculty-content h3 { font-size: 1.45rem !important; }
  .faculty-role { font-size: 0.94rem; }
  .faculty-dept { font-size: 0.88rem; line-height: 1.45; }

  .faculty-links { display: grid !important; grid-template-columns: 1fr 1fr; gap: 9px !important; }
  .faculty-links a {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px !important;
    text-align: center;
  }

  .advisory-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px 12px !important;
  }

  .advisory-image {
    width: min(38vw, 142px) !important;
    height: min(38vw, 142px) !important;
    margin-bottom: 10px !important;
  }

  .advisory-name { font-size: 0.9rem !important; }
  .advisory-role { font-size: 0.8rem !important; }

  .team-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  .team-card,
  .team-card:nth-child(6) {
    width: 100% !important;
    margin: 0 !important;
    grid-column: auto !important;
    border-radius: 16px !important;
  }

  .team-card img { width: 100%; height: 190px !important; }
  .team-card h3 { padding: 12px 9px 4px !important; font-size: 0.9rem !important; }
  .team-role { padding: 0 9px 12px !important; font-size: 0.76rem !important; }

  .focus-hero {
    padding: 38px var(--mobile-gutter) 32px !important;
  }

  .focus-eyebrow { margin-bottom: 10px !important; font-size: 0.7rem !important; }

  .focus-hero h1 {
    max-width: 100%;
    font-size: clamp(2rem, 10.5vw, 2.75rem) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.055em !important;
  }

  .focus-zigzag-section { padding-top: 30px !important; padding-bottom: 48px !important; }
  .focus-zigzag-container { gap: 22px !important; }

  .focus-zigzag-row,
  .focus-zigzag-row.reverse,
  #skill-development {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 0 24px;
    border-radius: var(--mobile-radius);
    overflow: hidden;
    background: #fff;
    border: 1px solid rgba(0, 51, 102, 0.07);
    box-shadow: var(--mobile-shadow);
  }

  .focus-zigzag-row.reverse .focus-zigzag-image,
  .focus-zigzag-row.reverse .focus-zigzag-text { order: initial !important; }

  .focus-zigzag-row.reverse .focus-zigzag-image { order: 1 !important; }
  .focus-zigzag-row.reverse .focus-zigzag-text { order: 2 !important; }

  .focus-zigzag-row::after { display: none !important; }

  .focus-zigzag-image,
  #skill-development .focus-zigzag-image {
    width: 100% !important;
    max-width: none !important;
  }

  .focus-zigzag-image::before { display: none !important; }

  .focus-zigzag-image img,
  #skill-development .focus-zigzag-image img {
    width: 100% !important;
    height: 220px !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    box-shadow: none !important;
  }

  #skill-development .focus-zigzag-image img { object-position: 30% center !important; }

  .focus-zigzag-text,
  .focus-zigzag-row.reverse .focus-zigzag-text {
    width: 100%;
    max-width: none !important;
    padding: 20px 18px 0;
    justify-self: auto !important;
  }

  .focus-number {
    margin-bottom: 8px !important;
    font-size: 2.1rem !important;
    line-height: 1 !important;
  }

  .focus-zigzag-text h2 {
    margin-bottom: 10px !important;
    font-size: 1.42rem !important;
    line-height: 1.18 !important;
  }

  .focus-zigzag-text h2::after { margin-top: 10px !important; }

  .highlight-box {
    margin: 14px 0 16px !important;
    padding: 13px 14px !important;
    border-left-width: 4px !important;
    border-radius: 13px !important;
    font-size: 0.87rem !important;
    line-height: 1.5 !important;
  }

  .events-hero {
    padding: 34px var(--mobile-gutter) 28px !important;
    text-align: left !important;
  }

  .events-hero h1 {
    margin-bottom: 10px !important;
    font-size: clamp(1.9rem, 8vw, 2.35rem) !important;
  }

  .events-section { padding-top: 18px !important; padding-bottom: 34px !important; }

  .top-writeup,
  .location-block {
    padding: 20px 17px !important;
    margin-bottom: 16px !important;
    border-radius: var(--mobile-radius) !important;
  }

  .top-writeup h2 { font-size: 1.45rem !important; line-height: 1.2 !important; }
  .location-title { font-size: 1.35rem !important; }
  .location-desc { margin-bottom: 14px !important; }

  .photo-gallery {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }

  .photo-gallery img {
    width: 100%;
    height: 145px !important;
    border-radius: 13px !important;
    box-shadow: 0 6px 16px rgba(0, 51, 102, 0.08) !important;
  }

  .photo-gallery img:hover { transform: none !important; }

  .contact-page-hero {
    padding: 28px var(--mobile-gutter) 24px !important;
    text-align: left !important;
  }

  .contact-page-inner { max-width: none !important; }
  .contact-page-hero .section-title { margin-bottom: 8px !important; }
  .contact-page-hero .section-text { margin: 0 !important; }

  #contact-us {
    margin-top: 0 !important;
    padding: 18px var(--mobile-gutter) 36px !important;
  }

  .contact-wrap {
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 14px;
  }

  .contact-panel {
    min-height: 0 !important;
    border-radius: var(--mobile-radius);
    overflow: hidden;
    box-shadow: var(--mobile-shadow);
  }

  .contact-form-panel,
  .contact-info-panel { padding: 22px 18px !important; }

  .contact-form-heading {
    margin-bottom: 20px !important;
    font-size: 1.55rem !important;
    text-align: left !important;
  }

  .contact-form { gap: 17px !important; }
  .contact-field label { font-size: 0.9rem !important; }

  .contact-input,
  .contact-textarea {
    min-height: 46px;
    padding: 10px 2px 11px !important;
    font-size: 1rem !important;
  }

  .contact-textarea { min-height: 112px !important; }

  .contact-checkbox {
    gap: 10px !important;
    font-size: 0.86rem !important;
    line-height: 1.45;
  }

  .contact-checkbox input { width: 18px; height: 18px; }

  .contact-submit-btn {
    min-height: 48px;
    border-radius: 13px !important;
    font-size: 0.96rem !important;
  }

  .contact-info-panel { text-align: left !important; }
  .contact-info-block + .contact-info-block { margin-top: 20px !important; }

  .contact-map-panel,
  .contact-map-panel iframe {
    width: 100%;
    height: 260px !important;
    min-height: 260px !important;
    border-radius: var(--mobile-radius);
  }

  .contact-faq-wrap {
    margin-top: 18px !important;
    padding: 20px 16px !important;
    border-radius: var(--mobile-radius) !important;
  }

  .contact-faq-title { margin-bottom: 16px !important; text-align: left !important; }

  .contact-faq-list { gap: 10px !important; }
  .contact-faq-item { border-radius: 13px !important; }

  .contact-faq-question {
    min-height: 52px;
    padding: 14px 44px 14px 14px !important;
    font-size: 0.9rem !important;
    line-height: 1.4 !important;
  }

  .contact-faq-answer { padding: 0 14px 15px !important; }

  .faq-modal { padding: 12px !important; }
  .faq-content {
    width: 100% !important;
    max-height: 88dvh !important;
    padding: 24px 17px 18px !important;
    border-radius: 18px !important;
  }

  .faq-close {
    width: 38px !important;
    height: 38px !important;
    top: 12px !important;
    right: 12px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .faq-content h2,
  .faq-modal-title {
    padding-right: 42px;
    font-size: 1.35rem !important;
    line-height: 1.25;
  }
  .site-footer {
    padding: 30px var(--mobile-gutter) 22px !important;
  }

  .footer-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  .footer-brand-title { font-size: 0.98rem !important; }
  .footer-block { width: 100%; }

  .footer-heading,
  .footer-toggle {
    width: 100%;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .footer-links,
  .footer-collapse-panel { gap: 2px !important; }

  .footer-link {
    min-height: 39px;
    padding: 8px 0;
    display: flex;
    align-items: center;
  }

  .footer-bottom {
    margin-top: 18px !important;
    padding-top: 16px !important;
    flex-direction: column !important;
    gap: 5px !important;
  }

  .footer-left,
  .footer-right { font-size: 0.76rem !important; }

  .mobile-sticky-cta {
    left: var(--mobile-gutter) !important;
    right: var(--mobile-gutter) !important;
    bottom: 12px !important;
    min-height: 50px;
    padding: 12px 16px !important;
    border-radius: 16px !important;
  }
}
@media (max-width: 480px) {
  :root { --mobile-gutter: 14px; --mobile-section-space: 36px; }

  .brand-logo.iitb img { width: 36px !important; height: 36px !important; }
  .brand-logo.honeywell img { width: 69px !important; }

  .hero-single { min-height: 420px !important; }
  .hero-actions { grid-template-columns: 1fr !important; }
  .hero-actions .hero-btn { min-height: 45px; }

  .about-slider,
  .about-slides,
  .about-slide,
  .about-slide img { height: 235px !important; }

  .faculty-image img { height: 255px !important; }

  .advisory-grid { gap: 22px 10px !important; }
  .advisory-image { width: min(39vw, 128px) !important; height: min(39vw, 128px) !important; }

  .team-card img { height: 165px !important; }

  .focus-zigzag-image img,
  #skill-development .focus-zigzag-image img { height: 195px !important; }

  .photo-gallery img { height: 122px !important; }

  .outcome-stat-card,
  .outcome-stat-card:last-child {
    grid-template-columns: 42px 64px minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .outcome-stat-label { font-size: 0.8rem !important; }
}

@media (max-width: 360px) {
  .navbar { padding-inline: 11px !important; }
  .brand-logo.honeywell img { width: 62px !important; }
  .brand-divider { margin-inline: -2px; }

  .hero-title { font-size: 1.62rem !important; }
  .hero-subtitle { font-size: 0.88rem !important; }

  .team-grid { grid-template-columns: 1fr !important; }
  .team-card { max-width: 235px; margin-inline: auto !important; }
  .team-card img { height: 235px !important; }

  .photo-gallery { grid-template-columns: 1fr !important; }
  .photo-gallery img { height: 205px !important; }

  .outcome-stat-card,
  .outcome-stat-card:last-child {
    grid-template-columns: 40px 58px minmax(0, 1fr) !important;
    padding: 12px 10px !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

@media (max-width: 768px) {
  #advisory-council .advisory-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 14px 5px !important;
    width: 100% !important;
    margin-top: 20px !important;
    align-items: start;
  }

  #advisory-council .advisory-card {
    width: 100% !important;
    min-width: 0 !important;
  }

  #advisory-council .advisory-image {
    width: clamp(42px, 12.5vw, 76px) !important;
    height: clamp(42px, 12.5vw, 76px) !important;
    margin: 0 auto 7px !important;
    border-width: 1px !important;
  }

  #advisory-council .advisory-name {
    font-size: clamp(0.48rem, 1.65vw, 0.68rem) !important;
    line-height: 1.18 !important;
    padding: 0 1px;
    overflow-wrap: anywhere;
  }

  #advisory-council .advisory-role {
    margin-top: 3px;
    font-size: clamp(0.4rem, 1.4vw, 0.58rem) !important;
    line-height: 1.18 !important;
    padding: 0 1px;
    overflow-wrap: anywhere;
  }

  #team .team-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    justify-content: stretch !important;
    gap: 12px 8px !important;
    width: 100% !important;
    margin-top: 22px !important;
  }

  #team .team-card,
  #team .team-card:nth-child(6) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    border-radius: 13px !important;
  }

  #team .team-card img {
    width: 100% !important;
    height: clamp(115px, 34vw, 185px) !important;
    object-fit: cover !important;
    object-position: center top;
  }

  #team .team-card h3 {
    min-height: 34px;
    margin: 0 !important;
    padding: 8px 5px 3px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(0.66rem, 2.35vw, 0.86rem) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere;
  }

  #team .team-role {
    min-height: 43px;
    padding: 0 5px 9px !important;
    font-size: clamp(0.55rem, 1.9vw, 0.72rem) !important;
    line-height: 1.22 !important;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 360px) {
  #advisory-council .advisory-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 12px 3px !important;
  }

  #advisory-council .advisory-image {
    width: 42px !important;
    height: 42px !important;
  }

  #team .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px 6px !important;
  }

  #team .team-card {
    max-width: none !important;
    margin: 0 !important;
  }

  #team .team-card img {
    height: 108px !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {

  #leadership .faculty-display{
    overflow:hidden !important;
  }

  #leadership .faculty-panel{
    display:none !important;
    min-height:0 !important;
    height:auto !important;
    grid-template-columns:none !important;
  }

  #leadership .faculty-panel.active{
    display:flex !important;
    flex-direction:column !important;
  }

  #leadership .faculty-image{
    width:100% !important;
    height:320px !important;
    min-height:320px !important;
    flex:none !important;
    overflow:hidden !important;
    position:relative !important;
  }

  #leadership .faculty-image img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
    object-position:center 20% !important;
  }

  #leadership .faculty-content{
    width:100% !important;
    height:auto !important;
    position:relative !important;
    z-index:2 !important;
    margin:0 !important;
    padding:24px !important;
    background:#fff !important;
    transform:none !important;
  }

  #leadership .faculty-content h3{
    margin-top:0 !important;
  }
}

@media (max-width: 768px) {
 
  #leadership .faculty-display {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
  }

  #leadership .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    position: relative !important;
    inset: auto !important;
    grid-template-columns: none !important;
  }

  #leadership .faculty-panel.active {
    display: flex !important;
    flex-direction: column !important;
  }

  #leadership .faculty-image {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    position: relative !important;
    flex: 0 0 auto !important;
  }

  #leadership .faculty-image img {
    display: block !important;
    width: 100% !important;
    height: clamp(235px, 72vw, 320px) !important;
    min-height: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  #leadership .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    position: relative !important;
    z-index: 2 !important;
    background: #fff !important;
    transform: none !important;
    overflow-wrap: anywhere;
  }

  #advisory-council .advisory-grid {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 14px 5px !important;
    width: 100% !important;
    margin-top: 20px !important;
    align-items: start !important;
  }

  #advisory-council .advisory-card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #advisory-council .advisory-image {
    width: clamp(42px, 12vw, 76px) !important;
    height: clamp(42px, 12vw, 76px) !important;
    margin: 0 auto 7px !important;
    border-width: 1px !important;
  }

  #advisory-council .advisory-name {
    font-size: clamp(.47rem, 1.65vw, .68rem) !important;
    line-height: 1.18 !important;
    padding: 0 1px !important;
    overflow-wrap: anywhere !important;
  }

  #advisory-council .advisory-role {
    margin-top: 3px !important;
    font-size: clamp(.39rem, 1.38vw, .57rem) !important;
    line-height: 1.18 !important;
    padding: 0 1px !important;
    overflow-wrap: anywhere !important;
  }

  #team .team-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    justify-content: stretch !important;
    gap: 12px 6px !important;
    width: 100% !important;
    margin-top: 22px !important;
  }

  #team .team-card,
  #team .team-card:nth-child(6) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    grid-column: auto !important;
    border-radius: 12px !important;
  }

  #team .team-card:nth-child(6) {
    grid-column: 1 / span 1 !important;
  }

  #team .team-card img {
    display: block !important;
    width: 100% !important;
    height: clamp(82px, 23vw, 150px) !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  #team .team-card h3 {
    min-height: 31px !important;
    margin: 0 !important;
    padding: 7px 3px 3px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: clamp(.52rem, 1.75vw, .73rem) !important;
    line-height: 1.16 !important;
    overflow-wrap: anywhere !important;
  }

  #team .team-role {
    min-height: 39px !important;
    padding: 0 3px 8px !important;
    font-size: clamp(.44rem, 1.48vw, .62rem) !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 360px) {
  #advisory-council .advisory-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 11px 3px !important;
  }

  #advisory-council .advisory-image {
    width: 40px !important;
    height: 40px !important;
  }

  #team .team-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px 4px !important;
  }

  #team .team-card,
  #team .team-card:nth-child(6) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #team .team-card img {
    height: 76px !important;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  #leadership .faculty-display {
    width: 100% !important;
    overflow: hidden !important;
  }

  #leadership .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-height: 360px !important;
    height: auto !important;
    grid-template-columns: none !important;
  }

  #leadership .faculty-panel.active {
    display: grid !important;
    grid-template-columns: 320px minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  #leadership .faculty-image {
    width: 320px !important;
    min-width: 320px !important;
    height: 360px !important;
    min-height: 360px !important;
    overflow: hidden !important;
    position: relative !important;
  }

  #leadership .faculty-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  #leadership .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 28px !important;
    position: relative !important;
    background: #ffffff !important;
    transform: none !important;
  }
}

/* Actual phone layout */
@media (max-width: 768px) {
  #leadership .faculty-display {
    width: 100% !important;
    overflow: hidden !important;
  }

  #leadership .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-columns: none !important;
  }

  #leadership .faculty-panel.active {
    display: flex !important;
    flex-direction: column !important;
  }

  #leadership .faculty-image {
    width: 100% !important;
    min-width: 0 !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    flex: 0 0 250px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #eef3f5 !important;
  }

  #leadership .faculty-image img {
    display: block !important;
    width: 100% !important;
    height: 250px !important;
    min-height: 250px !important;
    max-height: 250px !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  #leadership .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 20px 18px !important;
    position: relative !important;
    background: #ffffff !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  #leadership .faculty-image,
  #leadership .faculty-image img {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }

  #leadership .faculty-image {
    flex-basis: 220px !important;
  }
}

@media (min-width: 769px) and (max-width: 992px) {
  .faculty-display {
    width: 100% !important;
    overflow: hidden !important;
  }

  .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 340px !important;
    height: auto !important;
    grid-template-columns: none !important;
  }

  .faculty-panel.active {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  .faculty-image {
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    overflow: hidden !important;
    position: relative !important;
    flex: none !important;
  }

  .faculty-image img {
    display: block !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 26px !important;
    position: relative !important;
    background: #ffffff !important;
    transform: none !important;
  }
}

@media (max-width: 768px) {
  .faculty-display {
    width: 100% !important;
    overflow: hidden !important;
  }

  .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    grid-template-columns: none !important;
  }

  .faculty-panel.active {
    display: flex !important;
    flex-direction: column !important;
  }

  .faculty-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    flex: 0 0 230px !important;
    overflow: hidden !important;
    position: relative !important;
    background: #eef3f5 !important;
  }

  .faculty-image img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 230px !important;
    min-height: 230px !important;
    max-height: 230px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 20px 18px !important;
    position: relative !important;
    background: #ffffff !important;
    transform: none !important;
  }
}

@media (max-width: 480px) {
  .faculty-image,
  .faculty-image img {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
  }

  .faculty-image {
    flex-basis: 200px !important;
  }
}
@media (max-width: 992px) {

  .faculty-tabs {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    padding: 10px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }

  .faculty-tab {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
  }

  .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    position: relative !important;
    inset: auto !important;
  }

  .faculty-panel.active {
    display: grid !important;
    grid-template-columns: minmax(125px, 36%) minmax(0, 64%) !important;
    align-items: stretch !important;
  }

  .faculty-image {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 310px !important;
    max-height: none !important;
    overflow: hidden !important;
    position: relative !important;
    flex: none !important;
    background: #eef3f5 !important;
  }

  .faculty-image img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 310px !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 310px !important;
    margin: 0 !important;
    padding: 22px 18px !important;
    position: relative !important;
    z-index: 2 !important;
    background: #ffffff !important;
    transform: none !important;
    overflow-wrap: anywhere !important;
  }

  .faculty-content h3 {
    margin: 0 0 7px !important;
    font-size: clamp(1.15rem, 3.8vw, 1.65rem) !important;
    line-height: 1.18 !important;
  }

  .faculty-role {
    margin-bottom: 5px !important;
    font-size: clamp(0.82rem, 2.6vw, 1rem) !important;
    line-height: 1.3 !important;
  }

  .faculty-department,
  .faculty-content p {
    font-size: clamp(0.75rem, 2.25vw, 0.94rem) !important;
    line-height: 1.48 !important;
  }

  .faculty-links {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin-top: 14px !important;
  }

  .faculty-link {
    width: 100% !important;
    min-height: 40px !important;
    padding: 9px 10px !important;
    font-size: 0.78rem !important;
  }
}

@media (max-width: 480px) {
  .faculty-panel.active {
    grid-template-columns: minmax(105px, 34%) minmax(0, 66%) !important;
  }

  .faculty-image,
  .faculty-image img,
  .faculty-content {
    min-height: 285px !important;
  }

  .faculty-content {
    padding: 16px 12px !important;
  }

  .faculty-content h3 {
    font-size: 1.05rem !important;
  }

  .faculty-role {
    font-size: 0.78rem !important;
  }

  .faculty-department,
  .faculty-content p {
    font-size: 0.7rem !important;
    line-height: 1.42 !important;
  }

  .faculty-links {
    gap: 7px !important;
    margin-top: 10px !important;
  }

  .faculty-link {
    min-height: 36px !important;
    padding: 7px 6px !important;
    font-size: 0.68rem !important;
  }
}
@media (max-width: 768px) {
  #leadership .faculty-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  #leadership .faculty-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 16px 16px 0 0 !important;
  }

  #leadership .faculty-tab {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 4px !important;
    border-right: 1px solid rgba(0, 51, 102, 0.08) !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-align: center !important;
    font-size: clamp(0.52rem, 2.15vw, 0.7rem) !important;
    line-height: 1.2 !important;
  }

  #leadership .faculty-tab:last-child {
    border-right: 0 !important;
  }

  #leadership .faculty-display {
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 0 0 18px 18px !important;
  }

  #leadership .faculty-panel {
    display: none !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 340px !important;
    height: auto !important;
    position: relative !important;
    inset: auto !important;
  }

  #leadership .faculty-panel.active {
    display: grid !important;
    grid-template-columns: 40% minmax(0, 60%) !important;
    align-items: stretch !important;
  }

  #leadership .faculty-image {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 340px !important;
    overflow: hidden !important;
    background: #eef5fa !important;
  }

  #leadership .faculty-image img {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 340px !important;
    object-fit: cover !important;
    object-position: center top !important;
  }

  #leadership .faculty-content {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 340px !important;
    margin: 0 !important;
    padding: 15px 11px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background: #fff !important;
    overflow-wrap: anywhere !important;
  }

  #leadership .faculty-content h3 {
    margin: 0 0 5px !important;
    font-size: clamp(0.9rem, 3.8vw, 1.12rem) !important;
    line-height: 1.18 !important;
  }

  #leadership .faculty-role {
    margin-bottom: 4px !important;
    font-size: 0.72rem !important;
    line-height: 1.3 !important;
  }

  #leadership .faculty-dept {
    margin-bottom: 7px !important;
    font-size: 0.64rem !important;
    line-height: 1.35 !important;
  }

  #leadership .faculty-content p {
    margin-bottom: 8px !important;
    font-size: 0.63rem !important;
    line-height: 1.4 !important;
  }

  #leadership .faculty-links {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  #leadership .faculty-links a {
    width: 100% !important;
    min-height: 32px !important;
    padding: 7px 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 0.62rem !important;
  }
}

@media (max-width: 390px) {
  #leadership .faculty-tab {
    padding: 9px 2px !important;
    font-size: 0.5rem !important;
  }

  #leadership .faculty-panel,
  #leadership .faculty-image,
  #leadership .faculty-image img,
  #leadership .faculty-content {
    min-height: 360px !important;
  }

  #leadership .faculty-panel.active {
    grid-template-columns: 39% minmax(0, 61%) !important;
  }

  #leadership .faculty-content {
    padding: 13px 8px !important;
  }

  #leadership .faculty-content h3 {
    font-size: 0.88rem !important;
  }

  #leadership .faculty-role {
    font-size: 0.66rem !important;
  }

  #leadership .faculty-dept,
  #leadership .faculty-content p {
    font-size: 0.58rem !important;
  }

  #leadership .faculty-links a {
    min-height: 30px !important;
    font-size: 0.58rem !important;
  }
}

@media (max-width:768px){
  .focus-zigzag-row,
  .focus-zigzag-row.reverse,
  #skill-development{
    display:grid !important;
    grid-template-columns:120px 1fr !important;
    align-items:center !important;
    gap:16px !important;
    padding:18px !important;
  }

  .focus-zigzag-image,
  #skill-development .focus-zigzag-image{
    width:120px !important;
    max-width:120px !important;
  }

  .focus-zigzag-image img,
  #skill-development .focus-zigzag-image img{
    width:120px !important;
    height:120px !important;
    border-radius:16px !important;
    object-fit:cover !important;
    object-position:center !important;
    box-shadow:0 8px 20px rgba(0,0,0,.12)!important;
  }

  .focus-zigzag-text{
    width:100% !important;
    padding:0 !important;
  }
}

@media (max-width:480px){
  .focus-zigzag-row,
  .focus-zigzag-row.reverse,
  #skill-development{
    grid-template-columns:100px 1fr !important;
    gap:12px !important;
  }

  .focus-zigzag-image,
  #skill-development .focus-zigzag-image{
    width:100px !important;
    max-width:100px !important;
  }

  .focus-zigzag-image img,
  #skill-development .focus-zigzag-image img{
    width:100px !important;
    height:100px !important;
  }
}