/* ============================================================
   Brand Edition 2026.2 layer for the full site (2026-09-22).
   Loaded after styles.css and /assets/pwc-chrome.css. It keeps the July
   build's layout and motion and moves the paint onto the brand system
   (pascalcouillard.com/brand/): ivory ground, Cinzel only for the page
   title, Jost sentence case everywhere else, no gradients, one dark band.
   ============================================================ */

/* the July palette variables now read the official tokens */
:root{
  --amethyst:var(--pwc-amethyst); --plum:var(--pwc-plum); --byzantium:var(--pwc-byzantium);
  --muted:var(--ink-2); --orchid:var(--pwc-orchid); --ivory:var(--pwc-ivory);
  --charcoal:var(--pwc-charcoal); --paper:var(--surface);
  --display:var(--font-display); --sans:var(--font-text);
  /* --font-body was used 11 times below but never defined anywhere; an undefined var
     inside a `font:` shorthand voids the WHOLE shorthand, so .lp-price, .lp-score .n,
     .lp-tiles .v, .lp-cost-card .v and .lp-cprice were all rendering at the inherited
     17px/500 instead of their own size and weight. Alias it to the real token. */
  --font-body:var(--font-text);
}
body{background:var(--pwc-ivory) !important}
body{padding:0 !important}

/* ---------- header: the live pages' header (pwc-chrome.css), plus search ---------- */
html body .hdr{position:sticky;top:0;z-index:60}
html body .hdr .hright{display:flex;align-items:center;gap:10px;
  margin-right:max(var(--gutter),calc((100% - var(--container)) / 2 + var(--gutter)))}
html body .hdr .hright .langbar{margin-right:0}
html body .hdr .search-btn{width:40px;height:40px;border-radius:50%;justify-content:center;color:var(--primary);
  border:1px solid var(--line);background:var(--surface)}
html body a.langbtn{display:inline-flex;align-items:center;text-decoration:none}
html body .pnav a[aria-current]{color:var(--primary)}
html body .pnav{background:var(--pwc-ivory)}
#pwc-progress{background:var(--primary)}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;z-index:100;background:var(--surface);padding:8px 12px;border-radius:8px}

/* ---------- type: Cinzel for the one display line, Jost for the rest ---------- */
h2,h3,h4{font-family:var(--font-text) !important;text-transform:none !important;letter-spacing:0 !important;
  color:var(--ink);font-weight:600}
h2{font-size:clamp(26px,3.2vw,34px);line-height:1.2}
h3{font-size:clamp(19px,2vw,22px);line-height:1.3}
h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-weight:600}
.eyebrow{color:var(--primary) !important;letter-spacing:.14em;font-size:12px}
p,li{color:var(--ink)}
.muted,.lead,.sub{color:var(--ink-2)}

/* ---------- buttons: one pill system ---------- */
.btn{border-radius:999px !important;text-transform:none !important;letter-spacing:0 !important;font-size:15px !important;
  padding:13px 24px !important;background:var(--primary) !important;border:1px solid var(--primary) !important;color:#fff !important;
  box-shadow:none}
.btn:hover{background:var(--pwc-amethyst-600) !important;border-color:var(--pwc-amethyst-600) !important}
.btn.ghost,.btn.line,.btn.outline,.btn.alt,.btn.secondary{background:var(--surface) !important;color:var(--primary) !important;
  border-color:var(--line) !important}

/* ---------- no gradients, and the July dark bands go light ---------- */
.dark{background:var(--pwc-amethyst-50) !important;color:var(--ink) !important}
.dark :where(p,span,li,small,b,em,div,h2,h3,h4,dt,dd,strong){color:var(--ink)}
.dark .eyebrow{color:var(--primary) !important}
.dark a:not(.btn){color:var(--primary)}
.ph:not([style*="background-image"]){background:var(--pwc-amethyst-50) !important;color:var(--pwc-amethyst-300) !important}
.ph[style*="background-image"]{background-size:cover !important;background-position:center !important;background-color:var(--pwc-amethyst-50) !important;opacity:1 !important}

/* ---------- the July footer is replaced by the live footer ---------- */
footer:not(.ftr):not(.uft){display:none}

