/* V19 — faithful original logo, responsively cropped & sized without stretching. */
.intro .intro-center{
  box-sizing:border-box; width:min(100%, 920px);
  margin-inline:auto; min-width:0;
  padding-inline:clamp(18px,4vw,42px);
  gap:0;
  max-height:calc(100svh - 85px);
  justify-content:center;
}
.intro .intro-center img.gt-intro-logo{
  display:block; flex:0 1 auto;
  width:auto!important; height:auto!important;
  max-width:min(30vw,290px)!important;
  max-height:min(36svh,330px)!important;
  object-fit:contain!important;
  object-position:center!important;
  aspect-ratio:auto!important;
  margin:clamp(9px,2svh,17px) auto clamp(10px,1.8svh,17px);
  transform:none!important;
  filter:drop-shadow(0 0 16px rgba(255,255,255,.10));
  animation:gt-logo-show 1.3s .3s ease-out both!important;
}
.intro.awaiting .intro-center img.gt-intro-logo{
  animation:none!important; opacity:1!important; transform:none!important;
}
@keyframes gt-logo-show {from {opacity:0;filter:blur(5px) drop-shadow(0 0 3px #000)} to {opacity:1;filter:blur(0) drop-shadow(0 0 16px rgba(255,255,255,.12))}}
.intro .intro-center h2{
  font-size:clamp(35px,4.5vw,65px);
  line-height:1.02; letter-spacing:.012em;
  max-width:850px; margin:clamp(4px,1.4svh,14px) auto clamp(12px,1.8svh,20px);
  overflow-wrap:normal;
}
.intro .intro-center .intro-kicker{font-size:clamp(8px,.76vw,10px);letter-spacing:.22em;line-height:1.5}
.intro .intro-center .intro-subtitle{font-size:clamp(8px,.75vw,10px);letter-spacing:.19em}
.intro .intro-buttons{margin-top:clamp(12px,2svh,26px)}
@media(max-width:740px){
  .intro .intro-center{padding:26px 20px 22px;max-height:calc(100svh - 75px)}
  .intro .intro-center img.gt-intro-logo{
    max-width:min(59vw,235px)!important;
    max-height:min(37svh,270px)!important;
    margin:clamp(8px,1.8svh,14px) auto clamp(8px,1.8svh,14px);
  }
  .intro .intro-center h2{font-size:clamp(30px,8vw,46px);line-height:1.04;max-width:360px;margin:6px auto 12px}
  .intro .intro-center .intro-kicker{font-size:8px;letter-spacing:.17em;max-width:90vw}
  .intro .intro-center .intro-subtitle{font-size:8px;letter-spacing:.1em}
  .intro .intro-buttons{margin-top:15px}
  .intro .intro-bottom{bottom:clamp(13px,2.8svh,22px);font-size:8px;letter-spacing:.08em}
  .intro .intro-bottom span{max-width:48%}
  .intro .intro-skip{font-size:9px;letter-spacing:.06em}
  .intro .intro-frame{inset:10px}
}
@media(max-height:690px){
  .intro .intro-center img.gt-intro-logo{max-height:29svh!important;max-width:min(38vw,230px)!important}
  .intro .intro-center h2{font-size:clamp(27px,4.5vw,44px);margin:3px auto 8px}
  .intro .intro-buttons{margin-top:11px}
  .intro .intro-enter{padding:12px 14px}
  .intro .intro-bottom{bottom:12px}
}
@media(max-width:390px) and (max-height:740px){
  .intro .intro-center img.gt-intro-logo{max-width:48vw!important;max-height:29svh!important}
  .intro .intro-center h2{font-size:clamp(27px,8.5vw,36px)}
}
@media(prefers-reduced-motion:reduce){
 .intro .intro-center img.gt-intro-logo{animation:none!important;opacity:1!important}
}

/* Keep three cinematic cards within narrow desktop/tablet viewports. */
@media (min-width:741px) and (max-width:1100px){
 .triptych.wrap{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .triptych .chapter-photo{min-width:0!important;min-height:0!important;width:100%!important;aspect-ratio:3/4!important}
 .triptych .chapter-photo>div{left:15px;right:10px}
 .triptych .chapter-photo b{font-size:9px;letter-spacing:.07em;overflow-wrap:anywhere}
}