.registration-catalogue {
  background:#0b0e0d;
  padding-bottom:72px;
  font-variant-numeric:tabular-nums;
}

.catalogue-shell {
  width:min(90%,1240px);
  margin-inline:auto;
}

.catalogue-hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:138px 0 50px;
  background:radial-gradient(ellipse at 76% 57%,#4f2b1a80,transparent 61%),#0c100e;
}

.catalogue-mars {
  position:absolute;
  z-index:-2;
  inset:auto 0 0;
  height:min(31vw,420px);
  mask-image:linear-gradient(transparent,#000 20%,#000 72%,transparent);
}

.catalogue-mars img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 23%;
}

.catalogue-hero::after {
  position:absolute;
  z-index:-1;
  inset:0;
  content:'';
  background:linear-gradient(90deg,#0c100e 0%,#0c100ee8 26%,#0c100e75 53%,transparent 83%),
    linear-gradient(0deg,#0b0e0d,transparent 30%);
}

.catalogue-hero-inner {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);
  align-items:center;
  gap:24px;
}

.catalogue-brand {
  margin-bottom:20px;
  color:#e9aa7f;
  letter-spacing:.2em;
}

.catalogue-hero h1 {
  margin:0 0 22px;
  font:500 clamp(42px,6.6vw,98px)/.95 'Barlow Condensed',Impact,sans-serif;
  letter-spacing:-.025em;
}

.catalogue-hero h1 strong {
  color:#efb586;
  font-weight:inherit;
}

.catalogue-hero h1 em {
  color:#f1e2d1;
  font-size:.75em;
}

.catalogue-title {
  margin:0 0 8px;
  font-size:clamp(24px,3vw,36px);
}

.catalogue-intro {
  margin:0;
  max-width:55ch;
  color:#d0cbc0;
}

.catalogue-hero-actions {
  --metal:#efb586;
  --metal-rgb:239,181,134;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
  margin-top:22px;
}

.catalogue-explore {
  min-height:46px;
  padding:11px 15px;
  font-size:.875rem;
  background:#efb586;
}

.catalogue-demo {
  display:inline-flex;
  flex-basis:100%;
  align-items:baseline;
  gap:8px;
  margin:0;
  color:#e4c9b1;
  font-size:.8125rem;
}

.catalogue-demo span {
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
  flex:none;
}

.catalogue-emblem {
  position:relative;
  isolation:isolate;
  display:grid;
  place-items:center;
  min-width:0;
}

.catalogue-emblem::before {
  content:'';
  position:absolute;
  z-index:-1;
  width:75%;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid #f5bf9066;
  box-shadow:0 0 0 13px #f5bf9010,0 0 52px #ec8f503b;
}

.catalogue-emblem img {
  display:block;
  width:min(100%,420px);
  height:auto;
}

.catalogue-editions {
  display:grid;
  gap:clamp(28px,4vw,52px);
  padding-top:10px;
  scroll-margin-top:18px;
}

.catalogue-edition {
  --metal:#e7ded2;
  --metal-rgb:231,222,210;
  min-width:0;
  padding:19px clamp(12px,2.4vw,30px);
  border:1px solid rgba(var(--metal-rgb),.27);
  border-top-color:rgba(var(--metal-rgb),.58);
  border-radius:6px;
  background:linear-gradient(145deg,rgba(var(--metal-rgb),.105),transparent 65%),#121614;
}

.catalogue-edition-gold {
  --metal:#e8ce89;
  --metal-rgb:232,206,137;
}

.catalogue-edition-silver {
  --metal:#b7d3f3;
  --metal-rgb:183,211,243;
}

.catalogue-edition-bronze {
  --metal:#9ed6bb;
  --metal-rgb:158,214,187;
  --range-columns:10;
}

.catalogue-flagship {
  --metal:#f7c89d;
  --metal-rgb:247,200,157;
  padding:clamp(18px,3vw,36px);
  border:1px solid #b77450;
  border-top-color:#f4b887;
  background:radial-gradient(ellipse at 90% 0%,#9a4e2c4f,transparent 62%),
    linear-gradient(120deg,#241710,#131413 66%);
  box-shadow:inset 0 1px #f8d7ad42,0 18px 60px #0005;
}

.catalogue-edition-header,.catalogue-edition-identity,.catalogue-edition-stats {
  display:flex;
  align-items:center;
}

.catalogue-edition-header {
  justify-content:space-between;
  gap:16px 24px;
  flex-wrap:wrap;
  margin-bottom:17px;
}

.catalogue-edition-identity {
  min-width:0;
}

.catalogue-edition-header .catalogue-jump {
  margin-inline-end:auto;
}

.catalogue-ordinal {
  margin:0 0 5px;
  color:rgba(var(--metal-rgb),.88);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.catalogue-edition h2 {
  margin:0 0 3px;
  color:var(--metal);
  font-size:clamp(25px,3vw,37px);
  line-height:1.05;
}

.catalogue-flagship h2 {
  font-size:clamp(39px,6.2vw,76px);
  letter-spacing:-.018em;
}

.catalogue-edition-span {
  color:#ddc1ad;
  margin:6px 0 0;
  font-size:.9375rem;
}

.catalogue-edition-stats {
  margin:0;
  gap:clamp(14px,3vw,44px);
}

.catalogue-edition-stats dt {
  font-size:.8125rem;
  color:var(--muted);
}

.catalogue-edition-stats dd {
  margin:2px 0 0;
  font-size:clamp(17px,2vw,23px);
  font-weight:600;
  line-height:1.25;
}

.catalogue-edition-stats [data-edition-price] {
  color:var(--metal);
}

.catalogue-flagship .catalogue-edition-header {
  margin-bottom:23px;
}

.catalogue-flagship .catalogue-edition-stats {
  padding:9px 0 9px 22px;
  border-left:1px solid #edaa7657;
}

.catalogue-flagship .catalogue-edition-stats dd {
  font-size:clamp(21px,2.6vw,32px);
}

.catalogue-ranges {
  display:grid;
  grid-template-columns:repeat(var(--range-columns,9),minmax(0,1fr));
  gap:7px;
}

.catalogue-range {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:3px;
  min-height:48px;
  min-width:0;
  padding:7px 6px;
  background:rgba(var(--metal-rgb),.045);
  border:1px solid rgba(var(--metal-rgb),.29);
  border-radius:4px;
  color:var(--metal);
  font-size:clamp(.75rem,1vw,.9rem);
  line-height:1.3;
  text-align:left;
  cursor:pointer;
}

.catalogue-range-label {
  min-width:0;
}

.catalogue-range-arrow {
  flex:none;
}

.catalogue-range:hover {
  border-color:var(--metal);
  background:rgba(var(--metal-rgb),.17);
}

.catalogue-range[aria-expanded="true"],.catalogue-retained-ranges .catalogue-range[aria-pressed="true"] {
  border-color:var(--metal);
  background:rgba(var(--metal-rgb),.28);
  box-shadow:inset 0 -2px var(--metal);
}

.catalogue-range[aria-expanded="true"] .catalogue-range-arrow,
.catalogue-retained-ranges .catalogue-range[aria-pressed="true"] .catalogue-range-arrow {
  transform:rotate(45deg);
}

.catalogue-flagship .catalogue-ranges {
  gap:clamp(5px,1vw,11px);
}

.catalogue-flagship .catalogue-range,.catalogue-tree-grid--numbers .catalogue-range {
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  place-items:center;
  min-height:clamp(76px,9vw,128px);
  padding:22px 8px 13px;
  border-color:rgba(var(--metal-rgb),.36);
  background:linear-gradient(145deg,rgba(var(--metal-rgb),.18),transparent 70%),#161616;
  box-shadow:inset 0 1px rgba(var(--metal-rgb),.15);
}

.catalogue-flagship .catalogue-range-label {
  color:#f8cfac;
  font:500 clamp(38px,5.4vw,70px)/1 'Barlow Condensed',Impact,sans-serif;
  text-shadow:0 2px 8px #000a;
}

.catalogue-number-prefix,.catalogue-flagship .catalogue-range-arrow,.catalogue-tree-grid--numbers .catalogue-range-arrow {
  position:absolute;
  font-size:.75rem;
  color:rgba(var(--metal-rgb),.8);
}

.catalogue-number-prefix {
  top:7px;
  left:9px;
  letter-spacing:.08em;
}

.catalogue-flagship .catalogue-range-arrow,.catalogue-tree-grid--numbers .catalogue-range-arrow {
  right:9px;
  bottom:7px;
}

.catalogue-flagship .catalogue-range:hover,.catalogue-flagship .catalogue-range[aria-expanded="true"],
.catalogue-tree-grid--numbers .catalogue-range:hover,.catalogue-tree-grid--numbers .catalogue-range[aria-expanded="true"] {
  border-color:var(--metal);
  background:linear-gradient(145deg,rgba(var(--metal-rgb),.35),transparent 85%),#161616;
}

.catalogue-range-body {
  margin-top:14px;
  padding:12px;
  border:1px solid rgba(var(--metal-rgb),.25);
  border-radius:4px;
  background:#0e1412;
}

.catalogue-range-body[hidden],.catalogue-jump[hidden],.catalogue-pagination[hidden],.catalogue-number-scroll[hidden] {
  display:none;
}

.catalogue-range-title {
  margin:0 0 12px;
  color:var(--metal);
  font-size:1.125rem;
}

.catalogue-jump,.catalogue-pagination {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.catalogue-jump {
  min-width:0;
  max-width:100%;
}

.catalogue-jump button,.catalogue-jump input {
  min-height:46px;
  padding:7px 10px;
  border:1px solid rgba(var(--metal-rgb),.46);
  border-radius:4px;
  background:#121916;
  color:var(--ink);
  font:inherit;
}

.catalogue-jump input {
  width:10rem;
  max-width:100%;
}

.catalogue-edition-bronze .catalogue-jump input {
  width:clamp(11.5rem,32vw,13rem);
}

.catalogue-jump input::placeholder {
  color:var(--muted);
}

.catalogue-jump button {
  color:var(--metal);
  background:rgba(var(--metal-rgb),.12);
  font-size:.875rem;
  font-weight:600;
  cursor:pointer;
}

.catalogue-jump button:hover {
  border-color:var(--metal);
  background:rgba(var(--metal-rgb),.23);
}

.catalogue-jump :is(button,input):focus-visible {
  outline:2px solid var(--metal);
  outline-offset:2px;
}

.catalogue-feedback,.catalogue-page {
  margin:0;
  color:var(--muted);
  font-size:.875rem;
}

.catalogue-number-scroll {
  max-height:24rem;
  overflow:auto;
}

.catalogue-number-list {
  border-collapse:separate;
  border-spacing:0;
  width:100%;
  text-align:left;
  font-size:.9375rem;
}

.catalogue-number-list th,.catalogue-number-list td {
  padding:8px 10px;
  border-bottom:1px solid rgba(var(--metal-rgb),.16);
}

.catalogue-number-list thead th {
  position:sticky;
  top:0;
  background:#17211d;
  color:var(--muted);
  font-size:.8125rem;
}

.catalogue-number-list th:last-child,.catalogue-number-list td:last-child {
  text-align:right;
}

.catalogue-number,.catalogue-number-price {
  color:var(--metal);
  font-weight:600;
  white-space:nowrap;
}

.catalogue-number-status {
  color:#a4d7b6;
}

.catalogue-number-row[data-status="assigned"] .catalogue-number-status {
  color:var(--muted);
}

.catalogue-number-row.is-target {
  background:rgba(var(--metal-rgb),.18);
}

.catalogue-tree-level {
  min-width:0;
}

.catalogue-tree-back {
  min-height:38px;
  margin:0 0 12px;
  padding:6px 12px;
  border:1px solid #b7745080;
  border-radius:4px;
  background:#261b15;
  color:#f3c5a4;
  font:inherit;
  font-size:.875rem;
  cursor:pointer;
}

.catalogue-tree-back:hover {
  border-color:#edaa76;
  background:#422b20;
}

.catalogue-tree-level > .catalogue-range-title {
  color:#e4b28f;
  font-size:.875rem;
  font-weight:600;
  letter-spacing:.08em;
}

.catalogue-tree-level .catalogue-feedback {
  margin:8px 0 0;
}

.catalogue-tree-grid--numbers {
  gap:8px;
}

.catalogue-tree-grid--numbers .catalogue-range {
  min-height:94px;
  align-content:center;
  padding:20px 6px 16px;
  text-align:center;
}

.catalogue-tree-grid--numbers .catalogue-range-label {
  color:var(--metal);
  font:500 clamp(27px,3.2vw,36px)/1 'Barlow Condensed',Impact,sans-serif;
}

.catalogue-edition-bronze .catalogue-tree-grid--numbers .catalogue-range {
  min-height:clamp(108px,9vw,116px);
}

.catalogue-edition-bronze .catalogue-tree-grid--numbers .catalogue-range-label {
  font-size:clamp(30px,3.5vw,40px);
}

.catalogue-tree-grid--numbers .catalogue-range-arrow {
  right:7px;
  bottom:4px;
}

.catalogue-tile-price,.catalogue-tile-status {
  max-width:100%;
  color:var(--metal);
  font-size:.75rem;
  font-weight:600;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.catalogue-edition .catalogue-range[data-status="assigned"] {
  opacity:.58;
  border-color:#728b9f9e;
  background:linear-gradient(145deg,#344756,#1d262e 68%);
}

.catalogue-edition .catalogue-range[data-status="assigned"]:hover,
.catalogue-edition .catalogue-range[data-status="assigned"][aria-expanded="true"] {
  border-color:#bed1df;
}

.catalogue-range[data-status="assigned"] .catalogue-range-label,
.catalogue-range[data-status="assigned"] .catalogue-tile-price,
.catalogue-range[data-status="assigned"] .catalogue-tile-status {
  color:#e2ecf3;
}

.catalogue-range[data-status="assigned"] .catalogue-number-prefix,
.catalogue-range[data-status="assigned"] .catalogue-range-arrow {
  color:#b9cbd9;
}

.catalogue-retained-ranges {
  margin-bottom:12px;
}

.catalogue-retained-ranges:has([aria-pressed="true"]) {
  padding-bottom:12px;
  border-bottom:1px solid rgba(var(--metal-rgb),.28);
}

.catalogue-range-body > .catalogue-tree-level:not(:last-child) > .catalogue-tree-back {
  display:none;
}

.catalogue-detail {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(14px,3vw,36px);
  width:min(100%,920px);
  margin-inline:auto;
  padding:clamp(18px,4vw,42px);
  overflow:hidden;
  border:1px solid rgba(var(--metal-rgb),.55);
  border-top-color:var(--metal);
  border-radius:8px;
  background:radial-gradient(ellipse at 0% 0%,rgba(var(--metal-rgb),.2),transparent 65%),#131613;
  box-shadow:inset 0 1px rgba(var(--metal-rgb),.25),0 14px 40px #0005;
}

.catalogue-detail::after {
  content:'';
  position:absolute;
  z-index:-1;
  top:-125px;
  right:-86px;
  width:270px;
  aspect-ratio:1;
  border:1px solid rgba(var(--metal-rgb),.22);
  border-radius:50%;
  box-shadow:0 0 0 16px rgba(var(--metal-rgb),.04),0 0 0 17px rgba(var(--metal-rgb),.13);
  pointer-events:none;
}

.catalogue-detail-label {
  margin:0 0 5px;
  color:var(--metal);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.12em;
  line-height:1.4;
  text-transform:uppercase;
}

.catalogue-detail-badge {
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(65px,.86fr) minmax(0,1.14fr);
  align-items:center;
  gap:clamp(6px,1vw,15px);
  min-height:126px;
  padding:18px 12px;
  border:1px solid rgba(var(--metal-rgb),.75);
  border-radius:8px;
  background:radial-gradient(ellipse at 18% 0%,rgba(var(--metal-rgb),.27),transparent 77%),#171a15;
  box-shadow:inset 0 1px rgba(var(--metal-rgb),.45),0 8px 25px #0007;
}

.catalogue-detail-badge::before {
  position:absolute;
  z-index:-1;
  inset:5px;
  border:1px solid rgba(var(--metal-rgb),.26);
  border-radius:5px;
  content:'';
}

.catalogue-detail-emblem {
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 6px 9px #000a);
}

.catalogue-detail-engraving {
  min-width:0;
  container-type:inline-size;
}

.catalogue-detail-number {
  margin:0;
  color:var(--metal);
  font:500 38px/.91 'Barlow Condensed',Impact,sans-serif;
  font-size:clamp(34px,40cqi,84px);
  letter-spacing:-.025em;
  white-space:nowrap;
  text-shadow:0 2px 12px #0007;
}

.catalogue-detail-number:focus {
  outline:none;
}

.catalogue-detail:has(.catalogue-detail-number:focus-visible) {
  box-shadow:inset 0 0 0 1px rgba(var(--metal-rgb),.38),0 14px 40px #0005;
}

.catalogue-detail-meta {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:center;
  gap:12px;
  margin:0;
}

.catalogue-detail-info {
  min-width:0;
  padding-inline-start:clamp(12px,2vw,28px);
  border-inline-start:1px solid rgba(var(--metal-rgb),.28);
}

.catalogue-detail-meta dd {
  margin:0;
  font-size:clamp(15px,2vw,24px);
  font-weight:600;
  line-height:1.25;
  overflow-wrap:anywhere;
}

.catalogue-detail-price {
  color:var(--metal);
}

.catalogue-detail-status {
  color:#a4d7b6;
}

.catalogue-detail[data-status="assigned"] .catalogue-detail-status {
  color:#bed0df;
}

.catalogue-detail[data-status="assigned"] {
  border-color:#8096a8;
  background:radial-gradient(ellipse at 0% 0%,#52677d70,transparent 65%),linear-gradient(120deg,#293747,#151a21 72%);
}

.catalogue-detail-actions {
  margin-top:20px;
}

.catalogue-detail-actions[hidden] {
  display:none;
}

.catalogue-buy {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  max-width:100%;
  padding:10px 18px;
  border:1px solid var(--metal);
  border-radius:4px;
  background:transparent;
  color:var(--metal);
  font:700 1rem/1.3 'DM Sans',Arial,sans-serif;
  text-align:center;
  overflow-wrap:anywhere;
  cursor:not-allowed;
}

.catalogue-range[data-status="reserved"] {
  opacity:.78;
}

.catalogue-detail[data-status="reserved"] .catalogue-detail-status {
  color:var(--metal);
}

.catalogue-terms {
  padding:12px 0 0;
  color:var(--muted);
}

.catalogue-terms h2 {
  color:var(--ink);
  font-size:28px;
  margin:0;
}

.catalogue-terms ul {
  padding-left:20px;
}

.catalogue-terms .text-button {
  font-size:1rem;
}

@media(max-width:1120px) {
  .catalogue-edition:not(.catalogue-flagship) .catalogue-ranges {
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}

@media(max-width:700px) {
  .catalogue-hero {
    padding:163px 0 30px;
  }

  .catalogue-mars {
    height:min(64vw,290px);
    opacity:.63;
  }

  .catalogue-hero::after {
    background:linear-gradient(90deg,#0c100ef7,#0c100e6b),linear-gradient(0deg,#0b0e0d,transparent 46%);
  }

  .catalogue-hero-inner {
    grid-template-columns:minmax(0,1fr);
  }

  .catalogue-emblem {
    display:none;
  }

  .catalogue-edition-identity {
    flex-basis:100%;
  }

  .catalogue-edition-stats {
    width:100%;
  }

  .catalogue-flagship .catalogue-edition-stats {
    border-left:0;
    border-top:1px solid #edaa7657;
    padding:10px 0 0;
  }

  .catalogue-edition .catalogue-ranges,.catalogue-edition:not(.catalogue-flagship) .catalogue-ranges {
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .catalogue-edition.catalogue-edition-bronze .catalogue-ranges {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .catalogue-range-body {
    padding:8px;
  }

  .catalogue-number-list th,.catalogue-number-list td {
    padding:7px 5px;
  }

  .catalogue-detail {
    grid-template-columns:minmax(0,1fr);
  }

  .catalogue-detail-info {
    padding:12px 0 0;
    border-inline-start:0;
    border-top:1px solid rgba(var(--metal-rgb),.28);
  }
}

.catalogue-edition .catalogue-ranges.catalogue-tree-grid {
  grid-template-columns:repeat(10,minmax(0,1fr));
}

@media(min-width:701px) and (max-width:1260px) {
  .catalogue-edition .catalogue-ranges.catalogue-tree-grid {
    grid-template-columns:repeat(5,minmax(0,1fr));
  }
}

@media(max-width:700px) {
  .catalogue-edition .catalogue-ranges.catalogue-tree-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,95px),1fr));
  }
}

.checkout {
  padding:138px 0 80px;
  background:radial-gradient(ellipse at 30% 5%,rgba(var(--metal-rgb),.12),transparent 54%),#0b0e0d;
  font-variant-numeric:tabular-nums;
}

.checkout.catalogue-edition-platinum {
  --metal:#f7c89d;
  --metal-rgb:247,200,157;
}

.checkout-shell {
  width:min(90%,1080px);
  margin-inline:auto;
}

.checkout-back,.checkout-secondary,.checkout-reset {
  color:var(--metal);
  font:600 .9375rem/1.45 'DM Sans',Arial,sans-serif;
  text-decoration:underline;
  text-underline-offset:4px;
}

.checkout-header {
  margin:24px 0;
}

.checkout-header .eyebrow {
  margin:0 0 8px;
  color:var(--metal);
}

.checkout-title {
  margin:0 0 12px;
  font-size:clamp(42px,6vw,78px);
}

.checkout-intro,.checkout-copy {
  max-width:64ch;
  margin:0 0 18px;
  color:var(--muted);
}

.checkout-grid {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.3fr);
  align-items:start;
  gap:clamp(16px,3vw,34px);
}

.checkout-order,.checkout-panel {
  min-width:0;
  padding:clamp(18px,3vw,32px);
  border:1px solid rgba(var(--metal-rgb),.35);
  border-top-color:rgba(var(--metal-rgb),.65);
  border-radius:8px;
  background:#151a16;
}

.checkout-total {
  margin:18px 0 0;
  color:var(--metal);
  font-size:clamp(18px,2vw,24px);
  font-weight:600;
}

.checkout-total dd {
  margin:0;
}

.checkout-steps {
  display:flex;
  flex-wrap:wrap;
  gap:6px 12px;
  margin:0 0 24px;
  padding:0 0 14px;
  border-bottom:1px solid rgba(var(--metal-rgb),.25);
  list-style:none;
  color:var(--muted);
  font-size:.875rem;
}

.checkout-step-number {
  display:inline-grid;
  width:24px;
  height:24px;
  margin-inline-end:3px;
  place-items:center;
  border:1px solid rgba(var(--metal-rgb),.3);
  border-radius:50%;
}

.checkout-steps [aria-current="step"] {
  color:var(--metal);
  font-weight:700;
}

.checkout-steps [aria-current="step"] .checkout-step-number {
  background:var(--metal);
  color:#1b1610;
}

.checkout-step-title {
  margin:0 0 10px;
  color:var(--ink);
  font-size:clamp(26px,4vw,38px);
}

.checkout-alert {
  padding:10px 14px;
  border-inline-start:2px solid var(--metal);
  background:rgba(var(--metal-rgb),.08);
  font-size:.9375rem;
  overflow-wrap:anywhere;
}

.checkout-error {
  color:#ffc3b5;
  border-color:#ed977f;
  background:#6c2d232e;
}

.checkout-form {
  display:grid;
  gap:15px;
  margin-top:18px;
}

.checkout-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px 16px;
}

.checkout-field {
  display:grid;
  gap:5px;
  min-width:0;
  color:var(--ink);
}

.checkout-field:has(input[name="street"]) {
  grid-column:1/-1;
}

.checkout-form input:not([type="checkbox"],[type="hidden"]),.checkout-form select {
  width:100%;
  min-height:46px;
  padding:8px 11px;
  border:1px solid rgba(var(--metal-rgb),.46);
  border-radius:4px;
  background:#0e1411;
  color:var(--ink);
  font:inherit;
  letter-spacing:normal;
  color-scheme:dark;
}

.checkout-acknowledge {
  display:flex;
  align-items:flex-start;
  gap:10px;
  color:var(--ink);
}

.checkout-acknowledge input {
  width:18px;
  height:18px;
  flex:none;
  margin:.3em 0 0;
  accent-color:var(--metal);
}

.checkout-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 18px;
}

.checkout-secondary,.checkout-reset {
  padding:4px 0;
  border:0;
  background:none;
  text-align:start;
}

.checkout-code {
  display:inline-block;
  margin:0 .2em;
  color:var(--metal);
  font-size:1.15em;
  font-weight:700;
  letter-spacing:.12em;
}

@media(max-width:760px) {
  .checkout {
    padding:160px 0 54px;
  }

  .checkout-grid {
    grid-template-columns:minmax(0,1fr);
  }
}

@media(max-width:420px) {
  .checkout-fields {
    grid-template-columns:minmax(0,1fr);
  }
}