/* One continuous cloth cover: artwork keeps its natural proportions. */
.cover-sheet.hardcover-front.typographic-cover{padding:1.2% 1.5% 1.2% 4%;gap:0;background-color:#103945;background-image:url('paper-grain.svg'),linear-gradient(110deg,#0b303c,#103945 40%,#123e49);background-size:144px 144px,100% 100%;border-color:#254b55;box-shadow:inset 0 1px 1px #8aa4a35c,inset -3px -3px 8px #00151e9c}
.hardcover-front.typographic-cover:after{display:none}
.hardcover-front.typographic-cover:before{background:linear-gradient(90deg,#031f2b,#173e4a 38%,#52717a 48%,#123440 63%,#082a37);border-right-color:#5e797966}
.typographic-cover .cover-foil-mark{display:none}
.typographic-cover .cover-art-frame{display:flex;flex:1;width:100%;min-height:0;min-width:0;border:0;border-radius:0;padding:0;margin:0;background:transparent;box-shadow:none;cursor:pointer;appearance:none}
.typographic-cover .cover-art-frame picture{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;min-height:0}
.typographic-cover .cover-poster{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;flex-shrink:1;mask-image:linear-gradient(90deg,transparent,#000 1.2%,#000 98.8%,transparent),linear-gradient(0deg,transparent,#000 1.2%,#000 98.8%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.typographic-cover .cover-art-frame:focus-visible{outline:2px solid #e6cb88;outline-offset:-3px}
.catalog-invitation img{width:auto;max-width:100%;max-height:min(76svh,780px);height:auto;border-radius:2px;box-shadow:0 15px 42px #0008}
.catalog-invitation h1{font-size:clamp(24px,4vw,30px);margin:22px 0 12px}
@media(max-width:759px){.cover-sheet.hardcover-front.typographic-cover{padding:1.2% 1.5% 1.2% 4.8%;gap:0}}
