/* Approved first-screen layouts, Figma 2:6 and 63:2. Other sections keep their type system. */
@font-face { font-family: '42dot Sans'; src: url('./fonts/42dot-sans.woff2') format('woff2'); font-weight: 400; font-display: swap; }
.structure-preview:has(#home) .masthead .wordmark { font: 400 38px/1.1 var(--sans); letter-spacing: -3px; }
.hero-call { display: none; }
.structure-preview #home.hero-dark { display: block; padding: 0; background: #06090a; }
.structure-preview #home .hero-art { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; aspect-ratio: auto; z-index: -1; }
.structure-preview #home .hero-art::after { display: none; }
.structure-preview #home .hero-art img { position: absolute; width: 112.866%; max-width: none; height: 121.07%; left: -1.754%; top: -21.07%; object-fit: cover; object-position: center top; filter: brightness(.97); }
.structure-preview #home .hero-panel { position: relative; display: block; width: min(1120px,calc(100% - 80px)); height: max(700px,100svh); min-height: 0; padding: 0; margin-inline: auto; }
.structure-preview #home .section-label { position: absolute; top: 19.7%; left: 0; font: 300 14px/20px var(--sans); margin: 0; }
.structure-preview #home .hero-headline { position: absolute; top: 24.15%; left: 27px; font: 400 64px/58px 'Cormorant SC', serif; letter-spacing: 1px; text-transform: uppercase; text-wrap: nowrap; margin: 0; }
.structure-preview #home .structure-hero-bottom { display: contents; }
.structure-preview #home .structure-hero-bottom > p { position: absolute; top: 48.67%; left: 0; width: 447px; max-width: 45%; margin: 0; font: 400 14px/21px var(--copy); }
.structure-preview #home .hero-actions { position: absolute; top: 58.57%; left: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin: 0; }
.structure-preview #home .hero-actions .button { width: fit-content; height: 62px; padding: 0 24px; font: 500 15px/20px var(--sans); letter-spacing: -.17px; }
.structure-preview #home .hero-alteration { font: 400 14px/22px var(--copy); }
.structure-preview #home .hero-alteration .text-link { margin-left: 12px; font-size: 15px; }
.structure-preview #home .hero-direct { position: absolute; top: 75.46%; left: 0; margin: 0; }
.structure-preview #home .hero-founder { position: absolute; top: 47%; left: 59%; margin: 0; color: #e5e2da; font: 300 12px/1.4 var(--sans); }
.structure-preview #home .hero-founder span { display: block; font-size: 10px; }
@media (min-width: 701px) and (max-width: 1100px) {
  .structure-preview #home .hero-headline { left: 0; font-size: 52px; line-height: 50px; }
}
@media (max-width: 700px) {
  html:has(.structure-preview #home) { overflow-x: clip; }
  .structure-preview:has(#home) { --header-h: 72px; }
  .structure-preview:has(#home) .masthead { padding-inline: 20px; width: 100%; }
  .structure-preview:has(#home) .masthead .wordmark { font-size: 32px; line-height: 40px; }
  .structure-preview:has(#home) .header-talk { display: none; }
  .structure-preview:has(#home) .header-actions .menu-toggle { grid-area: 1/3; justify-self: end; width: 44px; height: 44px; }
  .structure-preview:has(#home) .hero-call { display: inline-flex; grid-area: 1/1; justify-self: start; border: 0; background: transparent; color: inherit; cursor: pointer; }
  .structure-preview #home.hero-dark { min-height: max(892px,100svh); }
  .structure-preview #home .hero-panel { display: contents; }
  .structure-preview #home .hero-art img { width: max(1428px,366.15%); left: min(calc(50% - 787px),calc(-141.52% - 40px)); top: 130px; height: auto; }
  .structure-preview #home .section-label { top: 100px; left: 20px; right: 20px; max-width: none; font-size: clamp(10px,3.077vw,12px); line-height: 18px; margin: 0; }
  .structure-preview #home .hero-headline { top: 157px; left: 23px; right: 20px; max-width: none; font-size: clamp(29px,9.23vw,36px); line-height: .97222; letter-spacing: 0; margin: 0; }
  .structure-preview #home .structure-hero-bottom > p { top: 280px; left: 13.333%; width: 70%; max-width: 273px; font-size: 14px; line-height: 21px; margin: 0; }
  .structure-preview #home .hero-actions { top: 370px; left: 20px; margin: 0; gap: 24px; display: flex; }
  .structure-preview #home .hero-actions .button { width: fit-content; height: 56px; font: 400 14px/18px var(--sans); }
  .structure-preview #home .hero-alteration { display: flex; flex-direction: column; align-items: flex-start; margin-left: 37px; font-size: 14px; line-height: 22px; gap: 7px; }
  .structure-preview #home .hero-alteration .text-link { margin: 0; min-height: 22px; font-size: 14px; line-height: 22px; }
  .structure-preview #home .hero-direct { display: none; }
  .structure-preview #home .hero-founder { top: 647px; left: 14.1%; right: auto; width: auto; max-width: none; font-size: 12px; }
}

/* Slightly stronger first-screen CTA; all other copy stays Light. */
.structure-preview #home .hero-actions .button { font-weight: 400 !important; }

@media (max-width: 360px) { .structure-preview #home .hero-art img { left: min(calc(50% - 817px),calc(-141.52% - 70px)); top: 260px; } }