.onebhk-page {
  --ob-ink: #252822;
  --ob-muted: #6b6e67;
  --ob-cream: #f7f5ef;
  --ob-line: #e4e1d9;
  --ob-gold: #b47a2b;
  color: var(--ob-ink);
  background: #fff;
  overflow-x: clip;
}

.onebhk-page *,
.onebhk-page *::before,
.onebhk-page *::after { box-sizing: border-box; }
.onebhk-page h1,.onebhk-page h2,.onebhk-page h3,.onebhk-page p,.onebhk-page figure { margin-top: 0; }
.onebhk-page img { display: block; width: 100%; height: 100%; object-fit: cover; }
.onebhk-page h1,.onebhk-page h2 { letter-spacing: -.04em; line-height: 1.1; }
.onebhk-page h1 span,.onebhk-page h2 span { color: var(--ob-gold); }
.ob-wrap { width: min(1120px,calc(100% - 48px)); margin-inline: auto; }

.ob-hero { padding: 70px 0; background: var(--ob-cream); }
.ob-hero-grid { display: grid; grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr); align-items: center; gap: clamp(38px,7vw,92px); }
.ob-hero-copy { max-width: 510px; }
.ob-eyebrow,.ob-label { margin: 0 0 14px; color: var(--ob-gold); font-size: .7rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.ob-hero h1 { max-width: 510px; margin: 0; color: var(--ob-ink); font-size: clamp(2.8rem,5.6vw,4.8rem); font-weight: 700; }
.ob-hero-copy > p:not(.ob-eyebrow) { max-width: 460px; margin: 20px 0 0; color: var(--ob-muted); font-size: 1.02rem; line-height: 1.8; }
.ob-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 26px; }
.ob-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: space-between; gap: 22px; padding: 12px 17px; background: var(--ob-ink); color: #fff; font-size: .84rem; font-weight: 700; text-decoration: none; }
.ob-button:hover { background: #44483b; color: #fff; }
.ob-phone { color: var(--ob-ink); font-size: .8rem; font-weight: 650; text-decoration: none; }
.ob-hero-image { position: relative; min-height: 390px; margin: 0; }
.ob-hero-image img { position: absolute; inset: 0; }
.ob-hero-image 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; }

.ob-intro { padding: 82px 0; }
.ob-intro-grid,.ob-location-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); align-items: start; gap: clamp(38px,8vw,100px); }
.ob-intro h2,.ob-location-grid h2 { max-width: 510px; margin: 0; font-size: clamp(2rem,4vw,3.3rem); font-weight: 650; }
.ob-copy p { color: var(--ob-muted); line-height: 1.85; }
.ob-copy strong { color: var(--ob-ink); }

