/* ===== style-block-1 ===== */
:root{
    --stone:#EEEDE7;
    --paper:#F8F7F2;
    --ink:#263128;
    --bush:#52604B;
    --bush-deep:#344038;
    --bush-mid:#6F7B68;
    --gold:#C96F46;
    --orange:#E2600C;
    --rust:#A65335;
    --teal:#6E8580;
    --sand:#D9D2C4;
    --line:rgba(38,49,40,.14);
    --line-light:rgba(248,247,242,.22);

    --c-urban:#39461F;
    --c-coastal:#3D6B6B;
    --c-wilderness:#5C6E2E;
    --c-heritage:#8B5E34;
    --c-retreat:#66705B;
    --c-resort:#102B46;

    --display:'Cormorant Garamond', serif;
    --brand:'Michroma', sans-serif;
    --script:'Cascadia Mono', monospace;
    --body:'Inter', sans-serif;
    --mono:'IBM Plex Mono', monospace;
  }

  *{ box-sizing:border-box; margin:0; padding:0; }
  html{ scroll-behavior:smooth; }
  body{ background:var(--stone); color:var(--ink); font-family:var(--body); line-height:1.55; -webkit-font-smoothing:antialiased; }
  img{ max-width:100%; display:block; }
  a{ color:inherit; text-decoration:none; }
  ul{ list-style:none; }
  button{ font-family:inherit; cursor:pointer; }
  .wrap{ max-width:1240px; margin:0 auto; padding:0 32px; }
  @media (max-width:640px){ .wrap{ padding:0 20px; } }

  .eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }
  h1,h3{ font-family:var(--display); font-weight:700; letter-spacing:0; line-height:1.05; }
  h2{ font-family:var(--body); font-weight:600; letter-spacing:-.01em; line-height:1.1; }
  .script{ font-family:var(--script); font-weight:200; line-height:1; letter-spacing:.04em; }
  :focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }

  /* ===== LOGO MARK ===== */
  .mark{ width:34px; height:34px; flex-shrink:0; }

  /* ===== PROMO BAR ===== */
  /* Edit the single line of text/link inside #promoBar in the HTML below
     to change what's currently being promoted. Set display:none on
     .promo-bar (or delete the block) to run with no promotion live. */
  .promo-bar{ background:var(--gold); color:var(--bush-deep); font-family:var(--mono); font-size:12px; letter-spacing:.03em; }
  .promo-bar-inner{ max-width:1240px; margin:0 auto; padding:9px 32px; display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; text-align:center; position:relative; }
  .promo-bar a{ font-weight:700; text-decoration:underline; text-underline-offset:2px; }
  .promo-bar-close{ position:absolute; right:14px; top:50%; transform:translateY(-50%); background:none; border:none; color:var(--bush-deep); font-family:var(--mono); font-size:15px; cursor:pointer; line-height:1; opacity:.7; padding:2px 6px; }
  .promo-bar-close:hover{ opacity:1; }
  .promo-bar.is-hidden{ display:none; }
  @media (max-width:640px){ .promo-bar-inner{ padding:9px 44px; font-size:11px; } }

  /* ===== PROMOTIONS SECTION ===== */
  /* A slot for campaigns, launches or offers. Duplicate .promo-card to
     run more than one at a time — the grid wraps automatically. */
  .promotions{ background:var(--sand); padding:64px 0; border-bottom:1px solid var(--line); }
  .promotions-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:22px; }
  .promo-card{ background:var(--bush-deep); color:var(--paper); border:1px solid var(--line-light); display:grid; grid-template-columns:1fr; overflow:hidden; }
  @media (min-width:760px){ .promo-card{ grid-template-columns:1fr 1.15fr; } }
  .promo-card-visual{ background:linear-gradient(150deg,#4C5A2C,#232B17); min-height:220px; display:flex; align-items:flex-end; padding:16px; }
  .promo-card-visual.promo-card-image{ padding:0; overflow:hidden; background:var(--bush); }
  .promo-card-visual.promo-card-image img{ width:100%; height:100%; min-height:220px; object-fit:cover; object-position:center; display:block; }
  .promo-card-body{ padding:26px 26px 28px; }
  .promo-eyebrow{ font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:10px; }
  .promo-card h3{ font-family:var(--display); font-size:26px; color:var(--paper); margin-bottom:6px; }
  .promo-card .script{ color:var(--sand); font-size:16px; display:block; margin-bottom:12px; }
  .promo-card p{ font-size:13.6px; color:rgba(247,243,233,0.82); margin-bottom:18px; max-width:420px; }
  .promo-card .btn-primary{ font-size:11.5px; padding:13px 22px; }

  .collection-price{ font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--rust); margin-bottom:18px; }
  .collection-price strong{ font-size:14px; }

  /* ===== SPECIFICATIONS (per collection) ===== */
  .spec-list{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1px; background:var(--line); border:1px solid var(--line); margin-bottom:26px; }
  .spec-item{ background:var(--paper); padding:14px 16px; }
  .spec-item .spec-label{ font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:5px; }
  .spec-item .spec-val{ font-size:13px; color:var(--ink); }


  /* ===== COLLECTION SPECIFICATION SHEETS ===== */
  .collection-spec-sheet{ margin:-8px 0 22px 28px; max-width:360px; }
  .collection-spec-sheet summary{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; font-family:var(--mono); font-size:10.5px; letter-spacing:.07em; text-transform:uppercase; color:var(--bush); border-bottom:1px solid currentColor; padding:3px 0; }
  .collection-spec-sheet summary::before{ content:"+"; display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border:1px solid currentColor; border-radius:50%; font-size:14px; line-height:1; }
  .collection-spec-sheet[open] summary::before{ content:"−"; }
  .collection-spec-sheet summary::-webkit-details-marker{ display:none; }
  .collection-spec-sheet img{ width:min(100%,340px); height:auto; margin-top:14px; border:1px solid var(--line); box-shadow:0 8px 24px rgba(32,36,26,.16); background:var(--paper); }
  @media (max-width:640px){ .collection-spec-sheet{ margin-left:0; max-width:100%; } .collection-spec-sheet img{ width:100%; } }

  /* ===== FLOOR PLANS ===== */
  .floorplan-section{ margin-top:28px; margin-bottom:8px; }
  .floorplan-tabs{ display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
  .floorplan-tab{ font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; padding:8px 14px; border:1px solid var(--ink); background:transparent; color:var(--ink); transition:background .2s,color .2s; }
  .floorplan-tab[aria-pressed="true"]{ background:var(--ink); color:var(--paper); }
  .floorplan-tab:hover{ background:var(--ink); color:var(--paper); }
  .floorplan-display{ border:1px solid var(--line); background:var(--paper); padding:18px; overflow-x:auto; }
  .floorplan-display svg{ display:block; height:170px; width:auto; max-width:none; }
  .floorplan-note{ font-family:var(--mono); font-size:10px; color:#4a4d43; margin-top:10px; }

  /* ===== SIGNATURE FLOOR PLANS — collection tabs ===== */
  .plans-tabs{ display:flex; gap:10px; flex-wrap:wrap; margin:40px 0 36px; }
  .plans-tab{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:10px 18px; border:1px solid var(--tab-accent, var(--bush)); border-radius:100px; background:transparent; color:var(--tab-accent, var(--bush)); transition:background .2s,color .2s; }
  .plans-tab[aria-pressed="true"],.plans-tab:hover{ background:var(--tab-accent, var(--bush)); color:var(--paper); }
  .plans-panel.hide{ display:none; }
  .plans-empty{ font-family:var(--mono); font-size:12.5px; color:#4a4d43; border:1px dashed var(--tab-accent, var(--line)); padding:36px 28px; text-align:center; line-height:1.7; }
  .plans-descriptor{ font-family:var(--script); font-weight:200; font-size:15px; letter-spacing:.03em; color:var(--tab-accent, var(--gold)); margin-bottom:20px; display:block; }
  .plans-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(420px,1fr)); gap:26px; }
  .plan-card{ background:var(--bush-deep); color:var(--paper); border:1px solid var(--line-light); display:flex; flex-direction:column; overflow:hidden; }
  .plan-card-flyer{ display:block; background:var(--paper); }
  .plan-card-flyer img{ width:100%; height:auto; display:block; }
  .plan-card-foot{ padding:18px 24px 20px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
  .plan-card .plan-name{ font-family:var(--display); font-size:24px; color:var(--paper); line-height:1; }
  .plan-card .plan-tag{ font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); display:block; margin-top:6px; }
  .plan-price{ font-family:var(--mono); font-size:10.5px; color:var(--sand); text-align:right; }
  .plan-price strong{ font-size:19px; color:var(--paper); display:block; font-family:var(--display); }
  .plan-note{ font-family:var(--mono); font-size:9.5px; color:rgba(247,243,233,.62); line-height:1.6; padding:0 24px 20px; }
  @media (max-width:900px){ .plans-grid{ grid-template-columns:1fr; } }

  /* ===== FLYER PICKER — pick a plan name, view its flyer ===== */
  .flyer-picker{ margin-bottom:8px; }
  .flyer-tabs{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
  .flyer-tab{ font-family:var(--mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; padding:9px 16px; border:1px solid var(--tab-accent, var(--bush)); background:transparent; color:var(--tab-accent, var(--bush)); transition:background .2s,color .2s; }
  .flyer-tab .plan-beds{ opacity:.62; font-size:9.5px; letter-spacing:.02em; margin-left:2px; }
  .flyer-tab[aria-pressed="true"],.flyer-tab:hover{ background:var(--tab-accent, var(--bush)); color:var(--paper); }
  .flyer-stage{ position:relative; }
  .flyer-frame{ display:block; background:var(--paper); border:1px solid var(--line); box-shadow:0 18px 46px rgba(38,49,40,.10); }
  .flyer-frame.hide{ display:none; }
  .flyer-frame img{ width:100%; height:auto; display:block; }
  .flyer-caption{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin-top:14px; cursor:pointer; }
  .flyer-caption:hover .plan-open{ text-decoration:underline; }
  .flyer-caption .plan-name{ font-family:var(--display); font-size:24px; color:var(--ink); line-height:1; }
  .flyer-caption .plan-open{ font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--tab-accent, var(--gold)); display:block; margin-top:5px; }
  .flyer-caption .plan-price{ color:#4a4d43; }
  .flyer-caption .plan-price strong{ color:var(--tab-accent, var(--ink)); }
  @media (max-width:640px){ .flyer-tabs{ gap:6px; } .flyer-tab{ padding:8px 13px; font-size:10px; } }
  @media (max-width:640px){ .plans-tabs{ margin:28px 0 24px; } }

  /* ===== COMMERCIAL ===== */
  .commercial{ background:var(--paper); padding:96px 0; border-bottom:1px solid var(--line); }
  .commercial-head{ max-width:640px; margin-bottom:50px; }
  .commercial-head span.script{ display:block; color:var(--gold); font-size:clamp(28px,3.6vw,38px); }
  .commercial-head h2{ font-size:clamp(30px,4.2vw,46px); }
  .commercial-head p{ font-size:15px; color:#4a4d43; margin-top:16px; max-width:520px; }
  .commercial-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  @media (max-width:900px){ .commercial-grid{ grid-template-columns:1fr; } }
  .commercial-card{ background:var(--bush-deep); color:var(--paper); border:1px solid var(--line-light); padding:30px 26px; display:flex; flex-direction:column; }
  .commercial-card .num{ font-family:var(--mono); font-size:11px; color:var(--gold); letter-spacing:.1em; margin-bottom:14px; }
  .commercial-card h3{ font-size:23px; color:var(--paper); margin-bottom:12px; }
  .commercial-card p{ font-size:13.5px; color:rgba(247,243,233,0.8); margin-bottom:20px; flex-grow:1; }
  .commercial-card a{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--gold); border-bottom:1px solid var(--gold); padding-bottom:2px; align-self:flex-start; }

  /* ===== GALLERY ===== */
  @media (max-width:900px){ }
  @media (max-width:640px){ }

  /* ===== HEADER ===== */
  header{ position:sticky; top:0; z-index:100; background:rgba(35,43,23,0.97); backdrop-filter:blur(6px); border-bottom:1px solid var(--line-light); }
  .nav-row{ display:flex; align-items:center; justify-content:space-between; height:78px; gap:20px; }
  .logo{ display:flex; align-items:center; gap:12px; color:var(--paper); }
  .logo-text{ display:flex; flex-direction:column; line-height:1; }
  .logo-text .l1{ font-family:var(--brand); font-weight:400; font-size:21px; letter-spacing:.12em; }
  .logo-text .l2{ font-family:var(--brand); font-weight:400; font-size:16px; letter-spacing:.42em; }
  .logo-text .l3{ font-family:var(--script); font-weight:200; font-size:13px; letter-spacing:.03em; color:var(--gold); margin-top:4px; }
  .logo-text .l4{ font-family:var(--mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin-top:4px; }
  nav[aria-label="Primary"] ul{ display:flex; gap:22px; }
  nav[aria-label="Primary"] a{ font-family:'Cascadia Mono', monospace; font-weight:300; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--paper); opacity:.9; position:relative; padding:6px 0; white-space:nowrap; }
  .nav-cta-badge{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:var(--orange); flex-shrink:0; }
  .nav-cta-badge img{ width:12px; height:auto; display:block; }
  a.nav-cta-studio{ display:inline-flex; align-items:center; gap:7px; opacity:1; }
  a.nav-cta-studio:hover .nav-cta-badge{ transform:scale(1.08); }
  footer a.nav-cta-studio{ display:inline-flex; align-items:center; gap:7px; }
  footer .nav-cta-badge{ width:18px; height:18px; }
  footer .nav-cta-badge img{ width:10px; }
  nav a:hover{ opacity:1; }
  nav a::after{ content:""; position:absolute; left:0; bottom:0; height:2px; width:0; background:var(--gold); transition:width .25s ease; }
  nav a:hover::after{ width:100%; }
  .nav-cta{ font-family:var(--mono); font-size:11px; letter-spacing:.07em; text-transform:uppercase; color:var(--bush-deep); background:var(--sand); padding:11px 16px; border:1px solid var(--sand); transition:background .2s, color .2s; white-space:nowrap; }
  .nav-cta:hover{ background:var(--gold); color:var(--paper); border-color:var(--gold); }
  .nav-toggle{ display:none; flex-direction:column; justify-content:center; align-items:flex-end; gap:5px; width:36px; height:36px; background:transparent; border:none; padding:0; cursor:pointer; }
  .nav-toggle-bar{ display:block; width:26px; height:2px; background:var(--paper); transition:transform .25s ease, opacity .2s ease, width .25s ease; }
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(1){ transform:translateY(7px) rotate(45deg); width:26px; }
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(2){ opacity:0; }
  .nav-toggle[aria-expanded="true"] .nav-toggle-bar:nth-child(3){ transform:translateY(-7px) rotate(-45deg); width:26px; }
  @media (max-width:1180px){
    .nav-toggle{ display:flex; }
    header{ position:relative; }
    nav[aria-label="Primary"]{ position:absolute; top:100%; left:0; right:0; background:rgba(28,35,19,0.98); backdrop-filter:blur(6px); max-height:0; overflow:hidden; transition:max-height .3s ease; border-bottom:1px solid var(--line-light); }
    nav[aria-label="Primary"].is-open{ max-height:80vh; overflow-y:auto; }
    nav[aria-label="Primary"] ul{ display:block; padding:8px 24px 20px; }
    nav[aria-label="Primary"] ul li{ border-bottom:1px solid rgba(247,243,233,0.1); }
    nav[aria-label="Primary"] ul li:last-child{ border-bottom:none; }
    nav[aria-label="Primary"] a{ display:block; padding:15px 2px; font-size:13px; }
    nav[aria-label="Primary"] a.nav-cta-studio{ display:inline-flex; }
    nav[aria-label="Primary"] a::after{ display:none; }
  }

  /* ===== HERO ===== */
  .hero{ background:linear-gradient(180deg,var(--bush-deep) 0%, #1c2213 100%); color:var(--paper); padding:70px 0 0; position:relative; overflow:hidden; }
  .hero-top{ display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; padding-bottom:56px; border-bottom:1px solid var(--line-light); }
  @media (max-width:860px){ .hero-top{ grid-template-columns:1fr; } }
  .hero-eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--sand); margin-bottom:6px; display:block; }
  .hero .script-lead{ font-family:var(--script); font-size:clamp(38px,5vw,58px); color:var(--sand); display:block; }
  .hero h1{ font-size:clamp(34px,4.6vw,58px); color:var(--paper); margin-top:2px; }
  .hero-rule{ width:60px; height:2px; background:var(--gold); margin:22px 0; }
  .hero-sub{ font-size:16px; color:rgba(247,243,233,0.8); max-width:460px; }
  .hero-tag{ font-family:var(--script); font-size:26px; color:var(--gold); margin-top:20px; display:block; }

  .hero-facts{ font-family:var(--mono); font-size:12px; color:rgba(247,243,233,0.7); display:grid; gap:18px; }
  .hero-facts .fact{ border-left:2px solid var(--gold); padding-left:16px; }
  .hero-facts .fact b{ display:block; font-family:var(--display); font-size:28px; color:var(--paper); font-weight:700; }

  /* ===== WHY CAPSULE ===== */
  .why{ background:var(--paper); border-bottom:1px solid var(--line); padding:76px 0; }
  .why-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:44px; }
  .why-head h2{ font-size:clamp(30px,4vw,44px); max-width:600px; }
  .why-head span.script{ display:block; color:var(--gold); font-size:clamp(28px,3.4vw,38px); margin-bottom:4px; }
  .why-head p{ max-width:300px; font-size:14px; color:#4a4d43; }
  .why-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
  @media (max-width:900px){ .why-grid{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:480px){ .why-grid{ grid-template-columns:1fr;} }
  .why-item{ background:var(--paper); padding:28px 24px; }
  .why-item .ico{ width:38px; height:38px; border-radius:50%; border:1.5px solid var(--gold); display:flex; align-items:center; justify-content:center; margin-bottom:16px; color:var(--gold); font-family:var(--display); font-size:16px; }
  .why-item .label{ font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--bush); display:block; margin-bottom:8px; }
  .why-item p{ font-size:13.4px; color:#4a4d43; }

  /* ===== START SMALL ===== */
  .start-small{ background:var(--bush-deep); color:var(--paper); padding:96px 0; }
  .start-small-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
  @media (max-width:900px){ .start-small-grid{ grid-template-columns:1fr; gap:40px; } }
  .start-small-heading{ display:flex; align-items:flex-end; justify-content:space-between; gap:20px; flex-wrap:wrap; }
  .start-small-copy span.script{ display:block; color:var(--gold); font-size:clamp(28px,3.6vw,38px); }
  .start-small-copy h2{ font-size:clamp(30px,4.2vw,50px); color:var(--paper); margin-bottom:20px; }
  .start-small-copy p{ font-size:15px; color:rgba(247,243,233,0.82); margin-bottom:16px; max-width:480px; }
  .start-small-stages{ display:grid; gap:1px; background:var(--line-light); border:1px solid var(--line-light); margin-top:28px; }
  .start-small-stage{ background:var(--bush-deep); padding:22px 24px; }
  .start-small-stage .stage-num{ font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:8px; }
  .start-small-stage h4{ font-family:var(--display); font-size:18px; color:var(--paper); margin-bottom:8px; }
  .start-small-stage p{ font-size:13.5px; color:rgba(247,243,233,0.78); margin:0; }
  .start-small-flyer{ position:relative; overflow:hidden; }
  .start-small-flyer .ssf-base{ display:block; width:100%; height:auto; box-shadow:0 8px 40px rgba(0,0,0,0.4); }
  .start-small-flyer .ssf-dock{
    position:absolute;
    left:46.550%;
    top:19.296%;
    width:10.311%;
    height:auto;
    display:block;
    transition:transform 1.4s cubic-bezier(.22,.61,.36,1);
    transform:translateX(150%);
    will-change:transform;
  }
  .start-small-flyer .ssf-dock.docked{ transform:translateX(0); }
  .start-small-flyer .ssf-module3{
    position:absolute;
    left:56.861%;
    top:19.296%;
    width:45.565%;
    height:auto;
    display:block;
    transition:transform 1.6s cubic-bezier(.22,.61,.36,1);
    transform:translateX(180%);
    will-change:transform;
  }
  .start-small-flyer .ssf-module3.docked{ transform:translateX(0); }
  @media (prefers-reduced-motion: reduce){
    .start-small-flyer .ssf-dock, .start-small-flyer .ssf-module3{ transition:none; transform:translateX(0); }
  }

  /* ===== START SMALL — LOGO BUILD SEQUENCE (real brand frames) ===== */
  .start-small-logo{ position:relative; width:104px; height:104px; flex-shrink:0; margin-bottom:6px; border-radius:7px; overflow:hidden; background:#232B17; box-shadow:0 8px 26px rgba(0,0,0,0.30); }
  .start-small-logo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; opacity:0; transition:opacity .85s cubic-bezier(.22,.61,.36,1); will-change:opacity; }
  .start-small-logo img.frame-4{ opacity:1; } /* no-JS and reduced-motion fallback: full assembled mark */
  @media (max-width:640px){ .start-small-logo{ width:72px; height:72px; } }

  /* ===== PRE-DESIGNED ===== */
  .predesigned{ padding:92px 0 100px; }
  .pd-head{ display:grid; grid-template-columns:1.3fr .7fr; gap:50px; margin-bottom:40px; }
  @media (max-width:760px){ .pd-head{ grid-template-columns:1fr; } }
  .pd-head span.script{ display:block; color:var(--gold); font-size:clamp(30px,3.6vw,40px); }
  .pd-head h2{ font-size:clamp(30px,4.2vw,48px); }
  .pd-head p{ font-size:15px; color:#4a4d43; margin-top:14px; max-width:440px; }

  .filter-row{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:38px; }
  .filter-chip{ font-family:var(--mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; padding:10px 16px; border:1px solid var(--tab-accent, var(--ink)); background:transparent; color:var(--tab-accent, var(--ink)); transition:background .2s, color .2s; }
  .filter-chip[aria-pressed="true"]{ background:var(--tab-accent, var(--ink)); color:var(--paper); }
  .filter-chip:hover{ background:var(--tab-accent, var(--ink)); color:var(--paper); }

  .collection-block{ margin-bottom:56px; }
  .collection-head{ display:flex; align-items:baseline; gap:16px; margin-bottom:22px; flex-wrap:wrap; }
  .collection-head .dot{ width:12px; height:12px; border-radius:50%; }
  .collection-head h3{ font-size:26px; }
  .collection-head .tagline{ font-family:var(--script); font-size:20px; color:var(--gold); }
  .collection-feature{ font-size:13px; color:#4a4d43; margin-bottom:22px; max-width:640px; }
  .collection-feature b{ color:var(--ink); font-family:var(--mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; }

  .collection-palette{ display:block; margin:16px 0 6px; }
  .collection-palette .cp-label, .internal-palette .cp-label{ font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:#4a4d43; margin-right:2px; }
  .collection-palette .cp-suggestions, .internal-palette .cp-suggestions{ font-size:12.5px; color:#3a3d34; line-height:1.6; margin:4px 0 10px; }
  .collection-palette .cp-swatches{ display:flex; align-items:center; gap:9px; flex-wrap:wrap; }
  .collection-palette .cp-swatch{ cursor:pointer; transition:transform .15s, box-shadow .15s; }
  .collection-palette .cp-swatch:hover{ transform:translateY(-2px); }
  .collection-palette .cp-swatch.selected{ box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink); }
  .collection-palette .cp-color-name{ font-family:var(--mono); font-size:10.5px; letter-spacing:.03em; color:var(--ink); margin-left:4px; min-height:14px; }
  .collection-palette .cp-swatch{ width:24px; height:24px; border:1px solid rgba(38,49,40,.15); flex-shrink:0; }
  .collection-palette .cp-swatch.round{ border-radius:50%; }

  .internal-palette{ display:block; margin:14px 0 6px; }
  .ip-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:7px 24px; margin-top:8px; }
  @media (max-width:640px){ .ip-list{ grid-template-columns:1fr; } }
  .ip-item{ display:flex; align-items:center; gap:9px; }
  .ip-swatch{ width:18px; height:18px; border:1px solid rgba(38,49,40,.15); border-radius:50%; flex-shrink:0; }
  .ip-text{ font-size:12.5px; color:#3a3d34; line-height:1.4; }
  .ip-text b{ font-weight:600; color:var(--ink); }

  .design-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  @media (max-width:1000px){ .design-grid{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:560px){ .design-grid{ grid-template-columns:1fr;} }
  .collection-block.hide{ display:none; }

  .design-card{ background:var(--paper); border:1px solid var(--line); }
  .card-visual{ height:150px; display:flex; align-items:flex-end; padding:12px; }
  .card-visual .pill{ font-family:var(--mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; background:rgba(247,243,233,0.92); color:var(--ink); padding:5px 9px; }
  .card-body{ padding:18px 18px 22px; }
  .card-body h4{ font-family:var(--display); font-size:20px; margin-bottom:12px; font-weight:700; }
  .design-size{ font-family:var(--mono); font-size:11px; letter-spacing:.05em; text-transform:uppercase; color:#5b5e54; margin-top:-4px; }

  /* ===== STUDIO ===== */
  .studio{ background:var(--bush-deep); color:var(--paper); padding:96px 0; }
  .studio-head{ max-width:640px; margin-bottom:56px; }
  .studio-head span.script{ color:var(--gold); font-size:clamp(28px,3.6vw,40px); display:block; }
  .studio-head h2{ font-size:clamp(30px,4.2vw,50px); color:var(--paper); }
  .studio-head p{ margin-top:16px; font-size:15px; color:rgba(247,243,233,0.78); }
  .steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--line-light); border:1px solid var(--line-light); }
  @media (max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:500px){ .steps{ grid-template-columns:1fr;} }
  .steps-7{ grid-template-columns:repeat(7,1fr); }
  @media (max-width:1100px){ .steps-7{ grid-template-columns:repeat(4,1fr);} }
  @media (max-width:700px){ .steps-7{ grid-template-columns:repeat(2,1fr);} }
  @media (max-width:420px){ .steps-7{ grid-template-columns:1fr;} }
  .step{ background:var(--bush-deep); padding:26px 20px 30px; }
  .step .idx{ font-family:var(--mono); font-size:11px; color:var(--gold); letter-spacing:.08em; }
  .step h3{ font-size:19px; margin:14px 0 10px; color:var(--paper); }
  .step p{ font-size:13px; color:rgba(247,243,233,0.72); }
  .studio-cta{ margin-top:50px; display:flex; gap:22px; align-items:center; flex-wrap:wrap; }
  .studio-flyer{ margin-top:44px; border:1px solid var(--line-light); overflow:hidden; max-width:860px; }
  .studio-flyer img{ display:block; width:100%; height:auto; }
  .btn-primary{ font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; background:var(--gold); color:var(--bush-deep); padding:15px 26px; border:1px solid var(--gold); transition:background .2s, color .2s; }
  .btn-primary:hover{ background:transparent; color:var(--gold); }
  .btn-ghost{ font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--paper); border-bottom:1px solid var(--paper); padding-bottom:3px; }

  /* ===== ABOUT ===== */
  .about{ padding:96px 0; }
  .about-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; }
  @media (max-width:800px){ .about-grid{ grid-template-columns:1fr; gap:36px;} }
  .about span.script{ display:block; color:var(--gold); font-size:clamp(28px,3.6vw,38px); }
  .about h2{ font-size:clamp(30px,4.2vw,46px); margin-bottom:20px; }
  .about-copy p{ font-size:15px; color:#3a3d34; margin-bottom:16px; max-width:520px; }
  .about-copy p.lead{ font-size:18px; color:var(--ink); font-weight:500; font-family:var(--body); }
  .values{ display:grid; gap:1px; background:var(--line); border:1px solid var(--line); }
  .value{ background:var(--paper); padding:20px 22px; }
  .value .label{ font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--gold); display:block; margin-bottom:8px; }
  .value p{ font-size:13.5px; color:#4a4d43; }
  .acknowledgement{ margin-top:36px; padding:24px 26px; background:var(--bush); color:var(--paper); border-left:4px solid var(--gold); }
  .acknowledgement p{ font-size:13px; line-height:1.6; color:rgba(247,243,233,0.9); }

  /* ===== CONTACT ===== */
  .contact{ background:var(--paper); border-top:1px solid var(--line); padding:96px 0; }
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; }
  @media (max-width:800px){ .contact-grid{ grid-template-columns:1fr; gap:40px;} }
  .contact span.script{ display:block; color:var(--gold); font-size:clamp(28px,3.6vw,38px); }
  .contact h2{ font-size:clamp(30px,4.2vw,46px); margin-bottom:18px; }
  .contact-copy p{ font-size:14.5px; color:#4a4d43; max-width:440px; margin-bottom:28px; }
  .detail-list{ display:grid; gap:18px; }
  .detail-list .label{ font-family:var(--mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--bush); display:block; margin-bottom:4px; }
  .detail-list .val{ font-size:15.5px; }
  form{ display:grid; gap:15px; }
  .form-row{ display:grid; grid-template-columns:1fr 1fr; gap:15px; }
  @media (max-width:480px){ .form-row{ grid-template-columns:1fr; } }
  label{ font-family:var(--mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--bush); display:block; margin-bottom:6px; }
  input, select, textarea{ width:100%; background:var(--stone); border:1px solid var(--ink); padding:12px 13px; font-family:var(--body); font-size:14px; color:var(--ink); }
  input:focus, select:focus, textarea:focus{ outline:2px solid var(--gold); outline-offset:1px; }
  textarea{ min-height:100px; resize:vertical; }
  .submit-btn{ justify-self:start; margin-top:6px; font-family:var(--mono); font-size:12px; letter-spacing:.06em; text-transform:uppercase; background:var(--ink); color:var(--paper); padding:15px 28px; border:1px solid var(--ink); transition:background .2s, color .2s; }
  .submit-btn:hover{ background:var(--gold); border-color:var(--gold); }

  /* ===== FOOTER ===== */
  footer{ background:var(--bush-deep); color:rgba(247,243,233,0.75); padding:50px 0 26px; }
  .foot-top{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:28px; padding-bottom:32px; border-bottom:1px solid var(--line-light); margin-bottom:24px; }
  .foot-brand{ display:flex; align-items:center; gap:12px; color:var(--paper); }
  footer nav ul{ display:flex; gap:26px; flex-wrap:wrap; }
  footer nav a{ font-family:'Cascadia Mono', monospace; font-weight:300; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase; color:rgba(247,243,233,0.75); }
  footer nav a:hover{ color:var(--paper); }
  .foot-contact{ display:flex; gap:26px; flex-wrap:wrap; font-family:var(--mono); font-size:11.5px; color:rgba(247,243,233,0.8); margin-bottom:20px; }
  .foot-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-family:var(--mono); font-size:10.5px; color:rgba(247,243,233,0.5); }
  .foot-legal{ margin-top:10px; font-family:var(--mono); font-size:9.5px; line-height:1.5; color:rgba(247,243,233,0.35); max-width:900px; }

  @media (prefers-reduced-motion: reduce){ *{ scroll-behavior:auto !important; transition:none !important; } }

/* ===== visual-refresh-warm-architectural ===== */
/* Capsule Builders visual refresh: warm, restrained, architectural and image-led. */
body{background:var(--paper);font-size:16px;letter-spacing:-.01em}
.wrap{max-width:1380px;padding-left:46px;padding-right:46px}
.eyebrow,.hero-eyebrow,.selector-label,.promo-eyebrow,.step .idx,.why-item .label,.value .label,.detail-list .label,label{font-weight:600;letter-spacing:.13em}
h1,h3,.card-body h4,.start-small-stage h4{font-family:var(--display);font-weight:500;letter-spacing:-.045em;line-height:1.02}
h2{font-family:var(--body);font-weight:600;letter-spacing:-.01em;line-height:1.08}
.script,.hero .script-lead,.hero-tag,.collection-head .tagline{font-family:var(--script)}

.promo-bar{background:var(--bush);color:var(--paper)}
.promo-bar a{color:var(--paper)}
.promo-bar-close{color:var(--paper)}
header{background:rgba(248,247,242,.96);border-bottom:1px solid var(--line);box-shadow:none}
.nav-row{height:88px}
.logo{color:var(--ink)}
.logo-text .l3,.logo-text .l4{color:var(--rust)}
nav a{color:var(--ink);opacity:.72;font-size:11px;font-weight:600}
nav a::after{background:var(--rust);height:1px}
.nav-cta{background:var(--bush);border-color:var(--bush);color:var(--paper);padding:13px 18px}
.nav-cta:hover{background:var(--rust);border-color:var(--rust)}

.hero{background:var(--paper);color:var(--ink);padding-top:94px}
.hero::before{content:"";position:absolute;right:-12vw;top:-24vw;width:62vw;height:62vw;border-radius:50%;background:radial-gradient(circle,rgba(111,123,104,.18),rgba(111,123,104,0) 68%);pointer-events:none}
.hero-top{grid-template-columns:1.15fr .85fr;gap:80px;padding-bottom:78px;border-bottom:1px solid var(--line)}
.hero-eyebrow{color:var(--rust);margin-bottom:20px}
.hero .script-lead{color:var(--bush-mid);font-size:clamp(32px,4vw,52px)}
.hero h1{color:var(--ink);font-size:clamp(48px,6.4vw,92px);max-width:820px}
.hero-rule{background:var(--rust);width:72px;height:1px;margin:30px 0}
.hero-sub{color:#566057;font-size:17px;line-height:1.75;max-width:630px}
.hero-tag{color:var(--rust);font-size:30px}
.hero-facts{color:#586159;gap:0;border-top:1px solid var(--line)}
.hero-facts .fact{border-left:0;border-bottom:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:center;font-size:13px;line-height:1.55}
.hero-facts .fact b{color:var(--bush);font-family:var(--display);font-size:42px;font-weight:500}
.why-facts{ display:grid; gap:0; border-top:1px solid var(--line); margin-bottom:56px; }
.why-facts .fact{ border-bottom:1px solid var(--line); padding:24px 0; display:grid; grid-template-columns:minmax(96px,auto) 1fr; column-gap:24px; align-items:center; font-size:13px; line-height:1.55; color:#586159; }
.why-facts .fact b{ color:var(--bush); font-family:var(--display); font-size:clamp(34px,4vw,48px); font-weight:500; line-height:1; white-space:nowrap; min-width:96px; }
@media(max-width:700px){ .why-facts .fact{ grid-template-columns:78px 1fr; } .why-facts .fact b{ min-width:78px; font-size:34px; } }

.promotions{background:var(--stone);padding:88px 0}
.promo-card{background:var(--paper);color:var(--ink);border:0;box-shadow:0 14px 42px rgba(38,49,40,.08)}
.promo-card-body{padding:42px}
.promo-card h3{color:var(--ink);font-size:36px}
.promo-card .script{color:var(--bush-mid)}
.promo-card p{color:#596159;font-size:15px;line-height:1.7}
.promo-eyebrow{color:var(--rust)}
.btn-primary{background:var(--bush);border-color:var(--bush);color:var(--paper)}
.btn-primary:hover{background:var(--rust);border-color:var(--rust);color:var(--paper)}

.why,.predesigned,.about,.contact,.commercial,
.why-head span.script,.pd-head span.script,.commercial-head span.script-head span.script,.about span.script,.contact span.script,.studio-head span.script,.start-small-copy span.script{color:var(--rust)}
.why-head h2,.pd-head h2,.commercial-head h2-head h2,.about h2,.contact h2,.studio-head h2,.start-small-copy h2{font-size:clamp(34px,4.4vw,54px)}
.why-grid,.values,.steps,.start-small-stages,.spec-list{gap:16px;background:transparent;border:0}
.why-item,.value,.spec-item{background:var(--stone);border:0;padding:32px}
.why-item .ico{border:0;border-radius:0;width:auto;height:auto;justify-content:flex-start;color:var(--rust);font-size:34px}
.why-item .label{color:var(--bush)}

.start-small,.studio{background:var(--bush);color:var(--paper)}
.start-small-stage,.step{background:rgba(248,247,242,.07);border:1px solid rgba(248,247,242,.15)}
.start-small-stage .stage-num,.step .idx{color:#E6B097}
.start-small-flyer .ssf-base,.studio-flyer img{box-shadow:0 22px 60px rgba(20,28,22,.28)}

.filter-chip,.floorplan-tab{border-color:var(--tab-accent, var(--bush));color:var(--tab-accent, var(--bush));border-radius:100px;padding:10px 18px}
.filter-chip:hover,.filter-chip[aria-pressed="true"],.floorplan-tab:hover,.floorplan-tab[aria-pressed="true"]{background:var(--tab-accent, var(--bush));color:var(--paper)}
.collection-block{margin-bottom:90px}
.collection-head h3{font-size:40px;font-weight:500}
.collection-head .dot{border-radius:0;width:44px;height:4px}
.design-grid{gap:26px}
.design-card{border:0;background:#fff;box-shadow:0 8px 28px rgba(38,49,40,.07);transition:transform .25s ease,box-shadow .25s ease}
.design-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px rgba(38,49,40,.12)}
.card-visual{height:220px}
.card-body{padding:24px 24px 28px}
.card-body h4{font-size:25px}
.floorplan-display{border:0;background:var(--stone);padding:28px}
.collection-spec-sheet summary{color:var(--bush)}

.commercial{background:var(--stone)}
.commercial-card{background:var(--paper);color:var(--ink);border:0;padding:38px;box-shadow:0 8px 28px rgba(38,49,40,.06)}
.commercial-card h3{color:var(--ink);font-size:28px}
.commercial-card p{color:#596159;line-height:1.7}
.commercial-card .num,.commercial-card a{color:var(--rust)}

input,select,textarea{background:#fff;border:1px solid var(--line);padding:15px}
.submit-btn{background:var(--bush);border-color:var(--bush)}
.submit-btn:hover{background:var(--rust);border-color:var(--rust)}
.acknowledgement{background:var(--bush);border-left:0;padding:30px}
footer{background:var(--bush-deep)}

.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:30px}.hero-secondary{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bush);border-bottom:1px solid var(--bush);padding-bottom:3px}.hero-secondary:hover{color:var(--rust);border-color:var(--rust)}
@media(max-width:900px){.wrap{padding-left:24px;padding-right:24px}.hero{padding-top:64px}.hero-top{gap:44px}.hero h1{font-size:clamp(46px,12vw,70px)}.site-btn .swatch{height:72px}}
@media(max-width:640px){.nav-row{height:74px}.logo-text .l1{font-size:17px}.logo-text .l2{font-size:13px}.hero-top{padding-bottom:52px}.hero-facts .fact{grid-template-columns:62px 1fr}.promo-card-body{padding:28px}.why,.predesigned,.about,.contact,.commercial,.start-small,.studio{padding-top:76px;padding-bottom:76px}}

/* ===== capsule-header-logo-fix ===== */
/* Keep the original light Capsule Builders mark fully visible in the top navigation. */
header{background:rgba(38,49,40,.98)!important;border-bottom:1px solid rgba(248,247,242,.18)!important;}
header .logo{color:var(--paper)!important;}
header .logo .mark{display:block!important;width:42px!important;height:42px!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:none!important;}
header .logo-text .l1,header .logo-text .l2{color:var(--paper)!important;}
header .logo-text .l3,header .logo-text .l4{color:var(--sand)!important;}
header nav a{color:var(--paper)!important;opacity:.82!important;}
header nav a:hover{opacity:1!important;}
header .nav-cta{background:var(--paper)!important;border-color:var(--paper)!important;color:var(--bush)!important;}
header .nav-cta:hover{background:var(--rust)!important;border-color:var(--rust)!important;color:var(--paper)!important;}

/* ===== hero-badge-large-style ===== */
/* Hero photograph, positioned above the hero-facts "7★" stat block — matches the site's
   established card language (16px radius, aspect-ratio crop, ink-tinted shadow) rather than
   sitting as a floating, disconnected image. */
.hero-photo{ display:block; width:100%; aspect-ratio:4/3; object-fit:cover; object-position:center 38%; border-radius:16px; box-shadow:0 14px 42px rgba(38,49,40,.16); margin-bottom:32px; }
@media (max-width:860px){ .hero-photo{ aspect-ratio:16/11; margin-bottom:24px; } }

.hero-photo-wrap{ display:flex; flex-direction:column; align-items:flex-end; align-self:start; }
.yard-badge{ text-align:right; margin-bottom:18px; }
.yard-badge-eyebrow{ display:block; font-family:var(--script); font-weight:200; font-size:clamp(28px,3.4vw,40px); line-height:1.1; letter-spacing:.02em; color:var(--rust); margin-bottom:6px; }
.yard-badge-main{ display:block; font-family:var(--mono); font-size:13px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); margin-bottom:12px; }
.yard-badge-weeks{ font-family:var(--mono); color:var(--rust); }
.yard-badge-cta{ display:inline-flex; align-items:center; gap:7px; font-family:var(--mono); font-size:12.5px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--paper); background:var(--rust); padding:11px 20px; border-radius:999px; box-shadow:0 8px 20px rgba(166,83,53,.30); transition:background .2s, transform .2s, gap .2s, box-shadow .2s; }
.yard-badge-cta:hover{ background:var(--gold); gap:11px; transform:translateY(-2px); box-shadow:0 12px 26px rgba(201,111,70,.38); }
.yard-badge-cta .arrow{ display:inline-block; transition:transform .2s; }
.yard-badge-cta:hover .arrow{ transform:translateX(3px); }
@media (max-width:640px){ .hero-photo-wrap{ align-items:stretch; align-self:auto; } .yard-badge{ text-align:left; margin-bottom:14px; } .yard-badge-main{ font-size:12px; } }

/* ===== simplified-collection-galleries ===== */
/* Simplified collection image galleries */
.collection-inspiration-note{max-width:760px;font-size:15px;line-height:1.75;color:#596159;margin:0 0 18px;}
.collection-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;}
.collection-image-card{margin:0;background:#fff;overflow:hidden;box-shadow:0 8px 28px rgba(38,49,40,.08);aspect-ratio:4/3;}
.collection-image-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.collection-image-card:hover img{transform:scale(1.025);}
.collection-coming-soon{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--rust);margin-top:22px;}
@media(max-width:900px){.collection-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.collection-image-grid{grid-template-columns:1fr;}.collection-image-card{aspect-ratio:4/3;}}

/* ===== visual-completion-refinement ===== */
/* Refined completion pass: restrained, architectural, warm and image-led. */
:root{--eco-clay:#C96F46;--eco-sage:#7C8874;--eco-cream:#F4F1EA;--eco-charcoal:#263128;}
.section-kicker{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rust);display:block;margin-bottom:16px}
.section-intro{max-width:720px;color:#596159;font-size:16px;line-height:1.8;margin-top:20px}
.standard-plans{padding:112px 0;background:var(--stone);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.standard-plans-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}
.standard-plans h2,.smart-homes h2,.conversation h2{font-size:clamp(34px,4.4vw,54px)}
.action-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn-outline-dark{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;border:1px solid var(--bush);color:var(--bush);padding:14px 22px;transition:.2s}.btn-outline-dark:hover{background:var(--bush);color:var(--paper)}
.smart-homes{padding:112px 0;background:var(--paper)}
.smart-head{display:grid;grid-template-columns:1fr .8fr;gap:60px;align-items:end;margin-bottom:52px}.smart-head p{color:#596159;line-height:1.8}
.smart-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.smart-card{background:var(--stone);padding:0;overflow:hidden;border:1px solid rgba(38,49,40,.08);transition:transform .25s ease,box-shadow .25s ease}.smart-card:hover{transform:translateY(-4px);box-shadow:0 18px 38px rgba(38,49,40,.10)}
.smart-visual{height:170px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#dcd7cb,#f3f0e9)}.smart-visual svg{width:94px;height:94px;stroke:var(--bush);fill:none;stroke-width:1.4}.smart-body{padding:30px}.smart-body h3{font-size:26px;margin-bottom:12px}.smart-body p{font-size:14px;color:#596159;line-height:1.7;margin-bottom:18px}.smart-list{display:grid;gap:9px}.smart-list li{font-size:12px;letter-spacing:.025em;color:#475047;padding-left:18px;position:relative}.smart-list li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:1px;background:var(--rust)}
.smart-card.life{background:var(--bush);color:var(--paper)}.smart-card.life .smart-visual{background:rgba(248,247,242,.09)}.smart-card.life .smart-visual svg{stroke:var(--paper)}.smart-card.life .smart-body p,.smart-card.life .smart-list li{color:rgba(248,247,242,.8)}.smart-card.life .smart-list li:before{background:#E6B097}
.mobility-note{font-size:11px!important;margin-top:18px!important;color:rgba(248,247,242,.65)!important}
.conversation{padding:112px 0;background:var(--stone);text-align:center}.conversation .section-intro{margin:22px auto 0}.conversation .action-row{justify-content:center}
.collection-coming-soon{border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--bush)}
.collection-gallery img{filter:saturate(.86) contrast(.98);transition:transform .4s ease,filter .4s ease}.collection-gallery figure{overflow:hidden}.collection-gallery figure:hover img{transform:scale(1.025);filter:saturate(.94) contrast(1)}
@media(max-width:1050px){.smart-grid{grid-template-columns:repeat(2,1fr)}.standard-plans-grid,.smart-head{grid-template-columns:1fr}}
@media(max-width:620px){.smart-grid{grid-template-columns:1fr}.standard-plans,.smart-homes,.conversation{padding:76px 0}}

/* ===== capsule-final-layout-fixes ===== */
/* Final requested refinements */
.hero-facts .fact{grid-template-columns:minmax(96px,auto) 1fr!important;column-gap:24px!important;align-items:center!important;}
.hero-facts .fact b{font-size:clamp(34px,4vw,48px)!important;line-height:1!important;white-space:nowrap!important;min-width:96px!important;}
.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:28px;}
.hero-studio-cta{ display:flex; flex-direction:column; align-items:flex-start; }
.hero-studio-flag{ display:inline-flex; align-items:center; gap:9px; font-family:var(--mono); font-size:14px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--orange); background:rgba(226,96,12,.10); border:1px solid rgba(226,96,12,.30); border-radius:999px; padding:9px 18px; margin-top:24px; margin-bottom:16px; }
.hero-studio-flag .dot{ width:8px; height:8px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 5px rgba(226,96,12,.18); }
.hero-studio-header{ font-family:var(--display); font-weight:700; font-size:clamp(24px,2.8vw,32px); color:var(--ink); line-height:1.15; letter-spacing:-.01em; margin-bottom:12px; max-width:480px; }
.hero-studio-header-sub{ font-size:15.5px; line-height:1.65; color:#566057; max-width:470px; margin-bottom:8px; }
.start-small-flag{ display:inline-flex; align-items:center; gap:9px; font-family:var(--mono); font-size:14px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--paper); background:var(--orange); border-radius:999px; padding:10px 20px; margin-bottom:22px; box-shadow:0 12px 28px rgba(226,96,12,.38); animation:startSmallPulse 2.4s ease-in-out infinite; }
.start-small-flag .dot{ width:8px; height:8px; border-radius:50%; background:var(--paper); }
@keyframes startSmallPulse{ 0%,100%{ box-shadow:0 12px 28px rgba(226,96,12,.38); } 50%{ box-shadow:0 12px 34px rgba(226,96,12,.6); } }
.btn-studio{ background:var(--orange); border-color:var(--orange); color:var(--paper); box-shadow:0 12px 28px rgba(226,96,12,.32); letter-spacing:.12em; }
.btn-studio:hover{ background:#c9530a; border-color:#c9530a; color:var(--paper); }
.hero-actions .btn-primary,.nav-cta{white-space:normal;text-align:center;line-height:1.25;}
.collection-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.collection-image-card{aspect-ratio:4/3;overflow:hidden;}
.collection-image-card img{width:100%;height:100%;object-fit:cover;}
@media(max-width:1180px){.nav-cta{max-width:190px;}}
@media(max-width:700px){.hero-facts .fact{grid-template-columns:78px 1fr!important;}.hero-facts .fact b{min-width:78px!important;font-size:34px!important;}.collection-image-grid{grid-template-columns:1fr!important;}}

/* ===== style-board-gallery-css ===== */
/* Six-collection interior/exterior style boards — sits inside #custom-designs, step 02 "Choose your style" */
  .sb-intro{ max-width:640px; margin:0 0 34px; }
.studio-launch{ max-width:620px; margin:0 0 56px; }
.studio-launch-logo{ display:inline-flex; align-items:center; justify-content:center; width:104px; height:104px; border-radius:50%; background:var(--orange); border:1px solid rgba(247,243,233,0.18); box-shadow:0 14px 34px rgba(0,0,0,0.32); margin-bottom:26px; transition:transform .2s, box-shadow .2s; }
.studio-launch-logo:hover{ transform:translateY(-4px); box-shadow:0 20px 44px rgba(0,0,0,0.4); }
.studio-launch-logo img{ width:56px; height:auto; display:block; }
.studio-launch .sb-eyebrow{ font-size:15px; letter-spacing:.06em; }
.studio-launch h3{ font-family:var(--display); font-weight:700; font-size:clamp(30px,3.6vw,46px); color:var(--paper); margin-top:4px; }
.studio-launch p{ font-size:15px; color:rgba(247,243,233,0.78); margin-top:14px; max-width:560px; }
.sb-eyebrow{ font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); }
.sb-intro h3{ font-family:var(--display); font-weight:700; font-size:clamp(24px,2.6vw,32px); color:var(--paper); margin-top:10px; }
.sb-intro p{ font-size:14px; color:rgba(247,243,233,0.75); margin-top:10px; }

/* ===== style-board-gallery-css-end ===== */
@media(max-width:700px){.hero-facts .fact{grid-template-columns:78px 1fr!important;}.hero-facts .fact b{min-width:78px!important;font-size:34px!important;}.collection-image-grid{grid-template-columns:1fr!important;}}

/* ===== studio-nav-badge-css ===== */


/* ===== collection-gallery-toggle-css ===== */
.collection-gallery-toggle{ margin-top:16px; }
.collection-gallery-toggle summary{ cursor:pointer; list-style:none; display:inline-flex; align-items:center; gap:10px; font-family:var(--mono); font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--bush); padding:9px 0; border-bottom:1px solid var(--line); user-select:none; transition:color .2s,border-color .2s; }
.collection-gallery-toggle summary::-webkit-details-marker{ display:none; }
.collection-gallery-toggle summary::marker{ content:""; }
.collection-gallery-toggle summary:hover{ color:var(--rust); border-color:var(--rust); }
.collection-gallery-toggle summary .chev{ font-family:var(--body); font-size:15px; line-height:1; transition:transform .25s ease; }
.collection-gallery-toggle[open] summary .chev{ transform:rotate(45deg); }
.collection-gallery-toggle[open] summary{ color:var(--rust); border-color:var(--rust); margin-bottom:4px; }
.collection-gallery-toggle .collection-image-grid{ margin-top:18px; }

/* ===== modular-explainer-css ===== */
.modular-explainer{ background:var(--paper); padding:88px 0; border-bottom:1px solid var(--line); }
.modular-explainer-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.modular-explainer-copy span.script{ display:block; color:var(--gold); font-size:clamp(24px,3vw,32px); margin-bottom:8px; }
.modular-explainer-copy h2{ font-size:clamp(32px,4vw,46px); color:var(--ink); line-height:1.05; margin-bottom:18px; }
.modular-explainer-copy p{ font-size:15px; line-height:1.7; color:#4a4d43; margin-bottom:14px; }
.modular-callout{ display:inline-block; margin-top:10px; font-family:var(--display); font-style:italic; font-size:17px; color:var(--rust); border-left:2px solid var(--gold); padding-left:14px; }
.modular-stat-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px 30px; }
.modular-stat .ico{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1px solid var(--gold); color:var(--rust); margin-bottom:12px; }
.modular-stat .ico svg{ width:20px; height:20px; }
.modular-stat h4{ font-size:15px; letter-spacing:.02em; color:var(--ink); margin-bottom:6px; text-transform:uppercase; font-family:var(--mono); font-weight:600; }
.modular-stat p{ font-size:13.5px; line-height:1.55; color:#596159; }
@media(max-width:900px){ .modular-explainer-grid{ grid-template-columns:1fr; gap:40px; } .modular-stat-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .modular-explainer{ padding:64px 0; } .modular-stat-grid{ grid-template-columns:1fr; } }

.journey-block{ grid-column:1 / -1; margin-top:16px; padding-top:36px; border-top:1px solid var(--line); }
.journey-title{ font-family:var(--body); font-weight:700; font-size:22px; color:var(--ink); margin:6px 0 26px; }
.journey-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:32px; }
.journey-step{ display:flex; gap:14px; }
.journey-num{ font-family:var(--mono); font-size:13px; color:var(--gold); border:1px solid var(--gold); border-radius:50%; width:30px; height:30px; flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.journey-body h5{ font-family:var(--mono); font-size:13px; letter-spacing:.03em; text-transform:uppercase; color:var(--ink); font-weight:600; margin-bottom:4px; }
.journey-time{ display:block; font-family:var(--display); font-style:italic; color:var(--rust); font-size:14px; margin-bottom:8px; }
.journey-body p{ font-size:13.5px; line-height:1.55; color:#596159; margin-bottom:10px; }
.journey-checklist li{ font-size:12.5px; line-height:1.6; color:#4a4d43; padding-left:18px; position:relative; }
.journey-checklist li::before{ content:"\2713"; position:absolute; left:0; color:var(--gold); font-weight:700; }
.journey-footnote{ font-family:var(--mono); font-size:11.5px; color:#7a8177; margin-top:22px; }
@media(max-width:900px){ .journey-steps{ grid-template-columns:1fr; } }

.timeframes-block{ grid-column:1 / -1; margin-top:20px; padding-top:36px; border-top:1px solid var(--line); }
.timeframes-intro{ font-size:14px; color:#4a4d43; margin:6px 0 22px; max-width:70ch; }
.timeframes-table{ width:100%; border-collapse:collapse; }
.timeframes-table tr{ border-bottom:1px solid var(--line); }
.timeframes-table td{ padding:12px 10px; font-size:13.5px; color:var(--ink); }
.timeframes-table td:first-child{ font-family:var(--mono); font-weight:600; letter-spacing:.01em; }
.timeframes-table td:last-child{ text-align:right; color:#596159; }
@media(max-width:640px){
  .timeframes-table td{ display:block; text-align:left !important; padding:4px 10px; }
  .timeframes-table tr{ padding:10px 0; display:block; }
}

/* ===== modular-timeline-css ===== */
.modular-timeline{ grid-column:1 / -1; margin-top:20px; padding-top:36px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:18px; align-items:start; }
.timeline-step .step-head{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.timeline-step .step-piece{ width:34px; height:34px; border-radius:6px; background:#232B17; box-shadow:0 4px 12px rgba(0,0,0,0.22); flex-shrink:0; display:block; }
.timeline-step .step-num{ display:block; font-family:var(--mono); font-size:11px; letter-spacing:.1em; color:var(--gold); }
.timeline-step h5{ font-family:var(--mono); font-size:13px; letter-spacing:.03em; text-transform:uppercase; color:var(--ink); font-weight:600; margin-bottom:6px; }
.timeline-step p{ font-size:13.5px; line-height:1.55; color:#596159; max-width:34ch; }
.timeline-arrow{ color:var(--gold); font-size:20px; align-self:center; margin-top:22px; }
@media(max-width:900px){ .modular-timeline{ grid-template-columns:1fr; gap:18px; } .timeline-arrow{ display:none; } }
.promo-card,.collection-image-card,.commercial-card,.design-card,.plan-card{border-radius:16px;overflow:hidden;}
.skip-link{ position:absolute; left:-9999px; top:0; z-index:1000; background:var(--ink); color:var(--paper); padding:12px 20px; font-family:var(--mono); font-size:13px; text-decoration:underline; }
.skip-link:focus{ left:12px; top:12px; }

/* ===== capsule-website-tidy-v2 ===== */
/* Compressed layout and refined Signature Floor Plans controls */
#promotions{display:none!important}

:root{scroll-padding-top:84px}
section{scroll-margin-top:84px}

.hero{padding-top:72px!important;padding-bottom:70px!important}
.hero-top{gap:46px!important;padding-bottom:48px!important}
.hero h1{margin-bottom:18px!important}
.hero-actions{margin-top:24px!important}
.hero-photo{margin-bottom:22px!important}
.hero-facts{gap:14px!important}
.hero-facts .fact{padding:17px 0!important}

.why,.predesigned,.about,.contact,.commercial,.start-small,.studio,
.standard-plans,.smart-homes,.conversation{padding-top:78px!important;padding-bottom:78px!important}
.section-head{margin-bottom:34px!important}
.section-intro{margin-top:14px!important;line-height:1.7!important}
.collection{padding-top:72px!important;padding-bottom:72px!important}
.collection-head{margin-bottom:30px!important}
.collection-content{gap:34px!important}
.collection-image-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}
.collection-image-card{box-shadow:0 6px 20px rgba(38,49,40,.07)!important}
.collection-gallery-toggle{margin-top:10px!important}
.collection-gallery-toggle .collection-image-grid{margin-top:14px!important}
.collection-spec-sheet{margin-top:16px!important}
.design-grid{gap:18px!important}
.card-body{padding:20px 20px 23px!important}
.floorplan-display{padding:20px!important}
.commercial-card{padding:30px!important}

.standard-plans-grid{gap:42px!important}
.plans-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  margin:26px 0 24px!important;
}
.plans-tab{
  width:100%!important;
  min-height:42px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
  padding:10px 12px!important;
  border-radius:4px!important;
  line-height:1.25!important;
}
.flyer-tabs{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin-bottom:16px!important;
}
.flyer-tab{
  width:100%!important;
  min-height:44px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  text-align:center!important;
  padding:9px 8px!important;
  line-height:1.2!important;
  border-radius:3px!important;
}
.flyer-tab .plan-beds{
  margin-left:0!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
}
.flyer-frame{margin-top:0!important}
.flyer-caption{padding-top:10px!important;padding-bottom:6px!important}

.smart-head{margin-bottom:34px!important}
.smart-grid{gap:16px!important}
.smart-body{padding:24px!important}
.conversation .action-row{margin-top:24px!important}
.acknowledgement{padding:24px!important}

@media(max-width:1050px){
  .collection-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .flyer-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .why,.predesigned,.about,.contact,.commercial,.start-small,.studio,
  .standard-plans,.smart-homes,.conversation,.collection{
    padding-top:58px!important;padding-bottom:58px!important
  }
  .plans-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .flyer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .collection-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:480px){
  .hero{padding-top:48px!important;padding-bottom:48px!important}
  .plans-tabs,.flyer-tabs,.collection-image-grid{grid-template-columns:1fr!important}
  .plans-tab,.flyer-tab{min-height:42px!important}
}

/* ===== capsule-premium-v3 ===== */
/* Premium refinement pass — presentation only; existing content and functionality retained */
html{scroll-behavior:smooth}
body{overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.wrap{width:min(1180px,calc(100% - 48px))!important}

/* Clearer section rhythm */
section:not(.hero):not(.promotions){position:relative}
section:not(.hero):not(.promotions)+section:not(.promotions){border-top:1px solid rgba(38,49,40,.07)}
.section-kicker,.plans-descriptor{letter-spacing:.16em!important}
h2{max-width:940px;text-wrap:balance}
.section-intro{max-width:800px!important;text-wrap:pretty}

/* Premium cards and imagery */
.card,.collection-image-card,.smart-card,.commercial-card,.floorplan-display,.flyer-frame{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.card:hover,.collection-image-card:hover,.smart-card:hover,.commercial-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 38px rgba(31,45,37,.10)!important;
}
.collection-image-card img,.card img,.smart-card img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.collection-image-card:hover img,.card:hover img,.smart-card:hover img{transform:scale(1.018)}

/* Collection navigation */
.plans-tabs{position:sticky;top:76px;z-index:12;padding:10px;background:rgba(248,247,242,.94);backdrop-filter:blur(12px);border:1px solid rgba(38,49,40,.08);box-shadow:0 10px 25px rgba(31,45,37,.06)}
.plans-tab,.flyer-tab{transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important}
.plans-tab:hover,.flyer-tab:hover{transform:translateY(-1px)}
.plans-tab[aria-pressed="true"],.flyer-tab[aria-pressed="true"]{box-shadow:inset 0 -3px 0 var(--tab-accent,var(--green)),0 6px 16px rgba(31,45,37,.08)!important}
.plans-panel:not(.hide){animation:panelIn .38s ease both}
@keyframes panelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.flyer-stage{border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(31,45,37,.08)}
.flyer-frame{display:block!important}
.flyer-frame:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(31,45,37,.12)!important}

/* Stronger Capsule Studio treatment — it is live */
#custom-designs{isolation:isolate}
#custom-designs:before{content:"LIVE";position:absolute;top:28px;right:max(24px,calc((100% - 1180px)/2));z-index:2;padding:7px 11px;border-radius:999px;background:var(--green);color:#fff;font-size:10px;font-weight:800;letter-spacing:.16em}
#custom-designs .btn,#custom-designs a[class*="btn"]{box-shadow:0 10px 24px rgba(31,45,37,.15)}

/* Footer finish */
footer{position:relative;border-top:0!important}
footer:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--c-urban),var(--c-coastal),var(--c-wilderness),var(--c-heritage),var(--c-retreat),var(--c-resort))}
.foot-top{gap:50px!important;padding-top:54px!important}
.foot-brand .mark{filter:drop-shadow(0 8px 18px rgba(0,0,0,.12))}
footer a{transition:opacity .18s ease,transform .18s ease}
footer a:hover{opacity:.78;transform:translateX(2px)}

/* Accessible keyboard focus */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(193,156,82,.8)!important;outline-offset:3px!important}

/* Scroll reveal, disabled for reduced motion */
.v3-reveal{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease}
.v3-reveal.v3-visible{opacity:1;transform:none}

/* Mobile enquiry bar */
.v3-mobile-cta{display:none}
@media(max-width:760px){
  .wrap{width:min(100% - 30px,1180px)!important}
  body{padding-bottom:66px}
  .plans-tabs{top:62px;grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px}
  #custom-designs:before{top:18px;right:16px}
  .v3-mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:999;gap:8px;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:rgba(250,249,245,.97);border-top:1px solid rgba(38,49,40,.12);box-shadow:0 -10px 28px rgba(31,45,37,.10);backdrop-filter:blur(12px)}
  .v3-mobile-cta a{flex:1;display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.04em;border:1px solid var(--green)}
  .v3-mobile-cta a:first-child{background:var(--green);color:#fff}
  .v3-mobile-cta a:last-child{background:transparent;color:var(--green)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .v3-reveal{opacity:1;transform:none}
}

/* ===== collection-dropdown-consistency-fix ===== */
.plans-selection-prompt{margin:0 0 24px;text-align:center;color:var(--muted);font-size:14px}
.plans-tabs:has(.plans-tab[aria-pressed="true"]) + .plans-selection-prompt{display:none}

/* ===== capsule-mobile-tablet-audit-v1 ===== */
/* Mobile and tablet presentation audit */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%}

@media (max-width:1024px){
  .wrap{width:min(100% - 40px,1180px)!important}
  header .nav-inner{min-height:72px}
  .hero-top,.collection-content,.standard-plans-grid,.about-grid,.contact-grid,.studio-grid{gap:32px!important}
  .collection-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .flyer-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .plans-tabs{position:static!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .smart-grid,.commercial-grid,.design-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .floorplan-display,.flyer-frame{min-width:0!important}
  .floorplan-display img,.flyer-frame img{width:100%!important;height:auto!important;object-fit:contain!important}
}

@media (max-width:760px){
  .wrap{width:min(100% - 28px,1180px)!important}
  body{font-size:15px}
  h1{font-size:clamp(38px,11vw,58px)!important;line-height:1.02!important}
  h2{font-size:clamp(30px,9vw,42px)!important;line-height:1.08!important}
  h3{line-height:1.18!important}
  p,li{overflow-wrap:anywhere}
  .hero-top,.collection-content,.standard-plans-grid,.about-grid,.contact-grid,.studio-grid,
  .smart-grid,.commercial-grid,.design-grid{grid-template-columns:1fr!important;gap:24px!important}
  .hero-actions,.action-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .hero-actions .btn,.action-row .btn,.collection-spec-sheet .btn{width:100%!important;justify-content:center!important;text-align:center!important}
  .hero-facts{grid-template-columns:1fr!important}
  .plans-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px!important;gap:7px!important}
  .plans-tab{min-height:48px!important;padding:10px 8px!important;font-size:10px!important}
  .flyer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
  .flyer-tab{min-height:48px!important;padding:9px 7px!important}
  .collection-image-grid{grid-template-columns:1fr!important}
  .collection-image-card img{aspect-ratio:auto!important;height:auto!important;min-height:0!important}
  .collection-palette,.internal-palette{padding:18px!important}
  .ip-item{grid-template-columns:28px minmax(0,1fr)!important;gap:10px!important}
  .ip-text{font-size:12.5px!important;line-height:1.5!important}
  .timeframes-table{display:block;width:100%;border:0}
  .timeframes-table tbody{display:block}
  .timeframes-table tr{display:grid!important;grid-template-columns:1fr!important;padding:12px 0!important}
  .timeframes-table td{display:block!important;padding:3px 0!important;text-align:left!important}
  .timeframes-table td:last-child{font-weight:600;color:var(--rust)!important}
  .foot-top,.foot-contact,.foot-bottom{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;text-align:left!important}
  footer nav ul{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .foot-legal{font-size:10px!important;line-height:1.55!important}
  .mobile-quick-actions{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}
}

@media (max-width:420px){
  .wrap{width:min(100% - 22px,1180px)!important}
  .plans-tabs,.flyer-tabs{grid-template-columns:1fr!important}
  .plans-tab,.flyer-tab{justify-content:flex-start!important;text-align:left!important;padding-left:14px!important}
  .btn{white-space:normal!important}
}

/* ===== floorplan-single-view-fix ===== */
.flyer-picker .flyer-frame.hide,
.flyer-picker .flyer-caption.hide{display:none!important;}
.flyer-picker .flyer-frame:not(.hide){display:block!important;}
.flyer-picker .flyer-caption:not(.hide){display:flex!important;}

/* ===== signature-pricing-note-style ===== */
.signature-pricing-note{
  max-width:900px;
  margin:18px 0 30px;
  padding:15px 18px;
  border-left:3px solid var(--bush);
  background:rgba(58,78,64,.055);
  color:var(--ink);
  font-size:14px;
  line-height:1.65;
}
.signature-pricing-note strong{color:var(--bush)}
@media(max-width:760px){
  .signature-pricing-note{margin:14px 0 24px;padding:13px 14px;font-size:13px}
}

/* ===== capsule-studio-corrected-cta ===== */
/*
  Preserve the original Capsule Studio logo styling.
  Do not change the logo width, height, image or internal positioning.
*/

#custom-designs .studio-launch {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  overflow: visible !important;
}

/* Main desktop CTA band */
#custom-designs .studio-cta-band {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(32px, 5vw, 70px);
  width: 100%;
  margin-top: 30px;
  padding: 32px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

/* Large heading with enough room to avoid narrow word wrapping */
#custom-designs .studio-cta-heading {
  min-width: 0;
  font-family: var(--display);
  font-size: clamp(38px, 4.4vw, 62px);
  font-weight: 500;
  line-height: 1.02;
  letter-spacing: -0.02em;
}

#custom-designs .studio-cta-heading span {
  display: block;
  white-space: normal;
}

#custom-designs .studio-heading-line-one {
  color: var(--paper);
}

#custom-designs .studio-heading-line-two {
  margin-top: 7px;
  color: var(--rust);
}

/*
  Exact requested sequence:

  [ORIGINAL CLICKABLE LOGO]  ←  [PRESS HERE]

  The arrow points left toward the logo.
*/
#custom-designs .studio-cta-action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex: 0 0 auto;
  white-space: nowrap;
}

/*
  Do not resize or reconstruct the logo.
  Only remove external margins so it aligns in the row.
*/
#custom-designs .studio-cta-action .studio-launch-logo {
  flex: 0 0 auto;
  margin: 0 !important;
}

#custom-designs .studio-cta-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  color: var(--rust);
  font-family: var(--body);
  font-size: 36px;
  font-weight: 400;
  line-height: 1;
}

#custom-designs .studio-press-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 26px;
  border: 1px solid var(--rust);
  background: transparent;
  color: var(--rust);
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.13em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease;
}

#custom-designs .studio-press-button:hover {
  background: var(--rust);
  color: var(--paper);
}

#custom-designs .studio-press-button:focus-visible,
#custom-designs .studio-launch-logo:focus-visible {
  outline: 3px solid var(--gold);
  outline-offset: 4px;
}

/* Supporting copy below */
#custom-designs .studio-cta-copy {
  max-width: 850px;
  padding-top: 38px;
}

#custom-designs .studio-cta-copy h3 {
  margin: 0 0 16px;
  font-family: var(--display);
  font-size: clamp(34px, 3.6vw, 50px);
  font-weight: 500;
  line-height: 1.08;
  color: var(--paper);
}

#custom-designs .studio-cta-copy p {
  max-width: 76ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
}

/* Tablet */
@media (max-width: 900px) {
  #custom-designs .studio-cta-band {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 24px;
    padding: 28px 0;
  }

  #custom-designs .studio-cta-heading {
    font-size: clamp(32px, 5vw, 44px);
  }

  #custom-designs .studio-cta-action {
    gap: 11px;
  }

  #custom-designs .studio-cta-arrow {
    font-size: 28px;
  }

  #custom-designs .studio-press-button {
    min-height: 48px;
    padding: 0 18px;
    font-size: 10px;
  }
}

