.preserved-hydrafacial *,.preserved-hydrafacial *::before,.preserved-hydrafacial *::after{ box-sizing: border-box; margin: 0; padding: 0; }
.preserved-hydrafacial{
 
 --bg-1:     #F8F2E8;   
 --bg-2:     #F1E8D8;   
 --bg-3:     #EBE0CC;   
 
 --text-hd:  #1A1008;   
 --text-bd:  #4A3825;   
 --text-mu:  #7A6550;   
 
 --copper:   #995724;
 --copper-2: #9A6020;
 --gold:     #B89030;
 --gold-lt:  #D4A84B;
 --sage:     #626658;
 --sage-lt:  #626658;
 --sage-2:   #626658;
 
 --b-sage:   rgba(138,138,126,0.22);
 --b-copper: rgba(184,115,51,0.28);
 --b-neutral:rgba(74,56,37,0.1);
}
.preserved-hydrafacial .hf-page{
 font-family: "Jost", sans-serif;
 font-weight: 300;
 background: var(--bg-1);
 color: var(--text-bd);
 line-height: 1.7;
}
.preserved-hydrafacial :where(.hf-page a){ color: inherit; text-decoration: none; }
.preserved-hydrafacial .hf-eyebrow{
 font-family: "Jost", sans-serif;
 font-size: clamp(10px, 1vw, 12px);
 font-weight: 400;
 letter-spacing: 0.4em;
 text-transform: uppercase;
 color: var(--sage);
 display: block;
 margin-bottom: 18px;
}
.preserved-hydrafacial .hf-h2{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(32px, 4vw, 54px);
 font-weight: 300;
 line-height: 1.1;
 color: var(--text-hd);
 margin-bottom: 24px;
}
.preserved-hydrafacial .hf-body{
 font-size: clamp(15px, 1.4vw, 17px);
 color: var(--text-bd);
 line-height: 1.8;
}
.preserved-hydrafacial .hf-ornament{
 display: flex; align-items: center; gap: 14px;
 margin: 28px 0;
}
.preserved-hydrafacial .hf-ornament.center{ justify-content: center; }
.preserved-hydrafacial .hf-orn-line{
 flex: 1; height: 1px; max-width: 90px;
 background: linear-gradient(90deg, transparent, rgba(138,138,126,0.45));
}
.preserved-hydrafacial .hf-orn-line.r{ background: linear-gradient(90deg, rgba(138,138,126,0.45), transparent); }
.preserved-hydrafacial .hf-orn-diamond{
 width: 6px; height: 6px;
 background: var(--sage);
 transform: rotate(45deg);
 flex-shrink: 0;
}
.preserved-hydrafacial .hf-btn{
 display: inline-block;
 padding: 16px 48px;
 font-family: "Jost", sans-serif;
 font-size: 12px; font-weight: 400;
 letter-spacing: 0.3em;
 text-transform: uppercase;
 text-decoration: none;
 cursor: pointer;
 transition: all 0.4s ease;
 border: none;
}
.preserved-hydrafacial .hf-btn-primary{
 background: var(--sage);
 border: 1px solid var(--sage);
 color: #F8F2E8;
}
.preserved-hydrafacial .hf-btn-primary:hover{
 background: var(--copper-2);
 border-color: var(--copper-2);
 color: #F8F2E8;
 transform: translateY(-2px);
 box-shadow: 0 10px 30px rgba(138,138,126,0.2);
}
.preserved-hydrafacial .hf-btn-gold{
 background: transparent;
 border: 1px solid var(--b-copper);
 color: var(--copper);
}
.preserved-hydrafacial .hf-btn-gold:hover{
 background: rgba(184,115,51,0.08);
 border-color: var(--copper);
 transform: translateY(-2px);
}
.preserved-hydrafacial .hf-container{ max-width: 1100px; margin: 0 auto; }
.preserved-hydrafacial .hf-container-sm{ max-width: 760px;  margin: 0 auto; }
.preserved-hydrafacial .hf-reveal{ opacity: 1; transform: none; transition: opacity 0.8s ease, transform 0.8s ease; }
.preserved-hydrafacial .hf-reveal.animate{ opacity: 0; transform: translateY(28px); }
.preserved-hydrafacial .hf-reveal.animate.visible{ opacity: 1; transform: translateY(0); }
.preserved-hydrafacial .hf-hero{
 position: relative;
 min-height: 88vh;
 background: var(--bg-1);
 overflow: hidden;
 display: flex;
 align-items: center;
 padding: 100px 24px 80px;
}
.preserved-hydrafacial .hf-hero-glow-1{
 position: absolute; top: -10%; left: 0;
 width: 65%; height: 80%;
 background: radial-gradient(ellipse at 30% 35%, rgba(138,138,126,0.1) 0%, transparent 65%);
 pointer-events: none;
}
.preserved-hydrafacial .hf-hero-glow-2{
 position: absolute; bottom: 0; right: 0;
 width: 50%; height: 65%;
 background: radial-gradient(ellipse at 70% 70%, rgba(184,115,51,0.07) 0%, transparent 65%);
 pointer-events: none;
}
.preserved-hydrafacial .hf-hero-watermark{
 position: absolute; bottom: -8%; left: 50%;
 transform: translateX(-50%);
 width: 110%; max-width: 1100px;
 opacity: 0.045; pointer-events: none;
}
.preserved-hydrafacial .hf-hero-inner{
 position: relative; z-index: 2;
 max-width: 1100px; margin: 0 auto; width: 100%;
}
.preserved-hydrafacial .hf-hero-badge{
 display: inline-block;
 padding: 8px 20px;
 border: 1px solid var(--b-sage);
 font-family: "Jost", sans-serif;
 font-size: 11px; letter-spacing: 0.35em;
 text-transform: uppercase; color: var(--sage);
 margin-bottom: 32px;
 opacity:1; animation: hfFadeUp 1s ease both 0.3s;
}
.preserved-hydrafacial .hf-hero-headline{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(46px, 6.5vw, 88px);
 font-weight: 300; line-height: 1.06;
 color: var(--text-hd);
 opacity:1; animation: hfFadeUp 1.2s ease both 0.6s;
}
.preserved-hydrafacial .hf-hero-headline em{ font-style: italic; color: var(--sage); }
.preserved-hydrafacial .hf-hero-sub{
 font-size: clamp(16px, 1.6vw, 20px);
 color: var(--text-bd);
 max-width: 580px;
 margin: 28px 0 48px; line-height: 1.8;
 opacity:1; animation: hfFadeUp 1s ease both 1s;
}
.preserved-hydrafacial .hf-hero-btns{
 display: flex; gap: 18px; flex-wrap: wrap;
 opacity:1; animation: hfFadeUp 1s ease both 1.3s;
}
.preserved-hydrafacial .hf-stats-bar{
 margin-top: 72px; padding-top: 48px;
 border-top: 1px solid var(--b-sage);
 display: grid; grid-template-columns: repeat(4, 1fr);
 gap: 32px;
 opacity:1; animation: hfFadeUp 1s ease both 1.6s;
}
.preserved-hydrafacial .hf-stat-item{ text-align: center; }
.preserved-hydrafacial .hf-stat-num{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(40px, 5vw, 60px);
 font-weight: 300; color: var(--sage);
 line-height: 1; display: block;
}
.preserved-hydrafacial .hf-stat-label{
 font-size: 11px; letter-spacing: 0.22em;
 text-transform: uppercase; color: var(--text-mu);
 margin-top: 8px; display: block;
}
.preserved-hydrafacial .hf-stat-divider{ width: 1px; background: var(--b-sage); align-self: stretch; }
.preserved-hydrafacial .hf-what{ background: var(--bg-2); padding: 90px 24px; }
.preserved-hydrafacial .hf-what-grid{
 display: grid; grid-template-columns: 1fr 1fr;
 gap: 80px; align-items: start;
}
.preserved-hydrafacial .hf-difference-cards{ display: flex; flex-direction: column; gap: 16px; }
.preserved-hydrafacial .hf-diff-card{
 padding: 26px 28px;
 border: 1px solid var(--b-neutral);
 background: rgba(248,242,232,0.7);
 display: flex; gap: 18px; align-items: flex-start;
 transition: border-color 0.3s ease;
}
.preserved-hydrafacial .hf-diff-card:hover{ border-color: var(--b-sage); background: rgba(248,242,232,0.95); }
.preserved-hydrafacial .hf-diff-icon{ color: var(--sage); flex-shrink: 0; margin-top: 2px; font-size: 16px; }
.preserved-hydrafacial .hf-diff-title{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 19px; color: var(--text-hd); margin-bottom: 6px;
}
.preserved-hydrafacial .hf-diff-body{ font-size: 13px; color: var(--text-bd); line-height: 1.7; }
.preserved-hydrafacial .hf-callout{
 background: var(--bg-3); padding: 70px 24px;
 text-align: center; position: relative; overflow: hidden;
}
.preserved-hydrafacial .hf-callout::before{
 content: ""; position: absolute; inset: 0;
 background: radial-gradient(ellipse 65% 80% at 50% 50%, rgba(138,138,126,0.07) 0%, transparent 70%);
}
.preserved-hydrafacial .hf-callout-inner{ position: relative; z-index: 1; }
.preserved-hydrafacial .hf-callout-quote{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(22px, 3vw, 38px);
 font-weight: 300; font-style: italic;
 color: var(--text-hd);
 max-width: 840px; margin: 0 auto 12px; line-height: 1.45;
}
.preserved-hydrafacial .hf-callout-quote strong{ font-style: normal; font-weight: 500; color: var(--sage); }
.preserved-hydrafacial .hf-callout-source{ font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--sage); }
.preserved-hydrafacial .hf-protocols{ background: var(--bg-1); padding: 90px 24px; }
.preserved-hydrafacial .hf-protocol-grid{
 display: grid; grid-template-columns: repeat(3, 1fr);
 gap: 24px; margin-top: 56px; align-items: start;
}
.preserved-hydrafacial .hf-protocol-card{
 border: 1px solid var(--b-neutral);
 background: white;
 position: relative; overflow: hidden;
 display: flex; flex-direction: column;
 transition: border-color 0.35s ease, box-shadow 0.35s ease;
}
.preserved-hydrafacial .hf-protocol-card:hover{
 border-color: var(--b-sage);
 box-shadow: 0 8px 40px rgba(138,138,126,0.1);
}
.preserved-hydrafacial .hf-protocol-card::before{
 content: ""; position: absolute; top: 0; left: 0;
 width: 100%; height: 3px;
}
.preserved-hydrafacial .hf-protocol-card.signature::before{ background: linear-gradient(90deg, transparent, rgba(138,138,126,0.6), transparent); }
.preserved-hydrafacial .hf-protocol-card.diamond::before{ background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.preserved-hydrafacial .hf-protocol-card.platinum::before{ background: linear-gradient(90deg, var(--copper-2), var(--gold), var(--gold-lt), var(--gold), var(--copper-2)); }
.preserved-hydrafacial .hf-protocol-card.platinum{ border-color: var(--b-copper); }
.preserved-hydrafacial .hf-protocol-header{ padding: 36px 32px 24px; border-bottom: 1px solid rgba(74,56,37,0.08); }
.preserved-hydrafacial .hf-protocol-level{
 font-size:12px; letter-spacing: 0.38em;
 text-transform: uppercase; display: block; margin-bottom: 10px;
}
.preserved-hydrafacial .hf-protocol-card.signature .hf-protocol-level{ color: var(--sage); }
.preserved-hydrafacial .hf-protocol-card.diamond   .hf-protocol-level{ color: var(--gold); }
.preserved-hydrafacial .hf-protocol-card.platinum  .hf-protocol-level{ color: var(--copper); }
.preserved-hydrafacial .hf-protocol-name{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(26px, 2.5vw, 34px);
 font-weight: 300; color: var(--text-hd);
 line-height: 1.1; margin-bottom: 14px;
}
.preserved-hydrafacial .hf-protocol-tagline{ font-size: 14px; color: var(--text-bd); line-height: 1.65; }
.preserved-hydrafacial .hf-protocol-meta{
 display: flex; gap: 20px;
 padding: 16px 32px;
 border-bottom: 1px solid rgba(74,56,37,0.08);
 background: rgba(241,232,216,0.4);
}
.preserved-hydrafacial .hf-protocol-meta-label{
 font-size:12px; letter-spacing: 0.28em;
 text-transform: uppercase; color: var(--sage);
 display: block; margin-bottom: 3px;
}
.preserved-hydrafacial .hf-protocol-meta-val{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 18px; font-weight: 400; color: var(--text-hd);
}
.preserved-hydrafacial .hf-protocol-body{ padding: 24px 32px; flex: 1; }
.preserved-hydrafacial .hf-protocol-includes-label{
 font-size:12px; letter-spacing: 0.3em;
 text-transform: uppercase; color: var(--sage);
 display: block; margin-bottom: 16px;
}
.preserved-hydrafacial .hf-protocol-list{ list-style: none; }
.preserved-hydrafacial .hf-protocol-list li{
 font-size: 14px; color: var(--text-bd);
 padding: 9px 0;
 border-bottom: 1px solid rgba(74,56,37,0.07);
 display: flex; gap: 12px; align-items: flex-start; line-height: 1.5;
}
.preserved-hydrafacial .hf-protocol-list li:last-child{ border-bottom: none; }
.preserved-hydrafacial .hf-protocol-check{ flex-shrink: 0; margin-top: 1px; }
.preserved-hydrafacial .hf-protocol-card.signature .hf-protocol-check{ color: var(--sage); }
.preserved-hydrafacial .hf-protocol-card.diamond   .hf-protocol-check{ color: var(--gold); }
.preserved-hydrafacial .hf-protocol-card.platinum  .hf-protocol-check{ color: var(--copper); }
.preserved-hydrafacial .hf-protocol-list li.extra{ color: var(--text-hd); font-weight: 400; }
.preserved-hydrafacial .hf-protocol-footer{
 padding: 18px 32px;
 border-top: 1px solid rgba(74,56,37,0.08);
 background: rgba(241,232,216,0.3);
 font-size: 13px; color: var(--text-mu);
 font-style: italic; line-height: 1.55;
}
.preserved-hydrafacial .hf-boosters{ background: var(--bg-2); padding: 90px 24px; }
.preserved-hydrafacial .hf-booster-grid{
 display: grid; grid-template-columns: repeat(3, 1fr);
 gap: 20px; margin-top: 52px;
}
.preserved-hydrafacial .hf-booster-card{
 padding: 34px 28px;
 border: 1px solid var(--b-neutral);
 background: white;
 position: relative; overflow: hidden;
 transition: all 0.4s ease;
 display: flex; flex-direction: column;
}
.preserved-hydrafacial .hf-booster-card:hover{
 border-color: var(--b-sage);
 box-shadow: 0 6px 30px rgba(138,138,126,0.1);
 transform: translateY(-3px);
}
.preserved-hydrafacial .hf-booster-card::before{
 content: ""; position: absolute; top: 0; left: 0;
 width: 100%; height: 3px;
}
.preserved-hydrafacial .hf-booster-card.hydralock::before{ background: linear-gradient(90deg, transparent, var(--sage-lt), transparent); }
.preserved-hydrafacial .hf-booster-card.brightening::before{ background: linear-gradient(90deg, transparent, var(--gold), transparent); }
.preserved-hydrafacial .hf-booster-card.antiage::before{ background: linear-gradient(90deg, transparent, var(--copper), transparent); }
.preserved-hydrafacial .hf-booster-card.clarify::before{ background: linear-gradient(90deg, transparent, var(--sage), transparent); }
.preserved-hydrafacial .hf-booster-card.sensitive::before{ background: linear-gradient(90deg, transparent, rgba(138,138,126,0.5), transparent); }
.preserved-hydrafacial .hf-booster-card.growth::before{ background: linear-gradient(90deg, transparent, var(--gold-lt), transparent); }
.preserved-hydrafacial .hf-booster-card.hydralock{ border-color: var(--b-sage); }
.preserved-hydrafacial .hf-booster-tag{
 font-size:12px; letter-spacing: 0.3em;
 text-transform: uppercase; margin-bottom: 10px; display: block;
}
.preserved-hydrafacial .hf-booster-card.hydralock  .hf-booster-tag{ color: var(--sage); }
.preserved-hydrafacial .hf-booster-card.brightening .hf-booster-tag{ color: var(--gold); }
.preserved-hydrafacial .hf-booster-card.antiage    .hf-booster-tag{ color: var(--copper); }
.preserved-hydrafacial .hf-booster-card.clarify    .hf-booster-tag{ color: var(--sage); }
.preserved-hydrafacial .hf-booster-card.sensitive  .hf-booster-tag{ color: var(--sage); }
.preserved-hydrafacial .hf-booster-card.growth     .hf-booster-tag{ color: var(--copper-2); }
.preserved-hydrafacial .hf-booster-name{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 22px; font-weight: 400;
 color: var(--text-hd); margin-bottom: 12px; display: block;
}
.preserved-hydrafacial .hf-booster-body{ font-size: 13px; color: var(--text-bd); line-height: 1.7; flex: 1; margin-bottom: 16px; }
.preserved-hydrafacial .hf-booster-stat{
 margin-top: auto; padding-top: 14px;
 border-top: 1px solid rgba(74,56,37,0.08);
 font-size: 12px; color: var(--text-mu); font-style: italic; line-height: 1.5;
}
.preserved-hydrafacial .hf-booster-card.hydralock .hf-booster-stat{ color: var(--sage); font-weight: 400; }
.preserved-hydrafacial .hf-featured-badge{
 display: inline-block; padding: 3px 10px;
 background: rgba(138,138,126,0.08);
 border: 1px solid var(--b-sage);
 font-size:12px; letter-spacing: 0.25em;
 text-transform: uppercase; color: var(--sage); margin-bottom: 8px;
}
.preserved-hydrafacial .hf-concerns{ background: var(--bg-3); padding: 90px 24px; }
.preserved-hydrafacial .hf-concerns-grid{
 display: grid; grid-template-columns: repeat(4, 1fr);
 gap: 16px; margin-top: 52px;
}
.preserved-hydrafacial .hf-concern-card{
 padding: 28px 22px;
 border: 1px solid var(--b-neutral);
 background: white;
 transition: all 0.35s ease; text-align: center;
}
.preserved-hydrafacial .hf-concern-card:hover{
 border-color: var(--b-sage);
 box-shadow: 0 4px 24px rgba(138,138,126,0.1);
}
.preserved-hydrafacial .hf-concern-icon{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 34px; font-weight: 300;
 color:#75604a; line-height: 1;
 display: block; margin-bottom: 12px;
}
.preserved-hydrafacial .hf-concern-name{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 18px; font-weight: 500;
 color: var(--text-hd); margin-bottom: 8px; display: block;
}
.preserved-hydrafacial .hf-concern-body{ font-size: 13px; color: var(--text-bd); line-height: 1.65; }
.preserved-hydrafacial .hf-benefits{ background: var(--bg-1); padding: 90px 24px; }
.preserved-hydrafacial .hf-benefits-grid{
 display: grid; grid-template-columns: 1fr 1fr;
 gap: 28px; margin-top: 48px;
}
.preserved-hydrafacial .hf-benefit-item{
 display: flex; gap: 20px; padding: 28px;
 border: 1px solid var(--b-neutral);
 background: white;
 transition: all 0.3s ease;
}
.preserved-hydrafacial .hf-benefit-item:hover{
 border-color: var(--b-sage);
 box-shadow: 0 4px 20px rgba(138,138,126,0.08);
}
.preserved-hydrafacial .hf-benefit-icon{
 width: 40px; height: 40px; flex-shrink: 0;
 border: 1px solid var(--b-sage);
 display: flex; align-items: center; justify-content: center;
 color: var(--sage); font-size: 16px; margin-top: 2px;
 background: rgba(138,138,126,0.05);
}
.preserved-hydrafacial .hf-benefit-title{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 20px; color: var(--text-hd); margin-bottom: 8px;
}
.preserved-hydrafacial .hf-benefit-body{ font-size: 14px; color: var(--text-bd); line-height: 1.7; }
.preserved-hydrafacial .hf-experience{ background: var(--bg-2); padding: 90px 24px; }
.preserved-hydrafacial .hf-timeline{ margin-top: 56px; display: flex; flex-direction: column; }
.preserved-hydrafacial .hf-timeline-item{
 display: grid; grid-template-columns: 120px 1px 1fr;
 gap: 0 40px; padding-bottom: 52px;
}
.preserved-hydrafacial .hf-timeline-item:last-child{ padding-bottom: 0; }
.preserved-hydrafacial .hf-timeline-step{ text-align: right; padding-top: 4px; }
.preserved-hydrafacial .hf-timeline-num{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 48px; font-weight: 300;
 color:#75604a; line-height: 1; display: block;
}
.preserved-hydrafacial .hf-timeline-tag{
 font-size:12px; letter-spacing: 0.3em; text-transform: uppercase;
 color: var(--sage); display: block; margin-top: 4px;
}
.preserved-hydrafacial .hf-timeline-line{
 width: 1px;
 background: linear-gradient(to bottom, var(--sage), rgba(138,138,126,0.1));
 position: relative;
}
.preserved-hydrafacial .hf-timeline-line::before{
 content: ""; width: 8px; height: 8px;
 background: var(--sage); border-radius: 50%;
 position: absolute; top: 10px; left: 50%;
 transform: translateX(-50%);
}
.preserved-hydrafacial .hf-timeline-content{ padding-top: 4px; }
.preserved-hydrafacial .hf-timeline-title{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 26px; font-weight: 400;
 color: var(--text-hd); margin-bottom: 12px;
}
.preserved-hydrafacial .hf-timeline-body{ font-size: 15px; color: var(--text-bd); line-height: 1.8; }
.preserved-hydrafacial .hf-timeline-tip{
 margin-top: 16px; padding: 14px 18px;
 border-left: 2px solid rgba(138,138,126,0.35);
 font-size: 13px; color: var(--sage);
 font-style: italic; line-height: 1.6;
 background: rgba(138,138,126,0.04);
}
.preserved-hydrafacial .hf-candidate{ background: var(--bg-3); padding: 90px 24px; }
.preserved-hydrafacial .hf-candidate-grid{
 display: grid; grid-template-columns: 1fr 1fr;
 gap: 40px; margin-top: 48px;
}
.preserved-hydrafacial .hf-candidate-col{ padding: 36px; background: white; }
.preserved-hydrafacial .hf-candidate-col.good{ border: 1px solid var(--b-sage); }
.preserved-hydrafacial .hf-candidate-col.caution{ border: 1px solid var(--b-copper); }
.preserved-hydrafacial .hf-candidate-col-title{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: 24px; margin-bottom: 24px;
}
.preserved-hydrafacial .hf-candidate-col.good    .hf-candidate-col-title{ color: var(--sage); }
.preserved-hydrafacial .hf-candidate-col.caution .hf-candidate-col-title{ color: var(--copper); }
.preserved-hydrafacial .hf-candidate-list{ list-style: none; }
.preserved-hydrafacial .hf-candidate-list li{
 font-size: 14px; color: var(--text-bd);
 padding: 10px 0;
 border-bottom: 1px solid rgba(74,56,37,0.07);
 display: flex; gap: 12px; align-items: flex-start;
}
.preserved-hydrafacial .hf-candidate-list li:last-child{ border-bottom: none; }
.preserved-hydrafacial .hf-check{ color: var(--sage); flex-shrink: 0; }
.preserved-hydrafacial .hf-cross{ color: var(--copper); flex-shrink: 0; }
.preserved-hydrafacial .hf-faq{ background: var(--bg-2); padding: 90px 24px; }
.preserved-hydrafacial .hf-faq-list{ margin-top: 48px; }
.preserved-hydrafacial .hf-faq-item{ border-bottom: 1px solid var(--b-sage); }
.preserved-hydrafacial .hf-faq-q{
 width: 100%; background: none; border: none;
 text-align: left; cursor: pointer;
 display: flex; justify-content: space-between; align-items: center;
 padding: 24px 0;
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(18px, 2vw, 22px);
 font-weight: 400; color: var(--text-hd);
 gap: 20px; transition: color 0.3s ease;
}
.preserved-hydrafacial .hf-faq-q:hover{ color: var(--sage); }
.preserved-hydrafacial .hf-faq-icon{
 width: 28px; height: 28px; flex-shrink: 0;
 border: 1px solid var(--b-sage);
 display: flex; align-items: center; justify-content: center;
 font-size: 18px; color: var(--sage);
 transition: transform 0.35s ease, background 0.3s ease; line-height: 1;
}
.preserved-hydrafacial .hf-faq-item[open] .hf-faq-icon{ transform: rotate(45deg); background: rgba(138,138,126,0.08); }
.preserved-hydrafacial .hf-faq-a{ max-height: 0; overflow: hidden; transition: max-height 0.45s ease; }
.preserved-hydrafacial .hf-faq-a-inner{
 padding: 0 0 28px; font-size: 15px; color: var(--text-bd);
 line-height: 1.8; max-width: 760px;
}
.preserved-hydrafacial .hf-cta{
 background: var(--sage);
 padding: 100px 24px;
 text-align: center; position: relative; overflow: hidden;
}
.preserved-hydrafacial .hf-cta::before{
 content: ""; position: absolute; inset: 0;
 background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(255,255,255,0.08) 0%, transparent 70%);
 pointer-events: none;
}
.preserved-hydrafacial .hf-cta-inner{ position: relative; z-index: 1; }
.preserved-hydrafacial .hf-cta-eyebrow{
 font-family: "Jost", sans-serif;
 font-size: 11px; letter-spacing: 0.4em;
 text-transform: uppercase; color: rgba(248,242,232,0.7);
 display: block; margin-bottom: 18px;
}
.preserved-hydrafacial .hf-cta-title{
 font-family: "Cormorant Garamond", Georgia, serif;
 font-size: clamp(36px, 5vw, 66px);
 font-weight: 300; line-height: 1.1;
 color: #F8F2E8; margin-bottom: 12px;
}
.preserved-hydrafacial .hf-cta-title em{ font-style: italic; color:#f3d991; }
.preserved-hydrafacial .hf-cta-orn-line{
 width: 60px; height: 1px;
 background: rgba(248,242,232,0.4);
 margin: 28px auto;
}
.preserved-hydrafacial .hf-cta-sub{
 font-size: clamp(15px, 1.5vw, 18px);
 color: rgba(248,242,232,0.85); max-width: 520px;
 margin: 0 auto 48px; line-height: 1.75;
}
.preserved-hydrafacial .hf-cta-btns{ display: flex; gap: 18px; justify-content: center; flex-wrap: wrap; }
.preserved-hydrafacial .hf-btn-cta-primary{
 display: inline-block; padding: 16px 48px;
 font-family: "Jost", sans-serif; font-size: 12px;
 font-weight: 400; letter-spacing: 0.3em;
 text-transform: uppercase; text-decoration: none;
 cursor: pointer; transition: all 0.4s ease;
 background: #F8F2E8;
 border: 1px solid #F8F2E8;
 color: var(--sage);
}
.preserved-hydrafacial .hf-btn-cta-primary:hover{
 background: white; border-color: white;
 transform: translateY(-2px);
 box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}
.preserved-hydrafacial .hf-btn-cta-outline{
 display: inline-block; padding: 16px 48px;
 font-family: "Jost", sans-serif; font-size: 12px;
 font-weight: 400; letter-spacing: 0.3em;
 text-transform: uppercase; text-decoration: none;
 cursor: pointer; transition: all 0.4s ease;
 background: transparent;
 border: 1px solid rgba(248,242,232,0.5);
 color: #F8F2E8;
}
.preserved-hydrafacial .hf-btn-cta-outline:hover{
 background: rgba(248,242,232,0.12);
 border-color: rgba(248,242,232,0.8);
 transform: translateY(-2px);
}
.preserved-hydrafacial .hf-disclaimer{
 font-size: 11px; color:#f8f2e8;
 margin-top: 36px; letter-spacing: 0.05em;
 max-width: 680px; margin-left: auto; margin-right: auto;
}
.preserved-hydrafacial .hf-step-detail{
 margin-top: 52px; padding: 40px 44px;
 border: 1px solid var(--b-sage);
 background: white;
}
.preserved-hydrafacial .hf-step-detail-label{
 font-size:12px; letter-spacing: 0.35em;
 text-transform: uppercase; color: var(--sage);
 display: block; margin-bottom: 20px;
}
.preserved-hydrafacial .hf-step-detail-grid{
 display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px;
}
.preserved-hydrafacial .hf-step-detail-title{
 font-family: "Cormorant Garamond", serif;
 font-size: 18px; color: var(--text-hd); margin-bottom: 8px;
}
.preserved-hydrafacial .hf-step-detail-body{ font-size: 13px; color: var(--text-bd); line-height: 1.65; }
@media  (max-width: 960px) {.preserved-hydrafacial .hf-what-grid{ grid-template-columns: 1fr; gap: 48px; }
.preserved-hydrafacial .hf-protocol-grid{ grid-template-columns: 1fr; gap: 32px; }
.preserved-hydrafacial .hf-booster-grid{ grid-template-columns: repeat(2, 1fr); }
.preserved-hydrafacial .hf-concerns-grid{ grid-template-columns: repeat(2, 1fr); }
.preserved-hydrafacial .hf-benefits-grid{ grid-template-columns: 1fr; }
.preserved-hydrafacial .hf-candidate-grid{ grid-template-columns: 1fr; }
.preserved-hydrafacial .hf-stats-bar{ grid-template-columns: repeat(2, 1fr); }
.preserved-hydrafacial .hf-stat-divider{ display: none; }
.preserved-hydrafacial .hf-step-detail-grid{ grid-template-columns: repeat(2, 1fr); }}
@media  (max-width: 640px) {.preserved-hydrafacial .hf-hero,.preserved-hydrafacial .hf-what,.preserved-hydrafacial .hf-callout,.preserved-hydrafacial .hf-protocols,.preserved-hydrafacial .hf-boosters,.preserved-hydrafacial .hf-concerns,.preserved-hydrafacial .hf-benefits,.preserved-hydrafacial .hf-experience,.preserved-hydrafacial .hf-candidate,.preserved-hydrafacial .hf-faq,.preserved-hydrafacial .hf-cta{ padding-left: 20px; padding-right: 20px; }
.preserved-hydrafacial .hf-booster-grid{ grid-template-columns: 1fr; }
.preserved-hydrafacial .hf-concerns-grid{ grid-template-columns: 1fr 1fr; }
.preserved-hydrafacial .hf-hero-btns{ flex-direction: column; }
.preserved-hydrafacial .hf-cta-btns{ flex-direction: column; align-items: center; }
.preserved-hydrafacial .hf-btn,.preserved-hydrafacial .hf-btn-cta-primary,.preserved-hydrafacial .hf-btn-cta-outline{ text-align: center; }
.preserved-hydrafacial .hf-timeline-item{grid-template-columns:1px minmax(0,1fr);gap:12px 18px;}
.preserved-hydrafacial .hf-timeline-step{grid-column:2;display:flex;align-items:baseline;gap:14px;text-align:left;}
.preserved-hydrafacial .hf-timeline-tag{letter-spacing:.15em;}
.preserved-hydrafacial .hf-timeline-line{grid-column:1;grid-row:1 / span 2;}
.preserved-hydrafacial .hf-timeline-content{grid-column:2;}
.preserved-hydrafacial .hf-step-detail{ padding: 28px 24px; }
.preserved-hydrafacial .hf-step-detail-grid{ grid-template-columns: 1fr; }}
@keyframes  hfFadeUp {
 from { opacity: 0; transform: translateY(22px); }
 to   { opacity: 1; transform: translateY(0); }
}
@keyframes  hfBreath {
 0%, 100% { opacity: 0.7; } 50% { opacity: 1; }
}
.preserved-hydrafacial .original-inline-0{font-size:0.45em;vertical-align:middle}
.preserved-hydrafacial .original-inline-1{font-size:0.45em;vertical-align:middle}
.preserved-hydrafacial .original-inline-2{margin-bottom: 20px;}
.preserved-hydrafacial .original-inline-3{margin-bottom: 20px;}
.preserved-hydrafacial .original-inline-4{margin: 20px auto;}
.preserved-hydrafacial .original-inline-5{background: linear-gradient(90deg, transparent, rgba(138,138,126,0.4));}
.preserved-hydrafacial .original-inline-6{background: linear-gradient(90deg, rgba(138,138,126,0.4), transparent);}
.preserved-hydrafacial .original-inline-7{text-align: center;}
.preserved-hydrafacial .original-inline-8{margin: 0 auto; text-align: center;}
.preserved-hydrafacial .original-inline-9{font-size:12px; color:var(--gold); letter-spacing:0.2em; text-transform:uppercase; font-family:'Jost',sans-serif;}
.preserved-hydrafacial .original-inline-10{font-size:12px; color:var(--copper); letter-spacing:0.2em; text-transform:uppercase; font-family:'Jost',sans-serif;}
.preserved-hydrafacial .original-inline-11{text-align: center;}
.preserved-hydrafacial .original-inline-12{margin: 0 auto; text-align: center;}
.preserved-hydrafacial .original-inline-13{text-align: center;}
.preserved-hydrafacial .original-inline-14{margin: 0 auto; text-align: center;}
.preserved-hydrafacial .original-inline-15{text-align: center; margin-bottom: 8px;}
.preserved-hydrafacial .original-inline-16{margin: 0 auto; text-align: center;}
.preserved-hydrafacial .original-inline-17{background: linear-gradient(to bottom, var(--sage), rgba(138,138,126,0.1));}
.preserved-hydrafacial .original-inline-18{text-align: center;}
.preserved-hydrafacial .original-inline-19{margin: 0 auto 48px; text-align: center;}
.preserved-hydrafacial .original-inline-20{text-align: center; margin-top: 32px; font-style: italic; color: var(--text-mu); font-size: 13px;}
.preserved-hydrafacial .original-inline-21{text-align: center;}
.preserved-hydrafacial .preserved-faq-answer{max-height:none;height:auto;opacity:1;display:block;overflow:visible;}

html:not(.js-motion) .preserved-hydrafacial [class*="reveal"]{opacity:1;transform:none;}
.preserved-hydrafacial img{max-width:100%;height:auto;}

/* Decorative separators must not occupy statistic grid cells. */
.preserved-hydrafacial .hf-stat-divider{display:none}

/* Preserve readable text columns on narrow screens. */
@media(max-width:600px){.preserved-hydrafacial .hf-concerns-grid{grid-template-columns:1fr}}