:root{color:#f5eeea;background:#171010;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#171010}body{background:#171010;min-width:320px;margin:0}button{font:inherit;cursor:pointer}.cover-page{background:#171010;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:.26;mix-blend-mode:soft-light;background-image:radial-gradient(#fff8e633 .55px,#0000 .65px);background-size:5px 5px;position:absolute;inset:0}.cover-page__topline,.cover-page__footer{z-index:1;letter-spacing:.19em;color:#ffefe5b3;text-transform:uppercase;justify-content:space-between;gap:20px;font-size:10px;display:flex;position:relative}.cover-page__topline{border-bottom:1px solid #ffe5d63d;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:18px;width:19%;height:11%;padding:0;position:absolute;top:83%;left:3%}.cover-details-hotspot:focus-visible{outline-offset:4px;outline:3px solid #f6b11e}.cover-page__footer{border-top:1px solid #ffe5d63d;align-items:center;padding-top:12px}.cover-page__footer button{color:#fff7f0;letter-spacing:.15em;background:0 0;border:0;padding:0;font-size:10px}.cover-page__footer i{vertical-align:middle;background:#e3aa2c;width:38px;height:1px;margin-left:10px;display:inline-block}.details-page{color:#fff6f1;background:#1b1010;min-height:100svh}.detail-nav{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1b1010f0;border-bottom:1px solid #ffe5d638;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:#fff7f0;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:#f2b22b;letter-spacing:.15em;margin-left:7px;font-size:10px}.detail-nav__title{letter-spacing:.11em;text-align:center;font-size:12px}.back-button{color:#f4bd48;justify-self:end}.back-button span{margin-left:9px}.project-pages{width:min(100% - 36px,1240px);margin:0 auto;padding:clamp(40px,7vw,100px) 0 80px}.section-label{color:#efb038;letter-spacing:.17em;margin-bottom:18px;font-size:11px;font-weight:700}.project-page{background:#2d1714;width:min(100%,1080px);margin:0 auto 18px}.project-page img{width:100%;height:auto;display:block}.detail-footer{color:#ffefe59e;letter-spacing:.14em;border-top:1px solid #ffe5d633;justify-content:space-between;padding:24px clamp(18px,4vw,70px);font-size:10px;display:flex}.detail-footer button{color:#fff7f0;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}.project-pages{width:min(100% - 24px,1240px)}.detail-footer{flex-direction:column;align-items:flex-start;gap:15px}}