/* Mobile */
@media (max-width: 650px) {
  #custom-designs .studio-cta-band {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #custom-designs .studio-cta-heading {
    font-size: clamp(35px, 11vw, 48px);
  }

  #custom-designs .studio-cta-action {
    justify-content: center;
    width: 100%;
  }

  #custom-designs .studio-cta-arrow {
    font-size: 25px;
  }

  #custom-designs .studio-press-button {
    min-height: 46px;
    padding: 0 15px;
    font-size: 10px;
    letter-spacing: .09em;
  }

  #custom-designs .studio-cta-copy {
    padding-top: 30px;
  }
}

/* ===== capsule-studio-visibility-tweak ===== */
/*
  PRESS HERE is a visual direction label only.
  The Capsule Studio logo remains the only clickable element.
*/
#custom-designs .studio-press-button {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 142px;
  min-height: 54px;
  padding: 0 24px;
  border: 1px solid var(--rust) !important;
  background: var(--rust) !important;
  color: #ffffff !important;
  font-family: var(--mono);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  cursor: default;
  pointer-events: none;
  transition: none !important;
}

/* Never change the label colour on hover */
#custom-designs .studio-press-button:hover,
#custom-designs .studio-press-button:focus {
  border-color: var(--rust) !important;
  background: var(--rust) !important;
  color: #ffffff !important;
  transform: none !important;
}

