/* Photography-led presentation of the approved product mockups. */
.hero{grid-template-columns:1.04fr 1fr;align-items:center;padding-top:52px;padding-bottom:80px;min-height:770px}
.hero-gallery.product-showcase{padding-top:0;max-width:490px;width:100%;justify-self:end;display:block}
.product-showcase .gallery-caption{padding:0 0 18px;font-size:9px;letter-spacing:.17em}
.product-showcase .gallery-caption .spotlight-counter{font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:.07em}
.product-visual{display:block;width:100%;aspect-ratio:1;background:#242626;overflow:hidden}
.product-visual img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:1}
.spotlight-frames{border:1px solid #d5d5c326;box-shadow:0 20px 55px #0002}
.spotlight-frame{display:block}
.spotlight-caption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 20px;background:#1b2420;padding:16px 20px}
.spotlight-caption>span:first-child{font-size:8px;letter-spacing:.15em;color:var(--copper)}
.spotlight-caption>strong{grid-column:1;font-family:var(--serif);font-size:23px;font-weight:400;line-height:1.3}
.spotlight-caption>span:last-child{grid-column:2;grid-row:1/3;color:var(--copper);font-size:25px}
.spotlight-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:15px}
.spotlight-thumb{position:relative;padding:0;border:1px solid #d5d5c32b;opacity:.55;transition:opacity .2s,border-color .2s;background:#1b2420;overflow:hidden;height:73px}
.spotlight-thumb img{width:100%;height:100%;object-fit:contain;display:block;aspect-ratio:1}
.spotlight-thumb>span{position:absolute;right:6px;bottom:4px;font-size:8px;letter-spacing:.06em;color:var(--paper);padding:1px 4px;background:#141a19d9}
.spotlight-thumb[aria-pressed=true],.spotlight-thumb:hover{opacity:1;border-color:var(--copper)}
.mockup-stage{display:block;width:100%;aspect-ratio:1;padding:0;position:relative;overflow:hidden;background:#222725;border:1px solid #20251d20}
.mockup-stage:focus-visible{outline-color:var(--copper-dark)}
.mockup-stage .stage-index{right:12px;bottom:12px;width:28px;height:28px;border:1px solid #f4f1e95e;background:#141a19c9;color:var(--paper);display:grid;place-items:center;font-size:17px;border-radius:50%}
.book-meta>p.book-isbn{font-family:var(--sans);font-size:10px;letter-spacing:.04em;color:#7d6b51;min-height:0;margin-top:10px}
.book-meta>p:not(.subtitle):not(.book-isbn){margin-top:15px}
.dialog-book{grid-template-columns:1.12fr 1fr;gap:35px;align-items:start}
.dialog-art{display:block;padding:0;min-height:0;aspect-ratio:auto;background:transparent}
.dialog-art>span{font-size:10px;display:block;padding:12px 0;color:#6f725e;text-align:center}
.dialog-book p.book-isbn{font-size:10px;margin:10px 0 18px;color:#805b37}
.dialog-book .subtitle{margin-bottom:12px}
.kit-product{overflow:hidden}
@media(min-width:1600px){.hero{min-height:850px}.hero-gallery.product-showcase{max-width:570px}.spotlight-thumb{height:82px}}
@media(max-width:1200px){.hero-gallery.product-showcase{max-width:440px}.spotlight-caption>strong{font-size:21px}.spotlight-thumb{height:65px}.product-showcase .gallery-caption{font-size:8px}.dialog-book{grid-template-columns:1fr 1fr}}
@media(min-width:851px) and (max-width:950px){.hero{grid-template-columns:1fr 1fr;gap:28px;min-height:700px}.hero h1{font-size:49px}.spotlight-caption{padding:13px 15px}.spotlight-caption>strong{font-size:19px}.spotlight-nav{gap:8px}.spotlight-thumb{height:54px}}
@media(min-width:651px) and (max-width:850px){.hero{display:grid;grid-template-columns:1fr;gap:40px;padding-top:55px}.hero-copy{max-width:650px}.hero h1{font-size:65px}.hero-gallery.product-showcase{justify-self:center;max-width:520px;margin:0 0 20px}.spotlight-thumb{height:74px}.hero-actions{flex-direction:row}.product-showcase .gallery-caption{font-size:9px}}
@media(max-width:650px){.hero{display:block;padding-top:48px;padding-bottom:65px;min-height:0}.hero-gallery.product-showcase{max-width:none;margin-top:40px}.product-showcase .gallery-caption{padding-bottom:12px;font-size:8px}.spotlight-caption{padding:14px 17px}.spotlight-caption>strong{font-size:23px}.spotlight-nav{gap:9px;margin-top:11px}.spotlight-thumb{height:60px}.book-meta>p.book-isbn{font-size:10px}.mockup-stage .stage-index{right:11px;bottom:11px}.dialog-book{grid-template-columns:1fr;gap:20px}.dialog-art{min-height:0;padding:0}.dialog-art>span{font-size:10px;padding:10px 0}.dialog-book .kicker{margin-top:5px}.dialog-book h2{margin-top:10px}.hero-intro{max-width:390px}.book-grid{gap:48px}}
@media(prefers-reduced-motion:reduce){.spotlight-thumb{transition:none}}