@font-face{font-family:XiHuanHub;src:url('./assets/xihuanti-hub.woff2') format('woff2');font-display:swap}
:root{color:#282623;background:#fffdf8;font-family:XiHuanHub,serif;font-weight:600}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b38a36;outline-offset:10px}header{max-width:1200px;margin:auto;padding:32px 44px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:block;line-height:0}.wordmark img{display:block;width:160px;height:auto}.header-note{font-size:23px;color:#82745f}main{max-width:1112px;min-height:calc(100svh - 188px);margin:auto;padding:54px 44px 68px;display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center}.introduction{padding-bottom:40px}.eyebrow{font-size:25px;color:#82745f;margin:0 0 30px}h1{font-size:clamp(50px,5.6vw,74px);line-height:1.35;font-weight:700;letter-spacing:0;margin:0 0 25px}.intro-copy{font-size:25px;line-height:1.7;margin:0;color:#746957}.scribble{display:block;width:145px;height:77px;margin:12px 0 0 96px;color:#b6a46d}.film-list{display:grid;gap:45px;min-width:0}.film-link{position:relative;display:block;padding:24px 25px 21px;background:#f5e9c8;border-radius:7px 12px 8px 9px;transition:transform .24s ease;isolation:isolate}.film-link:before{content:'';position:absolute;inset:8px -8px -8px 5px;z-index:-1;background:#e9d7af;border-radius:7px;transform:rotate(3deg)}.film-link:hover{transform:translateY(-6px) rotate(-1deg)}.film-art{position:relative;margin:0}.film-art img{display:block;width:100%;height:380px;object-fit:contain;background:#eee9df;box-shadow:0 5px 18px #4c361f18}.film-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:19px}.film-label h2{font-size:32px;line-height:1.2;margin:0}.film-label span{font-size:23px;white-space:nowrap}.film-description{font-size:21px;color:#746957;line-height:1.5;margin:9px 0 0}.star{position:absolute;width:61px;height:61px;right:-39px;top:38px;color:#e39abd;pointer-events:none}.film-link:after{content:'';position:absolute;width:70px;height:24px;left:30px;top:-11px;background:#eedb9dbb;transform:rotate(-5deg)}footer{max-width:1200px;margin:auto;padding:20px 44px 25px;font-size:19px;color:#a2947b}@media(max-width:800px){header{padding:25px 25px 15px}.wordmark img{width:144px}.header-note{font-size:20px}main{padding:42px 30px 55px;grid-template-columns:1fr;gap:30px;max-width:530px;min-height:0}.introduction{padding:0}.eyebrow{font-size:22px;margin-bottom:20px}h1{font-size:53px;margin-bottom:19px}.intro-copy{font-size:23px;line-height:1.5}.intro-copy br{display:none}.scribble{width:110px;height:53px;margin:4px 0 0 160px}.film-art img{height:370px}.film-label h2{font-size:30px}.film-label span{font-size:21px}.star{width:48px;right:-30px;top:38px}.film-description{font-size:21px}.film-link{padding:20px 20px 19px}footer{padding:25px 30px;font-size:17px}}@media(max-width:380px){h1{font-size:46px}.film-art img{height:330px}.header-note{font-size:18px}main{padding-left:24px;padding-right:24px}.film-label h2{font-size:27px}.film-label span{font-size:19px}}@media(prefers-reduced-motion:reduce){.film-link{transition:none}.film-link:hover{transform:none}}
/* Keep the original design; only stack the homepage and film folders. */
main{grid-template-columns:minmax(0,440px);justify-content:center;align-items:start;gap:45px;padding-top:32px}.introduction{padding-bottom:0}.film-list{width:100%}.film-art{width:min(100%,242px);margin:0 auto}.film-art img{width:100%;height:auto;object-fit:initial;background:transparent}
@media(max-width:800px){main{gap:35px}.film-art{width:min(100%,242px)}.film-art img{height:auto}}