:root {
	--wd-text-font: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: var(--wd-text-font);
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: var(--wd-title-font);
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: var(--wd-text-font);
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(35,74,64);
	--wd-alternative-color: rgb(144,182,82);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1300px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1300px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1300px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1300px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: rgb(234,240,227);
}

		/*
 * HNO Satir — original design for Woodmart + native WPBakery.
 * Theme settings: 1300px site width, boxed row content, full-width section backgrounds.
 * Use hno-* classes in each WPBakery element's “Extra class name” field.
 * All content remains native WordPress/WPBakery/Fluent Forms content.
 */

:root {
  --hno-forest: #234a40;
  --hno-forest-deep: #1e4037;
  --hno-forest-hover: #193b32;
  --hno-lime: #90b652;
  --hno-lime-pale: #e5edda;
  --hno-paper: #f7f8f2;
  --hno-sage: #eaf0e3;
  --hno-ink: #28483e;
  --hno-muted: #68726b;
  --hno-line: #e0e6dc;
  --hno-radius: 14px;
  --hno-shadow: 0 8px 30px rgb(30 64 55 / 6%);
  --hno-space: clamp(60px, 6.2vw, 104px);
  --hno-font: Arial, Helvetica, sans-serif;
}

/* Every section is a normal VC row; backgrounds can be set in row Design Options. */
.hno-section {
  color: var(--hno-ink);
  font-family: var(--hno-font);
  font-size: 16px;
  line-height: 1.65;
  padding-top: var(--hno-space);
  padding-bottom: var(--hno-space);
  position: relative;
}
.hno-section > .wpb_column > .vc_column-inner { padding-top: 0; }
.hno-section .wpb_content_element,
.hno-section .wpb_text_column { margin-bottom: 0; }
.hno-section .wpb_text_column + .wpb_text_column { margin-top: 22px; }
.hno-section p { margin-bottom: 18px; }
.hno-section p:last-child { margin-bottom: 0; }
.hno-section h1, .hno-section h2, .hno-section h3,
.hno-section h4, .hno-section h5, .hno-section h6 {
  color: var(--hno-ink);
  font-family: var(--hno-font);
  font-weight: 500;
  letter-spacing: -.045em;
  margin: 0 0 24px;
}
.hno-section h2 {
  font-size: clamp(34px, 3.15vw, 48px);
  line-height: 1.12;
}
.hno-section h3 { font-size: 25px; line-height: 1.22; }
.hno-section h4 { font-size: 20px; line-height: 1.3; }
.hno-section a { text-underline-offset: 4px; }
.hno-section a:focus-visible,
.hno-section button:focus-visible,
.hno-section input:focus-visible,
.hno-section select:focus-visible,
.hno-section textarea:focus-visible {
  outline: 3px solid var(--hno-lime);
  outline-offset: 4px;
}
.hno-section .vc_row { margin-bottom: 0; }
.hno-section .vc_row + .vc_row { margin-top: 36px; }
.hno-section.hno-section--compact { padding-top: 52px; padding-bottom: 52px; }
.hno-section.hno-paper { background: var(--hno-paper); }
.hno-section.hno-sage { background: var(--hno-sage); }
.hno-section .hno-muted { color: var(--hno-muted); }
.hno-section .hno-small { font-size: 13px; line-height: 1.65; }
.hno-section .hno-serif {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -.055em;
}
.hno-section .hno-eyebrow,
.hno-section .hno-eyebrow p {
  align-items: center;
  color: var(--hno-forest);
  display: flex;
  font-size: 11px;
  font-weight: 700;
  gap: 8px;
  letter-spacing: .16em;
  line-height: 1.5;
  margin: 0 0 27px;
  text-transform: uppercase;
}
.hno-section .hno-eyebrow p { margin-bottom: 0; }
.hno-section .hno-eyebrow::before {
  background: var(--hno-lime);
  border-radius: 50%;
  content: '';
  display: inline-block;
  flex: 0 0 5px;
  height: 5px;
  width: 5px;
}

/* HERO: row with two ordinary 1/2 columns, text first and portrait second. */
.hno-section.hno-hero {
  align-items: center;
  background: var(--hno-paper);
  display: flex;
  padding-top: 42px;
  padding-bottom: 42px;
}
.hno-hero > .wpb_column { float: none; }
.hno-hero .hno-hero-copy > .vc_column-inner { padding-right: 40px; }
.hno-hero .hno-hero-title,
.hno-hero .hno-hero-title h1 {
  font-size: clamp(48px, 5.1vw, 76px);
  font-weight: 500;
  letter-spacing: -.065em;
  line-height: 1.045;
  margin: 0 0 32px;
}
.hno-hero .hno-hero-title h1:last-child { margin-bottom: 0; }
.hno-hero .hno-hero-title .hno-serif { color: #728f48; }
.hno-hero .hno-lead {
  color: var(--hno-muted);
  font-size: 17px;
  line-height: 1.65;
  margin-top: 30px;
  max-width: 390px;
}
.hno-hero .hno-portrait { margin-bottom: 0; }
.hno-hero .hno-portrait .vc_single_image-wrapper { display: block; }
.hno-hero .hno-portrait img {
  background: #fafbf7;
  border: 1px solid #dfe5d5;
  border-radius: 20px 20px 100px 20px;
  display: block;
  height: clamp(440px, 39vw, 575px);
  object-fit: cover;
  object-position: center 30%;
  width: 100%;
}
.hno-hero .hno-caption {
  background: #fff;
  border: 1px solid var(--hno-line);
  border-radius: 10px;
  box-shadow: var(--hno-shadow);
  color: var(--hno-ink);
  font-size: 14px;
  line-height: 1.45;
  margin: -110px 40px 32px -28px;
  max-width: 310px;
  padding: 20px 24px;
  position: relative;
  z-index: 1;
}
.hno-hero .hno-caption strong { display: block; font-size: 17px; font-weight: 500; }
.hno-hero .hno-caption small { color: var(--hno-muted); font-size: 11px; }

/* Buttons: assign hno-btn to a native VC button; links remain native and editable. */
.hno-section .hno-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px 26px;
  margin-top: 28px;
}
.hno-section .hno-btn { display: inline-block; margin: 0; }
.hno-section .hno-cta { margin-top: 28px; margin-right: 22px; vertical-align: middle; }
.hno-section .hno-cta-phone { display: inline-block; margin-top: 28px; vertical-align: middle; }
.hno-section .hno-cta + .hno-cta-phone { margin-top: 28px; }
.hno-section .hno-btn a,
.hno-section a.hno-btn,
.hno-section .hno-btn .vc_btn3,
.hno-section .hno-btn .btn {
  align-items: center;
  background: var(--hno-forest);
  border: 1px solid var(--hno-forest);
  border-radius: 6px;
  box-shadow: none;
  color: #fff;
  display: inline-flex;
  font-family: var(--hno-font);
  font-size: 14px;
  font-weight: 500;
  gap: 26px;
  justify-content: space-between;
  line-height: 1.3;
  min-height: 52px;
  padding: 16px 23px;
  text-decoration: none;
  text-transform: none;
  transition: background-color .18s ease, border-color .18s ease;
}
.hno-section .hno-btn a:hover,
.hno-section a.hno-btn:hover,
.hno-section .hno-btn .vc_btn3:hover,
.hno-section .hno-btn .btn:hover {
  background: var(--hno-forest-hover);
  border-color: var(--hno-forest-hover);
  color: #fff;
}
.hno-section .hno-btn--arrow a::after,
.hno-section a.hno-btn--arrow::after { content: '\2197'; font-size: 19px; line-height: 1; }
.hno-section .hno-btn--light a { background: #fff; border-color: #fff; color: var(--hno-forest); }
.hno-section .hno-btn--light a:hover { background: var(--hno-lime-pale); border-color: var(--hno-lime-pale); color: var(--hno-forest); }
.hno-section .hno-phone,
.hno-section .hno-phone a {
  color: var(--hno-forest);
  font-size: 15px;
  font-weight: 600;
  letter-spacing: .015em;
  text-decoration: none;
}
.hno-section .hno-link,
.hno-section .hno-link a {
  align-items: center;
  color: var(--hno-forest);
  display: inline-flex;
  font-size: 13px;
  font-weight: 600;
  gap: 24px;
  min-height: 44px;
  text-decoration: none;
}
.hno-section .hno-link a::after,
.hno-section a.hno-link::after { content: '\2197'; font-size: 19px; font-weight: 400; }
.hno-section .hno-link a:hover,
.hno-section a.hno-link:hover { text-decoration: underline; }

/* Immediate information strip: 3 normal 1/3 columns, no content is hidden. */
.hno-section.hno-quickfacts {
  border-bottom: 1px solid var(--hno-line);
  padding-top: 28px;
  padding-bottom: 28px;
}
.hno-quickfacts .hno-fact + .hno-fact { border-left: 1px solid var(--hno-line); }
.hno-quickfacts .hno-fact > .vc_column-inner { padding-left: 32px; padding-right: 24px; }
.hno-quickfacts .hno-fact:first-child > .vc_column-inner { padding-left: 15px; }
.hno-quickfacts h3 { font-size: 17px; letter-spacing: -.02em; margin-bottom: 6px; }
.hno-quickfacts p { color: var(--hno-muted); font-size: 13px; line-height: 1.55; }
.hno-quickfacts a { color: var(--hno-forest); }

/* Section headings: title 2/3, supporting copy 1/3. */
.hno-section .hno-section-head { align-items: flex-end; display: flex; }
.hno-section .hno-section-head h2 { margin-bottom: 0; }
.hno-section .hno-section-head .hno-intro { color: var(--hno-muted); font-size: 15px; max-width: 360px; }
.hno-section .hno-section-head + .hno-grid { margin-top: 38px; }
.hno-section .hno-grid { display: flex; flex-wrap: wrap; row-gap: 28px; }
.hno-section.hno-hero::before, .hno-section.hno-hero::after,
.hno-section.hno-team::before, .hno-section.hno-team::after,
.hno-section .hno-section-head::before, .hno-section .hno-section-head::after,
.hno-section .hno-grid::before, .hno-section .hno-grid::after,
.hno-contact .hno-contact-grid::before, .hno-contact .hno-contact-grid::after { display: none; }
.hno-section .hno-grid > .wpb_column { display: flex; float: none; }
.hno-section .hno-grid > .wpb_column > .vc_column-inner { display: flex; width: 100%; }
.hno-section .hno-card > .vc_column-inner > .wpb_wrapper {
  background: #fff;
  border: 1px solid var(--hno-line);
  border-radius: var(--hno-radius);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}
.hno-section .hno-card-image .vc_single_image-wrapper,
.hno-section .hno-card-image .vc_single_image-wrapper img { display: block; width: 100%; }
.hno-section .hno-card-image img {
  aspect-ratio: 1.78;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.hno-section .hno-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 26px 26px 22px;
}
.hno-section .hno-card-copy > .wpb_wrapper { display: flex; flex: 1; flex-direction: column; }
.hno-section .hno-card-copy h3 { font-size: 25px; letter-spacing: -.035em; margin-bottom: 13px; }
.hno-section .hno-card-copy p { color: var(--hno-muted); font-size: 14px; line-height: 1.65; }
.hno-section .hno-card-copy .hno-link { margin-top: auto; padding-top: 18px; }
.hno-section .hno-card-copy .hno-link a,
.hno-section .hno-card-copy a.hno-link { justify-content: space-between; width: 100%; }
.hno-section .hno-card-details {
  border-top: 1px solid var(--hno-line);
  color: var(--hno-muted);
  font-size: 12px;
  line-height: 1.7;
  margin-top: 16px;
  padding-top: 16px;
}
.hno-section .hno-card-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 20px; }
.hno-section .hno-card-tags span,
.hno-section .hno-card-tags a {
  border: 1px solid var(--hno-line);
  border-radius: 30px;
  color: inherit;
  font-size: 11px;
  line-height: 1.35;
  padding: 5px 10px;
  text-decoration: none;
}

/* About/team band. Native paragraphs hold all verified original information. */
.hno-section.hno-team { align-items: center; background: var(--hno-paper); display: flex; }
.hno-team .hno-team-intro { color: var(--hno-muted); font-size: 16px; }
.hno-team .hno-credential {
  border-top: 1px solid var(--hno-line);
  font-size: 13px;
  line-height: 1.65;
  margin-top: 22px;
  padding-top: 22px;
}
.hno-team .hno-credential strong { color: var(--hno-forest); font-size: 15px; }