/* Preserve the orange-and-white clickable logo */
#custom-designs .studio-cta-action .studio-launch-logo {
  cursor: pointer;
}

#custom-designs .studio-cta-action .studio-launch-logo:hover {
  transform: none !important;
  filter: none !important;
}

/* Tablet */
@media (max-width: 900px) {
  #custom-designs .studio-press-button {
    min-width: 126px;
    min-height: 48px;
    padding: 0 18px;
    font-size: 11px;
  }
}

/* Mobile */
@media (max-width: 650px) {
  #custom-designs .studio-press-button {
    min-width: 112px;
    min-height: 44px;
    padding: 0 14px;
    font-size: 10px;
    letter-spacing: .09em;
  }
}

/* ===== capsule-studio-logo-hover ===== */
/*
  Only the Capsule Studio logo is the button.
  No layout, wording, sizing or positioning changes.
*/
#custom-designs .studio-cta-action .studio-launch-logo {
  cursor: pointer !important;
  border-radius: 50%;
  outline: 2px solid transparent;
  outline-offset: 6px;
  transition:
    outline-color .2s ease,
    box-shadow .2s ease,
    filter .2s ease !important;
}

/* White highlight and circular perimeter on hover */
#custom-designs .studio-cta-action .studio-launch-logo:hover {
  outline-color: #ffffff !important;
  box-shadow:
    0 0 0 6px rgba(255,255,255,.14),
    0 8px 22px rgba(0,0,0,.18) !important;
  filter: brightness(1.08) !important;
  transform: none !important;
}

