.hero-grid{min-height:0;padding-top:18px;padding-bottom:27px}
.date-art{height:370px;border:0;text-align:left;cursor:pointer;font:inherit;transition:transform .2s ease,box-shadow .2s ease}
.date-art:hover{transform:rotate(1deg) translateY(-4px);box-shadow:30px 30px 0 rgba(0,20,48,.45)}
.date-art:focus-visible{outline:4px solid #fff;outline-offset:8px}
.date-art-top,.date-art-bottom{width:100%}
.art-numbers{font-size:clamp(82px,9vw,128px)}
.art-countdown{display:block;width:max-content;max-width:100%;font-size:10px;font-weight:800;letter-spacing:.55px;line-height:1.35;border-top:1px solid rgba(2,35,79,.35);padding-top:9px;margin-top:12px}
.schedule{padding-top:96px}
.calendar-dialog{width:min(520px,calc(100% - 32px));max-height:min(82vh,720px);overflow:auto;border:0;border-radius:12px;padding:34px;background:#f9fbfc;color:#0b315f;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.calendar-dialog::backdrop{background:rgba(2,20,48,.78)}
.calendar-close{position:absolute;right:15px;top:13px;background:transparent;border:0;color:#244d7a;font-size:29px;line-height:1}
.calendar-overline{font-size:10px;font-weight:800;letter-spacing:2px;color:#09589f;margin:0 0 12px}
.calendar-dialog h2{font-size:clamp(28px,5vw,39px);line-height:1.06;margin:0 25px 16px 0}
.calendar-dialog>p:not(.calendar-overline){font-size:14px;line-height:1.55;color:#4e6c87}
.calendar-save{display:flex;justify-content:space-between;gap:16px;background:var(--dark);color:white;padding:16px 18px;border-radius:5px;font-size:13px;font-weight:800;text-decoration:none;margin-top:24px}
.calendar-save:hover{background:#06458d}
.calendar-dialog .calendar-hint{font-size:12px!important;margin:12px 0 22px!important}
@media(max-height:700px) and (min-width:721px){.hero-grid{padding-top:16px;padding-bottom:22px}.date-art{height:340px}}
@media(max-width:1050px){.date-art{height:345px}.art-numbers{font-size:9.6vw}}
@media(max-width:720px){
  .hero-grid{gap:22px;padding-top:18px;padding-bottom:27px}
  .hero-content h1{font-size:clamp(44px,11vw,65px);margin:18px 0}
  .hero-lead{font-size:14px;line-height:1.5}
  .hero-actions{margin-top:20px}
  .date-art{height:235px;transform:rotate(2deg)}
  .art-numbers{font-size:clamp(74px,17vw,105px)}
  .art-month{font-size:24px}
  .schedule{padding-top:85px}
}
@media(max-width:440px){
  .hero-grid{gap:18px;padding-top:16px;padding-bottom:22px}
  .date-art{height:220px;padding:15px 17px}
  .date-art-top{padding-bottom:10px}
  .date-art-bottom{padding-top:10px}
  .art-numbers{font-size:18vw}
  .art-month{font-size:20px}
  .art-countdown{font-size:8px;margin-top:8px;padding-top:6px}
  .hero-content h1{font-size:clamp(39px,10vw,50px)}
}
@media(prefers-reduced-motion:reduce){.date-art{transition:none}.date-art:hover{transform:rotate(3deg)}}