.service-hair-restoration{
  --hr-green:#0f2b23;
  --hr-green-deep:#061f18;
  --hr-gold:#a4906e;
  --hr-gold-bright:#d6b765;
  --hr-cream:#f5f0e7;
  --hr-ivory:#fffdf8;
  --hr-body:#53635d;
  background:var(--hr-cream);
}
.service-hair-restoration #serviceContent{overflow:hidden;background:var(--hr-cream)}
.service-hair-restoration .hr-shell{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.service-hair-restoration .hr-section{position:relative;padding:94px 0}
.service-hair-restoration .hr-section h2,
.service-hair-restoration .hr-closing h2{font:600 clamp(48px,5vw,70px)/.98 var(--serif);letter-spacing:-.025em}
.service-hair-restoration .hr-section p,
.service-hair-restoration .hr-closing p{font-size:16px;line-height:1.72}
.service-hair-restoration .hr-eyebrow{margin:0;color:#e0c27b;font:600 11px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase}
.service-hair-restoration .hr-button{display:inline-flex;min-height:53px;align-items:center;justify-content:center;gap:24px;padding:0 29px;border:1px solid transparent;border-radius:999px;text-decoration:none;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,color .25s ease,border-color .25s ease}
.service-hair-restoration .hr-button span{font-size:19px;line-height:1}
.service-hair-restoration .hr-button-gold{color:#102920;background:#d8b968;border-color:#e2c77f;box-shadow:0 10px 26px rgba(3,22,16,.15)}
.service-hair-restoration .hr-button-gold:hover{background:#e3c77d;box-shadow:0 13px 30px rgba(3,22,16,.22);transform:translateY(-2px)}
.service-hair-restoration .hr-button-outline{color:var(--hr-ivory);border-color:rgba(214,183,101,.82);background:rgba(8,39,31,.24)}
.service-hair-restoration .hr-button-outline:hover{color:var(--hr-green-deep);background:#d8b968;transform:translateY(-2px)}
.service-hair-restoration .hr-button:focus-visible{outline:2px solid var(--hr-gold-bright);outline-offset:4px}
.service-hair-restoration .hr-section-mark{display:flex;align-items:center;gap:0;margin:0 0 23px;color:#967b4c;font:600 12px/1 var(--sans);letter-spacing:.12em}
.service-hair-restoration .hr-section-mark i{display:block;width:42px;height:1px;background:var(--hr-gold)}
.service-hair-restoration .hr-section-mark.centered{justify-content:center}
.service-hair-restoration .hr-section-mark.light{color:#dfbe6c}

/* Cinematic hero */
.service-hair-restoration .hr-hero{position:relative;display:flex;min-height:735px;isolation:isolate;color:var(--hr-ivory);background:var(--hr-green-deep)}
.service-hair-restoration .hr-hero-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}
.service-hair-restoration .hr-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(4,29,22,.98) 0%,rgba(4,29,22,.89) 31%,rgba(4,29,22,.42) 55%,rgba(4,29,22,.06) 78%)}
.service-hair-restoration .hr-hero-shade::after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(0deg,rgba(4,29,22,.83),rgba(4,29,22,0))}
.service-hair-restoration .hr-hero-inner{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto;margin:auto;padding:72px 0 27px}
.service-hair-restoration .hr-hero-copy{align-self:center;max-width:700px;padding:20px 0 58px}
.service-hair-restoration .hr-hero h1{max-width:740px;margin:19px 0 22px;color:var(--hr-ivory);font:600 clamp(65px,6.3vw,96px)/.88 var(--serif);letter-spacing:-.04em}
.service-hair-restoration .hr-hero-copy>p:not(.hr-eyebrow){max-width:650px;margin:0;color:rgba(255,253,248,.92);font-size:18px;line-height:1.62}
.service-hair-restoration .hr-hero-actions{display:flex;align-items:center;gap:24px;margin-top:31px}
.service-hair-restoration .hr-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(214,183,101,.39)}
.service-hair-restoration .hr-benefits article{position:relative;display:grid;grid-template-columns:54px 1fr;gap:4px 18px;min-width:0;padding:21px 24px 2px}
.service-hair-restoration .hr-benefits article:first-child{padding-left:0}
.service-hair-restoration .hr-benefits article+article::before{content:"";position:absolute;left:0;top:22px;bottom:4px;width:1px;background:rgba(214,183,101,.34)}
.service-hair-restoration .hr-icon-circle{grid-row:1/3;display:grid;place-items:center;width:51px;height:51px;color:#dfbd68;border:1px solid #d8b968;border-radius:50%}
.service-hair-restoration .hr-icon-circle svg{width:23px;height:23px;stroke-width:1.55}
.service-hair-restoration .hr-benefits h2{align-self:end;margin:0;color:var(--hr-ivory);font:600 11px/1.35 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.service-hair-restoration .hr-benefits p{margin:2px 0 0;color:rgba(255,253,248,.72);font-size:12px;line-height:1.4}

/* Editorial overview */
.service-hair-restoration .hr-overview{background:var(--hr-ivory)}
.service-hair-restoration .hr-overview-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(560px,1.28fr);align-items:center;gap:72px}
.service-hair-restoration .hr-overview-copy h2{margin:0 0 24px;color:var(--hr-green)}
.service-hair-restoration .hr-overview-copy>p{max-width:525px;margin:0;color:var(--hr-body)}
.service-hair-restoration .hr-overview-visual{display:grid;grid-template-columns:1.04fr .96fr;min-height:395px;box-shadow:0 25px 60px rgba(21,48,39,.1)}
.service-hair-restoration .hr-overview-visual>img{width:100%;height:100%;min-height:395px;object-fit:cover}
.service-hair-restoration .hr-outcomes{display:flex;flex-direction:column;justify-content:center;padding:42px 36px;background:var(--hr-green);color:var(--hr-ivory)}
.service-hair-restoration .hr-outcomes h3{margin:0;color:var(--hr-ivory);font:600 clamp(31px,2.7vw,43px)/1.02 var(--serif)}
.service-hair-restoration .hr-gold-rule{display:block;width:43px;height:2px;margin:24px 0 21px;background:#cfaa55}
.service-hair-restoration .hr-outcomes ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.service-hair-restoration .hr-outcomes li{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:12px;color:rgba(255,253,248,.88);font:500 10px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.service-hair-restoration .hr-outcomes li svg{width:19px;height:19px;color:#d8b968;stroke-width:1.7}

/* Photographic treatment options */
.service-hair-restoration .hr-options{background:var(--hr-cream)}
.service-hair-restoration .hr-centered-heading{max-width:1050px;margin:0 auto 48px;text-align:center}
.service-hair-restoration .hr-centered-heading h2{margin:0;color:var(--hr-green)}
.service-hair-restoration .hr-centered-heading>p:last-child{max-width:790px;margin:0 auto;color:var(--hr-body)}
.service-hair-restoration .hr-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:22px}
.service-hair-restoration .hr-option-card{display:grid;min-width:0;grid-template-rows:auto 1fr;overflow:hidden;background:var(--hr-green);border:1px solid var(--hr-gold);border-radius:9px;box-shadow:0 16px 38px rgba(25,40,34,.1);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.service-hair-restoration .hr-option-card:hover{border-color:#bfa67b;box-shadow:0 21px 45px rgba(25,40,34,.16);transform:translateY(-4px)}
.service-hair-restoration .hr-option-image{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--hr-gold)}
.service-hair-restoration .hr-option-copy{display:grid;grid-template-rows:minmax(70px,auto) 1fr;align-items:start;min-height:305px;padding:25px 24px 28px;text-align:center;background:var(--hr-green)}
.service-hair-restoration .hr-option-grid h3{display:flex;align-items:start;justify-content:center;margin:0;color:var(--hr-ivory);font:500 clamp(25px,2.15vw,31px)/1.04 var(--serif);letter-spacing:-.015em}
.service-hair-restoration .hr-option-description{align-self:start}
.service-hair-restoration .hr-option-grid .hr-option-description p{margin:0;color:rgba(255,253,248,.91);font:400 14px/1.55 var(--sans)}
.service-hair-restoration .hr-option-grid .hr-option-description p+p{margin-top:16px}
.service-hair-restoration .hr-options-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin:44px 0 0}
.service-hair-restoration .hr-options-actions .hr-button{min-width:286px}
.service-hair-restoration .hr-options-actions .hr-button-outline{color:var(--hr-green);border-color:var(--hr-gold);background:transparent;box-shadow:none}
.service-hair-restoration .hr-options-actions .hr-button-outline:hover{color:var(--hr-green-deep);border-color:#c5a45b;background:#ead7a5}
.service-hair-restoration .hr-clinical-note{max-width:900px;margin:30px auto 0;color:#6b7872;font-size:12px!important;text-align:center}

/* Mountain-backed closing invitation */
.service-hair-restoration .hr-closing{position:relative;isolation:isolate;padding:70px 0 76px;color:var(--hr-ivory);text-align:center;background:var(--hr-green-deep) url("assets/hero-mountains-cinematic.webp") center 58%/cover no-repeat}
.service-hair-restoration .hr-closing-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,31,24,.78),rgba(5,31,24,.42),rgba(5,31,24,.74))}
.service-hair-restoration .hr-closing-inner{display:flex;align-items:center;flex-direction:column}
.service-hair-restoration .hr-closing h2{max-width:850px;margin:0 0 14px;color:var(--hr-ivory)}
.service-hair-restoration .hr-closing>div>p{max-width:720px;margin:0;color:rgba(255,253,248,.87);font-size:15px;line-height:1.65}
.service-hair-restoration .hr-closing-actions{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px}

@media(max-width:1180px){
  .service-hair-restoration .hr-shell,.service-hair-restoration .hr-hero-inner{width:min(100% - 56px,1100px)}
  .service-hair-restoration .hr-hero-copy{max-width:630px}
  .service-hair-restoration .hr-hero h1{font-size:76px}
  .service-hair-restoration .hr-benefits article{grid-template-columns:48px 1fr;padding-right:16px;padding-left:16px}
  .service-hair-restoration .hr-icon-circle{width:46px;height:46px}
  .service-hair-restoration .hr-overview-grid{grid-template-columns:1fr;gap:43px}
  .service-hair-restoration .hr-overview-copy{max-width:700px}
  .service-hair-restoration .hr-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-hair-restoration .hr-option-copy{min-height:292px}
}
@media(max-width:820px){
  .service-hair-restoration .hr-section{padding:76px 0}
  .service-hair-restoration .hr-hero{display:block;min-height:0;padding-top:385px}
  .service-hair-restoration .hr-hero-image{bottom:auto;height:415px;object-position:79% center}
  .service-hair-restoration .hr-hero-shade{bottom:auto;height:415px;background:linear-gradient(0deg,rgba(5,31,24,.98) 0%,rgba(5,31,24,.16) 51%,rgba(5,31,24,0) 100%)}
  .service-hair-restoration .hr-hero-shade::after{display:none}
  .service-hair-restoration .hr-hero-inner{width:100%;padding:53px 28px 33px;background:var(--hr-green-deep)}
  .service-hair-restoration .hr-hero-copy{max-width:640px;padding:10px 0 67px}
  .service-hair-restoration .hr-hero h1{font-size:clamp(58px,9.5vw,76px)}
  .service-hair-restoration .hr-benefits{grid-template-columns:repeat(2,1fr);row-gap:20px}
  .service-hair-restoration .hr-benefits article:nth-child(odd){padding-left:0}
  .service-hair-restoration .hr-benefits article:nth-child(3)::before{display:none}
  .service-hair-restoration .hr-overview-visual{grid-template-columns:1fr;min-height:0}
  .service-hair-restoration .hr-overview-visual>img{min-height:320px;max-height:410px}
  .service-hair-restoration .hr-outcomes{padding:42px 35px}
}
@media(max-width:560px){
  .service-hair-restoration .hr-shell{width:calc(100% - 40px)}
  .service-hair-restoration .hr-section{padding:64px 0}
  .service-hair-restoration .hr-section h2,.service-hair-restoration .hr-closing h2{font-size:44px}
  .service-hair-restoration .hr-hero{padding-top:248px}
  .service-hair-restoration .hr-hero-inner{padding:48px 22px 27px}
  .service-hair-restoration .hr-hero-image{height:278px;object-position:80% center}
  .service-hair-restoration .hr-hero-shade{height:278px}
  .service-hair-restoration .hr-hero-copy{padding-bottom:55px}
  .service-hair-restoration .hr-hero h1{font-size:50px;line-height:.91}
  .service-hair-restoration .hr-hero-copy>p:not(.hr-eyebrow){font-size:16px}
  .service-hair-restoration .hr-hero-actions{align-items:stretch;flex-direction:column;gap:14px;margin-top:27px}
  .service-hair-restoration .hr-hero-actions .hr-button{width:100%}
  .service-hair-restoration .hr-benefits{display:block}
  .service-hair-restoration .hr-benefits article,.service-hair-restoration .hr-benefits article:first-child,.service-hair-restoration .hr-benefits article:nth-child(odd){grid-template-columns:43px 1fr;gap:3px 14px;padding:16px 0;border-bottom:1px solid rgba(214,183,101,.26)}
  .service-hair-restoration .hr-benefits article+article::before{display:none}
  .service-hair-restoration .hr-icon-circle{width:43px;height:43px}
  .service-hair-restoration .hr-icon-circle svg{width:20px;height:20px}
  .service-hair-restoration .hr-benefits p{font-size:11px}
  .service-hair-restoration .hr-overview-grid{gap:36px}
  .service-hair-restoration .hr-overview-visual>img{min-height:242px}
  .service-hair-restoration .hr-outcomes{padding:36px 25px}
  .service-hair-restoration .hr-centered-heading{margin-bottom:38px}
  .service-hair-restoration .hr-option-grid{grid-template-columns:1fr;gap:13px}
  .service-hair-restoration .hr-option-card{max-width:430px;width:100%;margin-inline:auto}
  .service-hair-restoration .hr-option-copy{min-height:285px;padding:24px 21px 26px}
  .service-hair-restoration .hr-option-grid h3{font-size:28px}
  .service-hair-restoration .hr-options-actions{align-items:stretch;flex-direction:column;gap:14px;margin-top:34px}
  .service-hair-restoration .hr-options-actions .hr-button{width:100%;min-width:0;padding-inline:19px}
  .service-hair-restoration .hr-closing{padding:59px 0 64px;background-position:67% center}
  .service-hair-restoration .hr-closing-actions{width:100%;align-items:stretch;flex-direction:column;gap:14px}
  .service-hair-restoration .hr-closing-actions .hr-button{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .service-hair-restoration .hr-button,.service-hair-restoration .hr-option-card{transition:none}
  .service-hair-restoration .hr-button:hover,.service-hair-restoration .hr-option-card:hover{transform:none}
}
