/* Phone & small-tablet fixes. Loaded last on every page (interior: after toronto-site.css; home: injected last by toronto-cinematic.js). */

/* Tablet/phone header: keep "Contact us" grouped with the menu icon on the right */
@media (max-width:1050px){
  .nav .btn.dark{margin-left:auto}
  .nav .menu{margin-left:10px}
}

@media (max-width:680px){
  /* Header: slimmer top bar + one-line compact "Contact us" */
  .topbar-in{min-height:32px;padding-block:6px}
  .topbar-phone{font-size:.78rem}
  .nav .btn.dark{min-height:42px;padding:0 6px 0 14px;gap:8px;font-size:.78rem;white-space:nowrap;border-radius:99px}
  .nav .btn.dark svg{width:28px;height:28px;padding:7px}
  .nav .brand-logo{max-height:38px;width:auto}

  /* Home hero: headline must wrap; readable lead over the frame sequence */
  .hero h1,.hero h1>span,.sequence-ready .hero h1{white-space:normal}
  .sequence-ready .hero h1,.hero h1{font-size:clamp(2.3rem,10.5vw,3.1rem);line-height:.98;letter-spacing:-.05em;overflow-wrap:anywhere}
  .sequence-ready .hero .lead,.hero .lead{color:#1d2a3d;font-weight:500;text-shadow:0 1px 14px #ffffffe6,0 0 2px #fff}

  /* Newsletter: stacked button needs real height */
  .foot-news-form button{min-height:48px}
  .foot-news-form input{min-height:48px}

  /* Keep the floating WhatsApp button off the footer's last row */
  footer .bottom{padding-bottom:78px}

  /* Very small labels → readable minimum */
  .meter small,.hero-beat span,.trust p,.avail{font-size:max(.75rem,11.5px)}

  /* Forms: 16px inputs stop iOS zooming in on focus */
  input,select,textarea{font-size:16px}
}

/* Home hero on phones: static final frame instead of the scroll film (html.hero-still set by toronto-cinematic.js) */
@media (max-width:680px){
  html.hero-still .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding:132px 0 0;background:radial-gradient(120% 60% at 50% 0,#0d2448 0,#05080f 70%);overflow:hidden}
  html.hero-still .hero:after,html.hero-still .hero .scroll,html.hero-still .hero-beats{display:none}
  html.hero-still .hero .copy{position:relative;z-index:2;left:auto;top:auto;translate:none;width:auto;padding:0 18px;opacity:1!important;transform:none!important;pointer-events:auto!important;text-align:center}
  html.hero-still .hero .eye{color:#8fc1ff;justify-content:center}
  html.hero-still .hero h1{color:#fff;text-shadow:none;margin:6px auto 16px}
  html.hero-still .hero h1 span,html.hero-still .hero h1 .word{text-shadow:none}
  html.hero-still .hero h1 span{background:linear-gradient(90deg,#ffffff,#8fc1ff);-webkit-background-clip:text;background-clip:text;color:transparent}
  html.hero-still .hero .lead{color:#c3cede;text-shadow:none;font-weight:400}
  html.hero-still .hero .actions{justify-content:center}
  html.hero-still .hero .visual{position:relative;top:auto;height:auto;margin:8px 0 0;overflow:hidden}
  html.hero-still .hero .visual:before{content:"";position:absolute;inset:0 0 auto;height:18%;z-index:1;background:linear-gradient(#05080f,transparent);pointer-events:none}
  .hero-still-img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
}

@media (max-width:370px){
  .nav .btn.dark{display:none}
}