/* Full-screen moving-image entrance. Original geometric title lettering. */
/* Each menu destination is a separate view; the home never scrolls. */
.cinema{position:relative;isolation:isolate;height:100svh;min-height:36rem;background:#717675;color:#fff;overflow:hidden}.cinema video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.28) brightness(.86);z-index:-2}.cinema-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(20,26,29,.18),rgba(38,41,43,.06) 35%,rgba(19,25,28,.16) 65%,rgba(16,22,25,.55))}.cinema-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(76vw,68rem);text-align:center;filter:drop-shadow(0 2px 16px #19212630)}.cinema-title h1{margin:0;line-height:1;font-size:inherit;letter-spacing:normal}.cinema-title svg{display:block;width:100%;height:auto;overflow:visible}.author{font-family:Arial,sans-serif;font-size:clamp(.875rem,1.2vw,1rem);font-weight:400;letter-spacing:.26em;margin:1.9rem 0 0}.cinema-header{height:6.5rem;min-height:0;padding:0 3.5%;position:absolute;z-index:5;top:0;left:0;width:100%;border:0;color:white;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem}.cinema-header .brand{justify-self:center;filter:invert(1);mix-blend-mode:screen}.cinema-header .logo{width:48px;height:48px}.cinema-header .logo img{mix-blend-mode:multiply}.menu-toggle{justify-self:start;display:flex;align-items:center;gap:1rem;border:0;background:none;padding:12px 0;color:inherit;font: .875rem 'Courier New',monospace;letter-spacing:.08em}.menu-dots{font:2.2rem Arial,sans-serif;line-height:1}.enter-archive{justify-self:end;padding:14px 18px;border:1px solid #ffffff60;border-radius:3px;background:#ffffff15;backdrop-filter:blur(8px);font-size:.875rem}.enter-archive:hover{background:#ffffff30}.cinema-header nav{position:absolute;left:3.5%;top:5.7rem;margin:0;display:flex;flex-direction:column;gap:0;min-width:260px;padding:16px 26px;background:#e4e7e3ed;backdrop-filter:blur(20px);color:#1b2222;border:1px solid #ffffff60}.cinema-header nav[hidden]{display:none}.cinema-header nav a{display:flex;justify-content:space-between;gap:4rem;padding:17px 0;font-size:1rem;border-bottom:1px solid #212c2c28}.cinema-header nav a:last-child{border:0}.cinema-header nav sup{color:#66706b}.cinema-bottom{position:absolute;bottom:2.3rem;left:3.5%;right:3.5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem}.film-credit>span{font-size:1rem;letter-spacing:.3em}.film-credit small{display:block;font: .75rem 'Courier New',monospace;line-height:1.6;letter-spacing:.07em;margin-top:12px}.scroll-archive{display:flex;flex-direction:column;align-items:center;gap:16px;font-size:.875rem;letter-spacing:.15em}.scroll-archive>span{font-size:24px;font-weight:200}.cinema-bottom button{justify-self:end;color:white;background:none;border:1px solid #ffffff60;padding:12px 16px;display:flex;gap:12px;font-size:.875rem}.cinema-bottom button:hover{background:#ffffff20}.cinema a:focus-visible,.cinema button:focus-visible,.cinema-header a:focus-visible,.cinema-header button:focus-visible{outline:2px solid white;outline-offset:5px}.cinema-header nav a:focus-visible{outline-color:#172321}html{scroll-padding-top:24px}.skip{z-index:20}
@media(max-width:760px){.cinema{min-height:32rem}.cinema-header{height:5.5rem;padding:0 5%;gap:10px;flex-wrap:nowrap}.menu-toggle{gap:8px;font-size:.75rem}.menu-dots{font-size:1.7rem}.enter-archive{font-size:.75rem;padding:12px 10px}.cinema-header .logo{transform:scale(.85)}.cinema-title{width:88vw}.author{margin-top:1.3rem;font-size:.875rem;letter-spacing:.2em}.cinema-bottom{left:5%;right:5%;bottom:1.6rem;grid-template-columns:1fr auto;gap:2rem 1rem}.film-credit{grid-column:1;grid-row:1}.film-credit small{max-width:150px;font-size:.75rem}.film-credit>span{font-size:.875rem}.scroll-archive{grid-column:1 / -1;grid-row:2;gap:8px;justify-self:center}.cinema-bottom button{grid-column:2;grid-row:1;padding:12px;font-size:.75rem}.cinema-header nav{left:5%;right:5%;top:5rem;min-width:0}.cinema video{object-position:50% 50%}}
@media(max-height:500px) and (min-width:761px){.cinema{min-height:30rem}.cinema-title{width:65vw}}
[hidden]{display:none!important}
html{scroll-behavior:auto}
body.home-view{height:100dvh;overflow:hidden}
.home-view .cinema{height:100dvh;min-height:0}
.cinema-header{position:fixed;display:flex;justify-content:flex-start}
body:not(.home-view) .cinema-header{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
body:not(.home-view) main{padding-top:6.5rem;min-height:calc(100dvh - 70px)}
body:not(.home-view) .section{padding-top:35px;padding-bottom:45px}
.cinema-header nav a[aria-current=page]{font-weight:bold}
.bottom-logo{position:relative;width:80px;height:80px;justify-self:center;align-self:end;overflow:hidden;grid-column:2;grid-row:1}
.bottom-logo img{position:absolute;width:440px;max-width:none;left:-177px;top:-83px;filter:invert(1);mix-blend-mode:screen}
.cinema-bottom{grid-template-columns:1fr 80px 1fr}
.cinema-bottom button{grid-column:3;grid-row:1}
@media(max-width:760px){.cinema-bottom{grid-template-columns:1fr 70px 1fr;gap:12px;bottom:max(20px,env(safe-area-inset-bottom))}.bottom-logo{width:70px;height:70px;grid-column:2;grid-row:1}.bottom-logo img{width:385px;left:-155px;top:-73px}.film-credit small{display:none}.film-credit>span{font-size:12px;letter-spacing:.1em}.cinema-bottom button{grid-column:3;grid-row:1;padding:10px 7px;font-size:12px;gap:5px}.cinema-title{top:47%}body:not(.home-view) main{padding-top:5.5rem}}
@media(max-height:420px){.bottom-logo{width:50px;height:50px}.bottom-logo img{width:275px;left:-111px;top:-52px}.cinema-bottom{bottom:14px}.cinema-title{width:64vw;top:48%}.author{margin-top:12px}.cinema-header{height:4rem}}
.cinema-title .author{display:flex;justify-content:flex-end;margin-right:1.55%;line-height:1}.cinema-title .author svg{display:block;width:clamp(125px,15vw,190px);height:auto;overflow:visible}
.cinema-title .author{justify-content:center;margin-right:0}.cinema-title .author svg{width:clamp(112px,13.5vw,171px)}

.cinema-header .enter-archive{margin-left:auto;display:inline-flex;align-items:center;gap:12px;min-height:44px;color:inherit;letter-spacing:.08em;border-radius:0;text-decoration:none}
body:not(.home-view) .cinema-header .enter-archive{display:none}
@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}

/* ICP registration */
.film-credit{position:relative}.home-icp{position:absolute;top:100%;left:0;margin-top:6px;text-align:left;color:#fff;z-index:2}.icp-link{font:12px/1.5 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap}.home-icp .icp-link{display:inline-block;padding:0;background:none;border:0;border-radius:0;font-size:10px;line-height:1.5;letter-spacing:0}.icp-link:hover{text-decoration:underline}footer{flex-wrap:wrap}.home-view .cinema-bottom{bottom:calc(2.3rem + 20px)}@media(max-width:760px){.home-view .cinema-bottom{bottom:calc(max(20px,env(safe-area-inset-bottom)) + 28px)}}@media(max-height:420px){.home-view .cinema-bottom{bottom:42px}}