/* Base reset — the WordPress theme used to zero this out globally;
         now that the page is standalone, it has to be done explicitly
         or the browser's default 8px body margin throws off every
         100vw/100vh-based measurement below (this was the actual cause
         of the hero looking shifted/cropped after migration). */
      html, body {
        margin: 0;
        padding: 0;
      }

      .ss-home,
      .ss-home * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      /* Full-width page shell (site is now standalone — no CMS theme
         container to break out of, so this is a plain 100% width rule) */
      .ss-home {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        overflow-x: hidden;
      }

      .ss-shell {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
      }

      /* ── TOPBAR / NAV ── */
      .ss-topbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 40px;
        background: #F5EFE6;
        border-bottom: 2px solid #4E3829;
        position: sticky;
        top: 0;
        z-index: 100;
        width: 100%;
      }
      .ss-topbar-inner {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
      }

      .ss-nav {
        display: flex;
        gap: 28px;
        align-items: center;
        margin-left: auto;
      }

      .ss-nav > a {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.08em;
        color: #4E3829;
        text-decoration: none;
        transition: color 0.2s;
      }
      .ss-nav > a:hover { color: #C6A76E; }

      /* ── About dropdown — JS toggled for reliable click ── */
      .ss-nav-item {
        position: relative;
      }
      .ss-nav-item > a {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0.08em;
        color: #4E3829;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 4px;
        cursor: pointer;
        transition: color 0.2s;
      }
      .ss-nav-item > a:hover { color: #C6A76E; }
      .ss-nav-item > a .arrow {
        font-size: 9px;
        opacity: 0.5;
        margin-top: 1px;
        transition: transform 0.2s;
      }
      .ss-nav-item.open > a .arrow {
        transform: rotate(180deg);
      }

      .ss-dropdown {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        background: #F5EFE6;
        border: 1px solid rgba(78,56,41,0.15);
        min-width: 210px;
        padding: 8px 0;
        z-index: 200;
        box-shadow: 0 6px 20px rgba(0,0,0,0.07);
      }
      .ss-nav-item.open .ss-dropdown { display: block !important; }

      .ss-dropdown a {
        display: block !important;
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 12px !important;
        letter-spacing: 0.08em !important;
        color: #4E3829 !important;
        text-decoration: none !important;
        padding: 9px 20px !important;
        border: none !important;
        transition: background 0.15s;
      }
      .ss-dropdown a:hover {
        background: rgba(78,56,41,0.05) !important;
        color: #C6A76E !important;
      }

      .ss-inquire-btn {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        letter-spacing: 0.22em !important;
        text-transform: uppercase !important;
        color: #2E1F17 !important;
        background: #C6A76E !important;
        padding: 12px 28px !important;
        text-decoration: none !important;
        border: none !important;
        transition: background 0.2s;
      }
      .ss-inquire-btn:hover { background: #b49460 !important; }

      /* ── Smooth anchor scroll ── */
      html { scroll-behavior: smooth; }

      /* ── HERO ── */
      .ss-hero {
        background: #2E1F17;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 100vh;
	margin-top: 0;
      }

      /* Two-panel hero row */
      .ss-hero-top {
        display: flex;
        flex: 1;
        min-height: 600px;
      }

      /* LEFT — full magazine cover image, no crop */
      .ss-hero-image-panel {
        flex: 1.35;
        background: #2E1F17;
        display: flex;
        align-items: stretch;
        overflow: hidden;
      }
      .ss-hero-image-panel img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: top center;
        display: block;
      }

      /* RIGHT — Founders Circle panel — top-aligned to match image "SIGNATURE" level */
      .ss-hero-right {
        flex: 0.74;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
 padding: 4.5vh 46px 46px;
      }

      /* "Coming Soon" — centered above Founders Circle */
      .ss-hero-kicker {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: clamp(11px, 1.3vw, 15px);
        font-weight: 700;
        letter-spacing: 0.05em;
        text-transform: uppercase;
        color: #C6A76E;
        line-height: 1.15;
        margin-bottom: 20px;
      }

      .ss-hero-right h1 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(24px, 3.2vw, 42px);
        font-weight: 400;
        line-height: 1.24;
        color: #F5EFE6;
        margin-bottom: 18px;
        letter-spacing: -0.01em;
      }

      .ss-hero-sub {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-size: clamp(16px, 2vw, 22px);
        color: #C6A76E;
        margin-bottom: 28px;
      }

      .ss-hero-body {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18px;
        font-weight: 300;
        color: #D8CFC4;
        line-height: 1.85;
        margin-bottom: 40px;
      }

      .ss-hero-actions {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 24px;
      }

      /* Hero CTAs only — more premium weight, does not affect buttons elsewhere on the page */
      .ss-hero-actions .ss-btn {
        padding: 19px 44px;
        letter-spacing: 0.28em;
      }

      /* ── BUTTONS ── */
      .ss-btn {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.25em;
        text-transform: uppercase;
        padding: 16px 40px;
        text-decoration: none;
        display: inline-block;
        transition: background 0.2s, color 0.2s;
      }
      .ss-btn-primary {
        background: #C6A76E;
        color: #2E1F17 !important;
      }
      .ss-btn-primary:hover { background: #b49460; }
      .ss-btn-secondary {
        border: 1px solid #D8CFC4;
        color: #F5EFE6 !important;
        background: transparent;
      }
      .ss-btn-secondary:hover { border-color: #C6A76E; color: #C6A76E !important; }

      /* ── SECTIONS ── */
      .ss-section {
        padding: 140px 60px;
        background: #F5EFE6;
        width: 100%;
      }
      .ss-section-dark {
        padding: 140px 60px;
        background: #EDE5D8;
        width: 100%;
      }
      .ss-section-brown {
        padding: 140px 60px;
        background: #4E3829;
        width: 100%;
      }
      .ss-section-beige {
        padding: 140px 60px;
        background: #EDE5D8;
        width: 100%;
      }
      .ss-section-light {
        padding: 140px 60px;
        background: #FAFAF8;
        width: 100%;
      }

      .ss-inner { max-width: 960px; margin: 0 auto; }
      .ss-inner-narrow { max-width: 820px; margin: 0 auto; }

      .ss-label {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #C6A76E;
	line-height: 1.15;
        margin-bottom: 12px;
      }

      .ss-section h2, .ss-section-dark h2, .ss-section-brown h2 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(34px, 5vw, 56px);
        font-weight: 400;
        line-height: 1.1;
        margin-bottom: 40px;
      }
      .ss-section h2 { color: #2E1F17; }
      .ss-section-dark h2 { color: #2E1F17; }
      .ss-section-brown h2 { color: #F5EFE6; }
      .ss-section-beige h2 { color: #2E1F17; }
      .ss-section-light h2 { color: #2E1F17; }

      .ss-section h3, .ss-section-dark h3, .ss-section-brown h3,
      .ss-section-beige h3, .ss-section-light h3 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(20px, 2.5vw, 26px);
        font-weight: 400;
        margin-bottom: 20px;
      }
      .ss-section h3 { color: #2E1F17; }
      .ss-section-dark h3 { color: #C6A76E; font-weight: 700; }
      .ss-section-brown h3 { color: #C6A76E; font-weight: 700; }
      .ss-section-beige h3 { color: #4E3829; }
      .ss-section-light h3 { color: #4E3829; }

      /* ── All gold text is bold ── */
      .ss-hero-sub { font-weight: 700; }
      .ss-fc-tagline { font-weight: 700; }
      .ss-value-card h3 { font-weight: 700; }

      .ss-body {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 17px;
        font-weight: 300;
        line-height: 1.85;
        margin-bottom: 24px;
      }
      .ss-section .ss-body { color: #4E3829; }
      .ss-section-dark .ss-body { color: #4E3829; }
      .ss-section-brown .ss-body { color: #D8CFC4; }
      .ss-section-beige .ss-body { color: #4E3829; }
      .ss-section-light .ss-body { color: #4E3829; }

      .ss-quote {
        border-left: 3px solid #C6A76E;
        padding-left: 24px;
        margin: 32px 0;
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        line-height: 1.9;
      }
      .ss-section .ss-quote { font-size: 18px; color: #4E3829; }
      .ss-section-dark .ss-quote { font-size: 18px; color: #F5EFE6; }
      .ss-section-brown .ss-quote { font-size: 18px; color: #F5EFE6; }

      .ss-italic-gold {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-weight: 700;
        color: #C6A76E;
        line-height: 2;
      }

      .ss-split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 60px;
        align-items: start;
      }
      .ss-split-center { align-items: center; }

      .ss-grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        margin-bottom: 40px;
      }

      .ss-grid-4 {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin-bottom: 40px;
      }

      .ss-value-card { border-top: 1px solid rgba(198,167,110,0.4); padding-top: 20px; }
      .ss-value-card h3 { font-family: 'Playfair Display', Georgia, serif; font-size: 18px; color: #C6A76E; margin-bottom: 10px; }
      .ss-value-card p { font-family: 'Source Sans Pro', sans-serif; font-size: 15px; font-weight: 300; color: #D8CFC4; line-height: 1.75; }

      .ss-pro-tile {
        background: #D8CFC4;
        padding: 16px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        color: #2E1F17;
        text-align: center;
        letter-spacing: 0.03em;
      }

      .ss-values-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
      .ss-values-list div {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        color: #4E3829;
        padding: 10px 0;
        border-bottom: 1px solid rgba(78,56,41,0.12);
      }

      .ss-pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0 0 40px; }
      .ss-pillar {
        border-top: 1px solid #C6A76E;
        padding-top: 16px;
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 16px;
        font-style: italic;
        color: #4E3829;
      }

      .ss-divider { border: none; border-top: 1px solid #D8CFC4; margin: 36px 0; }
      .ss-divider-gold { border: none; border-top: 1px solid rgba(198,167,110,0.3); margin: 36px 0; }

      .ss-cta-box {
        background: #2E1F17;
        padding: 80px 60px;
        text-align: center;
        max-width: 760px;
        margin: 0 auto;
      }
      .ss-cta-box h2 { font-family: 'Playfair Display', Georgia, serif; font-size: clamp(32px, 4vw, 50px); font-weight: 400; color: #F5EFE6; margin-bottom: 20px; }
      .ss-cta-box p { font-family: 'Source Sans Pro', sans-serif; font-size: 17px; font-weight: 300; color: #D8CFC4; line-height: 1.85; margin-bottom: 40px; }
      .ss-cta-box .ss-actions { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
      .ss-note { font-family: 'Source Sans Pro', sans-serif; font-size: 12px; color: #666; letter-spacing: 0.08em; margin-top: 20px; }

      /* Bold standout note in hero */
      .ss-hero-note {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.16em;
        line-height: 1.6;
        text-transform: uppercase;
        color: #C6A76E;
        margin-top: 26px;
      }

      /* ── Signature Experience visual blocks ── */
      .ss-block-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 36px;
        margin-top: 52px;
      }
      .ss-block-card img {
        width: 100%;
        height: 280px;
        display: block;
        object-fit: cover;
        background: #F5EFE6;
      }
      .ss-block-card-title {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.32em;
        text-transform: uppercase;
        color: #C6A76E;
        margin-top: 22px;
        margin-bottom: 10px;
      }
      .ss-block-card-desc {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.7;
      }
      @media (max-width: 640px) {
        .ss-block-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
      }
      @media (max-width: 480px) {
        .ss-block-grid { grid-template-columns: 1fr; gap: 40px; }
      }

      /* ── Section 4: Transformation Outcomes (new, text-only cards) ── */
      .ss-outcome-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 36px;
        margin-top: 52px;
      }
      .ss-outcome-card {
        border-top: 1px solid rgba(198,167,110,0.35);
        padding-top: 24px;
        text-align: left;
      }
      .ss-outcome-card-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 19px;
        font-weight: 600;
        color: #2E1F17;
        margin-bottom: 10px;
      }
      .ss-outcome-card-desc {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.7;
        margin: 0;
      }
      @media (max-width: 900px) {
        .ss-outcome-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
      }
      @media (max-width: 480px) {
        .ss-outcome-grid { grid-template-columns: 1fr; gap: 32px; }
      }

      /* Dual CTA panels */
      .ss-cta-split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
      }
      .ss-cta-panel {
        padding: 72px 60px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
      }
      .ss-cta-panel-left { background: #F5EFE6; }
      .ss-cta-panel-right { background: #F5EFE6; border-left: 1px solid rgba(198,167,110,0.25); }
      .ss-cta-panel-right h2 { color: #2E1F17 !important; }
      .ss-cta-panel-right p { color: #4E3829 !important; }
      .ss-cta-panel-right .ss-label { color: #C6A76E; }
      .ss-cta-panel h2 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(26px, 3vw, 38px);
        font-weight: 400;
        color: #2E1F17;
        line-height: 1.15;
        margin-bottom: 20px;
      }
      .ss-cta-panel p {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.85;
        margin-bottom: 36px;
        flex-grow: 1;
      }
      @media (max-width: 640px) {
        .ss-cta-split { grid-template-columns: 1fr; }
        .ss-cta-panel { padding: 52px 28px; align-items: center; text-align: center; }
      }

      .ss-footer {
        background: #F5EFE6;
        border-top: 3px solid #C6A76E;
        padding: 100px 60px 60px;
        text-align: center;
        width: 100%;
      }
      .ss-footer img { display: block; height: 56px; width: auto; margin: 0 auto 40px; }
      .ss-footer-headline {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(26px, 3.5vw, 44px);
        font-weight: 400;
        color: #2E1F17;
        line-height: 1.2;
        max-width: 680px;
        margin: 0 auto 40px;
      }
      .ss-footer-sub {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 12px;
        font-weight: 400;
        color: #A47148;
        letter-spacing: 0.12em;
        margin-top: 48px;
        line-height: 2;
      }
      .ss-footer-legal {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        color: #A47148;
        letter-spacing: 0.08em;
        margin-top: 12px;
      }

      .ss-bullet-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 16px; }
      .ss-bullet-list li { display: flex; gap: 14px; align-items: flex-start; }
      .ss-bullet-dot { width: 6px; height: 6px; background: #C6A76E; border-radius: 50%; flex-shrink: 0; margin-top: 9px; }
      .ss-bullet-text { font-family: 'Source Sans Pro', sans-serif; font-size: 16px; font-weight: 300; color: #D8CFC4; line-height: 1.6; }

      /* ── Brand lockup (logo + name + home link) ── */
      .ss-brand {
        display: flex;
        align-items: center;
        gap: 12px;
        text-decoration: none;
      }
      .ss-brand-text {
        display: flex;
        align-items: center;
        gap: 7px;
        white-space: nowrap;
      }
      .ss-brand-name {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 16px;
        font-weight: 700;
        color: #4E3829;
        letter-spacing: 0.08em;
      }
      .ss-brand-sep {
        font-size: 16px;
        color: #D8CFC4;
        font-weight: 400;
      }
      .ss-brand-home {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: #C6A76E;
        text-decoration: none;
        transition: color 0.2s;
      }
      .ss-brand-home:hover { color: #4E3829; }

      /* ── Hamburger button (mobile only) ── */
      .ss-hamburger {
        display: none;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 6px;
        flex-shrink: 0;
      }
      .ss-hamburger span {
        display: block;
        width: 24px;
        height: 2px;
        background: #4E3829;
        transition: all 0.3s ease;
      }
      .ss-hamburger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
      .ss-hamburger.open span:nth-child(2) { opacity: 0; }
      .ss-hamburger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

      /* ── Responsive / Mobile ── */
      @media (max-width: 640px) {

        /* Nav */
        .ss-topbar { padding: 12px 20px; position: relative; }
        .ss-topbar-inner { flex-wrap: nowrap; }
        .ss-hamburger { display: flex; }
        .ss-nav {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          right: 0;
          background: #F5EFE6;
          flex-direction: column;
          padding: 8px 0 16px;
          gap: 0;
          border-bottom: 2px solid #D8CFC4;
          box-shadow: 0 6px 16px rgba(0,0,0,0.08);
          z-index: 150;
        }
        .ss-nav.open { display: flex; }
        .ss-nav > a {
          padding: 13px 24px;
          border-bottom: 1px solid rgba(78,56,41,0.07);
          font-size: 15px;
        }
        .ss-nav-item > a {
          padding: 13px 24px;
          border-bottom: 1px solid rgba(78,56,41,0.07);
          font-size: 15px;
        }
        .ss-dropdown {
          position: static;
          box-shadow: none;
          border: none;
          background: rgba(78,56,41,0.04);
          padding: 0;
          min-width: unset;
        }
        .ss-nav-item.open .ss-dropdown { display: block !important; }
        .ss-dropdown a { padding: 11px 36px !important; font-size: 13px !important; }
        .ss-inquire-btn {
          margin: 12px 24px 0 !important;
          text-align: center !important;
          display: block !important;
          padding: 14px 20px !important;
        }

        /* Brand text — hide on very small screens */
        .ss-brand-text { display: none; }

        /* Hero */
        .ss-hero { min-height: unset; }
        .ss-hero-top { flex-direction: column; }
        .ss-hero-image-panel { min-height: 60vw; }
        .ss-hero-image-panel img { object-fit: cover; object-position: top center; }
        .ss-hero-right {
          padding: 40px 28px 48px;
          min-height: 60vw;
        }
        .ss-hero-actions { margin-top: 32px; padding-top: 0; }

        /* Sections */
        .ss-section, .ss-section-dark, .ss-section-brown,
        .ss-section-beige, .ss-section-light { padding: 80px 24px; }
        .ss-split { grid-template-columns: 1fr; gap: 36px; }
        .ss-grid-3, .ss-pillar-grid { grid-template-columns: 1fr 1fr; }
        .ss-grid-4 { grid-template-columns: 1fr 1fr; }
        .ss-cta-box { padding: 48px 24px; }
        .ss-footer { padding: 40px 24px; }
        .ss-inner, .ss-inner-narrow { padding: 0 4px; }
      }

      @media (max-width: 480px) {
        .ss-grid-3, .ss-pillar-grid { grid-template-columns: 1fr; }
        .ss-grid-4 { grid-template-columns: 1fr 1fr; }
        .ss-hero-kicker { font-size: clamp(18px, 6vw, 28px); }
        .ss-hero-right h1 { font-size: clamp(36px, 9vw, 56px); }
        .ss-btn { padding: 14px 24px; font-size: 11px; }
      }

      /* ── Quote Pause — Accent strip ── */
      .ss-quote-pause {
        background: #4E3829;
        padding: 80px 60px;
        text-align: center;
        width: 100%;
      }
      .ss-quote-pause blockquote {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-size: clamp(22px, 3vw, 40px);
        color: #F5EFE6;
        max-width: 820px;
        margin: 0 auto;
        line-height: 1.65;
        font-weight: 400;
      }

      /* ── Profession Cards ── */
      .ss-profession-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 2px;
        width: 100%;
      }
      .ss-profession-card {
        background: #F5EFE6;
        display: flex;
        flex-direction: column;
      }
      .ss-profession-card-text {
        padding: 32px 28px 24px;
      }
      .ss-profession-label {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.36em;
        text-transform: uppercase;
        color: #C6A76E;
        margin-bottom: 12px;
      }
      .ss-profession-desc {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-size: 15px;
        font-weight: 400;
        color: #4E3829;
        line-height: 1.65;
      }
      .ss-profession-img {
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 4;
        background: #D8CFC4;
        display: block;
        object-fit: cover;
        margin-top: auto;
      }

      /* ── Founders Circle Feature Section ── */
      .ss-fc-section {
        background: #4E3829;
        padding: 140px 60px;
        text-align: center;
        width: 100%;
      }
      .ss-fc-inner {
        max-width: 620px;
        margin: 0 auto;
      }
      .ss-fc-section h2 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(30px, 4.5vw, 54px);
        font-weight: 400;
        color: #F5EFE6;
        line-height: 1.1;
        margin-bottom: 20px;
      }
      .ss-fc-tagline {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-size: clamp(16px, 2vw, 21px);
        color: #C6A76E;
        margin-bottom: 64px;
        line-height: 1.6;
      }
      .ss-fc-checklist {
        list-style: none;
        padding: 0;
        margin: 0 auto 64px;
        max-width: 480px;
        text-align: left;
        display: flex;
        flex-direction: column;
        gap: 28px;
        border-top: 1px solid rgba(198,167,110,0.2);
        padding-top: 48px;
      }
      .ss-fc-checklist li {
        display: flex;
        align-items: flex-start;
        gap: 18px;
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-weight: 300;
        letter-spacing: 0.05em;
        color: #F5EFE6;
        line-height: 1.4;
      }
      .ss-fc-check {
        width: 18px;
        height: 18px;
        border: 1px solid #C6A76E;
        flex-shrink: 0;
        margin-top: 3px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .ss-fc-check::after {
        content: '';
        width: 8px;
        height: 5px;
        border-left: 1.5px solid #C6A76E;
        border-bottom: 1.5px solid #C6A76E;
        transform: rotate(-45deg) translateY(-1px);
        display: block;
      }
      .ss-fc-benefit-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 17px;
        font-weight: 600;
        color: #F5EFE6;
        margin-bottom: 5px;
        letter-spacing: 0;
      }
      .ss-fc-benefit-desc {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 300;
        letter-spacing: 0;
        color: #D8CFC4;
        line-height: 1.6;
        margin: 0;
      }
      .ss-fc-note {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.24em;
        text-transform: uppercase;
        color: #C6A76E;
        margin-top: 28px;
      }

      /* ── Image Gallery Mosaic ── */
      .ss-gallery-section {
        background: #F5EFE6;
        padding: 80px 0 0;
        width: 100%;
      }
      .ss-gallery-header {
        max-width: 960px;
        margin: 0 auto 48px;
        padding: 0 60px;
      }
      .ss-gallery-mosaic {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 340px 340px;
        gap: 3px;
      }
      .ss-gallery-item {
        position: relative;
        overflow: hidden;
      }
      .ss-gallery-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.5s ease;
      }
      .ss-gallery-item:hover img { transform: scale(1.04); }
      .ss-gallery-item-feature { grid-row: 1 / 3; }
      .ss-gallery-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 36px 20px 18px;
        background: linear-gradient(transparent, rgba(46,31,23,0.65));
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        color: #F5EFE6;
      }

      /* ── FC Experience section image strip ── */
      .ss-exp-image-strip {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 3px;
        margin-top: 80px;
        width: 100%;
      }
      .ss-exp-strip-item {
        position: relative;
        overflow: hidden;
        height: 320px;
      }
      .ss-exp-strip-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transition: transform 0.5s ease;
      }
      .ss-exp-strip-item:hover img { transform: scale(1.04); }
      .ss-exp-strip-caption {
        position: absolute;
        bottom: 0; left: 0; right: 0;
        padding: 28px 16px 14px;
        background: linear-gradient(transparent, rgba(46,31,23,0.6));
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.28em;
        text-transform: uppercase;
        color: #F5EFE6;
      }

      /* ── Experience bullet list ── */
      .ss-exp-list {
        list-style: none;
        padding: 0;
        margin: 0 auto 48px;
        max-width: 480px;
        display: flex;
        flex-direction: column;
        gap: 18px;
      }
      .ss-exp-list li {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #4E3829;
        display: flex;
        align-items: flex-start;
        gap: 14px;
        text-align: left;
        line-height: 1.6;
      }
      .ss-exp-list li::before {
        content: '';
        width: 5px;
        height: 5px;
        background: #C6A76E;
        border-radius: 50%;
        flex-shrink: 0;
        margin-top: 8px;
      }

      /* ── Full-width image break ── */
      .ss-image-break {
        width: 100%;
        display: block;
        max-height: 520px;
        object-fit: cover;
      }

      /* ── Brown CTA btn (for light sections) ── */
      .ss-btn-brown {
        background: #4E3829;
        color: #F5EFE6 !important;
      }
      .ss-btn-brown:hover { background: #3a2a1e; }

      /* ── Luxury outline btn ── */
      .ss-btn-luxury {
        border: 1px solid #C6A76E !important;
        background: transparent !important;
        color: #4E3829 !important;
        border-radius: 4px !important;
        padding: 16px 48px !important;
        font-size: 11px !important;
        font-weight: 400 !important;
        letter-spacing: 0.28em !important;
        transition: background 0.25s, color 0.25s;
      }
      .ss-btn-luxury:hover {
        background: #C6A76E !important;
        color: #2E1F17 !important;
      }

      /* ── Lease Your Suite Section ── */
      .ss-lease-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 80px;
        max-width: 1100px;
        margin: 0 auto;
        align-items: stretch;
      }
      /* Lease carousel */
      .ss-lease-carousel { position: relative; overflow: hidden; min-height: 480px; }
      .ss-lease-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 0.65s ease; z-index: 0; }
      .ss-lease-slide.active { opacity: 1; z-index: 1; }
      .ss-lease-slide img { width: 100%; height: 100%; min-height: 480px; object-fit: cover; display: block; }
      .ss-lease-slide .ss-lease-image-tags { position: absolute; bottom: 20px; left: 20px; display: flex; flex-wrap: wrap; gap: 8px; z-index: 2; }
      .ss-carousel-dots { position: absolute; bottom: 16px; right: 16px; display: flex; gap: 7px; z-index: 3; }
      .ss-carousel-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(245,239,230,0.45); border: none; cursor: pointer; padding: 0; transition: background 0.3s; }
      .ss-carousel-dot.active { background: #C6A76E; }
      .ss-lease-image-tags {
        position: absolute;
        bottom: 20px;
        left: 20px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }
      .ss-lease-image-tags span {
        background: rgba(245,239,230,0.9);
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        color: #4E3829;
        padding: 6px 12px;
      }
      .ss-lease-image-caption {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 11px;
        font-weight: 400;
        letter-spacing: 0.18em;
        text-transform: uppercase;
        color: #A47148;
        margin-top: 16px;
        text-align: center;
      }
      .ss-want-list {
        list-style: none;
        padding: 0;
        margin: 0 0 20px;
        display: flex;
        flex-direction: column;
        gap: 4px;
      }
      .ss-want-list li {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-weight: 300;
        color: #4E3829;
        padding-left: 18px;
        position: relative;
        line-height: 1.8;
      }
      .ss-want-list li::before {
        content: '—';
        position: absolute;
        left: 0;
        color: #C6A76E;
      }
      .ss-body-intro {
        font-style: italic;
        margin-bottom: 32px;
      }
      .ss-luxury-bullets {
        list-style: none;
        padding: 0;
        margin: 0 0 40px;
        display: flex;
        flex-direction: column;
      }
      .ss-luxury-bullets li {
        padding: 14px 0;
        border-top: 1px solid rgba(198,167,110,0.22);
      }
      .ss-luxury-bullets li:last-child {
        border-bottom: 1px solid rgba(198,167,110,0.22);
      }
      .ss-lux-title {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 15px;
        font-weight: 700;
        color: #2E1F17;
        margin-bottom: 4px;
      }
      .ss-lux-desc {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.65;
        margin: 0;
      }
      .ss-lease-cta-wrap {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
      }
      .ss-lease-phone {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        font-weight: 400;
        color: #4E3829;
        letter-spacing: 0.04em;
        text-align: center;
        align-self: flex-start;
        width: auto;
      }
      .ss-lease-phone a {
        color: #C6A76E;
        font-weight: 700;
        text-decoration: none;
      }
      .ss-lease-phone a:hover { color: #4E3829; }

      /* ── Brown background overrides for Lease section ── */
      .ss-section-brown .ss-lease-wrap h2 { color: #F5EFE6 !important; }
      .ss-section-brown .ss-body { color: #D8CFC4; }
      .ss-section-brown .ss-body-intro { color: #D8CFC4; }
      .ss-section-brown .ss-want-list li { color: #D8CFC4; }
      .ss-section-brown .ss-lux-title { color: #C6A76E !important; font-weight: 700; }
      .ss-section-brown .ss-lux-desc { color: #D8CFC4; }
      .ss-section-brown .ss-luxury-bullets li { border-top-color: rgba(245,239,230,0.15); }
      .ss-section-brown .ss-luxury-bullets li:last-child { border-bottom-color: rgba(245,239,230,0.15); }
      .ss-section-brown .ss-lease-image-caption { color: #C6A76E; font-weight: 700; }
      .ss-section-brown .ss-lease-image-tags span { background: rgba(245,239,230,0.12); color: #F5EFE6; }
      .ss-section-brown .ss-btn-luxury { border-color: #C6A76E !important; color: #F5EFE6 !important; }
      .ss-section-brown .ss-btn-luxury:hover { background: #C6A76E !important; color: #2E1F17 !important; }
      .ss-section-brown .ss-lease-phone { color: #D8CFC4; }
      .ss-section-brown .ss-lease-phone a { color: #C6A76E; font-weight: 700; }

      /* ── Privacy & Compliance Section ── */
      .ss-policy-section {
        background: #FAFAF8;
        padding: 100px 60px;
        width: 100%;
      }
      .ss-policy-inner {
        max-width: 860px;
        margin: 0 auto;
      }
      .ss-policy-intro {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.85;
        margin-bottom: 60px;
        max-width: 640px;
      }
      .ss-policy-block { margin-bottom: 56px; }
      .ss-policy-block h3 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: 22px;
        font-weight: 400;
        color: #2E1F17;
        margin-bottom: 20px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(198,167,110,0.3);
      }
      .ss-policy-block p {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 14px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.9;
        margin-bottom: 14px;
      }
      .ss-policy-block ul {
        padding-left: 0;
        margin: 0 0 14px;
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 6px;
      }
      .ss-policy-block ul li {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 13px;
        font-weight: 300;
        color: #4E3829;
        padding-left: 16px;
        position: relative;
        line-height: 1.7;
      }
      .ss-policy-block ul li::before {
        content: '·';
        position: absolute;
        left: 4px;
        color: #C6A76E;
        font-weight: 700;
      }
      @media (max-width: 640px) {
        .ss-policy-section { padding: 60px 24px; }
      }

      /* ── Quote Pause Cream variant ── */
      .ss-quote-pause-cream {
        background: #F5EFE6;
        border-top: 1px solid rgba(198,167,110,0.25);
        border-bottom: 1px solid rgba(198,167,110,0.25);
      }
      .ss-quote-pause-cream blockquote { color: #2E1F17; }

      @media (max-width: 640px) {
        .ss-quote-pause { padding: 60px 28px; }
        .ss-profession-grid { grid-template-columns: repeat(2, 1fr); }
        .ss-fc-section { padding: 80px 28px; }
        .ss-exp-image-strip { grid-template-columns: 1fr 1fr; }
        .ss-exp-strip-item { height: 220px; }
        .ss-lease-wrap { grid-template-columns: 1fr; gap: 48px; }
        .ss-gallery-section { padding: 60px 0 0; }
        .ss-gallery-header { padding: 0 24px; }
        .ss-gallery-mosaic {
          grid-template-columns: 1fr 1fr;
          grid-template-rows: auto;
        }
        .ss-gallery-item { height: 220px; }
        .ss-gallery-item-feature {
          grid-row: auto;
          grid-column: 1 / -1;
          height: 280px;
        }
      }
      @media (max-width: 480px) {
        .ss-profession-grid { grid-template-columns: 1fr 1fr; }
        .ss-gallery-mosaic { grid-template-columns: 1fr; }
        .ss-gallery-item-feature { grid-column: auto; }
        .ss-gallery-item { height: 260px; }
      }
      /* ── About Modals ── */
      .ss-modal-overlay {
        position: fixed;
        inset: 0;
        background: rgba(46,31,23,0.72);
        z-index: 3000;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.35s ease;
      }
      .ss-modal-overlay.active {
        opacity: 1;
        pointer-events: all;
      }
      .ss-modal-panel {
        position: absolute;
        top: 0; right: 0;
        width: 100%;
        max-width: 680px;
        height: 100%;
        background: #F5EFE6;
        overflow-y: auto;
        transform: translateX(100%);
        transition: transform 0.38s cubic-bezier(0.4,0,0.2,1);
        padding: 60px 52px 80px;
        box-sizing: border-box;
      }
      .ss-modal-overlay.active .ss-modal-panel {
        transform: translateX(0);
      }
      .ss-modal-close {
        position: absolute;
        top: 22px; right: 28px;
        background: none;
        border: none;
        cursor: pointer;
        font-size: 26px;
        color: #4E3829;
        line-height: 1;
        padding: 4px 8px;
        transition: color 0.2s;
      }
      .ss-modal-close:hover { color: #C6A76E; }
      .ss-modal-eyebrow {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.32em;
        text-transform: uppercase;
        color: #C6A76E;
        margin-bottom: 18px;
      }
      .ss-modal-panel h2 {
        font-family: 'Playfair Display', Georgia, serif;
        font-size: clamp(26px, 4vw, 36px);
        font-weight: 400;
        color: #2E1F17;
        line-height: 1.25;
        margin: 0 0 28px;
      }
      .ss-modal-panel p {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 16px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.8;
        margin: 0 0 20px;
      }
      .ss-modal-divider {
        border: none;
        border-top: 1px solid rgba(198,167,110,0.35);
        margin: 32px 0;
      }
      .ss-modal-panel ul {
        list-style: none;
        padding: 0;
        margin: 0 0 24px;
      }
      .ss-modal-panel ul li {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 15px;
        font-weight: 300;
        color: #4E3829;
        line-height: 1.75;
        padding: 8px 0;
        border-bottom: 1px solid rgba(198,167,110,0.2);
        padding-left: 18px;
        position: relative;
      }
      .ss-modal-panel ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 18px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #C6A76E;
      }
      .ss-modal-gold-line {
        font-family: 'Playfair Display', Georgia, serif;
        font-style: italic;
        font-size: 18px;
        color: #C6A76E;
        margin: 28px 0 0;
        line-height: 1.5;
      }
      @media (max-width: 680px) {
        .ss-modal-panel { max-width: 100%; padding: 48px 28px 60px; }
      }

    
/* ══════════════════════════════════════════════
   FORMS — added during Sintra/WordPress migration
   Replaces mailto-only buttons with real, working
   forms while preserving the existing visual system.
   ══════════════════════════════════════════════ */

.ss-sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.ss-form { width: 100%; max-width: 420px; margin: 0 auto; text-align: left; }
.ss-form-row { margin-bottom: 14px; }
.ss-form-row-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 480px) {
  .ss-form-row-split { grid-template-columns: 1fr; }
}

.ss-form input,
.ss-form select {
  width: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 15px;
  font-weight: 300;
  padding: 14px 16px;
  border: 1px solid rgba(198,167,110,0.4);
  background: rgba(255,255,255,0.06);
  color: inherit;
  border-radius: 2px;
  transition: border-color 0.2s, background 0.2s;
  appearance: none;
}
.ss-form select { cursor: pointer; }
.ss-form input::placeholder { color: currentColor; opacity: 0.55; }
.ss-form input:focus,
.ss-form select:focus {
  outline: none;
  border-color: #C6A76E;
  background: rgba(255,255,255,0.1);
}
.ss-form input.ss-invalid,
.ss-form select.ss-invalid { border-color: #b23b3b; }

/* Light-background (cream) context — default */
.ss-form { color: #4E3829; }
.ss-form input, .ss-form select { background: #FAFAF8; border-color: rgba(78,56,41,0.2); color: #2E1F17; }
.ss-form input:focus, .ss-form select:focus { border-color: #C6A76E; background: #fff; }

/* Dark-background (brown section) context */
.ss-form--dark { color: #F5EFE6; }
.ss-form--dark input, .ss-form--dark select {
  background: rgba(245,239,230,0.06);
  border-color: rgba(198,167,110,0.35);
  color: #F5EFE6;
}
.ss-form--dark input:focus, .ss-form--dark select:focus { background: rgba(245,239,230,0.12); border-color: #C6A76E; }
.ss-form--dark select option { color: #2E1F17; }

/* Inline / compact forms used inside CTA panels */
.ss-form--inline { max-width: 420px; margin: 0; }
.ss-form--inline input { margin-bottom: 12px; }

.ss-form-hidden {
  position: absolute !important;
  left: -9999px !important;
  width: 1px; height: 1px;
  opacity: 0;
  pointer-events: none;
}

.ss-form button[type="submit"] {
  border: none;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
}
.ss-form button[type="submit"]:disabled { opacity: 0.6; cursor: wait; }

.ss-form-msg {
  margin-top: 12px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
  font-weight: 400;
  min-height: 18px;
}
.ss-form-msg.is-success { color: #6f8f52; }
.ss-form--dark .ss-form-msg.is-success { color: #C6A76E; }
.ss-form-msg.is-error { color: #b23b3b; }

/* Skip link — accessibility improvement */
.ss-skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 5000;
  background: #2E1F17;
  color: #F5EFE6;
  padding: 14px 22px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  text-decoration: none;
}
.ss-skip-link:focus {
  left: 12px;
  top: 12px;
}