.bhk-page {
  --bhk-ink: #252822;
  --bhk-muted: #6b6e67;
  --bhk-cream: #f7f5ef;
  --bhk-line: #e4e1d9;
  --bhk-gold: #b47a2b;
  overflow-x: clip;
  color: var(--bhk-ink);
  background: #fff;
}
.bhk-page *,.bhk-page *::before,.bhk-page *::after { box-sizing: border-box; }
.bhk-page h1,.bhk-page h2,.bhk-page h3,.bhk-page p,.bhk-page figure { margin-top: 0; }
.bhk-page img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bhk-wrap { width: min(1120px,calc(100% - 48px)); margin-inline: auto; }
.bhk-label { margin: 0 0 14px; color: var(--bhk-gold); font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.bhk-hero { padding: 70px 0; background: var(--bhk-cream); }
.bhk-hero-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items: center; gap: clamp(38px,7vw,92px); }
.bhk-hero h1 { max-width: 550px; margin: 0; color: var(--bhk-ink); font-size: clamp(2.8rem,5.6vw,4.8rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.06; }
.bhk-hero h1 span { color: var(--bhk-gold); }
.bhk-hero-copy > p:not(.bhk-label) { max-width: 460px; margin: 20px 0 0; color: var(--bhk-muted); font-size: 1rem; line-height: 1.8; }
.bhk-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 22px; margin-top: 26px; padding: 12px 17px; background: var(--bhk-ink); color: #fff; font-size: .84rem; font-weight: 700; text-decoration: none; }
.bhk-button:hover { background: #44483b; color: #fff; }
.bhk-hero-photo { position: relative; min-height: 390px; margin: 0; }
.bhk-hero-photo img { position: absolute; inset: 0; }
.bhk-hero-photo figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 15px 18px; background: linear-gradient(transparent,rgba(0,0,0,.65)); color: #fff; font-size: .76rem; }
.bhk-intro { padding: 82px 0; }
.bhk-two-col { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: clamp(38px,8vw,100px); }
.bhk-intro h2,.bhk-location h2 { max-width: 520px; margin: 0; font-size: clamp(2rem,4vw,3.2rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.bhk-copy p { color: var(--bhk-muted); font-size: .96rem; line-height: 1.85; }
.bhk-copy strong { color: var(--bhk-ink); }
.bhk-services { padding: 78px 0 86px; background: var(--bhk-cream); }
.bhk-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.bhk-heading h2 { max-width: 670px; margin: 0; font-size: clamp(2rem,3.8vw,3rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.bhk-heading > p { max-width: 340px; margin: 0 0 3px; color: var(--bhk-muted); font-size: .9rem; line-height: 1.75; }
.bhk-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.bhk-cards article { min-height: 205px; padding: 22px; border: 1px solid var(--bhk-line); background: #fff; }
.bhk-cards article > span { display: block; margin-bottom: 27px; color: var(--bhk-gold); font-size: .69rem; font-weight: 700; letter-spacing: .12em; }
.bhk-cards h3 { margin: 0 0 9px; font-size: 1.1rem; font-weight: 650; }
.bhk-cards p { margin: 0; color: var(--bhk-muted); font-size: .87rem; line-height: 1.7; }
.bhk-planning { padding: 84px 0; }
.bhk-planning-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); align-items: center; gap: clamp(38px,7vw,90px); }
.bhk-planning-grid figure { position: relative; min-height: 380px; margin: 0; background: var(--bhk-cream); }
.bhk-planning-grid figure img { position: absolute; inset: 0; }
.bhk-planning-grid figure figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 13px 16px; background: rgba(255,255,255,.93); color: var(--bhk-ink); font-size: .78rem; }
.bhk-planning-grid h2 { max-width: 540px; margin: 0 0 15px; font-size: clamp(2rem,3.8vw,3rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.bhk-planning-grid .bhk-copy { color: var(--bhk-muted); font-size: .94rem; line-height: 1.8; }
.bhk-planning-grid ul { display: grid; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.bhk-planning-grid li { display: flex; gap: 9px; color: #41443e; font-size: .87rem; }
.bhk-planning-grid li::before { color: var(--bhk-gold); content: "✓"; font-weight: 700; }
.bhk-location { padding: 78px 0; background: var(--bhk-cream); }
.bhk-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.bhk-links a { padding: 8px 11px; border: 1px solid var(--bhk-line); background: #fff; color: var(--bhk-ink); font-size: .75rem; text-decoration: none; }
.bhk-links a:hover { border-color: var(--bhk-gold); color: #875719; }
.bhk-contact { padding: 78px 0; background: #272c26; color: #fff; }
.bhk-contact-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: clamp(38px,8vw,100px); }
.bhk-contact .bhk-label { color: #e1b86f; }
.bhk-contact h2 { max-width: 510px; margin: 0; color: #fff; font-size: clamp(2rem,4vw,3.2rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.bhk-contact-grid > div > p:last-child { max-width: 430px; margin: 16px 0 0; color: rgba(255,255,255,.72); line-height: 1.75; }
.bhk-form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 13px; }
.bhk-form > div { display: grid; gap: 6px; }
.bhk-form label { color: rgba(255,255,255,.8); font-size: .75rem; font-weight: 650; }
.bhk-form input,.bhk-form select { width: 100%; min-height: 44px; padding: 10px 11px; border: 1px solid rgba(255,255,255,.35); border-radius: 2px; background: rgba(255,255,255,.08); color: #fff; font: inherit; font-size: .85rem; }
.bhk-form input::placeholder { color: rgba(255,255,255,.55); }
.bhk-form select option { color: var(--bhk-ink); }
.bhk-form input:focus,.bhk-form select:focus { border-color: #e1b86f; outline: 2px solid rgba(225,184,111,.23); }
.bhk-form button { display: flex; min-height: 48px; grid-column: 1 / -1; align-items: center; justify-content: space-between; padding: 12px 16px; border: 0; background: #e1b86f; color: #20231e; font: inherit; font-size: .86rem; font-weight: 700; cursor: pointer; }
.bhk-form button:hover { background: #edc987; }
.bhk-note { grid-column: 1 / -1; margin: -7px 0 0; color: rgba(255,255,255,.61); font-size: .72rem; }
.bhk-faq { padding: 78px 0 88px; }
.bhk-faq-grid { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); }
.bhk-faq h2 { max-width: 430px; margin: 0; font-size: clamp(2rem,3.8vw,3rem); font-weight: 650; letter-spacing: -.04em; line-height: 1.12; }
.bhk-faq-list { border-top: 1px solid var(--bhk-line); }
.bhk-faq-list details { padding: 18px 0; border-bottom: 1px solid var(--bhk-line); }
.bhk-faq-list summary { position: relative; padding-right: 32px; color: var(--bhk-ink); cursor: pointer; font-size: .95rem; font-weight: 650; list-style: none; }
.bhk-faq-list summary::-webkit-details-marker { display: none; }
.bhk-faq-list summary::after { position: absolute; top: -2px; right: 3px; color: var(--bhk-gold); content: "+"; font-size: 1.2rem; }
.bhk-faq-list details[open] summary::after { content: "−"; }
.bhk-faq-list details p { margin: 10px 32px 0 0; color: var(--bhk-muted); font-size: .87rem; line-height: 1.75; }
@media(max-width:900px) { .bhk-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  .bhk-wrap { width: min(100% - 36px,560px); }
  .bhk-hero { padding: 48px 0; }
  .bhk-hero-grid,.bhk-two-col,.bhk-planning-grid,.bhk-contact-grid,.bhk-faq-grid { grid-template-columns: 1fr; gap: 24px; }
  .bhk-hero h1 { font-size: clamp(2.7rem,11vw,4rem); }
  .bhk-hero-photo { min-height: 300px; }
  .bhk-intro,.bhk-planning,.bhk-location,.bhk-contact,.bhk-faq { padding: 62px 0; }
  .bhk-heading { align-items: start; flex-direction: column; gap: 14px; }
  .bhk-cards { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .bhk-cards article { min-height: 0; padding: 18px; }
  .bhk-cards article > span { margin-bottom: 18px; }
  .bhk-planning-grid figure { min-height: 300px; }
}
@media(max-width:480px) {
  .bhk-actions { align-items: stretch; flex-direction: column; }
  .bhk-cards,.bhk-form { grid-template-columns: 1fr; }
  .bhk-form button,.bhk-note { grid-column: auto; }
}