/* Language menu, film button and per-script typography for the localized pages (scripts/i18n.mjs). */
.lang-menu{position:relative;z-index:20}
.lang-menu summary{list-style:none;display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #bcc8bb;border-radius:3px;font-size:12px;font-weight:600;letter-spacing:.06em;cursor:pointer;color:var(--forest);white-space:nowrap}
.lang-menu summary::-webkit-details-marker{display:none}
.lang-menu summary svg{width:16px;height:16px}
.lang-menu[open] summary,.lang-menu summary:hover{background:#ebeedf}
.lang-menu ul{position:absolute;inset-inline-end:0;top:calc(100% + 8px);margin:0;padding:8px;list-style:none;columns:2;column-gap:4px;width:min(380px,calc(100vw - 32px));background:var(--paper-light);border:1px solid #cfd5c6;border-radius:4px;box-shadow:0 18px 50px #12302a2e;font-size:14px;letter-spacing:0}
.lang-menu li{break-inside:avoid}
.lang-menu li a{display:block;padding:8px 10px;border-radius:3px;text-decoration:none!important}
.lang-menu li a:hover{background:#eceee0}
.lang-menu li a[aria-current]{background:#e2e6d3;font-weight:600}
.film-link{display:inline-flex;align-items:center;gap:15px;margin-top:30px;padding:0;background:transparent;color:var(--forest);text-align:start}
.film-play{width:54px;height:54px;flex:none;border-radius:50%;background:var(--coral);color:#fffaf0;display:grid;place-items:center;box-shadow:0 10px 24px #d8746450;transition:transform .2s,box-shadow .2s}
.film-play svg{width:24px;height:24px;margin-inline-start:3px}
[dir=rtl] .film-play svg{margin-inline-start:0;margin-inline-end:3px;transform:scaleX(-1)}
.film-text strong{display:block;font-family:var(--serif);font-size:21px;font-weight:500;letter-spacing:-.02em;line-height:1.2}
.film-text small{display:block;margin-top:3px;font-size:11px;letter-spacing:.05em;color:var(--muted)}
.film-link:hover .film-play,.film-link:focus-visible .film-play{transform:scale(1.07);box-shadow:0 12px 30px #d8746470}
.film-link:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.film-link{margin-top:24px}.film-play{width:48px;height:48px}.film-text strong{font-size:19px}}
@media(max-width:520px){.site-header .nav-preview{display:none}}
/* Scripts without Latin-style tight tracking or italics */
html:is([lang=ja],[lang=zh-Hans],[lang=zh-Hant],[lang=ko],[lang=th],[lang=hi]) :is(h1,h2,h3,.cover-title){letter-spacing:0;line-height:1.25}
html:is([lang=ja],[lang=zh-Hans],[lang=zh-Hant],[lang=ko],[lang=th],[lang=hi]) :is(h1,h2,h3,.cover-title) em{font-style:normal}
html:is([lang=ja],[lang=zh-Hans],[lang=zh-Hant],[lang=ko]) :is(h1){font-size:clamp(44px,5.4vw,84px)}
html[lang=ar] body *:not(.wordmark):not(.wordmark *):not([lang=en]):not([lang=es]):not([lang=es] *):not([lang=en] *){letter-spacing:0!important}
html[lang=ar] :is(h1,h2,h3) em{font-style:normal}
html[lang=ar] :is(h1,h2,h3){line-height:1.3}
html:is([lang=ar],[lang=th],[lang=hi]) .eyebrow{font-size:12px}
/* Right-to-left: the excerpt divider sits between the columns */
[dir=rtl] .excerpt-spread>div+div:before{left:auto;right:-27px}
@media(max-width:800px){[dir=rtl] .excerpt-spread>div+div:before{right:-14px}}
/* The hero's second button and its dialog: the App Store tours for foldables, phones and tablets (scripts/previews.mjs) */
.film-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;margin-top:30px}
.film-links .film-link{margin-top:0}
.preview-link .film-play{background:transparent;color:var(--forest);box-shadow:inset 0 0 0 1.5px var(--forest)}
.preview-link:hover .film-play,.preview-link:focus-visible .film-play{box-shadow:inset 0 0 0 1.5px var(--forest),0 10px 24px #21403530}
[dir=rtl] .preview-link .film-play svg{transform:none;margin:0}
.preview-link .film-play svg{margin:0}
.previews-dialog{width:min(1180px,calc(100% - 40px))}
.preview-tabs{display:flex;gap:4px;margin:-4px 0 20px;border-bottom:1px solid var(--rule);overflow-x:auto}
.preview-tabs button{background:transparent;padding:10px 16px 11px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.preview-tabs button:hover{color:var(--forest)}
.preview-tabs button[aria-selected=true]{color:var(--forest);border-bottom-color:var(--coral)}
.preview-tabs button:focus-visible{outline-offset:-3px}
.preview-stage{display:flex;justify-content:center}
.preview-stage video{display:block;max-width:100%;max-height:min(68svh,760px);width:auto;height:auto;border-radius:8px;background:var(--forest-deep);box-shadow:0 18px 40px -22px #06291a99}
@media(max-width:800px){.film-links{margin-top:24px;gap:14px 28px}.preview-tabs{margin-bottom:16px}.preview-tabs button{padding:9px 12px 10px}.preview-stage video{max-height:64svh;border-radius:6px}}