/* Phone layouts. Desktop layout is retained. */
@media(max-width:760px){
  header{padding:16px 22px 8px;gap:10px}
  header .brand{min-height:44px;display:flex;align-items:center}
  header nav{width:100%;display:flex;flex-wrap:nowrap;gap:8px;justify-content:space-between}
  header nav a{min-height:44px;display:flex;align-items:center;justify-content:center;flex:1;font-size:15px;white-space:nowrap}
  .a .hero{padding-top:26px;padding-bottom:46px;gap:24px}
  .a .hero h1{font-size:clamp(40px,11vw,48px);line-height:1.08}
  .hero .buttons{display:grid;grid-template-columns:1fr;gap:8px}
  .hero .buttons .btn,.store .btn{width:100%;justify-content:center;text-align:center;min-height:52px;align-items:center;padding:13px 14px}
  .hero .secondary{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
  .a .scene{height:220px;min-width:0}
  .a .glass{width:160px;height:190px}
  .a .ring{width:min(76%,260px);height:80px;bottom:12px}
  .a .ring.two{width:min(88%,300px);height:105px;bottom:0}
  .a .scene small{bottom:-22px}
  .below{padding-top:32px;padding-bottom:32px}
  .a .features{padding:24px;gap:24px}
  .features p:last-child{margin-bottom:0}
  .video-tour h2,.story h2{font-size:clamp(30px,8.5vw,34px);line-height:1.15}
  .video-tour video{width:min(100%,270px)}
  .selfie{max-width:100%}
  .story summary{min-height:44px;padding:7px 0;margin-bottom:18px}
  .story .contact a{overflow-wrap:anywhere}
  .booklet-addition{gap:24px}
  .booklet-addition figure{display:flex;align-items:center;gap:20px;max-width:none}
  .booklet-addition img{width:130px;flex:none}
  .booklet-addition figcaption{margin:0;max-width:170px;font-size:14px}
  .booklet-addition h3{font-size:27px;line-height:1.2}
  .funding{padding:24px;margin:0 0 32px}
  .funding h2{font-size:clamp(28px,8vw,32px);line-height:1.15}
  .funding .ad-note{margin-top:24px;padding-top:24px}
  .funding .ad-note h3{font-size:23px;line-height:1.3}
  .stores{gap:20px}
  .store{padding:24px;display:flex;flex-direction:column;min-width:0}
  .store h3{order:0;margin-bottom:10px}
  .store>p:first-of-type{order:1;margin-bottom:18px}
  .store>a.btn{order:2}
  .store>.availability{order:3;margin:14px 0 0}
  .store>a:has(img){order:4;display:block;align-self:center;margin-top:22px}
  .store .ios-qr{width:152px;margin:0}
  .store>p:not(:first-of-type):not(.availability){order:5;text-align:center;font-size:14px;margin:10px 0 0}
  .notice{padding:24px}
  .notice h3{font-size:23px;line-height:1.25}
  footer a{display:inline-flex;align-items:center;min-height:44px}
  .policy-head .meta a{overflow-wrap:anywhere}
}
@media(max-width:359px){
  header{padding-left:20px;padding-right:20px}
  .hero,.below{padding-left:20px;padding-right:20px}
  .a .features,.funding,.store,.notice{padding:20px}
  .booklet-addition figure{gap:16px}
  .booklet-addition img{width:120px}
  .store .btn{font-size:15px}
}