.cover{background:#e8e3d8;color:#282722}
.cover-art{background-image:url('./assets/chenhu-cover-sketch.png');background-size:cover;background-position:62% center;filter:none}
.cover-art>*{display:none}
.cover-art:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(244,240,231,.96) 0%,rgba(244,240,231,.88) 13%,rgba(244,240,231,.62) 31%,rgba(244,240,231,.2) 48%,rgba(244,240,231,0) 65%);pointer-events:none}
.cover-art:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 56%,rgba(244,240,231,.08) 70%,rgba(244,240,231,.34) 91%,rgba(244,240,231,.58) 100%),linear-gradient(180deg,rgba(244,240,231,.34) 0%,transparent 18%,transparent 73%,rgba(244,240,231,.32) 100%)}
.cover:after{opacity:.07;mix-blend-mode:multiply}
.cover-header{height:88px;border-bottom-color:rgba(38,36,31,.17);padding-inline:4.2vw}
.cover-nav{align-self:stretch;display:flex;align-items:stretch;gap:42px}
.cover-nav button{position:relative;color:#34322d;font:600 12px var(--song);letter-spacing:.18em;padding:0 3px;text-shadow:0 1px 5px rgba(248,245,238,.95)}
.cover-nav button:hover,.cover-nav .is-current{color:#201f1c}
.cover-nav .is-current:after{content:"";position:absolute;left:2px;right:2px;bottom:0;height:2px;background:var(--red)}
.cover-copy{left:9.2vw;top:50%;max-width:640px}
.cover-copy h1{font-size:clamp(58px,6.7vw,102px);line-height:1.14;letter-spacing:.1em;margin-top:30px;text-shadow:0 1px rgba(255,255,255,.38)}
.cover-copy>p:not(.eyebrow){color:#4d4a43;font-size:14px;letter-spacing:.18em}
.enter-button{background:#22211e;width:196px;height:56px;margin-top:48px;box-shadow:0 13px 30px rgba(49,43,32,.12)}
.enter-button:hover{width:218px;background:#171714}
.cover-note{right:4.2vw;bottom:5.2vh;padding:13px 16px 13px 20px;border-left:1px solid rgba(45,43,38,.5);color:#34312c;background:linear-gradient(90deg,rgba(244,240,231,.12),rgba(244,240,231,.58));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-shadow:0 1px 5px rgba(248,245,238,.9)}
.cover-note span{font-family:var(--song);letter-spacing:.12em}
.scroll-mark{left:4.2vw}
@media(max-width:900px){.cover-nav{gap:20px}.cover-nav button{font-size:11px}.cover-copy{left:24px}.cover-art{background-position:68% center}.cover-art:before{background:linear-gradient(90deg,rgba(244,240,231,.97),rgba(244,240,231,.84) 35%,rgba(244,240,231,.32) 66%,transparent 86%)}.cover-copy h1{font-size:54px}}
@media(max-width:560px){.cover-header{padding-inline:20px}.cover-nav button:first-child{display:none}.cover-nav{gap:16px}.cover-art{background-position:64% center}.cover-copy h1{font-size:45px}.cover-copy>p:not(.eyebrow){max-width:280px}.enter-button{margin-top:36px}.cover-note{display:none}}