:root {
    --dusk-950: #0a1522;
    --dusk-900: #102033;
    --dusk-800: #182e47;
    --gold-300: #f3dca2;
    --gold-400: #e6c373;
    --gold-500: #cfa349;
    --gold-600: #9f7829;
    --sand-50: #fbf8f2;
    --sand-100: #f5efe4;
    --sand-200: #e7decb;
    --sand-300: #d4c6ac;
    --ink-950: #0c1826;
    --ink-800: #233246;
    --ink-600: #4c5b6f;
    --radius-xl: 20px;
    --radius-lg: 16px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --font-serif: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino, Georgia, serif;
    --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }
  html {
    scroll-behavior: smooth;
    background: var(--dusk-950);
    color: var(--ink-950);
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
  }
  body { background: var(--sand-100); overflow-x: hidden; }
  a { color: inherit; text-decoration: none; }
  .wrap { width: min(1320px, calc(100% - 56px)); margin: 0 auto; }

  /* Light, Airy Translucent Header */
  .site-header {
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 30;
    padding: 18px 0;
    background: linear-gradient(180deg, rgba(10, 21, 34, 0.54) 0%, rgba(10, 21, 34, 0.16) 68%, rgba(10, 21, 34, 0) 100%);
  }
  .nav-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
  .brand {
    display: inline-flex; align-items: center; gap: 12px;
    color: var(--sand-50); font-weight: 700; font-size: 15px; letter-spacing: 0.09em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  }
  .brand img { width: 36px; height: 36px; border-radius: 8px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28); }
  .brand .to {
    font-family: var(--font-serif); font-style: italic; font-weight: 400;
    color: var(--gold-300); letter-spacing: 0; text-transform: lowercase; font-size: 18px; margin: 0 2px;
  }
  .nav-links {
    display: flex; align-items: center; gap: 26px;
    font-size: 14px; font-weight: 500; color: rgba(251, 248, 242, 0.94);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.4);
  }
  .nav-links a { transition: color 0.2s ease; }
  .nav-links a:hover { color: var(--gold-300); }
  .nav-links .nav-pill {
    padding: 8px 16px; border-radius: 999px;
    background: rgba(251, 248, 242, 0.16); border: 1px solid rgba(251, 248, 242, 0.34);
    color: var(--sand-50); font-weight: 600; font-size: 13px;
    backdrop-filter: blur(10px); text-shadow: none;
  }
  .mobile-menu-btn {
    display: none; align-items: center; gap: 6px;
    background: rgba(12, 24, 38, 0.48); border: 1px solid rgba(251, 248, 242, 0.32);
    color: var(--sand-50); padding: 7px 13px; border-radius: 999px;
    font-size: 13px; font-weight: 600; backdrop-filter: blur(10px);
  }

  /* HERO: Morning-Dusk Architectural Stage */
  .hero {
    position: relative;
    min-height: 1000px;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 88px 0 0;
    color: var(--sand-50);
    overflow: hidden;
    background: #142538;
  }
  .hero-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
  .hero-bg img {
    width: 100%; height: 100%; object-fit: cover;
    object-position: 56% 36%;
    filter: brightness(1.06) contrast(1.02) saturate(1.08);
    transform-origin: 55% 28%;
    animation: casaPan 5s ease-out 1 forwards;
  }
  @keyframes casaPan {
    0% { transform: scale(1.01) translate(0%, 0%); }
    100% { transform: scale(1.055) translate(-1.2%, -0.8%); }
  }

  .hero-dawn-glow {
    position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background:
      radial-gradient(ellipse 58% 36% at 50% 7%, rgba(255, 217, 142, 0.42) 0%, rgba(246, 179, 98, 0.18) 42%, rgba(246, 179, 98, 0) 75%),
      radial-gradient(circle at 60% 45%, rgba(255, 246, 224, 0.08) 0%, transparent 52%);
    animation: dawnBreathe 4s ease-out 1 forwards;
  }
  @keyframes dawnBreathe {
    0% { opacity: 0.78; }
    100% { opacity: 1; }
  }

  /* Lighter, More Transparent Scrim that Reveals Casa Arroyo Blanco */
  .hero-scrim {
    position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background:
      linear-gradient(96deg,
        rgba(10, 22, 35, 0.74) 0%,
        rgba(12, 26, 41, 0.58) 34%,
        rgba(15, 31, 46, 0.14) 58%,
        rgba(12, 25, 38, 0.10) 78%,
        rgba(10, 22, 35, 0.30) 100%
      ),
      linear-gradient(180deg,
        rgba(10, 20, 32, 0.22) 0%,
        rgba(10, 20, 32, 0.02) 26%,
        rgba(10, 20, 32, 0.08) 72%,
        rgba(10, 21, 34, 0.76) 100%
      );
  }

  .hero-main {
    position: relative; z-index: 5; flex: 1;
    display: flex; align-items: center; padding: 18px 0 28px;
  }
  .hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 610px) minmax(0, 1fr);
    gap: 36px; align-items: center; width: 100%;
  }
  .hero-copy-col { position: relative; z-index: 6; }

  .eyebrow-badge {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 6px 14px; border-radius: 999px;
    background: rgba(12, 25, 40, 0.52);
    border: 1px solid rgba(243, 220, 162, 0.48);
    color: var(--gold-300); font-size: 11.5px; font-weight: 700;
    letter-spacing: 0.1em; text-transform: uppercase;
    margin-bottom: 16px; backdrop-filter: blur(10px);
  }
  .eyebrow-badge .pulse-dot {
    width: 7px; height: 7px; border-radius: 50%;
    background: var(--gold-300); box-shadow: 0 0 10px var(--gold-300);
  }

  .hero .hero-title {
    font-family: var(--font-serif); font-weight: 600;
    font-size: clamp(38px, 4.1vw, 56px); line-height: 1.05;
    letter-spacing: -0.02em; color: var(--sand-50);
    margin-bottom: 14px;
    text-shadow: 0 4px 24px rgba(6, 14, 24, 0.55);
  }
  .hero .hero-title em { font-style: italic; font-weight: 400; color: var(--gold-300); }

  .hero-lede {
    font-size: 17.5px; line-height: 1.48;
    color: rgba(251, 248, 242, 0.94); max-width: 50ch;
    margin-bottom: 24px;
    text-shadow: 0 2px 14px rgba(6, 14, 24, 0.65);
  }
  .hero-lede strong { color: #ffffff; font-weight: 600; }

  /* THE 4 PROMINENT DISTINCT ACTIONS (2x2 Architectural Grid) */
  .edition-deck-label {
    display: flex; align-items: center; justify-content: space-between;
    font-size: 11.5px; font-weight: 700; letter-spacing: 0.1em;
    text-transform: uppercase; color: var(--gold-300);
    margin-bottom: 10px; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  }
  .edition-deck-label span:last-child {
    color: rgba(251, 248, 242, 0.88); font-weight: 500;
    letter-spacing: 0.03em; text-transform: none; font-size: 12.5px;
  }

  .actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
  .action-card {
    position: relative;
    display: flex; flex-direction: column; justify-content: space-between;
    padding: 18px 20px 15px;
    border-radius: var(--radius-lg);
    text-align: left; cursor: pointer; font-family: inherit;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease;
    min-height: 146px;
  }
  .action-card:hover { transform: translateY(-3px); }

  .card-top {
    display: flex; align-items: center; justify-content: space-between;
    gap: 10px; margin-bottom: 10px;
  }
  .card-icon {
    width: 34px; height: 34px; border-radius: 9px;
    display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  }
  .card-tag {
    font-size: 10.5px; font-weight: 700; letter-spacing: 0.08em;
    text-transform: uppercase; padding: 4px 8px; border-radius: 6px;
  }
  .card-title {
    font-family: var(--font-sans); font-size: 21px; font-weight: 800;
    letter-spacing: -0.02em; line-height: 1.12; margin-bottom: 3px;
  }
  .card-sub {
    font-size: 13px; font-weight: 500; line-height: 1.3; margin-bottom: 12px;
  }
  .card-cta {
    display: flex; align-items: center; justify-content: space-between;
    padding-top: 10px; font-size: 13.5px; font-weight: 700; letter-spacing: -0.01em;
  }
  .card-cta .arrow { font-size: 15px; transition: transform 0.2s ease; }
  .action-card:hover .card-cta .arrow { transform: translateX(3px); }

  /* 1. AUDIOBOOK CARD — Warm Sunlit Gold */
  .action-audiobook {
    background: linear-gradient(145deg, #edd189 0%, #d4a84f 100%);
    color: var(--ink-950);
    border: 1px solid rgba(255, 244, 212, 0.75);
    box-shadow: 0 16px 36px rgba(8, 17, 28, 0.34), 0 4px 14px rgba(212, 168, 79, 0.28);
  }
  .action-audiobook .card-icon { background: rgba(12, 24, 38, 0.12); color: var(--ink-950); }
  .action-audiobook .card-tag { background: rgba(12, 24, 38, 0.12); color: var(--ink-950); }
  .action-audiobook .card-sub { color: rgba(12, 24, 38, 0.78); }
  .action-audiobook .card-cta { border-top: 1px solid rgba(12, 24, 38, 0.15); color: var(--ink-950); }

  /* 2. PAPERBACK CARD — Crisp Yucatecan Limestone */
  .action-paperback {
    background: #fbf8f2;
    color: var(--ink-950);
    border: 1px solid rgba(255, 255, 255, 0.92);
    box-shadow: 0 16px 36px rgba(8, 17, 28, 0.32);
  }
  .action-paperback .card-icon { background: rgba(12, 24, 38, 0.08); color: var(--ink-950); }
  .action-paperback .card-tag { background: rgba(12, 24, 38, 0.08); color: var(--ink-800); }
  .action-paperback .card-sub { color: var(--ink-600); }
  .action-paperback .card-cta { border-top: 1px solid rgba(12, 24, 38, 0.12); color: var(--ink-950); }

  /* 3. KINDLE CARD — Warm Amber-Pearl Sand (Stands Out Clearly!) */
  .action-kindle {
    background: linear-gradient(145deg, #f7ebd2 0%, #e7d1a3 100%);
    color: var(--ink-950);
    border: 1.5px solid #f3dca2;
    box-shadow: 0 16px 36px rgba(8, 17, 28, 0.32), 0 0 0 1px rgba(243, 220, 162, 0.25);
  }
  .action-kindle .card-icon { background: rgba(159, 120, 41, 0.16); color: var(--ink-950); }
  .action-kindle .card-tag { background: rgba(12, 24, 38, 0.1); color: var(--ink-950); }
  .action-kindle .card-sub { color: rgba(12, 24, 38, 0.78); }
  .action-kindle .card-cta { border-top: 1px solid rgba(12, 24, 38, 0.14); color: var(--ink-950); }

  /* 4. LISTEN CARD — Luminous Morning-Dusk Glass & Gold Waveform */
  .action-listen {
    background: linear-gradient(145deg, rgba(19, 37, 58, 0.82) 0%, rgba(11, 23, 37, 0.88) 100%);
    color: var(--sand-50);
    border: 1.5px solid rgba(243, 220, 162, 0.68);
    box-shadow: 0 16px 36px rgba(8, 17, 28, 0.36);
    backdrop-filter: blur(14px);
  }
  .listen-play-wrap { display: flex; align-items: center; gap: 10px; }
  .play-disc {
    width: 34px; height: 34px; border-radius: 50%;
    background: var(--gold-400); color: var(--ink-950);
    display: inline-flex; align-items: center; justify-content: center;
    box-shadow: 0 4px 12px rgba(230, 195, 115, 0.4); flex-shrink: 0;
  }
  .waveform-bars { display: inline-flex; align-items: center; gap: 3px; height: 20px; }
  .waveform-bars span {
    display: block; width: 3px; border-radius: 3px;
    background: var(--gold-300);
    animation: acousticWave 1.6s ease-in-out infinite alternate;
  }
  .waveform-bars span:nth-child(1) { height: 7px; animation-delay: 0.0s; }
  .waveform-bars span:nth-child(2) { height: 14px; animation-delay: 0.2s; }
  .waveform-bars span:nth-child(3) { height: 19px; animation-delay: 0.4s; }
  .waveform-bars span:nth-child(4) { height: 11px; animation-delay: 0.1s; }
  .waveform-bars span:nth-child(5) { height: 17px; animation-delay: 0.35s; }
  .waveform-bars span:nth-child(6) { height: 9px; animation-delay: 0.5s; }
  .waveform-bars span:nth-child(7) { height: 15px; animation-delay: 0.15s; }
  .waveform-bars span:nth-child(8) { height: 12px; animation-delay: 0.45s; }
  .waveform-bars span:nth-child(9) { height: 6px; animation-delay: 0.25s; }
  @keyframes acousticWave {
    0% { transform: scaleY(0.55); opacity: 0.65; }
    100% { transform: scaleY(1.12); opacity: 1; }
  }
  .action-listen .card-tag { background: rgba(243, 220, 162, 0.18); color: var(--gold-300); }
  .action-listen .card-sub { color: rgba(251, 248, 242, 0.82); }
  .action-listen .card-cta { border-top: 1px solid rgba(251, 248, 242, 0.16); color: var(--gold-300); }

  /* Right Column: Open House Vista + Floating 3D Book */
  .hero-stage-col {
    position: relative;
    display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
    min-height: 540px; padding-right: 12px;
  }
  .floating-book-rig {
    position: relative;
    display: flex; flex-direction: column; align-items: center;
    margin-right: 16px;
  }
  .book-aura {
    position: absolute; top: 8%; left: -12%; right: -12%; bottom: 12%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 221, 153, 0.26) 0%, rgba(16, 32, 51, 0) 70%);
    filter: blur(20px); pointer-events: none;
    animation: dawnBreathe 4s ease-out 1 forwards;
  }
  .book-float-crop {
    position: relative;
    width: 318px;
    aspect-ratio: 0.68;
    pointer-events: none;
    animation: bookFloat 4.2s ease-in-out 1 forwards;
    will-change: transform;
  }
  .book-float-crop img {
    position: absolute;
    width: 242%; max-width: none;
    left: 50%; top: -8%;
    transform: translateX(-50%);
    filter: drop-shadow(0 26px 38px rgba(5, 12, 22, 0.58)) drop-shadow(0 6px 16px rgba(255, 215, 138, 0.16));
  }
  @keyframes bookFloat {
    0% { transform: translate3d(0, 6px, 0) rotate(-1.4deg) scale(0.992); }
    100% { transform: translate3d(0, -14px, 0) rotate(1.4deg) scale(1.018); }
  }
  .book-ground-shadow {
    width: 210px; height: 22px; margin-top: 8px; border-radius: 50%;
    background: radial-gradient(ellipse, rgba(6, 13, 23, 0.62) 0%, rgba(6, 13, 23, 0) 74%);
    filter: blur(6px);
    animation: shadowBreathe 4.2s ease-in-out 1 forwards;
  }
  @keyframes shadowBreathe {
    0% { transform: scale(1.06); opacity: 0.78; }
    100% { transform: scale(0.84); opacity: 0.42; }
  }
  .house-vista-pill {
    margin-top: 18px;
    display: inline-flex; align-items: center; gap: 10px;
    padding: 9px 15px; border-radius: 999px;
    background: rgba(10, 21, 34, 0.58);
    border: 1px solid rgba(251, 248, 242, 0.28);
    backdrop-filter: blur(12px);
    font-size: 12.5px; color: rgba(251, 248, 242, 0.92);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
  }
  .house-vista-pill strong { color: var(--gold-300); font-weight: 600; }

  /* Bottom Hero Context Bar */
  .hero-context-bar {
    position: relative; z-index: 5;
    background: rgba(10, 21, 34, 0.66);
    border-top: 1px solid rgba(251, 248, 242, 0.16);
    padding: 13px 0; backdrop-filter: blur(12px);
  }
  .context-bar-inner {
    display: flex; align-items: center; justify-content: space-between;
    gap: 20px; font-size: 13px; color: rgba(251, 248, 242, 0.86);
  }
  .context-location { display: inline-flex; align-items: center; gap: 8px; }
  .context-location strong { color: #ffffff; font-weight: 600; }
  .context-pillars { display: flex; align-items: center; gap: 22px; font-size: 12.5px; }
  .context-pillars span { display: inline-flex; align-items: center; gap: 6px; }
  .context-pillars i { color: var(--gold-300); font-style: normal; font-weight: 700; }

  /* BELOW THE FOLD: Warm Yucatecan Limestone & Advisory Context */
  .section-inside {
    padding: 84px 0; background: var(--sand-100);
    border-bottom: 1px solid var(--sand-200);
  }
  .inside-layout {
    display: grid; grid-template-columns: 300px minmax(0, 1fr);
    gap: 48px; align-items: start;
  }
  .cover-pedestal {
    background: var(--sand-50); border: 1px solid var(--sand-200);
    border-radius: var(--radius-xl); padding: 20px;
    box-shadow: 0 20px 44px rgba(12, 24, 38, 0.08);
  }
  .cover-pedestal img {
    width: 100%; height: auto; display: block;
    border-radius: 10px; box-shadow: 0 12px 28px rgba(10, 21, 34, 0.22);
    margin-bottom: 14px;
  }
  .cover-pedestal-meta { font-size: 13px; line-height: 1.5; color: var(--ink-600); }
  .cover-pedestal-meta strong { display: block; color: var(--ink-950); font-size: 14.5px; margin-bottom: 4px; }

  .section-kicker {
    font-size: 12px; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.1em; color: var(--gold-600); margin-bottom: 10px;
  }
  .section-heading {
    font-family: var(--font-serif); font-size: clamp(28px, 3.1vw, 42px);
    line-height: 1.12; color: var(--ink-950); margin-bottom: 16px;
  }
  .section-intro {
    font-size: 16.5px; line-height: 1.62; color: var(--ink-800);
    max-width: 64ch; margin-bottom: 30px;
  }
  .pillars-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px; margin-bottom: 24px;
  }
  .pillar-card {
    background: var(--sand-50); border: 1px solid var(--sand-200);
    border-radius: var(--radius-lg); padding: 22px 20px;
  }
  .pillar-num {
    font-family: var(--font-serif); font-size: 13px; font-weight: 700;
    color: var(--gold-600); margin-bottom: 10px; padding-bottom: 10px;
    border-bottom: 1px solid var(--sand-200);
  }
  .pillar-card h3 {
    font-family: var(--font-serif); font-size: 19px; line-height: 1.26;
    color: var(--ink-950); margin-bottom: 10px;
  }
  .pillar-card p { font-size: 14.5px; line-height: 1.58; color: var(--ink-600); }

  .recon-banner {
    background: var(--dusk-900); color: var(--sand-50);
    border-radius: var(--radius-lg); padding: 22px 26px;
    border-left: 4px solid var(--gold-400);
    display: flex; align-items: center; justify-content: space-between; gap: 24px;
  }
  .recon-banner p {
    font-family: var(--font-serif); font-style: italic;
    font-size: 18.5px; line-height: 1.42; color: var(--sand-50);
  }
  .recon-banner span {
    font-size: 12px; font-weight: 700; letter-spacing: 0.06em;
    text-transform: uppercase; color: var(--gold-300); white-space: nowrap;
  }

  /* Section 2: Casa Arroyo Blanco & Trevor Advisory */
  .section-advisory {
    padding: 84px 0; background: var(--sand-50);
    border-bottom: 1px solid var(--sand-200);
  }
  .advisory-grid {
    display: grid; grid-template-columns: 1.04fr 0.96fr;
    gap: 48px; align-items: center;
  }
  .casa-frame {
    position: relative; border-radius: var(--radius-xl); overflow: hidden;
    box-shadow: 0 22px 48px rgba(12, 24, 38, 0.14); background: var(--dusk-900);
  }
  .casa-frame img {
    width: 100%; height: 410px; object-fit: cover; object-position: 54% 42%; display: block;
  }
  .casa-caption {
    position: absolute; bottom: 16px; left: 16px; right: 16px;
    background: rgba(10, 21, 34, 0.82); backdrop-filter: blur(12px);
    border: 1px solid rgba(243, 220, 162, 0.35);
    padding: 13px 18px; border-radius: var(--radius-md);
    color: var(--sand-50); display: flex; align-items: center;
    justify-content: space-between; gap: 12px; font-size: 13px;
  }
  .casa-caption span strong { color: var(--gold-300); }
  .advisory-copy p { font-size: 16px; line-height: 1.64; color: var(--ink-800); margin-bottom: 16px; }
  .cred-row {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
    margin: 24px 0; padding: 18px 0;
    border-top: 1px solid var(--sand-200); border-bottom: 1px solid var(--sand-200);
  }
  .cred-box strong { display: block; font-family: var(--font-serif); font-size: 22px; color: var(--ink-950); }
  .cred-box span { font-size: 12.5px; color: var(--ink-600); }
  .advisory-links { display: flex; flex-wrap: wrap; gap: 12px; }
  .btn-solid-dusk {
    padding: 12px 20px; border-radius: var(--radius-sm);
    background: var(--dusk-900); color: var(--sand-50); font-size: 14px; font-weight: 600;
  }
  .btn-outline-sand {
    padding: 12px 20px; border-radius: var(--radius-sm);
    border: 1px solid var(--sand-300); color: var(--ink-950); font-size: 14px; font-weight: 600;
  }

  /* Section 3: Companion Tools & Checklist Starter Pack */
  .section-tools { padding: 76px 0; background: var(--dusk-900); color: var(--sand-50); }
  .tools-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; }
  .tool-panel {
    background: rgba(251, 248, 242, 0.05);
    border: 1px solid rgba(251, 248, 242, 0.14);
    border-radius: var(--radius-xl); padding: 32px;
  }
  .tool-panel h3 { font-family: var(--font-serif); font-size: 26px; margin-bottom: 10px; }
  .tool-panel > p { font-size: 15px; line-height: 1.58; color: rgba(251, 248, 242, 0.82); margin-bottom: 22px; }
  .hub-links { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
  .hub-item {
    padding: 15px; border-radius: var(--radius-md);
    background: rgba(10, 21, 34, 0.55); border: 1px solid rgba(251, 248, 242, 0.12);
  }
  .hub-item strong { display: block; font-size: 14.5px; color: var(--gold-300); margin-bottom: 3px; }
  .hub-item span { font-size: 12.5px; color: rgba(251, 248, 242, 0.74); }
  .capture-row { display: flex; gap: 10px; margin-bottom: 12px; }
  .capture-row input {
    flex: 1; padding: 13px 15px; border-radius: var(--radius-sm);
    border: 1px solid rgba(251, 248, 242, 0.26);
    background: rgba(10, 21, 34, 0.72); color: var(--sand-50); font-size: 14px;
  }
  .capture-row button {
    padding: 13px 20px; border-radius: var(--radius-sm); border: none;
    background: var(--gold-400); color: var(--ink-950); font-weight: 700; font-size: 14px; cursor: pointer;
  }
  .capture-fine { font-size: 12px; color: rgba(251, 248, 242, 0.62); line-height: 1.45; }

  /* Footer */
  .site-footer {
    background: var(--dusk-950); color: rgba(251, 248, 242, 0.7);
    padding: 44px 0; font-size: 13px; line-height: 1.6;
    border-top: 1px solid rgba(251, 248, 242, 0.1);
  }
  .footer-inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 36px; flex-wrap: wrap; }
  .footer-copy { max-width: 68ch; }
  .footer-copy p + p { margin-top: 8px; font-size: 12px; color: rgba(251, 248, 242, 0.52); }
  .footer-nav { display: flex; gap: 18px; flex-wrap: wrap; }

  /* RESPONSIVE: Mobile 390x844 Precision Layout */
  @media (max-width: 1150px) {
    .wrap { width: calc(100% - 28px); }
    .site-header { padding: 12px 0; }
    .nav-links { display: none; }
    .mobile-menu-btn { display: inline-flex; }
    .brand { font-size: 13.5px; gap: 9px; }
    .brand img { width: 30px; height: 30px; }

    .hero {
      min-height: 844px;
      padding: 58px 0 0;
    }
    .hero-bg img {
      object-position: 54% 18%;
    }
    /* Keep top/middle light so Casa Arroyo Blanco & morning dusk shine through on mobile */
    .hero-scrim {
      background:
        linear-gradient(180deg,
          rgba(10, 21, 34, 0.34) 0%,
          rgba(12, 26, 41, 0.08) 18%,
          rgba(12, 26, 41, 0.22) 38%,
          rgba(10, 22, 35, 0.74) 58%,
          rgba(10, 21, 34, 0.90) 100%
        );
    }
    .hero-main { padding: 4px 0 12px; align-items: flex-start; }
    .hero-grid {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    /* Put floating book over the visible house at the top of mobile hero */
    .hero-stage-col {
      order: -1;
      min-height: 206px;
      width: 100%;
      align-items: center;
      justify-content: center;
      padding-right: 0;
      margin-top: 2px;
    }
    .floating-book-rig { margin-right: 0; }
    .book-float-crop { width: 136px; }
    .book-ground-shadow { width: 104px; height: 12px; margin-top: 4px; }
    .house-vista-pill {
      margin-top: 6px;
      padding: 4px 11px;
      font-size: 11px;
      background: rgba(10, 21, 34, 0.56);
    }

    .hero-copy-col { width: 100%; text-align: left; }
    .eyebrow-badge {
      padding: 4px 10px;
      font-size: 10px;
      margin-bottom: 8px;
    }
    .hero .hero-title {
      font-size: 29px;
      line-height: 1.06;
      margin-bottom: 6px;
    }
    .hero-lede {
      font-size: 13.5px;
      line-height: 1.38;
      margin-bottom: 12px;
    }
    .edition-deck-label {
      font-size: 10.5px;
      margin-bottom: 7px;
    }
    .edition-deck-label span:last-child { font-size: 11px; }

    /* Clean 2x2 Action Deck fits comfortably in 390x844 mobile viewport */
    .actions-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 9px;
    }
    .action-card {
      padding: 11px 12px 10px;
      min-height: 112px;
      border-radius: 13px;
    }
    .card-top { margin-bottom: 6px; gap: 6px; }
    .card-icon, .play-disc { width: 26px; height: 26px; border-radius: 7px; }
    .play-disc { border-radius: 50%; }
    .card-tag { font-size: 9px; padding: 2px 6px; }
    .card-title { font-size: 16px; margin-bottom: 2px; }
    .card-sub { font-size: 11px; line-height: 1.22; margin-bottom: 7px; }
    .card-cta { padding-top: 6px; font-size: 11.5px; }
    .waveform-bars { gap: 2px; height: 14px; }
    .waveform-bars span { width: 2px; }

    .hero-context-bar { padding: 8px 0; }
    .context-pillars { display: none; }
    .context-bar-inner { font-size: 11px; }

    .inside-layout,
    .pillars-grid,
    .advisory-grid,
    .tools-grid {
      grid-template-columns: 1fr;
    }
    .recon-banner { flex-direction: column; align-items: flex-start; }
    .capture-row { flex-direction: column; }
  }

