/* Page-local Custom Homes design. Shared build and hero styles stay independent. */
body[data-page="custom-homes"],
body[data-page="single-family"],
body[data-page="duplex-homes"],
body[data-page="fourplex-homes"] { overflow-x:clip !important; overflow-y:visible !important; }
/* Keep the custom and duplex headings compact across screen sizes. */
@media (min-width: 769px) {
 #custom-hero .max-w-3xl, #duplex-hero .max-w-3xl { max-width:100%; }
 #custom-hero h1, #duplex-hero h1 { font-size:clamp(40px,5vw,60px); }
 #custom-hero h1 > span, #duplex-hero h1 > span { white-space:nowrap; }
}
@media (max-width: 768px) {
 #custom-hero h1, #duplex-hero h1 { font-size:clamp(27px,9.6vw,36px); letter-spacing:-.025em; line-height:1.08; }
}
#custom-hero .hero-desc, #duplex-hero .hero-desc { max-width:680px; }
.ch { --ink:#f7f5ef; --muted:#b9b7b1; --gold:#e6cd8c; --gold-gradient:linear-gradient(180deg,#c8a45b 0%,#e6cd8c 45%,#fff 72%,#fff 100%); --line:rgba(230,205,140,.22); color:var(--ink); background:#000; font-family:Inter,Arial,sans-serif; }
.ch *, .ch *::before, .ch *::after { box-sizing:border-box; }
.ch-shell { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.ch-section { padding-block:88px; scroll-margin-top:100px; }
.ch-reveal {
 opacity:0;
 transform:translate3d(0,20px,0);
 transition:opacity 720ms cubic-bezier(.22,1,.36,1),transform 720ms cubic-bezier(.22,1,.36,1);
 transition-delay:var(--ch-reveal-delay,0ms);
 will-change:opacity,transform;
}
.ch-reveal.is-revealed { opacity:1; transform:translate3d(0,0,0); will-change:auto; }
.ch h2,.ch h3 { font-family:var(--nlx-serif,'DM Serif Display',Georgia,serif); font-weight:400; letter-spacing:-.025em; margin:0; }
.ch h2 { font-size:clamp(38px,4.3vw,64px); line-height:1.08; }
.ch h3 { font-size:28px; line-height:1.2; }
.ch h2 em { font-style:normal; background:var(--gold-gradient); background-clip:text; -webkit-background-clip:text; color:transparent; }
.ch p { color:var(--muted); font-size:16px; line-height:1.75; margin:0; }
.ch .ch-kicker { font-size:12px; font-weight:600; letter-spacing:.2em; color:var(--gold); margin-bottom:22px; line-height:1.6; text-wrap:balance; }
.ch a { text-decoration:none; }
.ch a:focus-visible,.ch summary:focus-visible { outline:2px solid var(--gold); outline-offset:6px; }
.ch-link { position:relative; display:inline-block; min-height:48px; margin-top:.75rem; padding-block:.65rem; color:var(--gold); font-size:.95rem; font-weight:600; line-height:1.55; }
.ch-link svg { color:var(--gold); -webkit-text-fill-color:initial; }
.ch-link::after { content:''; position:absolute; right:0; bottom:0; left:0; height:1px; background:var(--gold); transform:scaleX(.24); transform-origin:left; transition:transform .4s cubic-bezier(.22,1,.36,1); }
@media(hover:hover) and (pointer:fine) { .ch-link:hover::after { transform:scaleX(1); } }
/* Touch: no hover to expand the underline, so show it full-width at rest. */
@media(hover:none) { .ch-link::after { transform:scaleX(1); transition:none; } }
.ch-nav { display:flex; justify-content:space-between; gap:20px; padding-block:24px; border-bottom:1px solid var(--line); }
.ch-nav a { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:#c0beb8; padding:8px 0; }
.ch-nav a:hover { color:var(--gold); }
.ch-intro { padding-block:88px 112px; }
 .ch-intro-heading { max-width:1200px; margin:0 auto; text-align:center; }
.ch-intro-heading h2 { font-size:clamp(42px,4.4vw,64px); text-wrap:balance; }
.ch .ch-intro-lede { max-width:760px; margin:22px auto 52px; color:#c7c4bd; font-size:18px; line-height:1.7; text-align:center; text-wrap:pretty; }
.ch-intro-lede::after { content:''; display:block; width:64px; height:1px; margin:27px auto 0; background:var(--gold); }
.ch-intro-feature { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:56px; align-items:center; }
.ch-intro-visual { margin:0; min-width:0; }
.ch-intro-visual img { display:block; width:100%; aspect-ratio:6/5; object-fit:cover; object-position:center; border-radius:8px; }
.ch-intro-visual figcaption { margin-top:14px; color:#928d82; font-size:9px; letter-spacing:.15em; }
.ch-intro-card { min-width:0; padding:0; }
.ch-intro-card h3 { font-size:clamp(32px,3.1vw,46px); line-height:1.12; }
.ch-intro-card h3 em { font-style:normal; color:var(--ink); }
.ch-intro-card > p { margin-top:21px; color:#c7c4bd; font-size:15px; line-height:1.8; }
.ch-intro-principles { display:grid; gap:21px; margin:28px 0 0; padding:0; list-style:none; }
.ch-intro-principles li { padding-left:18px; border-left:1px solid #b99d59; }
.ch-intro-principles strong,.ch-intro-principles small { display:block; }
.ch-intro-principles strong { color:var(--gold); font-size:13px; font-weight:600; line-height:1.45; letter-spacing:.1em; text-transform:uppercase; }
.ch-intro-principles small { margin-top:6px; color:#b9b7b1; font-size:14px; line-height:1.6; }
.ch-intro-card .ch-link { margin-top:23px; }
.ch-heading { display:grid; grid-template-columns:1.1fr 1fr; gap:100px; align-items:end; margin-bottom:40px; }
.ch-heading > p, .ch-heading > div > p:not(.ch-kicker) { max-width:430px; }
.ch-heading .ch-link { margin-top:14px; }
/* Open photographic spread: all design possibilities remain visible. */
.ch-design { padding-block:48px 72px; }
.ch-design .ch-heading { grid-template-columns:minmax(0,1fr) minmax(0,340px); gap:40px; margin-bottom:30px; align-items:end; }
.ch-design .ch-heading h2 { font-size:clamp(36px,3.6vw,50px); }
.ch-design .ch-heading .ch-kicker { margin-bottom:16px; }
.ch-design .ch-heading > p { max-width:none; font-size:14px; line-height:1.7; }
.ch-design-spread { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:64px 40px; }
.ch-design-story { min-width:0; }
.ch-design-story figure { margin:0 0 24px; }
.ch-design-story img { display:block; width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:6px; }
.ch-design-caption .ch-kicker { margin-bottom:12px; text-transform:uppercase; letter-spacing:.13em; }
.ch-design-caption h3 { font-size:clamp(26px,2.5vw,34px); line-height:1.15; margin-bottom:20px; text-wrap:balance; }
.ch-design-copy { font-size:15px; line-height:1.75; max-width:48ch; }
@media(min-width: 769px) {
 .ch-design-story { display:flex; flex-direction:column; }
 .ch-design-story figure { order:-1; }
}
@media(max-width: 768px) {
 .ch-design-spread { grid-template-columns:minmax(0,1fr); gap:44px; }
 .ch-design-story figure { margin-bottom:20px; }
 .ch-design-caption h3 { font-size:28px; margin-bottom:12px; }
}
.ch summary { list-style:none; cursor:pointer; }
.ch summary::-webkit-details-marker { display:none; }
.ch-plus { position:relative; width:16px; height:16px; flex-shrink:0; }
.ch-plus::before,.ch-plus::after { content:''; position:absolute; background:var(--gold); width:12px; height:1px; top:7px; left:2px; }
.ch-plus::after { transform:rotate(90deg); transition:transform .2s; }
.ch details[open] > summary .ch-plus::after { transform:rotate(0deg); }
.ch-planning { background:#000; margin-top:32px; }
.ch-planning .ch-heading { display:block; max-width:800px; margin:0 auto 42px; text-align:center; }
.ch-planning .ch-heading > div { display:block; }
.ch-planning .ch-heading h2 { font-size:clamp(38px,4vw,56px); line-height:1.14; text-wrap:balance; }
.ch-planning .ch-heading > p { max-width:590px; margin:26px auto 0; color:#c7c4bd; }
/* Three columns. One line system only — a single hairline above each column,
   no vertical dividers, no bottom rule (so uneven column heights don't show). */
.ch-planning-rows { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); column-gap:clamp(32px,4vw,64px); }
.ch-planning-site { margin:0 0 34px; }
.ch-planning-site img { display:block; width:100%; height:clamp(250px,28vw,380px); object-fit:cover; object-position:center 43%; border-radius:6px; }
.ch-planning-site figcaption { margin-top:12px; color:#918d83; font-size:10px; line-height:1.5; letter-spacing:.06em; }
.ch-planning-rows article { min-width:0; padding-top:0; text-align:center; }
.ch-planning-rows article > div { min-width:0; }
.ch-planning-rows h3 { width:min(100%,280px); min-height:2.4em; margin:0 auto 16px; font-size:clamp(24px,2vw,29px); line-height:1.2; text-wrap:balance; }
.ch-planning-rows p { max-width:390px; margin-inline:auto; font-size:15px; line-height:1.75; }
.ch-planning-rows .ch-source { min-height:36px; margin-top:10px; padding-block:5px; color:#aaa69d; font-size:12px; font-weight:500; }
.ch-planning-rows .ch-source::after { background:rgba(230,205,140,.62); transform:scaleX(.18); transform-origin:left; }
@media(hover:hover) and (pointer:fine) {
 .ch-planning-rows .ch-source:hover { color:var(--gold); }
 .ch-planning-rows .ch-source:hover::after { transform:scaleX(1); }
}
@media(hover:none) { .ch-planning-rows .ch-source::after { transform:scaleX(1); transition:none; } }
.ch-centered { max-width:720px; margin:0 auto 54px; text-align:center; }
.ch-centered > p:last-child { margin-top:20px; }
.ch-process { max-width:1080px; }
.ch-process .ch-centered h2 { font-size:clamp(38px,4vw,56px); }
/* Title left, supporting line right — on one row, bottom-aligned, so the copy
   sits beside the title instead of stranding a gap under it. */
.ch-process .ch-centered {
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  column-gap:clamp(40px,5vw,88px); align-items:end;
  max-width:none; margin:0 0 54px; text-align:left;
}
.ch-process .ch-centered .ch-kicker { grid-column:1; }
.ch-process .ch-centered h2 { grid-column:1; }
.ch-process .ch-centered > p:last-child { grid-column:2; grid-row:2; margin:0 0 10px; text-align:right; }
.ch-steps { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.ch-steps li { display:grid; grid-template-columns:64px minmax(200px,.85fr) minmax(0,1.15fr); gap:32px; align-items:center; padding:30px 0; border-bottom:1px solid var(--line); }
.ch-step-number { align-self:start; padding-top:20px; font:400 28px/1 var(--nlx-serif,'DM Serif Display',Georgia,serif); color:#bba66f; }
.ch-steps h3 { font-size:34px; margin:0; line-height:1.15; }
.ch-step-label { font-size:11px; text-transform:uppercase; color:#a49b85; letter-spacing:.13em; display:block; margin-bottom:9px; }
.ch-steps p { max-width:480px; font-size:15px; line-height:1.75; }
.ch-process > .ch-link { display:table; margin:28px auto 0; text-align:center; }
.ch-process-story { display:grid; grid-template-columns:1fr 1fr; gap:48px; min-height:599px; }
.ch-process-photos { position:relative; min-height:0; overflow:hidden; border-radius:6px; background:#111; }
.ch-process-photos img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 60%; }
.ch-process-story .ch-steps { position:relative; display:grid; min-width:0; border:0; }
.ch-process-story .ch-steps li,.ch-process-story .ch-steps li:first-child,.ch-process-story .ch-steps li:last-child {
  grid-area:1 / 1; grid-template-columns:34px minmax(0,1fr); align-content:center; align-items:start; gap:20px;
  padding:38px 0; border:0; opacity:0; visibility:hidden; transform:translateY(12px); pointer-events:none;
  transition:opacity .42s ease,transform .42s cubic-bezier(.22,.61,.36,1),visibility 0s linear .42s;
}
.ch-process-story .ch-steps li.is-current { opacity:1; visibility:visible; transform:none; pointer-events:auto; transition-delay:.08s,.08s,0s; }
.ch-process-story .ch-step-number { padding-top:32px; font-size:20px; color:#847a61; }
.ch-process-story .ch-steps h3 { font-size:clamp(42px,3.7vw,54px); line-height:1.05; }
.ch-process-story .ch-step-label { margin-bottom:14px; color:#a99a75; }
.ch-process-story .ch-steps p { max-width:500px; margin-top:20px; color:#c7c4bd; font-size:15px; line-height:1.72; }
.ch-process-story .ch-steps .ch-step-support { margin-top:12px; color:#c7c4bd; }
.ch-process-story .ch-steps .ch-step-focus { margin-top:27px; padding-top:17px; border-top:1px solid var(--line); color:#aaa397; font-size:10px; line-height:1.65; letter-spacing:.07em; text-transform:uppercase; }
.ch-step-focus > span:first-child { display:block; margin-bottom:7px; color:var(--gold); font-size:9px; font-weight:600; letter-spacing:.16em; }
.ch-step-focus-items > span { display:inline-block; }
.ch-step-focus-items > span + span::before { content:' · '; white-space:pre; }
.ch-step-mobile-photo { display:none; }
@media(max-width:1050px) { .ch-process-story { gap:28px; } }
@media (max-width:1180px),
       (orientation:landscape) and (min-width:1181px) and (max-width:1400px) and (pointer:coarse) {
 .ch-process .ch-centered { display:block; text-align:center; margin-bottom:28px; }
 .ch-process .ch-centered > p:last-child { max-width:540px; margin:16px auto 0; text-align:center; }
 .ch-process-story { display:block; min-height:0; }
 .ch-process-photos { display:none; }
 .ch-process-story .ch-steps { display:block; }
 .ch-process-story .ch-steps li,.ch-process-story .ch-steps li:first-child,.ch-process-story .ch-steps li:last-child {
   display:grid; grid-template-columns:38px minmax(0,1fr); gap:16px; padding:34px 0 38px; border-top:1px solid var(--line);
   opacity:1; visibility:visible; transform:none; pointer-events:auto; transition:none;
 }
 .ch-process-story .ch-steps li:first-child { padding-top:0; border-top:0; }
 .ch-process-story .ch-step-number { padding-top:27px; font-size:22px; color:var(--gold); }
 .ch-process-story .ch-steps h3,.ch-process-story .ch-steps li.is-current h3 { font-size:34px; }
 .ch-process-story .ch-step-label { margin-bottom:11px; }
 .ch-step-mobile-photo { display:block; width:100%; height:auto; aspect-ratio:16/9; margin:20px 0 21px; border-radius:6px; object-fit:cover; }
 .ch-process-story .ch-steps p { margin-top:0; font-size:14.5px; line-height:1.72; }
 .ch-process-story .ch-steps .ch-step-support { margin-top:11px; }
 .ch-process-story .ch-steps .ch-step-focus { margin-top:21px; padding-top:15px; }
 /* Long link wraps to two lines — left-align it so the underline sits under the
    text block instead of a centred line floating over a too-wide rule. */
 .ch-process > .ch-link { display:inline-block; margin:24px 0 0; text-align:left; }
}
.ch-scroll-process { position:relative; display:grid; }
.ch-scroll-sticky-layer,.ch-scroll-markers { grid-area:1 / 1; }
.ch-scroll-sticky-layer { position:relative; z-index:2; align-self:stretch; pointer-events:none; }
.ch-scroll-sticky { pointer-events:auto; }
/* Match the 52vh scroll target to the sticky top: step one gets its full
   marker interval once the story pins, just like the middle steps. */
.ch-scroll-markers { position:relative; z-index:1; display:none; padding-top:max(0px,calc(52vh - 94px)); padding-bottom:max(120px,12vh); pointer-events:none; }
.ch-scroll-process.is-scroll-ready .ch-scroll-markers { display:block; }
.ch-scroll-marker { min-height:520px; height:82vh; }
.ch-scroll-footer { display:none; }
.ch-process-photos img[data-scroll-photo] { opacity:0; transition:opacity .4s ease; }
.ch-process-photos img[data-scroll-photo].is-current { opacity:1; }
.ch-process-story .ch-steps h3,.ch-process-story .ch-step-number {
  background:linear-gradient(180deg,#c8a45b 0%,#e6cd8c 45%,#fff 72%,#fff 100%);
  background-clip:text; -webkit-background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
@media(prefers-reduced-motion:reduce) { .ch-process-photos img[data-scroll-photo] { transition:none; } }
.is-scroll-ready .ch-scroll-sticky { position:sticky; top:94px; min-height:calc(100svh - 116px); display:flex; flex-direction:column; justify-content:center; }
.is-scroll-ready .ch-scroll-footer { display:flex; justify-content:space-between; gap:20px; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); color:#bba66f; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.ch-process-progress { --ch-process-progress:0; position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); min-height:64px; margin-bottom:28px; }
.ch-process-progress-track { position:absolute; top:28px; left:12.5%; width:75%; height:1px; background:var(--line); }
.ch-process-progress-track > span { display:block; width:100%; height:100%; background:#d6b86e; transform:scaleX(var(--ch-process-progress)); transform-origin:left; transition:transform .45s cubic-bezier(.22,.61,.36,1); }
.ch-process-progress-step { position:relative; z-index:1; display:grid; grid-template-rows:18px 20px auto; justify-items:center; align-items:center; min-width:0; padding:0; border:0; color:#847e72; background:transparent; font:inherit; text-align:center; cursor:pointer; transition:color .3s; }
.ch-process-progress-number { font-family:var(--nlx-serif,'DM Serif Display',Georgia,serif); font-size:13px; line-height:18px; letter-spacing:.08em; }
.ch-process-progress-dot { display:block; width:8px; height:8px; border:1px solid #635b4c; border-radius:50%; background:#000; transition:background .3s,border-color .3s; }
.ch-process-progress-name { margin-top:11px; font-size:11px; font-weight:600; line-height:1.2; letter-spacing:.16em; text-transform:uppercase; }
.ch-process-progress-step.is-complete { color:#bba66f; }
.ch-process-progress-step.is-active .ch-process-progress-number { color:var(--gold); }
.ch-process-progress-step.is-active .ch-process-progress-name { color:var(--ink); }
.ch-process-progress-step.is-active .ch-process-progress-dot { width:10px; height:10px; box-shadow:0 0 0 6px rgba(230,205,140,.09); }
.ch-process-progress-step:is(.is-active,.is-complete) .ch-process-progress-dot { border-color:var(--gold); background:var(--gold); }
.ch-process-progress-step:focus-visible { outline:2px solid var(--gold); outline-offset:4px; border-radius:4px; }
@media(min-width:1181px) and (max-height:850px) {
 .is-scroll-ready .ch-process-story { min-height:min(599px,calc(100svh - 292px)); }
 .ch-process-progress { margin-bottom:20px; }
}
@media(max-width:1180px), (hover:none), (pointer:coarse), (any-pointer:coarse) {
 .ch-process-progress { display:none; }
}
@media(min-width:1181px) and (max-height:850px) and (hover:none),
       (min-width:1181px) and (max-height:850px) and (any-pointer:coarse) {
 .is-scroll-ready .ch-process-story { min-height:min(599px,calc(100svh - 205px)); }
}
@media(prefers-reduced-motion:reduce) {
 .ch-process-progress-track > span, .ch-process-progress-step, .ch-process-progress-dot { transition:none; }
}
@media (max-width:1180px),
       (orientation:landscape) and (min-width:1181px) and (max-width:1400px) and (pointer:coarse) {
 .ch-scroll-process { display:block; }
 .ch-scroll-sticky-layer { pointer-events:auto; }
 .ch-scroll-sticky { position:static; min-height:0; display:block; }
 .ch-scroll-markers,.ch-scroll-footer { display:none !important; }
}
/* Preserve the desktop scroll story while fitting it inside shorter screens. */
@media(min-width:1181px) and (max-height:850px) {
 .ch-process-story { min-height:min(599px,calc(100svh - 205px)); }
 .ch-process-story .ch-steps li,
 .ch-process-story .ch-steps li:first-child,
 .ch-process-story .ch-steps li:last-child { padding-block:18px; }
 .ch-process-story .ch-step-number { padding-top:18px; }
 .ch-process-story .ch-steps h3 { font-size:clamp(36px,3vw,46px); }
 .ch-process-story .ch-step-label { margin-bottom:10px; }
 .ch-process-story .ch-steps p { margin-top:14px; font-size:14px; line-height:1.55; }
 .ch-process-story .ch-steps .ch-step-support { margin-top:8px; }
 .ch-process-story .ch-steps .ch-step-focus { margin-top:16px; padding-top:12px; line-height:1.5; }
 .is-scroll-ready .ch-scroll-footer { margin-top:12px; padding-top:12px; }
}
.ch-project { padding-top:48px; }
.ch-project .ch-heading { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr); column-gap:16px; }
.ch-project-copy { width:100%; justify-self:stretch; }
.ch-project .ch-project-copy > p { max-width:none; text-wrap:pretty; }
.ch-project-gallery { display:grid; grid-template-columns:1.65fr 1fr; grid-template-rows:1fr 1fr; gap:16px; height:580px; overflow:hidden; border-radius:12px; }
.ch-project-gallery img { width:100%; height:100%; min-height:0; object-fit:cover; }
.ch-project-gallery .ch-project-main { grid-row:1 / 3; }
.ch-project-featured { display:contents; }
.ch-project-featured-label,.ch-project-more { display:none; }
.ch-project-foot { display:flex; align-items:center; gap:24px; padding:20px 0; border-bottom:1px solid var(--line); font-size:10px; letter-spacing:.13em; color:#bcb8ad; }
.ch-project-foot a { margin-left:auto; }
.ch-project-foot .ch-link { margin-top:0; }
.ch-project-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(18px,2vw,28px); margin-top:48px; }
.ch-project-card { display:flex; min-width:0; flex-direction:column; color:inherit; }
.ch-project-card figure { aspect-ratio:4/3; overflow:hidden; margin:0; border-radius:8px; background:#111; }
.ch-project-card img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.22,1,.36,1),filter .45s ease; }
.ch-project-card-body { display:flex; flex:1; flex-direction:column; align-items:flex-start; padding:20px 2px 0; }
.ch-project-card .ch-project-card-meta { margin:0 0 10px; color:#a99a75; font-size:12px; font-weight:600; letter-spacing:.14em; }
.ch-project-card h3 { margin:0; font:400 clamp(26px,2.3vw,34px)/1.12 var(--nlx-serif,'DM Serif Display',Georgia,serif); }
.ch-project-card-body > p:not(.ch-project-card-meta) { margin-top:12px; color:#aaa69d; font-size:15px; line-height:1.65; }
.ch-project-card-body > span { margin-top:auto; padding-top:20px; color:var(--gold); font-size:13px; font-weight:600; }
.ch-card-arrow { display:inline-block; vertical-align:-1px; margin-left:2px; }
@media(hover:hover) and (pointer:fine) {
 .ch-project-card:hover img { transform:scale(1.025); filter:brightness(1.05); }
 .ch-project-card:hover .ch-project-card-body > span { color:#f0d993; }
}
.ch-project-all { display:flex; justify-content:flex-end; margin-top:32px; }
.ch-faq { display:block; padding-top:48px; }
.ch-faq header { max-width:760px; margin:0 auto 56px; text-align:center; }
.ch-faq header h2 { text-wrap:balance; }
.ch-faq header > p:not(.ch-kicker) { margin:22px auto 0; }
.ch-faq header .ch-link { margin-top:18px; }
.ch-faq header .ch-link::after { transform-origin:center; }
.ch-faq-list { width:min(100%,1080px); margin-inline:auto; border-top:1px solid var(--line); }
.ch-faq details { border-bottom:1px solid var(--line); }
.ch-faq summary { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-block:22px; font-size:16px; line-height:1.5; }
.ch-faq details > p { padding:0 28px 24px 0; font-size:14px; }
.ch-cta { padding-block:24px 88px; }
.ch-cta-panel { position:relative; overflow:hidden; isolation:isolate; border-radius:48px; background:#111; }
.ch-cta-panel > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:70% center; z-index:-2; }
.ch-cta-panel::before { content:''; position:absolute; inset:0; background:rgba(0,0,0,.64); z-index:-1; }
.ch-cta-panel > div { padding:64px; max-width:650px; }
.ch-cta-panel p:not(.ch-kicker) { max-width:430px; color:#e0dcd2; margin-block:22px 28px; }
.ch-button { display:inline-flex; align-items:center; justify-content:center; min-height:52px; padding:14px 28px; border-radius:999px; color:#101010; font-size:13px; font-weight:600; background:linear-gradient(180deg,#c8a45b 0%,#e6cd8c 45%,#fff 72%,#fff 100%); }
@media(min-width: 769px) and (max-width:1180px) {
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) h1 {
   font-size:clamp(42px,5.4vw,54px); line-height:1.06;
 }
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) .hero-desc {
   max-width:650px; font-size:clamp(17px,2vw,20px); line-height:1.6;
 }
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) .hero-cta {
   min-height:50px; padding:13px 22px; font-size:16px;
 }
 .ch-shell { width:calc(100% - 56px); }
 .ch-section { padding-block:72px; }
 .ch-heading { column-gap:40px; }
 .ch-intro-feature { grid-template-columns:1fr 1fr; gap:30px; }
 .ch-intro-visual img { aspect-ratio:3/4; }
 .ch-planning-rows { column-gap:28px; }
 .ch-planning-rows h3 { font-size:23px; }
 .ch-planning-rows p { font-size:14px; }
 .ch-steps li { grid-template-columns:42px minmax(170px,.8fr) minmax(0,1.2fr); gap:22px; }
 .ch-steps h3 { font-size:30px; }
 .ch-project-gallery { height:460px; }
 .ch-project .ch-heading { grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:40px; }
 .ch-project-copy { padding-left:0; }
 .ch-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ch-project-foot { flex-wrap:wrap; row-gap:10px; }
}
@media (min-width: 769px) and (max-width:1180px) {
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) {
   min-height:78svh; background-attachment:scroll;
 }
 .ch-intro { padding-block:72px 88px; }
 .ch-intro-feature { grid-template-columns:minmax(0,1fr); gap:38px; }
 .ch-intro-visual img { aspect-ratio:16/9; }
 .ch-intro-card { width:min(100%,680px); margin-inline:auto; text-align:center; }
 .ch-intro-card > p { max-width:620px; margin-inline:auto; }
 .ch-intro-principles { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
 .ch-intro-principles li { padding:16px 12px 0; border-top:1px solid var(--line); border-left:0; }
 .ch-intro-card .ch-link { margin-inline:auto; }
 .ch-planning-rows { grid-template-columns:minmax(0,1fr); row-gap:0; }
 .ch-planning-rows article {
   display:grid; grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);
   gap:34px; align-items:start; padding:28px 0; border-top:1px solid var(--line); text-align:left;
 }
 .ch-planning-rows article:first-child { border-top:0; }
 .ch-planning-rows h3 { width:auto; min-height:0; margin:0; font-size:27px; }
 .ch-planning-rows p { max-width:none; margin:0; font-size:15px; }
 .ch-project .ch-heading { grid-template-columns:minmax(0,1fr); gap:22px; }
 .ch-project-copy { max-width:640px; }
 .ch-project-foot a { margin-left:0; }
}

/* Tablet portrait gets its own editorial layout: the visual rhythm of mobile,
   with wider measures, larger type and a restrained content column. */
@media (min-width: 769px) and (max-width:1180px),
       (orientation:landscape) and (min-width:1181px) and (max-width:1400px) and (pointer:coarse) {
 :is(body[data-page="custom-homes"],body[data-page="single-family"],body[data-page="duplex-homes"],body[data-page="fourplex-homes"]) #site-header .nlx-nav > ul {
   display:none;
 }
 :is(body[data-page="custom-homes"],body[data-page="single-family"],body[data-page="duplex-homes"],body[data-page="fourplex-homes"]) #mobile-menu-button {
   display:inline-flex;
 }
 :is(body[data-page="custom-homes"],body[data-page="single-family"],body[data-page="duplex-homes"],body[data-page="fourplex-homes"]) #mobile-menu {
   display:grid;
 }
 :is(body[data-page="custom-homes"],body[data-page="single-family"],body[data-page="duplex-homes"],body[data-page="fourplex-homes"]) #site-header .logo {
   max-width:160px;
 }
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) .max-w-3xl {
   max-width:760px; margin-inline:auto; text-align:center;
 }
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) .hero-desc { margin-inline:auto; }
 :is(#custom-hero,#duplex-hero,#fourplex-hero,#single-hero) .max-w-3xl > div { justify-content:center; }
 .ch-nav {
   justify-content:space-between; gap:clamp(16px,2.4vw,34px);
   overflow:visible; scrollbar-width:none;
 }
 .ch-nav::-webkit-scrollbar { display:none; }
 .ch-nav a { flex:0 1 auto; white-space:nowrap; text-align:center; }
 .ch-process { width:min(calc(100% - 96px),900px); padding-block:84px; }
 .ch-process .ch-centered { max-width:720px; margin:0 auto 58px; text-align:center; }
 .ch-process .ch-centered .ch-kicker { margin-bottom:16px; font-size:11px; }
 .ch-process .ch-centered h2 { font-size:clamp(42px,5.4vw,54px); line-height:1.06; }
 .ch-process .ch-centered > p:last-child {
   max-width:600px; margin:20px auto 0; font-size:17px; line-height:1.65; text-align:center;
 }
 .ch-process-story .ch-steps { width:min(100%,820px); margin-inline:auto; overflow:visible; }
 .ch-process-story .ch-steps li,
 .ch-process-story .ch-steps li:first-child,
 .ch-process-story .ch-steps li:last-child {
   position:relative; display:grid; grid-template-columns:42px minmax(0,1fr);
   gap:22px; padding:0 0 72px; border:0; text-align:left;
 }
 .ch-process-story .ch-steps li + li { padding-top:4px; }
 .ch-process-story .ch-steps li:last-child { padding-bottom:0; }
 .ch-process-story .ch-steps li:not(:last-child)::before {
   content:""; position:absolute; z-index:0; top:42px; bottom:0; left:20px; width:1px;
   background:linear-gradient(180deg,rgba(230,205,140,.64),rgba(230,205,140,.12));
 }
 .ch-process-story .ch-step-number {
   grid-column:1; grid-row:1; align-self:start; position:relative; z-index:1;
   display:grid; place-items:center; width:42px; height:42px; margin:0; padding:0;
   border:1px solid rgba(230,205,140,.58); border-radius:50%; background:#000;
   color:var(--gold); -webkit-text-fill-color:var(--gold);
   font:600 11px/1 Inter,Arial,sans-serif; letter-spacing:.04em;
 }
 .ch-process-story .ch-step-heading {
   grid-column:2; grid-row:1; display:flex; min-width:0; flex-direction:column;
 }
 .ch-process-story .ch-step-title { display:block; }
 .ch-process-story .ch-step-label {
   margin:2px 0 8px; color:#b9aa83; font-size:10px; line-height:1.45; letter-spacing:.16em;
 }
 .ch-process-story .ch-steps h3 { margin:0; font-size:clamp(40px,5vw,48px); line-height:1.02; }
 .ch-process-story .ch-step-heading > p:not(.ch-step-support):not(.ch-step-focus) {
   order:2; max-width:670px; margin-top:20px; color:#d0cdc5; font-size:17px; line-height:1.68;
 }
 .ch-process-story .ch-step-mobile-photo {
   order:1; width:100%; max-width:720px; aspect-ratio:16/9; margin:28px 0 0;
   border-radius:10px; object-position:center 55%;
 }
 .ch-process-story .ch-step-heading > p { margin-inline:0; text-align:left !important; text-wrap:pretty; }
 .ch-process-story .ch-steps .ch-step-support {
   order:3; max-width:670px; margin-top:18px; color:#aaa69d; font-size:15px; line-height:1.66;
 }
 .ch-process-story .ch-steps .ch-step-focus {
   order:4; max-width:670px; margin:22px 0 0; padding:16px 0 0;
   border-top:1px solid rgba(230,205,140,.18); font-size:13px; line-height:1.55;
   letter-spacing:normal; text-transform:none;
 }
 .ch-step-focus > span:first-child { margin-bottom:8px; font-size:10px; letter-spacing:.15em; text-transform:uppercase; }
 .ch-step-focus-items { display:block; color:#c1bdb4; }
 .ch-step-focus-items > span { display:inline; font-size:13px; }
 .ch-process > .ch-link {
   display:flex; width:fit-content; min-height:46px; margin:34px auto 0; padding:11px 20px;
   align-items:center; justify-content:center; border:1px solid rgba(230,205,140,.46);
   border-radius:999px; background:rgba(230,205,140,.055); text-align:center;
 }
 .ch-process > .ch-link::after { display:none; }
}

/* Large tablets have enough room to keep the opening image and story together.
   This prevents a full-width photo from pushing the actual content below the fold. */
@media (min-width:901px) and (max-width:1180px) {
 .ch-intro-feature {
   grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);
   gap:46px; align-items:center;
 }
 .ch-intro-visual img { aspect-ratio:1/1; }
 .ch-intro-card { width:auto; margin:0; text-align:left; }
 .ch-intro-card > p { max-width:none; margin-left:0; }
 .ch-intro-principles { grid-template-columns:minmax(0,1fr); gap:18px; }
 .ch-intro-principles li {
   padding:0 0 0 17px; border-top:0; border-left:1px solid #b99d59;
 }
 .ch-intro-card .ch-link { margin-left:0; }
}

/* Large portrait tablets have enough width for a compact editorial step.
   Pairing each image with its copy prevents a single photo from consuming
   most of the viewport while keeping the same reading order as mobile. */
@media (orientation:portrait) and (min-width:900px) and (max-width:1180px) {
 .ch-process { width:min(calc(100% - 72px),980px); padding-block:72px 80px; }
 .ch-process .ch-centered { margin-bottom:48px; }
 .ch-process-story .ch-steps { width:100%; max-width:none; }
 .ch-process-story .ch-steps li,
 .ch-process-story .ch-steps li:first-child,
 .ch-process-story .ch-steps li:last-child {
   grid-template-columns:42px minmax(0,1fr); gap:22px; padding:0 0 48px;
 }
 .ch-process-story .ch-step-heading {
   display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);
   grid-template-areas:
     "photo title"
     "photo copy"
     "photo support"
     "photo focus";
   grid-template-rows:repeat(4,auto);
   column-gap:32px; align-content:start; align-items:start;
 }
 .ch-process-story .ch-step-title {
   grid-area:title; align-self:end; padding-top:20px;
 }
 .ch-process-story .ch-step-mobile-photo {
   grid-area:photo; order:initial; align-self:start; width:100%; max-width:none;
   height:auto; aspect-ratio:1.55/1; margin:0; border-radius:9px;
   object-fit:cover; object-position:center 55%;
 }
 .ch-process-story .ch-step-heading > p:not(.ch-step-support):not(.ch-step-focus) {
   grid-area:copy; order:initial; max-width:none; margin-top:15px;
   font-size:14px; line-height:1.6;
 }
 .ch-process-story .ch-steps .ch-step-support {
   grid-area:support; order:initial; max-width:none; margin-top:10px;
   font-size:13px; line-height:1.58;
 }
 .ch-process-story .ch-steps .ch-step-focus {
   grid-area:focus; order:initial; align-self:start; max-width:none;
   margin-top:14px; padding-top:12px; font-size:11.5px; line-height:1.45;
 }
 .ch-process-story .ch-step-label { margin-top:0; }
 .ch-process-story .ch-steps h3 { font-size:clamp(36px,4.4vw,44px); }

 .ch-project { padding-top:64px; }
 .ch-project .ch-heading {
   display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
   gap:52px; align-items:end; margin-bottom:38px; text-align:left;
 }
 .ch-project .ch-heading > div:first-child { min-width:0; }
 .ch-project .ch-heading h2 { font-size:clamp(42px,5vw,54px); line-height:1.06; }
 .ch-project-copy { max-width:none; align-self:end; }
 .ch-project .ch-project-copy > p {
   max-width:540px; font-size:15px; line-height:1.68;
 }
 .ch-project .ch-project-copy .ch-link { margin-top:18px; }
 .ch-project-gallery { height:clamp(420px,46vw,480px); gap:12px; }
 .ch-project-foot { padding-block:17px; }
 .ch-project-grid {
   grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:40px;
 }
 .ch-project-card h3 { font-size:clamp(24px,2.6vw,30px); }
 .ch-project-card-body > p:not(.ch-project-card-meta) { font-size:14px; line-height:1.58; }
 .ch-project-all { justify-content:center; margin-top:38px; }
}

/* Smaller portrait tablets retain a single column, but centre it so the
   project introduction does not leave a large unused half of the screen. */
@media (orientation:portrait) and (min-width: 769px) and (max-width:899px) {
 .ch-project .ch-heading {
   display:block; width:min(100%,700px); margin:0 auto 36px; text-align:center;
 }
 .ch-project-copy { width:auto; max-width:640px; margin:20px auto 0; }
 .ch-project .ch-project-copy > p { margin-inline:auto; }
 .ch-project-gallery { height:clamp(390px,52vw,450px); gap:12px; }
 .ch-project-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .ch-project-grid > .ch-project-card:last-child:nth-child(odd) {
   grid-column:1 / -1; width:calc(50% - 11px); justify-self:center;
 }
 .ch-project-all { justify-content:center; }
}

/* Landscape tablets need a genuinely wide tablet composition, not the
   portrait stack stretched across a short viewport. Keep the touch menu,
   but use the available width to pair photography with the story and keep
   each process step visible as one composed unit. */
@media (orientation:landscape) and (min-width:1181px) and (max-width:1400px) and (pointer:coarse) {
 .ch-shell { width:min(calc(100% - 112px),1180px); }
 .ch-section { padding-block:68px; scroll-margin-top:138px; }

 .ch-nav {
   padding-block:20px; gap:clamp(18px,2.5vw,38px);
 }
 .ch-nav a { font-size:10px; letter-spacing:.13em; }

 .ch-intro { padding-block:64px 82px; }
 .ch-intro-heading { max-width:820px; }
 .ch-intro-heading h2 { font-size:clamp(46px,4.2vw,58px); }
 .ch .ch-intro-lede {
   max-width:720px; margin:18px auto 42px; font-size:16px; line-height:1.65;
 }
 .ch-intro-lede::after { margin-top:22px; }
 .ch-intro-feature {
   display:grid; grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);
   gap:48px; align-items:center;
 }
 .ch-intro-visual img {
   height:clamp(410px,41vw,500px); aspect-ratio:auto; object-position:center;
 }
 .ch-intro-card { width:auto; margin:0; text-align:left; }
 .ch-intro-card h3 { font-size:clamp(34px,3.2vw,42px); }
 .ch-intro-card > p { margin:17px 0 0; font-size:14.5px; line-height:1.68; }
 .ch-intro-principles { grid-template-columns:minmax(0,1fr); gap:16px; margin-top:23px; }
 .ch-intro-principles li {
   padding:0 0 0 16px; border-top:0; border-left:1px solid #b99d59;
 }
 .ch-intro-principles strong { font-size:11px; }
 .ch-intro-principles small { margin-top:4px; font-size:13px; line-height:1.5; }
 .ch-intro-card .ch-link { margin:18px 0 0; }

 .ch-heading { grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); gap:56px; }
 .ch-design { padding-block:54px 68px; }
 .ch-design .ch-heading { grid-template-columns:minmax(0,1fr) minmax(340px,.72fr); gap:56px; }
 .ch-design-spread { gap:48px 34px; }
 .ch-design-story figure { margin-bottom:20px; }
 .ch-design-caption h3 { margin-bottom:14px; }
 .ch-design-copy { font-size:14px; line-height:1.68; }

 .ch-planning { margin-top:18px; }
 .ch-planning .ch-heading { margin-bottom:34px; }
 .ch-planning-site { margin-bottom:30px; }
 .ch-planning-site img { height:clamp(300px,28vw,390px); }
 .ch-planning-rows { column-gap:38px; }
 .ch-planning-rows h3 { font-size:25px; }
 .ch-planning-rows p { font-size:14px; line-height:1.68; }

 .ch-process {
   width:min(calc(100% - 112px),1180px); max-width:none; padding-block:68px 78px;
 }
 .ch-process .ch-centered { max-width:760px; margin:0 auto 48px; }
 .ch-process .ch-centered .ch-kicker { margin-bottom:13px; }
 .ch-process .ch-centered h2 { font-size:clamp(44px,4.4vw,56px); }
 .ch-process .ch-centered > p:last-child {
   max-width:650px; margin-top:17px; font-size:16px; line-height:1.6;
 }
 .ch-process-story .ch-steps { width:100%; max-width:none; }
 .ch-process-story .ch-steps li,
 .ch-process-story .ch-steps li:first-child,
 .ch-process-story .ch-steps li:last-child {
   grid-template-columns:42px minmax(0,1fr); gap:24px; padding:0 0 42px;
 }
 .ch-process-story .ch-steps li + li { padding-top:2px; }
 .ch-process-story .ch-steps li:not(:last-child)::before { bottom:0; }
 .ch-process-story .ch-step-heading {
   display:grid; grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
   grid-template-areas:
     "photo title"
     "photo copy"
     "photo support"
     "photo focus";
   grid-template-rows:repeat(4,auto);
   column-gap:42px; align-content:start; align-items:start;
 }
 .ch-process-story .ch-step-title { grid-area:title; align-self:end; padding-top:36px; }
 .ch-process-story .ch-step-label { margin-top:0; }
 .ch-process-story .ch-steps h3 { font-size:clamp(38px,3.8vw,46px); }
 .ch-process-story .ch-step-mobile-photo {
   grid-area:photo; display:block; align-self:start; width:100%; max-width:none;
   min-height:0; height:auto; aspect-ratio:1.85/1; margin:0; border-radius:9px;
   object-fit:cover; object-position:center 55%;
 }
 .ch-process-story .ch-step-heading > p:not(.ch-step-support):not(.ch-step-focus) {
   grid-area:copy; max-width:none; margin-top:18px; font-size:14.5px; line-height:1.64;
 }
 .ch-process-story .ch-steps .ch-step-support {
   grid-area:support; max-width:none; margin-top:12px; font-size:13.5px; line-height:1.62;
 }
 .ch-process-story .ch-steps .ch-step-focus {
   grid-area:focus; align-self:start; max-width:none; margin-top:16px; padding-top:13px;
   font-size:12px; line-height:1.5;
 }
 .ch-process > .ch-link { margin-top:28px; }

 .ch-project { padding-top:58px; }
 .ch-project-gallery { height:min(46vw,520px); }
 .ch-project-grid { gap:24px; margin-top:42px; }
 .ch-faq { padding-top:58px; }
 .ch-faq header { margin-bottom:42px; }
 .ch-cta { padding-bottom:76px; }
}
@media(max-width: 768px) {
 .ch { --ch-copy-wrap:pretty; }
 .ch .ch-section :is(h2,h3,.ch-link) { text-wrap:balance; }
 /* Use the full mobile column with natural word spacing and centred text. */
 .ch .ch-section :is(.ch-intro-lede,.ch-intro-card > p,.ch-design-copy,.ch-heading > p,.ch-project-copy > p,.ch-planning-rows p,.ch-centered > p:not(.ch-kicker),.ch-step-heading > p:not(.ch-step-focus),.ch-project-card-body > p:not(.ch-project-card-meta),.ch-faq header > p:not(.ch-kicker)) {
   width:100%; max-width:none; margin-inline:auto; font-size:15px; line-height:1.6; text-align:center; word-spacing:normal; text-wrap:var(--ch-copy-wrap);
 }
 .ch .ch-intro-principles small { max-width:none; margin:8px auto 0; line-height:1.6; text-wrap:var(--ch-copy-wrap); }
 .ch-shell { width:calc(100% - 40px); }
 .ch-section { padding-block:56px; scroll-margin-top:100px; }
 .ch h2 { font-size:clamp(34px,9vw,44px); }
 .ch p { font-size:15px; }
 .ch .ch-kicker { font-size:12px; margin-bottom:16px; }
 .ch-nav { gap:24px; overflow-x:auto; justify-content:flex-start; scrollbar-width:thin; padding-block:14px; }
 .ch-nav a { white-space:nowrap; font-size:10px; min-height:40px; display:flex; align-items:center; }
 .ch-intro { padding-block:60px 72px; display:flex; flex-direction:column; }
 /* Keep the opening story together on mobile: heading, lede paragraph,
    photo, then the card. .ch-intro-feature is unwrapped via display:contents
    so its two children can take their own order. */
 .ch-intro-heading { order:1; margin-bottom:0; max-width:none; text-align:center; }
 .ch-intro-heading h2 { font-size:clamp(31px,8.4vw,42px); }
 .ch .ch-intro-lede { order:2; margin:18px auto 24px; max-width:none; font-size:15.5px; }
 .ch-intro-lede::after { margin:20px auto 0; }
 .ch-intro-feature { display:contents; }
 .ch-intro-visual { order:3; }
 .ch-intro-visual img { aspect-ratio:4/3; }
 .ch-intro-visual figcaption { margin-top:12px; font-size:10px; letter-spacing:.12em; line-height:1.5; text-align:center; }
 /* Whole card centred on mobile — including the principle list, with its
    left rule dropped so the centred text isn't tethered to one edge. */
 .ch-intro-card { order:4; padding-top:44px; text-align:center; }
 .ch-intro-card h3 { font-size:26px; }
 .ch-intro-card > p { margin-top:16px; font-size:15px; line-height:1.7; }
 .ch-intro-principles { margin-top:26px; gap:22px; }
 .ch-intro-principles li { padding-left:0; border-left:0; }
 .ch-heading { display:block; margin-bottom:28px; text-align:center; }
 .ch-heading > p,.ch-heading > div:nth-child(2) { margin:20px auto 0; }
 .ch-heading > div > p:not(.ch-kicker) { margin-inline:auto; }
 .ch-design-story { text-align:center; }
 .ch .ch-design-copy { margin-inline:auto; }
 .ch-project-copy { width:auto; padding-left:0; }
 .ch-planning { margin-top:0; }
 .ch-planning { padding-bottom:48px; }
 .ch-planning .ch-heading { margin-bottom:42px; text-align:center; }
 .ch-planning .ch-heading > p { margin-top:18px; }
 .ch-planning-rows { grid-template-columns:minmax(0,1fr); row-gap:30px; }
 .ch-planning-site { margin-bottom:30px; }
 .ch-planning-site img { height:250px; object-position:center; }
 .ch-planning-site figcaption { text-align:center; }
 .ch-planning-rows article { padding-top:24px; border-top:1px solid var(--line); text-align:center; }
 .ch-planning-rows article:first-child { padding-top:0; border-top:0; }
 .ch-planning-rows h3 { display:block; width:auto; min-height:0; margin:0 0 12px; font-size:clamp(26px,7.4vw,33px); }
 .ch-planning-rows p { max-width:none; margin-inline:auto; }
 .ch-centered { text-align:center; margin-bottom:36px; }
 .ch-process { padding-top:48px; }
 .ch-process .ch-centered { display:block; text-align:center; }
 .ch-process .ch-centered .ch-kicker { width:min(100%,340px); margin-right:auto; margin-left:auto; line-height:1.7; }
 .ch-process .ch-centered h2 { max-width:100%; font-size:clamp(33px,8.8vw,40px); line-height:1.08; text-wrap:balance; }
 .ch-process .ch-centered > p:last-child { max-width:340px; margin:18px auto 0; text-align:center; line-height:1.65; }
 /* Number keeps a narrow left rail; its cap height is set to line up with the
    title's, so the numeral, label and title read as one top-aligned cluster. */
 .ch-steps li { grid-template-columns:38px minmax(0,1fr); gap:16px; padding:26px 0; align-items:start; }
 .ch-step-number { align-self:start; padding-top:21px; font-size:28px; color:var(--gold); }
 .ch-step-label { margin:0 0 8px; }
 .ch-steps h3 { margin:0; font-size:clamp(28px,7.6vw,34px); }
 .ch-steps p { grid-column:2; margin-top:11px; max-width:none; font-size:14.5px; line-height:1.72; }
 .ch-project-gallery { height:auto; grid-template-columns:1fr 1fr; grid-template-rows:auto auto; gap:10px; }
 .ch-project-gallery .ch-project-main { grid-column:1 / -1; grid-row:1; aspect-ratio:4/3; }
 .ch-project-gallery img:not(.ch-project-main) { aspect-ratio:4/3; }
 .ch-project-foot { display:grid; grid-template-columns:minmax(0,1fr); justify-items:center; gap:7px; padding-block:16px 20px; font-size:10px; line-height:1.5; text-align:center; }
 .ch-project-foot span { min-width:0; }
 .ch-project-foot .ch-link { margin:7px 0 0; font-size:.875rem; }
 #single-project .ch-project-foot,
 #duplex-project .ch-project-foot,
 #custom-project .ch-project-foot,
 #fourplex-project .ch-project-foot { border-bottom:none; }
 #single-project .ch-project-copy .ch-link { display:none; }
 #single-project .ch-project-featured {
   display:block; overflow:hidden; border:1px solid rgba(255,255,255,.08); border-radius:14px;
   background:#0c0c0c; box-shadow:0 14px 32px -20px rgba(0,0,0,.65);
 }
 #single-project .ch-project-gallery { display:block; height:auto; border-radius:0; }
 #single-project .ch-project-gallery .ch-project-main { display:block; width:100%; aspect-ratio:16/10; object-position:center; }
 #single-project .ch-project-gallery img:not(.ch-project-main) { display:none; }
 #single-project .ch-project-foot { gap:6px; padding:18px 18px 22px; }
 #single-project .ch-project-featured-label {
   display:block; margin-bottom:4px; color:var(--gold); font-size:9px; font-weight:600;
   letter-spacing:.17em; text-transform:uppercase;
 }
 #single-project .ch-project-foot .ch-link {
   margin-top:10px; padding-inline:0; border:0; border-radius:0; background:transparent;
 }
 #single-project .ch-project-more {
   display:flex; align-items:center; gap:14px; margin:38px 0 0; color:#c8b57d;
   font-size:10px; font-weight:600; letter-spacing:.17em; line-height:1.4; text-transform:uppercase;
 }
 #single-project .ch-project-more::after { content:''; flex:1; height:1px; background:rgba(230,205,140,.2); }
 #single-project .ch-project-grid { margin-top:18px; }
 .ch-project-grid { grid-template-columns:1fr; gap:26px; margin-top:40px; }
 .ch-project-card {
   border-radius:14px; overflow:hidden;
   background:#0c0c0c; border:1px solid rgba(255,255,255,.08);
   box-shadow:0 14px 32px -20px rgba(0,0,0,.65);
   transition:transform .25s ease, border-color .25s ease;
 }
 .ch-project-card:active { transform:scale(.98); border-color:rgba(200,164,91,.45); }
 .ch-project-card figure { aspect-ratio:16/10; border-radius:0; }
 .ch-project-card-body { align-items:center; padding:18px 18px 22px; text-align:center; }
 .ch-project-card h3 { font-size:30px; }
 .ch-project-all { justify-content:center; margin-top:30px; text-align:center; }
 .ch-faq { display:block; }
 .ch-faq header { margin-bottom:30px; }
 .ch-faq summary { font-size:15px; text-wrap:pretty; }
 .ch-cta { padding-block:8px 64px; }
 .ch-cta-panel { border-radius:32px; }
 .ch-cta-panel > div { padding:42px 24px; }
 .ch-cta-panel::before { background:rgba(0,0,0,.7); }
 .ch-button { width:100%; text-align:center; }
}
/* Mobile build process: a compact editorial timeline rather than a flattened
   version of the desktop scroll story. */
@media(max-width: 768px) {
 .ch-process { width:min(100% - 40px,1080px); padding-block:64px; }
 .ch-process .ch-centered { margin-bottom:44px; }
 .ch-process .ch-centered .ch-kicker { margin-bottom:14px; font-size:10px; letter-spacing:.16em; }
 .ch-process .ch-centered h2 { font-size:clamp(34px,9.2vw,40px); line-height:1.08; }
 .ch-process .ch-centered > p:last-child { max-width:34ch; margin-top:18px; font-size:15px; line-height:1.62; }
 .ch-process-story .ch-steps { overflow:visible; }
 .ch-process-story .ch-steps li,
 .ch-process-story .ch-steps li:first-child,
 .ch-process-story .ch-steps li:last-child {
   position:relative; display:grid; grid-template-columns:30px minmax(0,1fr);
   gap:14px; padding:0 0 52px; border:0; text-align:left;
 }
 .ch-process-story .ch-steps li + li { padding-top:4px; }
 .ch-process-story .ch-steps li:last-child { padding-bottom:0; }
 .ch-process-story .ch-steps li:not(:last-child)::before {
   content:""; position:absolute; z-index:0; top:30px; bottom:0; left:14px; width:1px;
   background:linear-gradient(180deg,rgba(230,205,140,.62),rgba(230,205,140,.12));
 }
 .ch-process-story .ch-step-number {
   grid-column:1; grid-row:1; align-self:start; position:relative; z-index:1;
   display:grid; place-items:center;
   width:30px; height:30px; margin:0; padding:0;
   border:1px solid rgba(230,205,140,.58); border-radius:50%;
   background:#000; color:var(--gold);
   -webkit-text-fill-color:var(--gold);
   font:600 9px/1 Inter,Arial,sans-serif; letter-spacing:.04em;
 }
 .ch-process-story .ch-step-heading {
   grid-column:2; grid-row:1; display:flex; min-width:0; flex-direction:column;
 }
 .ch-process-story .ch-step-title { display:block; }
 .ch-process-story .ch-step-label {
   margin:2px 0 7px; color:#b9aa83; font-size:9px; line-height:1.45; letter-spacing:.15em;
 }
 .ch-process-story .ch-steps h3 { margin:0; font-size:clamp(32px,9vw,38px); line-height:1.02; }
 .ch-process-story .ch-step-heading > p:not(.ch-step-support):not(.ch-step-focus) {
   order:2; margin-top:15px; color:#d0cdc5; font-size:15px; line-height:1.65;
 }
 .ch-process-story .ch-step-mobile-photo {
   order:1; width:100%; max-width:none; aspect-ratio:16/9; margin:22px 0 0;
   border-radius:7px; object-position:center 55%;
 }
 .ch-process-story .ch-step-heading > p {
   width:100%; max-width:none; margin-inline:0; text-align:left !important; text-wrap:var(--ch-copy-wrap,pretty);
 }
 .ch-process-story .ch-steps .ch-step-support {
   order:3; margin-top:14px; color:#a8a59e; font-size:13px; line-height:1.62;
 }
 .ch-process-story .ch-steps .ch-step-focus {
   order:4; max-width:none; margin:18px 0 0; padding:14px 0 0;
   border-top:1px solid rgba(230,205,140,.18);
   font-size:12px; font-weight:500; line-height:1.5; letter-spacing:normal; text-transform:none;
 }
 .ch-step-focus > span:first-child { margin-bottom:7px; font-size:9px; letter-spacing:.15em; text-transform:uppercase; }
 .ch-step-focus-items { display:block; color:#c1bdb4; }
 .ch-step-focus-items > span { display:inline; padding:0; border:0; background:none; font-size:12px; }
 .ch-step-focus-items > span + span::before { content:' · '; white-space:pre; color:#8f825f; }
 .ch-process > .ch-link { display:table; margin:24px auto 0; text-align:center; }
}
/* The process is a vertical story on both phone and tablet. Reveal each step
   independently across that entire stacked range. */
@media (max-width:1180px),
       (orientation:landscape) and (min-width:1181px) and (max-width:1400px) and (pointer:coarse) {
 .ch-process-story .ch-steps li.build-step-reveal {
   opacity:0; transform:translate3d(0,24px,0);
   transition:opacity .68s cubic-bezier(.22,1,.36,1),transform .68s cubic-bezier(.22,1,.36,1);
 }
 .ch-process-story .ch-steps li.build-step-reveal.is-step-visible { opacity:1; transform:none; }
}
@media(prefers-reduced-motion:reduce) {
 .ch-reveal,.ch-reveal.is-revealed { opacity:1; transform:none; transition:none; }
 .ch-process-story .ch-steps li.build-step-reveal { opacity:1; transform:none; transition:none; }
 .ch-plus::after,.ch-link::after { transition:none; }
}

/* On mobile, primary text links become quiet outline CTAs. Reference links
   stay understated, preserving a clear hierarchy without relying on hover. */
@media(max-width: 768px) {
 .ch .ch-link:not(.ch-source) {
   display:inline-flex; align-items:center; justify-content:center;
   min-height:44px; padding:10px 18px; border:1px solid rgba(230,205,140,.46);
   border-radius:999px; background:rgba(230,205,140,.055); color:#e6cd8c;
   -webkit-text-fill-color:#e6cd8c; line-height:1.35; text-align:center;
 }
 .ch .ch-link:not(.ch-source)::after { display:none; }
 .ch .ch-link.ch-source::after { display:block; transform:scaleX(1); transition:none; }
 .ch .ch-process > .ch-link:not(.ch-source) {
   display:flex; width:fit-content; margin-right:auto; margin-left:auto;
 }
}