/* Current OUT master: quiet type around the film's existing black / green visual identity. */
:root{--out-copy-font:Arial,'Hiragino Sans','Yu Gothic','Noto Sans CJK JP',sans-serif}
.trailer-phrase{display:inline-block;white-space:nowrap}
#out-world .world-door::before{inset:-18px -8px auto;height:216px}
.universe-popup-image img{transform:scale(1.08)}
.journey-photo-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0 18px}
.journey-photo-strip button{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px;align-items:center;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit}
.journey-photo-strip img{width:140px;height:110px;object-fit:cover;display:block}
.journey-photo-strip small{display:block;margin-bottom:8px;color:#c8d4c1;font:12px/1.5 var(--out-copy-font)}
.journey-photo-strip strong{display:block;font:600 16px/1.5 var(--out-copy-font)}
.journey-photo-strip button:focus-visible{outline:3px solid #ceff24;outline-offset:6px}
.milestone-photo{margin:0 24px 24px}
.milestone-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:min(300px,34svh);object-fit:contain;margin-inline:auto}
.milestone-photo figcaption{margin-top:9px;font:13px/1.5 var(--out-copy-font);color:#c8d4c1}
@media(max-width:700px){.journey-photo-strip{grid-template-columns:1fr}.journey-photo-strip button{grid-template-columns:110px minmax(0,1fr);gap:16px}.journey-photo-strip img{width:110px;height:88px}.milestone-photo{margin:0 18px 18px}}
:where(h1,h2,h3,h4,strong){text-wrap:balance}
:where(p,blockquote,figcaption,li){text-wrap:pretty;orphans:2;widows:2}
:where(.section-title,.story-grid,.meaning-grid,.crew-grid,.press-grid,.world-title,.conversion-heading,.letters-conversion-grid)>*{min-width:0}
:where(.btn,.text-link){max-width:100%;text-wrap:balance}
:where(.btn){white-space:normal}

/* Remove the forced stacked title blocks without shrinking the reading text. */
html[lang=en] main h2{font-size:clamp(30px,3.2vw,44px);line-height:1.16;letter-spacing:-.03em;max-width:25ch}
html[lang=ja] main h2{font-size:clamp(27px,2.8vw,36px);line-height:1.4;letter-spacing:-.025em;max-width:22em;line-break:strict;word-break:normal;overflow-wrap:normal}
main h2{margin-bottom:24px}
html[lang=en] .hero h1{font-size:clamp(24px,2.2vw,32px);line-height:1.25;max-width:34ch}
html[lang=ja] .hero h1{font-size:clamp(21px,2vw,28px);line-height:1.5}
.hero h1{margin-bottom:14px;text-wrap:balance}
.hero-actions{gap:12px 26px;align-items:center}
.hero-actions .conversion-hero-follow{white-space:normal;max-width:100%;line-height:1.5}
.section-title{align-items:start;gap:24px}
.section-title>p{max-width:33ch;font:14px/1.65 var(--out-copy-font);margin-bottom:24px}
html[lang=en] #trailer h2,html[lang=en] .story-copy h2,html[lang=en] #filmmakers h2{font-size:clamp(30px,3vw,42px);line-height:1.18}
html[lang=ja] #trailer h2,html[lang=ja] .story-copy h2,html[lang=ja] #filmmakers h2{font-size:clamp(27px,2.8vw,36px);line-height:1.4}
.story-copy p,.meaning-copy p,.director-note p{max-width:62ch;text-wrap:pretty}
.story-copy .facts{max-width:100%;line-height:1.6;text-wrap:balance}
#why-out h2{max-width:22ch!important;line-height:1.22!important}
html[lang=ja] #why-out h2{max-width:18em!important;line-height:1.4!important}
.meaning-message{max-width:42ch}
.cast-card .card-role,.cast-card .actor{padding-right:0;text-wrap:balance}
.quote blockquote{letter-spacing:0;text-wrap:pretty}
.quote cite{line-height:1.5;text-wrap:balance}

#out-world .world-title{align-items:center;gap:28px}
html[lang=en] #out-world h2{font-size:clamp(30px,3vw,42px);max-width:26ch;line-height:1.18}
html[lang=ja] #out-world h2{font-size:clamp(27px,2.8vw,36px);line-height:1.4}
#out-world .universe-intro{max-width:72ch;line-height:1.75}
#out-world .world-door strong{font-size:clamp(21px,2vw,25px);line-height:1.28;text-wrap:balance;overflow-wrap:normal}
#out-world .world-door p{line-height:1.75;text-wrap:pretty}
#out-world .world-door .door-state{line-height:1.6;letter-spacing:0;text-wrap:balance}
.collection-access-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:20px 24px;border-left:3px solid #ceff24;background:#152010;color:#eef5e8}
.collection-access-note>div{min-width:0;max-width:76ch}
.collection-access-note strong{display:block;font:600 14px/1.5 var(--out-copy-font);color:#ceff24;margin-bottom:6px}
.collection-access-note p{font:16px/1.75 var(--out-copy-font);margin:0;color:#eef5e8}
.collection-access-note .text-link{flex:none;color:#c9e7b9!important;border-color:#7a936b!important;font:13px/1.5 var(--out-copy-font)}
.news-heading{align-items:baseline;flex-wrap:wrap;gap:12px 24px}
.news-heading h2{margin-bottom:20px;max-width:none}
.news-heading .text-link{flex:none}
.news-row strong{line-height:1.5;text-wrap:balance}
.news-tag{letter-spacing:0;line-height:1.6;text-wrap:balance}
#screenings .screening{grid-template-columns:130px minmax(0,1fr) auto!important}
#screenings .event h3{line-height:1.4!important;text-wrap:balance}
#screenings .screening>a{max-width:240px;line-height:1.5}
.credit-row dt,.credit-row dd,.backer-group summary{line-height:1.55;text-wrap:pretty}
.credit-row dd{overflow-wrap:break-word}
.press h2{max-width:26ch}
.press p{max-width:66ch;line-height:1.75}
.press-links a{line-height:1.5}
.immersive-top h2,.milestone-detail h3,.archive-figure h3{max-width:100%;text-wrap:balance}
.immersive-top{align-items:center}
.immersive-article p,.milestone-detail>p,.archive-figure p{max-width:70ch;text-wrap:pretty}
.immersive-top>div{min-width:0}
.conversion-section h2,.pamphlet-copy h2{font-size:clamp(29px,3vw,40px)!important;line-height:1.22!important;max-width:24ch}
html[lang=ja] .conversion-section h2,html[lang=ja] .pamphlet-copy h2{font-size:clamp(27px,2.6vw,34px)!important;line-height:1.4!important;max-width:20em}
.conversion-note,.support-cost-note{font-size:13px;line-height:1.75;max-width:82ch;text-wrap:pretty}
.conversion-footer-links a{line-height:1.5}
.letters-conversion-copy>.btn,.watch-out-copy>.btn{gap:18px;line-height:1.5;text-align:left}

/* One existing opt-in destination, described with its actual newsletter scope. */
.watch-out-section{background:#101a14}
.watch-out-layout,.recoupment-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;align-items:start}
.watch-out-layout>*,.recoupment-layout>*{min-width:0}
.watch-out-copy>p:first-child{font:16px/1.8 var(--out-copy-font);max-width:62ch;color:#c8d4c1;margin:0}
.watch-out-copy>.btn{font:14px/1.5 var(--out-copy-font);min-height:48px;margin-top:20px;background:#ceff24;border-color:#ceff24;color:#10180d}
.watch-out-release{font:600 15px/1.5 var(--out-copy-font);color:#ceff24;margin:16px 0 0}

/* Target is owner-approved. No amount, percentage or bar represents unverified recovery. */
.recoupment-section{background:#0c130e}
.recoupment-target{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 20px;padding-bottom:16px;border-bottom:1px solid #40513a}
.recoupment-target>span{font:14px/1.5 var(--out-copy-font);color:#c8d4c1}
.recoupment-target>strong{font:500 clamp(28px,3vw,38px)/1.2 var(--out-copy-font);letter-spacing:-.025em;color:#ceff24;white-space:nowrap}
.recoupment-pending{font:16px/1.8 var(--out-copy-font);max-width:62ch;color:#d4e0cb;margin:18px 0 0}
.recoupment-copy .conversion-note{margin-top:14px}

@media(max-width:1100px){.nav{display:none}.lang{margin-left:auto}.menu-btn{display:block}.topbar .wrap{gap:18px}}
@media(min-width:701px) and (max-width:1000px){
 .section-title{gap:20px}.section-title>p{max-width:26ch}
 .conversion-heading,.letters-conversion-grid,.watch-out-layout,.recoupment-layout{gap:5%;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 #screenings .screening{grid-template-columns:110px minmax(0,1fr)!important;gap:20px!important}
 #screenings .screening>a{grid-column:2!important;width:max-content}
}
@media(max-width:700px){
 html[lang=en] main h2,html[lang=en] #trailer h2,html[lang=en] .story-copy h2,html[lang=en] #filmmakers h2,html[lang=en] #out-world h2{font-size:31px;line-height:1.2;max-width:24ch}
 html[lang=ja] main h2,html[lang=ja] #trailer h2,html[lang=ja] .story-copy h2,html[lang=ja] #filmmakers h2,html[lang=ja] #out-world h2{font-size:27px;line-height:1.42}
 .hero-actions{gap:8px 20px}.hero-actions .text-link{font-size:12px;line-height:1.5}
 .hero h1{max-width:100%;text-wrap:balance}
 .section-title>p{max-width:100%;font-size:14px;margin-bottom:20px}
 #out-world .world-title{gap:16px;align-items:center}
 #out-world .world-door strong{font-size:23px;line-height:1.3}
 .collection-access-note{align-items:start;flex-direction:column;gap:12px;padding:18px;margin-top:20px}
 .collection-access-note p{font-size:16px;line-height:1.75}
 .news-heading h2{font-size:27px;line-height:1.25}
 #screenings .screening{grid-template-columns:95px minmax(0,1fr)!important;gap:16px!important}
 #screenings .screening>a{grid-column:2!important;max-width:100%}
 .conversion-heading,.letters-conversion-grid,.watch-out-layout,.recoupment-layout{grid-template-columns:1fr;gap:20px}
 .conversion-section h2,.pamphlet-copy h2{font-size:29px!important;line-height:1.25!important}
 html[lang=ja] .conversion-section h2,html[lang=ja] .pamphlet-copy h2{font-size:27px!important;line-height:1.42!important}
 .conversion-note,.support-cost-note{font-size:12px;line-height:1.8}
 .watch-out-copy>p:first-child,.recoupment-pending{font-size:16px;line-height:1.75}
 .watch-out-copy>.btn{width:100%;justify-content:space-between;font-size:14px}
 .watch-out-release{margin-top:12px}
 .recoupment-target>strong{font-size:32px}
 .immersive-top h2{line-height:1.4!important}
}