:root{color:#f2f0ed;background:#070707;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#070707}body{background:#070707;min-width:320px;margin:0}button{font:inherit;cursor:pointer}.cover-page{background:#070707;grid-template-rows:auto 1fr auto;gap:16px;min-height:100svh;padding:22px 28px 20px;display:grid;position:relative;overflow:hidden}.cover-page__grain{pointer-events:none;opacity:.3;mix-blend-mode:soft-light;background-image:radial-gradient(#ffffff38 .55px,#0000 .65px);background-size:5px 5px;position:absolute;inset:0}.cover-page__topline,.cover-page__footer{z-index:1;letter-spacing:.19em;color:#ffffffad;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:10px;display:flex;position:relative}.cover-page__topline{border-bottom:1px solid #ffffff3b;padding-bottom:12px}.cover-stage{place-items:center;min-height:0;display:grid;position:relative}.cover-artwork{width:min(100%,1460px,141.4svh - 205.03px);position:relative}.cover-artwork img{width:100%;height:auto;display:block}.cover-details-hotspot{background:0 0;border:0;border-radius:16px;width:20%;height:12%;padding:0;position:absolute;top:77%;left:8%}.cover-details-hotspot:focus-visible{outline-offset:4px;outline:3px solid #55e0bd}.back-button span{margin-left:9px}.cover-page__footer{border-top:1px solid #ffffff3b;align-items:center;padding-top:12px}.cover-page__footer button{color:#fff;letter-spacing:.15em;background:0 0;border:0;padding:0;font-size:10px}.cover-page__footer i{vertical-align:middle;background:#49c5a7;width:38px;height:1px;margin-left:10px;display:inline-block}.details-page{color:#f7f5f1;background:#0a0a0a;min-height:100svh}.detail-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0af0;border-bottom:1px solid #ffffff2e;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px clamp(18px,4vw,70px);display:grid;position:sticky;top:0}.brand,.back-button{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.brand{text-align:left;letter-spacing:.04em;font-size:18px}.brand span{color:#59d7b7;letter-spacing:.15em;margin-left:7px;font-size:10px}.detail-nav__title{letter-spacing:.11em;text-align:center;font-size:12px}.back-button{color:#80e4cb;justify-self:end}.film-section,.project-pages{width:min(100% - 36px,1240px);margin:0 auto}.film-section{padding:clamp(40px,7vw,100px) 0 clamp(70px,10vw,130px)}.section-label{color:#4de3bc;letter-spacing:.17em;margin-bottom:18px;font-size:11px;font-weight:700}.film-card{background:#000;border:1px solid #ffffff42;position:relative;overflow:hidden}.film-card img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.film-card:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0003,#0000 50%,#00000040);position:absolute;inset:0}.film-image-link{z-index:2;border-radius:14px;width:19%;height:16%;position:absolute;top:70%;left:5%}.film-image-link:focus-visible{outline-offset:4px;outline:3px solid #55e0bd}.film-section p{color:#ffffffa3;margin:16px 0 0;font-size:13px}.project-pages{padding-bottom:80px}.project-page{background:#171717;width:min(100%,1080px);margin:0 auto 18px}.project-page img{width:100%;height:auto;display:block}.detail-footer{color:#ffffff94;letter-spacing:.14em;border-top:1px solid #ffffff2e;justify-content:space-between;padding:24px clamp(18px,4vw,70px);font-size:10px;display:flex}.detail-footer button{color:#fff;letter-spacing:.1em;background:0 0;border:0}@media (width<=700px){.cover-page{padding:16px}.cover-page__topline span:last-child{display:none}.cover-page__footer{flex-direction:column;align-items:flex-start}.detail-nav{grid-template-columns:1fr auto}.detail-nav__title{display:none}.film-section,.project-pages{width:min(100% - 24px,1240px)}.detail-footer{flex-direction:column;align-items:flex-start;gap:15px}}