@media (max-width:1199.98px){
  .header-inner{padding:0 4%}
  .navbar .nav-link{font-size:12px}
  .brand-logo img{width:225px}
  .hero-copy{padding-left:4%}
  .hero-visual img{width:680px}
  .hero-pillars{padding-left:4%;padding-right:4%}
  .pillar-icon{flex-basis:62px;height:62px;font-size:22px}
}
@media (max-width:991.98px){
  .site-header{height:auto;min-height:76px}
  .header-inner{min-height:76px;height:auto}
  .brand-logo img{width:205px}
  .navbar-collapse{
    background:rgba(255,240,174,.98);
    margin:0 -4%;
    padding:15px 4% 20px;
  }
  .navbar-nav{gap:8px!important;align-items:flex-start!important}
  .navbar .nav-link{font-size:14px}
  .hero-section{padding-top:76px;min-height:auto;padding-bottom:0}
  .hero-content{min-height:auto}
  .hero-copy{text-align:center;padding:35px 20px 0}
  .hero-title-art{margin:0 auto 20px;width:260px}
  .hero-tagline{margin:0 auto 12px}
  .hero-actions{justify-content:center}
  .hero-visual{padding:30px 20px 0;justify-content:center}
  .hero-visual img{width:min(778px,95vw)}
  .hero-shape-blue{bottom:185px}
  .hero-shape-red{bottom:168px}
  .hero-pillars{position:relative;padding:35px 20px;min-height:auto}
  .pillar{justify-content:center}
  .about-section{padding:65px 0}
  .about-copy{max-width:none}
  .about-art{width:300px}
  .competition-section{padding:75px 0}
  .competition-card{min-height:510px}
  .timeline{gap:25px}
  .timeline-arrow{display:none}
  .online-section{padding-top:35px}
}
@media (max-width:767.98px){
  .brand-logo img{width:180px}
  .hero-copy{padding-top:28px}
  .hero-title-art{width:225px}
  .hero-tagline{font-size:12px;line-height:20px}
  .hero-visual{padding-top:22px}
  .hero-shape-blue,.hero-shape-red{display:none}
  .pillar{justify-content:flex-start}
  .pillar-icon{flex-basis:58px;height:58px}
  .pillar strong{font-size:14px}
  .pillar span{font-size:10px}
  .about-section{padding:55px 0}
  .section-heading h2{font-size:22px}
  .about-copy{font-size:13px;line-height:26px;margin-top:20px}
  .competition-section{padding:60px 0}
  .competition-card{min-height:500px}
  .schedule-section{padding:60px 0}
  .timeline-step{margin-bottom:22px}
  .online-section{padding:30px 0 60px}
  .step{border-right:0;border-bottom:1px solid rgba(0,0,0,.15);padding:20px}
  .step:last-child{border-bottom:0}
  .message-section{min-height:260px}
  .message-copy{font-size:18px;line-height:1.6;width:90%}
  .message-copy span{font-size:25px}
  .quote-mark{font-size:75px}
  .quote-mark.left{left:4%;top:10px}
  .quote-mark.right{right:4%;bottom:-8px}
  .footer-top{padding:35px 0}
  .footer-contact{text-align:center}
  .footer-nav{padding:12px 0}
  .footer-nav a,.footer-nav span{font-size:10px;margin:0 4px}
}
@media (max-width:575.98px){
  .brand-logo img{width:155px}
  .hero-actions .btn{font-size:11px;padding:8px 11px}
  .pillar{gap:10px}
  .pillar-icon{flex-basis:52px;height:52px;font-size:20px}
  .pillar span{max-width:130px}
  .competition-card{border-radius:24px}
  .footer-nav a,.footer-nav span{margin:0 2px}
}