.ob-services { padding: 78px 0 88px; background: var(--ob-cream); }
.ob-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.ob-section-heading h2 { max-width: 650px; margin: 0; font-size: clamp(2rem,3.8vw,3.1rem); font-weight: 650; }
.ob-section-heading > p { max-width: 340px; margin: 0 0 3px; color: var(--ob-muted); font-size: .9rem; line-height: 1.75; }
.ob-card-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.ob-card { min-height: 215px; padding: 22px; border: 1px solid var(--ob-line); background: #fff; }
.ob-card > span { display: block; margin-bottom: 28px; color: var(--ob-gold); font-size: .69rem; font-weight: 700; letter-spacing: .12em; }
.ob-card h3 { margin: 0 0 9px; font-size: 1.1rem; font-weight: 650; }
.ob-card p { margin: 0; color: var(--ob-muted); font-size: .88rem; line-height: 1.7; }

.ob-planning { padding: 84px 0; }
.ob-planning-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.95fr); align-items: center; gap: clamp(38px,7vw,90px); }
.ob-planning-image { position: relative; min-height: 390px; margin: 0; background: var(--ob-cream); }
.ob-planning-image img { position: absolute; inset: 0; }
.ob-planning-image figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 13px 16px; background: rgba(255,255,255,.93); color: var(--ob-ink); font-size: .78rem; }
.ob-planning-copy h2 { max-width: 540px; margin: 0 0 16px; font-size: clamp(2rem,3.8vw,3.15rem); font-weight: 650; }
.ob-planning-copy > p:not(.ob-label) { color: var(--ob-muted); line-height: 1.8; }
.ob-planning-copy ul { display: grid; gap: 11px; margin: 20px 0 0; padding: 0; list-style: none; }
.ob-planning-copy li { display: flex; gap: 10px; color: #41443e; font-size: .88rem; }
.ob-planning-copy li::before { color: var(--ob-gold); content: "✓"; font-weight: 700; }

.ob-locations { padding: 78px 0; background: var(--ob-cream); }
.ob-location-grid { align-items: start; }
.ob-area-links { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.ob-area-links a { padding: 8px 11px; border: 1px solid var(--ob-line); background: #fff; color: var(--ob-ink); font-size: .75rem; text-decoration: none; }
.ob-area-links a:hover { border-color: var(--ob-gold); color: #875719; }

.ob-enquiry { padding: 82px 0; background: #272c26; color: #fff; }
.ob-enquiry-grid { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: clamp(38px,8vw,100px); }
.ob-enquiry .ob-label { color: #e1b86f; }
.ob-enquiry h2 { max-width: 500px; margin: 0; color: #fff; font-size: clamp(2rem,4vw,3.2rem); font-weight: 650; }
.ob-enquiry-grid > div > p:last-child { max-width: 430px; margin: 16px 0 0; color: rgba(255,255,255,.72); line-height: 1.75; }
.ob-enquiry form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 13px; }
.ob-field { display: grid; gap: 6px; }
.ob-field label { margin: 0; color: rgba(255,255,255,.8); font-size: .75rem; font-weight: 650; }
.ob-field input,.ob-field 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; }
.ob-field input::placeholder { color: rgba(255,255,255,.55); }
.ob-field select option { color: var(--ob-ink); }
.ob-field input:focus,.ob-field select:focus { border-color: #e1b86f; outline: 2px solid rgba(225,184,111,.23); }
.ob-enquiry 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; }
.ob-enquiry button:hover { background: #edc987; }
.ob-form-note { grid-column: 1 / -1; margin: -7px 0 0; color: rgba(255,255,255,.61); font-size: .72rem; }

.ob-faq { padding: 78px 0 88px; }
.ob-faq-grid { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: clamp(36px,7vw,90px); }
.ob-faq h2 { max-width: 420px; margin: 0; font-size: clamp(2rem,3.8vw,3rem); font-weight: 650; }
.ob-faq-list { border-top: 1px solid var(--ob-line); }
.ob-faq-list details { padding: 18px 0; border-bottom: 1px solid var(--ob-line); }
.ob-faq-list summary { position: relative; padding-right: 32px; color: var(--ob-ink); cursor: pointer; font-size: .95rem; font-weight: 650; list-style: none; }
.ob-faq-list summary::-webkit-details-marker { display: none; }
.ob-faq-list summary::after { position: absolute; top: -2px; right: 3px; color: var(--ob-gold); content: "+"; font-size: 1.2rem; }
.ob-faq-list details[open] summary::after { content: "−"; }
.ob-faq-list details p { margin: 10px 32px 0 0; color: var(--ob-muted); font-size: .87rem; line-height: 1.75; }

@media (max-width: 900px) {
  .ob-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .ob-wrap { width: min(100% - 36px,560px); }
  .ob-hero { padding: 48px 0; }
  .ob-hero-grid,.ob-intro-grid,.ob-planning-grid,.ob-location-grid,.ob-enquiry-grid,.ob-faq-grid { grid-template-columns: 1fr; }
  .ob-hero-grid { gap: 28px; }
  .ob-hero h1 { font-size: clamp(2.7rem,11vw,4rem); }
  .ob-hero-image { min-height: 300px; }
  .ob-intro,.ob-planning,.ob-locations,.ob-enquiry,.ob-faq { padding: 62px 0; }
  .ob-intro-grid,.ob-location-grid,.ob-planning-grid,.ob-enquiry-grid,.ob-faq-grid { gap: 23px; }
  .ob-section-heading { align-items: start; flex-direction: column; gap: 13px; margin-bottom: 23px; }
  .ob-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .ob-card { min-height: 0; padding: 18px; }
  .ob-card > span { margin-bottom: 19px; }
  .ob-planning-image { min-height: 300px; }
}

@media (max-width: 480px) {
  .ob-hero { padding: 40px 0; }
  .ob-actions { align-items: stretch; flex-direction: column; gap: 14px; }
  .ob-button { width: 100%; }
  .ob-card-grid,.ob-enquiry form { grid-template-columns: 1fr; }
  .ob-enquiry button,.ob-form-note { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  .onebhk-page *, .onebhk-page *::before, .onebhk-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}