/* One continuous paper curtain, shared by every native HTML page. */
@view-transition{navigation:none}
html.page-arriving{scroll-behavior:auto!important}
.page-curtain{position:fixed;inset:0;z-index:1000;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));visibility:hidden;pointer-events:none;overflow:hidden;isolation:isolate}
.curtain-panel{background:#111;transform:translateY(101%);will-change:transform}
.curtain-panel:nth-child(2){background:#1a1a1a;border-inline:1px solid #494949}
.curtain-panel:nth-child(3){background:#242424}
.curtain-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;color:#ddd;opacity:0;pointer-events:none}
.curtain-number{font:12px/1 var(--mono);letter-spacing:.22em;border-bottom:1px solid #777;padding:0 28px 18px}
.curtain-title{font:600 clamp(36px,5.5vw,78px)/1.15 var(--sans);letter-spacing:.08em}
html[data-lang=en] .curtain-title{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(44px,7vw,100px);letter-spacing:-.045em}
.page-leaving .page-curtain,.page-arriving .page-curtain{visibility:visible}
.page-leaving .page-curtain{pointer-events:auto}
.page-leaving .curtain-panel{animation:curtain-close .52s cubic-bezier(.65,0,.25,1) both}
.page-leaving .curtain-label{animation:curtain-type-in .18s .48s ease both}
.page-arriving .curtain-panel{transform:translateY(0)}
.page-arriving .curtain-label{opacity:1}
.page-revealing .curtain-panel{animation:curtain-open .68s cubic-bezier(.65,0,.25,1) both}
.page-revealing .curtain-label{animation:curtain-type-out .3s ease both}
.page-leaving .curtain-panel:nth-child(2),.page-revealing .curtain-panel:nth-child(2){animation-delay:.06s}
.page-leaving .curtain-panel:nth-child(3),.page-revealing .curtain-panel:nth-child(3){animation-delay:.12s}
.page-arriving .page-curtain{animation:curtain-failsafe 0s 2.5s forwards}
@keyframes curtain-close{from{transform:translateY(101%)}to{transform:translateY(0)}}
@keyframes curtain-open{from{transform:translateY(0)}to{transform:translateY(-101%)}}
@keyframes curtain-type-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes curtain-type-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}
@keyframes curtain-failsafe{to{visibility:hidden}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .translation-card .poster-words em{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
 .translation-card:hover .poster-words em,.translation-card:focus-visible .poster-words em{transform:translateY(-5px)}
}
@media(max-width:760px){.curtain-title{font-size:36px;letter-spacing:.04em}.curtain-label{gap:18px}}
@media(prefers-reduced-motion:reduce){
 .page-curtain{display:none!important}
 html{scroll-behavior:auto}
 .translation-card .poster-words em{transition:none;transform:none}
}
@media print{.page-curtain{display:none!important}}