/* Codex implementation of selected Gemini Argon direction; owner cleanup 2026-10-16. */
body.argon-home {font-family:var(--font-sans);line-height:1.5;font-size:16px;}
.argon-home .wrap {max-width:1320px;padding:0;}
.site-header {border:0;}
.site-header .nav {padding:0;align-items:center;flex-wrap:nowrap;}
.site-header nav.links a {color:var(--sand-50);font-size:14px;}
.site-header nav.links {gap:16px;}
.hero .hero-title {max-width:none;letter-spacing:-.025em;}
.hero .hero-title em {color:var(--gold-300);}
.hero .hero-lede {color:var(--sand-50);font-family:var(--font-sans);}
.hero {min-height:900px;}
.book-float-crop {width:380px;}
.action-card:disabled {opacity:1;cursor:default;}
.action-card:disabled:hover {transform:none;}
.action-card:focus-visible,.brand:focus-visible,a:focus-visible,button:focus-visible {outline:3px solid #e6c373;outline-offset:4px;}
.card-cta {min-height:32px;}
.action-listen .play-disc {box-shadow:none;}
.section-inside .cover-pedestal img {margin:0;}
.section-intro + .section-intro {margin-top:-12px;}
.pillar-card h3 {font-size:21px;}
.pillar-card p {font-size:16px;}
.purchase-panel {background:var(--sand-50);}
.purchase-panel .wrap {padding:0;}
.purchase-panel .btn {font-family:var(--font-sans);}
.purchase-actions .audiobook-purchase {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  background: var(--sand-100, #f1e3c0);
  border-color: #c9ae70;
  color: var(--ink-950);
  box-shadow: none;
}
.purchase-actions .audiobook-purchase:disabled {opacity: 1; cursor: not-allowed;}
.purchase-actions .audiobook-status {font-size: .8rem; font-weight: 500;}
.section-tools form.capture {margin-top:24px;}
.section-tools form.capture input {min-width:0;}
.section-tools .form-note {color:var(--sand-200);font-size:13px;}
.section-tools .form-note a {text-decoration:underline;}
.section-tools .form-msg {color:var(--sand-50);}
.section-tools .form-msg.err {color:#ffb9b9;}
.site-footer {margin-top:0;}
.site-footer a {color:var(--gold-300);}
@media (min-width:601px) and (max-width:1150px){.site-header .nav{flex-wrap:wrap;gap:12px;}.hero{padding-top:108px;}}
@media (max-width:1150px){
.hero{min-height:844px;}.book-float-crop{width:172px;}.hero-stage-col{min-height:268px;}
.hero .hero-title{font-size:29px;line-height:1.1;margin-bottom:10px;}
.hero .hero-lede{font-size:15px;line-height:1.42;margin-bottom:18px;}
.action-card{min-height:130px;}.card-sub{font-size:12px;}.card-cta{font-size:12px;}
.inside-layout{gap:32px;}.cover-pedestal{max-width:280px;margin:auto;}
.section-inside,.section-advisory,.section-tools{padding:48px 0;}
}
@media(max-width:600px){
.site-header .nav{display:grid;grid-template-columns:minmax(0,1fr) auto;}
.site-header .nav-toggle{color:var(--sand-50);min-height:44px;}
.site-header nav.links{padding:8px 14px;}
.site-header.nav-ready nav.links.is-open{background:#102033;border-color:#637081;}
.site-header.nav-ready nav.links a{padding:12px 2px;}
.site-header:not(.nav-ready){position:relative;background:#102033;}
.site-header:not(.nav-ready) .nav{display:flex;flex-direction:column;align-items:flex-start;}
.site-header:not(.nav-ready) nav.links{display:flex;}
.hero{padding-top:70px;}.hero .hero-title{font-size:28px;}
.capture button{min-height:44px;}.tool-panel{padding:24px 20px;}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation:none!important;transition:none!important;}}

@media(max-width:375px){.book-float-crop{width:156px;}.hero-stage-col{min-height:240px;}.hero .hero-title{font-size:26px;}.hero .hero-lede{font-size:14px;}.action-card{min-height:126px;}.card-cta{font-size:11.5px;}}

.advisory-copy p a {text-decoration:underline;text-underline-offset:3px;}

.site-header {background:linear-gradient(180deg,rgba(10,21,34,.86),rgba(10,21,34,.68));}

.sample-player{margin-top:14px;max-width:100%;}.sample-player[hidden]{display:none;}.sample-player audio{display:block;width:100%;height:44px;}.sample-status{margin-top:8px;font-size:14px;color:#fbf8f2;}

/* Owner desktop feedback 2026-10-16 01:23:47; mobile sizing retained. */
@media(min-width:1151px){
.hero .hero-title{font-size:clamp(40px,4.4vw,60px);margin-top:-28px;}
.hero .hero-lede{font-size:19px;}
.book-float-crop{width:402px;}
}

.sample-help,.sample-transcript{font-size:14px;line-height:1.6;margin-top:10px;}.sample-help a{text-decoration:underline;text-underline-offset:3px;}.sample-transcript summary{cursor:pointer;}.sample-transcript p{margin-top:12px;max-width:65ch;color:#fbf8f2;}