@media (min-width:1441px){
  :root{--col:clamp(980px,68.06vw,1600px);--frame:clamp(30px,2.08vw,48px);
        --bar:clamp(48px,3.33vw,72px)}
  .top{height:var(--bar)}
  .clock{font-size:calc(var(--bar)*.25)}
  .clock input{width:15em}
  .logo{height:clamp(32px,2.22vw,48px)}
  .hero-mid{--sub:clamp(17px,1.18vw,24px)}
  .cue,.btn-pill{font-size:clamp(12px,.83vw,16px)}
  .name{font-size:clamp(58px,4.03vw,86px)}
  .slot{max-width:clamp(560px,38.9vw,700px)}
  .cue,.btn-pill{--ph:var(--bar)}
  .sheet{--pw:clamp(85px,5.9vw,124px);--ph:var(--bar);
         width:min(33%,clamp(620px,24vw,920px))}
  .sheet-label{width:var(--pw);height:var(--ph)}
  .sheet-close{width:calc(var(--pw) + 12px);height:var(--ph)}
  .sheet-label,.sheet-close{font-size:clamp(13px,.9vw,17px)}
  .sheet-in{width:min(33vw,clamp(620px,24vw,920px));padding:clamp(34px,2.36vw,52px)}
  .sheet-in a{font-size:clamp(30px,2.9vw,84px)}
  .sheet-foot{left:clamp(34px,2.36vw,52px);right:clamp(34px,2.36vw,52px);
              bottom:clamp(28px,1.94vw,40px)}
  .sheet-foot .mail{font-size:clamp(20px,1.39vw,26px)}
  .sndbtn{width:clamp(40px,2.78vw,50px);height:clamp(40px,2.78vw,50px)}
  .eyebrow{font-size:clamp(11px,.76vw,14px)}
}

@media (max-width:734px){
  .hour{padding:26px var(--frame) 40px}
  .hour-block{flex-wrap:wrap;justify-content:flex-start;row-gap:clamp(26px,8vw,36px)}
  .hours24{flex-direction:column;align-items:flex-start;gap:2px;margin-top:18px}
  .hours24-line{width:100%;height:42px;flex:none}
  .hour-block .brk{display:block;width:100%;height:0}
  .hour-block .c{display:none}
  .hour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .t-text,.t-num,.t-num.t-w{grid-column:span 2}
  .tile{padding:20px}
  .intro{padding:var(--sp5) var(--frame) var(--sp4)}
}

@media (hover:none){

  .name:hover{-webkit-text-stroke-color:#5f5f5f}
  .sheet-in a:hover{color:#0a0a0a}
  .sheet-in a:hover svg{width:0;opacity:0;margin-right:0}
  .sheet-in a.sel svg{width:.34em;opacity:1;transform:translate(0,.085em);margin-right:.16em}
}