/* Direction 02 · DEEP FIELD. The board turned all the way up: engineered wide caps, orbit monogram, glass and glow. */
:root { --bg: #05040d; --ink: #f3eee2; --panel: rgba(14, 10, 34, .55);
  --neb-bg: #05040d; --neb-a: #2a1a6e; --neb-b: #8a4dff; --neb-c: #4371ac; --neb-gain: 1.05; --neb-stars: 1.15;
  --f-head: "Syncopate", system-ui, sans-serif; --f-body: "Manrope", system-ui, sans-serif; --f-love: "Syncopate", system-ui, sans-serif;
  --logo-size: 10px; --cz: 11.6vw; --zz: 4.6vw;
  --sw1: #05040d; --sw2: #1e1735; --sw3: #8a4dff; --sw4: #4371ac; --sw5: #c6a572; --sw6: #f3eee2; }
h1, h2, h3 { font-weight: 700; }
.big { font-size: clamp(34px, 10.4vw, 104px); line-height: 1.04; letter-spacing: -.01em; }
.cosmic { font-weight: 400; letter-spacing: .1em; }
.hero-title .cosmic { padding-left: .1em; text-shadow: 0 0 40px rgba(138, 77, 255, .8), 0 0 120px rgba(67, 113, 172, .6); }
.zero-one, .callouts span, .chips label span, .lock em { font-weight: 400; }
.bars b { font-weight: 700; font-size: clamp(40px, 12vw, 96px); }
.callouts h3 { font-size: clamp(20px, 5.6vw, 46px); line-height: 1.12; }
.carbon-copy .big { font-size: clamp(28px, 8vw, 78px); } .drop .big { font-size: clamp(30px, 8.6vw, 60px); } .sheet-title { font-size: clamp(36px, 10.5vw, 110px); }
.manifesto .l2, .head-panel .big span:last-child, .carbon-copy .big span:last-child, .drop .big span:last-child {
  background: linear-gradient(100deg, #a98953, #f1dcae 40%, #c6a572 60%, #f1dcae); -webkit-background-clip: text; background-clip: text; color: transparent; }
.eyebrow { font-size: 9.5px; font-weight: 700; } .hero-sub, .hero-foot { font-size: 9.5px; }
.poster p { font-size: 10px; } .poster h3 { font-size: min(7.4vw, 32px); }

.wm { display: inline-block; text-align: center; line-height: 1; }
.wm b { display: block; font-family: var(--f-head); font-weight: 700; font-size: 1.12em; letter-spacing: .16em; margin-right: -.16em; white-space: nowrap; }
.wm i { display: flex; align-items: center; gap: 1em; font-style: normal; font-family: var(--f-head); font-weight: 400; font-size: .62em; letter-spacing: .8em; margin-top: .9em; white-space: nowrap; }
.wm i::before, .wm i::after { content: ""; flex: 1; height: 1px; background: var(--gold); }
.wm i::after { margin-left: -.8em; }
.mono { position: relative; display: inline-grid; grid-auto-flow: column; gap: .5em; padding: 1.5em 1.1em; border: 1px solid var(--gold); border-radius: 50%; line-height: 1; rotate: -18deg; }
.mono b { font-family: var(--f-head); font-weight: 700; font-size: 1.05em; rotate: 18deg; }
.mono::after { content: ""; position: absolute; right: 8%; top: 12%; width: .55em; height: .55em; border-radius: 50%; background: var(--gold-hi); box-shadow: 0 0 12px var(--gold-hi); }
.t-light .mono { border-color: #7d5f30; } .t-light .mono::after { background: #7d5f30; box-shadow: none; }

.drop-card { border-radius: 22px; } .drop-card::before { border-radius: 22px; }
.poster { border-radius: 16px; } .tile, .swatches li { border-radius: 12px; overflow: hidden; }
.bar-cta, .dock, button[type=submit] { border-radius: 99px; }
input[type=text], input[type=email], input[type=tel] { border-radius: 12px 12px 0 0; }
.dock { box-shadow: 0 10px 40px rgba(0, 0, 0, .6), 0 0 50px rgba(198, 165, 114, .35); }
@media (min-width: 820px) { :root { --cz: min(6.6vw, 118px); --zz: min(2.4vw, 40px); --logo-size: 11px; } }