/*
 * Showcase pages (template-showcase.php): single-gun landing pages for
 * collector and auction pieces. First page: /pre29/.
 *
 * Ported from the <style> block that page carried in its body (an Elementor
 * HTML widget, then scoped to .erg-scope-pre29 at the 2026-09-24 cutover).
 * Changes on 2026-10-07: everything is one step smaller (16px base, shorter
 * sections, narrower columns), the page's own bar is styled again (its rules
 * were dropped at the cutover), and no photo is shown wider than its file:
 * the full-screen "image break" backgrounds are framed plates (.plate) capped
 * at the photo's width, letters and gallery sit in capped grids.
 *
 * Everything is under body.erg-showcase so the site's base.css / theme.css /
 * erg-assets bundle (still loaded for the age gate, chat and forms) cannot
 * leak in and nothing here leaks out.
 */

body.erg-showcase {margin:0;padding:0;background:#0a0a0a;color:#e8e0d0;font-family:'Inter',system-ui,sans-serif;font-weight:300;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
html:has(body.erg-showcase) {scroll-behavior:smooth;scroll-padding-top:64px;background:#0a0a0a}
.erg-showcase main, .erg-showcase main *, .erg-showcase main *::before, .erg-showcase main *::after, .erg-showcase .showcase-bar, .erg-showcase .showcase-bar * {box-sizing:border-box;margin:0;padding:0}
.erg-showcase main {display:block;max-width:none}
.erg-showcase main img {max-width:100%;height:auto;display:block;border-radius:0}
.erg-showcase main a, .erg-showcase .showcase-bar a {color:inherit;text-decoration:none}

/* ===== Bar ===== */
.erg-showcase .showcase-bar {position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:.7rem 1.5rem;background:rgba(10,10,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(200,169,107,.15)}
.erg-showcase .showcase-bar__brand {font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:500;letter-spacing:.04em;color:#f4ebd9}
.erg-showcase .showcase-bar__brand span {color:#c8a96b}
.erg-showcase .showcase-bar__cta {font-size:.72rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:#c8a96b;border:1px solid #c8a96b;padding:.5rem 1rem;transition:background .2s ease}
.erg-showcase .showcase-bar__cta:hover {background:rgba(200,169,107,.12);color:#c8a96b}

/* ===== Type ===== */
.erg-showcase main .display, .erg-showcase main h1, .erg-showcase main h2, .erg-showcase main h3 {font-family:'Cormorant Garamond',serif;font-weight:400;letter-spacing:-.01em;line-height:1.12;text-transform:none}
.erg-showcase main h1 {font-size:clamp(2.1rem,4.6vw,3.75rem);font-weight:500;color:#e8e0d0}
.erg-showcase main h2 {font-size:clamp(1.6rem,3vw,2.35rem);margin-bottom:1.1rem;color:#f4ebd9}
.erg-showcase main h3 {font-size:clamp(1.25rem,2vw,1.5rem);margin-bottom:.6rem;color:#f4ebd9}
.erg-showcase main .eyebrow {font-family:'Inter',sans-serif;font-size:.7rem;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:#c8a96b;margin-bottom:1rem}
.erg-showcase main .body-large {font-size:1.05rem;line-height:1.7;color:#d8d0c0}
.erg-showcase main .pullquote {font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(1.3rem,2.3vw,1.75rem);line-height:1.38;color:#f4ebd9;padding:1.25rem 0 1.25rem 1.5rem;border-left:2px solid #c8a96b;margin:2rem 0}
.erg-showcase main .pullquote cite {display:block;font-size:.75rem;font-style:normal;font-family:'Inter',sans-serif;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#c8a96b;margin-top:1rem}
.erg-showcase main p {margin-bottom:1.1rem}
.erg-showcase main :is(p,li,td,th,a,cite,figure) {font-family:inherit}
.erg-showcase main p:last-child {margin-bottom:0}
.erg-showcase main strong {font-weight:500}
.erg-showcase main .wrap {max-width:1080px;margin:0 auto;padding:0 1.5rem}
.erg-showcase main .wrap-narrow {max-width:720px;margin:0 auto;padding:0 1.5rem}
.erg-showcase main section {padding:4.5rem 0;position:relative}

/* ===== Hero ===== */
.erg-showcase main .hero {min-height:clamp(480px,78vh,720px);display:flex;flex-direction:column;justify-content:center;padding:4.5rem 0 3.5rem;background:radial-gradient(ellipse at center,rgba(60,50,35,.25) 0%,rgba(10,10,10,1) 70%),#0a0a0a;overflow:hidden}
.erg-showcase main .hero::before {content:"";position:absolute;inset:0;background-image:var(--showcase-hero);background-size:cover;background-position:center;opacity:.32;filter:grayscale(.2) contrast(1.15) brightness(.85);z-index:0}
.erg-showcase main .hero::after {content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at center,rgba(10,10,10,.15) 0%,rgba(10,10,10,.85) 70%,rgba(10,10,10,.98) 100%);z-index:1}
.erg-showcase main .hero .wrap-narrow {position:relative;z-index:2;text-align:center;width:100%}
.erg-showcase main .hero h1 {font-weight:300;margin-bottom:1.5rem}
.erg-showcase main .hero h1 em {font-style:italic;font-weight:400;color:#f4ebd9}
.erg-showcase main .hero .subhead {font-family:'Cormorant Garamond',serif;font-size:clamp(1.05rem,1.6vw,1.25rem);font-style:italic;font-weight:300;color:#d8d0c0;max-width:560px;margin:0 auto 2rem;line-height:1.5}
.erg-showcase main .hero .price-tag {display:inline-flex;flex-direction:column;align-items:center;margin-top:.5rem}
.erg-showcase main .hero .price-tag .label {font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:#c8a96b;margin-bottom:.4rem}
.erg-showcase main .hero .price-tag .amount {font-family:'Cormorant Garamond',serif;font-size:2rem;line-height:1.2;color:#f4ebd9;font-weight:400}

/* ===== Thesis ===== */
.erg-showcase main .thesis {background:#0a0a0a;text-align:center}
.erg-showcase main .thesis .body-large {font-size:clamp(1.05rem,1.4vw,1.15rem);line-height:1.7;margin-bottom:1.5rem}
.erg-showcase main .thesis .body-large strong {color:#f4ebd9;font-weight:500}

/* ===== Plates: a photo between sections, never wider than its file ===== */
.erg-showcase main .plate {background:#0a0a0a;padding:0 1.5rem 4.5rem;margin:0}
.erg-showcase main .plate--flush {padding-top:4.5rem;background:#0d0d0d}
.erg-showcase main .plate img {width:100%;max-width:860px;margin:0 auto;border:1px solid rgba(200,169,107,.25);box-shadow:0 30px 60px rgba(0,0,0,.5)}

/* ===== Rarity cards ===== */
.erg-showcase main .rarity {background:#111;border-top:1px solid rgba(200,169,107,.12);border-bottom:1px solid rgba(200,169,107,.12)}
.erg-showcase main .rarity-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:2.5rem}
.erg-showcase main .rarity-card {border:1px solid rgba(200,169,107,.25);padding:2rem 1.75rem;background:rgba(255,255,255,.015);position:relative}
.erg-showcase main .rarity-card .number {font-family:'Cormorant Garamond',serif;font-size:3.25rem;font-weight:300;color:#c8a96b;line-height:1;margin-bottom:.75rem;opacity:.85}
.erg-showcase main .rarity-card h3 {margin-bottom:.75rem}
.erg-showcase main .rarity-card p {font-size:.94rem;color:#c8c0b0}

/* ===== Documentation ===== */
.erg-showcase main .documentation {background:#0a0a0a}
.erg-showcase main .doc-intro {text-align:center;margin-bottom:2.5rem}
.erg-showcase main .letter-grid {display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:900px;margin:0 auto 2.5rem}
.erg-showcase main .letter-card {display:block;background:#f7f1e3;padding:.75rem;border:1px solid #c8a96b;box-shadow:0 30px 60px rgba(0,0,0,.5);cursor:zoom-in}
.erg-showcase main .letter-card img {width:100%;height:auto;display:block}
.erg-showcase main .letter-card .caption {color:#2a2418;font-family:'Inter',sans-serif;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;text-align:center;padding:.7rem 0 .3rem}
.erg-showcase main .invoice-callout {background:rgba(200,169,107,.06);border-left:3px solid #c8a96b;padding:1.75rem 2rem;margin:2.5rem auto;max-width:900px}
.erg-showcase main .invoice-table {width:100%;margin-top:1.25rem;border-collapse:collapse;border:0;background:none}
.erg-showcase main .invoice-table th, .erg-showcase main .invoice-table td {text-align:left;padding:.7rem .9rem;border:0;border-bottom:1px solid rgba(200,169,107,.18);font-family:'Inter',sans-serif;background:none}
.erg-showcase main .invoice-table th {font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#c8a96b;font-weight:500}
.erg-showcase main .invoice-table td {font-size:.94rem;color:#d8d0c0}
.erg-showcase main .invoice-table td.qty {width:60px;font-size:1rem;font-weight:600;color:#f4ebd9;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.erg-showcase main .invoice-table tr.featured {background:rgba(200,169,107,.08)}
.erg-showcase main .invoice-table tr.featured td {color:#f4ebd9;font-weight:500}

/* ===== Film chapter ===== */
.erg-showcase main .harry {background:#0d0d0d;border-top:1px solid rgba(200,169,107,.12);background-image:radial-gradient(ellipse at top left,rgba(200,169,107,.07) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(120,90,50,.05) 0%,transparent 40%)}
.erg-showcase main .harry h2 {text-align:center;margin-bottom:1rem}
.erg-showcase main .harry .eyebrow {text-align:center}
.erg-showcase main .harry .body-large {text-align:left}
.erg-showcase main .harry-fact {background:rgba(255,255,255,.02);border:1px solid rgba(200,169,107,.15);padding:1.5rem 1.75rem;margin:1rem 0}
.erg-showcase main .harry-fact .label {font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:#c8a96b;margin-bottom:.5rem}
.erg-showcase main .harry-fact p {font-size:1rem;line-height:1.7}
.erg-showcase main .closing-line {text-align:center;margin-top:2.5rem;font-family:'Cormorant Garamond',serif;font-size:clamp(1.25rem,2.2vw,1.6rem);font-style:italic;color:#f4ebd9}

/* ===== Gallery ===== */
.erg-showcase main .gallery {background:#0a0a0a;border-top:1px solid rgba(200,169,107,.12)}
.erg-showcase main .gallery-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;max-width:960px;margin:2rem auto 0}
.erg-showcase main .gallery-item {display:block;overflow:hidden;aspect-ratio:4 / 5;background:#111;position:relative;border:1px solid rgba(200,169,107,.1);cursor:zoom-in}
.erg-showcase main .gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform .7s ease}
.erg-showcase main .gallery-item:hover img {transform:scale(1.04)}
.erg-showcase main .gallery-item::after {content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,8,8,.55) 62%,rgba(8,8,8,.94) 100%);pointer-events:none}
.erg-showcase main .gallery-caption {position:absolute;bottom:0;left:0;right:0;padding:1.2rem .9rem 1rem;color:#f7f0e2;text-shadow:0 1px 6px rgba(0,0,0,.8);font-family:'Inter',sans-serif;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;z-index:2;line-height:1.5}
.erg-showcase main .gallery-caption .accent {color:#c8a96b}

/* ===== Specs ===== */
.erg-showcase main .specs {background:#0a0a0a}
.erg-showcase main .specs-grid {display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:2rem;border-top:1px solid rgba(200,169,107,.18)}
.erg-showcase main .specs-grid .row {display:grid;grid-template-columns:1fr 1.5fr;border-bottom:1px solid rgba(200,169,107,.12);padding:.8rem 1.1rem;align-items:baseline}
.erg-showcase main .specs-grid .row .label {font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#c8a96b}
.erg-showcase main .specs-grid .row .value {font-family:'Cormorant Garamond',serif;font-size:1.08rem;color:#f4ebd9}

/* ===== Provenance ===== */
.erg-showcase main .provenance {background:#111;border-top:1px solid rgba(200,169,107,.12);border-bottom:1px solid rgba(200,169,107,.12)}
.erg-showcase main .timeline {margin-top:2rem}
.erg-showcase main .timeline-item {display:grid;grid-template-columns:170px 1fr;gap:1.5rem;padding:1.4rem 0;border-bottom:1px solid rgba(200,169,107,.1)}
.erg-showcase main .timeline-item:last-child {border-bottom:none}
.erg-showcase main .timeline-item .date {font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:#c8a96b;font-weight:400}
.erg-showcase main .timeline-item .event h3 {font-size:1.2rem;margin-bottom:.4rem}
.erg-showcase main .timeline-item .event p {color:#c8c0b0;font-size:.94rem}

/* ===== Valuation ===== */
.erg-showcase main .valuation {background:#0a0a0a}
.erg-showcase main .comp-list {margin-top:2rem}
.erg-showcase main .comp-list .comp {display:grid;grid-template-columns:1fr 150px;padding:.9rem 0;border-bottom:1px solid rgba(200,169,107,.12);align-items:center}
.erg-showcase main .comp .desc {font-size:.92rem;color:#c8c0b0}
.erg-showcase main .comp .price {font-family:'Cormorant Garamond',serif;font-size:1.25rem;color:#f4ebd9;text-align:right}
.erg-showcase main .price-anchor {text-align:center;margin:2.5rem 0 0;padding:2.5rem 1.5rem;border:1px solid rgba(200,169,107,.3);background:radial-gradient(ellipse at center,rgba(200,169,107,.05) 0%,transparent 70%)}
.erg-showcase main .price-anchor .label {font-size:.68rem;letter-spacing:.32em;text-transform:uppercase;color:#c8a96b;margin-bottom:.8rem}
.erg-showcase main .price-anchor .amount {font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4.5vw,3.25rem);color:#f4ebd9;font-weight:400;line-height:1;margin-bottom:.8rem}
.erg-showcase main .price-anchor .note {color:#c8c0b0;font-style:italic;max-width:520px;margin:.8rem auto 0;font-family:'Cormorant Garamond',serif;font-size:1.08rem}

/* ===== What you receive ===== */
.erg-showcase main .included {background:#111;border-top:1px solid rgba(200,169,107,.12)}
.erg-showcase main .included ul {list-style:none;margin-top:1.5rem}
.erg-showcase main .included li {padding:1rem 0;border-bottom:1px solid rgba(200,169,107,.1);display:flex;align-items:baseline;gap:1.1rem;font-size:1rem;color:#e8e0d0}
.erg-showcase main .included li:last-child {border-bottom:none}
.erg-showcase main .included li::before {content:"\2726";color:#c8a96b;font-size:1.1rem;flex-shrink:0}

/* ===== Inquire ===== */
.erg-showcase main .cta {background:#0a0a0a;text-align:center;border-top:1px solid rgba(200,169,107,.18)}
.erg-showcase main .cta h2 {font-size:clamp(1.9rem,3.6vw,2.6rem);margin-bottom:1.25rem}
.erg-showcase main .cta .body-large {max-width:600px;margin:0 auto 2rem}
.erg-showcase main .cta-buttons {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.erg-showcase main .btn {display:inline-block;padding:.9rem 1.8rem;font-family:'Inter',sans-serif;font-size:.76rem;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border:1px solid #c8a96b;border-radius:0;color:#c8a96b;transition:all .25s ease;background:transparent;cursor:pointer}
.erg-showcase main .btn:hover {background:#c8a96b;color:#0a0a0a}
.erg-showcase main .btn.primary {background:#c8a96b;color:#0a0a0a}
.erg-showcase main .btn.primary:hover {background:#d8b97b;color:#0a0a0a}
.erg-showcase main .contact-detail {margin-top:2rem;font-family:'Cormorant Garamond',serif;font-size:1.2rem;color:#f4ebd9}
.erg-showcase main .contact-detail a {color:#c8a96b}

/* ===== Page footer (sources) ===== */
.erg-showcase main footer {background:#050505;padding:3rem 1.5rem 2.5rem;text-align:center;border-top:1px solid rgba(200,169,107,.18)}
.erg-showcase main footer .brand-mark {font-family:'Cormorant Garamond',serif;font-size:1.35rem;color:#f4ebd9;margin-bottom:.6rem}
.erg-showcase main footer .brand-mark span {color:#c8a96b}
.erg-showcase main footer .address {color:#888;font-size:.84rem;margin-bottom:1.25rem}
.erg-showcase main footer .sources {color:#777;font-size:.76rem;max-width:720px;margin:1.5rem auto 0;line-height:1.7}
.erg-showcase main footer .sources a {color:#999;border-bottom:1px dotted #555}
.erg-showcase main footer .copyright {color:#666;font-size:.72rem;margin-top:2rem;letter-spacing:.1em}

/* ===== Scroll-in (assets/js/showcase.js adds .is-armed, then .is-in) ===== */
.erg-showcase main .is-armed {opacity:0;transform:translateY(16px);transition:opacity .8s ease,transform .8s ease}
.erg-showcase main .is-armed.is-in {opacity:1;transform:none}
@media (prefers-reduced-motion:reduce) {
	.erg-showcase main .is-armed {opacity:1;transform:none;transition:none}
	html:has(body.erg-showcase) {scroll-behavior:auto}
}

@media (max-width:800px) {
	.erg-showcase main section {padding:3rem 0}
	.erg-showcase main .wrap, .erg-showcase main .wrap-narrow {padding:0 1.25rem}
	.erg-showcase .showcase-bar {padding:.6rem 1.25rem}
	.erg-showcase main .hero {min-height:clamp(440px,74vh,640px);padding:3.5rem 0 3rem}
	.erg-showcase main .plate {padding:0 1.25rem 3rem}
	.erg-showcase main .plate--flush {padding-top:3rem}
	.erg-showcase main .rarity-grid {grid-template-columns:1fr;gap:1rem}
	.erg-showcase main .letter-grid {grid-template-columns:1fr;max-width:520px}
	.erg-showcase main .specs-grid {grid-template-columns:1fr}
	.erg-showcase main .timeline-item {grid-template-columns:1fr;gap:.4rem}
	.erg-showcase main .timeline-item .date {font-size:1.05rem}
	.erg-showcase main .comp-list .comp {grid-template-columns:1fr 100px}
	.erg-showcase main .gallery-grid {grid-template-columns:1fr 1fr;gap:.5rem}
	.erg-showcase main .pullquote {padding-left:1.1rem;font-size:1.25rem}
	.erg-showcase main .gallery-caption {font-size:.6rem;padding:1rem .5rem .7rem}
	.erg-showcase main .invoice-callout {padding:1.25rem 1.1rem}
	.erg-showcase main .invoice-table th, .erg-showcase main .invoice-table td {padding:.6rem .4rem}
}