.record-shell { width:min(1280px,100%); margin:auto; padding:0 clamp(22px,5vw,72px); }
.record-hero { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr); align-items:center; gap:clamp(28px,5vw,72px); min-height:660px; padding:76px 0 90px; }
.record-status { display:inline-flex; align-items:center; gap:10px; padding:7px 13px; border:1px solid rgba(110,82,23,.22); border-radius:999px; color:#6b541c; background:#f4e6b9; font-size:11px; font-weight:750; letter-spacing:.03em; }
.record-product { margin:30px 0 14px; color:#9a472d; font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.record-hero h1 { margin:0; font-size:clamp(45px,5.4vw,75px); font-weight:650; line-height:1.02; letter-spacing:-.065em; }
.record-hero h1 em { color:#a34f35; font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.record-lede { max-width:540px; margin:26px 0; color:var(--muted); font-size:17px; line-height:1.75; }
.record-button { display:inline-flex; align-items:center; gap:28px; min-height:49px; padding:0 23px; border-radius:999px; background:var(--ink); color:var(--paper); text-decoration:none; font-size:13px; font-weight:750; }
.record-button:hover { background:#4b3428; }
.record-button:focus-visible,.record-text-link:focus-visible { outline:3px solid #a34f35; outline-offset:5px; }
.record-availability { margin:16px 0 0; color:var(--muted); font-size:12px; }
.record-art { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; min-height:380px; isolation:isolate; }
.record-art::before { content:""; position:absolute; inset:10% -8%; border-radius:50%; background:radial-gradient(circle,#f4db90,rgba(244,219,144,0) 70%); z-index:-1; }
.record-art img { width:100%; max-width:340px; height:auto; transform:rotate(5deg); filter:drop-shadow(0 22px 28px rgba(111,74,26,.16)); }
.record-art-caption { margin-top:26px; color:#807158; font-size:11px; letter-spacing:.03em; text-align:center; }
.record-orbit { position:absolute; z-index:-1; border:1px solid rgba(154,71,45,.13); border-radius:50%; transform:rotate(-25deg); }
.record-orbit-one { inset:5% -6% 14%; }
.record-orbit-two { inset:13% -14% 20%; transform:rotate(28deg); }
.record-section { padding:70px 0; border-top:1px solid var(--line); scroll-margin-top:90px; }
.record-eyebrow { color:#9a472d; font-size:10px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.record-section-heading h2,.record-note h2 { margin:14px 0 20px; font-size:clamp(32px,3.6vw,48px); font-weight:600; line-height:1.08; letter-spacing:-.045em; }
.record-section-heading>p { max-width:600px; margin:0; color:var(--muted); font-size:16px; line-height:1.65; }
.record-mode-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:32px; }
.record-mode-grid article { padding:30px; border:1px solid var(--line); border-radius:22px; background:rgba(255,255,255,.42); }
.record-mode-grid h3 { margin:24px 0 10px; font-size:32px; font-weight:650; letter-spacing:-.04em; }
.record-mode-grid p { margin:0 0 20px; color:var(--muted); font-size:15px; line-height:1.7; }
.record-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:32px; }
.record-features article { min-width:0; min-height:284px; padding:28px; border:1px solid var(--line); border-radius:22px; background:#f4dacb; }
.record-features article:nth-child(2) { background:#f1e2a7; }
.record-features article:nth-child(3) { background:#dce7d5; }
.record-feature-number { color:rgba(37,26,22,.52); font-size:11px; font-weight:750; }
.record-features h3 { margin:42px 0 12px; font-size:23px; line-height:1.15; font-weight:650; letter-spacing:-.035em; }
.record-features p { margin:0; color:#65594e; font-size:14px; line-height:1.7; }
.record-roadmap { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; }
.record-steps { list-style:none; margin:0; padding:0; }
.record-steps li { display:grid; grid-template-columns:100px minmax(0,1fr); gap:22px; padding:25px 0; border-bottom:1px solid var(--line); }
.record-steps li:first-child { padding-top:0; }
.record-step-state { align-self:start; width:max-content; padding:4px 8px; border:1px solid var(--line); border-radius:999px; color:#78664f; font-size:10px; font-weight:750; }
.record-steps h3 { margin:0 0 10px; font-size:20px; font-weight:650; line-height:1.3; letter-spacing:-.02em; }
.record-steps p { margin:0; color:var(--muted); font-size:14px; line-height:1.7; }
.record-note { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; margin:16px 0 72px; padding:36px; border:1px solid var(--line); border-radius:24px; background:rgba(255,255,255,.4); }
.record-note h2 { font-size:32px; }
.record-note p { margin:0 0 18px; color:var(--muted); font-size:14px; line-height:1.75; }
.record-text-link { color:#8e452f; font-size:13px; font-weight:750; text-underline-offset:4px; }
.record-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:24px; padding:28px clamp(22px,5vw,72px); border-top:1px solid var(--line); color:var(--muted); font-size:11px; }
.record-footer nav { display:flex; flex-wrap:wrap; gap:22px; }
.record-footer a { text-decoration:none; }
.record-footer a:hover { text-decoration:underline; }
@media (max-width:850px) {
  .record-hero { grid-template-columns:minmax(0,1fr) minmax(190px,.6fr); gap:24px; padding:52px 0 64px; min-height:580px; }
  .record-art { min-height:260px; }
  .record-features { gap:12px; }
  .record-features article { padding:22px; }
  .record-roadmap,.record-note { grid-template-columns:1fr; gap:32px; }
}
@media (max-width:620px) {
  .legal-links a:first-child { display:inline-flex; }
}
@media (max-width:600px) {
  .legal-nav { position:relative; flex-wrap:wrap; justify-content:space-between; gap:12px; padding:16px 22px; }
  .legal-links { gap:10px; }
  .legal-links a { min-height:32px; padding:0; font-size:11px; }
  .legal-brand { font-size:11px; letter-spacing:.14em; }
  .record-hero { display:flex; flex-direction:column; align-items:stretch; padding:42px 0 44px; gap:30px; }
  .record-hero h1 { font-size:clamp(41px,10.6vw,60px); }
  .record-product { margin-top:26px; }
  .record-lede { font-size:15px; }
  .record-art { min-height:220px; width:220px; align-self:center; }
  .record-art img { max-width:210px; }
  .record-art-caption { margin-top:14px; font-size:10px; }
  .record-section { padding:44px 0; scroll-margin-top:20px; }
  .record-section-heading>p { font-size:15px; }
  .record-features { grid-template-columns:1fr; }
  .record-mode-grid { grid-template-columns:1fr; gap:14px; }
  .record-mode-grid article { padding:25px; }
  .record-features article { min-height:0; padding:25px; }
  .record-features h3 { margin-top:22px; }
  .record-steps li { grid-template-columns:1fr; gap:14px; }
  .record-note { margin-bottom:40px; padding:25px; gap:12px; }
  .record-footer { font-size:10px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }