/* PHANTASM'27 — MOBILE HOMEPAGE SINGLE SOURCE OF TRUTH
   The runtime moves the real React nodes into one shell.
   This file controls that shell only; desktop is untouched.
*/

@media (max-width:768px){
  .hero{min-height:0 !important;height:auto !important;padding:0 !important;overflow:hidden !important;}
  .hero > .wrap{width:100% !important;max-width:560px !important;margin:0 auto !important;padding:0 !important;transform:none !important;display:block !important;}
  .phantasm-mobile-rebuilt .hero > .wrap > :not(.phantasm-mobile-hero-shell){display:none !important;}

  /* Re-enable the real nodes moved into the clean shell. */
  .phantasm-mobile-rebuilt .phantasm-mobile-hero-institution{display:grid !important;}
  .phantasm-mobile-rebuilt .phantasm-mobile-hero-presents{display:block !important;}
  .phantasm-mobile-rebuilt .phantasm-mobile-hero-title{display:block !important;}
  .phantasm-mobile-rebuilt .phantasm-mobile-hero-description{display:block !important;}
  .phantasm-mobile-rebuilt .phantasm-mobile-hero-actions{display:grid !important;}

  .phantasm-mobile-hero-shell{
    width:100% !important;max-width:560px !important;margin:0 auto !important;padding:16px 14px 28px !important;box-sizing:border-box !important;
    display:flex !important;flex-direction:column !important;align-items:center !important;text-align:center !important;gap:0 !important;position:relative !important;z-index:50 !important;
  }
  .phantasm-mobile-hero-institution{
    width:100% !important;max-width:510px !important;margin:0 auto !important;padding:0 !important;display:grid !important;
    grid-template-columns:42px minmax(0,1fr) 42px !important;gap:8px !important;align-items:center !important;position:static !important;transform:none !important;
  }
  .phantasm-mobile-hero-institution .inst-logo,.phantasm-mobile-hero-institution img{
    width:36px !important;height:36px !important;margin:0 auto !important;position:static !important;transform:none !important;object-fit:contain !important;display:block !important;
  }
  .phantasm-mobile-hero-institution .inst-text{width:100% !important;margin:0 !important;padding:0 !important;text-align:center !important;}
  .phantasm-mobile-hero-institution .inst-text::before{display:none !important;content:none !important;}
  .phantasm-mobile-hero-institution .inst-college{
    width:100% !important;margin:0 !important;color:#f0cf8b !important;font-family:'EB Garamond',Georgia,serif !important;
    font-size:clamp(1.25rem,6.2vw,1.7rem) !important;font-weight:700 !important;line-height:1.05 !important;letter-spacing:.005em !important;text-align:center !important;text-wrap:balance !important;
  }
  .phantasm-mobile-hero-institution .inst-dept{
    width:100% !important;margin:7px 0 0 !important;color:#cdbf9e !important;font-family:'Source Sans 3',Arial,sans-serif !important;
    font-size:clamp(.68rem,3.1vw,.82rem) !important;font-weight:600 !important;line-height:1.3 !important;letter-spacing:.11em !important;text-align:center !important;text-transform:uppercase !important;
  }
  .phantasm-mobile-hero-presents{
    margin:20px 0 4px !important;color:#d9a441 !important;font-family:'Source Sans 3',Arial,sans-serif !important;font-size:clamp(.7rem,3.1vw,.86rem) !important;
    font-weight:800 !important;letter-spacing:.24em !important;line-height:1 !important;text-transform:uppercase !important;
  }
  .phantasm-mobile-hero-title{
    margin:0 !important;color:#f3e6c8 !important;font-family:'Source Sans 3',Arial,sans-serif !important;font-size:clamp(1.55rem,8vw,2.25rem) !important;
    font-weight:900 !important;letter-spacing:.018em !important;line-height:1 !important;text-align:center !important;
  }
  .phantasm-mobile-hero-rule{width:54px !important;height:1px !important;margin:10px auto 10px !important;background:linear-gradient(90deg,transparent,#d9a441,transparent) !important;}
  .phantasm-mobile-hero-art{
    width:min(95vw,500px) !important;max-width:100% !important;max-height:27svh !important;height:auto !important;margin:0 auto !important;display:block !important;
    object-fit:contain !important;object-position:center !important;position:static !important;transform:none !important;animation:none !important;filter:drop-shadow(0 8px 20px rgba(217,164,65,.16)) !important;
  }
  .phantasm-mobile-hero-description{
    width:min(100%,500px) !important;margin:12px auto 0 !important;color:#cdbf9e !important;font-family:'Source Sans 3',Arial,sans-serif !important;
    font-size:clamp(.76rem,3.45vw,.9rem) !important;font-weight:400 !important;line-height:1.5 !important;letter-spacing:.01em !important;text-align:center !important;
  }
  .phantasm-mobile-hero-actions{
    width:min(100%,390px) !important;margin:17px auto 0 !important;display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;
  }
  .phantasm-mobile-hero-actions a,.phantasm-mobile-hero-actions button{
    width:100% !important;min-height:48px !important;margin:0 !important;padding:10px 12px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;
    border-radius:9px !important;font-family:'Source Sans 3',Arial,sans-serif !important;font-size:.72rem !important;font-weight:800 !important;letter-spacing:.055em !important;text-transform:uppercase !important;text-decoration:none !important;position:relative !important;z-index:60 !important;
  }
  .phantasm-mobile-hero-actions .primary{color:#211706 !important;background:linear-gradient(180deg,#f0cf8b,#d9a441) !important;border:1px solid #d9a441 !important;}
  .phantasm-mobile-hero-actions .secondary{color:#f0cf8b !important;background:rgba(217,164,65,.03) !important;border:1px solid rgba(217,164,65,.42) !important;}
  .phantasm-mobile-hero-date{margin:8px 0 0 !important;color:#f3e6c8 !important;font-family:'Source Sans 3',Arial,sans-serif !important;font-size:clamp(1rem,4.9vw,1.25rem) !important;font-weight:800 !important;line-height:1.1 !important;letter-spacing:.025em !important;text-transform:uppercase !important;}
  .phantasm-mobile-hero-countdown{width:min(100%,430px) !important;margin:22px auto 0 !important;padding:15px 13px 17px !important;box-sizing:border-box !important;border:1px solid rgba(217,164,65,.22) !important;border-radius:12px !important;background:rgba(30,18,12,.44) !important;text-align:center !important;}
  .phantasm-mobile-hero-countdown .countdown-label,.phantasm-mobile-hero-countdown h2,.phantasm-mobile-hero-countdown h3,.phantasm-mobile-hero-countdown p:first-child{margin:0 !important;color:#f0cf8b !important;font-family:'EB Garamond',Georgia,serif !important;font-size:clamp(1.2rem,5.8vw,1.55rem) !important;font-weight:700 !important;line-height:1.1 !important;letter-spacing:.045em !important;text-transform:uppercase !important;}
  .phantasm-mobile-hero-countdown .countdown-value,.phantasm-mobile-hero-countdown [class*='timer'],.phantasm-mobile-hero-countdown [class*='countdown']{margin-top:8px !important;color:#f3e6c8 !important;font-family:'Source Sans 3',Arial,sans-serif !important;font-size:clamp(.98rem,5vw,1.3rem) !important;font-weight:800 !important;font-variant-numeric:tabular-nums !important;letter-spacing:.06em !important;line-height:1.25 !important;}

  /* The old numbered/mobile rebuild systems must never compete with the clean shell. */
  .phantasm-mobile-rebuilt .hero > .wrap .hero-tamil:not(.phantasm-mobile-hero-presents),
  .phantasm-mobile-rebuilt .hero > .wrap .hero-title:not(.phantasm-mobile-hero-title),
  .phantasm-mobile-rebuilt .hero > .wrap .hero-subtitle:not(.phantasm-mobile-hero-description),
  .phantasm-mobile-rebuilt .hero > .wrap .hero-actions:not(.phantasm-mobile-hero-actions){display:none !important;}
}

@media(max-width:430px){
  .phantasm-mobile-hero-shell{padding:14px 10px 24px !important;}
  .phantasm-mobile-hero-institution{grid-template-columns:34px minmax(0,1fr) 34px !important;gap:6px !important;}
  .phantasm-mobile-hero-institution img{width:30px !important;height:30px !important;}
  .phantasm-mobile-hero-institution .inst-college{font-size:clamp(1.12rem,6vw,1.45rem) !important;}
  .phantasm-mobile-hero-art{max-height:24svh !important;}
}
@media(max-width:360px){
  .phantasm-mobile-hero-actions{grid-template-columns:1fr !important;}
  .phantasm-mobile-hero-art{max-height:22svh !important;}
}