:root {
  color-scheme: dark;
  --black: #090909;
  --black-raised: #111111;
  --black-lift: #191919;
  --white: #f2f1ef;
  --silver: #b6b6b4;
  --dim: #858583;
  --line: rgba(242, 241, 239, .2);
  --serif: Georgia, 'Times New Roman', serif;
  --sans: Arial, Helvetica, sans-serif;
  --mono: 'Courier New', monospace;
  --ease: cubic-bezier(.18, .78, .24, 1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 85px; }
body { position: relative; isolation: isolate; margin: 0; background-color: var(--black); background-image: radial-gradient(ellipse at 50% -15%, rgba(255,255,255,.045), transparent 58%); color: var(--white); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body::before { content: ''; position: fixed; z-index: -1; inset: 0; pointer-events: none; opacity: .15; background: repeating-linear-gradient(0deg, transparent 0 4px, rgba(255,255,255,.035) 5px); }
button, input, select, textarea { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
::selection { color: var(--black); background: var(--white); }
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid var(--white); outline-offset: 4px; }

.site-header { min-height: 78px; padding: 0 5.5vw; display: flex; align-items: center; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--line); background: rgba(9,9,9,.9); }
.pointer-glow { position: fixed; z-index: -1; top: 0; left: 0; width: min(70vmax, 820px); aspect-ratio: 1; border-radius: 50%; pointer-events: none; opacity: .75; background: radial-gradient(circle, rgba(255,255,255,.095) 0%, rgba(255,255,255,.035) 26%, transparent 68%); transform: translate3d(var(--pointer-x, 54vw), var(--pointer-y, 28vh), 0) translate(-50%, -50%); will-change: transform; }
.scroll-progress { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 2px; pointer-events: none; transform: scaleX(0); transform-origin: left center; background: linear-gradient(90deg, #777, #fff); box-shadow: 0 0 12px rgba(255,255,255,.55); }
.motion-toggle { position: fixed; z-index: 25; bottom: 18px; left: 18px; min-height: 37px; display: inline-flex; align-items: center; gap: 9px; padding: 0 12px; border: 1px solid rgba(242,241,239,.3); background: rgba(12,12,12,.92); color: var(--silver); cursor: pointer; font: 8px var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: border-color .25s ease, color .25s ease, background .25s ease; }
.motion-toggle:hover { border-color: var(--white); color: var(--white); }
.motion-toggle-dot { width: 6px; height: 6px; border: 1px solid currentColor; border-radius: 50%; }
html.motion-enabled .motion-toggle-dot { background: var(--white); box-shadow: 0 0 10px rgba(255,255,255,.75); }
.brand { display: inline-flex; align-items: center; gap: 12px; }
.brand-mark { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--white); font: italic 700 24px/.9 var(--serif); }
.brand-name { font: 700 14px/.9 var(--sans); letter-spacing: .19em; }
.brand-name span { display: block; margin-top: 5px; font: 9px/.9 var(--mono); letter-spacing: .48em; }
.main-nav { display: flex; gap: clamp(20px, 3.8vw, 52px); color: var(--silver); font: 10px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.main-nav a, .footer-links a { transition: color .2s ease; }
.main-nav a:hover, .footer-links a:hover { color: var(--white); }
.main-nav a { position: relative; padding: 9px 0; }
.main-nav a::after { content: ''; position: absolute; right: 0; bottom: 3px; left: 0; height: 1px; background: var(--white); transform: scaleX(0); transform-origin: right; transition: transform .38s var(--ease); }
.main-nav a:hover::after, .main-nav a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.main-nav .admin-nav-link { color: var(--white); }
.header-cta { padding: 11px 14px; border: 1px solid var(--line); color: var(--silver); font: 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.header-cta span { padding-left: 12px; color: var(--white); }
.header-cta:hover { color: var(--black); background: var(--white); }
.section-wrap { width: min(1200px, 88vw); margin-inline: auto; }
.setup-strip { padding: 12px 5vw; border-bottom: 1px solid var(--line); background: var(--white); color: var(--black); text-align: center; font: 11px/1.5 var(--mono); }

.hero { min-height: 690px; padding: 84px 0 96px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 6vw; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 22px; color: var(--silver); font: 9px/1.5 var(--mono); letter-spacing: .17em; text-transform: uppercase; }
.eyebrow-rule { width: 26px; height: 1px; background: var(--white); }
h1, h2 { margin: 0; font: 600 clamp(50px, 7.2vw, 98px)/.94 var(--serif); letter-spacing: -.055em; }
h1 em, h2 em { font-weight: 400; }
.depth-hover, .tilt-surface { transform-style: preserve-3d; transform: perspective(880px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translate3d(var(--shift-x, 0px), var(--shift-y, 0px), 0); transition: transform .58s var(--ease), text-shadow .58s var(--ease); will-change: transform; }
.hero h1 { display: inline-block; max-width: 760px; text-shadow: 1px 1px #777, 2px 2px #5b5b5b, 3px 3px #383838, 4px 4px #202020; }
.hero-title-mask { display: block; overflow: hidden; padding: 0 .1em .09em 0; margin-right: -.1em; }
.hero-title-line { display: block; }
.hero-description { max-width: 450px; margin: 26px 0 0; color: var(--silver); font: 14px/1.8 var(--serif); }
.hero-actions { display: flex; align-items: center; gap: 22px; margin-top: 30px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 28px; padding: 0 17px; border: 1px solid transparent; cursor: pointer; font: 10px var(--mono); letter-spacing: .07em; text-transform: uppercase; transition: transform .2s var(--ease), color .2s ease, background .2s ease, border-color .2s ease; }
.button:hover:not(:disabled) { transform: translateY(-2px); }
.button span { font: 16px var(--sans); }
.button .campaign-button-label { font: inherit; }
.button:disabled { opacity: .55; cursor: not-allowed; }
.button-light { background: var(--white); color: var(--black); }
.button-light:hover:not(:disabled) { background: #d8d8d6; }
.button-outline { border-color: var(--line); background: transparent; color: var(--white); }
.button-outline:hover:not(:disabled) { color: var(--black); background: var(--white); }
.hero-note { color: var(--dim); font: 9px var(--mono); letter-spacing: .04em; }
.hero-stats { display: flex; gap: clamp(22px, 4vw, 50px); margin-top: 64px; padding-top: 20px; border-top: 1px solid var(--line); }
.hero-stats div { display: grid; gap: 7px; }
.hero-stats strong { font: italic 20px var(--serif); }
.hero-stats span { color: var(--dim); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }

.hero-art-wrap { position: relative; width: 100%; max-width: 500px; margin-left: auto; padding: 20px 10px 22px 20px; perspective: 1000px; }
.hero-art-wrap::before, .hero-art-wrap::after { content: ''; position: absolute; z-index: 0; inset: 1% -4% 3% 0; border: 1px solid rgba(255,255,255,.19); border-radius: 50%; transform: scaleY(.73); pointer-events: none; animation: orbit-turn 44s linear infinite; }
.hero-art-wrap::after { inset: 8% -8% 0 4%; border-style: dashed; border-color: rgba(255,255,255,.12); transform: scaleY(.84); animation-direction: reverse; animation-duration: 62s; }
.hero-side-note { position: absolute; z-index: 2; top: 40px; left: -52px; color: var(--dim); writing-mode: vertical-rl; transform: rotate(180deg); font: 8px/1.7 var(--mono); letter-spacing: .13em; }
.hero-side-note span { color: var(--white); }
.feature-cover { isolation: isolate; position: relative; z-index: 1; overflow: hidden; aspect-ratio: 1 / .94; padding: 18px; display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #777; background: #111; box-shadow: 15px 17px 0 rgba(255,255,255,.07); }
.feature-cover::before { content: ''; position: absolute; z-index: -1; inset: 9%; border: 1px solid rgba(255,255,255,.7); transform: rotate(45deg) scale(.7); }
.feature-cover::after { content: ''; position: absolute; z-index: -1; inset: 0; background: repeating-linear-gradient(135deg, transparent 0 17px, rgba(255,255,255,.11) 18px 19px); }
.feature-cover-image, .cover-photo { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.feature-cover.has-cover-photo::before { display: none; }
.feature-cover.has-cover-photo::after { background: linear-gradient(180deg, rgba(0,0,0,.24), transparent 43%, rgba(0,0,0,.78)); }
.cover-top, .cover-bottom { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 10px; font: 8px var(--mono); letter-spacing: .1em; }
.cover-bottom { font-size: 7px; }
.cover-sigil { position: absolute; left: 22%; top: 20%; width: 56%; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; transform: rotate(-28deg) scaleY(.68); animation: sigil-turn 36s linear infinite; }
.cover-sigil::before, .cover-sigil::after { content: ''; position: absolute; inset: 11%; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; }
.cover-sigil::after { inset: 38%; background: rgba(255,255,255,.88); }
.cover-sigil i { position: absolute; top: 50%; left: -7%; width: 114%; height: 1px; background: rgba(255,255,255,.5); transform: rotate(58deg); }
.cover-sigil i:nth-child(2) { transform: rotate(-58deg); }
.cover-sigil i:nth-child(3) { transform: rotate(90deg); }
.cover-number { position: absolute; top: 35px; right: 15px; color: rgba(255,255,255,.72); font: 600 clamp(64px, 8vw, 106px)/.8 var(--serif); letter-spacing: -.09em; }
.feature-label { position: absolute; z-index: 1; left: 18px; bottom: 52px; display: grid; gap: 6px; text-shadow: 0 1px 12px #000; }
.feature-label span, .feature-label small { font: 8px var(--mono); letter-spacing: .13em; }
.feature-label strong { font: 600 clamp(21px, 3vw, 29px)/1 var(--serif); letter-spacing: -.03em; }
.hero-index { position: absolute; z-index: 3; right: 8px; bottom: 2px; color: var(--dim); font: 8px var(--mono); letter-spacing: .14em; }

.beats-section { padding: 85px 0 102px; border-top: 1px solid var(--line); }
.section-heading, .admin-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 34px; }
.section-heading .eyebrow, .admin-section-heading .eyebrow { margin-bottom: 16px; }
.section-heading h2 { font-size: clamp(42px, 5.7vw, 70px); }
.heading-rule { width: 32px; height: 1px; background: var(--silver); }
.section-aside { margin: 0 0 5px; color: var(--dim); text-align: right; font: 9px/1.8 var(--mono); }
.store-notice { margin: -6px 0 24px; padding: 13px 16px; border-left: 1px solid var(--white); background: #161616; color: var(--silver); font: 10px/1.6 var(--mono); overflow-wrap: anywhere; }
.beat-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.beat-card { min-width: 0; border-bottom: 1px solid var(--line); padding-bottom: 16px; }
.beat-cover { isolation: isolate; position: relative; overflow: hidden; aspect-ratio: 1.12 / 1; margin-bottom: 2px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); background: repeating-linear-gradient(135deg, #0e0e0e 0 13px, #1b1b1b 14px 15px); }
.beat-cover::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(145deg, transparent 35%, rgba(255,255,255,.1)); }
.beat-cover.has-cover-photo::after { background: linear-gradient(180deg, rgba(0,0,0,.15), transparent 44%, rgba(0,0,0,.65)); }
.card-sigil { color: rgba(255,255,255,.4); font: italic 160px/.8 var(--serif); }
.cover-index { position: absolute; z-index: 1; top: 14px; left: 14px; color: var(--white); font: 8px var(--mono); letter-spacing: .16em; text-shadow: 0 1px 8px #000; }
.preview-button { position: absolute; z-index: 2; right: 14px; bottom: 14px; width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid var(--white); border-radius: 50%; color: var(--black); background: var(--white); cursor: pointer; transition: transform .2s ease, background .2s ease; }
.preview-button:hover:not(:disabled) { transform: scale(1.08); background: #d4d4d4; }
.preview-button:disabled { opacity: .55; cursor: not-allowed; }
.preview-button svg { width: 13px; height: 13px; fill: currentColor; }
.beat-meta { display: flex; justify-content: space-between; align-items: start; gap: 12px; padding: 17px 0 8px; }
.beat-title { margin: 0; font: 600 22px/1.1 var(--serif); letter-spacing: -.025em; }
.beat-kind { margin: 7px 0 0; color: var(--dim); font: 8px var(--mono); letter-spacing: .12em; }
.beat-price { color: var(--white); font: italic 16px var(--serif); white-space: nowrap; }
.beat-description { min-height: 38px; margin: 5px 0 15px; color: var(--silver); font: 11px/1.65 var(--serif); }
.beat-specs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.beat-specs span { padding: 6px 7px; border: 1px solid var(--line); color: var(--silver); font: 8px var(--mono); letter-spacing: .08em; }
.beat-share-links { display: flex; flex-wrap: wrap; gap: 13px; margin: -2px 0 13px; }
.beat-share-links button { padding: 4px 0; border: 0; border-bottom: 1px solid rgba(242,241,239,.22); background: transparent; color: var(--dim); cursor: pointer; font: 8px var(--mono); letter-spacing: .05em; text-transform: uppercase; transition: color .2s ease, border-color .2s ease; }
.beat-share-links button:hover { color: var(--white); border-color: var(--white); }
.buy-button { width: 100%; min-height: 43px; display: flex; justify-content: space-between; align-items: center; padding: 0 12px; border: 1px solid var(--line); background: transparent; color: var(--white); cursor: pointer; font: 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; transition: background .2s ease, color .2s ease; }
.buy-button:hover:not(:disabled) { background: var(--white); color: var(--black); }
.buy-button:disabled { color: var(--dim); cursor: not-allowed; }
.loading-message, .admin-empty { grid-column: 1/-1; color: var(--dim); font: 11px/1.7 var(--mono); }
.license-note { margin-top: 55px; padding: 19px 0; display: grid; grid-template-columns: 42px 1fr auto; align-items: center; gap: 16px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.license-mark { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--white); font: 20px var(--serif); }
.license-note strong { font: 14px var(--serif); }
.license-note p { margin: 6px 0 0; color: var(--dim); font: 10px/1.6 var(--mono); }
.license-note>a { color: var(--white); font: 9px var(--mono); letter-spacing: .07em; text-transform: uppercase; }
.license-note>a span { padding-left: 8px; }

.updates-section { padding: 83px 0; border-block: 1px solid var(--line); background: #101010; }
.updates-inner { display: grid; grid-template-columns: 1fr .8fr; gap: 8vw; align-items: start; }
.updates-copy h2 { font-size: clamp(38px, 5vw, 62px); }
.updates-copy>p:last-child { max-width: 410px; margin-top: 24px; color: var(--silver); font: 13px/1.7 var(--serif); }
.updates-form, .stack-form { display: grid; gap: 11px; }
label { color: var(--silver); font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }
label small, label span { color: var(--dim); font: 9px var(--sans); letter-spacing: 0; text-transform: none; }
input, select, textarea { width: 100%; min-height: 44px; padding: 11px 12px; border: 1px solid #444; border-radius: 0; background: var(--black); color: var(--white); font: 12px var(--sans); }
textarea { min-height: 112px; resize: vertical; line-height: 1.6; }
input::placeholder, textarea::placeholder { color: #777; }
input:focus, select:focus, textarea:focus { border-color: var(--white); outline: none; box-shadow: 0 0 0 1px var(--white); }
.check-line { display: flex; align-items: start; gap: 9px; color: var(--silver); font: 10px/1.6 var(--sans); letter-spacing: 0; text-transform: none; }
.check-line input { flex: 0 0 16px; width: 16px; min-height: 16px; height: 16px; margin: 1px 0 0; accent-color: var(--white); }
.updates-form .button { justify-self: start; margin-top: 7px; }
.form-message { min-height: 16px; margin: 2px 0; color: var(--silver); font: 10px/1.55 var(--mono); }
.form-message.is-error { color: #f1b8b8; }
.form-message.is-success { color: var(--white); }

.closing-band { padding: 58px 0; border-bottom: 1px solid var(--line); }
.closing-inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.closing-sigil { width: 67px; height: 67px; display: grid; place-items: center; border: 1px solid var(--line); color: var(--silver); font: italic 39px var(--serif); }
.closing-inner>div { flex: 1; }
.closing-inner .eyebrow { margin-bottom: 14px; }
.closing-inner h2 { font-size: clamp(32px, 4vw, 50px); }
.site-footer { min-height: 100px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--dim); font: 8px var(--mono); letter-spacing: .07em; }
.brand-footer .brand-mark { width: 29px; height: 29px; font-size: 19px; }
.brand-footer .brand-name { font-size: 11px; color: var(--white); }
.brand-footer .brand-name span { font-size: 7px; }
.footer-links { display: flex; gap: 16px; }

.feedback-tab { position: fixed; z-index: 10; top: 50%; right: 0; padding: 12px 10px; border: 1px solid var(--white); border-right: 0; background: var(--white); color: var(--black); writing-mode: vertical-rl; font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: padding .2s ease, background .2s ease; }
.feedback-tab:hover { padding-right: 15px; background: #d4d4d4; }
.feedback-tab span { margin-top: 7px; }
.modal { width: min(600px, 94vw); max-height: min(90vh, 900px); padding: 0; border: 1px solid #5d5d5d; background: var(--black); color: var(--white); box-shadow: 0 30px 100px rgba(0,0,0,.8); }
.modal::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(5px); }
.modal-panel { position: relative; padding: clamp(23px, 5vw, 42px); display: grid; gap: 12px; overflow-y: auto; }
.modal-panel h2 { max-width: 88%; font-size: clamp(31px, 6vw, 48px); }
.modal-panel h2 em { font-style: italic; }
.modal-panel .eyebrow { margin-bottom: 2px; }
.modal-intro { margin: 0 0 5px; color: var(--silver); font: 12px/1.7 var(--serif); }
.modal-panel>label { margin-top: 2px; }
.modal-close { position: absolute; top: 12px; right: 14px; width: 35px; height: 35px; border: 1px solid var(--line); background: transparent; color: var(--white); font: 22px var(--serif); cursor: pointer; }
.terms-preview { padding: 14px; border: 1px solid var(--line); background: var(--black-raised); }
.terms-preview strong { font: 13px/1.5 var(--serif); }
.terms-preview p { margin: 7px 0 10px; color: var(--silver); font: 10px/1.7 var(--sans); }
.terms-preview a { border-bottom: 1px solid var(--silver); font: 9px var(--mono); text-transform: uppercase; }
.acceptance-line { margin: 8px 0; }
.fine-print { margin: 0; color: var(--dim); font: 9px/1.6 var(--mono); }
.toast { position: fixed; z-index: 30; right: 20px; bottom: 20px; max-width: min(420px, 90vw); padding: 13px 16px; border: 1px solid var(--line); background: #171717; color: var(--white); font: 10px/1.5 var(--mono); opacity: 0; pointer-events: none; transform: translateY(9px); transition: opacity .25s ease, transform .25s ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }
.reveal { opacity: 1; translate: 0 0; filter: blur(0); transition: opacity .9s var(--ease), translate .9s var(--ease), filter .9s var(--ease); transition-delay: var(--reveal-delay, 0ms); will-change: opacity, translate, filter; }
body[data-motion="ready"] .reveal:not(.is-visible) { opacity: 0; translate: 0 58px; filter: blur(11px); }
body[data-motion="ready"] .hero-copy.is-visible .hero-title-line { animation: title-rise .92s var(--ease) both; }
body[data-motion="ready"] .hero-copy.is-visible .hero-title-mask:nth-child(2) .hero-title-line { animation-delay: 140ms; }
body.page-paused .cover-sigil,
body.page-paused .hero-art-wrap::before,
body.page-paused .hero-art-wrap::after,
body.page-paused .admin-main::before,
body.page-paused .legal-page::before { animation-play-state: paused; }
@keyframes title-rise { from { opacity: 0; transform: translateY(120%); } to { opacity: 1; transform: translateY(0); } }
@keyframes orbit-turn { to { rotate: 360deg; } }
@keyframes sigil-turn { to { rotate: 360deg; } }

/* Seller console */
.admin-body { min-height: 100vh; }
.admin-header { position: sticky; z-index: 4; top: 0; }
.admin-lock { color: var(--dim); font: 8px var(--mono); letter-spacing: .18em; }
.admin-main { position: relative; isolation: isolate; min-height: 72vh; padding-top: 55px; padding-bottom: 90px; }
.admin-main::before { content: ''; position: absolute; z-index: -1; top: 150px; right: 0; width: min(38vw, 370px); aspect-ratio: 1; border: 1px solid rgba(242,241,239,.16); border-radius: 50%; box-shadow: 0 0 0 24px rgba(242,241,239,.018), inset 0 0 0 24px rgba(242,241,239,.018); transform: scaleY(.72); animation: orbit-turn 48s linear infinite; pointer-events: none; }
.auth-panel { width: min(570px, 100%); margin: 9vh auto; padding: clamp(24px, 5vw, 44px); border: 1px solid var(--line); background: #101010; }
.auth-panel h1, .admin-title-row h1 { font-size: clamp(39px, 7vw, 62px); }
.auth-panel h1 em, .admin-title-row h1 em, .admin-section h2 em { font-style: italic; }
.admin-copy { max-width: 420px; margin: 18px 0 25px; color: var(--silver); font: 12px/1.75 var(--serif); }
.stack-form { max-width: 400px; }
.admin-title-row { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 28px; border-bottom: 1px solid var(--line); }
.admin-title-row .eyebrow { margin-bottom: 13px; }
.logout-button { min-height: 39px; }
.admin-status { margin: 18px 0 0; padding: 12px 14px; border: 1px solid var(--line); color: var(--silver); font: 9px/1.6 var(--mono); }
.admin-status + .admin-hint { margin-top: 8px; }
.admin-tabs { position: sticky; z-index: 3; top: 78px; display: flex; gap: 22px; overflow-x: auto; padding: 15px 0; background: rgba(9,9,9,.95); border-bottom: 1px solid var(--line); }
.admin-tabs a { white-space: nowrap; color: var(--silver); font: 9px var(--mono); text-transform: uppercase; letter-spacing: .08em; }
.admin-tabs a:hover { color: var(--white); }
.admin-section { padding: 49px 0; border-bottom: 1px solid var(--line); scroll-margin-top: 140px; }
.admin-section-heading { margin-bottom: 24px; }
.admin-section h2 { font-size: clamp(34px, 5vw, 52px); }
.admin-count { color: var(--dim); font: 9px var(--mono); }
.analytics-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.analytics-grid>div { min-height: 96px; display: grid; align-content: space-between; gap: 18px; padding: 15px; border: 1px solid var(--line); background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.01)); }
.analytics-grid strong { font: 600 clamp(20px, 3vw, 29px)/1 var(--serif); }
.analytics-grid span { color: var(--dim); font: 8px var(--mono); letter-spacing: .08em; text-transform: uppercase; }
.analytics-top-beats { margin-top: 27px; }
.analytics-top-beats h3 { margin: 0 0 10px; color: var(--silver); font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.analytics-beat-row { min-height: 42px; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 10px 0; border-top: 1px solid var(--line); color: var(--silver); font: 10px var(--mono); }
.analytics-beat-row b { color: var(--white); font-weight: 400; }
.admin-catalog, .orders-list, .campaign-history { display: grid; }
.catalog-row, .order-row, .campaign-row { min-height: 64px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 22px; padding: 13px 0; border-top: 1px solid var(--line); }
.catalog-row>div, .order-row>div, .campaign-row>div { display: grid; gap: 6px; }
.catalog-row strong, .order-row strong, .campaign-row strong { font: 14px var(--serif); }
.catalog-row span, .order-row span, .campaign-row span { color: var(--dim); font: 8px/1.5 var(--mono); }
.catalog-row>b, .order-status>b { font: italic 13px var(--serif); }
.publish-state { color: var(--silver) !important; text-transform: uppercase; }
.admin-form { width: min(760px, 100%); display: grid; gap: 13px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 16px; }
.form-grid>div { display: grid; align-content: start; gap: 8px; }
.form-grid .wide-field { grid-column: 1/-1; }
.admin-form small { color: var(--dim); font: 9px/1.5 var(--mono); }
.required-note { color: var(--white); }
.price-entry { position: relative; }
.price-entry>span { position: absolute; top: 50%; left: 12px; color: var(--silver); transform: translateY(-50%); }
.price-entry input { padding-left: 27px; }
.admin-form>.button { justify-self: start; }
.admin-hint { margin: 0; color: var(--dim); font: 9px/1.7 var(--mono); }
.recipient-counts { display: flex; gap: 16px; color: var(--dim); font: 9px var(--mono); }
.recipient-counts b { color: var(--white); }
.campaign-audience { margin: 5px 0 0; padding: 15px 17px; border: 1px solid rgba(242,241,239,.18); border-left: 2px solid var(--white); background: linear-gradient(100deg, rgba(255,255,255,.07), rgba(255,255,255,.015)); color: var(--white); font: 11px/1.7 var(--mono); }
.campaign-history { margin-top: 35px; }
.campaign-history h3 { margin: 0 0 10px; color: var(--silver); font: 9px var(--mono); letter-spacing: .12em; text-transform: uppercase; }
.campaign-row { grid-template-columns: 1fr auto; min-height: 54px; }
.order-row { grid-template-columns: 1fr auto; }
.order-status { text-align: right; }
.legal-page { position: relative; isolation: isolate; max-width: 850px; padding-top: 68px; padding-bottom: 80px; }
.legal-page::before { content: ''; position: absolute; z-index: -1; top: 135px; right: 0; width: min(38vw, 360px); aspect-ratio: 1; border: 1px solid rgba(242,241,239,.16); border-radius: 50%; box-shadow: 0 0 0 22px rgba(242,241,239,.018), inset 0 0 0 22px rgba(242,241,239,.018); transform: scaleY(.72); animation: orbit-turn 48s linear infinite; pointer-events: none; }
.legal-page h1 { margin: 0 0 28px; font-size: clamp(46px, 7vw, 84px); }
.legal-page h1 em { font-style: italic; }
.legal-lead { max-width: 720px; margin: 0 0 42px; color: var(--silver); font: 15px/1.8 var(--serif); }
.legal-page section { padding: 24px 0; border-top: 1px solid var(--line); }
.legal-page section h2 { margin: 0 0 13px; font: 11px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.legal-page section p, .legal-foot { max-width: 740px; color: var(--silver); font: 13px/1.8 var(--serif); }
.legal-page section p+p { margin-top: 12px; }
.legal-page a { border-bottom: 1px solid var(--silver); }
.legal-foot { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--line); }

@media (max-width: 800px) {
  .pointer-glow { display: none; }
  .site-header { min-height: 70px; padding-inline: 6vw; }
  .hero { min-height: 0; padding: 74px 0 78px; grid-template-columns: 1fr; gap: 45px; }
  .hero-art-wrap { width: min(540px, 88%); margin-inline: auto; }
  .hero-side-note { left: -35px; }
  .beat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 27px 19px; }
  .updates-inner { grid-template-columns: 1fr; gap: 35px; }
  .updates-form { max-width: 560px; }
  .admin-tabs { top: 70px; }
}
@media (max-width: 560px) {
  html { scroll-padding-top: 70px; }
  .site-header { flex-wrap: wrap; min-height: 68px; gap: 0; padding-block: 12px; }
  .brand-mark { width: 31px; height: 31px; }
  .main-nav { order: 3; width: 100%; justify-content: space-between; gap: 12px; padding: 13px 0 2px; font-size: 8px; }
  .header-cta { padding: 9px; font-size: 8px; }
  .hero { padding: 61px 0 63px; }
  h1 { font-size: clamp(46px, 13vw, 68px); }
  .hero-stats { gap: 17px; margin-top: 46px; }
  .hero-stats strong { font-size: 17px; }
  .hero-stats span { max-width: 95px; font-size: 7px; line-height: 1.6; }
  .hero-art-wrap { width: 88%; padding-left: 14px; }
  .hero-side-note { left: -25px; font-size: 7px; }
  .beats-section { padding: 65px 0 74px; }
  .section-heading { align-items: start; }
  .section-heading h2 { font-size: 43px; }
  .section-aside { max-width: 115px; font-size: 8px; }
  .beat-grid { grid-template-columns: 1fr; gap: 30px; }
  .beat-cover { aspect-ratio: 1.2 / 1; }
  .card-sigil { font-size: 190px; }
  .license-note { grid-template-columns: 38px 1fr; }
  .license-note>a { grid-column: 2; }
  .updates-section { padding: 64px 0; }
  .updates-copy h2 { font-size: 40px; }
  .closing-inner { flex-wrap: wrap; }
  .closing-sigil { width: 50px; height: 50px; font-size: 30px; }
  .closing-inner>div { flex-basis: calc(100% - 80px); }
  .closing-inner .button { margin-left: 64px; }
  .site-footer { padding-block: 20px; flex-wrap: wrap; }
  .site-footer>p { display: none; }
  .footer-links { margin-left: auto; }
  .feedback-tab { top: auto; bottom: 14px; right: 13px; padding: 11px 13px; writing-mode: horizontal-tb; border: 1px solid var(--white); }
  .feedback-tab span { margin: 0 0 0 7px; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .wide-field { grid-column: auto; }
  .admin-title-row { align-items: end; }
  .admin-title-row h1 { font-size: 39px; }
  .logout-button { padding-inline: 10px; font-size: 8px; }
  .admin-tabs { gap: 16px; }
  .catalog-row { grid-template-columns: 1fr auto; gap: 12px; }
  .publish-state { grid-column: 1/-1; }
  .recipient-counts { flex-direction: column; gap: 5px; }
  .analytics-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  html:not(.motion-enabled) { scroll-behavior: auto; }
  body:not(.motion-enabled) *, body:not(.motion-enabled) *::before, body:not(.motion-enabled) *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  body:not(.motion-enabled) .depth-hover, body:not(.motion-enabled) .tilt-surface { transform: none !important; }
  body:not(.motion-enabled) .hero-art-wrap::before, body:not(.motion-enabled) .hero-art-wrap::after, body:not(.motion-enabled) .cover-sigil { animation: none !important; }
  body:not(.motion-enabled) .pointer-glow { display: none; }
  body:not(.motion-enabled) .hero-title-line { animation: none !important; opacity: 1 !important; transform: none !important; }
  body:not(.motion-enabled)[data-motion="ready"] .reveal:not(.is-visible) { opacity: 1; translate: 0 0; filter: none; }
}
body.motion-disabled *, body.motion-disabled *::before, body.motion-disabled *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
body.motion-disabled .depth-hover, body.motion-disabled .tilt-surface { transform: none !important; }
body.motion-disabled .pointer-glow { display: none; }
body.motion-disabled[data-motion="ready"] .reveal:not(.is-visible) { opacity: 1; translate: 0 0; filter: none; }
html.motion-enabled { scroll-behavior: smooth; }
html.motion-disabled { scroll-behavior: auto; }