/* Existing generated originals are decorative category environments. */
.page-cover{display:none;position:fixed;inset:0 auto auto 0;width:100vw;height:100dvh;z-index:1;pointer-events:none;background-position:center top;background-size:100% auto;background-repeat:no-repeat;opacity:.8}
.home-sky,.page-cover{--scene-image-height:calc(100vw / 3);mask-image:linear-gradient(#000 calc(var(--scene-image-height) * .35),rgba(0,0,0,.75) calc(var(--scene-image-height) * .75),transparent var(--scene-image-height))}
body[data-cover=works] .page-cover{display:block;background-image:url('assets/page-covers/works.webp')}
body[data-cover=music] .page-cover{display:block;background-image:url('assets/page-covers/music.webp')}
body[data-cover=blog] .page-cover{display:block;background-image:url('assets/page-covers/blog.webp')}
/* These images live behind the scrolling paper, outside its scroll container. */
body:is([data-page=home],[data-cover]:not([data-cover=none])) .site-frame::before{mask-image:linear-gradient(transparent 120px,#000 470px)}
body:is([data-page=home],[data-cover]:not([data-cover=none])) #content{position:relative;background:transparent}
body:is([data-page=home],[data-cover]:not([data-cover=none])) #content::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,transparent,var(--paper) 10px,var(--paper) calc(100% - 10px),transparent);mask-image:linear-gradient(transparent 120px,#000 470px)}
body:is([data-page=home],[data-cover]:not([data-cover=none])) .site-footer{background:var(--paper)}
body[data-cover=blog] .site-frame:has(.blog-post){background:transparent}
body[data-cover]:not([data-cover=none]) #content>.page-head{padding-top:56px}
body:is([data-cover=music],[data-cover=works]) .page-head-actions{background:var(--paper);padding:8px 12px;margin-right:-12px;border-radius:6px}
/* The paper owns its closing: short pages fill the viewport, long pages end after content. */
.site-frame,body[data-page=home] .site-frame{display:flex;flex-direction:column;padding-bottom:0}
.site-frame>#content,body[data-page=home] .site-frame>#content{flex:1 0 auto;min-width:0}
.site-footer,body[data-page=home] .site-footer{flex:0 0 auto;display:flex;justify-content:center;align-items:center;min-height:88px;margin:0;padding:48px 0 0;border:0;gap:0;flex-wrap:nowrap}
.footer-end{display:block;width:28px;height:1px;background:var(--line)}
@media(max-width:700px){.home-sky,.page-cover{--scene-image-height:260px}.page-cover{background-size:780px auto;background-position:right top}body:is([data-page=home],[data-cover]:not([data-cover=none])) .site-frame::before,body:is([data-page=home],[data-cover]:not([data-cover=none])) #content::before{mask-image:linear-gradient(transparent 90px,#000 340px)}body[data-cover]:not([data-cover=none]) #content>.page-head{padding-top:110px}.site-footer,body[data-page=home] .site-footer{min-height:72px;padding-top:32px}}
@media(max-width:360px){.home-sky,.page-cover{background-size:680px auto;--scene-image-height:calc(680px / 3)}body[data-cover]:not([data-cover=none]) #content>.page-head{padding-top:90px}}