/* The landing is one screen on desktop and phone: nothing scrolls, everything scales with the height. */
.landing-page{height:100vh;height:100svh;min-height:0;overflow:hidden}
.landing-page .invitation{min-height:0;padding-top:clamp(8px,2.5vh,20px);padding-bottom:clamp(8px,3vh,36px)}
.landing-page h1{font-size:clamp(64px,min(9.2vw,15.5vh),145px);margin:clamp(12px,2.6vh,27px) 0 clamp(12px,2.8vh,29px)}
.landing-page .spoken-copy{min-height:0;margin-bottom:clamp(10px,2.2vh,19px)}
.landing-page .library-entry{margin-top:clamp(8px,2vh,19px)}
.landing-page .entry-options{margin-top:clamp(6px,1.6vh,13px)}
.tagline{position:absolute;right:6%;bottom:clamp(24px,9vh,96px);text-align:right;font:italic 400 clamp(24px,2.5vw,40px)/1.22 var(--serif);color:#ece6d6;text-shadow:0 2px 26px #061318,0 0 3px #061318;pointer-events:none}
.tagline span{color:var(--gold)}
.landing-page .footer{padding:clamp(10px,2.2vh,23px) 5.1%}
.landing-page .footer .service-links{padding:0;justify-content:flex-start;gap:4px 22px}
.dialog-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:22px;font-size:12px;color:var(--gold)}
.dialog-links a{text-decoration:underline;text-underline-offset:4px;padding:5px 0}
@media(max-width:700px){
  .landing-page .header{padding:clamp(10px,2.4svh,23px) 6%}
  .landing-page .invitation{padding:clamp(4px,1.4svh,27px) 7% clamp(6px,1.8svh,30px)}
  .tagline{position:static;align-self:flex-end;font-size:clamp(17px,2.5svh,21px);line-height:1.28;margin-bottom:clamp(4px,1.6svh,16px)}
  .landing-page h1{font-size:clamp(56px,min(21vw,11.2svh),123px);margin:clamp(8px,1.8svh,22px) 0 clamp(8px,2svh,25px)}
  .landing-page .spoken-copy{margin-bottom:clamp(8px,1.8svh,17px)}
  .landing-page .spoken-copy p{line-height:1.7}
  .landing-page .enter{min-height:clamp(44px,6.2svh,52px);padding-block:10px}
  .landing-page .free-note{margin-top:clamp(6px,1.4svh,12px)}
  .landing-page .library-entry{margin-top:clamp(6px,1.6svh,16px)}
  .landing-page .entry-options{margin-top:clamp(4px,1.2svh,20px)}
  .landing-page .guide-note{margin-top:clamp(4px,1.2svh,13px)}
  .landing-page .footer{justify-content:flex-end;padding:clamp(6px,1.4svh,19px) 7% max(10px,env(safe-area-inset-bottom))}
  .landing-page .footer .service-links{display:none}
}