/* ============================================================
   Homepage (index.html is generated by build_fullsite.py)
   ============================================================ */
.h26{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.h26-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center;
  padding-top:clamp(28px,4vh,48px);padding-bottom:clamp(28px,4vh,44px)}
.h26-hero .eyebrow{margin:0 0 12px}
.h26-hero h1{font-size:clamp(32px,4.2vw,50px);line-height:1.1;margin:0 0 14px}
.h26-hero .lead{font-size:18px;line-height:1.55;margin:0 0 22px;max-width:52ch}
.h26-search{display:flex;align-items:center;gap:12px;width:100%;max-width:620px;background:var(--surface);border:1px solid var(--line);
  border-radius:999px;padding:8px 8px 8px 20px;box-shadow:var(--shadow-1);cursor:pointer;font:inherit;color:var(--ink-2);text-align:left}
.h26-search:hover{border-color:var(--pwc-amethyst-300)}
.h26-search svg{flex:none;color:var(--primary)}
.h26-search .t{flex:1;font-size:16px}
.h26-search .go{flex:none;background:var(--primary);color:#fff;border-radius:999px;padding:11px 20px;font-weight:600;font-size:15px}
.h26-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;max-width:640px}
.h26-tools .lbl{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-right:4px}
.h26-tools a{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--surface);color:var(--primary);
  border-radius:999px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none}
.h26-tools a:hover{border-color:var(--pwc-amethyst-300)}
.h26-tools a.all{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:600}
.h26-portrait{position:relative;margin:0}
.h26-portrait img{display:block;width:100%;max-height:min(62vh,560px);object-fit:cover;object-position:50% 20%;border-radius:22px;
  box-shadow:var(--shadow-2)}
.h26-badge{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.94);border-radius:14px;padding:10px 14px;
  box-shadow:var(--shadow-1);text-decoration:none;color:var(--ink)}
.h26-badge b{display:block;font-size:20px;color:var(--primary)}
.h26-badge span{font-size:13px;color:var(--ink-2)}
.h26-sec{padding-top:clamp(48px,7vw,84px)}
.h26-sec .eyebrow{margin:0 0 10px}
.h26-sec h2{margin:0 0 14px}
.h26-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:start}
.h26-about p{font-size:17px;line-height:1.7;margin:0 0 14px}
.h26-about .quote{font-size:clamp(22px,2.6vw,28px);line-height:1.35;color:var(--primary);font-weight:500;margin:0 0 14px}
.h26-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.h26-facts div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px}
.h26-facts b{display:block;font-size:26px;color:var(--primary);font-weight:600;line-height:1.1}
.h26-facts span{font-size:13.5px;color:var(--ink-2)}
.h26-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.h26-quotes figure{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px}
.h26-quotes blockquote{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--ink)}
.h26-quotes figcaption{font-size:13.5px;color:var(--ink-2)}
.h26-quotes .st{color:#B8860B;letter-spacing:2px;font-size:14px;display:block;margin-bottom:8px}
.h26-more{margin-top:16px}
.h26-more a{font-weight:600;text-decoration:none}
.h26-hoods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.h26-hoods a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;
  text-decoration:none;color:var(--ink);font-weight:500}
.h26-hoods a:hover{border-color:var(--pwc-amethyst-300);color:var(--primary)}
.h26-band{margin-top:clamp(48px,7vw,84px)}
/* real listings in the July horizontal showcase */
.hscroll__card .ph{aspect-ratio:4/3}
.hscroll__card .ph em{position:absolute;left:12px;top:12px;background:var(--primary);color:#fff;font-style:normal;font-size:12px;
  font-weight:600;border-radius:999px;padding:4px 10px}

