@media (max-width:768px){
  :root{--pad-x:6.5vw}
  .section{padding:clamp(72px,11vh,120px) var(--pad-x)}
  .hero-title{font-size:clamp(2.5rem,12vw,4.6rem)}
  .counter-days{font-size:clamp(3.2rem,20vw,6.4rem)}
  .phone{border-width:8px;border-radius:22px}
}

@supports (height:100svh){
  .hero,.counter{min-height:100svh}
}
@supports (height:100dvh){
  .intro-caption{bottom:calc(11vh + env(safe-area-inset-bottom,0px))}
}

@media (hover:none){
  .counter-detail{opacity:1;max-height:5em}
  .obj .note{opacity:1;transform:none;position:static;display:block;margin-top:.4em;white-space:normal}
}