/* ============================================================
   SECOND CHAIR — HOMEPAGE v3 (sandbox at /v3)
   Colour film-noir fold: a text-free night plate at full viewport,
   the headline as hand-lettered title-card type (rendered plate,
   screen-blended so the black keys out), the cream lockup left and
   three spaced words right. Live type below the fold on the live
   chassis (Tiempos, Caslon, Söhne, Plex Mono) with the 2.0 copy.
============================================================ */

/* The fold's cream is sampled from the lettering fill, not the page cream. */
body.v3 { --sc-noir-cream: #F1DFB8; }

/* --- Nav: floats over the plate. Cream lockup left, three words right. --- */
body.v3 #nav {
  position: absolute; top: 0; left: 0; right: 0; z-index: 5;
  border-top: 0; border-bottom: 0;
  height: 108px;
  background: linear-gradient(to bottom, rgba(8,4,2,0.72) 0%, rgba(8,4,2,0.35) 55%, rgba(8,4,2,0) 100%);
}
body.v3 #nav .container { height: 108px; display: flex; align-items: center; border: 0; padding: 0 40px; max-width: none; }
body.v3 #nav::before, body.v3 #nav::after,
body.v3 #nav .container::before, body.v3 #nav .container::after { display: none; }
body.v3 .nav-logo-wrap { border: 0; padding: 0; flex: 0 0 auto; display: block; height: auto; }
body.v3 .nav-logo-wrap svg { height: 42px; width: auto; display: block;
  filter: drop-shadow(0 0 6px rgba(255,214,140,0.55)) drop-shadow(0 0 18px rgba(255,196,110,0.35)); }
body.v3 .nav-logo-wrap svg .nc { fill: var(--sc-noir-cream); }
body.v3 .nav-logo-wrap svg .ns1, body.v3 .nav-logo-wrap svg .ns2 { stroke: var(--sc-noir-cream); }
body.v3 .nav-links {
  list-style: none; margin: 0 0 0 auto; padding: 0; border: 0; height: auto;
  display: flex; gap: 44px; align-items: center;
}
body.v3 .nav-links li { border: 0; padding: 0; margin: 0; }
body.v3 .nav-links a {
  font-family: var(--font-classic);
  font-size: 14px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase;
  color: var(--sc-noir-cream); text-decoration: none;
  padding: 0; margin: 0; min-width: 0; height: auto; display: inline;
  text-shadow: 0 0 6px rgba(255,214,140,0.55), 0 0 16px rgba(255,196,110,0.40), 0 0 34px rgba(255,180,90,0.22);
  transition: color .2s ease;
}
body.v3 .nav-links a:hover { color: var(--sc-gold); }
@media (min-width: 769px) { body.v3 .nav-toggle { display: none !important; } }
body.v3 .nav-toggle { border: 0; padding: 0 0 0 20px; height: auto; }
body.v3 .nav-toggle-bar { background: var(--sc-noir-cream); box-shadow: 0 0 8px rgba(255,214,140,0.55); }

/* --- Hero: full viewport, plate + lettering + mark --- */
body.v3 #hero.hero-v3 {
  position: relative; padding: 0; margin: 0;
  /* the live sheet zooms html to 1.1, so viewport units run 10% long */
  height: calc(100vh / 1.1); height: calc(100svh / 1.1); min-height: 600px;
  background: #0a0603; overflow: hidden;
}
body.v3 #hero.hero-v3::before { display: none; }
.hero-v3-plate { position: absolute; inset: 0; margin: 0; }
.hero-v3-plate img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; display: block; }
/* darken the ceiling and the floor so the type and the menu sit in black */
.hero-v3-plate::after {
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(to bottom, rgba(6,3,2,0.35) 0%, rgba(6,3,2,0) 28%, rgba(6,3,2,0) 72%, rgba(6,3,2,0.45) 100%),
    radial-gradient(ellipse 70% 60% at 50% 48%, rgba(6,3,2,0.22), rgba(6,3,2,0) 70%);
}
.hero-v3-title {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  padding: 100px 24px 60px;
}
.hero-v3-h1 { margin: 0; line-height: 0; }
.hero-v3-lettering {
  display: block; width: clamp(362px, 62.8vw, 1158px); max-height: calc(78vh / 1.1); height: auto; object-fit: contain;
}
.hero-v3-mark { position: absolute; right: 40px; bottom: 36px; display: block; opacity: 0.92; }
.hero-v3-mark img { width: 47px; height: 47px; display: block;
  filter: drop-shadow(0 0 6px rgba(255,214,140,0.60)) drop-shadow(0 0 20px rgba(255,196,110,0.40)); }
.hero-v3-mark:hover { opacity: 1; }

@media (max-width: 768px) {
  body.v3 #nav { height: 84px; }
  body.v3 #nav .container { padding: 0 20px; }
  body.v3 .nav-logo-wrap svg { height: 32px; }
  body.v3 .nav-links { display: none; }
  body.v3 .nav-toggle { display: flex !important; margin-left: auto; }
  body.v3 #hero.hero-v3 { min-height: 560px; }
  .hero-v3-title { padding: 84px 12px 64px; }
  .hero-v3-lettering { width: 100vw; }
  .hero-v3-mark { right: 20px; bottom: 20px; }
  .hero-v3-mark img { width: 34px; height: 34px; }
}

/* --- Below the fold: the 2.0 content on the live sheet --- */
/* The live sheet hides #product ("hidden until ready to ship"). The doors are the page here. */
body.v3 #product { display: block !important; }
.why-ledger .honestly-won-box { margin-bottom: 14px; padding: 18px 22px; border-color: rgba(28,25,23,0.12); background: transparent; }
.why-ledger .honestly-won-box:last-child { margin-bottom: 0; }
.why-ledger .honestly-won-box-label { color: rgba(73,10,10,0.60); }
.why-ledger .honestly-won-box p { color: rgba(28,25,23,0.72); font-size: 15px; line-height: 1.5; }
.why-ledger-title { font-family: var(--font-ui); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--sc-oxblood); margin: 0 0 14px; }
.founders-only-us { margin-top: 28px; font-family: var(--font-body); font-size: 16px; line-height: 1.6; color: var(--sc-grey); max-width: 56ch; }
textarea.form-input { min-height: 84px; resize: vertical; line-height: 1.5; }
.form-followup a { color: var(--sc-oxblood); text-decoration: underline; text-underline-offset: 3px; }