@media (max-width:900px){
  .h26-hero{grid-template-columns:1fr}
  /* phones: the search and tools stay on the first screen, the photo follows */
  .h26-portrait{max-width:420px}
  .h26-portrait img{max-height:52vh}
  .h26-about,.h26-quotes{grid-template-columns:1fr}
  .h26-facts,.h26-hoods{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:620px){
  .h26-search .go{padding:10px 14px}
  .h26-search .t{font-size:15px}
}

/* the listings showcase: light ground, white cards, real photos at full strength */
.hscroll__sticky{background:var(--pwc-ivory) !important;color:var(--ink) !important}
.hscroll__head .eyebrow{color:var(--primary) !important}
.hscroll__head h2{font-family:var(--font-text) !important;color:var(--ink) !important;letter-spacing:0 !important}
.hscroll__card{background:var(--surface) !important;border:1px solid var(--line) !important;border-radius:18px !important;box-shadow:var(--shadow-1);
  text-decoration:none}
.hscroll__card .loc{color:var(--primary) !important;letter-spacing:.12em !important}
.hscroll__card h3{font-family:var(--font-text) !important;color:var(--ink) !important;letter-spacing:0 !important;font-size:19px !important}
.hscroll__card .pr{font-family:var(--font-text) !important;color:var(--primary) !important;font-weight:600;font-size:18px}
.hscroll__card .mt{color:var(--ink-2) !important;font-weight:400 !important}
.hscroll__card .ph{font-size:0 !important;letter-spacing:0 !important}
.hscroll__card .ph em{font-size:12px !important;letter-spacing:.02em !important;font-family:var(--font-text) !important;opacity:1}
.hscroll__hint{color:var(--ink-2) !important}

/* photos (2026-09-22): text beside the bedroom, the Lachine Canal banner */
.h26-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:center}
.h26-photo,.h26-banner{margin:0}
.h26-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;box-shadow:var(--shadow-2)}
.h26-banner{margin:6px 0 16px;position:relative}
.h26-banner img{display:block;width:100%;height:clamp(200px,30vw,380px);object-fit:cover;object-position:50% 58%;border-radius:22px}
.h26-banner figcaption{position:absolute;left:16px;bottom:14px;background:rgba(255,255,255,.92);border-radius:999px;padding:6px 12px;
  font-size:13px;color:var(--ink)}
@media (max-width:900px){.h26-split{grid-template-columns:1fr}}

/* slogan headline: a full sentence reads better in sentence case (2026-09-22) */
.h26-hero h1{text-transform:none !important;letter-spacing:.005em !important;font-size:clamp(30px,3.5vw,46px) !important;line-height:1.18 !important}

/* listings row: drifts slowly, pauses on hover or touch, swipe or arrows */
.h26-carhead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.h26-carhead h2{margin:0}
.h26-arrows{display:flex;gap:8px;flex:none}
.h26-arrows button{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--primary);
  font-size:20px;cursor:pointer}
.h26-arrows button:hover{border-color:var(--pwc-amethyst-300)}
.h26-track{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.h26-track::-webkit-scrollbar{display:none}
.h26-card{flex:0 0 min(78vw,340px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);
  border-radius:18px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:var(--shadow-1)}
.h26-card:hover{border-color:var(--pwc-amethyst-300)}
.h26-card .im{position:relative;display:block;aspect-ratio:4/3;background:var(--pwc-amethyst-50) center/cover no-repeat}
.h26-card em{position:absolute;left:12px;top:12px;background:var(--primary);color:#fff;font-style:normal;font-size:12px;font-weight:600;
  border-radius:999px;padding:4px 10px}
.h26-card .cx{display:flex;flex-direction:column;gap:3px;padding:14px 16px 16px}
.h26-card .loc{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--primary)}
.h26-card b{font-size:16.5px;font-weight:600}
.h26-card .pr{color:var(--primary);font-weight:600;font-size:17px}
.h26-card .mt{color:var(--ink-2);font-size:14px}
@media (max-width:620px){.h26-arrows{display:none}}

/* pass 2 (2026-09-22): no July pink/plum glows anywhere; flat brand grounds only */
.hero .glow,.page-hero .glow,.cinema__bg,.cinema__grid{display:none !important}
.card .ph::before,.portrait::after,.area .ph::after,.ph::after,
.area::before,.feature::before,.review-card::before,.pillar::before,.card::before{background:none !important;opacity:0 !important;animation:none !important}

/* back-to-top: a quiet round arrow instead of the July "PWC" bubble */
#pwc-top{width:46px !important;height:46px !important;border-radius:50% !important;background:var(--surface) !important;
  border:1px solid var(--line) !important;box-shadow:var(--shadow-1) !important;font-size:0 !important;color:transparent !important;
  right:16px !important;bottom:16px !important}
