/* Primark Visual System Sprint 01 — homepage + Astoria proof page only. */
:root {
  --primark-navy:#0B1D33;
  --primark-amber:#FFB000;
  --primark-stone:#F3F1EC;
  --primark-sage:#C8D2B1;
  --primark-white:#FFFFFF;
  --primark-secondary:#415064;
  --primark-muted:#687486;
  --primark-quiet:#F8F7F3;
  --primark-sage-surface:#EEF1E7;
  --primark-border:#D9D6CE;
  --primark-border-strong:#B9B5AA;
  --primark-focus:#D89000;
  --primark-card-shadow:0 12px 30px rgba(11,29,51,.07);
  --primark-modal-shadow:0 28px 70px rgba(11,29,51,.2);
}

.pcard-availability {
  display: inline-flex;
  margin: 0 0 .55rem;
  padding: .28rem .55rem;
  border: 1px solid color-mix(in srgb, var(--primark-navy) 35%, transparent);
  border-radius: 999px;
  background: var(--primark-sage);
  color: var(--primark-navy);
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .08em;
}

.compare-home {
  --brand-deep:var(--primark-navy);
  --brand-graphite:var(--primark-navy);
  --brand-moonstone:#526A61;
  --brand-mist:#D7DCCF;
  --brand-white:var(--primark-stone);
  --navy:var(--primark-navy);
  --navy-2:#142A43;
  --navy-3:#526A61;
  --ink:var(--primark-navy);
  --ink-soft:var(--primark-secondary);
  --ink-faint:var(--primark-muted);
  --paper:var(--primark-stone);
  --surface:var(--primark-white);
  --surface-2:var(--primark-quiet);
  --line:var(--primark-border);
  --line-strong:var(--primark-border-strong);
  --accent:var(--primark-amber);
  --accent-dark:var(--primark-navy);
  --accent-soft:rgba(200,210,177,.32);
  --on-navy:var(--primark-white);
  --on-navy-soft:#E2E5DF;
  --focus:var(--primark-focus);
  --shadow-s:0 1px 3px rgba(11,29,51,.06);
  --shadow-m:var(--primark-card-shadow);
  --shadow-l:var(--primark-modal-shadow);
  background:var(--primark-stone);
  color:var(--primark-navy);
}

.compare-home :focus-visible,.primark-project-page :focus-visible {outline:3px solid var(--primark-focus);outline-offset:3px}