/* Dark specialty section: original, natural-color photographs, no heavy effects. */
.hno-section.hno-dark { background: var(--hno-forest-deep); color: #e7eee6; }
.hno-section.hno-dark h1, .hno-section.hno-dark h2,
.hno-section.hno-dark h3, .hno-section.hno-dark h4 { color: #fff; }
.hno-section.hno-dark .hno-eyebrow,
.hno-section.hno-dark .hno-eyebrow p { color: #e7efd9; }
.hno-section.hno-dark .hno-intro,
.hno-section.hno-dark .hno-muted { color: #c1d0c4; }
.hno-section.hno-dark .hno-card > .vc_column-inner > .wpb_wrapper {
  background: #2a4d42;
  border-color: #3c5d50;
}
.hno-section.hno-dark .hno-card-copy { padding: 28px 30px 24px; }
.hno-section.hno-dark .hno-card-copy h3 { font-size: 29px; }
.hno-section.hno-dark .hno-card-copy p { color: #c9d7ca; }
.hno-section.hno-dark .hno-card-copy .hno-link { margin-top: 28px; }
.hno-section.hno-dark .hno-card-tags span,
.hno-section.hno-dark .hno-card-tags a { border-color: #5c7965; color: #dde9d3; }
.hno-section.hno-dark .hno-link,
.hno-section.hno-dark .hno-link a { color: #e1edce; }
.hno-section.hno-dark .hno-under-grid { color: #c1d0c4; font-size: 13px; margin-top: 22px; }
.hno-section.hno-dark .hno-under-grid a { color: #dbe9cc; }

/* Appointment information card. */
.hno-section .hno-note-box {
  background: var(--hno-paper);
  border: 1px solid var(--hno-line);
  border-radius: 16px;
  padding: 36px 38px;
}
.hno-section .hno-note-box h3 { font-size: 24px; margin-bottom: 24px; }
.hno-section .hno-note-box ul { list-style: none; margin: 0; padding: 0; }
.hno-section .hno-note-box li { color: var(--hno-muted); font-size: 14px; margin-bottom: 22px; }
.hno-section .hno-note-box li:last-child { margin-bottom: 0; }
.hno-section .hno-note-box li strong { color: var(--hno-forest); display: block; font-weight: 600; margin-bottom: 4px; }

/* Contact + opening hours. Tables retain native semantic and editorial structure. */
.hno-section.hno-contact { background: var(--hno-sage); }
.hno-contact .hno-contact-grid { align-items: flex-start; display: flex; flex-wrap: wrap; }
.hno-contact .hno-contact-details { font-size: 14px; }
.hno-contact .hno-contact-details h3 { font-size: 20px; letter-spacing: -.025em; }
.hno-contact .hno-contact-details a { color: var(--hno-forest); }
.hno-contact .hno-contact-details a[href^="mailto:"] { overflow-wrap: anywhere; }
.hno-contact .hno-hours { border-collapse: collapse; font-size: 13px; margin-bottom: 18px; width: 100%; }
.hno-contact .hno-hours td { border-bottom: 1px solid #d6dfd0; padding: 12px 0; vertical-align: top; }
.hno-contact .hno-hours tr:first-child td { border-top: 1px solid #d6dfd0; }
.hno-contact .hno-hours td:last-child { color: var(--hno-forest); text-align: right; white-space: nowrap; }

/* Fluent Forms: scope to a WPBakery column/text element carrying hno-form. */
.hno-section .hno-form {
  background: #fff;
  border: 1px solid #e4eadd;
  border-radius: 16px;
  box-shadow: 0 8px 28px rgb(30 64 55 / 3%);
  padding: 30px;
}
.hno-section .hno-form h3 { font-size: 24px; margin-bottom: 10px; }
.hno-section .hno-form > .wpb_wrapper > p,
.hno-section .hno-form .hno-form-intro { color: var(--hno-muted); font-size: 13px; margin-bottom: 22px; }
.hno-section .hno-form .ff-el-group { margin-bottom: 16px; }
.hno-section .hno-form .ff-el-input--label label {
  color: var(--hno-muted);
  font-family: var(--hno-font);
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 6px;
}
.hno-section .hno-form .ff-el-form-control {
  background: #fff;
  border: 1px solid var(--hno-line);
  border-radius: 4px;
  box-shadow: none;
  color: var(--hno-ink);
  font-family: var(--hno-font);
  font-size: 16px;
  line-height: 1.5;
  min-height: 46px;
  padding: 10px 12px;
}
.hno-section .hno-form .ff-el-form-control::placeholder { color: #879087; opacity: 1; }
.hno-section .hno-form .ff-el-form-control:focus { border-color: #7c9b69; box-shadow: 0 0 0 2px rgb(144 182 82 / 15%); }
.hno-section .hno-form textarea.ff-el-form-control { min-height: 106px; resize: vertical; }
.hno-section .hno-form .ff-el-form-check-label,
.hno-section .hno-form .ff-el-form-check-label span { color: var(--hno-muted); font-size: 11px; line-height: 1.55; }
.hno-section .hno-form .ff-el-form-check a { color: var(--hno-forest); text-decoration: underline; }
.hno-section .hno-form .ff-btn-submit {
  background: var(--hno-forest);
  border: 1px solid var(--hno-forest);
  border-radius: 5px;
  color: #fff;
  font-family: var(--hno-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  min-height: 50px;
  padding: 14px 20px;
  text-align: left;
  transition: background-color .18s ease;
  width: 100%;
}
.hno-section .hno-form .ff-btn-submit::after { content: '\2197'; float: right; font-size: 20px; line-height: 1; }
.hno-section .hno-form .ff-btn-submit:hover { background: var(--hno-forest-hover); border-color: var(--hno-forest-hover); }
.hno-section .hno-form .ff-message-success { background: var(--hno-paper); border-color: var(--hno-line); color: var(--hno-forest); }
.hno-section .hno-form .text-danger,
.hno-section .hno-form .error { color: #a33128; font-size: 12px; }

/* Optional native footer HTML-block rows. Header width stays in Woodmart settings. */
.hno-section.hno-career { background: var(--hno-paper); padding-top: 23px; padding-bottom: 23px; }
.hno-career p { font-size: 14px; }
.hno-section.hno-footer { border-top: 1px solid var(--hno-line); padding-top: 34px; padding-bottom: 34px; }
.hno-footer p, .hno-footer a { color: var(--hno-muted); font-size: 13px; }
.hno-footer a:hover { color: var(--hno-forest); }
.hno-footer .hno-footer-nav { align-items: center; display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: flex-end; }
.hno-theme-footer { color: var(--hno-muted); font-family: var(--hno-font); font-size: 13px; line-height: 1.6; }
.hno-theme-footer p { margin: 0; }
.hno-theme-footer a { color: var(--hno-muted); text-decoration: none; }
.hno-theme-footer a:hover { color: var(--hno-forest); text-decoration: underline; text-underline-offset: 4px; }
.hno-theme-footer a:focus-visible { outline: 3px solid var(--hno-lime); outline-offset: 4px; }
.hno-theme-footer .hno-footer-main { align-items: center; display: flex; flex-wrap: wrap; gap: 26px; padding: 30px 0; }
.hno-theme-footer .hno-footer-brand { display: block; flex: 0 0 140px; }
.hno-theme-footer .hno-footer-brand img { display: block; height: auto; max-width: 140px; }
.hno-theme-footer .hno-footer-nav { align-items: center; display: flex; flex-wrap: wrap; gap: 12px 24px; margin-left: auto; }
.hno-theme-footer .hno-footer-nav a { align-items: center; display: inline-flex; min-height: 44px; }
.hno-theme-footer .hno-footer-bottom { align-items: center; border-top: 1px solid var(--hno-line); display: flex; flex-wrap: wrap; font-size: 11px; gap: 18px; justify-content: space-between; padding: 18px 0; }
.hno-theme-footer .hno-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 20px; }
.hno-theme-footer .hno-footer-bottom a { align-items: center; display: inline-flex; min-height: 36px; }

/* Compact laptop: natural height, readable text, no fixed viewport clipping. */
@media (min-width: 1025px) and (max-width: 1440px) {
  :root { --hno-space: 78px; }
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: clamp(53px, 5.1vw, 70px); }
  .hno-hero .hno-portrait img { height: clamp(450px, 37vw, 530px); }
  .hno-section .hno-card-copy { padding: 24px 22px 20px; }
  .hno-section .hno-card-copy h3 { font-size: 23px; }
}
@media (min-width: 1025px) and (max-height: 850px) {
  .hno-section.hno-hero { padding-top: 32px; padding-bottom: 32px; }
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: clamp(52px, 4.6vw, 65px); }
  .hno-hero .hno-portrait img { height: clamp(420px, 34vw, 490px); }
  .hno-hero .hno-lead { font-size: 16px; margin-top: 24px; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  :root { --hno-space: 64px; }
  .hno-section h2 { font-size: 36px; }
  .hno-section.hno-hero { padding-top: 34px; padding-bottom: 34px; }
  .hno-hero .hno-hero-copy > .vc_column-inner { padding-right: 18px; }
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: clamp(42px, 5.4vw, 55px); }
  .hno-hero .hno-portrait img { border-bottom-right-radius: 70px; height: 420px; }
  .hno-hero .hno-caption { margin-left: -12px; margin-right: 20px; padding: 16px; }
  .hno-hero .hno-lead { font-size: 15px; }
  .hno-section .hno-actions { gap: 14px; }
  .hno-section .hno-card-copy { padding: 20px 17px; }
  .hno-section .hno-card-copy h3 { font-size: 21px; }
  .hno-section .hno-card-copy p { font-size: 13px; }
  .hno-section.hno-dark .hno-card-copy { padding: 24px; }
  .hno-section.hno-dark .hno-card-copy h3 { font-size: 25px; }
  .hno-quickfacts .hno-fact > .vc_column-inner { padding-left: 20px; padding-right: 15px; }
  .hno-quickfacts h3 { font-size: 15px; }
  .hno-quickfacts p { font-size: 12px; }
  .hno-section .hno-note-box { padding: 28px; }
  .hno-section .hno-form { padding: 24px; }
}
@media (max-width: 767px) {
  :root { --hno-space: 54px; --hno-radius: 12px; }
  .hno-section { font-size: 15px; }
  .hno-section h2 { font-size: clamp(31px, 8.1vw, 40px); }
  .hno-section h3 { font-size: 24px; }
  .hno-section .hno-eyebrow, .hno-section .hno-eyebrow p { font-size: 10px; letter-spacing: .13em; margin-bottom: 22px; }
  .hno-section .hno-eyebrow p { margin-bottom: 0; }
  .hno-section.hno-hero { display: block; padding-top: 36px; padding-bottom: 28px; }
  .hno-hero .hno-hero-copy > .vc_column-inner { padding-right: 15px; }
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: clamp(43px, 11vw, 64px); line-height: 1.06; }
  .hno-hero .hno-lead { font-size: 16px; margin-top: 24px; max-width: 38ch; }
  .hno-hero .hno-hero-media { margin-top: 30px; }
  .hno-hero .hno-portrait img { border-radius: 14px 14px 64px 14px; height: auto; max-height: 520px; object-position: center 25%; width: 100%; }
  .hno-hero .hno-caption { margin: -82px 24px 18px 14px; max-width: 290px; padding: 17px 20px; }
  .hno-section .hno-actions { gap: 12px 22px; margin-top: 24px; }
  .hno-section .hno-btn a, .hno-section a.hno-btn, .hno-section .hno-btn .vc_btn3 { min-height: 50px; padding: 15px 20px; }
  .hno-section.hno-quickfacts { padding-top: 0; padding-bottom: 0; }
  .hno-quickfacts .hno-fact { border-left: 0 !important; padding-top: 20px; padding-bottom: 20px; }
  .hno-quickfacts .hno-fact + .hno-fact { border-top: 1px solid var(--hno-line); }
  .hno-quickfacts .hno-fact > .vc_column-inner { padding-left: 15px; padding-right: 15px; }
  .hno-quickfacts h3 { font-size: 17px; }
  .hno-quickfacts p { font-size: 13px; }
  .hno-section .hno-section-head { display: block; }
  .hno-section .hno-section-head .hno-intro { margin-top: 24px; max-width: 45ch; }
  .hno-section .hno-section-head + .hno-grid { margin-top: 28px; }
  .hno-section .hno-grid { row-gap: 24px; }
  .hno-section .hno-grid > .wpb_column { width: 100%; }
  .hno-section .hno-card-image img { aspect-ratio: 1.75; }
  .hno-section .hno-card-copy { padding: 24px; }
  .hno-section .hno-card-copy h3 { font-size: 25px; }
  .hno-section .hno-card-copy p { font-size: 14px; }
  .hno-section.hno-team { display: block; }
  .hno-team .hno-team-copy { margin-top: 28px; }
  .hno-section.hno-dark .hno-card-copy { padding: 26px 24px; }
  .hno-section.hno-dark .hno-card-copy h3 { font-size: 26px; }
  .hno-section.hno-dark .hno-under-grid { line-height: 1.8; }
  .hno-section .hno-note-box { margin-top: 28px; padding: 28px 24px; }
  .hno-contact .hno-contact-grid > .wpb_column { width: 100%; }
  .hno-contact .hno-contact-grid > .wpb_column + .wpb_column { margin-top: 28px; }
  .hno-contact .hno-hours { max-width: 440px; }
  .hno-section .hno-form { padding: 26px 22px; }
  .hno-section .hno-form .ff-t-container { display: block; }
  .hno-section .hno-form .ff-t-cell { padding-left: 0; padding-right: 0; width: 100%; }
  .hno-footer .hno-footer-nav { justify-content: flex-start; margin-top: 24px; }
  .hno-theme-footer .hno-footer-main { gap: 20px; }
  .hno-theme-footer .hno-footer-nav { margin-left: 0; width: 100%; }
  .hno-theme-footer .hno-footer-bottom { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (max-width: 374px) {
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: 39px; }
  .hno-section .hno-btn, .hno-section .hno-btn a { width: 100%; }
  .hno-section .hno-card-copy, .hno-section.hno-dark .hno-card-copy { padding: 22px 19px; }
  .hno-section .hno-form { padding: 22px 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .hno-section *, .hno-section *::before, .hno-section *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* HNO additions — append after hno-design.css. Native converted inner pages + header. */

/* Native inner-page rows: all original content remains in the document flow. */
.hno-inner {
  color: var(--hno-ink, #28483e);
  font-family: var(--hno-font, Arial, Helvetica, sans-serif);
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 32px;
}
.hno-inner:last-child { margin-bottom: 0; }
.hno-inner > .wpb_column > .vc_column-inner { padding-top: 0; }
.hno-inner .wpb_content_element { margin-bottom: 26px; }
.hno-inner .wpb_content_element:last-child { margin-bottom: 0; }
.hno-inner .hno-copy { color: var(--hno-muted, #68726b); }
.hno-inner .hno-copy p { margin: 0 0 20px; }
.hno-inner .hno-copy p:last-child { margin-bottom: 0; }
.hno-inner .hno-copy p[style*="text-align: justify"],
.hno-inner .hno-biography p[style*="text-align: justify"] { text-align: left !important; }
.hno-inner .hno-copy strong,
.hno-inner .hno-copy b { color: var(--hno-forest, #234a40); font-weight: 600; }
.hno-inner .hno-copy > .wpb_wrapper > strong:first-child {
  color: var(--hno-forest, #234a40);
  display: block;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: -.02em;
  line-height: 1.35;
  margin-bottom: 20px;
}
.hno-inner h1, .hno-inner h2, .hno-inner h3, .hno-inner h4 {
  color: var(--hno-forest, #234a40);
  font-family: var(--hno-font, Arial, Helvetica, sans-serif);
  font-weight: 500;
  letter-spacing: -.035em;
  margin-top: 0;
}
.hno-inner h1 { font-size: clamp(36px, 4vw, 54px); line-height: 1.1; margin-bottom: 28px; }
.hno-inner h2 { font-size: clamp(28px, 2.7vw, 38px); line-height: 1.2; margin-bottom: 22px; }
.hno-inner h3 { font-size: 25px; line-height: 1.25; margin-bottom: 18px; }
.hno-inner h4 { font-size: 20px; line-height: 1.3; margin-bottom: 16px; }
.hno-inner .hno-heading h2 { font-size: 29px; line-height: 1.2; margin-bottom: 16px; }
.hno-inner .hno-heading p { font-size: 14px; line-height: 1.65; margin-bottom: 12px; }
.hno-inner .hno-copy ul,
.hno-inner .hno-copy ol { margin: 14px 0 24px; padding-left: 22px; }
.hno-inner .hno-copy li { margin-bottom: 9px; padding-left: 4px; }
.hno-inner .hno-copy li::marker { color: #7f9b50; }
.hno-inner a { color: var(--hno-forest, #234a40); text-underline-offset: 4px; }
.hno-inner .hno-copy a:hover { text-decoration: underline; }
.hno-inner a[href^="mailto:"] { overflow-wrap: anywhere; }
.hno-inner a:focus-visible,
.hno-inner button:focus-visible,
.hno-inner input:focus-visible,
.hno-inner textarea:focus-visible,
.hno-inner select:focus-visible,
.hno-inner .vc_toggle_title:focus-visible {
  outline: 3px solid var(--hno-lime, #90b652);
  outline-offset: 4px;
}
.hno-inner .wpb_single_image img { border-radius: 13px; height: auto; max-width: 100%; }
.hno-inner iframe { border: 0; border-radius: 13px; max-width: 100%; }
.hno-inner .hno-map-caption { color: var(--hno-muted, #68726b); font-size: 13px; margin-top: 16px; }
.hno-inner .hno-copy table { border-collapse: collapse; width: 100%; }
.hno-inner .hno-copy td,
.hno-inner .hno-copy th { border-bottom: 1px solid var(--hno-line, #e0e6dc); padding: 12px 10px; text-align: left; vertical-align: top; }

/* Catalog cards remain ordinary native single images followed by native text blocks. */
.hno-inner .hno-service-image { margin-bottom: 0; }
.hno-inner .hno-service-image .vc_single_image-wrapper { display: block; width: 100%; }
.hno-inner .hno-service-image img {
  aspect-ratio: 1.85;
  border-radius: 13px 13px 0 0;
  display: block;
  height: auto;
  object-fit: cover;
  object-position: center;
  width: 100%;
}
.hno-inner .hno-service-title {
  background: #fff;
  border: 1px solid var(--hno-line, #e0e6dc);
  border-radius: 0 0 13px 13px;
  border-top: 0;
  margin-top: 0;
  padding: 22px 25px;
}
.hno-inner .hno-service-title h2 { font-size: 27px; line-height: 1.25; margin: 0; }
.hno-inner .hno-service-title h2 a {
  align-items: center;
  display: flex;
  gap: 18px;
  justify-content: space-between;
  min-height: 44px;
  text-decoration: none;
}
.hno-inner .hno-service-title h2 a::after { content: '\2197'; flex-shrink: 0; font-size: 22px; font-weight: 400; }
.hno-inner .hno-service-title h2 a:hover { color: #527d44; }

/* Native biographies keep the original VC toggle behavior and accessible controls. */
.hno-inner .hno-biography {
  background: var(--hno-paper, #f7f8f2);
  border: 1px solid var(--hno-line, #e0e6dc);
  border-radius: 10px;
  color: var(--hno-muted, #68726b);
  margin-bottom: 0;
  padding: 18px;
}
.hno-inner .hno-biography .vc_toggle_title { min-height: 28px; padding-left: 28px; }
.hno-inner .hno-biography .vc_toggle_title h4 {
  color: var(--hno-forest, #234a40);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .025em;
  line-height: 1.5;
  margin: 0;
}
.hno-inner .hno-biography .vc_toggle_content {
  color: var(--hno-muted, #68726b);
  font-size: 14px;
  line-height: 1.75;
  margin: 20px 0 0;
  padding: 0;
}
.hno-inner .hno-biography .vc_toggle_content p { margin-bottom: 16px; }
.hno-inner .hno-biography .vc_toggle_content p:last-child { margin-bottom: 0; }

/* Converted native CTA, including contact page's standalone VC button. */
.hno-inner .hno-cta { margin: 12px 0 24px; }
.hno-inner .hno-cta .vc_btn3,
.hno-inner .hno-cta a,
.hno-inner a.hno-cta {
  align-items: center;
  background: var(--hno-forest, #234a40);
  border: 1px solid var(--hno-forest, #234a40);
  border-radius: 6px;
  box-shadow: none;
  color: #fff;
  display: inline-flex;
  font-family: var(--hno-font, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 500;
  gap: 24px;
  line-height: 1.4;
  min-height: 50px;
  padding: 14px 22px;
  text-decoration: none;
  text-transform: none;
}
.hno-inner .hno-cta .vc_btn3:hover,
.hno-inner .hno-cta a:hover,
.hno-inner a.hno-cta:hover { background: #193b32; border-color: #193b32; color: #fff; }

/* Contact and consultation forms on converted pages; original fields/labels stay native. */
.hno-inner .fluentform {
  background: #fff;
  border: 1px solid var(--hno-line, #e0e6dc);
  border-radius: 14px;
  padding: clamp(22px, 2.5vw, 36px);
}
.hno-inner .fluentform .ff-el-group { margin-bottom: 18px; }
.hno-inner .fluentform .ff-el-input--label label { color: var(--hno-forest, #234a40); font-size: 13px; font-weight: 500; }
.hno-inner .fluentform .ff-el-form-control {
  background: #fff;
  border: 1px solid var(--hno-line, #e0e6dc);
  border-radius: 5px;
  box-shadow: none;
  color: var(--hno-ink, #28483e);
  font-family: var(--hno-font, Arial, Helvetica, sans-serif);
  font-size: 16px;
  line-height: 1.5;
  min-height: 48px;
  padding: 11px 12px;
}
.hno-inner .fluentform .ff-el-form-control:focus { border-color: #7c9b69; box-shadow: 0 0 0 2px rgb(144 182 82 / 15%); }
.hno-inner .fluentform textarea.ff-el-form-control { min-height: 130px; resize: vertical; }
.hno-inner .fluentform .ff-el-form-check-label { color: var(--hno-muted, #68726b); font-size: 13px; line-height: 1.6; }
.hno-inner .fluentform .ff-btn-submit {
  background: var(--hno-forest, #234a40);
  border: 1px solid var(--hno-forest, #234a40);
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  min-height: 50px;
  padding: 14px 24px;
}
.hno-inner .fluentform .ff-btn-submit:hover { background: #193b32; border-color: #193b32; color: #fff; }
.hno-inner .fluentform .text-danger,
.hno-inner .fluentform .error { color: #a33128; font-size: 12px; }

/* Header Builder HTML/button classes. Container width is configured in Woodmart. */
.hno-header-cta { white-space: nowrap; }
.hno-header-cta .btn,
.hno-header-cta a,
a.hno-header-cta,
button.hno-header-cta {
  align-items: center;
  background: var(--hno-forest, #234a40);
  border: 1px solid var(--hno-forest, #234a40);
  border-radius: 6px;
  box-shadow: none;
  color: #fff;
  display: inline-flex;
  font-family: var(--hno-font, Arial, Helvetica, sans-serif);
  font-size: 14px;
  font-weight: 500;
  gap: 22px;
  justify-content: space-between;
  line-height: 1.3;
  min-height: 48px;
  padding: 14px 22px;
  text-decoration: none;
  text-transform: none;
}
.hno-header-cta .btn:hover,
.hno-header-cta a:hover,
a.hno-header-cta:hover,
button.hno-header-cta:hover { background: #193b32; border-color: #193b32; color: #fff; }
.hno-header-cta a:focus-visible,
a.hno-header-cta:focus-visible,
button.hno-header-cta:focus-visible { outline: 3px solid var(--hno-lime, #90b652); outline-offset: 4px; }
.hno-header-meta {
  align-items: center;
  color: #e4ede6;
  display: flex;
  flex-wrap: wrap;
  font-size: 11px;
  gap: 8px 24px;
  justify-content: flex-end;
  line-height: 1.5;
}
.hno-header-meta p { margin: 0; }
.hno-header-meta a { color: inherit; text-decoration: none; text-underline-offset: 3px; }
.hno-header-meta a:hover { color: #fff; text-decoration: underline; }
.hno-header-meta a:focus-visible { outline: 2px solid var(--hno-lime, #90b652); outline-offset: 3px; }

@media (min-width: 1025px) {
  .whb-general-header .wd-header-nav .wd-nav > li > a {
    color: var(--hno-forest, #234a40);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
  }
  /* Desktop header only: these links already have their own visible header controls. */
  .whb-general-header .wd-header-nav .menu-item-2868,
  .whb-general-header .wd-header-nav .menu-item-2898,
  .whb-general-header .wd-header-nav .menu-item-3293 { display: none; }
  body.page-id-1074 .hno-inner.vc_row[class*="vc_custom_"] { padding-top: 42px !important; }
  body.page-id-1074 .hno-inner > .wpb_column > .vc_column-inner[class*="vc_custom_"] { padding-bottom: 36px !important; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hno-inner .hno-service-title { padding: 20px; }
  .hno-inner .hno-service-title h2 { font-size: 24px; }
  body.page-id-1074 .hno-inner:first-child > .wpb_column { width: 100%; }
  body.page-id-1074 .hno-inner:first-child > .wpb_column .vc_row_inner > .wpb_column:first-child,
  body.page-id-1074 .hno-inner:first-child > .wpb_column .vc_inner > .wpb_column:first-child { width: 33.333%; }
  body.page-id-1074 .hno-inner:first-child > .wpb_column .vc_row_inner > .wpb_column:last-child,
  body.page-id-1074 .hno-inner:first-child > .wpb_column .vc_inner > .wpb_column:last-child { width: 66.667%; }
}
@media (max-width: 1024px) {
  .hno-inner { margin-bottom: 26px; }
  body.page-id-1074 .hno-inner.vc_row[class*="vc_custom_"] { padding-top: 30px !important; }
  body.page-id-1074 .hno-inner > .wpb_column > .vc_column-inner[class*="vc_custom_"] { padding-bottom: 30px !important; }
  .hno-inner .hno-space-responsive { height: 20px !important; }
}
@media (max-width: 767px) {
  .hno-inner { font-size: 15px; line-height: 1.75; margin-bottom: 24px; }
  .hno-inner > .wpb_column + .wpb_column { margin-top: 26px; }
  .hno-inner .vc_row_inner > .wpb_column + .wpb_column,
  .hno-inner .vc_inner > .wpb_column + .wpb_column { margin-top: 22px; }
  .hno-inner .hno-copy p { margin-bottom: 18px; }
  .hno-inner h2 { font-size: 29px; }
  .hno-inner h3 { font-size: 23px; }
  .hno-inner .hno-heading h2 { font-size: 27px; }
  .hno-inner .hno-service-title { padding: 18px 21px; }
  .hno-inner .hno-service-title h2 { font-size: 23px; }
  .hno-inner .hno-service-image img { aspect-ratio: 1.65; }
  .hno-inner .hno-biography { padding: 17px; }
  .hno-inner .hno-space-responsive { height: 14px !important; }
  .hno-inner .fluentform { padding: 23px 20px; }
  .hno-inner .fluentform .ff-t-container { display: block; }
  .hno-inner .fluentform .ff-t-cell { padding-left: 0; padding-right: 0; width: 100%; }
  .hno-inner .fluentform .ff-btn-submit { width: 100%; }
  body.page-id-1074 .hno-inner.vc_row[class*="vc_custom_"] { padding-top: 24px !important; }
  body.page-id-1074 .hno-inner > .wpb_column > .vc_column-inner[class*="vc_custom_"] { padding-bottom: 12px !important; }
  .hno-header-meta { font-size: 10px; gap: 6px 14px; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .hno-inner *, .hno-header-cta * { scroll-behavior: auto !important; transition: none !important; }
}

/* Corrections verified against the saved WordPress output. */
.home .main-page-wrapper { padding-top: 0; padding-bottom: 0; }
.home .wd-content-layout { padding-top: 0; padding-bottom: 0; }
.hno-portrait .vc_figure,
.hno-card-image .vc_figure { display: block; width: 100%; }
.hno-portrait .vc_single_image-wrapper { width: 100%; }
.hno-hero .hno-portrait img { object-fit: contain; background: #f4f3ef; }
.hno-section .hno-form h2,
.hno-section .hno-form h3 { font-size: 25px; line-height: 1.25; letter-spacing: -.025em; margin-bottom: 22px; }
.hno-form .fluentform .ff-btn-submit,
.hno-inner .fluentform .ff-btn-submit { background: #234a40 !important; border-color: #234a40 !important; color: #fff !important; text-transform: none; }
.hno-form .fluentform .ff-btn-submit:hover,
.hno-inner .fluentform .ff-btn-submit:hover { background: #193b32 !important; border-color: #193b32 !important; }
.hno-form .fluentform .ff-btn-submit:focus-visible,
.hno-inner .fluentform .ff-btn-submit:focus-visible { outline: 3px solid #90b652; outline-offset: 3px; }
.hno-form #fluentform_6 .ff-t-container { flex-wrap: wrap; column-gap: 16px; }
.hno-form #fluentform_6 .ff-t-cell { padding: 0; flex: 0 0 calc(50% - 8px) !important; min-width: 0; }
.hno-form #fluentform_6 .ff-t-cell:nth-child(3) { flex-basis: 100% !important; }
.hno-form #fluentform_6 .ff-el-form-control { font-size: 14px; }
.hno-services .hno-grid { counter-reset: hno-service; }
.hno-services .hno-card { position: relative; counter-increment: hno-service; }
.hno-services .hno-card::before { content: "0" counter(hno-service); position: absolute; top: 18px; left: 32px; z-index: 2; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.94); color: #68726b; font: 11px/34px Arial, sans-serif; text-align: center; pointer-events: none; }
.hno-theme-footer .hno-footer-bottom { gap: 18px 40px; }
.hno-theme-footer .hno-footer-bottom nav { margin-left: auto; }
.hno-section.hno-dark .hno-card-image img { aspect-ratio: 2.35; }
.hno-section.hno-dark .hno-card-copy .hno-link { margin-top: auto; padding-top: 46px; }
.hno-biography summary { color: #234a40; cursor: pointer; font-size: 13px; font-weight: 600; letter-spacing: .025em; line-height: 1.5; min-height: 28px; padding: 4px 0; }
.hno-biography summary:focus-visible { outline: 3px solid #90b652; outline-offset: 4px; }
.hno-biography .hno-biography-content { font-size: 14px; line-height: 1.75; padding-top: 20px; }
.hno-inner .hno-copy { overflow-wrap: break-word; }
@media (min-width: 768px) and (max-width: 991px) {
  .page-id-1080 .hno-inner > .vc_col-sm-4 { width: 50%; }
  .page-id-1080 .hno-inner > .vc_col-sm-4:nth-child(3) { clear: both; width: 100%; padding-top: 26px; }
  .page-id-1080 .hno-inner .fluentform { max-width: 680px; margin: 0 auto; }
}
@media (max-width: 767px) {
  .hno-form #fluentform_6 .ff-t-cell { flex-basis: 100% !important; }
  .hno-hero .hno-portrait img { max-height: 450px; }
  .hno-theme-footer .hno-footer-bottom nav { margin-left: 0; }
  .hno-section.hno-dark .hno-card-image img { aspect-ratio: 1.75; }
  .whb-mobile-center .site-logo img { max-width: 120px !important; }
  .whb-header .hno-header-cta.hno-header-cta-mobile { padding: 10px 12px; font-size: 13px; min-height: 44px; gap: 6px; }
}
@media (max-width: 374px) {
  .wd-header-mobile-nav .wd-tools-text { display: none; }
  .wd-header-mobile-nav .wd-tools-icon { min-width: 32px; }
}

/*
 * HNO — original editorial layer for native WordPress / WPBakery interiors.
 * Append once after hno-final.css. No Salient code, assets or dependencies used.
 * Scope: interior prose, catalog composition and optional native CTA row.
 * Does not change content, H1 / SEO titles, hero, header, forms or footer.
 * Live visual QA is still required; this file is a prepared local draft.
 */

/* A readable page has a quieter paragraph scale and a clear section cadence. */
.hno-inner {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: clamp(36px, 4.5vw, 68px);
}
.hno-inner .hno-copy p { margin-bottom: 1.15em; }
.hno-inner .hno-copy p:last-child { margin-bottom: 0; }
.hno-inner .hno-copy:not(.hno-service-title):not(.hno-heading):not(.hno-biography) > .wpb_wrapper {
  max-inline-size: 74ch;
}
.hno-inner :is(h2, h3, h4) {
  letter-spacing: -.025em;
  text-wrap: balance;
}
.hno-inner h2 { line-height: 1.18; }
.hno-inner :is(h3, h4) { line-height: 1.3; }
.hno-inner .hno-heading h2 {
  font-size: clamp(25px, 2.2vw, 34px);
  line-height: 1.22;
  margin-bottom: 18px;
}
.hno-inner .hno-copy li { margin-bottom: .6em; }

/* Optional class on a native introductory Text Block. Existing words only. */
.hno-inner .hno-editorial-lead > .wpb_wrapper {
  font-size: clamp(18px, 1.5vw, 21px);
  line-height: 1.65;
  max-inline-size: 60ch;
}

/* Open editorial links replace repeated white boxes beneath catalog photos. */
.hno-inner .hno-service-image .vc_figure,
.hno-inner .hno-service-image .vc_single_image-wrapper {
  display: block;
  width: 100%;
}
.hno-inner .hno-service-image img { border-radius: 8px; }
/* Optional per-photo Extra class controls after checking the original subject. */
.hno-inner .hno-crop-upper { --hno-photo-position: 50% 25%; }
.hno-inner .hno-crop-left { --hno-photo-position: 35% 50%; }
.hno-inner .hno-crop-right { --hno-photo-position: 65% 50%; }
.hno-inner .hno-service-title {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--hno-line, #e0e6dc);
  border-radius: 0;
  padding: 22px 0 24px;
}
.hno-inner .hno-service-title h2 {
  font-size: clamp(23px, 2.2vw, 31px);
  font-weight: 500;
  letter-spacing: -.025em;
  line-height: 1.24;
}
.hno-inner .hno-service-title h2 a { gap: 28px; }
.hno-inner .hno-service-title h2 a::after { font-size: 24px; }

/* Departmental pages retain every list, but lose the old gray panel patchwork. */
:is(.page-id-2979, .page-id-2982, .page-id-2986)
  .hno-inner > .wpb_column > .vc_column-inner[class*="vc_custom_"] {
  background-color: transparent !important;
}

/* Compress only genuinely empty spacer rows on these three inspected pages. */
@supports selector(:has(*)) {
  :is(.page-id-2979, .page-id-2982, .page-id-2986)
    .hno-inner:has(> .wpb_column:only-child > .vc_column-inner > .wpb_wrapper > .hno-space-responsive:only-child) {
    margin-top: 0;
    margin-bottom: 0;
  }
  :is(.page-id-2979, .page-id-2982, .page-id-2986)
    .hno-inner .hno-space-responsive { height: 0 !important; }
}

/* Legal prose is a document, rather than an edge-to-edge marketing section. */
.page-id-3195 #post-3195,
.page-id-2890 #post-2890,
.page-id-3096 #post-3096 {
  color: var(--hno-ink, #28483e);
  font-size: 16px;
  line-height: 1.85;
  margin-inline: auto;
  max-inline-size: 78ch;
}
.page-id-3195 #post-3195 p,
.page-id-2890 #post-2890 p,
.page-id-3096 #post-3096 p { margin-bottom: 1.2em; }

@media (min-width: 1025px) {
  /* The two inspected four-item catalogs alternate a 7/5 and 5/7 composition.
     Images share a height, so variation comes from composition, not misalignment.
     In WPBakery these same proportions can be set directly as 7/12 + 5/12.
   */
  :is(.page-id-1072, .page-id-2984) .hno-inner:nth-of-type(odd) > .vc_col-sm-6:first-child,
  :is(.page-id-1072, .page-id-2984) .hno-inner:nth-of-type(even) > .vc_col-sm-6:last-child {
    width: 58.333333%;
  }
  :is(.page-id-1072, .page-id-2984) .hno-inner:nth-of-type(odd) > .vc_col-sm-6:last-child,
  :is(.page-id-1072, .page-id-2984) .hno-inner:nth-of-type(even) > .vc_col-sm-6:first-child {
    width: 41.666667%;
  }
  :is(.page-id-1072, .page-id-2984) .hno-service-image img {
    aspect-ratio: auto;
    height: clamp(260px, 24vw, 350px);
    object-fit: cover;
    object-position: var(--hno-photo-position, 50% 50%);
    width: 100%;
  }
  /* The inspected FUE page's second row continues the same right-hand reading
     column as its first row. It no longer opens to 1300px mid-article.
   */
  .page-id-3004 .hno-inner + .hno-inner > .vc_col-sm-12 {
    margin-inline-start: 33.333333%;
    width: 66.666667%;
  }
}

/* Optional native WPBakery row: hno-inner hno-editorial-cta.
   Put the existing booking button and telephone link here. Do not add claims.
 */
.hno-inner.hno-editorial-cta {
  align-items: center;
  border-top: 1px solid var(--hno-line, #e0e6dc);
  display: flex;
  flex-wrap: wrap;
  margin-top: clamp(36px, 5vw, 72px);
  padding-top: clamp(28px, 4vw, 52px);
}
.hno-editorial-cta > .wpb_column { float: none; }
.hno-editorial-cta .hno-cta { margin: 0; }
.hno-editorial-cta .hno-heading h2 { margin-bottom: 12px; }
.hno-editorial-cta .hno-cta .vc_btn3 { min-height: 52px; }

@media (max-width: 767px) {
  .hno-inner { font-size: 16px; line-height: 1.8; margin-bottom: 36px; }
  .hno-inner .hno-service-title { padding: 20px 0 22px; }
  .hno-inner .hno-service-title h2 { font-size: 24px; }
  .hno-inner .hno-editorial-lead > .wpb_wrapper { font-size: 18px; }
  .hno-editorial-cta > .wpb_column + .wpb_column { margin-top: 24px; }
  .hno-editorial-cta .hno-cta,
  .hno-editorial-cta .hno-cta .vc_btn3 { width: 100%; }
}

/* Casing must be corrected in native text, preserving FUE / PRP / EAACI etc.
   Deliberately no text-transform: lowercase/capitalize rules and no H1 changes.
 */


/* HNO Satir — original interaction/editorial layer. Append after hno-final.css. */
:root {
  --hno-motion-ease: cubic-bezier(.22, .68, .22, 1);
  --hno-surface-line: #d6e1d2;
  --hno-surface-shadow: 0 1px 3px rgb(30 64 55 / 4%), 0 12px 32px rgb(30 64 55 / 4%);
}

/* Clinic-specific details: a true portrait proportion and a quiet handwritten baseline. */
.hno-section, .hno-inner { font-kerning: normal; }
.hno-section h2, .hno-inner h2 { text-wrap: balance; }
.hno-hero { --hno-portrait-height: clamp(440px, 36vw, 540px); }
.hno-hero .hno-portrait .vc_figure {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  position: relative;
  width: calc(var(--hno-portrait-height) * .72314);
}
.hno-hero .hno-portrait .vc_single_image-wrapper {
  background: #f4f3ef;
  border: 1px solid #d5dfc9;
  border-radius: 18px 18px 78px 18px;
  overflow: hidden;
}
.hno-hero .hno-portrait img {
  aspect-ratio: 1669 / 2308;
  background: transparent;
  border: 0;
  border-radius: 0;
  height: auto;
  max-height: none;
  object-fit: contain;
  width: 100%;
}
.hno-hero .hno-caption { margin: -96px auto 24px; max-width: 310px; width: min(310px, 88%); }
.hno-hero .hno-hero-title .hno-serif { display: inline-block; position: relative; }
.hno-hero .hno-hero-title .hno-serif::after {
  border-bottom: 1px solid #a1b77d;
  border-radius: 0 0 50% 20%;
  bottom: -.04em;
  content: '';
  height: .13em;
  left: .03em;
  pointer-events: none;
  position: absolute;
  right: .02em;
  transform: rotate(-1deg);
}
@media (min-width: 1025px) {
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: clamp(60px, 5.35vw, 78px); }
  .hno-hero .hno-portrait .vc_figure { position: relative; }
  .hno-hero .hno-portrait .vc_figure::before {
    border: 1px solid #bbcda5;
    border-bottom-color: transparent;
    border-radius: 28px 26px 130px 22px;
    border-right-color: transparent;
    content: '';
    inset: -11px 12px 12px -10px;
    pointer-events: none;
    position: absolute;
  }
}

/* Cards resemble calm, indexed clinic records rather than decorative floating tiles. */
.hno-section .hno-card > .vc_column-inner > .wpb_wrapper {
  border-color: var(--hno-surface-line);
  box-shadow: var(--hno-surface-shadow);
  transition: border-color .24s ease, box-shadow .24s ease, transform .32s var(--hno-motion-ease);
}
.hno-services .hno-card::before {
  background: #fff;
  border: 1px solid rgb(35 74 64 / 9%);
  border-radius: 2px 2px 12px 2px;
  box-shadow: none;
  color: #234a40;
  font: italic 22px/41px Georgia, 'Times New Roman', serif;
  height: 44px;
  left: 34px;
  top: 17px;
  width: 35px;
}
.hno-section .hno-card-image .vc_single_image-wrapper,
.hno-inner .hno-service-image .vc_single_image-wrapper {
  display: block;
  overflow: hidden;
}
.hno-inner .hno-service-image .vc_single_image-wrapper { border-radius: 13px 13px 0 0; }
.hno-card-image a, .hno-service-image a { position: relative; }
.hno-card-image a:focus-visible::after, .hno-service-image a:focus-visible::after {
  border: 2px solid #fff;
  border-radius: 4px;
  box-shadow: 0 0 0 2px #234a40;
  content: '';
  inset: 7px;
  pointer-events: none;
  position: absolute;
  z-index: 2;
}
.hno-section .hno-card-image img,
.hno-inner .hno-service-image img {
  transform-origin: center;
  transition: transform .65s var(--hno-motion-ease);
}
.hno-section .hno-card-copy h3 { letter-spacing: -.04em; }
.hno-section.hno-dark .hno-card > .vc_column-inner > .wpb_wrapper {
  border-color: #4e6b5b;
  box-shadow: none;
}
.hno-section.hno-dark, .hno-section.hno-contact { border-radius: 24px 24px 0 0; }
.hno-section .hno-card:focus-within > .vc_column-inner > .wpb_wrapper {
  border-color: #738f58;
  box-shadow: 0 0 0 2px rgb(115 143 88 / 14%);
}
.hno-section.hno-dark .hno-card:focus-within > .vc_column-inner > .wpb_wrapper {
  border-color: #c4d7a3;
  box-shadow: 0 0 0 2px rgb(196 215 163 / 16%);
}

/* The script only annotates existing native directory columns; links stay separate. */
.hno-directory-card > .vc_column-inner > .wpb_wrapper {
  border-radius: 13px;
  transition: box-shadow .24s ease, transform .32s var(--hno-motion-ease);
}
.hno-directory-card .hno-service-image { position: relative; }
.hno-directory-card .hno-service-image[data-hno-index]::after {
  background: #fff;
  border: 1px solid rgb(35 74 64 / 9%);
  border-radius: 2px 2px 12px 2px;
  color: #234a40;
  content: attr(data-hno-index);
  font: italic 22px/41px Georgia, 'Times New Roman', serif;
  height: 44px;
  left: 19px;
  pointer-events: none;
  position: absolute;
  top: 17px;
  width: 35px;
  text-align: center;
}
.hno-directory-card .hno-service-title { transition: background-color .24s ease, border-color .24s ease; }
.hno-directory-card:focus-within .hno-service-title { background: #f7f9f2; border-color: #738f58; }

/* Arrow movement and a solid inset fill; no extra icon font or painted overlay. */
:is(.hno-section, .hno-inner) :is(.hno-btn a, a.hno-btn, .hno-cta .vc_btn3, a.hno-cta),
.hno-header-cta a, a.hno-header-cta, button.hno-header-cta {
  box-shadow: inset 0 0 0 0 #16392f;
  transition: box-shadow .32s var(--hno-motion-ease), background-color .2s ease, transform .2s ease;
}
:is(.hno-section, .hno-inner) :is(.hno-btn a, a.hno-btn, .hno-cta .vc_btn3, a.hno-cta):focus-visible,
.hno-header-cta a:focus-visible, a.hno-header-cta:focus-visible, button.hno-header-cta:focus-visible {
  box-shadow: inset 0 -70px 0 0 #16392f;
  outline: 2px solid #234a40;
  outline-offset: 4px;
}
.hno-section .hno-btn--arrow a::after,
.hno-section a.hno-btn--arrow::after,
.hno-section .hno-link a::after,
.hno-section a.hno-link::after,
.hno-inner .hno-service-title h2 a::after,
.hno-header-cta > span[aria-hidden] {
  display: inline-block;
  transition: transform .25s var(--hno-motion-ease);
}
.hno-section .hno-link a:focus-visible::after,
.hno-section a.hno-link:focus-visible::after,
.hno-inner .hno-service-title h2 a:focus-visible::after,
a.hno-header-cta:focus-visible > span[aria-hidden] { transform: translate(2px, -2px); }
:is(.hno-section, .hno-inner) :is(.hno-btn a, a.hno-btn, .hno-cta .vc_btn3, a.hno-cta):active,
.hno-header-cta a:active, a.hno-header-cta:active, button.hno-header-cta:active { transform: translateY(1px); }
.hno-section .hno-card-tags a {
  align-items: center;
  display: inline-flex;
  font-size: 12px;
  min-height: 36px;
  padding: 7px 11px;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
}
.hno-section.hno-dark .hno-card-tags a:focus-visible { background: #e5edda; border-color: #e5edda; color: #234a40; }
.hno-section .hno-phone a { align-items: center; display: inline-flex; min-height: 44px; }

/* Existing Woodmart sticky behavior supplies the state; no replacement header script. */
.whb-general-header {
  box-shadow: inset 0 -1px 0 rgb(35 74 64 / 7%);
  transition: box-shadow .28s ease, background-color .28s ease;
}
.whb-sticked .whb-general-header { box-shadow: 0 6px 22px rgb(30 64 55 / 8%), inset 0 -1px 0 rgb(35 74 64 / 6%); }
@media (min-width: 1025px) {
  /* Draw the floating frame inside the existing 1300px container; retain row heights. */
  .whb-header .whb-general-header { background: #f7f8f2; box-shadow: none; }
  .whb-general-header > .container { isolation: isolate; position: relative; }
  .whb-general-header > .container::before {
    background: #fff;
    border: 1px solid rgb(35 74 64 / 9%);
    border-radius: 16px;
    box-shadow: 0 6px 24px rgb(30 64 55 / 4%);
    content: '';
    display: block;
    inset: 7px 15px;
    pointer-events: none;
    position: absolute;
    transition: box-shadow .28s ease, border-color .28s ease;
    z-index: -1;
  }
  .whb-general-header .whb-flex-row { padding-left: 18px; padding-right: 18px; }
  .whb-sticked .whb-general-header { box-shadow: none; }
  .whb-sticked .whb-general-header > .container::before { border-color: rgb(35 74 64 / 13%); box-shadow: 0 8px 26px rgb(30 64 55 / 8%); }
}
.whb-general-header .wd-header-nav .nav-link-text { position: relative; }
.whb-general-header .wd-header-nav .nav-link-text::after {
  background: currentColor;
  bottom: -5px;
  content: '';
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s var(--hno-motion-ease);
}
.whb-general-header .wd-header-nav a:focus-visible .nav-link-text::after,
.whb-general-header .wd-header-nav .current-menu-item > a .nav-link-text::after { transform: scaleX(1); }
.hno-theme-footer nav a { min-height: 44px; text-decoration-thickness: 1px; }
.hno-inner .hno-legal-copy { margin-left: auto; margin-right: auto; max-width: 80ch; }
.hno-inner .hno-legal-copy a { overflow-wrap: anywhere; }
.hno-inner .hno-legal-copy > .wpb_wrapper > p > strong:only-child { display: block; font-size: 20px; font-weight: 500; line-height: 1.4; margin-top: 28px; }
.hno-inner .hno-legal-copy > .wpb_wrapper > p:first-child > strong:only-child { margin-top: 0; }

/* The browser retains all native details/summary touch and keyboard behavior. */
.hno-biography details > summary {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  list-style: none;
  min-height: 44px;
}
.hno-biography details > summary::-webkit-details-marker { display: none; }
.hno-biography details > summary::marker { content: ''; }
.hno-biography details > summary::after {
  align-items: center;
  border: 1px solid #bacbb0;
  border-radius: 50%;
  color: #234a40;
  content: '+';
  display: inline-flex;
  flex: 0 0 27px;
  font: 20px/1 Arial, sans-serif;
  height: 27px;
  justify-content: center;
  transition: color .2s ease, background-color .2s ease, border-color .2s ease;
  width: 27px;
}
.hno-biography details[open] > summary { color: #193b32; }
.hno-biography details[open] > summary::after { background: #234a40; border-color: #234a40; color: #fff; content: '\2212'; }
.hno-biography details[open] .hno-biography-content { border-top: 1px solid #dce4d8; margin-top: 12px; padding-top: 20px; }

/* Native Woodmart handlers still open the menu; these are keyboard/focus hooks only. */
.mobile-nav .wd-nav-opener[role="button"] { align-items: center; cursor: pointer; display: inline-flex; justify-content: center; min-height: 44px; min-width: 44px; }
.mobile-nav .wd-nav-opener[role="button"]:focus-visible { background: #eaf0e3; outline: 2px solid #234a40; outline-offset: -3px; }
.mobile-nav .wd-nav-opener[role="button"][aria-expanded="true"] { color: #234a40; }
.wd-header-mobile-nav > a:focus-visible { outline: 2px solid #234a40; outline-offset: 3px; }

@media (hover: hover) and (pointer: fine) {
  .hno-section .hno-card:hover > .vc_column-inner > .wpb_wrapper { border-color: #9cb38a; box-shadow: 0 4px 10px rgb(30 64 55 / 4%), 0 18px 36px rgb(30 64 55 / 7%); transform: translateY(-3px); }
  .hno-section.hno-dark .hno-card:hover > .vc_column-inner > .wpb_wrapper { border-color: #a5bf8c; box-shadow: none; }
  .hno-section .hno-card:hover .hno-card-image img,
  .hno-directory-card:hover .hno-service-image img { transform: scale(1.035); }
  .hno-directory-card:hover > .vc_column-inner > .wpb_wrapper { transform: translateY(-3px); }
  .hno-directory-card:hover .hno-service-title { background: #f7f9f2; border-color: #9cb38a; }
  :is(.hno-section, .hno-inner) :is(.hno-btn a, a.hno-btn, .hno-cta .vc_btn3, a.hno-cta):hover,
  .hno-header-cta a:hover, a.hno-header-cta:hover, button.hno-header-cta:hover { box-shadow: inset 0 -70px 0 0 #16392f; }
  .hno-section .hno-btn--arrow a:hover::after,
  .hno-section a.hno-btn--arrow:hover::after,
  .hno-section .hno-link a:hover::after,
  .hno-section a.hno-link:hover::after,
  .hno-inner .hno-service-title h2 a:hover::after,
  a.hno-header-cta:hover > span[aria-hidden] { transform: translate(2px, -2px); }
  .hno-section.hno-dark .hno-card-tags a:hover { background: #e5edda; border-color: #e5edda; color: #234a40; }
  .whb-general-header .wd-header-nav a:hover .nav-link-text::after { transform: scaleX(1); }
  .hno-biography details > summary:hover::after { background: #234a40; border-color: #234a40; color: #fff; }
}

/* Progressive reveal: nothing is hidden before this one-shot class is added in view. */
.hno-reveal-enter { animation: hno-quiet-enter .68s var(--hno-motion-ease) var(--hno-reveal-delay, 0ms) both; }
.hno-reveal-enter:focus-within { animation: none; }
.hno-heading-line { display: inline-block; max-width: 100%; }
.hno-reveal-heading.hno-reveal-enter { animation: none; }
.hno-reveal-heading.hno-reveal-enter .hno-heading-line { animation: hno-heading-enter .72s var(--hno-motion-ease) var(--hno-line-delay, 0ms) both; }
.hno-reveal-enter.hno-service-image img,
.hno-reveal-enter .hno-card-image img { animation: hno-image-settle 1s var(--hno-motion-ease) var(--hno-reveal-delay, 0ms) backwards; }
@keyframes hno-quiet-enter {
  from { opacity: .3; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hno-heading-enter {
  from { opacity: .25; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes hno-image-settle { from { transform: scale(1.065); } to { transform: scale(1); } }
.hno-scroll-progress {
  background: #789957;
  height: 2px;
  left: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: scaleX(var(--hno-scroll-progress, 0));
  transform-origin: left;
  z-index: 99998;
}
.admin-bar .hno-scroll-progress { top: 32px; }
@media (max-width: 782px) { .admin-bar .hno-scroll-progress { top: 46px; } }
@media (pointer: coarse) {
  .hno-section .hno-card-tags a { min-height: 44px; }
  .hno-theme-footer nav a { min-height: 44px; }
}
@media (max-width: 767px) {
  .hno-hero { --hno-portrait-height: 440px; }
  .hno-hero .hno-caption { margin-top: -86px; margin-bottom: 18px; max-width: 290px; }
  .hno-form #fluentform_6 .ff-el-form-control { font-size: 16px; }
  .hno-services .hno-card::before { left: 32px; }
  .hno-section.hno-dark, .hno-section.hno-contact { border-radius: 16px 16px 0 0; }
}
@media (min-width: 768px) and (max-width: 1024px) { .hno-hero { --hno-portrait-height: 430px; } }
@media (min-width: 1025px) and (max-height: 850px) {
  .hno-hero { --hno-portrait-height: clamp(420px, 34vw, 490px); }
  .hno-hero .hno-hero-title, .hno-hero .hno-hero-title h1 { font-size: clamp(60px, 5.3vw, 74px); }
}
@media (prefers-reduced-motion: reduce) {
  .hno-section *, .hno-section *::before, .hno-section *::after,
  .hno-inner *, .hno-inner *::before, .hno-inner *::after,
  .whb-general-header, .whb-general-header *, .whb-general-header *::before, .whb-general-header *::after,
  .hno-theme-footer *, .hno-biography *, .hno-reveal-enter {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
  }
  .hno-section .hno-card:hover > .vc_column-inner > .wpb_wrapper,
  .hno-directory-card:hover > .vc_column-inner > .wpb_wrapper,
  .hno-section .hno-card:hover .hno-card-image img,
  .hno-directory-card:hover .hno-service-image img,
  .hno-reveal-enter { transform: none !important; }
  .hno-section .hno-btn--arrow a::after,
  .hno-section a.hno-btn--arrow::after,
  .hno-section .hno-link a::after,
  .hno-section a.hno-link::after,
  .hno-inner .hno-service-title h2 a::after,
  .hno-header-cta > span[aria-hidden],
  :is(.hno-section, .hno-inner) :is(.hno-btn a, a.hno-btn, .hno-cta .vc_btn3, a.hno-cta):active,
  .hno-header-cta a:active, a.hno-header-cta:active, button.hno-header-cta:active { transform: none !important; }
  .hno-scroll-progress { display: none; }
}


/* Native layout refinements found in the second visual/interaction audit. */
.hno-inner .hno-legal-copy > .wpb_wrapper { max-inline-size: 78ch; margin-inline: auto; }
.hno-editorial-cta .hno-cta-phone { margin-top: 22px; font-size: 18px; font-weight: 600; }
.hno-editorial-cta .hno-cta-phone a { display: inline-flex; align-items: center; min-height: 44px; }
.hno-editorial-cta .vc_btn3::after { content: '\2197'; font-size: 20px; transition: transform .25s var(--hno-motion-ease); }
.hno-editorial-cta .vc_btn3:focus-visible::after { transform: translate(2px,-2px); }
@media (hover: hover) and (pointer: fine) { .hno-editorial-cta .vc_btn3:hover::after { transform: translate(2px,-2px); } }
.hno-hair-secondary .hno-service-title { margin-bottom: 28px; }
.hno-hair-secondary .hno-service-title:last-child { margin-bottom: 0; }
.hno-hair-secondary .hno-service-title h2 { font-size: 25px; }
@media (min-width: 1025px) {
  .hno-hair-featured .hno-service-image img { aspect-ratio: auto; height: 500px; object-fit: cover; object-position: 35% 50%; }
  .hno-hair-secondary .hno-service-image img { aspect-ratio: auto; height: 200px; object-fit: cover; }
}
@media (min-width: 768px) and (max-width: 1024px) {
  .hno-hair-featured .hno-service-image img { aspect-ratio: auto; height: 390px; object-fit: cover; object-position: 35% 50%; }
  .hno-hair-secondary .hno-service-image img { aspect-ratio: auto; height: 140px; object-fit: cover; }
  .hno-hair-secondary .hno-service-title h2 { font-size: 22px; }
  .hno-hair-secondary .hno-service-title { padding-top: 16px; padding-bottom: 16px; margin-bottom: 22px; }
}
.hno-inner :is(.hno-heading, .hno-copy) h2 { overflow-wrap: break-word; }
.whb-general-header .wd-header-nav .menu-item-has-children:not(.hno-menu-dismissed):focus-within > .wd-dropdown-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0); }
.whb-general-header .wd-header-nav .hno-menu-dismissed > .wd-dropdown-menu { visibility: hidden !important; opacity: 0 !important; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .hno-editorial-cta .vc_btn3::after { transform: none !important; transition: none !important; } }
.lightbox .lb-close { min-width: 44px; min-height: 44px; background-position: center; background-size: 26px; }
.lightbox :is(.lb-close, .lb-prev, .lb-next):focus-visible { outline: 2px solid white; outline-offset: 3px; }

@media (prefers-reduced-motion: reduce) {
  .mobile-nav, .mobile-nav *, .wd-side-hidden, .wd-close-side { animation: none !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
}


@media (min-width: 1025px) {
 .whb-header .menu-item-has-children:not(.hno-menu-dismissed):focus-within > .sub-sub-menu { visibility: visible; opacity: 1; pointer-events: auto; transform: none; }
 .whb-header .menu-item-has-children.hno-menu-dismissed > .sub-sub-menu { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
}


@media (min-width: 1025px) {
 .whb-header .menu-item-has-children:focus-within > .wd-dropdown-menu, .whb-header .menu-item-has-children:focus-within > .sub-sub-menu { transition: none; }
}


.page-title .entry-title { min-width: 0; max-width: 100%; overflow-wrap: anywhere; word-break: normal; white-space: normal; }

/* Round 3: native page-title compositions and larger editorial clinical layouts.
   Append after hno-final.css. Original implementation; no Salient/Nectar code. */
:root { --hno-r3-ease: cubic-bezier(.2,.7,.18,1); }

/* Native H1 and breadcrumbs remain the source of the banner text. */
:where(body:not(.home)) .page-title {
  --hno-banner-paper: #f1f5eb;
  --hno-banner-ink: #234a40;
  --hno-banner-rule: #c9d8bc;
  --hno-banner-radius: 4px 78px 4px 78px;
  --hno-banner-image-position: 50% 45%;
  background: var(--hno-banner-paper);
  border: 0;
  margin-bottom: clamp(44px,4vw,64px);
  overflow: clip;
  padding: clamp(42px,4.5vw,66px) 0;
  position: relative;
  text-align: left;
}
:where(body:not(.home)) .page-title .wd-page-title-bg { background: var(--hno-banner-paper); }
:where(body:not(.home)) .page-title > .container { position: relative; z-index: 1; }
body:not(.home) .wd-content-layout { padding-top: 0; }
:where(body:not(.home)) .page-title .entry-title,
.page-title.hno-banner-enhanced .entry-title {
  color: var(--hno-banner-ink);
  font-size: clamp(42px,4.8vw,72px);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: 1.05;
  margin: 0;
  max-inline-size: 20ch;
  overflow-wrap: anywhere;
  text-wrap: balance;
}
:where(body:not(.home)) .page-title .wd-breadcrumbs { color: var(--hno-banner-ink); font-size: 12px; line-height: 1.6; margin-top: 24px; opacity: .85; }
:where(body:not(.home)) .page-title .wd-breadcrumbs a,
:where(body:not(.home)) .page-title .wd-breadcrumbs .wd-last { color: inherit; }
.page-title.hno-banner-enhanced > .container {
  align-items: center;
  column-gap: clamp(30px,4vw,64px);
  display: grid !important;
  grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr);
}
.hno-banner-enhanced .hno-banner-meta,
.hno-banner-enhanced .entry-title,
.hno-banner-enhanced .wd-breadcrumbs { grid-column: 1; }
.hno-banner-meta { align-items: center; color: var(--hno-banner-ink); display: flex; font-size: 10px; font-weight: 600; gap: 16px; letter-spacing: .16em; line-height: 1.5; margin-bottom: 24px; text-transform: uppercase; }
.hno-banner-meta::after { background: var(--hno-banner-rule); content: ''; height: 1px; max-width: 90px; min-width: 36px; width: 10vw; }
.hno-banner-index { font-family: Georgia,'Times New Roman',serif; font-size: 17px; font-style: italic; font-weight: 400; letter-spacing: 0; }
.hno-banner-media {
  align-self: stretch;
  border-radius: var(--hno-banner-radius);
  grid-column: 2;
  grid-row: 1 / span 3;
  margin: -18px 0;
  min-height: 254px;
  overflow: hidden;
  position: relative;
}
.hno-banner-media img { display: block; height: 100%; inset: 0; object-fit: cover; object-position: var(--hno-banner-image-position); position: absolute; width: 100%; }
.page-title.hno-banner-enhanced.hno-banner-no-media > .container { display: block !important; min-height: 150px; }
.page-title.hno-banner-no-media .entry-title { max-inline-size: 19ch; position: relative; z-index: 1; }
.hno-banner-no-media > .container::after {
  border: 1px solid var(--hno-banner-rule);
  border-radius: 100% 70% 100% 25%;
  content: '';
  height: 240px;
  pointer-events: none;
  position: absolute;
  right: 6%;
  top: -45px;
  transform: rotate(-15deg);
  width: 270px;
  z-index: -1;
}

/* Team: generous people-first portrait banner, distinct serif title. */
.page-id-1074 .page-title { --hno-banner-paper:#f6f7f1; --hno-banner-radius:160px 4px 4px 4px; --hno-banner-image-position:50% 17%; }
.page-id-1074 .page-title .entry-title { font-family:Georgia,'Times New Roman',serif; font-size:clamp(65px,7.5vw,108px); font-style:italic; font-weight:400; letter-spacing:-.065em; }
.page-id-1074 .hno-banner-media { min-height:296px; }
.page-id-1074 .hno-banner-no-media > .container::after { border-radius:140px 110px 4px 110px;height:230px;right:9%;top:-8px;transform:rotate(-18deg);width:350px; }

/* Service catalogues: three different photo geometries inside one patient brand. */
.page-id-1072 .page-title { --hno-banner-paper:#234a40; --hno-banner-ink:#fff; --hno-banner-rule:#72976c; --hno-banner-radius:150px 150px 4px 4px; }
.page-id-1072 .page-title .entry-title { font-size:clamp(48px,5.8vw,86px); max-inline-size:13ch; }
.page-id-2984 .page-title { --hno-banner-paper:#f9f8f2; --hno-banner-radius:4px 140px 4px 140px; --hno-banner-image-position:50% 30%; }
.page-id-2888 .page-title { --hno-banner-paper:#e7efdf; --hno-banner-radius:100px 4px 100px 4px; --hno-banner-image-position:50% 35%; }

/* Clinical subpages: individually tuned geometry, focus and amount of white space. */
.page-id-2979 .page-title { --hno-banner-paper:#edf3e5; --hno-banner-radius:4px 4px 100px 4px; --hno-banner-image-position:50% 45%; }
.page-id-2982 .page-title { --hno-banner-paper:#f7f8f1; --hno-banner-radius:90px 4px 4px 4px; --hno-banner-image-position:50% 55%; }
.page-id-2986 .page-title { --hno-banner-paper:#e6eee0; --hno-banner-radius:4px 100px 4px 4px; --hno-banner-image-position:50% 55%; }
.page-id-3004 .page-title { --hno-banner-paper:#f2f5ec; --hno-banner-radius:4px 4px 4px 100px; --hno-banner-image-position:35% 35%; }
.page-id-3006 .page-title { --hno-banner-paper:#eaf1e1; --hno-banner-radius:90px 4px 90px 4px; --hno-banner-image-position:50% 45%; }
.page-id-3008 .page-title { --hno-banner-paper:#f7f7ef; --hno-banner-radius:4px 80px 4px 80px; --hno-banner-image-position:50% 40%; }
.page-id-3158 .page-title { --hno-banner-paper:#f6f4ed; --hno-banner-radius:100px 4px 4px 4px; --hno-banner-image-position:50% 32%; }
.page-id-3160 .page-title { --hno-banner-paper:#eef3e8; --hno-banner-radius:4px 100px 4px 4px; --hno-banner-image-position:50% 45%; }
.page-id-3162 .page-title { --hno-banner-paper:#f8f8f2; --hno-banner-radius:4px 4px 100px 4px; --hno-banner-image-position:50% 40%; }
.page-id-3164 .page-title { --hno-banner-paper:#e9f0e1; --hno-banner-radius:4px 100px 4px 100px; --hno-banner-image-position:50% 35%; }
.page-id-3232 .page-title { --hno-banner-paper:#254d40; --hno-banner-ink:#fff; --hno-banner-rule:#78956c; --hno-banner-radius:90px 4px 4px 4px; }

/* Practical pages: no invented photography or information panels. */
.page-id-2895 .page-title { --hno-banner-paper:#234a40; --hno-banner-ink:#fff; --hno-banner-rule:#749b6b; padding-top:62px; padding-bottom:62px; }
.page-id-2895 .hno-banner-no-media > .container::after { border-radius:18px 18px 90px 18px; height:220px; right:8%; top:-14px; transform:rotate(9deg); width:310px; }
.page-id-1080 .page-title { --hno-banner-paper:#e5eedc; --hno-banner-rule:#a9c18f; }
.page-id-1080 .hno-banner-no-media > .container::after { border-radius:50% 50% 50% 0; height:230px; right:9%; top:-40px; transform:rotate(-45deg); width:230px; }
.page-id-3283 .page-title { --hno-banner-paper:#f4f6ed; --hno-banner-radius:4px 4px 110px 4px; --hno-banner-image-position:50% 40%; }
.page-id-3237 .page-title { --hno-banner-paper:#edf4e5; --hno-banner-rule:#a0b788; }
.page-id-3237 .hno-banner-no-media > .container::after { border-radius:50%; height:200px; width:200px; }

/* Legal pages remain calm reading pages, with unique native titles and indexes. */
:is(.page-id-2890,.page-id-3195,.page-id-3096) .page-title { --hno-banner-paper:#fafbf7; border-bottom:1px solid #dce4d7; padding-top:42px; padding-bottom:42px; }
:is(.page-id-2890,.page-id-3195,.page-id-3096) .page-title .entry-title { font-size:clamp(34px,4.3vw,60px); max-inline-size:none; }
:is(.page-id-2890,.page-id-3195,.page-id-3096) .hno-banner-no-media > .container { min-height:112px; }
.page-id-2890 .hno-banner-no-media > .container::after { border-radius:0; height:90px; right:8%; top:3px; transform:rotate(0); width:160px; }
.page-id-3195 .hno-banner-no-media > .container::after { border-radius:70% 70% 90% 90%; height:120px; right:7%; top:-12px; transform:rotate(0); width:100px; }
.page-id-3096 .hno-banner-no-media > .container::after { border-radius:50%; height:110px; right:8%; top:-4px; transform:rotate(0); width:110px; }

/* Larger clinical stories: 5/12 copy and 7/12 photograph stay native VC columns. */
.hno-inner.hno-treatment-row { align-items:flex-start; display:flex; flex-wrap:wrap; margin-bottom:clamp(44px,5vw,76px); }
.hno-treatment-row > .wpb_column { float:none; min-width:0; }
.hno-treatment-row > .hno-treatment-copy > .vc_column-inner { background-color:transparent !important; padding:22px 42px 22px 15px; }
.hno-treatment-row--reverse > .hno-treatment-copy > .vc_column-inner { padding-left:42px; padding-right:15px; }
.hno-treatment-row .hno-treatment-copy .hno-copy > .wpb_wrapper { max-inline-size:none; }
.hno-treatment-row .hno-treatment-copy h2 { font-size:clamp(28px,2.6vw,38px); line-height:1.17; margin-bottom:26px; }
.hno-treatment-index { color:#80986a; font:italic 53px/1 Georgia,'Times New Roman',serif; letter-spacing:-.07em; margin-bottom:25px !important; }
.hno-treatment-index::after { background:#bacaa9; content:''; display:inline-block; height:1px; margin-left:20px; vertical-align:middle; width:52px; }
.hno-treatment-row .hno-treatment-photo .vc_figure,
.hno-treatment-row .hno-treatment-photo .vc_single_image-wrapper { display:block; width:100%; }
.hno-treatment-row .hno-treatment-photo .vc_single_image-wrapper { border-radius:4px 4px 76px 4px; overflow:hidden; position:relative; }
.hno-treatment-row--reverse .hno-treatment-photo .vc_single_image-wrapper { border-radius:4px 76px 4px 4px; }
.hno-treatment-row .hno-treatment-photo img { aspect-ratio:6/5; border-radius:0; display:block; height:auto; object-fit:cover; width:100%; }
.hno-treatment-article .hno-treatment-photo img { aspect-ratio:5/6; object-position:50% 30%; }
.hno-treatment-continuation .hno-copy > .wpb_wrapper { max-inline-size:76ch; }
.hno-treatment-panel { background:#f5f8ef; border-top:1px solid #cbdcc0; border-radius:0 0 20px 0; padding:30px; }
.hno-treatment-panel-grid { align-items:flex-start; display:flex; flex-wrap:wrap; row-gap:24px; }
.hno-treatment-panel-grid .hno-treatment-panel { height:100%; }
@media(min-width:1025px) {
  .hno-treatment-row--sticky > .hno-treatment-media { align-self:flex-start; position:sticky; top:130px; }
  .hno-treatment-article > .hno-treatment-media { width:41.6667%; }
  .hno-treatment-article > .hno-treatment-copy { width:58.3333%; }
}

/* Team reflow fix: the open biography never vertically centers its neighbour. */
body.page-id-1074 .hno-inner.hno-team-grid { align-items:flex-start; display:flex; flex-wrap:wrap; row-gap:48px; }
body.page-id-1074 .hno-inner.hno-team-grid > .hno-doctor-card { align-self:flex-start; float:none; width:50%; }
.hno-doctor-card > .vc_column-inner { padding-top:0; padding-bottom:0; }
.hno-doctor-photo .vc_figure,.hno-doctor-photo .vc_single_image-wrapper { display:block; width:100%; }
.hno-doctor-photo .vc_single_image-wrapper { background:#f3f3ed; border-radius:4px 4px 70px 4px; overflow:hidden; }
.hno-team-grid .hno-doctor-photo img { border-radius:0 !important; display:block; height:520px; object-fit:cover; object-position:50% 14%; width:100%; }
.hno-doctor-card:nth-child(2) .hno-doctor-photo .vc_single_image-wrapper { border-radius:70px 4px 4px 4px; }
.hno-doctor-meta { border-bottom:1px solid #d8e2d1; margin-top:28px; padding-bottom:24px; }
.hno-doctor-meta h2 { font-size:32px !important; }
.hno-doctor-meta p { font-size:15px !important; }
.hno-doctor-card .hno-biography { margin-top:24px; }
.hno-doctor-card .hno-biography details,.hno-doctor-card .hno-biography-content { height:auto; transition:none !important; }
.hno-team-grid .hno-biography .hno-biography-content { font-size:15.5px; line-height:1.8; }
.hno-team-grid :is(.hno-doctor-photo,.hno-doctor-meta,h2).hno-reveal-enter,
.hno-team-grid .hno-heading-line { animation:none !important; opacity:1 !important; transform:none !important; }
.hno-team-staff { border-top:1px solid #d8e2d1; margin-top:62px; padding-top:48px; }
.hno-team-staff .hno-staff-photo img { aspect-ratio:1.5; border-radius:4px 4px 44px 4px; max-height:330px; object-fit:cover; width:100%; }
.hno-staff-meta { margin-top:22px; }
.hno-staff-meta h2 { font-size:25px !important; }
@media(min-width:1025px) { .hno-team-grid .hno-doctor-meta { min-height:190px; } }

/* Booking copy has a full-width notice, useful two-column guidance and a full widget. */
.hno-booking-intro .hno-booking-notice > .wpb_wrapper { max-inline-size:none !important; }
.hno-booking-notice { background:#edf4e6; border-left:3px solid #78975c; padding:30px 34px; }
.hno-booking-notice p { font-size:17px; line-height:1.75; }
.hno-booking-guidance { align-items:flex-start; display:flex; flex-wrap:wrap; row-gap:26px; }
.hno-booking-guidance-card > .vc_column-inner > .wpb_wrapper { border-top:1px solid #c9d9bc; padding-top:24px; }
.hno-booking-guidance .hno-copy > .wpb_wrapper { max-inline-size:none !important; }
.hno-booking-widget { background:#f7f9f2; border:1px solid #d5e1ce; border-radius:4px 28px 4px 4px; margin-top:38px; min-height:360px; padding:32px 20px; scroll-margin-top:130px; }
.hno-booking-widget :is(.wpb_raw_html,.wpb_raw_html > .wpb_wrapper) { max-width:none; width:100%; }
.hno-booking-widget iframe { display:block; max-width:100%; width:100%; }
.hno-booking-provider { border-top:1px solid #dce5d5; margin-top:36px; padding-top:24px; }
.hno-booking-provider .hno-booking-provider-copy > .wpb_wrapper { font-size:13px; line-height:1.8; max-inline-size:96ch !important; }

/* New enter state is only applied in-view; its absent/failure state is fully visible. */
.hno-banner-ready .hno-banner-meta { animation:hno-r3-copy-enter .65s var(--hno-r3-ease) both; }
.hno-banner-ready .entry-title { animation:hno-r3-copy-enter .8s var(--hno-r3-ease) .08s both; }
.hno-banner-ready .wd-breadcrumbs { animation:hno-r3-copy-enter .7s var(--hno-r3-ease) .16s both; }
.hno-banner-ready .hno-banner-media { animation:hno-r3-banner-wipe .95s var(--hno-r3-ease) .12s both; }
.hno-r3-enter { animation:hno-r3-copy-enter .8s var(--hno-r3-ease) var(--hno-r3-delay,0ms) both; }
.hno-r3-enter.hno-treatment-photo { animation:hno-r3-image-wipe 1s var(--hno-r3-ease) both; }
.hno-r3-enter.hno-doctor-photo { animation:none; }
.hno-r3-enter:focus-within { animation:none; }
@keyframes hno-r3-copy-enter { from{opacity:.35;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }
@keyframes hno-r3-banner-wipe { from{clip-path:inset(0 0 100% 0)} to{clip-path:inset(0 0 0 0)} }
@keyframes hno-r3-image-wipe { from{clip-path:inset(0 0 15% 0);opacity:.7} to{clip-path:inset(0 0 0 0);opacity:1} }
@media(hover:hover) and (pointer:fine) {
  .hno-treatment-photo a img,.hno-doctor-photo a img { transition:transform .8s var(--hno-r3-ease); }
  .hno-treatment-photo a:hover img { transform:scale(1.035); }
  .hno-doctor-photo a:hover img { transform:scale(1.018); }
}
@media(min-width:768px) and (max-width:1024px) {
  :where(body:not(.home)) .page-title .entry-title,
  .page-title.hno-banner-enhanced .entry-title { font-size:clamp(38px,5.4vw,56px); }
  .hno-banner-media { min-height:235px; }
  .page-id-1074 .page-title .entry-title { font-size:76px; }
  .hno-treatment-row > .hno-treatment-copy > .vc_column-inner { padding:12px 25px 12px 15px; }
  .hno-treatment-row--reverse > .hno-treatment-copy > .vc_column-inner { padding-left:25px;padding-right:15px; }
  .hno-treatment-row .hno-treatment-copy h2 { font-size:28px; }
  .hno-team-grid .hno-doctor-photo img { height:430px; }
  .hno-doctor-meta h2 { font-size:28px !important; }
}
@media(max-width:767px) {
  :where(body:not(.home)) .page-title { margin-bottom:24px; padding:34px 0; }
  :where(body:not(.home)) .page-title .entry-title,
  .page-title.hno-banner-enhanced .entry-title { font-size:clamp(34px,9vw,48px); }
  .page-title.hno-banner-enhanced > .container { display:block !important; }
  .hno-banner-meta { margin-bottom:20px; }
  .hno-banner-media { aspect-ratio:1.65; margin:28px 0 0; min-height:0; }
  .page-id-1074 .page-title .entry-title { font-size:65px; }
  .page-id-1074 .hno-banner-media { aspect-ratio:1.35; min-height:0; }
  .hno-banner-no-media > .container { min-height:118px; }
  .hno-banner-no-media > .container::after { height:170px;opacity:.55;right:-15px;top:-25px;width:185px; }
  :is(.page-id-2890,.page-id-3195,.page-id-3096) .page-title .entry-title { font-size:34px; }
  .hno-treatment-row > .wpb_column,.hno-treatment-article > .wpb_column { width:100%; }
  .hno-treatment-row > .hno-treatment-copy > .vc_column-inner,.hno-treatment-row--reverse > .hno-treatment-copy > .vc_column-inner { padding:0 15px; }
  .hno-treatment-row > .hno-treatment-media { margin-top:26px; }
  .hno-treatment-row--reverse > .hno-treatment-media { margin-top:0; }
  .hno-treatment-row--reverse > .hno-treatment-copy { margin-top:28px; }
  .hno-treatment-index { font-size:44px; margin-bottom:18px !important; }
  .hno-treatment-row .hno-treatment-photo img,.hno-treatment-article .hno-treatment-photo img { aspect-ratio:1.2; }
  .hno-treatment-panel { padding:24px; }
  body.page-id-1074 .hno-inner.hno-team-grid > .hno-doctor-card { width:100%; }
  .hno-team-grid .hno-doctor-photo img { height:clamp(390px,120vw,520px); }
  .hno-doctor-meta { margin-top:24px; }
  .hno-doctor-meta h2 { font-size:29px !important; }
  .hno-team-staff { margin-top:42px;padding-top:32px; }
  .hno-booking-guidance-card { width:100%; }
  .hno-booking-notice { padding:24px 22px; }
  .hno-booking-notice p { font-size:16px; }
  .hno-booking-widget { min-height:320px;padding:23px 8px; }
}
@media(prefers-reduced-motion:reduce) {
  .page-title,.page-title *,.page-title *::before,.page-title *::after,
  .hno-r3-enter,.hno-treatment-row *,.hno-team-grid *,.hno-team-staff *,.hno-booking-intro *,.hno-booking-guidance *,.hno-booking-provider * { animation:none !important;transition:none !important;scroll-behavior:auto !important; }
  .hno-r3-enter,.hno-treatment-photo a:hover img,.hno-doctor-photo a:hover img { clip-path:none !important;opacity:1 !important;transform:none !important; }
}
@media print {
  .hno-banner-media,.hno-banner-meta,.hno-banner-no-media > .container::after { display:none; }
  :where(body:not(.home)) .page-title { margin-bottom:25px;padding:20px 0; }
  .page-title.hno-banner-enhanced > .container { display:block !important; }
}


/* Adjustments from rendered desktop/mobile QA. */
body .page-title.hno-banner-enhanced { padding:clamp(34px,3vw,48px) 0 !important; }
body:is(.page-id-2890,.page-id-3096,.page-id-3195) .page-title.hno-banner-enhanced { padding:28px 0 !important; }
.hno-team-grid .hno-doctor-photo img { object-position:50% 0%; }
.hno-treatment-photo a::after { align-items:center; background:#234a40; border:1px solid #fff8; border-radius:50%; bottom:26px; color:white; content:'+'; display:flex; font:300 25px/1 Arial,sans-serif; height:44px; justify-content:center; position:absolute; right:26px; width:44px; }
.hno-treatment-photo a:focus-visible { outline:3px solid #90b652; outline-offset:4px; }
@media(max-width:767px) {
  body .page-title.hno-banner-enhanced { padding:28px 0 !important; }
}
	
/* Refinements from full-scroll desktop and mobile design review, 2026-10-23. */
.hno-inner .hno-copy li[style*="text-align: justify"] { text-align:left !important; }
.page-id-2986 .hno-treatment-panel .hno-copy span[style*="font-size"] { font-size:14px !important; line-height:1.75; }
.page-id-1080 .hno-map-caption { box-sizing:border-box; margin-inline:auto; max-width:1300px; padding-inline:15px; width:100%; }
.page-id-3283 .hno-heading h2 { font-size:13px !important; letter-spacing:.12em; }
.page-id-3283 .hno-copy:not(.hno-heading) > .wpb_wrapper { font-size:clamp(18px,1.8vw,22px); line-height:1.65; }
.page-id-3283 .vc_empty_space { height:14px !important; }
.page-id-3283 .hno-banner-no-media > .container::after { border-radius:120px 120px 4px 4px; height:170px; right:10%; top:-10px; transform:rotate(12deg); width:280px; }
.hno-inner .hno-legacy-quote { background:#f5f8f0; border-left:2px solid #a1b88a; border-radius:0 8px 8px 0; color:#345249; display:block; font:13.5px/1.75 ui-monospace,Consolas,monospace; overflow-wrap:anywhere; padding:16px 18px; white-space:normal; }

/* A long native article keeps its text in one reading column. */
.hno-treatment-copy .hno-article-followup { border-top:1px solid #d8e2d1; margin-top:30px; padding-top:30px; }
@media(min-width:1025px) {
  .hno-treatment-row--sticky > .hno-treatment-media { top:120px; }
  .hno-treatment-row--sticky .hno-treatment-photo img { aspect-ratio:auto; height:clamp(300px,calc(100svh - 250px),560px); object-fit:cover; }
}

/* Staff placeholders support the names instead of dominating the page. */
.hno-team-grid > .wpb_column > .vc_column-inner > .wpb_wrapper > br,
.hno-team-staff > .wpb_column > .vc_column-inner > .wpb_wrapper > br { display:none; }
body.page-id-1074 .hno-inner.hno-team-grid { margin-bottom:0; }
body.page-id-1074 .hno-inner.hno-team-staff { margin-top:64px; padding-top:32px; }
.hno-team-staff .hno-staff-card > .vc_column-inner > .wpb_wrapper { align-items:center; column-gap:26px; display:grid; grid-template-columns:minmax(0,160px) minmax(0,1fr); }
.hno-team-staff .hno-staff-photo { margin:0; }
.hno-team-staff .hno-staff-photo :is(.wpb_wrapper,.vc_figure,.vc_single_image-wrapper) { display:block; width:100%; }
.hno-team-staff .hno-staff-photo img { aspect-ratio:1; background:#f5f6f2; border-radius:4px 4px 28px 4px; height:160px; max-height:160px; object-fit:contain; width:100%; }
.hno-team-staff .hno-staff-meta { margin:0; }
.hno-team-staff .hno-staff-meta h2 { font-size:23px !important; }
@media(max-width:1024px) and (min-width:768px) {
  .hno-team-staff .hno-staff-card > .vc_column-inner > .wpb_wrapper { grid-template-columns:110px minmax(0,1fr); column-gap:18px; }
  .hno-team-staff .hno-staff-photo img { height:110px; max-height:110px; }
  .hno-team-staff .hno-staff-meta h2 { font-size:20px !important; }
}
@media(max-width:767px) {
  .hno-banner-single-photo .hno-banner-media { display:none; }
  .hno-banner-single-photo > .container::after { border:1px solid var(--hno-banner-rule); border-radius:var(--hno-banner-radius); content:''; height:140px; opacity:.5; pointer-events:none; position:absolute; right:0; top:5px; transform:rotate(15deg); width:120px; z-index:-1; }
  .hno-treatment-photo a::after { left:26px; right:auto; }
  body .hno-inner.hno-treatment-row:not(.hno-treatment-article) > .hno-treatment-copy { order:0; margin-top:0; }
  body .hno-inner.hno-treatment-row:not(.hno-treatment-article) > .hno-treatment-media { order:1; margin-top:26px; }
  .hno-team-grid .hno-doctor-photo { margin-bottom:0; }
  .hno-team-grid .hno-doctor-meta { margin-top:24px; margin-bottom:0; }
  .hno-team-grid .hno-doctor-card .hno-biography { margin-top:22px; margin-bottom:0; }
  body.page-id-1074 .hno-inner.hno-team-grid { row-gap:42px; }
  body.page-id-1074 .hno-inner.hno-team-grid > .hno-doctor-card + .hno-doctor-card { margin-top:0; }
  body.page-id-1074 .hno-inner.hno-team-staff { margin-top:44px; padding-top:28px; }
  .hno-team-staff .hno-staff-card > .vc_column-inner > .wpb_wrapper { column-gap:20px; grid-template-columns:90px minmax(0,1fr); }
  .hno-team-staff .hno-staff-photo img { height:90px; max-height:90px; }
  .hno-team-staff .hno-staff-meta h2 { font-size:21px !important; line-height:1.22; }
  .hno-team-staff .hno-staff-meta { font-size:14px; line-height:1.6; }
  .hno-booking-guidance { row-gap:0; margin-bottom:20px; }
  .hno-booking-widget { margin-top:0; }
  .hno-section .hno-form .ff-el-form-check-label,
  .hno-section .hno-form .ff-el-form-check-label span,
  .hno-inner .fluentform .ff-el-form-check-label,
  .hno-inner .fluentform .ff-el-form-check-label span { font-size:14px; line-height:1.5; }
  :is(.hno-form,.hno-inner .fluentform) .ff-el-form-check-label { align-items:flex-start; display:flex; gap:10px; min-height:44px; }
  :is(.hno-form,.hno-inner .fluentform) .ff-el-form-check-label input[type=checkbox] { flex:0 0 18px; height:18px; margin:2px 0 0; width:18px; }
  .hno-section .hno-form label.ff_tc_label,
  .hno-inner .fluentform label.ff_tc_label { display:flex !important; min-height:44px; }
  :is(.hno-form,.hno-inner .fluentform) .ff_tc_label > .ff_tc_checkbox { display:block !important; flex:0 0 18px; padding:0 !important; width:18px; }
  :is(.hno-form,.hno-inner .fluentform) .ff_tc_label > .ff_t_c { display:block !important; flex:1; min-width:0; padding:0 !important; }
}