#pwc-top::before{content:"";position:absolute;left:50%;top:54%;width:11px;height:11px;border-left:2px solid var(--primary);
  border-top:2px solid var(--primary);transform:translate(-50%,-50%) rotate(45deg)}
#pwc-top:hover{border-color:var(--pwc-amethyst-300) !important}

/* ---- header with drop-down menus (2026-09-22): one row, brand | menus | search + EN/FR ---- */
html body .hdr.hdr26{display:flex;align-items:center;gap:18px;height:74px;padding:0 max(var(--gutter),calc((100% - 1240px) / 2));
  background:rgba(250,247,242,.94);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--line)}
html body .hdr.hdr26 .brand{margin:0;flex:none}
html body .hdr.hdr26 .brand .n small{display:block;font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-2);margin-top:2px}
html body .hdr.hdr26 .hright{display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
html body .hdr.hdr26 .langbar{margin:0}
.mnav{flex:1;display:flex;justify-content:center;min-width:0}
.mnav>ul{display:flex;gap:2px;list-style:none;margin:0;padding:0}
.mm{position:relative}
.mmb{display:flex;align-items:center;gap:6px;border:0;background:none;font:500 15px/1 var(--font-body);color:var(--ink);
  padding:12px 12px;border-radius:999px;cursor:pointer;white-space:nowrap}
.mmb svg{transition:transform .2s ease;opacity:.7}
.mmb:hover,.mmb[aria-expanded="true"]{background:var(--pwc-amethyst-50);color:var(--primary)}
.mmb[aria-expanded="true"] svg{transform:rotate(180deg)}
.mmb[data-here]{color:var(--primary);box-shadow:inset 0 -2px 0 var(--primary);border-radius:0}
.mmd{position:absolute;left:50%;top:calc(100% + 10px);transform:translate(-50%,6px);min-width:260px;background:var(--surface);
  border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(43,26,58,.16);padding:10px;
  opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility 0s .18s;z-index:60}
.mmd::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.mmb[aria-expanded="true"]+.mmd{opacity:1;visibility:visible;transform:translate(-50%,0);transition:opacity .18s ease,transform .18s ease}
.mmd ul{list-style:none;margin:0;padding:0}
.mmd a{display:block;padding:10px 14px;border-radius:12px;color:var(--ink);text-decoration:none;font-size:15px;line-height:1.3}
.mmd a small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}
.mmd a:hover,.mmd a:focus-visible{background:var(--pwc-amethyst-50);color:var(--primary)}
.mmd a[aria-current]{color:var(--primary);font-weight:600}
.mmd li:first-child a{font-weight:600;color:var(--primary)}
.mm.wide .mmd{min-width:620px}
.mm.wide .mmd ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 4px}
.mm.wide .mmd li:nth-child(-n+3) a{font-weight:600;color:var(--primary)}
.mm.wide .mmd li:nth-child(3){margin-bottom:6px}
.search-pill{display:flex !important;align-items:center;gap:8px;width:auto !important;height:44px !important;padding:0 18px 0 14px !important;
  border-radius:999px !important;border:1px solid var(--line) !important;background:var(--surface) !important;color:var(--ink) !important;
  font:500 14.5px var(--font-body) !important;min-width:150px;cursor:pointer}
.search-pill:hover{border-color:var(--pwc-amethyst-300) !important;color:var(--primary) !important}
.mnav-toggle{display:none;align-items:center;gap:8px;height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);
  background:var(--primary);color:#fff;font:600 14px var(--font-body);cursor:pointer}
