@font-face{font-family:StudyScript;src:url('assets/cover-script.woff') format('woff');font-display:swap;font-weight:400}
/* Artwork above and below the flexible centre preserves circular objects on tall screens. */
.cover.original-cover{height:100svh;min-height:560px;background:#0e263e}
.original-cover:before{background:linear-gradient(#0c2038aa,#081a2ad9),url('assets/cover-art-v4.png') center/cover;filter:blur(25px)}
.cover-page{width:min(100vw,64svh);height:100%;aspect-ratio:auto;container-type:inline-size;overflow:hidden;background:radial-gradient(ellipse at 62% 47%,#244a6e66,transparent 50%),radial-gradient(ellipse at 25% 53%,#21465f66,transparent 53%),#143755;box-shadow:0 0 110px #0003}
.cover-art-top,.cover-art-bottom{position:absolute;left:0;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}
.cover-art-top{top:0;mask-image:linear-gradient(#000 0 25%,#000d 33%,transparent 58%)}
.cover-art-bottom{bottom:0;mask-image:linear-gradient(transparent 0 54%,#000b 63%,#000 73%)}
.cover-border{position:absolute;inset:23% 4.35% 15%;border-left:1px solid #c79c568c;border-right:1px solid #c79c568c;pointer-events:none}
.cover-lettering{position:absolute;top:31%;left:9%;right:7%;text-align:center;color:#f1cc8b;filter:drop-shadow(0 2px 8px #07162799)}
.cover-the{font:400 clamp(28px,8.4cqw,58px)/.95 StudyScript,Georgia,serif;transform:translateX(-1%)}
.cover-name{font:400 clamp(48px,15.7cqw,108px)/1.2 StudyScript,Georgia,serif;white-space:nowrap;letter-spacing:-.015em;background:linear-gradient(135deg,#b9853c 10%,#ffe3a8 35%,#e9b96d 52%,#ffdf9d 72%,#b7833d 100%);background-clip:text;-webkit-background-clip:text;color:transparent;padding:0 3px 8px}
.cover-tagline{font:italic clamp(11px,2.65cqw,16px)/1.6 Georgia,serif;letter-spacing:.09em;color:#e4ca94;margin-top:8px}
.cover-entry{top:53%;left:50%;transform:translateX(-50%);width:min(66%,300px);height:74px;min-height:60px;padding:9px 25px 11px;border:0;border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;filter:drop-shadow(0 7px 8px #020a1199);transition:filter .2s,transform .2s;outline-offset:7px}
.entry-plaque{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.entry-label{font:400 33px/1.15 StudyScript,Georgia,serif;color:#f5d79c;text-shadow:0 1px 2px #160d06}.entry-caption{font-size:10px;line-height:1.4;letter-spacing:.24em;color:#d5ba8d}
.cover-entry:hover{background:transparent;box-shadow:none;filter:drop-shadow(0 5px 10px #0009) brightness(1.12)}
.cover-entry:active{background:transparent;box-shadow:none;transform:translateX(-50%) translateY(2px);filter:drop-shadow(0 2px 4px #000a) brightness(.96)}
.cover-entry:focus-visible{outline:2px solid #ffe2a4;box-shadow:none}
.cover-signature{position:absolute;left:10%;right:10%;bottom:5%;text-align:center;color:#e8c995;text-shadow:0 1px 4px #0c2237}
.cover-signature p{font:italic 17px/1.5 Georgia,serif;letter-spacing:.2em}.cover-signature p span{padding:0 5px;font-size:12px}.cover-signature small{display:block;margin-top:7px;font:italic 11px/1.65 Georgia,serif;letter-spacing:.06em}.signature-break{display:none}
.lamplight{left:23%;top:19%;opacity:.13}.crystal-light{left:50%;top:auto;bottom:15%;width:25%;height:16%;opacity:.1}
body:has(.original-cover:not([hidden])) .grain{display:none}body:has(.original-cover:not([hidden])) #motes{opacity:.18}
@media(max-width:700px){.cover.original-cover{min-height:540px}.cover-page{width:100%}.cover-lettering{top:32%;left:8%;right:6%}.cover-entry{height:66px;top:53%;width:min(67%,278px)}.entry-label{font-size:30px}.entry-caption{font-size:9px}.cover-signature p{font-size:14px}.cover-signature small{font-size:10px;letter-spacing:.04em}.cover-signature{bottom:4.6%;left:9%;right:9%}.signature-break{display:block}.cover-tagline{margin-top:10px;font-size:11px;letter-spacing:.045em}}
@media(max-width:360px){.cover-name{font-size:15.4cqw}.cover-the{font-size:9cqw}.cover-entry{width:71%;height:62px}.entry-label{font-size:28px}.cover-tagline{font-size:10px}.cover-signature small{font-size:9px}}
@media(max-height:650px) and (min-width:701px){.cover.original-cover{min-height:540px}.cover-entry{height:62px;top:54%}.entry-label{font-size:28px}.cover-lettering{top:30%}.cover-signature{bottom:3%}}
.cover-signature{top:calc(100% - 25.5cqw + 8px);bottom:auto}
@media(min-width:701px){.cover-lettering{top:26%}.cover-name{font-size:clamp(56px,14cqw,94px)}.cover-the{font-size:clamp(28px,7cqw,48px)}.cover-tagline{font-size:clamp(11px,2.4cqw,15px);margin-top:4px}.cover-entry{top:50%;height:68px}}
/* Gently uneven gold leaf: variations tint the strokes without erasing them. */
.cover-name,.cover-the{background-image:repeating-linear-gradient(113deg,transparent 0 3px,#69441d30 3.3px 3.65px,transparent 4px 7px),repeating-linear-gradient(17deg,transparent 0 5px,#fff2cb28 5.2px 5.55px,transparent 6px 11px),linear-gradient(135deg,#ad7c3c 5%,#edd09a 27%,#cda35f 45%,#f6dca5 64%,#bd8c47 83%,#e4c385);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px .3px #51371988)}
.cover-tagline{color:#d8bf8c;text-shadow:0 1px 1px #1b243799}