/* Matching keyboard-accessible treatment */
#custom-designs .studio-cta-action .studio-launch-logo:focus-visible {
  outline: 3px solid #ffffff !important;
  outline-offset: 7px;
  box-shadow: 0 0 0 6px rgba(255,255,255,.14) !important;
  filter: brightness(1.08) !important;
}

/* ===== floor-plans-nav-pricing ===== */
.nav-floor-plans-label {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.05;
  text-align: center;
}

.nav-floor-plans-main {
  display: block;
}

.nav-floor-plans-sub {
  display: block;
  margin-top: 4px;
  font-family: var(--mono);
  font-size: 9px;
  font-weight: 400;
  letter-spacing: .04em;
  line-height: 1;
  text-transform: lowercase;
  opacity: .72;
  white-space: nowrap;
}

/* Mobile navigation */
@media (max-width: 800px) {
  .nav-floor-plans-label {
    align-items: flex-start;
    text-align: left;
  }

  .nav-floor-plans-sub {
    margin-top: 5px;
    font-size: 9px;
  }
}

/* ===== capsule-studio-cta-final-v2 ===== */
#custom-designs .studio-cta-arrow {
  font-size: 54px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

#custom-designs .studio-press-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 285px !important;
  min-height: 66px !important;
  padding: 0 30px !important;

  pointer-events: auto !important;
  cursor: pointer !important;

  border: 2px solid var(--rust) !important;
  background: var(--rust) !important;
  color: #fff !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: 0.025em !important;
  line-height: 1.2 !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28) !important;
  transition:
    transform 0.18s ease,
    filter 0.18s ease,
    box-shadow 0.18s ease !important;
}

