@font-face{font-family:Cormorant;src:url('assets/cormorant.ttf') format('truetype');font-weight:300 700;font-display:swap}
@font-face{font-family:ArchiveSerif;src:url('assets/chinese-v4.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f8f9f7;--ink:#252c2c;--muted:#626967;--line:#d6ddda;--green:#253d3d;--accent:#a94b78;--serif:ArchiveSerif,'Songti SC',SimSun,serif;--body:'Microsoft YaHei','PingFang SC',sans-serif;--display:Cormorant,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font:16px var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;padding:0;border:0;background:none;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #a94b78;outline-offset:5px}svg{fill:none;stroke:currentColor;stroke-width:1.1}button svg{pointer-events:none}.skip-link{position:fixed;z-index:20;top:12px;left:12px;padding:12px;background:white;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{height:96px;margin:0 clamp(24px,5vw,96px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:37px;line-height:1;display:flex;align-items:baseline;gap:17px}.wordmark span{font-size:21px;font-style:italic;color:var(--muted)}nav{display:flex;gap:38px;align-items:center;font-family:var(--serif);font-size:17px}.nav-link{position:relative;padding:9px 0}.nav-link::after{content:'';height:1px;position:absolute;bottom:0;left:0;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-link.active::after,.nav-link:hover::after{transform:scaleX(1)}
.hero{padding:42px clamp(24px,5vw,96px) 70px;overflow:hidden}.hero-stage{display:grid;grid-template-columns:76px minmax(0,1fr);gap:42px;max-width:1400px;margin:0 auto;align-items:start}.hero-side{display:flex;flex-direction:column;align-items:center;padding-top:45px;gap:44px}.hero-title{writing-mode:vertical-rl;font-family:var(--serif);font-weight:400;font-size:23px;letter-spacing:.28em;line-height:1.65;margin:0;padding-top:.28em}.frame-selector{display:flex;flex-direction:column;gap:18px}.frame-choice{width:66px;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}.frame-choice img{display:block;width:66px;height:38px;object-fit:contain;opacity:1;transition:opacity .2s}.frame-choice span{font-family:var(--display);font-size:18px;line-height:1.15;color:var(--muted)}.frame-choice::before{content:'';position:absolute;left:-6px;top:-4px;right:-6px;height:46px;border:1px solid transparent}.frame-choice.selected::before{border-color:var(--accent)}.frame-choice.selected img,.frame-choice:hover img{opacity:1}.frame-choice.selected span{color:var(--accent)}
.film-piece{width:min(100%,calc((100svh - 250px)*16/9));min-width:0;justify-self:center}.film-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;font-size:14px;line-height:1.5;color:var(--muted)}.film-topline>span:first-child{display:flex;gap:13px}.film-topline>span:last-child{font-family:var(--display);font-size:21px;color:var(--ink)}#scene-time{font-family:var(--display);font-size:18px;line-height:1.25}
.poster-button{display:block;position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate;background:#eceee9}.poster-button>img{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .22s}.poster-button>img.switching{opacity:0}.poster-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:1px solid #fff9;background:#1a252584;display:grid;place-items:center;color:white;opacity:0;transition:opacity .22s}.poster-play svg{width:28px;height:28px;fill:currentColor;stroke:none;margin-left:3px}.poster-button:hover .poster-play,.poster-button:focus-visible .poster-play{opacity:1}.film-caption{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:21px;min-height:54px}.film-caption p{font-family:var(--serif);font-size:16px;line-height:1.8;letter-spacing:.04em;margin:0}.play-button{display:flex;align-items:center;gap:22px;font-family:var(--serif);font-size:18px;white-space:nowrap;min-height:54px}.play-disc{width:49px;height:49px;border:1px solid #919c97;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s,border-color .2s}.play-disc svg{width:21px;height:21px;fill:currentColor;stroke:none;margin-left:2px}.play-button:hover .play-disc{background:var(--green);color:white;border-color:var(--green)}
.contact{background:var(--green);color:#f5f5eb;padding:75px clamp(24px,5vw,96px) 78px;position:relative}.contact-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1.55fr;gap:80px}.contact-heading h2{font-family:var(--serif);font-weight:400;font-size:55px;letter-spacing:.12em;line-height:1.3;margin:0 0 24px}.contact-heading p{font-family:var(--serif);font-size:17px;line-height:1.8;margin:0}.plane{width:180px;height:110px;stroke:#dce7d1;stroke-width:.65;opacity:.6;margin-top:40px;transform:rotate(-7deg)}.name{font-family:var(--serif);font-size:23px;letter-spacing:.16em;margin:4px 0 19px}.email-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:35px}.email{font-family:var(--display);font-size:clamp(29px,2.9vw,45px);font-weight:500;line-height:1.2;padding-bottom:10px;border-bottom:1px solid #e3e9df9c;white-space:nowrap}.copy-button{display:flex;align-items:center;gap:7px;font-size:14px;padding:12px 0;color:#d8e1d9}.copy-button svg{width:18px;height:18px}.availability{display:grid;grid-template-columns:1fr 1.12fr;gap:28px;padding-top:24px;border-top:1px solid #cedbc44d;font-size:15px;line-height:2;color:#dce5dc}.availability p{margin:0}.site-footer{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(24px,5vw,96px);font-size:14px;background:#1e3333;color:#d2ded5}.site-footer span{font-family:var(--display);font-size:19px}.site-footer a{padding:8px 0}
.cinema{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#16151a;color:#f3f0f5;overflow:auto}.cinema::backdrop{background:#16151a}.cinema-open{overflow:hidden}.cinema-shell{min-height:100%;display:flex;flex-direction:column;padding:24px 36px}.cinema-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;max-width:1440px;margin:0 auto 20px;min-height:40px;font-family:var(--display);font-size:25px}.cinema-year{color:#c0bcc9;font-size:21px;margin-left:12px}.cinema-actions{display:flex;gap:24px}.cinema-actions button{display:flex;align-items:center;gap:9px;font-family:var(--body);font-size:14px;min-height:44px}.cinema-actions svg{width:21px;height:21px}.video-stage{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.video-stage video{display:block;max-width:100%;width:min(100%,calc((100dvh - 140px)*16/9));height:auto;max-height:calc(100dvh - 140px);object-fit:contain;background:#000}.video-error{text-align:center;margin:20px auto;color:#f3f0f5;font-size:15px}.video-error button{border:1px solid #9c97a7;padding:10px 20px}[hidden]{display:none!important}.notice{position:fixed;bottom:25px;left:50%;transform:translate(-50%,10px);padding:12px 22px;background:#1b2828;color:white;opacity:0;pointer-events:none;z-index:30;font-size:14px;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.notice.visible{opacity:1;transform:translate(-50%,0)}
@keyframes reveal-picture{from{opacity:0;clip-path:inset(0 5% 0 5%)}to{opacity:1;clip-path:inset(0)}}@media(prefers-reduced-motion:no-preference){.poster-button{animation:reveal-picture .8s cubic-bezier(.2,.7,.25,1) both}}
@media(min-width:1800px){.hero-stage{max-width:1680px}.film-piece{max-width:1400px}.contact-inner{max-width:1400px}}
@media(max-width:1200px){.hero-stage{gap:25px;grid-template-columns:70px minmax(0,1fr)}.hero-side{gap:30px;padding-top:38px}.contact-inner{gap:42px;grid-template-columns:1fr 1.75fr}.availability{grid-template-columns:1fr;gap:15px}.film-caption{gap:18px}.film-caption p{font-size:15px}.play-button{font-size:17px;gap:15px}}
@media(min-width:781px) and (max-height:800px){.site-header{height:76px}.hero{padding-top:24px;padding-bottom:35px}.film-piece{width:min(100%,calc((100svh - 215px)*16/9))}.hero-title{font-size:20px}.hero-side{gap:26px;padding-top:45px}.frame-selector{gap:11px}.frame-choice span{font-size:17px}.film-topline{margin-bottom:14px}.film-caption{margin-top:15px}}
@media(max-width:780px){
 .site-header{height:78px;margin:0 22px}.wordmark{font-size:32px;gap:10px}.wordmark span{font-size:18px}nav{gap:26px;font-size:16px}.hero{padding:30px 22px 44px}.hero-stage{display:flex;flex-direction:column;gap:0}.hero-side{display:contents}.hero-title{writing-mode:horizontal-tb;order:0;margin:0 auto 28px;padding:0;font-size:20px;letter-spacing:.14em}.film-piece{order:1;width:100%}.film-topline{font-size:14px;margin-bottom:13px}.film-topline>span:last-child{font-size:18px}#scene-time{font-size:17px}.film-caption{margin-top:20px;align-items:flex-start;flex-direction:column;gap:15px}.film-caption p{font-size:15px;letter-spacing:0}.play-button{width:100%;justify-content:space-between;min-height:49px;font-size:17px}.play-disc{width:45px;height:45px}.frame-selector{order:2;flex-direction:row;justify-content:center;width:100%;gap:27px;margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}.frame-choice,.frame-choice img{width:67px}.frame-choice img{height:38px}.frame-choice span{font-size:18px}.frame-choice::before{height:46px}
 .contact{padding:48px 24px 50px}.contact-inner{grid-template-columns:1fr;gap:40px}.contact-heading{position:relative}.contact-heading h2{font-size:38px;margin-bottom:15px}.contact-heading p{font-size:16px}.plane{position:absolute;right:0;top:-8px;width:94px;height:62px;margin:0;opacity:.45}.name{font-size:21px;margin-bottom:20px}.email-row{gap:15px;margin-bottom:26px}.email{font-size:32px}.copy-button{font-size:14px}.availability{font-size:14px;line-height:2;gap:20px;padding-top:22px}.site-footer{padding:17px 24px;font-size:13px}.site-footer span{font-size:18px}
 .cinema-shell{padding:14px 16px}.cinema-bar{font-size:23px;margin-bottom:12px}.cinema-year{font-size:18px;margin-left:7px}.cinema-actions{gap:15px}.cinema-actions span{display:none}.cinema-actions button{min-width:36px;justify-content:center}.cinema-actions svg{width:24px;height:24px}.video-stage video{width:100%;max-height:calc(100dvh - 120px)}
}
@media(max-width:360px){.site-header{margin:0 18px}.wordmark span{display:none}.hero{padding-left:18px;padding-right:18px}.film-caption p{font-size:14px}.frame-selector{gap:22px}.email{font-size:28px}.email-row{gap:14px}.contact{padding-left:22px;padding-right:22px}.contact-heading p{font-size:15px}.plane{width:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}