/* R15: one consumer journey and a ruled guide index.
   2026-10-08: journey rules scoped to .g6-journey so /sell/ can reuse the component.
   Declarations are unchanged, so #g6-team .g6-journey computes the same values. */
.g6-journey {
  width: min(100% - 48px, 1320px);
  margin: 56px auto 0;
  color: var(--g6-ink);
  font-family: var(--g6-ui);
}
.g6-journey-lede {
  max-width: 60ch;
  margin: 0 auto 20px;
  text-align: center;
  font: 500 1rem/1.55 var(--g6-ui);
  color: var(--g6-ink);
}
.g6-journey-toggle { display: none; }
.g6-journey--js .g6-journey-toggle {
  display: flex;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 30px;
  padding: 4px;
  gap: 4px;
  border: 1px solid rgba(22,40,62,.15);
  border-radius: 999px;
}
.g6-journey-toggle button {
  min-height: 44px;
  min-width: 0;
  padding: 10px 18px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--g6-ink);
  font: 600 .875rem/1.2 var(--g6-ui);
  cursor: pointer;
}
.g6-journey-toggle button[aria-pressed="true"] {
  background: var(--g6-ink);
  color: #fff;
}
.g6-journey-toggle button:focus-visible {
  outline: 3px solid var(--g6-channel);
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #fff;
}
.g6-journey-steps {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.g6-journey-steps li {
  min-width: 0;
  margin: 0;
  padding: 18px;
  border: 1px solid rgba(22,40,62,.15);
  border-radius: var(--g6-radius);
  background: transparent;
  color: var(--g6-ink);
  transition: opacity 200ms ease-out, filter 200ms ease-out;
}
.g6-journey-steps li[data-who="you"] {
  background: color-mix(in srgb, var(--g6-channel) 25%, white);
  transform: translateY(-6px);
  box-shadow: 0 10px 24px rgba(22,40,62,.14);
}
.g6-journey-number {
  display: inline-block;
  margin-right: 6px;
  font: 600 .75rem/1.4 var(--g6-ui);
  font-variant-numeric: tabular-nums;
}
.g6-journey-chip {
  display: inline-block;
  padding: 3px 8px;
  border: 1px solid rgba(22,40,62,.22);
  border-radius: 999px;
  color: var(--g6-ink);
  font: 600 .6875rem/1.3 var(--g6-ui);
}
.g6-journey-steps h3 {
  margin: 16px 0 10px;
  color: var(--g6-ink);
  font: 600 1rem/1.25 var(--g6-ui);
  letter-spacing: 0;
  text-wrap: initial;
}
.g6-journey-steps p {
  margin: 0;
  color: var(--g6-ink);
  font: 400 .875rem/1.45 var(--g6-ui);
}
.g6-journey[data-show="you"] li[data-who="team"],
.g6-journey[data-show="team"] li[data-who="you"] {
  opacity: .28;
  filter: saturate(.4);
}
.g6-journey-sell {
  margin: 26px auto 0;
  text-align: center;
  color: var(--g6-ink);
  font: 400 .875rem/1.55 var(--g6-ui);
}
.g6-journey-sell a {
  color: var(--g6-channel);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (min-width: 700px) and (max-width: 1099px) {
  .g6-journey-steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  .g6-journey { width: calc(100% - 40px); margin-top: 36px; }
  .g6-journey-steps { grid-template-columns: minmax(0, 1fr); }
  .g6-journey-steps li[data-who="you"] { transform: none; }
  .g6-journey-toggle button { padding-inline: 12px; font-size: .8125rem; }
}
@media (prefers-reduced-motion: reduce) {
  .g6-journey-steps li { transition: none !important; }
}

/* Guides: the gcard grid rules were removed 2026-10-12; the ruled index lives in "Library index" below. */
/* Opus polish 1 (2026-10-08): the visitor's steps must read as theirs at a glance;
   the agent roster under the journey drops its card boxes so two 7-up card rows do not stack;
   on phone the journey becomes a compact ruled timeline instead of seven tall cards. */
.g6-journey-steps li[data-who="you"] {
  background: color-mix(in srgb, var(--g6-channel) 40%, white);
  border-color: color-mix(in srgb, var(--g6-channel) 70%, white);
  box-shadow: 0 14px 30px rgba(9,94,147,.16);
}
.g6-journey-steps li[data-who="you"] .g6-journey-chip {
  background: var(--g6-ink);
  border-color: var(--g6-ink);
  color: #fff;
}
#g6-team .g6-team-roster li,
#g6-team .g6-team-roster li a {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
#g6-team .g6-team-roster li a:hover strong { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 699px) {
  .g6-journey-steps { gap: 0; }
  .g6-journey-steps li {
    padding: 14px 4px;
    border: 0;
    border-top: 1px solid rgba(9,94,147,.12);
    border-radius: 0;
  }
  .g6-journey-steps li[data-who="you"] {
    margin: 6px 0;
    padding: 14px 14px;
    border: 0;
    border-radius: var(--g6-radius);
  }
  .g6-journey-steps li[data-who="you"] + li { border-top: 0; }
  .g6-journey-steps h3 { margin: 8px 0 4px; }
}

/* Phase 2B (2026-10-08): featured client quote leads the stories band. Scoped to #g6-client-stories. */
#g6-client-stories .g6-stories-feature {
  margin: 8px 0 36px;
  max-width: 40rem;
}
#g6-client-stories .g6-stories-feature blockquote {
  margin: 0;
  max-width: 34ch;
  color: #fff;
  font: 500 clamp(1.5rem, 2.4vw, 2rem)/1.3 var(--g6-display);
}
#g6-client-stories .g6-stories-feature figcaption {
  margin-top: 16px;
  max-width: 42ch;
  color: #fff !important;
  font-family: var(--g6-ui);
  font-weight: 500;
  font-size: .875rem !important;
  line-height: 1.45;
}
#g6-client-stories .g6-stories-feature figcaption a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}
#g6-client-stories .g6-stories-feature figcaption a:focus-visible {
  outline: 3px solid var(--g6-channel);
  outline-offset: 3px;
}
@media (max-width: 699px) {
  #g6-client-stories .g6-stories-feature { margin-bottom: 28px; }
  #g6-client-stories .g6-stories-feature blockquote { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  #g6-client-stories .g6-stories-feature { transition: none; }
}

