:root{
  --bg:#06100f;
  --gold:#d8ca98;
  --gold2:#eee4b9;
  --cream:#f4f0df;
  --muted:#9ca8a2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--cream);
  background:
    radial-gradient(circle at 39% 40%,rgba(46,79,68,.14),transparent 34rem),
    radial-gradient(circle at 87% 31%,rgba(101,79,29,.06),transparent 25rem),
    var(--bg);
  font-family:Inter,system-ui,sans-serif;
}
a{color:inherit;text-decoration:none}
.topbar{
  min-height:78px;
  padding:0 clamp(22px,4.7vw,72px);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  border-bottom:1px solid rgba(255,255,255,.055);
  background:rgba(6,16,15,.94);
  backdrop-filter:blur(18px);
  position:sticky;
  top:0;
  z-index:20;
}
.brand{display:flex;align-items:center;gap:13px}
.seal{
  width:40px;height:40px;border:1px solid var(--gold);border-radius:50%;
  display:grid;place-items:center;color:var(--gold);
  font:600 22px "Cormorant Garamond",serif;
  box-shadow:0 0 20px rgba(216,202,152,.08)
}
.brand-copy strong{
  display:block;
  font:600 19px "Cormorant Garamond",serif;
  letter-spacing:.055em
}
.brand-copy small{
  display:block;
  color:var(--gold);
  font-size:9px;
  letter-spacing:.34em;
  margin-top:1px
}
.topbar nav{
  display:flex;
  gap:36px;
  color:#bec6c1;
  font-size:10px;
  letter-spacing:.17em
}
.topbar nav a:hover{color:var(--gold2)}
.top-cta{
  border:1px solid rgba(216,202,152,.5);
  color:var(--gold2);
  padding:13px 18px;
  font-size:9px;
  letter-spacing:.16em
}
.hero-art{
  position:relative;
  width:100%;
  min-height:760px;
  overflow:hidden;
  background:#06100f;
}
.hero-art img{
  display:block;
  width:100%;
  height:100%;
  min-height:760px;
  object-fit:cover;
  object-position:center top;
  filter:saturate(.93) contrast(1.02);
}
.hero-art:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(6,16,15,.05),rgba(6,16,15,.02) 60%,rgba(6,16,15,.16)),
    radial-gradient(circle at 50% 45%,transparent 56%,rgba(6,16,15,.12) 100%);
}
.beta-testing-note{
  position:absolute;
  left:8.2%;
  top:10.6%;
  z-index:12;
  display:grid;
  gap:4px;
  max-width:240px;
  color:rgba(226,213,182,.78);
  text-shadow:0 1px 12px rgba(0,0,0,.82);
  pointer-events:none;
}
.beta-testing-note strong{
  font:600 9px Inter,system-ui,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.beta-testing-note span{
  color:rgba(207,203,192,.70);
  font:400 10px/1.35 Inter,system-ui,sans-serif;
}
.featured-hero-copy{
  position:absolute;
  left:-78%;
  top:0;
  width:178%;
  z-index:12;
  transform:translateY(-126%);
  display:block;
  color:rgba(226,213,182,.86);
  font-family:"Cormorant Garamond",serif;
  font-weight:300;
  font-size:14px;
  line-height:1.25;
  letter-spacing:.015em;
  text-align:left;
  text-shadow:0 1px 12px rgba(0,0,0,.78);
  pointer-events:none;
}
.hotspot{
  position:absolute;
  z-index:4;
  border-radius:50%;
  outline:none;
}
.hotspot:hover{
  box-shadow:0 0 38px rgba(216,202,152,.18);
}
.meeting{left:34.5%;top:33%;width:18%;aspect-ratio:1}
.discussions{left:34%;top:12%;width:18%;height:15%}
.sprints{left:20%;top:28%;width:18%;height:18%}
.intersections{left:54%;top:28%;width:18%;height:18%}
.archive{left:36%;top:69%;width:15%;height:14%}
.future{left:55%;top:63%;width:18%;height:16%}
.book{right:6%;top:14%;width:20%;height:65%;border-radius:0}
.quiet-cards{
  max-width:1440px;
  margin:0 auto;
  padding:20px clamp(22px,4.7vw,72px) 64px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px
}
.quiet-card{
  min-height:126px;
  padding:22px 23px;
  border:1px solid rgba(216,202,152,.14);
  background:
    linear-gradient(180deg,rgba(13,27,25,.46),rgba(7,16,15,.60));
  position:relative;
  transition:.22s ease;
  box-shadow:inset 0 1px rgba(255,255,255,.018)
}
.quiet-card:hover{
  border-color:rgba(216,202,152,.32);
  background:rgba(18,33,30,.58);
  transform:translateY(-2px)
}
.card-label{
  display:block;
  color:var(--gold);
  font-size:9px;
  letter-spacing:.18em;
  margin-bottom:17px
}
.quiet-card strong{
  display:block;
  max-width:220px;
  color:#c2c8c3;
  font-size:12px;
  line-height:1.65;
  font-weight:400
}
.quiet-card b{
  position:absolute;
  right:20px;
  bottom:18px;
  color:var(--gold);
  font-size:18px;
  font-weight:400
}
footer{
  max-width:1440px;
  margin:auto;
  padding:40px clamp(22px,4.7vw,72px);
  border-top:1px solid rgba(216,202,152,.09);
  display:grid;
  grid-template-columns:1fr auto;
  gap:24px;
  color:var(--muted)
}
footer strong{
  color:var(--gold2);
  font:600 18px "Cormorant Garamond",serif;
  letter-spacing:.06em
}
footer p{font-size:11px}
.footer-imprint{
  color:var(--gold);
  font:600 16px "Cormorant Garamond",serif;
  letter-spacing:.18em
}
.copyright{
  grid-column:1/-1;
  border-top:1px solid rgba(255,255,255,.045);
  padding-top:17px;
  font-size:9px
}
@media(max-width:1100px){
  .topbar nav{display:none}
  .hero-art,.hero-art img{min-height:640px}
  .beta-testing-note{left:7.2%;top:12%;max-width:210px}
  .quiet-cards{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .topbar{padding-inline:17px}
  .top-cta{display:none}
  .brand-copy strong{font-size:15px}
  .hero-art,.hero-art img{min-height:520px}
  .hero-art img{object-position:43% top}
  .beta-testing-note{left:7%;top:14%;max-width:180px}
  .beta-testing-note strong{font-size:7px}
  .beta-testing-note span{font-size:8px}
  .book{right:0;width:28%}
  .quiet-cards{grid-template-columns:1fr;padding-inline:18px}
  footer{grid-template-columns:1fr;padding-inline:18px}
}






/* =========================================================
   Requested homepage corrections — final restrained pass
   ========================================================= */

/* Replace the baked ENTER THE ARCHIVE control in its original footprint. */
.checkout-entry{
  position:absolute;
  left:81.70%;
  top:2.44%;
  width:13.93%;
  height:5.18%;
  z-index:12;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:0;
  border:1px solid rgba(216,202,152,.58);
  background:#06100f;
  color:#cfcbc0;
  text-decoration:none;
  box-shadow:0 0 0 2px #06100f;
  transition:.2s ease;
}
.checkout-entry:hover,
.checkout-entry:focus-visible{
  border-color:rgba(216,202,152,.82);
  background:#081311;
}
.checkout-entry-main{
  font-size:clamp(8px,.72vw,11px);
  font-weight:500;
  letter-spacing:.18em;
  color:#d8ca98;
  line-height:1;
}
.checkout-entry-sub{
  font-size:clamp(5px,.43vw,6.6px);
  font-weight:500;
  letter-spacing:.13em;
  color:#aaa99f;
  white-space:nowrap;
  line-height:1;
}
.checkout-entry-count{
  position:absolute;
  right:6px;
  top:4px;
  display:flex;
  align-items:center;
  gap:3px;
  color:rgba(216,202,152,.82);
  font-size:clamp(6px,.50vw,8px);
  letter-spacing:.08em;
  line-height:1;
}
.cart-open{overflow:hidden}
.cart-orb{
  position:fixed;
  inset:0;
  z-index:60;
  display:grid;
  place-items:center;
  padding:30px 24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .22s ease;
}
.cart-orb[aria-hidden="false"]{
  opacity:1;
  pointer-events:auto;
}
.cart-orb-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 44%,rgba(24,83,104,.20),transparent 40rem),
    linear-gradient(180deg,rgba(1,9,16,.58),rgba(1,5,11,.74)),
    rgba(2,7,13,.66);
  backdrop-filter:blur(8px);
}
.cart-home{
  position:fixed;
  left:clamp(22px,4vw,58px);
  top:clamp(22px,5vh,54px);
  z-index:5;
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(142,221,238,.20);
  background:rgba(4,21,32,.26);
  color:rgba(215,255,255,.76);
  font:600 9px Inter,system-ui,sans-serif;
  letter-spacing:.22em;
  cursor:pointer;
  text-transform:uppercase;
  text-shadow:0 0 12px rgba(137,252,255,.28);
}
.cart-home:hover,
.cart-home:focus-visible{
  color:rgba(235,255,255,.96);
  border-color:rgba(142,221,238,.38);
  outline:none;
}
.cart-clock{
  position:relative;
  width:min(940px,94vw,calc(100vh - 58px));
  aspect-ratio:1;
  display:grid;
  place-items:center;
  color:#f4f7eb;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(15,79,100,.12),rgba(5,21,36,.06) 45%,transparent 72%),
    radial-gradient(circle at 50% 48%,rgba(126,219,238,.08),transparent 30%);
  box-shadow:
    0 0 120px rgba(67,184,217,.12),
    inset 0 0 58px rgba(94,238,242,.07);
}
.cart-clock:before,
.cart-clock:after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.cart-clock:before{
  inset:3.5%;
  border:1px solid rgba(142,221,238,.22);
  box-shadow:
    0 0 30px rgba(79,190,219,.14),
    inset 0 0 38px rgba(77,184,218,.06);
}
.cart-clock:after{
  inset:15%;
  border:1px solid rgba(142,221,238,.07);
  background:
    repeating-conic-gradient(from 0deg,rgba(185,238,246,.11) 0deg .7deg,transparent .7deg 7.5deg);
  mask:radial-gradient(circle,transparent 68%,#000 69%,#000 70.5%,transparent 71.5%);
}
.clock-face{
  position:absolute;
  inset:0;
  font-family:"Cormorant Garamond",serif;
  color:rgba(224,246,244,.34);
  text-shadow:0 0 18px rgba(116,208,231,.16);
  pointer-events:none;
}
.clock-number{
  position:absolute;
  transform:translate(-50%,-50%);
  font-size:clamp(22px,4.5vw,54px);
  line-height:1;
}
.n12{left:50%;top:9%}.n1{left:72%;top:15%}.n2{left:88%;top:31%}
.n3{left:94%;top:50%}.n4{left:86%;top:71%}.n5{left:69%;top:87%}
.n6{left:50%;top:93%}.n7{left:31%;top:87%}.n8{left:14%;top:71%}
.n9{left:6%;top:50%}.n10{left:12%;top:31%}.n11{left:28%;top:15%}
.clock-hand{
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  transform-origin:50% 100%;
  border-radius:999px;
  opacity:.18;
  background:linear-gradient(180deg,rgba(185,255,255,.88),rgba(92,229,236,.06));
  box-shadow:0 0 18px rgba(137,252,255,.20);
}
.hour-hand{height:19%;margin-top:-19%}
.minute-hand{height:31%;margin-top:-31%}
.clock-pin{
  position:absolute;
  left:50%;
  top:50%;
  width:16px;
  height:16px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:2px solid rgba(194,255,255,.38);
  background:rgba(4,28,31,.22);
  box-shadow:0 0 18px rgba(151,252,255,.20);
}
.cart-close{
  position:absolute;
  right:15%;
  top:14%;
  z-index:4;
  width:34px;
  height:34px;
  border:1px solid rgba(157,250,255,.30);
  border-radius:50%;
  background:rgba(4,21,32,.34);
  color:#dff;
  cursor:pointer;
}
.cart-contents{
  position:relative;
  z-index:3;
  width:min(430px,52%);
  padding:24px 18px 34px;
  text-align:left;
  color:#f2f5e9;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.cart-eyebrow{
  margin:0 0 7px;
  color:rgba(168,252,255,.78);
  font-size:9px;
  letter-spacing:.24em;
  text-align:center;
}
.cart-contents h2{
  margin:0 0 20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(157,250,255,.18);
  font:600 clamp(34px,4.8vw,52px)/1 "Cormorant Garamond",serif;
  letter-spacing:.12em;
  text-align:center;
}
.cart-items{
  margin:0;
  padding:0;
  list-style:none;
}
.cart-row{
  display:grid;
  grid-template-columns:24px minmax(0,1fr) auto auto auto;
  gap:12px;
  align-items:center;
  min-height:39px;
  border-bottom:1px solid rgba(157,250,255,.20);
  font:500 clamp(18px,2.2vw,25px) "Cormorant Garamond",serif;
  text-shadow:0 0 10px rgba(110,243,249,.30);
}
.cart-quantity,
.cart-unit-price{
  color:rgba(191,211,206,.70);
  font:600 9px Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cart-remove{
  width:24px;
  height:24px;
  padding:0;
  border:0;
  background:transparent;
  color:rgba(157,250,255,.65);
  font-family:Inter,system-ui,sans-serif;
  font-size:18px;
  cursor:pointer;
}
.cart-remove:hover,
.cart-remove:focus-visible{
  color:rgba(225,255,255,.95);
  outline:none;
  text-shadow:0 0 12px rgba(137,252,255,.70);
}
.cart-empty{
  min-height:78px;
  display:grid;
  place-items:center;
  color:rgba(191,211,206,.70);
  font:500 16px "Cormorant Garamond",serif;
  border-bottom:1px solid rgba(157,250,255,.16);
}
.cart-row strong{
  color:#f7f1c4;
  font-weight:500;
}
.subtotal-row{
  grid-template-columns:1fr auto;
  margin-top:14px;
  padding-left:38px;
}
.cart-tax-note{
  margin:16px 0 24px;
  color:rgba(191,211,206,.70);
  font-size:10px;
  line-height:1.5;
  text-align:center;
}
.cart-proceed{
  width:min(330px,100%);
  min-height:46px;
  margin:0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(157,250,255,.56);
  border-radius:999px;
  color:#f4f7eb;
  background:rgba(7,28,44,.42);
  font:600 16px "Cormorant Garamond",serif;
  letter-spacing:.20em;
  box-shadow:0 0 24px rgba(126,244,251,.18);
}
.cart-proceed:hover,
.cart-proceed:focus-visible{
  outline:none;
  background:rgba(21,82,88,.54);
}
.cart-times{
  position:fixed;
  z-index:4;
  right:clamp(28px,6vw,88px);
  bottom:clamp(30px,7vh,78px);
  width:min(250px,34vw);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:7px;
  padding:14px 16px;
  border-right:1px solid rgba(142,221,238,.20);
  background:
    linear-gradient(90deg,transparent,rgba(7,25,39,.16)),
    linear-gradient(180deg,rgba(91,225,244,.05),transparent);
  color:rgba(215,255,255,.88);
  font:500 clamp(10px,1.05vw,14px) Inter,system-ui,sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-variant-numeric:tabular-nums;
  text-shadow:
    0 0 8px rgba(137,252,255,.62),
    0 0 22px rgba(137,252,255,.20);
  pointer-events:none;
}
.cart-times time{
  min-width:0;
  white-space:nowrap;
}
.merch-drawer{
  position:fixed;
  inset:0;
  z-index:70;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.merch-drawer[aria-hidden="false"]{
  opacity:1;
  pointer-events:auto;
}
.merch-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,7,12,.70);
  backdrop-filter:blur(9px);
}
.merch-panel{
  position:relative;
  width:min(560px,92vw);
  padding:44px;
  color:var(--cream);
  border:1px solid rgba(142,221,238,.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(40,116,132,.22),transparent 20rem),
    linear-gradient(180deg,rgba(5,24,40,.82),rgba(3,13,24,.88));
  box-shadow:0 28px 90px rgba(0,0,0,.36);
}
.merch-panel h2{
  margin:0 0 28px;
  color:var(--gold2);
  font:600 clamp(38px,6vw,58px)/1 "Cormorant Garamond",serif;
  letter-spacing:.08em;
}
.merch-close{
  position:absolute;
  top:18px;
  right:18px;
  width:34px;
  height:34px;
  border:1px solid rgba(157,250,255,.30);
  border-radius:50%;
  background:rgba(4,21,32,.34);
  color:#dff;
  cursor:pointer;
}
.merch-item{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:22px 0;
  border-top:1px solid rgba(157,250,255,.16);
  border-bottom:1px solid rgba(157,250,255,.16);
}
.merch-item strong{
  display:block;
  color:var(--gold2);
  font:600 28px "Cormorant Garamond",serif;
}
.merch-item span{
  display:block;
  margin-top:5px;
  color:rgba(191,211,206,.72);
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.merch-item button{
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(157,250,255,.44);
  background:rgba(7,28,44,.42);
  color:#effffb;
  font:600 10px Inter,system-ui,sans-serif;
  letter-spacing:.18em;
  cursor:pointer;
}
.merch-item button:hover,
.merch-item button:focus-visible{
  outline:none;
  background:rgba(21,82,88,.54);
}
.add-confirm{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.add-confirm[aria-hidden="false"]{
  opacity:1;
  pointer-events:auto;
}
.confirm-backdrop{
  position:absolute;
  inset:0;
  background:rgba(1,7,12,.62);
  backdrop-filter:blur(8px);
}
.confirm-panel{
  position:relative;
  width:min(460px,92vw);
  padding:38px;
  border:1px solid rgba(142,221,238,.18);
  background:
    radial-gradient(circle at 50% 0%,rgba(40,116,132,.22),transparent 18rem),
    linear-gradient(180deg,rgba(5,24,40,.86),rgba(3,13,24,.92));
  box-shadow:0 28px 90px rgba(0,0,0,.38);
  text-align:center;
}
.confirm-panel h2{
  margin:0;
  color:var(--gold2);
  font:600 clamp(34px,6vw,52px)/1 "Cormorant Garamond",serif;
}
.confirm-panel p:not(.cart-eyebrow){
  margin:16px 0 26px;
  color:rgba(191,211,206,.78);
  font-size:12px;
}
.book-detail-copy{
  margin:16px auto 26px;
  max-width:330px;
  color:rgba(184,157,109,.76);
  font-family:Inter,system-ui,sans-serif;
  font-size:12px;
  font-weight:200;
  line-height:1.55;
}
.book-detail-copy p{
  margin:0;
}
.book-detail-copy p + p{
  margin-top:10px;
  color:rgba(184,157,109,.66);
}
.book-sample-link{
  display:inline-block;
  margin-top:16px;
  color:rgba(238,228,185,.86);
  font:600 10px Inter,system-ui,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
  text-decoration:none;
}
.book-sample-link:hover,
.book-sample-link:focus-visible{
  color:var(--gold2);
  outline:none;
}
.confirm-actions{
  display:flex;
  justify-content:center;
  gap:12px;
}
.confirm-actions button{
  min-width:112px;
  min-height:42px;
  border:1px solid rgba(157,250,255,.32);
  background:rgba(7,28,44,.32);
  color:#effffb;
  font:600 10px Inter,system-ui,sans-serif;
  letter-spacing:.16em;
  cursor:pointer;
  text-transform:uppercase;
}
.confirm-actions button:last-child{
  border-color:rgba(216,202,152,.52);
  color:var(--gold2);
}
.confirm-actions button:hover,
.confirm-actions button:focus-visible{
  outline:none;
  background:rgba(21,82,88,.54);
}

/* Match the native orbital headings: same serif, weight, size and neutral-cream tone. */
.label-replacement{
  position:absolute;
  z-index:10;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Cormorant Garamond",serif;
  font-weight:500;
  font-size:clamp(13px,1.02vw,16px);
  letter-spacing:.005em;
  line-height:1;
  color:#cfcbc0;
  text-align:center;
  text-decoration:none;
}

/* Cover only the baked SHORT SPRINTS heading, then place SPRINTS in the same location. */
.label-sprints{
  left:20.55%;
  top:35.05%;
  width:12.55%;
  height:2.75%;
  background:rgba(5,14,13,.985);
}

/* Cover the lower baked SPRINTS heading and description, then place MERCHANDISE. */
.label-merchandise{
  left:20.85%;
  top:60.35%;
  width:11.80%;
  height:7.35%;
  background:rgba(5,14,13,.985);
}
.label-merchandise:hover{color:#cfcbc0}

/* Quiet catalog note beneath the single current work. */
.future-works-note{
  position:absolute;
  z-index:10;
  right:8.65%;
  top:80.55%;
  width:15.8%;
  text-align:center;
  color:rgba(156,168,162,.72);
  font-size:clamp(4.5px,.40vw,6.2px);
  font-weight:500;
  letter-spacing:.16em;
  line-height:1.2;
}

/* Preserve the ORIGINAL four baked container borders. These masks sit just inside
   those borders and remove only their old contents; no duplicate borders are added. */
.blank-card-content{
  position:absolute;
  z-index:9;
  top:82.15%;
  height:13.45%;
  background:#07110f;
  border:0;
  border-radius:8px;
  box-shadow:none;
  pointer-events:none;
}
.blank-card-content-1{left:3.47%;width:21.05%}
.blank-card-content-2{left:26.35%;width:20.25%}
.blank-card-content-3{left:48.45%;width:20.72%}
.blank-card-content-4{left:70.90%;width:23.72%}
.hero-card-panel{
  position:absolute;
  z-index:11;
  top:82.55%;
  height:12.65%;
  display:grid;
  grid-template-rows:auto 1fr auto;
  gap:7px;
  padding:14px 16px;
  color:rgba(207,203,192,.82);
  background:rgba(7,17,15,.72);
}
.hero-email-card{left:3.72%;width:20.55%}
.hero-feedback-card{left:71.15%;width:23.22%}
.hero-card-panel p{
  margin:0;
  color:rgba(184,157,109,.84);
  font:600 8px Inter,system-ui,sans-serif;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.hero-card-panel label{
  display:grid;
  gap:6px;
}
.hero-card-panel span{
  color:rgba(226,213,182,.78);
  font:300 clamp(9px,.72vw,11px)/1.35 Inter,system-ui,sans-serif;
}
.hero-card-panel input,
.hero-card-panel textarea{
  width:100%;
  min-height:26px;
  border:1px solid rgba(216,202,152,.16);
  background:rgba(2,10,14,.72);
  color:rgba(244,240,223,.88);
  font:300 10px Inter,system-ui,sans-serif;
  padding:6px 8px;
}
.hero-card-panel textarea{
  resize:none;
}
.hero-card-panel button{
  justify-self:start;
  min-height:24px;
  border:1px solid rgba(184,157,109,.38);
  background:rgba(6,16,15,.68);
  color:rgba(238,228,185,.84);
  font:600 8px Inter,system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  padding:0 11px;
  cursor:pointer;
}
.hero-card-panel button:disabled{
  cursor:default;
  opacity:.58;
}
.hero-card-panel .hero-card-status{
  color:rgba(129,199,193,.78);
  font:500 8px Inter,system-ui,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}

@media(max-width:700px){
  .checkout-entry-main{font-size:7px}
  .checkout-entry-sub{font-size:4.3px}
  .checkout-entry-count{font-size:5px;right:4px;top:3px}
  .label-replacement{font-size:10px}
  .future-works-note{font-size:4.2px}
  .hero-card-panel{
    padding:8px;
    gap:4px;
  }
  .hero-card-panel span{font-size:6.5px;line-height:1.2}
  .hero-card-panel .hero-card-status{font-size:5.8px}
  .hero-card-panel input,
  .hero-card-panel textarea{min-height:20px;font-size:8px;padding:4px 5px}
  .hero-card-panel button{min-height:19px;font-size:6px;padding-inline:7px}
  .cart-orb{padding:14px}
  .cart-clock{width:min(116vw,calc(100vh - 28px))}
  .cart-contents{width:68%;padding:22px 14px 24px}
  .cart-close{right:9%;top:8%}
  .cart-row{grid-template-columns:18px 1fr auto;gap:8px;font-size:15px}
  .cart-unit-price{display:none}
  .subtotal-row{padding-left:26px}
  .cart-tax-note{font-size:8px}
  .cart-times{right:18px;bottom:18px;width:auto;font-size:9px}
  .merch-panel{padding:34px 24px}
  .merch-item{align-items:flex-start;flex-direction:column}
  .cart-home{left:14px;top:14px}
  .confirm-actions{flex-direction:column}
}