.mnav-toggle .bars,.mnav-toggle .bars::before,.mnav-toggle .bars::after{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;position:relative;transition:transform .2s}
.mnav-toggle .bars::before,.mnav-toggle .bars::after{content:"";position:absolute;left:0}
.mnav-toggle .bars::before{top:-5px}.mnav-toggle .bars::after{top:5px}
.menu-open .mnav-toggle .bars{background:transparent}
.menu-open .mnav-toggle .bars::before{transform:translateY(5px) rotate(45deg)}
.menu-open .mnav-toggle .bars::after{transform:translateY(-5px) rotate(-45deg)}
html body nav.pnav{display:none !important}
@media (max-width:1320px){.mmb{padding:12px 9px;font-size:14.5px}.search-pill{min-width:0}}
@media (max-width:1179px){
  /* a backdrop filter makes the header the containing block for the fixed menu panel, so it
     would only show inside the 64px header. No blur on phones. */
  html body .hdr.hdr26{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--pwc-ivory,#F6F1E9)}
  .mnav-toggle{display:flex}
  .search-pill span{display:none}.search-pill{padding:0 !important;width:44px !important;justify-content:center}
  .menu-open+.mnav,.mnav{position:fixed;left:0;right:0;top:74px;bottom:0;background:var(--pwc-ivory,#F6F1E9);overflow-y:auto;display:block;
    padding:12px var(--gutter) 40px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility 0s .2s;z-index:70}
  .menu-open .mnav,html.menu-lock .mnav{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
  .mnav>ul{flex-direction:column;gap:0}
  .mm{border-bottom:1px solid var(--line)}
  .mmb{width:100%;justify-content:space-between;font-size:18px;padding:18px 4px;border-radius:0}
  .mmb:hover,.mmb[aria-expanded="true"]{background:none}
  .mmb[data-here]{box-shadow:none}
  .mmd,.mm.wide .mmd{position:static;transform:none;min-width:0;box-shadow:none;border:0;padding:0 0 12px;display:none;opacity:1;visibility:visible;background:none}
  .mmb[aria-expanded="true"]+.mmd{display:block;transform:none}
  .mm.wide .mmd ul{grid-template-columns:1fr 1fr}
  html.menu-lock,html.menu-lock body{overflow:hidden}
}
@media (max-width:560px){
  html body .hdr.hdr26{height:64px;gap:8px}
  .mnav{top:64px}
  html body .hdr.hdr26 .brand .n{font-size:12px}
  html body .hdr.hdr26 .brand .n small{display:none}
  .mm.wide .mmd ul{grid-template-columns:1fr}
  .mnav-toggle{padding:0 12px}
}

/* ---------------- my own listing pages (2026-09-22) ---------------- */
.lp-main{max-width:1240px;margin:0 auto;padding:0 var(--gutter) 40px}
.lp-crumbs{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--ink-2);padding:18px 0 12px}
.lp-crumbs a{color:var(--primary);text-decoration:none}
.lp-gal{position:relative;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:170px 170px;gap:10px;border-radius:22px;overflow:hidden}
.lp-gal button{border:0;padding:0;cursor:pointer;background:var(--pwc-amethyst-50) center/cover no-repeat;transition:opacity .2s}
.lp-gal button:hover{opacity:.92}
.lp-g0{grid-row:1/3}
.lp-all{position:absolute;right:14px;bottom:14px;background:rgba(255,255,255,.96) !important;color:var(--ink);border-radius:999px;
  padding:10px 16px;font:600 13.5px var(--font-body);box-shadow:var(--shadow-1)}
.lp-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:clamp(24px,4vw,56px);align-items:start;padding-top:26px}
.lp-head h1{font-size:clamp(25px,3vw,36px);text-transform:none;letter-spacing:.005em;margin:6px 0 4px}
.lp-price{font:600 clamp(24px,2.6vw,32px)/1.1 var(--font-body);color:var(--primary);margin:0 0 14px}
.lp-chipsrow{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 18px;padding:0}
.lp-chipsrow li{background:var(--pwc-amethyst-50);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:14px}
.lp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.btn.ghost{background:var(--surface) !important;color:var(--primary) !important;border:1px solid var(--line) !important}
.lp-sec{padding:30px 0;border-top:1px solid var(--line);margin-top:26px}
.lp-sec h2{font-size:clamp(20px,2.2vw,26px);margin:0 0 14px}
.lp-sec h3{font-size:16px;margin:0 0 10px}
.lp-desc p{margin:0 0 12px;max-width:68ch;color:var(--ink);font-size:16.5px;line-height:1.65}
.lp-add{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--surface)}
.lp-add summary{cursor:pointer;font-weight:600;color:var(--primary)}
.lp-dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;margin:0}
.lp-dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}
.lp-dl dt{color:var(--ink-2);font-size:14.5px;margin:0}
.lp-dl dd{margin:0;font-weight:600;font-size:14.5px;text-align:right}
.lp-dl .tot dd,.lp-dl .tot dt{color:var(--primary)}
.lp-costs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px}
.lp-cost-card{background:var(--pwc-amethyst-50);border-radius:18px;padding:18px 20px}
.lp-cost-card .k{margin:0;font-size:13.5px;color:var(--ink-2)}
.lp-cost-card .v{margin:4px 0 2px;font:600 26px var(--font-body);color:var(--primary)}
.lp-cost-card .s{margin:0;font-size:13px;color:var(--ink-2)}
.lp-cost-card .s a{color:var(--primary)}
.lp-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.lp-two .lp-dl{grid-template-columns:1fr}
.lp-walk{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.lp-score{background:var(--primary);color:#fff;border-radius:20px;padding:16px 22px;min-width:170px}
.lp-score .n{margin:0;font:600 40px/1 var(--font-body)}
.lp-score .n small{font-size:16px;opacity:.75}
.lp-score .w{margin:4px 0 0;font-weight:600}
.lp-score .s{margin:8px 0 0;font-size:12px;opacity:.85;max-width:26ch;line-height:1.4}
.lp-facts p{margin:0 0 8px;font-size:16px}
.lp-facts b{color:var(--primary)}
.lp-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.lp-chips button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);
  border-radius:999px;padding:7px 13px;font-size:13.5px;cursor:pointer}