/* Closing photos under the featured Felix quote. Dark band: white captions on #16283E is 15.4:1. */
#g6-client-stories .g6-closings {
  margin: 8px 0 36px;
  min-width: 0;
}
#g6-client-stories .g6-closings-head h2 {
  margin: 0 0 10px;
  color: #fff;
  font: 500 clamp(1.75rem, 2.6vw, 2.25rem)/1.15 var(--g6-display);
}
#g6-client-stories .g6-closings .g6-main-kicker {
  margin: 0 0 8px;
  color: #fff;
  font: 600 12px/1.4 var(--g6-ui);
  letter-spacing: .08em;
  text-transform: uppercase;
}
#g6-client-stories .g6-closings .g6-deep-lede {
  margin: 0;
  max-width: 42rem;
  color: #fff;
  font: 500 1rem/1.5 var(--g6-ui);
}
#g6-client-stories .g6-deep-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin: 22px 0 0;
}
#g6-client-stories .g6-deep-gallery figure { margin: 0; min-width: 0; }
#g6-client-stories .g6-deep-gallery img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 4/5;
  object-fit: cover;
  border-radius: 14px;
}
#g6-client-stories .g6-deep-gallery figcaption {
  margin-top: 10px;
  color: #fff !important;
  font: 600 14px/1.45 var(--g6-ui) !important;
}
@media (max-width: 1000px) {
  #g6-client-stories .g6-deep-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 699px) {
  #g6-client-stories .g6-closings { margin-bottom: 28px; }
  #g6-client-stories .g6-deep-gallery { gap: 14px; }
  #g6-client-stories .g6-deep-gallery img { aspect-ratio: 1; }
}


/* Home polish 2: native home inventories and compact phone tools. (Boxed service cards removed 2026-10-12.) */
#g6-popular .g6-home-inventory { min-width: 0; border-top: 1px solid rgba(22,40,62,.18); }
#g6-popular .g6-home-inventory > summary {
  min-height: 44px;
  box-sizing: border-box;
  padding: 16px 0;
  color: var(--g6-ink);
  font: 500 clamp(1.5rem, 2.1vw, 2rem)/1.25 var(--g6-display);
  cursor: pointer;
}
#g6-popular .g6-home-inventory > summary:focus-visible { outline: 3px solid var(--g6-channel); outline-offset: 3px; }
#g6-popular .g6-home-inventory .preset-rail__block { margin-top: 0; padding-top: 0; border-top: 0; }
@media (max-width: 699px) {
}
@media (prefers-reduced-motion: reduce) {
}

/* Opus: team logo on the remaining home contact surfaces (keep-contract: team logos, not portraits). */
#g6-talk .g6-talk-logo { display: block; width: 120px; height: auto; margin: 0 0 18px; }
#g6-contact[aria-hidden] { display: block; position: relative; top: -80px; height: 0; }
.m-sheet .m-sheet-logo { display: block; width: 92px; height: auto; margin: 0 0 10px; }

/* ==========================================================================
   2026-10-12 director SPEC_HOME_OPENING s1: the opening.
   Promise + proof: protected H1, service lede bolded on the one idea, one sky pill + ghost, the phone under the
   actions (desktop) or in the strip (phone), and ONE large real artifact (our search, captioned honestly).
   Scoped to .g6-open so the older hero layers stop matching. Several older layers on this element
   (gen6-quality.css, gen6-v4ns.css, gen6-v9.css, gen6-actions.css) are !important and not in this batch's
   edit scope; the few !important flags below exist only to outrank those, never each other.
   ========================================================================== */
.home.gen6 .g6-hero.g6-open h1 { font-weight: 500; letter-spacing: -.018em; color: #fff; text-wrap: balance; }
.home.gen6 .g6-hero.g6-open h1 em { color: #60c3ef !important; font-style: italic; }
.home.gen6 .g6-hero.g6-open .g6-hero-lede { color: rgba(255,255,255,.92); text-wrap: pretty; }
.home.gen6 .g6-hero.g6-open .g6-hero-lede strong { color: #fff; font-weight: 700; }
#main-content .g6-hero.g6-open a.g6-hero-primary {
  background: #d2e4f5 !important; color: #095e93 !important; border: 0 !important;
  min-height: 52px !important; padding: 0 30px !important; font: 700 16px/1.2 Manrope, sans-serif !important;
  box-shadow: 0 10px 28px rgba(96,195,239,.28) !important; transform: none;
}
#main-content .g6-hero.g6-open a.g6-hero-primary:hover,
#main-content .g6-hero.g6-open a.g6-hero-primary:focus-visible { background: #fff !important; color: #095e93 !important; }
#main-content .g6-hero.g6-open a.g6-hero-secondary {
  display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box;
  min-height: 52px; padding: 0 26px !important; border-radius: 999px; border: 1.5px solid rgba(255,255,255,.7) !important;
  background: rgba(9,94,147,.18) !important; color: #fff !important; text-decoration: none !important; font: 600 16px/1.2 Manrope, sans-serif;
}
#main-content .g6-hero.g6-open a.g6-hero-secondary:hover { background: rgba(255,255,255,.12) !important; }
#main-content .g6-hero.g6-open :is(a.g6-hero-primary, a.g6-hero-secondary):focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.g6-strip-phone { display: none; margin: 0; font: 500 14px/1.4 Manrope, sans-serif; color: #eaf4fc; }
.g6-strip-phone a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(255,255,255,.5); }
.home.gen6 .g6-fold-strip { position: relative; }

