/* ===== Production pages added after prototype approval ===== */
.simple-page{min-height:70vh}
.content-shell{width:var(--wrap);margin-inline:auto;padding-bottom:64px}
.prose-grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(260px,4fr);gap:28px;align-items:start}
.prose-card,.info-card,.contact-card,.wholesale-card,.rules-panel{background:var(--stock);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--sh-rest)}
.prose-card h2,.info-card h2,.rules-panel h2{font-size:28px;line-height:1.35;margin-bottom:14px}
.prose-card h3,.rules-panel h3{font-size:20px;line-height:1.4;margin:26px 0 8px}
.prose-card p,.prose-card li,.info-card p,.rules-panel p,.rules-panel li{font-size:16.5px;line-height:1.9;color:var(--ink-soft)}
.prose-card ul,.rules-panel ul,.rules-panel ol{padding-inline-start:22px;display:grid;gap:9px}
.brand-quote{background:var(--red);color:var(--beige);border-radius:28px;padding:42px;font-size:clamp(27px,3cqi,42px);font-weight:700;line-height:1.45;box-shadow:var(--sh-rest)}
.brand-quote small{display:block;font-size:15px;font-weight:400;line-height:1.8;margin-top:14px;color:color-mix(in oklab,var(--beige) 82%,var(--red))}
.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.value-card{background:var(--stock);border:1px solid var(--line);border-radius:18px;padding:24px}.value-card .dia{color:var(--red);font-size:11px}.value-card h3{font-size:19px;margin:14px 0 6px}.value-card p{font-size:15px;line-height:1.75;color:var(--ink-soft)}
.faq-list{display:grid;gap:14px}.faq-item{background:var(--stock);border:1px solid var(--line);border-radius:18px;padding:0 22px}.faq-item summary{padding:20px 0}.faq-search{margin-bottom:22px;display:flex;gap:10px}.faq-search .input{flex:1}.faq-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.contact-card h3{font-size:19px;margin:12px 0 6px}.contact-card p{font-size:14.5px;line-height:1.7;color:var(--ink-soft)}.contact-card .ic{width:48px;height:48px;border-radius:14px;background:var(--table);display:grid;place-items:center;color:var(--red)}
.form-card{background:var(--stock);border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:var(--sh-rest)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.textarea{min-height:140px;resize:vertical}.form-actions{display:flex;justify-content:flex-start;margin-top:20px}
.wholesale-hero{display:grid;grid-template-columns:7fr 5fr;gap:26px;align-items:stretch}.wholesale-card.big{background:var(--ink);color:var(--beige)}.wholesale-card.big p{color:color-mix(in oklab,var(--beige) 75%,var(--ink))}.wholesale-card h2{font-size:30px;line-height:1.35}.wholesale-card p{font-size:16px;line-height:1.8;color:var(--ink-soft);margin-top:10px}.wholesale-card ul{margin-top:16px;padding-inline-start:22px;display:grid;gap:8px;color:inherit}
.rules-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}.rules-toc{position:sticky;top:100px;background:var(--stock);border:1px solid var(--line);border-radius:20px;padding:18px;align-self:start}.rules-toc a{display:block;text-decoration:none;padding:11px 12px;border-radius:10px;color:var(--ink-soft);font-size:14.5px}.rules-toc a:hover{background:var(--table);color:var(--ink)}.step{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step .num{width:42px;height:42px;border-radius:12px;background:var(--ink);color:var(--beige);display:grid;place-items:center;font-weight:600}.narrator{background:var(--ink);color:var(--beige);border-radius:24px;padding:28px;margin-top:28px}.narrator p{color:color-mix(in oklab,var(--beige) 78%,var(--ink))}.narrator-screen{margin-top:18px;border:1px solid rgba(241,230,212,.16);border-radius:18px;padding:28px;min-height:180px;display:flex;flex-direction:column;justify-content:center}.narrator-screen strong{font-size:26px;line-height:1.5}.narrator-controls{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.generic-hero{width:var(--wrap);margin-inline:auto;padding:64px 0 88px;display:grid;grid-template-columns:6fr 5fr;gap:50px;align-items:center}.generic-cover{width:min(360px,85%);aspect-ratio:5/7;border-radius:24px;background:var(--stock);border:1px solid var(--line);box-shadow:var(--sh-lift);display:grid;place-items:center;justify-self:center;overflow:hidden}.generic-cover img{width:100%;height:100%;object-fit:cover}.generic-cover .ph{font-size:90px;color:var(--red)}
.order-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,26,46,.62);backdrop-filter:blur(5px)}.order-modal.on{display:flex}.modal-card{width:min(560px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;background:var(--stock);border-radius:28px;padding:28px;box-shadow:0 34px 100px rgba(0,0,0,.38)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.modal-head h2{font-size:25px}.modal-close{width:40px;height:40px;border-radius:11px;background:var(--table);font-size:22px}
.legal-note{font-size:13.5px;color:var(--ink-mute);line-height:1.8;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.notfound{min-height:65vh;display:grid;place-items:center;text-align:center;width:var(--wrap);margin:auto}.notfound img{width:150px;margin:0 auto 20px;transform:rotate(12deg)}.notfound h1{font-size:clamp(42px,7cqi,84px)}.notfound p{font-size:18px;line-height:1.8;color:var(--ink-soft);margin:12px auto 28px;max-width:45ch}
.site-admin-link{opacity:.65;font-size:12px}
@container site (max-width:760px){.prose-grid,.wholesale-hero,.rules-layout,.generic-hero{grid-template-columns:1fr}.value-grid,.contact-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.rules-toc{position:static}.brand-quote{padding:28px}.generic-hero{padding:38px 0 64px}.generic-cover{width:70%}.contact-grid{gap:12px}}
.lineup.single-cover{align-items:center;justify-content:center;padding:34px}.lineup.single-cover img{height:auto!important;width:min(330px,78%);max-height:430px;object-fit:contain;margin:0!important;border-radius:20px;box-shadow:0 26px 50px rgba(0,0,0,.35)}
#genericHero{background:linear-gradient(180deg,color-mix(in oklab,var(--g-bg,#F1E6D4) 9%,transparent),transparent);border-radius:0}.generic-hero>.section{width:100%}