/* LAKRAZ /shop-gate — early-access password decoy. Monochrome only. */

.shop-wrap { min-height: 100vh; padding: 160px 40px 120px; max-width: 1100px; margin: 0 auto; }

.shop-gate { max-width: 520px; margin: 0 auto; text-align: left; }
.shop-gate .eyebrow { font-size: 10px; letter-spacing: .35em; text-transform: uppercase; color: var(--dim); margin-bottom: 24px; }
.shop-gate h1 { margin: 0 0 16px; font-weight: 700; font-size: clamp(32px, 5vw, 48px); line-height: 1; letter-spacing: .03em; text-transform: uppercase; color: #fff; }
.shop-gate .sub { margin: 0 0 36px; color: var(--off); font-size: 13px; line-height: 1.6; }

.shop-countdown { display: flex; gap: 14px; align-items: baseline; margin: 0 0 36px; padding: 18px 0; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.shop-countdown .label { font-size: 9px; letter-spacing: .3em; text-transform: uppercase; color: var(--dim); }
.shop-countdown .time { font-size: 14px; letter-spacing: .18em; color: #fff; font-variant-numeric: tabular-nums; }

.shop-form { display: flex; flex-direction: column; gap: 12px; }
.shop-form label { font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: var(--dim); }
.shop-form input[type="password"] {
  width: 100%; background: transparent; color: #fff;
  border: 1px solid var(--rule-hi); border-radius: 0;
  padding: 14px 16px; font: inherit; font-size: 13px; letter-spacing: .08em;
  outline: none;
}
.shop-form input[type="password"]:focus { border-color: var(--focus); }
.shop-form button { align-self: flex-start; margin-top: 4px; cursor: pointer; font-family: inherit; }
.shop-error { min-height: 1.2em; margin: 6px 0 0; font-size: 11px; letter-spacing: .1em; color: var(--error); }

.shop-capture { margin-top: 72px; padding-top: 40px; border-top: 1px solid var(--rule); }
.shop-capture h2 { margin: 0 0 8px; font-weight: 700; font-size: 18px; letter-spacing: .16em; text-transform: uppercase; color: #fff; }
.shop-capture p { margin: 0 0 20px; color: var(--off); font-size: 13px; line-height: 1.6; }
.shop-capture .hs-embed-wrap { min-height: 120px; }

.shop-footnote { margin-top: 56px; font-size: 10px; letter-spacing: .22em; text-transform: uppercase; color: var(--dim); }

.shop-unlocked .shop-unlocked-title { margin: 0 0 12px; font-weight: 700; font-size: clamp(40px, 6vw, 64px); line-height: 1; letter-spacing: .03em; text-transform: uppercase; color: #fff; }
.shop-unlocked .sub { margin: 0 0 24px; color: var(--off); font-size: 13px; line-height: 1.6; max-width: 52ch; }
.shop-unlocked .ctas { margin-top: 32px; }

@media (max-width: 720px) {
  .shop-wrap { padding: 120px 20px 80px; }
}