@media (min-width: 800px) {
  .home.gen6 .g6-hero.g6-open .g6-hero-copy > * { max-width: 640px; }
  .home.gen6 .g6-hero.g6-open h1 { font-size: clamp(46px, 4.7vw, 70px) !important; line-height: 1.0 !important; max-width: 640px !important; margin-bottom: 22px !important; }
  .home.gen6 .g6-hero.g6-open .g6-hero-lede { font-size: 18px !important; line-height: 1.6 !important; max-width: 600px !important; margin-bottom: 28px !important; }
  .home.gen6 .g6-hero.g6-open .g6-hero-cta-row { display: block; }
  .home.gen6 .g6-hero.g6-open .g6-hero-actions { display: flex; gap: 12px; }
  .home.gen6 .g6-hero.g6-open .g6-hero-phone { display: block !important; margin: 16px 0 0 !important; font: 500 15px/1.4 Manrope, sans-serif !important; color: rgba(255,255,255,.86); }
  .home.gen6 .g6-hero.g6-open .g6-hero-shade { background:
      linear-gradient(90deg, rgba(9,94,147,.94) 0%, rgba(9,94,147,.84) 34%, rgba(9,94,147,.5) 56%, rgba(9,94,147,.3) 100%),
      linear-gradient(0deg, rgba(9,94,147,.7) 0%, rgba(9,94,147,0) 34%) !important; }
}
@media (min-width: 761px) and (max-width: 1179px) {
  /* js/gen6-home.js fit() sizes the hero from the copy's children; the copy's own block padding is not in that sum.
     2026-10-12 director: lower bound 761px, not 800px: 761 to 799 fell between this rule and the phone rule, leaving the copy a 100svh min-height inside a 716px hero (H1 clipped at 768). */
  .home.gen6 .g6-hero.g6-open .g6-hero-copy { padding: 0 32px 32px !important; min-height: 0; max-height: none; justify-content: flex-start; }
}
@media (max-width: 799px) {
  .home.gen6 .g6-hero.g6-open h1 { margin-bottom: 14px !important; }
  .home.gen6 .g6-hero.g6-open .g6-hero-lede { font-size: 16px !important; line-height: 1.5 !important; margin-bottom: 18px !important; }
  .home.gen6 .g6-hero.g6-open .g6-hero-actions { display: flex; flex-direction: row; gap: 10px; }
  #main-content .g6-hero.g6-open .g6-hero-actions a { flex: 1 1 0; width: auto; min-height: 52px !important; padding: 0 14px !important; }
  #main-content .g6-hero.g6-open a.g6-hero-primary { flex-grow: 1.35; }
  .home.gen6 .g6-hero.g6-open .g6-hero-phone { display: none !important; }
  .home.gen6 .g6-fold-strip .g6-first-byline { display: flex !important; padding: 12px 0 0 !important; font-size: 13.5px !important; }
  .home.gen6 .g6-fold-strip .g6-first-byline img { width: 36px !important; height: 36px !important; }
  .home.gen6 .g6-strip-phone { display: block; padding: 10px 0 16px; }
}

/* ==========================================================================
   2026-10-12 director SPEC_HOME_OPENING s2: what the team carries (light).
   Display heading on one side, seven named services as a hairline list on the other. No cards, no kicker.
   ========================================================================== */

/* ==========================================================================
   2026-10-12 director SPEC_HOME_OPENING s5: seller cinematic photo band, fading into the home-value band
   (one dark surface). The serif line carries the page's one italic sky phrase after the H1.
   ========================================================================== */
