/* STORE-only presentation. Shared navigation, content and commerce stay intact. */
body.store-records {
  background: radial-gradient(ellipse at 20% 0%, #4b4a45 0, transparent 950px), #30312e;
  color: #f4f0e7;
  --wide: min(1120px, calc(100vw - 80px));
}
.store-records main { --copper: #d9ba85; --muted: #d0cfc6; }
.store-records .hero {
  min-height: 680px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: 60px; padding: 156px max(40px, calc((100vw - 1120px) / 2)) 86px;
}
.store-records .hero::before { background: linear-gradient(120deg, #ffffff04, transparent 75%); }
.store-records .hero::after, .store-records .hero-aurora, .store-records .hero-index { display: none; }
.store-records .eyebrow, .store-records .section-index { font-size: 10px; font-weight: 600; letter-spacing: .18em; line-height: 1.65; }
.store-records .hero h1 { font-size: clamp(46px, 5.5vw, 74px); line-height: 1.03; font-weight: 400; letter-spacing: -.055em; }
.store-records .hero h1 span { margin-top: 8px; padding: 0; font-size: 1em; font-weight: 400; color: #f4f0e7; -webkit-text-stroke: 0; letter-spacing: -.055em; }
.store-records .hero-lede { font-size: 17px; line-height: 1.75; letter-spacing: 0; margin-top: 26px; }
.store-records .hero-actions { margin-top: 28px; }
.store-records .button { border-radius: 9px; font-size: 10px; line-height: 1.5; padding: 15px 18px; letter-spacing: .1em; }
.store-records .button-primary { background: #f3efe5; color: #242520; box-shadow: 0 7px 20px #0002; }
.store-records .button-ghost { background: #ffffff06; border-color: #ffffff40; }
.store-records .hero-object { width: 100%; transform: none; padding: 0; }
.store-records .hero-object-main { transform: rotate(-1.5deg); padding: 12px; border-radius: 18px; border: 1px solid #ffffff50; background: linear-gradient(140deg, #ffffff20, #ffffff05); box-shadow: 0 24px 50px #0004, inset 0 1px #ffffff50; }
.store-records .hero-object-main img { height: auto; border-radius: 8px; aspect-ratio: 3 / 2; }
.store-records .manifesto { gap: 70px; padding: 72px 0; }
.store-records :is(.section-heading h2, .archive-intro h2, .forthcoming-copy h2, .priority h2, .shipping-heading h2) { font-size: clamp(32px, 3.7vw, 49px); line-height: 1.12; font-weight: 400; letter-spacing: -.045em; text-transform: none; }
.store-records .manifesto-copy { padding-top: 0; }
.store-records .manifesto-copy > p { font-size: 16px; line-height: 1.8; }
.store-records .manifesto-copy blockquote { font-size: 23px; font-weight: 400; line-height: 1.5; margin-top: 25px; border-color: #c8b795; }
.store-records .archive-stock { padding: 82px 0; background: transparent; }
.store-records .archive-intro { gap: 70px; margin-bottom: 40px; }
.store-records .archive-intro > p { font-size: 16px; line-height: 1.8; }
.store-records .archive-grid { gap: 28px; align-items: stretch; }
.store-records .archive-card { display: flex; flex-direction: column; padding: 0; border: 1px solid #ffffff45; border-radius: 18px; background: linear-gradient(135deg, #ffffff12, #ffffff04); box-shadow: 0 16px 36px #0003, inset 0 1px #ffffff38; }
.store-records .archive-card::before { display: none; }
.store-records .artwork { flex: none; width: calc(100% - 24px); margin: 12px; padding: 14px; border: 1px solid #ffffff52; border-radius: 15px; background: linear-gradient(125deg, #ffffff27, #ffffff08 40%, #ffffff18); box-shadow: inset 0 1px 0 #ffffff80, inset -1px -1px 0 #0004, 0 8px 18px #0002; }
.store-records .artwork img { height: auto; border-radius: 7px; }
.store-records .artwork > span { left: 14px; right: 14px; bottom: 14px; border-radius: 0 0 7px 7px; padding: 36px 16px 12px; font-size: 9px; }
.store-records .artwork::after { content: ''; position: absolute; inset: -50%; pointer-events: none; background: linear-gradient(115deg, transparent 38%, #fff0 41%, #ffffff35 47%, #ffffff08 52%, transparent 58%); opacity: 0; transform: translateX(-48%); }
@media (hover: hover) {
  .store-records .artwork:hover::after { animation: store-glint 1.25s ease-out both; }
  .store-records .artwork:hover img { transform: scale(1.025); filter: none; }
}
.store-records .artwork:focus-visible { outline: 2px solid #f3dfb3; outline-offset: 3px; }
.store-records .archive-card-copy { flex: 1; display: flex; flex-direction: column; margin: 0 5px 5px; padding: 28px; border-radius: 12px 12px 14px 14px; background: #f7f5ee; color: #252622; --line: #25262220; --muted: #5b5c54; }
.store-records .archive-status { font-size: 10px; letter-spacing: .15em; margin-bottom: 22px; color: #6b5634; }
.store-records .archive-artist { color: #55564e; font-size: 12px; font-weight: 600; line-height: 1.6; }
.store-records .archive-card h3 { font-size: clamp(34px, 3.5vw, 46px); font-weight: 400; line-height: 1.15; letter-spacing: -.045em; }
.store-records .archive-version { color: #686960; font-size: 10px; line-height: 1.65; margin: 10px 0 24px; letter-spacing: .09em; }
.store-records .archive-credential { border: 1px solid #25262223; border-radius: 8px; background: #eae6db; box-shadow: none; }
.store-records .archive-credential p { border-color: #25262220; }
.store-records .archive-credential span { color: #796036; font-size: 9px; letter-spacing: .1em; }
.store-records .archive-credential strong { color: #303129; font-size: 12px; line-height: 1.45; letter-spacing: .06em; }
.store-records .archive-credential small { color: #626358; font-size: 9px; line-height: 1.55; letter-spacing: .04em; }
.store-records .archive-provenance { min-height: 0; flex: 1; font-size: 15px; line-height: 1.8; }
.store-records .archive-provenance strong { color: #303129; font-size: 11px; line-height: 1.65; letter-spacing: .08em; }
.store-records .archive-offer { background: transparent; border-color: #25262225; gap: 18px; }
.store-records .archive-offer > p strong { color: #252622; font-weight: 500; font-size: 32px; }
.store-records .archive-offer > p > span { color: #796036; }
.store-records .archive-offer small { font-size: 9px; color: #6e6e64; line-height: 1.5; letter-spacing: .04em; }
.store-records .archive-offer > span { font-size: 10px; color: #68695f; letter-spacing: .04em; }
.store-records .archive-meta span { color: #66675e; font-size: 10px; letter-spacing: .06em; line-height: 1.6; }
.store-records .archive-cta { min-height: 51px; border-radius: 8px; background: #30312c; color: #faf8ef; font-size: 10px; line-height: 1.6; letter-spacing: .09em; transition: background .25s; }
.store-records .archive-cta:hover { background: #4d4e43; }
.store-records .archive-disclaimer { color: #c0bfb6; font-size: 10px; line-height: 1.7; letter-spacing: .08em; }
.store-records .forthcoming { padding: 90px 0; background: #00000012; }
.store-records .forthcoming-grid { gap: 70px; }
.store-records .salp-detail-image { padding: 14px; border-radius: 17px; border-color: #ffffff50; background: linear-gradient(135deg, #ffffff25, #ffffff05); box-shadow: 0 18px 40px #0004, inset 0 1px #ffffff60; }
.store-records .salp-detail-image img { height: auto; border-radius: 7px; }
.store-records .salp-number { font-size: 13px; font-weight: 500; margin-bottom: 18px; }
.store-records .salp-lede { font-size: 16px; line-height: 1.8; margin: 22px 0; }
.store-records :is(.salp-pedigree span, .salp-pedigree small, .salp-facts span, .salp-tracklist em, .salp-price small, .salp-offer-copy small, .salp-offer-copy span) { font-size: 10px; line-height: 1.6; letter-spacing: .05em; }
.store-records :is(.salp-pedigree small, .salp-facts span, .salp-tracklist em, .salp-price small, .salp-offer-copy small) { color: #c0bfb5; }
.store-records :is(.salp-pedigree strong, .salp-tracklist strong) { font-size: 12px; line-height: 1.5; }
.store-records :is(.salp-pedigree, .salp-offer) { background: transparent; border-top-color: #ffffff35; }
.store-records .salp-price strong { font-weight: 400; }
.store-records .shipping-band { background: #00000012; }
.store-records .shipping-inner { align-items: center; }
.store-records .shipping-rates { border-top-color: #ffffff35; }
.store-records .shipping-rates span { font-size: 10px; line-height: 1.5; color: #c0bfb5; letter-spacing: .07em; }
.store-records .shipping-note { font-size: 10px; color: #b8b7ad; line-height: 1.7; letter-spacing: .04em; }
.store-records .priority { padding: 90px 0 65px; background: transparent; }
.store-records .priority-lede { font-size: 16px; line-height: 1.8; }
.store-records .priority-columns { border-radius: 12px; border: 1px solid #ffffff30; background: #ffffff05; }
.store-records .priority-columns strong { line-height: 1.7; letter-spacing: .1em; }
.store-records .priority-columns p { color: #c0bfb5; line-height: 1.75; }
.store-records .priority-mail { border-radius: 12px; border-color: #ffffff45; background: linear-gradient(120deg, #ffffff0e, #ffffff03); box-shadow: 0 15px 35px #0002; }
.store-records .priority-mail:hover { border-color: #ffffff85; box-shadow: 0 20px 40px #0003; }
.store-records .priority-note { font-size: 10px; line-height: 1.7; color: #b8b7ad; letter-spacing: .06em; }
.store-records .reveal { transform: translateY(16px); transition-duration: .75s; }
.store-records .reveal.is-visible { transform: none; }
@keyframes store-glint { 0% { opacity: 0; transform: translateX(-48%); } 25% { opacity: .75; } 100% { opacity: 0; transform: translateX(48%); } }
@media (max-width: 1040px) {
  .store-records .hero { gap: 35px; min-height: 0; }
  .store-records .hero-object { max-width: 600px; }
  .store-records .forthcoming-grid { gap: 40px; }
  .store-records .shipping-inner { grid-template-columns: 1fr; }
  .store-records .shipping-note { grid-column: 1; }
}
@media (max-width: 760px) {
  body.store-records { --wide: calc(100vw - 32px); }
  .store-records .hero { grid-template-columns: 1fr; padding: 110px 20px 52px; gap: 38px; }
  .store-records .hero h1 { font-size: clamp(42px, 10vw, 62px); }
  .store-records .hero-lede { font-size: 16px; }
  .store-records .hero-object { justify-self: center; }
  .store-records .hero-object-main { transform: none; padding: 9px; }
  .store-records .manifesto { gap: 26px; padding: 55px 0; }
  .store-records :is(.section-heading h2, .archive-intro h2, .forthcoming-copy h2, .priority h2, .shipping-heading h2) { font-size: clamp(30px, 8vw, 40px); }
  .store-records .archive-stock { padding: 58px 0; }
  .store-records .archive-intro { gap: 22px; padding: 0; margin-bottom: 30px; }
  .store-records .archive-grid { gap: 28px; }
  .store-records .archive-card-copy { padding: 23px 20px; }
  .store-records .archive-card h3 { font-size: 37px; }
  .store-records .artwork { margin: 10px; width: calc(100% - 20px); padding: 11px; }
  .store-records .artwork > span { left: 11px; right: 11px; bottom: 11px; }
  .store-records .archive-offer { display: flex; align-items: start; }
  .store-records .archive-offer > span { max-width: 57%; text-align: right; }
  .store-records .forthcoming { padding: 60px 0; }
  .store-records .forthcoming-grid { gap: 32px; }
  .store-records .salp-offer { grid-template-columns: 1fr; gap: 15px; }
  .store-records .salp-offer-copy { border-left: 0; padding-left: 0; }
  .store-records .priority { padding: 60px 0 45px; }
  .store-records .priority-columns > div { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .store-records .reveal { transform: none; }
  .store-records .artwork::after { animation: none !important; }
  .store-records .artwork:hover img { transform: none; }
}