#custom-designs .studio-press-button:hover {
  transform: translateY(-3px) !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.34) !important;
}

#custom-designs .studio-press-button:focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 5px !important;
}

@media (max-width: 650px) {
  #custom-designs .studio-cta-action {
    flex-wrap: wrap !important;
  }

  #custom-designs .studio-cta-arrow {
    font-size: 42px !important;
  }

  #custom-designs .studio-press-button {
    flex: 1 0 100% !important;
    width: 100% !important;
    max-width: 350px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 0 20px !important;
    font-size: 13px !important;
  }
}

/* BEGIN Homepage coordinated-package note */
.homepage-package-note {
  display: grid;
  grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr);
  gap: 36px;
  margin: 28px 0 38px;
  padding: 30px 34px;
  background: var(--ink);
  color: #fff;
  border-left: 4px solid var(--orange);
}

.homepage-package-heading span {
  display: block;
  margin-bottom: 10px;
  color: #f08a4b;
  font-family: var(--mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.homepage-package-heading h4 {
  margin: 0;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
  font-size: 29px;
  font-weight: 600;
  line-height: 1.08;
}

.homepage-package-copy p {
  margin: 0;
  color: rgba(255, 255, 255, .84);
  font-size: 14px;
  line-height: 1.7;
}

.homepage-package-copy p + p {
  margin-top: 13px;
}

@media (max-width: 760px) {
  .homepage-package-note {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 25px 23px;
  }
}
/* END Homepage coordinated-package note */