/* Navigation and action hierarchy */
.compare-home .site-header {background:rgba(255,255,255,.96);border-color:var(--primark-border);box-shadow:0 3px 18px rgba(11,29,51,.045)}
.compare-home .brand-name,.compare-home .primary-nav a {color:var(--primark-navy)}
.compare-home .brand-tag,.compare-home .contact-links a {color:var(--primark-muted)}
.compare-home .primary-nav a:hover,.compare-home .contact-links a:hover {color:#745100}
.compare-home .btn {border-radius:4px}
.compare-home .btn-primary {background:var(--primark-amber);color:var(--primark-navy);border-color:var(--primark-amber);box-shadow:0 5px 16px rgba(255,176,0,.16)}
.compare-home .btn-primary:hover {background:#E9A100;border-color:#E9A100;color:var(--primark-navy)}
.compare-home .btn-secondary {color:var(--primark-navy);border-color:#8792A0;background:transparent}
.compare-home .btn-secondary:hover {color:var(--primark-navy);border-color:var(--primark-navy);background:var(--primark-sage-surface)}
.compare-home .btn[disabled] {opacity:.56}

/* Image-led editorial hero */
.compare-home .hero {background:var(--primark-navy)}
.compare-home .hero-media::after {background:linear-gradient(90deg,rgba(11,29,51,.98) 0%,rgba(11,29,51,.92) 31%,rgba(11,29,51,.58) 53%,rgba(11,29,51,.12) 77%),linear-gradient(0deg,rgba(11,29,51,.18),transparent 45%)}
.compare-home .hero-eyebrow {color:#F5C65D}
.compare-home .hero-eyebrow::before {background:var(--primark-amber)}
.compare-home .hero h1 {color:var(--primark-white)}
.compare-home .hero-kicker {color:#F4F1E9}
.compare-home .hero-sub {color:#DDE2E5}
.compare-home .hero .btn-primary {background:var(--primark-amber);border-color:var(--primark-amber);color:var(--primark-navy)}
.compare-home .hero .btn-primary:hover {background:#FFC13D;border-color:#FFC13D}
.compare-home .hero .btn-secondary {color:var(--primark-white);border-color:rgba(255,255,255,.68);background:rgba(11,29,51,.24)}
.compare-home .hero .btn-secondary:hover {background:var(--primark-white);color:var(--primark-navy)}
.compare-home .hero-compare-panel {background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.72);box-shadow:var(--primark-card-shadow)}
.compare-home .hero-compare-panel h2,.compare-home .hero-benefits span {color:var(--primark-navy)}

/* Warm canvas and calm editorial rhythm */
.compare-home .filters-section,.compare-home .budget-advisory-section,.compare-home .category-nav,.compare-home .project-universe-section {background:var(--primark-stone)}
.compare-home .section-alt {background:var(--primark-quiet)}
.compare-home .section-eyebrow {color:#6B5A2D}
.compare-home .section-head h2,.compare-home .research-positioning h3,.compare-home .privileges-promise {color:var(--primark-navy)}
.compare-home .section-head p,.compare-home .research-positioning p {color:var(--primark-secondary)}

/* Search and filter states */
.compare-home .project-search input,.compare-home .refine-trigger,.compare-home .chip,.compare-home input,.compare-home textarea,.compare-home select {background:var(--primark-white);border-color:var(--primark-border-strong);color:var(--primark-navy)}
.compare-home .project-search input:focus,.compare-home input:focus,.compare-home textarea:focus,.compare-home select:focus {border-color:var(--primark-focus);box-shadow:0 0 0 3px rgba(255,176,0,.18)}
.compare-home .chip:hover,.compare-home .refine-trigger:hover {border-color:#7C8794}
.compare-home .chip[aria-pressed="true"],.compare-home .category-tab[aria-selected="true"],.compare-home .refine-trigger[aria-expanded="true"] {background:var(--primark-navy);border-color:var(--primark-navy);color:var(--primark-white)}
.compare-home .refine-trigger .rt-count {background:var(--primark-amber);color:var(--primark-navy)}

/* Project cards and informational surfaces */
.compare-home .card {background:var(--primark-white);border:1px solid var(--primark-border);border-radius:8px;padding:0 20px 24px;box-shadow:0 5px 18px rgba(11,29,51,.045);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.compare-home .card:hover {border-color:#B6B09F;box-shadow:var(--primark-card-shadow);transform:translateY(-2px)}
.compare-home .card-media {margin:0 -20px;border-radius:8px 8px 0 0}
.compare-home .card-title-row h3,.compare-home .pcard-price,.compare-home .pcard-key-fact span {color:var(--primark-navy)}
.compare-home .card-why-consider,.compare-home .drawer-fact,.compare-home .decision-change-status {background:var(--primark-sage-surface);border-left-color:#81936B}
.compare-home .card-actions .link-cta,.compare-home .card-actions .compare-check {background:var(--primark-white);border-color:var(--primark-border)}
.compare-home .card-actions .link-cta:hover,.compare-home .card-actions .compare-check:hover {background:var(--primark-sage-surface);border-color:#81936B}
.compare-home .compare-check[aria-pressed="true"],.compare-home .card-actions .compare-check[aria-pressed="true"] {background:var(--primark-sage-surface);border-color:#81936B;color:var(--primark-navy)}
.compare-home .compare-check[aria-pressed="true"] .box {background:var(--primark-navy);border-color:var(--primark-navy)}
.compare-home .upcoming-card,.compare-home .budget-band-card,.compare-home .value-strip,.compare-home .advisor-continuity,.compare-home .zero-brokerage {background:var(--primark-white);border-color:var(--primark-border)}

/* Comparison stays analytical, with opaque aligned surfaces. */
.compare-home .compare-view,.compare-home .compare-head {background:var(--primark-stone)}
.compare-home .compare-layer,.compare-home .deeper-analysis {background:var(--primark-white);border-color:var(--primark-border)}
.compare-home .compare-layer-head,.compare-home .facts-table th,.compare-home .di-table th,.compare-home .compare-mobile-header-sticky {background:var(--primark-white)}
.compare-home .facts-table .row-label,.compare-home .di-table .row-label,.compare-home .compare-mobile-attribute-label {background:var(--primark-quiet);color:var(--primark-navy)}
.compare-home .decision-lens-card dt,.compare-home .di-label {color:#566947}
.compare-home .di-label.view {background:var(--primark-navy);border-color:var(--primark-navy);color:var(--primark-white)}
.compare-home .di-label.verify,.compare-home .exact-home-analysis,.compare-home .final-perspective,.compare-home .compare-mobile-guidance {background:var(--primark-sage-surface)}
.compare-home .deeper-analysis>summary {background:var(--primark-sage-surface)}
.compare-home .deeper-analysis>summary:hover {background:#E2E8D7}
.compare-home .final-conversion,.compare-home .comparison-help,.compare-home .decision-method,.compare-home .decision-lens,.compare-home .compare-verdict {background:var(--primark-navy)}
.compare-home .final-conversion .btn-primary {background:var(--primark-amber);color:var(--primark-navy)}

/* Drawer, forms and modal feedback */
.compare-home .drawer,.compare-home .modal {background:var(--primark-white)}
.compare-home .drawer-head {background:var(--primark-white);border-color:var(--primark-border)}
.compare-home .modal-overlay {background:rgba(11,29,51,.66)}
.compare-home .modal {border:1px solid rgba(255,255,255,.35);border-radius:12px;box-shadow:var(--primark-modal-shadow)}
.compare-home .modal h3 {color:var(--primark-navy)}
.compare-home .modal-sub,.compare-home .field label,.compare-home .consent {color:var(--primark-secondary)}
.compare-home .direct-contact {background:var(--primark-sage-surface);border-color:#CCD5BC}
.compare-home .field-error,.compare-home .form-status.error {color:#8B2F25}
.compare-home .form-success .check-circle {background:var(--primark-sage-surface);color:#425D31}
.compare-home footer {background:var(--primark-navy);color:#D6DCE2}
.compare-home footer a {color:var(--primark-white)}

/* Astoria proof page. Other generated project pages remain unchanged. */
.primark-project-page {--deep:var(--primark-navy);--moonstone:#526A61;--mist:#D7DCCF;--paper:var(--primark-stone);--ink:var(--primark-navy);--line:var(--primark-border);--soft:rgba(200,210,177,.28);background:var(--primark-stone);color:var(--primark-secondary)}
.primark-project-page .site-head,.primark-project-page .site-foot {background:var(--primark-navy)}
.primark-project-page .hero {padding:0;background:var(--primark-navy);color:var(--primark-white);border-bottom:4px solid var(--primark-amber)}
.primark-project-page .hero .wrap {padding-top:58px;padding-bottom:48px}
.primark-project-page .breadcrumbs,.primark-project-page .hero-meta {color:#CDD4DB}
.primark-project-page .eyebrow {color:#F5C65D}
.primark-project-page h1 {color:var(--primark-white)}
.primark-project-page h2,.primark-project-page h3,.primark-project-page .label {color:var(--primark-navy)}
.primark-project-page .hero-summary {color:#E0E4E7}
.primark-project-page .hero .btn-primary {background:var(--primark-amber);color:var(--primark-navy);border-color:var(--primark-amber)}
.primark-project-page .hero .btn:not(.btn-primary) {color:var(--primark-white);border-color:#AAB6C2}
.primark-project-page main {background:var(--primark-stone)}
.primark-project-page .section {border-color:var(--primark-border)}
.primark-project-page .fact,.primark-project-page .pillar,.primark-project-page .config,.primark-project-page .related a {background:var(--primark-white);border-color:var(--primark-border)}
.primark-project-page .fact,.primark-project-page .pillar {border-radius:4px;box-shadow:0 4px 14px rgba(11,29,51,.035)}
.primark-project-page .fact {border-top:3px solid var(--primark-sage)}
.primark-project-page .status {background:var(--primark-sage-surface);color:#47553B}
.primark-project-page .verify {border-left-color:var(--primark-amber);background:#FFF8E7;padding:10px 12px}
.primark-project-page .related a:hover {border-color:#81936B;background:var(--primark-sage-surface)}
.primark-project-page .site-foot a {color:var(--primark-white)}

/* Optional governed project media. Renders only when project-media.js supplies records. */
.primark-project-page .project-hero-with-media .wrap {display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:48px;align-items:center;max-width:1280px}
.primark-project-page .project-hero-copy {min-width:0}
.primark-project-page .project-hero-media {align-self:stretch;min-height:460px;border-radius:8px;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.24);background:#142A43}
.primark-project-page .project-hero-media img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.primark-project-page .media-section {padding-top:54px;padding-bottom:58px}
.primark-project-page .media-section-head {display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:24px}
.primark-project-page .media-section-head>p {max-width:520px;margin:0;color:var(--primark-secondary)}
.primark-project-page .media-kicker {margin:0 0 7px;color:#6B5A2D;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.primark-project-page .media-section h2 {margin:0}
.primark-project-page .project-gallery {display:grid;grid-template-columns:1.35fr .85fr;grid-template-rows:auto auto;gap:18px}
.primark-project-page .gallery-item {margin:0;min-width:0}
.primark-project-page .gallery-item-1 {grid-row:1 / span 2}
.primark-project-page .gallery-item-4 {grid-column:1 / -1}
.primark-project-page .project-media-button {position:relative;display:block;width:100%;padding:0;border:1px solid var(--primark-border);border-radius:6px;overflow:hidden;background:var(--primark-white);color:var(--primark-navy);cursor:zoom-in;box-shadow:0 6px 20px rgba(11,29,51,.06)}
.primark-project-page .project-media-button:hover {border-color:#81936B;box-shadow:var(--primark-card-shadow)}
.primark-project-page .project-media-button img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.primark-project-page .gallery-item-1 .project-media-button {height:100%;min-height:560px}
.primark-project-page .gallery-item:not(.gallery-item-1) .project-media-button {aspect-ratio:16/9}
.primark-project-page .project-media-button:hover img {transform:scale(1.012)}
.primark-project-page .media-enlarge {position:absolute;right:12px;bottom:12px;padding:7px 10px;border-radius:3px;background:rgba(11,29,51,.9);color:var(--primark-white);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.primark-project-page .gallery-item figcaption {padding:9px 2px 0;color:var(--primark-secondary);font-size:13px}
.primark-project-page .master-plan-grid {display:grid}
.primark-project-page .plan-card {margin:0;background:var(--primark-white);border:1px solid var(--primark-border);border-radius:8px;padding:18px;box-shadow:0 6px 20px rgba(11,29,51,.05)}
.primark-project-page .plan-card .project-media-button {height:min(64vw,680px);box-shadow:none}
.primark-project-page .plan-card .project-media-button img {object-fit:contain;background:var(--primark-white)}
.primark-project-page .plan-card figcaption {display:flex;justify-content:space-between;gap:18px;padding:16px 2px 0;color:var(--primark-secondary)}
.primark-project-page .plan-card figcaption span {max-width:620px}
.primark-project-page .floor-plan-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.primark-project-page .floor-plan-card {display:flex;flex-direction:column;margin:0;padding:18px;background:var(--primark-white);border:1px solid var(--primark-border);border-radius:8px;box-shadow:0 6px 20px rgba(11,29,51,.05)}
.primark-project-page .floor-plan-label {display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px}
.primark-project-page .floor-plan-label span {color:#6B5A2D;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.primark-project-page .floor-plan-label h3 {margin:0;font-size:18px}
.primark-project-page .floor-plan-card .project-media-button {flex:1;min-height:540px;box-shadow:none}
.primark-project-page .floor-plan-card .project-media-button img {object-fit:contain;background:#FAF9F5}
.primark-project-page.media-lightbox-open {overflow:hidden}
.primark-project-page .project-media-lightbox[hidden] {display:none}
.primark-project-page .project-media-lightbox {position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(11,29,51,.91)}
.primark-project-page .project-media-lightbox-panel {position:relative;display:flex;flex-direction:column;width:min(1180px,100%);height:min(92vh,900px);padding:18px;background:var(--primark-white);border-radius:8px;box-shadow:0 28px 70px rgba(0,0,0,.4)}
.primark-project-page .project-media-lightbox-panel h2 {margin:0 54px 14px 0;font-size:20px}
.primark-project-page .project-media-lightbox-close {position:absolute;top:10px;right:10px;width:44px;height:44px;border:1px solid var(--primark-border);border-radius:50%;background:var(--primark-white);color:var(--primark-navy);font-size:28px;line-height:1;cursor:pointer}
.primark-project-page .project-media-lightbox-stage {min-height:0;flex:1;display:grid;place-items:center;overflow:auto;background:var(--primark-quiet)}
.primark-project-page .project-media-lightbox-stage img {display:block;max-width:100%;height:auto;max-height:none}

@media(max-width:900px) {
  .compare-home .hero-media::after {background:linear-gradient(180deg,rgba(11,29,51,.94) 0%,rgba(11,29,51,.84) 58%,rgba(11,29,51,.62) 100%)}
  .compare-home .hero-compare-panel {background:rgba(255,255,255,.96)}
  .compare-home .compare-mobile-header-sticky {box-shadow:0 5px 12px rgba(11,29,51,.08)}
  .primark-project-page .project-hero-with-media .wrap {grid-template-columns:1fr;gap:28px}
  .primark-project-page .project-hero-media {min-height:360px}
  .primark-project-page .project-gallery {grid-template-columns:1fr 1fr}
  .primark-project-page .gallery-item-1 {grid-row:auto}
  .primark-project-page .gallery-item-4 {grid-column:auto}
  .primark-project-page .gallery-item-1 .project-media-button,.primark-project-page .gallery-item:not(.gallery-item-1) .project-media-button {height:auto;min-height:0;aspect-ratio:16/10}
  .primark-project-page .floor-plan-card .project-media-button {min-height:420px}
}
@media(max-width:600px) {
  .compare-home .card {padding-left:16px;padding-right:16px}
  .compare-home .card-media {margin-left:-16px;margin-right:-16px}
  .compare-home .modal {border-radius:8px}
  .primark-project-page .site-head .wrap {align-items:center;gap:12px;padding-top:12px;padding-bottom:12px}
  .primark-project-page .brand {min-width:0;gap:9px}
  .primark-project-page .brand img {width:36px;height:36px}
  .primark-project-page .brand strong {min-width:0;font-size:14px;line-height:1.18}
  .primark-project-page .brand span {margin-top:2px;font-size:8.5px;letter-spacing:.065em;line-height:1.2;white-space:nowrap}
  .primark-project-page .back {display:inline-flex;align-items:center;justify-content:flex-end;flex:0 0 auto;min-height:44px;max-width:94px;font-size:11.5px;line-height:1.3;text-align:right}
  .primark-project-page .hero .wrap {padding-top:38px;padding-bottom:34px}
  .primark-project-page .project-hero-with-media .wrap {gap:24px}
  .primark-project-page .project-hero-media {min-height:250px;order:-1}
  .primark-project-page .media-section {padding-top:38px;padding-bottom:42px}
  .primark-project-page .media-section-head {display:block;margin-bottom:18px}
  .primark-project-page .media-section-head>p {margin-top:9px}
  .primark-project-page .project-gallery {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
  .primark-project-page .gallery-item {flex:0 0 86%;scroll-snap-align:start}
  .primark-project-page .gallery-item .project-media-button {aspect-ratio:4/3}
  .primark-project-page .floor-plan-grid {grid-template-columns:1fr}
  .primark-project-page .floor-plan-card {padding:14px}
  .primark-project-page .floor-plan-card .project-media-button {min-height:0;aspect-ratio:3/4}
  .primark-project-page .plan-card {padding:12px}
  .primark-project-page .plan-card .project-media-button {height:62vw;min-height:230px}
  .primark-project-page .plan-card figcaption {display:block}
  .primark-project-page .plan-card figcaption span {display:block;margin-top:7px}
  .primark-project-page .project-media-lightbox {padding:0}
  .primark-project-page .project-media-lightbox-panel {width:100%;height:100%;border-radius:0;padding:14px}
  .primark-project-page .project-media-lightbox-stage {overflow:auto;align-items:start}
  .primark-project-page .project-media-lightbox-stage img {max-width:none;width:auto;min-width:100%;max-height:none}
}
@media(prefers-reduced-motion:reduce) {
  .compare-home .card {transition:none}
  .compare-home .card:hover {transform:none}
  .primark-project-page .project-media-button img {transition:none}
  .primark-project-page .project-media-button:hover img {transform:none}
}

/* Sprint 2: editorial featured-project discovery. */
.compare-home .featured-projects-section {background:var(--primark-stone);border-bottom:1px solid var(--primark-border)}
.compare-home .featured-projects-section .section-lede {max-width:720px;margin:0 0 28px;color:var(--primark-secondary)}
.compare-home .featured-projects-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.compare-home .featured-project-card {display:grid;grid-template-columns:minmax(190px,42%) 1fr;min-height:310px;overflow:hidden;border:1px solid var(--primark-border);border-radius:8px;background:var(--primark-white);box-shadow:0 8px 24px rgba(11,29,51,.055)}
.compare-home .featured-project-card:last-child:nth-child(odd) {grid-column:1 / -1}
.compare-home .featured-project-image {display:block;min-height:100%;overflow:hidden;background:var(--primark-sage-surface)}
.compare-home .featured-project-image img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.compare-home .featured-project-card:hover .featured-project-image img {transform:scale(1.015)}
.compare-home .featured-project-body {display:flex;flex-direction:column;padding:24px}
.compare-home .featured-project-meta {margin:0 0 8px;color:var(--primark-muted);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.compare-home .featured-project-body h3 {margin:0 0 16px;font-size:clamp(23px,2vw,31px);line-height:1.06}
.compare-home .featured-project-facts {display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0 0 16px;padding:14px 0;border-top:1px solid var(--primark-border);border-bottom:1px solid var(--primark-border)}
.compare-home .featured-project-facts span {color:var(--primark-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.compare-home .featured-project-facts strong {display:block;margin-top:4px;color:var(--primark-navy);font-size:13px;line-height:1.45}
.compare-home .featured-project-attention,.compare-home .featured-project-differentiator {margin:0 0 8px;color:var(--primark-secondary);font-size:14px;line-height:1.55}
.compare-home .featured-project-differentiator {margin-bottom:18px}
.compare-home .featured-project-body .btn {align-self:flex-start;margin-top:auto}

/* Project-page exploration guidance and disclosures. */
.primark-project-page .feature-highlights {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.primark-project-page .feature-highlight {padding:20px 16px;border:1px solid var(--primark-border);border-radius:7px;background:var(--primark-sage-surface)}
.primark-project-page .feature-highlight span {display:block;margin-bottom:8px;color:#6B5A2D;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.primark-project-page .feature-highlight strong {color:var(--primark-navy);font-size:14px;line-height:1.45}
.primark-project-page .project-insights-guide {margin:18px 0 14px;padding:20px 22px;border:1px solid var(--primark-border-strong);border-radius:7px;background:var(--primark-sage-surface)}
.primark-project-page .project-insights-guide span {display:block;margin-bottom:6px;color:#6B5A2D;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.primark-project-page .project-insights-guide strong {display:block;color:var(--primark-navy);font-family:'Cormorant Garamond',Georgia,serif;font-size:22px;line-height:1.2}
.primark-project-page .project-insight-disclosure {margin:0 0 14px;border:1px solid var(--primark-border);border-radius:7px;background:var(--primark-white);box-shadow:0 5px 16px rgba(11,29,51,.04)}
.primark-project-page .project-insight-disclosure summary {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:64px;padding:16px 20px;color:var(--primark-navy);font-weight:700;cursor:pointer;list-style:none}
.primark-project-page .project-insight-disclosure summary::-webkit-details-marker {display:none}
.primark-project-page .project-insight-disclosure summary::after {content:'+';flex:0 0 auto;font-size:24px;font-weight:400;line-height:1}
.primark-project-page .project-insight-disclosure[open] summary::after {content:'−'}
.primark-project-page .project-insight-disclosure summary:hover {background:var(--primark-sage-surface)}
.primark-project-page .project-insight-disclosure[open] summary {border-bottom:1px solid var(--primark-border);background:var(--primark-sage-surface)}
.primark-project-page .project-insight-content {padding:22px}
.primark-project-page .project-insight-content {padding:20px}
.compare-home .final-conversion .btn-secondary {background:transparent;color:var(--primark-white)!important;-webkit-text-fill-color:var(--primark-white);border-color:#D7DCCF;opacity:1;visibility:visible}
.compare-home .final-conversion .btn-secondary:hover,.compare-home .final-conversion .btn-secondary:focus-visible {background:var(--primark-white);color:var(--primark-navy)!important;-webkit-text-fill-color:var(--primark-navy);border-color:var(--primark-white)}

@media(max-width:900px) {
  .primark-project-page .feature-highlights {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px) {
  .compare-home .featured-projects-grid {display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 12px;overscroll-behavior-inline:contain}
  .compare-home .featured-project-card,.compare-home .featured-project-card:last-child:nth-child(odd) {flex:0 0 88%;display:flex;grid-column:auto;flex-direction:column;min-height:0;scroll-snap-align:start}
  .compare-home .featured-project-image {min-height:190px;aspect-ratio:16/10}
  .compare-home .featured-project-body {padding:19px}
  .compare-home .featured-project-body h3 {font-size:24px}
  .primark-project-page .feature-highlights {grid-template-columns:1fr}
  .primark-project-page .project-insights-guide {padding:18px}
  .primark-project-page .project-insight-disclosure summary {min-height:58px;padding:14px 16px}
  .primark-project-page .project-insight-content {padding:16px}
}
@media(prefers-reduced-motion:reduce) {
  .compare-home .featured-project-image img {transition:none}
  .compare-home .featured-project-card:hover .featured-project-image img {transform:none}
}

/* Sprint 3: advisory-led homepage journey. */
.compare-home .hero .editorial-headline {max-width:760px;font-size:clamp(42px,5vw,72px);line-height:.98}
.compare-home .hero .editorial-headline span {display:block}
.compare-home .hero-kicker {max-width:650px}
.compare-home .buyer-context-section {background:var(--primark-white);border-bottom:1px solid var(--primark-border)}
.compare-home .buyer-context-head {max-width:820px}
.compare-home .buyer-context-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.compare-home .buyer-context-card {display:flex;min-height:210px;flex-direction:column;align-items:flex-start;padding:24px;border:1px solid var(--primark-border);border-radius:8px;background:var(--primark-white);color:var(--primark-navy);font:inherit;text-align:left;cursor:pointer;box-shadow:0 7px 20px rgba(11,29,51,.045);transition:border-color .18s ease,background .18s ease,transform .18s ease}
.compare-home .buyer-context-card:hover {border-color:#81936B;transform:translateY(-2px)}
.compare-home .buyer-context-card[aria-pressed="true"] {border-color:var(--primark-amber);background:#FFF9EB;box-shadow:inset 0 0 0 1px var(--primark-amber)}

/* Private-residence intelligence uses the same editorial system without duplicating the generic framework. */
.primark-project-page .private-residence-overview {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,52px);background:var(--primark-stone);border-color:color-mix(in srgb,var(--primark-sage) 70%,var(--primark-navy))}
.primark-project-page .private-residence-overview > div {min-width:0}
.primark-project-page .private-residence-disclosure > summary {background:color-mix(in srgb,var(--primark-sage) 30%,var(--primark-white));color:var(--primark-navy)}
.primark-project-page .private-intelligence {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.primark-project-page .private-intelligence-module {min-width:0;padding:clamp(20px,2.5vw,28px);background:var(--primark-white);border:1px solid var(--primark-border);border-radius:8px;box-shadow:0 6px 20px rgba(11,29,51,.05)}
.primark-project-page .private-intelligence-module:last-child:nth-child(odd) {grid-column:1/-1}
.primark-project-page .private-intelligence-module h3 {margin-top:8px}
.primark-project-page .project-video-frame {overflow:hidden;border:1px solid var(--primark-border);border-radius:8px;background:var(--primark-navy);box-shadow:0 8px 26px rgba(11,29,51,.08)}
.primark-project-page .project-video-frame video {display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--primark-navy)}
.primark-project-page .configuration-guidance {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:18px 20px;border-left:3px solid var(--primark-amber);background:var(--primark-sage-surface)}
.primark-project-page .configuration-guidance strong {display:block;margin-top:5px;color:var(--primark-navy);font-size:18px}
.primark-project-page .configuration-guidance-note {margin:14px 0 0;color:var(--primark-secondary);font-size:13px;line-height:1.6}

@media (max-width:600px) {
  .primark-project-page .private-residence-overview,
  .primark-project-page .private-intelligence {grid-template-columns:1fr}
  .primark-project-page .private-intelligence-module:last-child:nth-child(odd) {grid-column:auto}
}
.compare-home .buyer-context-range {margin-bottom:24px;color:#725000;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.compare-home .buyer-context-card strong {margin-bottom:12px;font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1.05}
.compare-home .buyer-context-card>span:last-child {color:var(--primark-secondary);font-size:14px;line-height:1.55}
.compare-home .buyer-context-response {min-height:24px;margin:18px 0 0;color:var(--primark-secondary);font-size:13px}
.compare-home .compare-value-panel {display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:24px;border:1px solid var(--primark-border);border-radius:8px;background:var(--primark-sage-surface)}
.compare-home .compare-value-panel h3 {margin:4px 0 8px;font-size:27px}
.compare-home .compare-value-panel p {max-width:740px;margin:0;color:var(--primark-secondary)}
.compare-home .evaluation-section {background:var(--primark-white)}
.compare-home .evaluation-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;border:1px solid var(--primark-border);border-radius:8px;overflow:hidden;list-style:none}
.compare-home .evaluation-grid li {display:flex;gap:14px;min-height:220px;padding:24px 18px;border-right:1px solid var(--primark-border);background:var(--primark-white)}
.compare-home .evaluation-grid li:last-child {border-right:0}
.compare-home .evaluation-grid li>span {color:#725000;font-weight:700}
.compare-home .evaluation-grid h3 {margin:0 0 10px;font-size:20px}
.compare-home .evaluation-grid p {margin:0;color:var(--primark-secondary);font-size:14px;line-height:1.6}
.compare-home .best-home-principle {margin:28px 0 0;padding:28px 30px;border-left:4px solid var(--primark-amber);background:var(--primark-stone)}
.compare-home .best-home-principle strong {font-family:'Cormorant Garamond',Georgia,serif;color:var(--primark-navy);font-size:clamp(28px,3vw,40px);line-height:1.1}
.compare-home .best-home-principle p {max-width:780px;margin:10px 0 0;color:var(--primark-secondary)}
.compare-home .numbers-section {background:var(--primark-stone)}
.compare-home .numbers-layout {display:grid;grid-template-columns:.85fr 1.15fr;gap:24px 60px;align-items:start}
.compare-home .numbers-layout h2 {margin:5px 0 12px}
.compare-home .numbers-list {display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;border-top:1px solid var(--primark-border);list-style:none}
.compare-home .numbers-list li {padding:16px 16px 16px 0;border-bottom:1px solid var(--primark-border);color:var(--primark-secondary);font-size:14px;line-height:1.5}
.compare-home .numbers-conclusion {grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;background:var(--primark-white);border:1px solid var(--primark-border);border-radius:8px}
.compare-home .numbers-conclusion strong {font-family:'Cormorant Garamond',Georgia,serif;font-size:28px}
.compare-home .primark-private-section {background:var(--primark-navy);color:var(--primark-white)}
.compare-home .primark-private-section .section-eyebrow {color:#F5C65D}
.compare-home .primark-private-intro {display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end}
.compare-home .primark-private-intro h2 {margin:5px 0 6px;color:var(--primark-white);font-size:clamp(40px,5vw,64px)}
.compare-home .primark-private-lead {margin:0;color:#F5C65D;font-weight:600}
.compare-home .primark-private-intro>p {max-width:680px;margin:0;color:#E2E5DF;font-size:17px;line-height:1.7}
.compare-home .primark-private-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:34px 0 24px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}
.compare-home .primark-private-grid article {padding:24px;background:var(--primark-navy)}
.compare-home .primark-private-grid h3 {margin:0 0 10px;color:var(--primark-white);font-size:20px}
.compare-home .primark-private-grid p {margin:0;color:#D7DDD6;font-size:14px;line-height:1.6}
.compare-home .primark-private-types {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.compare-home .primark-private-types span {padding:8px 11px;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#E2E5DF;font-size:12px}
.compare-home .unmatched-requirement-module {display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px;padding:28px 30px;border:1px solid var(--primark-border);border-radius:8px;background:var(--primark-white)}
.compare-home .unmatched-requirement-module h3 {margin:4px 0 8px;font-size:clamp(25px,2.5vw,34px)}
.compare-home .unmatched-requirement-module p {max-width:720px;margin:0;color:var(--primark-secondary);line-height:1.65}
.compare-home .unmatched-requirement-module .btn {flex:0 0 auto}
.compare-home .unmatched-empty-state {display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;border:1px solid var(--primark-border);background:var(--primark-white)}
.compare-home .unmatched-empty-state p {margin:0;color:var(--primark-secondary)}
.compare-home .private-requirement-cta {display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}
.compare-home .private-requirement-cta p {max-width:680px;margin:0;color:#E2E5DF;line-height:1.6}
.compare-home .contact-requirement-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}

@media(max-width:900px) {
  .compare-home .buyer-context-grid {grid-template-columns:1fr}
  .compare-home .buyer-context-card {min-height:0}
  .compare-home .evaluation-grid {grid-template-columns:1fr 1fr}
  .compare-home .evaluation-grid li {min-height:0;border-bottom:1px solid var(--primark-border)}
  .compare-home .primark-private-grid {grid-template-columns:1fr 1fr}
}
@media(max-width:600px) {
  .compare-home .hero .editorial-headline {font-size:clamp(38px,11vw,50px);line-height:1.01}
  .compare-home .buyer-context-grid {display:flex;overflow-x:auto;gap:14px;padding:2px 2px 10px;scroll-snap-type:x mandatory}
  .compare-home .buyer-context-card {flex:0 0 88%;padding:20px;scroll-snap-align:start}
  .compare-home .buyer-context-range {margin-bottom:18px}
  .compare-home .compare-value-panel,.compare-home .numbers-conclusion {display:block}
  .compare-home .compare-value-panel .btn,.compare-home .numbers-conclusion .btn {width:100%;margin-top:18px}
  .compare-home .evaluation-grid {grid-template-columns:1fr}
  .compare-home .evaluation-grid li {padding:18px;border-right:0}
  .compare-home .best-home-principle {padding:22px}
  .compare-home .numbers-layout {grid-template-columns:1fr;gap:24px}
  .compare-home .numbers-list {grid-template-columns:1fr}
  .compare-home .numbers-conclusion {grid-column:auto;padding:22px}
  .compare-home .primark-private-intro {grid-template-columns:1fr;gap:20px}
  .compare-home .primark-private-grid {grid-template-columns:1fr}
  .compare-home .primark-private-grid article {padding:20px}
  .compare-home .unmatched-requirement-module,.compare-home .private-requirement-cta {display:block;padding:22px}
  .compare-home .unmatched-requirement-module .btn,.compare-home .private-requirement-cta .btn {width:100%;margin-top:18px}
  .compare-home .contact-requirement-grid {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {
  .compare-home .buyer-context-card {transition:none}
  .compare-home .buyer-context-card:hover {transform:none}
}
