:root{color:#f6eddd;background:#080706;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#080706;min-width:320px;margin:0}button{font:inherit}.cover-page{background:radial-gradient(circle at 68% 35%,#392b14 0,#171109 31%,#080706 65%);grid-template-rows:auto minmax(0,1fr) auto;gap:18px;min-height:100svh;padding:22px 28px 17px;display:grid}.cover-header,.cover-footer{color:#e3d5bb;letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.cover-header{text-transform:uppercase;border-bottom:1px solid #ffffff2e;padding-bottom:12px}.cover-stage{place-items:center;min-height:0;display:grid}.cover-artwork{width:min(100%,1460px,141.4svh - 205.03px);position:relative}.cover-artwork img{width:100%;height:auto;display:block;box-shadow:0 16px 54px #00000080}.cover-details-hotspot{cursor:pointer;background:0 0;border:0;border-radius:999px;width:20%;height:9%;padding:0;position:absolute;top:84%;left:40%}.cover-details-hotspot:focus-visible,.video-hotspot:focus-visible{outline-offset:4px;outline:3px solid #fff}.cover-footer{border-top:1px solid #ffffff2e;padding-top:12px}.cover-footer button{color:#ebbd66;letter-spacing:.14em;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.details-page{color:#f7f0e2;background:#080706;min-height:100svh}.project-header{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080706f2;border-bottom:1px solid #ffffff2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:71px;padding:0 46px;display:grid;position:sticky;top:0}.project-header p{letter-spacing:.08em;margin:0;font-size:14px}.brand,.back-button{color:#fff;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:700}.brand span{color:#d7a647;letter-spacing:.13em;margin-left:10px;font-size:12px}.back-button{color:#e5ba69;text-align:right;justify-self:end}.back-button span{margin-left:8px}.video-section,.documentation{padding:76px max(22px,50vw - 770px) 0}.documentation{padding-top:74px;padding-bottom:42px}.eyebrow{color:#e9b34d;letter-spacing:.16em;margin:0 0 20px;font-size:13px;font-weight:700}.video-artwork{background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 14px 42px #0000006b}.video-artwork img{width:100%;height:auto;display:block}.video-hotspot{border-radius:20px;width:21%;height:10%;position:absolute;top:67.5%;left:39%}.project-page{background:#fff;width:100%;margin:0 0 26px;overflow:hidden;box-shadow:0 14px 42px #00000045}.project-page img{width:100%;height:auto;display:block}.details-footer{color:#d9c4a0;letter-spacing:.12em;border-top:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:25px 46px 48px;font-size:11px;display:flex}.details-footer button{color:#fff;cursor:pointer;background:0 0;border:1px solid #dbad55;border-radius:999px;padding:10px 17px}@media (width<=700px){.cover-page{gap:14px;padding:15px 14px}.cover-header,.cover-footer{letter-spacing:.08em;font-size:9px}.cover-artwork{width:100%}.project-header{grid-template-columns:1fr auto;min-height:60px;padding:0 16px}.project-header p,.brand span{display:none}.video-section,.documentation{padding:40px 12px 0}.documentation{padding-top:34px;padding-bottom:25px}.eyebrow{font-size:10px}.project-page{margin-bottom:12px}.details-footer{padding:20px 16px 35px;font-size:9px}}