.g6-sellband { position: relative; isolation: isolate; min-height: clamp(420px, 56vw, 640px); display: flex; align-items: flex-end; overflow: hidden; background: #095e93; color: #fff; }
.g6-sellband-media, .g6-sellband-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; z-index: -2; }
.g6-sellband::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(9,94,147,0) 30%, rgba(9,94,147,.55) 66%, #095e93 100%), linear-gradient(90deg, rgba(9,94,147,.55) 0%, rgba(9,94,147,0) 60%); }
.g6-sellband-copy { width: min(1320px, calc(100% - 80px)); margin: 0 auto; padding: 0 0 clamp(40px, 5vw, 64px); box-sizing: border-box; }
.home.gen6 .g6-sellband h2 { margin: 0 0 22px; max-width: 24ch; color: #fff; font: 500 clamp(44px, 5.2vw, 76px)/1.0 'Cormorant Garamond', Georgia, serif !important; letter-spacing: -.02em; text-wrap: balance; text-shadow: 0 2px 24px rgba(4,16,36,.45); } /* !important only outranks gen6-v4ns.css */
#main-content .g6-sellband h2 em { display: block; color: #60c3ef !important; font-style: italic !important; font-weight: 500; } /* the page's one italic sky phrase after the H1; !important only outranks the sitewide upright-em rule in gen6-v4ns.css */
.g6-sellband-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: #fff; font: 700 16px/1.2 Manrope, sans-serif; text-decoration: underline; text-underline-offset: 6px; text-decoration-color: rgba(255,255,255,.5); }
.g6-sellband-link:hover { text-decoration-color: #fff; }
.g6-sellband-link:focus-visible { outline: 3px solid #60c3ef; outline-offset: 4px; border-radius: 4px; }
/* 2026-10-14 round 2: #g6-value is now the value card inside the parcel chapter (css/gen6-home-live.css); the band rules are scoped to the retired band markup. */
.home.gen6 section#g6-value { background: #095e93; padding-top: clamp(32px, 4vw, 56px); }
.home.gen6 section#g6-value h2 { color: #fff; font-size: clamp(34px, 3.2vw, 46px) !important; }
@media (max-width: 799px) {
  .g6-sellband { min-height: 440px; }
  .g6-sellband-copy { width: calc(100% - 40px); padding-bottom: 32px; }
  .home.gen6 .g6-sellband h2 { font-size: clamp(38px, 10.6vw, 46px) !important; }
}

.g6-payment-label { display: block; margin: 0 0 6px; color: #51647a; font: 600 14px/1.3 Manrope, sans-serif; }

/* ==========================================================================
   2026-10-12 director SPEC_HOME_OPENING s6-s9 + s11.
   ========================================================================== */
/* s8: three reviews in one row at desktop (hairline columns, no boxes); a native scroll row on phones. */
#g6-client-stories .g6-reviews--row { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; overflow: visible !important; border-top: 1px solid rgba(238,243,247,.22); }
#g6-client-stories .g6-reviews--row .g6-review { border: 0; border-radius: 0; background: none; padding: 28px 28px 8px 0; }
#g6-client-stories .g6-reviews--row .g6-review + .g6-review { border-left: 1px solid rgba(238,243,247,.22); padding-left: 28px; }
@media (max-width: 799px) {
  #g6-client-stories .g6-reviews--row { display: flex !important; overflow-x: auto !important; scroll-snap-type: x mandatory; margin-inline: -20px; padding-inline: 20px; scroll-padding-inline: 20px; }
  #g6-client-stories .g6-reviews--row .g6-review { flex: 0 0 86%; scroll-snap-align: start; padding-right: 20px; }
}
/* s9: the founder band's heading phrase reads upright on the home page (founder.php is eyebrow-only in this batch; see report). */
.home.gen6 #g6af-founder h2 em { font-style: normal; color: inherit; }
/* s11: one close, three numbered steps. */
.g6-talk-steps { list-style: none; margin: 22px 0 26px; padding: 0; display: grid; gap: 12px; counter-reset: none; }
.home.gen6 #g6-talk .g6-talk-steps li { display: flex; align-items: center; gap: 14px; color: #fff; font: 600 17px/1.4 Manrope, sans-serif; }
.g6-talk-steps li span { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid #60c3ef; color: #60c3ef; font: 500 18px/1 'Cormorant Garamond', Georgia, serif; }
/* s11: the close is the page's last dark surface (ink, soft channel glow), logo reversed to white by filter. */
.home.gen6 #g6-talk { background: radial-gradient(1200px 600px at 85% 0%, rgba(43,128,187,.22), rgba(43,128,187,0) 60%), #095e93; color: #fff; padding-block: clamp(72px, 8vw, 112px); }
.home.gen6 #g6-talk h2 { color: #fff; font-size: clamp(40px, 4.2vw, 60px) !important; line-height: 1.02; margin: 0 0 14px; }
.home.gen6 #g6-talk .g6-booking-layout > div:first-child > p { color: rgba(255,255,255,.84); }
.home.gen6 #g6-talk .g6-talk-logo { filter: brightness(0) invert(1); opacity: .95; }
.home.gen6 #g6-talk .g6-booking-phone { color: #60c3ef; }
.home.gen6 #g6-talk .g6-broker-line { color: rgba(255,255,255,.7); }
.home.gen6 #g6-talk .g6-request-simple { background: #fff; border-color: transparent; box-shadow: 0 30px 80px rgba(4,16,36,.35); }
@media (max-width: 799px) { .home.gen6 #g6-talk h2 { font-size: clamp(36px, 10vw, 44px) !important; } }


/* 2026-10-12 owner: How we help = two service cards, selling first. Real photo, named services, Book a call primary,
   page link secondary, utility (home value / search) as a quiet third link. */
.home.gen6 #g6-services.g6-help { background: #FAFBFC; padding-block: clamp(72px, 8vw, 112px); }
.g6-help-head { max-width: 760px; margin: 0 0 40px; }
.home.gen6 #g6-services .g6-help-head h2 { margin: 0 0 14px; color: #095e93; font: 500 clamp(40px, 4.4vw, 60px)/1.02 "Cormorant Garamond", serif; letter-spacing: -.018em; }
.g6-help-head p { margin: 0; color: #51647a; font: 400 17px/1.65 Manrope, sans-serif; }
.g6-help-head a { color: #1d5a87; text-decoration: underline; text-underline-offset: 4px; }
.g6-help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.g6-help-card { display: grid; grid-template-rows: auto 1fr; background: #fff; border: 1px solid #dbe8f2; border-radius: 20px; overflow: hidden; box-shadow: 0 18px 50px rgba(9,94,147,.07); }
.g6-help-media { position: relative; margin: 0; aspect-ratio: 16 / 10; background: #0d2f52; }
.g6-help-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.g6-help-card--buy .g6-help-media img { object-position: 50% 60%; }
.g6-help-label { position: absolute; left: 18px; top: 18px; padding: 7px 14px; border-radius: 999px; background: rgba(9,94,147,.72); color: #f2f7fc; font: 700 12px/1 Manrope, sans-serif; letter-spacing: .14em; text-transform: uppercase; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.g6-help-text { padding: 28px 30px 30px; display: flex; flex-direction: column; }
.g6-help-text h3 { margin: 0 0 10px; color: #095e93; font: 500 clamp(26px, 2.3vw, 32px)/1.1 "Cormorant Garamond", serif; letter-spacing: -.012em; text-wrap: balance; }
.g6-help-lede { margin: 0 0 18px; color: #51647a; font: 400 16px/1.6 Manrope, sans-serif; }
.g6-help-list { list-style: none; margin: 0 0 24px; padding: 0; border-top: 1px solid #dbe8f2; }
.g6-help-list li { display: grid; grid-template-columns: minmax(120px, 34%) 1fr; gap: 14px; padding: 13px 0; border-bottom: 1px solid #dbe8f2; }
.g6-help-list strong { color: #095e93; font: 700 14.5px/1.35 Manrope, sans-serif; }
.g6-help-list span { color: #51647a; font: 400 14.5px/1.5 Manrope, sans-serif; }
.g6-help-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.g6-help-primary, .g6-help-secondary { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 24px; border-radius: 999px; font: 600 15px/1 Manrope, sans-serif; text-decoration: none; }
.g6-help-primary { background: #1d5a87; color: #fff; }
.g6-help-primary:hover { background: #0d2f52; }
.g6-help-secondary { border: 1px solid #c9dbeb; color: #095e93; background: #fff; }
.g6-help-secondary:hover { border-color: #1d5a87; }
.g6-help-utility { margin: 14px 0 0; }
.g6-help-utility a { color: #1d5a87; font: 600 14px/1.4 Manrope, sans-serif; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(29,90,135,.35); min-height: 44px; display: inline-flex; align-items: center; }
.g6-help :is(a):focus-visible { outline: 3px solid #2b80bb; outline-offset: 3px; border-radius: 999px; }
@media (max-width: 899px) {
  .g6-help-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .g6-help-media { aspect-ratio: 16 / 9; }
  .g6-help-text { padding: 22px 20px 24px; }
  .g6-help-list li { grid-template-columns: 1fr; gap: 3px; padding: 11px 0; }
  .g6-help-actions a { flex: 1 1 auto; }
}

/* 2026-10-12 owner: where else to find us + join the team. Light band, channel list left, ink join card right. */
.home.gen6 #g6-findus { background: #EEF3F7; padding-block: clamp(64px, 7vw, 96px); }
.g6-findus-layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: start; }
.home.gen6 #g6-findus h2 { margin: 0 0 12px; color: #095e93; font: 500 clamp(34px, 3.6vw, 48px)/1.04 "Cormorant Garamond", serif; letter-spacing: -.016em; }
.g6-findus-copy > p { margin: 0 0 22px; max-width: 52ch; color: #51647a; font: 400 16px/1.65 Manrope, sans-serif; }
.g6-findus-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; border-top: 1px solid #dbe8f2; }
.g6-findus-list li { border-bottom: 1px solid #dbe8f2; }
.g6-findus-list a { display: flex; align-items: center; gap: 12px; min-height: 52px; color: #095e93; font: 600 15px/1.3 Manrope, sans-serif; text-decoration: none; }
.g6-findus-list a svg { flex: none; color: #1d5a87; }
.g6-findus-list a:hover span { text-decoration: underline; text-underline-offset: 4px; }
.g6-findus-join { background: #095e93; color: #f2f7fc; border-radius: 20px; padding: 30px 30px 28px; box-shadow: 0 24px 60px rgba(9,94,147,.18); }
.home.gen6 #g6-findus .g6-findus-join-label { margin: 0 0 10px; color: #60c3ef !important; /* outranks the sitewide ink text rule on light bands */ font: 700 12px/1 Manrope, sans-serif; letter-spacing: .16em; text-transform: uppercase; }
.home.gen6 #g6-findus .g6-findus-join h3 { margin: 0 0 12px; color: #f2f7fc !important; font: 500 clamp(26px, 2.4vw, 34px)/1.1 "Cormorant Garamond", serif; letter-spacing: -.012em; text-wrap: balance; }
.home.gen6 #g6-findus .g6-findus-join p { margin: 0 0 20px; color: #c9dbeb !important; font: 400 15.5px/1.6 Manrope, sans-serif; }
.g6-findus-join-link { display: inline-flex; align-items: center; gap: 8px; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #60c3ef; color: #095e93; font: 700 15px/1 Manrope, sans-serif; text-decoration: none; }
.g6-findus-join-link:hover { background: #8fd0f2; }
.g6-findus :is(a):focus-visible { outline: 3px solid #2b80bb; outline-offset: 3px; border-radius: 8px; }
@media (max-width: 899px) {
  .g6-findus-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .g6-findus-list { grid-template-columns: minmax(0, 1fr); }
  .g6-findus-join { padding: 24px 22px; }
}

/* 2026-10-12 owner: "Keys in hand" closings strip, its own light chapter after the reviews. Four portrait tiles, one frame. */
.home.gen6 #g6-keys { background: #FAFBFC; padding-block: clamp(64px, 7vw, 96px); }
.home.gen6 #g6-keys .g6-closings { max-width: 1320px; margin: 0 auto; padding: 0 24px; }
.home.gen6 #g6-keys .g6-closings-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 28px; }
.home.gen6 #g6-keys .g6-closings-head h2 { margin: 0; color: #095e93; font: 500 clamp(34px, 3.8vw, 50px)/1.02 "Cormorant Garamond", serif; letter-spacing: -.016em; }
.home.gen6 #g6-keys .g6-closings-head .g6-deep-lede { margin: 0; max-width: 44ch; color: #51647a; font: 400 16px/1.6 Manrope, sans-serif; }
.home.gen6 #g6-keys .g6-deep-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.home.gen6 #g6-keys .g6-deep-gallery figure { margin: 0; min-width: 0; border-radius: 16px; overflow: hidden; background: #fff; display: flex; flex-direction: column; box-shadow: 0 16px 44px rgba(9,94,147,.10); }
.home.gen6 #g6-keys .g6-deep-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; object-position: 50% 30%; }
.home.gen6 #g6-keys .g6-deep-gallery figcaption { flex: 1; padding: 12px 14px 14px; background: #fff; color: #095e93; font: 600 13.5px/1.4 Manrope, sans-serif; border: 1px solid #dbe8f2; border-top: 0; border-radius: 0 0 16px 16px; }
@media (max-width: 1000px) { .home.gen6 #g6-keys .g6-deep-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) {
  .home.gen6 #g6-keys .g6-closings { padding: 0 18px; }
  .home.gen6 #g6-keys .g6-closings-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 18px; }
  .home.gen6 #g6-keys .g6-deep-gallery { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 2px 2px 12px; margin: 0 -2px; scrollbar-width: thin; }
  .home.gen6 #g6-keys .g6-deep-gallery figure { flex: 0 0 68%; scroll-snap-align: start; }
}

/* 2026-10-12 owner: hero background drift. One composited transform on the still, 28 s ease-in-out alternate, no resampling
   per frame (the previous video loop shimmered). Scale stays under 1.08 so the crop never loses the water. */
.home.gen6 .g6-hero-poster--drift img { will-change: transform; transform-origin: 50% 45%; animation: g6-hero-drift 28s cubic-bezier(.45,0,.55,1) infinite alternate; }
@keyframes g6-hero-drift { from { transform: scale(1.0) translate3d(0,0,0); } to { transform: scale(1.07) translate3d(-1.2%,0.6%,0); } }
@media (prefers-reduced-motion: reduce) { .home.gen6 .g6-hero-poster--drift img { animation: none; } }

.home.gen6 .g6-home-popular .g6-home-inventory { border-top: 1px solid #dbe8f2; }
.home.gen6 .g6-home-popular .g6-home-inventory > summary { cursor: pointer; padding: 16px 0; font: 500 22px/1.2 "Cormorant Garamond", serif; color: #095e93; list-style: none; display: flex; align-items: center; gap: 10px; }
.home.gen6 .g6-home-popular .g6-home-inventory > summary::before { content: ""; width: 9px; height: 9px; border-right: 2px solid #2b80bb; border-bottom: 2px solid #2b80bb; transform: rotate(-45deg); transition: transform .2s; }
.home.gen6 .g6-home-popular .g6-home-inventory[open] > summary::before { transform: rotate(45deg); }

/* ==========================================================================
   2026-10-13 director SPEC_HOME_TOOL_CHAPTERS: every tool gets its own chapter. One grammar (.g6-tc): epic serif H2,
   one sentence lede, ONE big object (real screens composited into a scene, or the live embed), one primary pill to the
   tool and one quiet lead action that opens the contact sheet. Light and dark alternate with meaning. Phones compose
   object first, then copy, then actions. Replaces the Library index, the depth row and the calculator band rules.
   ========================================================================== */
.home.gen6 :is(section#g6-value, section#g6-findus, #g6-faq) { padding-block: clamp(56px, 6vw, 88px); }
.home.gen6 #g6-faq h2 { font-size: clamp(34px, 3.2vw, 46px) !important; }
.home.gen6 .g6-tc { position: relative; padding-block: clamp(80px, 9vw, 136px); overflow-x: clip; }
.home.gen6 .g6-tc--light { background: #FAFBFC; color: #095e93; }
.home.gen6 .g6-tc--light + .g6-tc--light, .home.gen6 #g6-search + .g6-homes { border-top: 1px solid #dbe8f2; }
.home.gen6 .g6-tc--dark { background: radial-gradient(1100px 620px at 82% 0%, rgba(43,128,187,.20), rgba(43,128,187,0) 62%), #095e93; color: #f2f7fc; }
.home.gen6 .g6-tc h2 { margin: 0; letter-spacing: -.022em; text-wrap: balance; color: #095e93; } /* size and face from the house H2 ramp (css/gen6-v4ns.css: 40 / 48 / 56) */
.home.gen6 .g6-tc--dark h2 { color: #fff !important; }
.home.gen6 main #g6-waterway h2 em { font-style: italic !important; color: #60c3ef !important; font-weight: 500; } /* the page's one italic phrase beyond the H1 (DIRECTION_CONTRACT); v4ns sets every other H2 em upright */
.home.gen6 .g6-tc .g6-tc-lede { margin: 20px 0 0; max-width: 52ch; color: #51647a; font: 400 clamp(17px, 1.35vw, 19px)/1.6 Manrope, sans-serif; text-wrap: pretty; }
.home.gen6 .g6-tc--dark .g6-tc-lede { color: #c9dbeb !important; }
.g6-tc-grid { display: grid; gap: 0; }
/* the object */
.g6-tc-object { margin: 0; min-width: 0; }
.g6-tc-object > a { display: block; border-radius: 24px; overflow: hidden; background: #0d2f52; box-shadow: 0 40px 90px rgba(4,16,36,.22); transition: transform .5s cubic-bezier(.2,.7,.2,1), box-shadow .5s; }
.g6-tc--light .g6-tc-object > a { box-shadow: 0 34px 80px rgba(9,94,147,.16); }
.g6-tc-object img { display: block; width: 100%; height: auto; }
.g6-tc-object > a:hover { transform: translateY(-4px); box-shadow: 0 48px 100px rgba(4,16,36,.28); }
.home.gen6 .g6-tc-object figcaption { margin: 14px 0 0; color: #51647a; font: 500 13px/1.45 Manrope, sans-serif; }
.home.gen6 .g6-tc--dark .g6-tc-object figcaption { color: rgba(201,219,235,.78); }
/* actions: one primary pill to the tool, one quiet ghost pill that opens the contact sheet */
.g6-tc-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 30px; }
.g6-tc-primary, .g6-tc-ask { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 26px; border-radius: 999px; font: 700 15.5px/1 Manrope, sans-serif; text-decoration: none; transition: background .2s, border-color .2s, color .2s; }
.g6-tc-primary { background: #1d5a87; color: #fff !important; }
.g6-tc-primary:hover { background: #0d2f52; }
.g6-tc-ask { border: 1px solid #c9dbeb; color: #095e93 !important; background: transparent; }
.g6-tc-ask:hover { border-color: #1d5a87; }
.g6-tc--dark .g6-tc-primary { background: #60c3ef; color: #095e93 !important; }
.g6-tc--dark .g6-tc-primary:hover { background: #8fd3f4; }
.g6-tc--dark .g6-tc-ask { border-color: rgba(201,219,235,.42); color: #fff !important; }
.g6-tc--dark .g6-tc-ask:hover { border-color: #60c3ef; }
.g6-tc :is(a):focus-visible { outline: 3px solid #60c3ef; outline-offset: 4px; }
.g6-tc--light :is(a):focus-visible { outline-color: #2b80bb; }
/* ruled list (zones, parcel file, search points) */
.g6-tc-rules { margin: 30px 0 0; padding: 0; border-top: 1px solid #dbe8f2; }
.g6-tc-rules > div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 18px; padding: 16px 0; border-bottom: 1px solid #dbe8f2; }
.g6-tc-rules dt { margin: 0; color: #095e93; font: 500 26px/1.1 "Cormorant Garamond", Georgia, serif; }
.g6-tc-rules dd { margin: 0; color: #51647a; font: 400 15.5px/1.55 Manrope, sans-serif; }
.g6-tc--search .g6-tc-rules > div, #g6-parcel .g6-tc-rules > div { grid-template-columns: 150px minmax(0, 1fr); }
.g6-tc-rules dd a { color: #1d5a87; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.g6-tc--dark .g6-tc-rules, .g6-tc--dark .g6-tc-rules > div { border-color: rgba(201,219,235,.2); }
.home.gen6 .g6-tc--dark .g6-tc-rules dt { color: #fff; }
.home.gen6 .g6-tc--dark .g6-tc-rules dd { color: #c9dbeb; }
.home.gen6 .g6-tc--dark .g6-tc-rules dd a { color: #60c3ef; }
.g6-tc-more { margin: 22px 0 0; }
.g6-tc-more a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: #fff; font: 600 14.5px/1 Manrope, sans-serif; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: rgba(96,195,239,.6); }
/* split chapters: object 7 columns, copy 5; flip puts the object right */
@media (min-width: 900px) {
  .g6-tc--split .g6-tc-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-template-areas: "obj head" "obj body"; grid-template-rows: auto 1fr; column-gap: clamp(40px, 5vw, 88px); align-items: start; }
  .g6-tc--split.g6-tc--flip .g6-tc-grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "head obj" "body obj"; }
  .g6-tc--split .g6-tc-object { grid-area: obj; align-self: center; }
  .g6-tc--split .g6-tc-head { grid-area: head; align-self: end; }
  .g6-tc--split .g6-tc-body { grid-area: body; }
  .g6-tc--split .g6-tc-object > a { margin-inline: 0 calc(-1 * clamp(0px, 3vw, 48px)); }
  .g6-tc--split.g6-tc--flip .g6-tc-object > a { margin-inline: calc(-1 * clamp(0px, 3vw, 48px)) 0; }
}
/* the waterway stage: centred head, the scene wide, three routed docks as the interactive row */
.g6-tc--stage .g6-tc-head { max-width: 900px; margin: 0 auto clamp(40px, 5vw, 64px); text-align: center; }
.g6-tc--stage .g6-tc-lede { margin-inline: auto !important; }
.g6-tc--stage .g6-tc-object { max-width: 1180px; width: 100%; margin: 0 auto; }
.g6-tc--stage .g6-tc-object figcaption { text-align: center; }
.g6-tc--stage .g6-tc-body { max-width: 1180px; width: 100%; margin: clamp(36px, 4vw, 52px) auto 0; text-align: center; }
.g6-tc--stage .g6-tc-actions { justify-content: center; }
.g6-tc-docks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; text-align: left; }
.g6-tc-docks a { display: grid; gap: 6px; height: 100%; box-sizing: border-box; padding: 22px 24px 20px; border: 1px solid rgba(201,219,235,.22); border-radius: 18px; background: rgba(255,255,255,.04); color: #f2f7fc; text-decoration: none; transition: border-color .2s, background .2s, transform .3s; }
.g6-tc-docks a:hover { border-color: #60c3ef; background: rgba(96,195,239,.08); transform: translateY(-2px); }
.g6-tc-dock-min { color: #c9dbeb; font: 600 14px/1 Manrope, sans-serif; }
.g6-tc-dock-min strong { margin-right: 4px; color: #fff; font: 500 56px/.9 "Cormorant Garamond", Georgia, serif; letter-spacing: -.02em; }
.g6-tc-dock-addr { margin-top: 6px; color: #fff; font: 700 16px/1.3 Manrope, sans-serif; }
.g6-tc-dock-meta { color: #c9dbeb; font: 400 14.5px/1.5 Manrope, sans-serif; }
.g6-tc-dock-go { margin-top: 6px; color: #60c3ef; font: 700 14px/1.2 Manrope, sans-serif; }
.home.gen6 .g6-tc-note { margin: 16px auto 0; max-width: 70ch; color: rgba(201,219,235,.78); font: 500 13px/1.5 Manrope, sans-serif; }
/* calculator chapter: the live embed is the object */
.home.gen6 #g6-calculator.g6-tc { background: #EEF3F7; }
.home.gen6 #g6-calculator .g6-calculator-layout { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(40px, 5vw, 88px); align-items: start; }
.home.gen6 #g6-calculator .g6-calculator-layout > div > p { max-width: 50ch; margin: 20px 0 32px; color: #51647a; font: 400 clamp(17px, 1.35vw, 19px)/1.6 Manrope, sans-serif; }
.home.gen6 #g6-calculator .g6-calculator-form label { font-size: 13px; color: #095e93; }
.home.gen6 #g6-calculator .g6-calculator-form input, .home.gen6 #g6-calculator .g6-calculator-form select { min-height: 50px; border-color: #c9d9e6; border-radius: 12px; background: #fff; }
.home.gen6 #g6-calculator .g6-calculator-form .g6-action { border-radius: 999px; min-height: 50px; }
.home.gen6 #g6-calculator .g6-payment { padding: clamp(28px, 3vw, 40px); border: 0; border-radius: 24px; background: #fff; box-shadow: 0 34px 80px rgba(9,94,147,.14); }
.home.gen6 #g6-calculator .g6-payment-total { font-size: clamp(64px, 6.4vw, 92px); padding: 6px 0 20px; }
.home.gen6 #g6-calculator .g6-tc-actions { margin-top: 22px; }
/* guides: six covers */
.g6-tc-head--row { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin: 0 0 clamp(32px, 4vw, 48px); }
.g6-tc-head--row .g6-tc-ask { flex: none; }
.g6-tc-covers { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(20px, 2.4vw, 32px); }
.g6-tc-covers a { display: grid; gap: 8px; color: #095e93; text-decoration: none; }
.g6-tc-cover { display: block; aspect-ratio: 16 / 10; border-radius: 18px; overflow: hidden; background: #dbe8f2; box-shadow: 0 18px 44px rgba(9,94,147,.10); }
.g6-tc-cover img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.g6-tc-covers a:hover .g6-tc-cover img { transform: scale(1.04); }
.g6-tc-covers strong { margin-top: 8px; font: 500 clamp(24px, 2vw, 28px)/1.12 "Cormorant Garamond", Georgia, serif; letter-spacing: -.01em; }
.g6-tc-covers a:hover strong { text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.g6-tc-cover-d { color: #51647a; font: 400 15px/1.5 Manrope, sans-serif; }
/* films: one film at large on ink, three titles beside it */
.home.gen6 #g6-library .g6-lib-head { max-width: 820px; margin: 0 0 clamp(36px, 4vw, 56px); }
.g6-lib-films { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: clamp(28px, 4vw, 64px); align-items: center; }
.g6-lib-feature { display: grid; gap: 6px; color: #fff; text-decoration: none; }
.g6-lib-frame { position: relative; display: block; aspect-ratio: 16 / 9; border-radius: 24px; overflow: hidden; background: #0d2f52; box-shadow: 0 40px 90px rgba(4,16,36,.35); }
.g6-lib-frame img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.g6-lib-feature:hover .g6-lib-frame img { transform: scale(1.03); }
.g6-lib-play { position: absolute; left: 50%; top: 50%; width: 88px; height: 88px; margin: -44px 0 0 -44px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,255,255,.94); color: #095e93; box-shadow: 0 16px 40px rgba(4,16,36,.35); }
.g6-lib-play svg { width: 26px; height: 26px; margin-left: 5px; }
.home.gen6 .g6-lib-feature-t { margin-top: 16px; color: #fff; font: 500 clamp(26px, 2.2vw, 34px)/1.12 "Cormorant Garamond", Georgia, serif; }
.home.gen6 .g6-lib-feature-m { color: #c9dbeb; font: 500 14px/1.4 Manrope, sans-serif; }
.g6-lib-titles ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(201,219,235,.22); }
.g6-lib-titles li { border-bottom: 1px solid rgba(201,219,235,.22); }
.g6-lib-titles a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; align-items: center; padding: 20px 0; color: #fff; text-decoration: none; }
.home.gen6 .g6-lib-cat { grid-column: 1; color: #60c3ef; font: 600 13px/1.3 Manrope, sans-serif; }
.home.gen6 .g6-lib-titles strong { grid-column: 1; color: #fff; font: 600 16px/1.4 Manrope, sans-serif; }
.g6-lib-go { grid-column: 2; grid-row: 1 / span 2; color: #60c3ef; font-size: 16px; }
.g6-lib-titles a:hover strong { text-decoration: underline; text-underline-offset: 4px; }
.home.gen6 .g6-lib-all { display: inline-flex; align-items: center; gap: 6px; min-height: 52px; margin-top: 22px; padding: 0 24px; border: 1px solid rgba(201,219,235,.42); border-radius: 999px; color: #fff; font: 700 15px/1 Manrope, sans-serif; text-decoration: none; }
.g6-lib-all:hover { border-color: #60c3ef; }
/* motion: hover lift only (a scroll driven rise was tried and dropped: it shifted cards over their captions mid entry and in full page captures) */
@media (prefers-reduced-motion: reduce) { .g6-tc-object > a, .g6-tc-docks a, .g6-tc-covers img, .g6-lib-frame img { transition: none !important; transform: none !important; } }
/* phones and narrow tablets: object first, then copy, then actions */
@media (max-width: 899px) {
  .home.gen6 .g6-tc { padding-block: clamp(56px, 12vw, 80px); }
  .g6-tc-grid { grid-template-areas: "obj" "head" "body"; }
  .g6-tc-object { grid-area: obj; margin-bottom: 28px; }
  .g6-tc-head { grid-area: head; }
  .g6-tc-body { grid-area: body; }
  .g6-tc--stage .g6-tc-head { text-align: left; margin-bottom: 0; }
  .g6-tc--stage .g6-tc-lede { margin-inline: 0 !important; }
  .g6-tc--stage .g6-tc-body { text-align: left; margin-top: 28px; }
  .g6-tc--stage .g6-tc-actions { justify-content: flex-start; }
  .g6-tc--stage .g6-tc-object figcaption { text-align: left; }
  .g6-tc-object > a { border-radius: 18px; }
  .g6-tc-docks { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -20px; padding: 2px 20px 10px; scroll-padding-inline: 20px; scrollbar-width: none; }
  .g6-tc-docks::-webkit-scrollbar { display: none; }
  .g6-tc-docks li { flex: 0 0 78%; scroll-snap-align: start; }
  .g6-tc-dock-min strong { font-size: 48px; }
  .g6-tc-rules > div { grid-template-columns: 84px minmax(0, 1fr); gap: 12px; padding: 14px 0; }
  .g6-tc-rules dt { font-size: 23px; }
  .g6-tc--search .g6-tc-rules > div, #g6-parcel .g6-tc-rules > div { grid-template-columns: 120px minmax(0, 1fr); }
  .g6-tc-actions { margin-top: 24px; }
  .g6-tc-actions a { flex: 1 1 100%; }
  .home.gen6 #g6-calculator .g6-calculator-layout { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .g6-tc-head--row { display: block; }
  .g6-tc-head--row .g6-tc-ask { margin-top: 20px; }
  .g6-tc-covers { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: -20px; padding: 2px 20px 12px; scroll-padding-inline: 20px; scrollbar-width: none; }
  .g6-tc-covers::-webkit-scrollbar { display: none; }
  .g6-tc-covers li { flex: 0 0 80%; scroll-snap-align: start; }
  .g6-lib-films { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .g6-lib-play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
  .home.gen6 .g6-lib-all { width: 100%; justify-content: center; box-sizing: border-box; }
}
.g6-tc-links { margin: 14px 0 0; text-align: center; font: 500 14px/1.5 Manrope, sans-serif; color: #c9dbeb; }
.g6-tc-links a { color: #e4eef8; text-decoration: underline; text-underline-offset: 4px; text-decoration-color: rgba(96,195,239,.5); min-height: 44px; display: inline-flex; align-items: center; }
.g6-tc-links a:hover { color: #fff; text-decoration-color: #60c3ef; }

/* 2026-10-13 owner: service cards as on-brand campaign frames over real client photos. Client photo, a bottom ink band with the
   campaign line, the team mark and the brokerage name (Florida rule: brokerage name on advertising). No numbers, no invented claims. */
.g6-help-media { position: relative; }
.g6-help-media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(9,94,147,.86) 0%, rgba(9,94,147,.35) 34%, rgba(9,94,147,0) 58%); pointer-events: none; }
.g6-help-ad { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; pointer-events: none; }
.g6-help-ad .g6-help-label { position: static; align-self: flex-start; }
.g6-help-ad-band { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.g6-help-ad-copy { display: grid; gap: 4px; color: #f2f7fc; }
.g6-help-ad-copy strong { font: 500 clamp(24px, 2.2vw, 32px)/1.05 "Cormorant Garamond", serif; letter-spacing: -.01em; color: #fff; }
.g6-help-ad-copy span { font: 600 12.5px/1.3 Manrope, sans-serif; letter-spacing: .08em; text-transform: uppercase; color: #c9dbeb; }
.g6-help-ad-mark { display: grid; justify-items: end; gap: 4px; }
.g6-help-ad-mark img { width: 64px; height: auto; display: block; filter: drop-shadow(0 2px 8px rgba(4,16,36,.5)); }
.g6-help-ad-broker { font: 600 10.5px/1.2 Manrope, sans-serif; letter-spacing: .04em; color: #e4eef8; text-align: right; }
.g6-help-media img { object-position: 50% 38%; }
@media (max-width: 899px) { .g6-help-ad { padding: 14px; } .g6-help-ad-mark img { width: 52px; } .g6-help-ad-copy strong { font-size: 24px; } }
/* 2026-10-13 real-browser check at 390: phone layout of the campaign frame. Chip top left, mark top right, campaign line and the
   brokerage name stacked bottom left inside the frame. */
@media (max-width: 599px) {
  .g6-help-ad { padding: 12px; }
  .g6-help-ad-band { display: block; }
  .g6-help-ad-copy strong { font-size: 22px; }
  .g6-help-ad-mark { display: contents; }
  .g6-help-ad-mark img { position: absolute; top: 12px; right: 12px; width: 44px; }
  .g6-help-ad-broker { display: block; margin-top: 6px; text-align: left; font-size: 10px; color: #c9dbeb; }
}