/* Desktop geometry and art remain identical to the approved PSD. */
.mobile-copy,.mobile-menu-text{display:none}
@media(max-width:800px){
  :root{--m:calc((100vw - 48px)/555)}
  .offer{height:300px}
  .offer [data-art="10"]{left:calc(50% - 125px);top:96px;width:250px;height:83.33px}
  .offer [data-art="11"]{left:calc(50% - 113px);top:116px;width:256px;height:1.42px}
  .offer [data-art="12"]{left:calc(50% - 140px);top:213px;width:280px;height:22.5px}
  .hero{height:clamp(540px,110vw,760px)}
  .hero .photo,.hero .hero-shade{left:0;top:0;width:100%;height:100%}
  .hero .photo img,.hero>img.photo{object-fit:cover;object-position:57% center}
  .hero nav{position:absolute;z-index:2;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;gap:8px}
  .hero .menu-link{position:relative;left:auto;top:auto;width:auto;height:44px;display:flex;align-items:center;font-size:clamp(12px,3.4vw,18px)}
  .menu-link>img,.menu-link>.motion-art{display:none}
  .menu-link .mobile-menu-text{display:block}
  .menu-link::after{bottom:5px;height:1px}
  .hero [data-art="9"]{left:24px;top:42%;width:calc(100% - 48px);height:calc((100vw - 48px)*297/1217)}
  .hero>div.layer:last-child{left:calc(50% - 95px);top:calc(42% + (100vw - 48px)*297/1217 + 32px);width:190px;height:57.75px}
  .cta-label{left:24.0196%;top:32.2581%;width:52.451%;height:40.3226%}
  .information{padding:76px 24px 72px;min-height:0}
  .info-grid{display:flex;flex-direction:column;gap:76px}
  .about-column,.agenda-column{width:100%;max-width:555px;margin-inline:auto}
  .about-heading{width:100%;height:auto;aspect-ratio:582/127;margin-bottom:26px}
  .question-button{width:100%;height:calc(var(--h)*var(--m) + 20px);padding:10px 0;min-height:44px}
  .question-button>.motion-art,.question-button>img{width:100%;height:calc(var(--h)*var(--m));max-height:44px;object-fit:contain;object-position:left}
  .answer-text{padding:14px 0 28px;font-size:17px;line-height:1.6}
  .information-cta{margin:54px 0 0;height:140px}
  .information-cta [data-art="25"]{left:calc(50% - 140px);top:0;width:280px;height:49px}
  .information-cta>div.layer:not(.installment){left:calc(50% - 95px);top:74px;width:190px;height:57.75px}
  .agenda-column{padding:0;scroll-margin-top:24px}
  .agenda-heading{width:74%;height:auto;aspect-ratio:410/131;margin-bottom:26px}
  .agenda-list,.motion-art.agenda-list{width:100%;height:auto;aspect-ratio:556/144}
  .testimonials{padding:20px 24px 110px;min-height:0}
  .quote-window{width:100%;max-width:560px;margin:0 auto}
  .quote,.quote-copy{font-size:18px;line-height:1.6}
  .quote-copy .sr-only{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
  .psd-quote{display:none}
  .quote-name{font-size:18px;line-height:1.4;margin-top:24px}
  .testimonials>.layer{top:auto;bottom:28px;width:70px;height:56px;left:24px}
  .testimonials>.layer:last-child{left:auto;right:24px}
  .village{height:clamp(600px,140vw,830px)}
  .village .photo{left:0;top:0;width:100%;height:100%}
  .village .photo img,.village>img.photo{object-fit:cover;object-position:center}
  .village-glow{left:0;top:auto;bottom:0;width:100%;height:45%;object-fit:fill}
  .village [data-art="18"],.founders [data-art="29"],.founders [data-art="31"]{display:none}
  .mobile-copy{display:block;font-size:17px;line-height:1.65}
  .mobile-copy-18{position:absolute;left:24px;top:46px;width:230px;font-size:16px;line-height:1.5}
  .village [data-art="20"]{left:24px;top:auto;bottom:76px;width:calc(100% - 48px);height:calc((100vw - 48px)*212/1131)}
  .founders{height:auto;display:flex;flex-direction:column;align-items:center;padding:0 24px 90px;scroll-margin-top:32px}
  .founders .layer{position:relative;left:auto;top:auto}
  .founders [data-art="24"],.founders [data-art="30"]{width:160px;height:160px;flex-shrink:0}
  .founders [data-art="24"]{margin-top:-36px}
  .founders [data-art="30"]{margin-top:60px}
  .founders .mobile-copy{max-width:560px;text-align:center;margin-top:26px}
  .founders [data-art="28"]{width:280px;height:49px;margin-top:70px}
  .founders>div.layer:last-child{width:190px;height:57.75px;margin-top:24px}
}
@media(min-width:604px) and (max-width:800px){
  :root{--m:1px}
  .about-heading{width:555px}
  .hero [data-art="9"]{left:8%;width:84%;height:calc(84vw*297/1217)}
  .hero>div.layer:last-child{top:calc(42% + 84vw*297/1217 + 32px)}
}