.lp-chips button.on{color:var(--ink);border-color:var(--pwc-amethyst-300);background:var(--pwc-amethyst-50)}
.lp-chips i,.lp-near i{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}
.lp-map{height:420px;border-radius:20px;overflow:hidden;border:1px solid var(--line);z-index:0}
.lp-pin span{display:block;width:22px;height:22px;margin:6px;background:var(--primary);transform:rotate(45deg);border:3px solid #fff;
  border-radius:4px;box-shadow:0 4px 12px rgba(43,26,58,.35)}
.lp-nearby{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:20px}
.lp-near h3{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 8px}
.lp-near ul{list-style:none;margin:0;padding:0}
.lp-near li{display:flex;justify-content:space-between;gap:10px;font-size:13.5px;padding:5px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.lp-near b{color:var(--ink);font-weight:600;white-space:nowrap}
.lp-src{font-size:12.5px;color:var(--ink-2);margin:14px 0 0}
.lp-more{color:var(--primary);font-weight:600;text-decoration:none}
.lp-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.lp-tiles>div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px}
.lp-tiles .v{margin:0;font:600 25px var(--font-body);color:var(--primary)}
.lp-tiles .k{margin:4px 0 0;font-size:13px;color:var(--ink-2)}
.lp-side{position:sticky;top:96px}
.lp-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:var(--shadow-1)}
.lp-cprice{margin:0 0 12px;font:600 24px var(--font-body);color:var(--primary)}
.lp-me{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:14px}
.lp-me img{border-radius:50%;object-fit:cover;object-position:50% 18%}
.lp-me b{display:block;font-size:15px}
.lp-me span{font-size:12.5px;color:var(--ink-2)}
.lp-card h2{font-size:17px;margin:0 0 12px}
.lp-form label{display:block;font-size:13px;color:var(--ink-2);margin-bottom:10px}
.lp-form input,.lp-form textarea{width:100%;margin-top:4px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;
  font:15px var(--font-body);color:var(--ink);background:var(--pwc-ivory-50,#fffdfa)}
.lp-form input:focus,.lp-form textarea:focus{outline:2px solid var(--pwc-amethyst-300);outline-offset:1px}
.lp-ck{display:flex;gap:9px;align-items:flex-start;font-size:12.5px}
.lp-ck input{width:auto;margin:2px 0 0}
.lp-form .btn{width:100%;margin-top:4px}
.lp-note{margin:10px 0 0;font-size:13.5px;color:var(--primary)}
.lp-callrow{display:flex;gap:10px;margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.lp-callrow a{flex:1;text-align:center;font-size:13.5px;font-weight:600;color:var(--primary);text-decoration:none;padding:8px;
  border:1px solid var(--line);border-radius:999px}
.lp-others .lp-otrack{overflow-x:auto}
.lp-box{position:fixed;inset:0;background:rgba(26,16,36,.94);z-index:200;display:flex;align-items:center;justify-content:center}
.lp-box[hidden]{display:none}
.lp-box img{max-width:92vw;max-height:84vh;border-radius:10px}
.lp-box button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;border-radius:50%;width:48px;height:48px;font-size:22px;cursor:pointer}
.lp-x{top:18px;right:18px}.lp-prev{left:18px}.lp-next{right:18px}
.lp-count{position:absolute;bottom:18px;color:#fff;font-size:14px;margin:0}
@media (max-width:980px){
  .lp-grid{grid-template-columns:1fr}
  .lp-side{position:static}
  .lp-nearby{grid-template-columns:1fr 1fr}
  .lp-tiles{grid-template-columns:1fr 1fr}
  .lp-two{grid-template-columns:1fr}
  .lp-gal{grid-template-columns:1fr 1fr;grid-template-rows:200px 120px}
  .lp-g0{grid-column:1/3;grid-row:1}
  .lp-g3,.lp-g4{display:none}
}
@media (max-width:560px){
  .lp-dl{grid-template-columns:1fr}
  .lp-costs{grid-template-columns:1fr}
  .lp-nearby{grid-template-columns:1fr}
  .lp-tiles{grid-template-columns:1fr 1fr}
  .lp-map{height:300px}
  .lp-gal{grid-template-rows:180px 96px}
}

/* the score card sits on amethyst, so its text stays white whatever the page rules say */
.lp-score,.lp-score p,.lp-score .n,.lp-score .w,.lp-score .s,.lp-score small{color:#fff !important}

/* ---- homepage: video behind the top, then colour between the sections (2026-09-22) ---- */
.hv{position:relative;isolation:isolate;padding:clamp(70px,9vw,110px) 0 clamp(52px,7vw,84px);overflow:hidden;
  background:var(--plum,#2b1a3a)}
.hv-media{position:absolute;inset:0;z-index:-1}
.hv-video{width:100%;height:100%;object-fit:cover;opacity:.55}
.hv-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(43,26,58,.92) 0%,rgba(43,26,58,.72) 46%,rgba(43,26,58,.5) 100%)}
.hv-in{max-width:var(--container);position:relative}
.hv-in .eyebrow{color:#e9ddf0 !important}
.hv h1{color:#fff !important;max-width:18ch}
.hv .lead{color:#f2ebf6;max-width:54ch;font-size:clamp(16px,1.35vw,18.5px)}
.hv .h26-search{background:#fff;border-color:transparent;box-shadow:0 14px 40px rgba(12,6,20,.35);max-width:560px}
.hv .h26-tools .lbl{color:#cdbbdc}
.hv .h26-tools a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.hv .h26-tools a:hover{background:rgba(255,255,255,.2)}
.hv .h26-tools a.all{background:#fff;color:var(--plum,#2b1a3a);border-color:#fff}
.hv-rev{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#fff;text-decoration:none;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);border-radius:999px;padding:9px 18px}
.hv-rev b{font-size:15px}
.hv-rev span{font-size:13.5px;color:#e9ddf0}
.h26-meet{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(26px,4vw,56px);align-items:center}
.h26-meet .quote{font-family:var(--font-display);font-size:clamp(20px,2.1vw,27px);color:var(--primary);line-height:1.3;margin:6px 0 18px}
.h26-meet p{max-width:60ch}
.h26-portrait{margin:0}
.h26-portrait img{width:100%;border-radius:22px;object-fit:cover;object-position:50% 12%;box-shadow:var(--shadow-2)}
.tintw{background:var(--pwc-amethyst-50);border-radius:28px;padding-left:clamp(16px,3vw,34px);padding-right:clamp(16px,3vw,34px)}
.h26-card{transition:transform .22s ease,border-color .2s ease,box-shadow .22s ease}
.h26-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(43,26,58,.14)}
@media (prefers-reduced-motion: reduce){.hv-video{display:none}.h26-card:hover{transform:none}}
@media (max-width:900px){
  .h26-meet{grid-template-columns:1fr}
  .hv-scrim{background:linear-gradient(180deg,rgba(43,26,58,.86) 0%,rgba(43,26,58,.78) 100%)}
}
