.intro-play-icon{color:var(--gold);font-size:15px;vertical-align:-1px}
.site-intro-mode .sidebar,.site-intro-mode .menu-button,.site-intro-mode .motion-toggle{display:none}
.site-intro-mode main{margin:0 auto;max-width:1240px;padding:0 48px}
#siteIntroView{padding:42px 0 60px}
.site-intro-heading{margin-bottom:28px}
.site-intro-heading h1{font:400 clamp(30px,3.5vw,46px)/1.5 var(--serif);letter-spacing:.035em;margin:12px 0}
.site-intro-heading h1 em{color:var(--gold);font-style:normal}
.site-intro-heading p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
.site-intro-player{background:#000;border:1px solid var(--line-gold);box-shadow:0 16px 70px #0008}
.site-intro-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
.site-intro-player video:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.site-intro-caption{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:11px;color:var(--muted)}
.site-intro-caption>span:first-child{font:11px var(--sans);letter-spacing:.12em;color:var(--gold)}
.site-intro-caption i{margin:0 12px;font-style:normal;color:var(--line-gold)}
.site-intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
@media(min-width:1051px) and (max-width:1250px){body .header .top-nav{gap:18px}body .header-actions{margin-left:12px}body .header{gap:16px}}
@media(max-width:1050px){
  :root{--header:112px}
  body .header{display:flex;flex-wrap:wrap;height:112px;min-height:112px;gap:0 14px;padding:10px 22px 0}
  body .header-actions{margin-left:auto}
  body .header .top-nav{order:3;flex-basis:100%;height:40px;align-self:auto;justify-content:center;gap:clamp(12px,4vw,36px);margin:0}
  body .header .nav-tab{font-size:12px;min-height:40px;padding:0 5px}
  body .header .nav-tab.active::after{bottom:0}
  .site-intro-mode main{padding:0 28px}
}
@media(max-width:600px){
  body .header .top-nav .nav-guide{display:none}
  body .header{padding-left:18px;padding-right:18px}
  body .header .top-nav{justify-content:space-between;gap:3px}
  body .header .nav-tab{font-size:11px;padding:0 3px}
  .site-intro-mode main{padding:0 18px}
  #siteIntroView{padding:28px 0 42px}
  .site-intro-heading{margin-bottom:22px}
  .site-intro-heading h1{font-size:31px}
  .site-intro-heading p{font-size:12px}
  .site-intro-caption{font-size:10px;gap:8px;flex-wrap:wrap}
  .site-intro-caption>span:first-child{font-size:10px;letter-spacing:.05em}
  .site-intro-actions{gap:10px;margin-top:25px}
  .site-intro-actions .button{font-size:11px;padding:12px 15px;min-height:44px}
}