/*
Theme Name: Lady Herburn 3MUSCLERS Homepage Test
Theme URI: https://ladyherburn.720art.tw/
Description: WordPress wrapper for the approved 3MUSCLERS homepage test on 赫本女孩_專業知識庫.
Version: 1.1.0
Text Domain: ladyherburn-3musclers
*/

:root {
  --lh-page: #fbf6f1;
  --lh-focus: #a96757;
}

* {
  box-sizing: border-box;
}

html {
  background: var(--lh-page);
  scroll-behavior: smooth;
}

body.ladyherburn-home {
  margin: 0;
  background: var(--lh-page);
  color: #513d33;
}

.lh-nav,.lh-hero,.lh-about,.lh-section,.lh-faq,.lh-booking,.lh-footer{max-width:1200px;margin:auto}.lh-nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:12px 4%;gap:24px;background:#fffaf6}.lh-brand{color:#765547;text-decoration:none;line-height:1;min-width:150px}.lh-brand span,.lh-brand small,.lh-brand em{display:block}.lh-brand span{font-size:21px;letter-spacing:.2em}.lh-brand small{font-size:12px;letter-spacing:.22em;margin-top:5px}.lh-brand em{font-family:cursive;color:#c49b7e;font-size:24px;margin:4px 0 0 35px}.lh-nav nav{display:flex;gap:28px}.lh-nav nav a,.lh-footer a{color:#674b3f;text-decoration:none;font-size:14px}.lh-button{display:inline-block;background:#af705f;border:1px solid #af705f;color:white!important;text-decoration:none;padding:15px 36px;border-radius:8px;margin:6px 8px 6px 0}.lh-button--compact{border-radius:25px;padding:13px 27px;white-space:nowrap}.lh-button--line{background:transparent;color:#765547!important}.lh-hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;background:#fbf5f0}.lh-hero__copy{padding:110px 8% 50px}.lh-eyebrow{color:#a36f58;font-weight:700;letter-spacing:.08em;margin:0 0 13px}.lh-hero h1,.lh-section h2,.lh-about h2,.lh-faq h2,.lh-booking h2{font-family:Georgia,'Noto Serif TC',serif;color:#563c2f;line-height:1.45}.lh-hero h1{font-size:38px;margin:0 0 22px}.lh-hero__copy>p:not(.lh-eyebrow){line-height:1.8;color:#795f52}.lh-proof{display:flex;gap:18px;margin:28px 0}.lh-proof span{border:1px solid #e7d1c3;border-radius:30px;padding:12px 16px;color:#a36f58}.lh-proof b,.lh-proof small,.lh-values b,.lh-values small{display:block}.lh-proof small{font-size:12px;color:#80695d}.lh-hero__visual{position:relative;overflow:hidden}.lh-hero__visual img{width:100%;height:100%;object-fit:cover}.lh-hero__visual blockquote{position:absolute;left:10%;bottom:16%;font:25px/1.55 Georgia,serif;color:#77584a;margin:0;background:#fffcf9c9;padding:14px 20px}.lh-hero__visual cite{display:block;font-size:13px;font-style:normal;margin-top:10px}.lh-about{display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center;padding:70px 7%;background:#fffaf7}.lh-about__image img{width:100%;display:block}.lh-about p{color:#735d51;line-height:1.9}.lh-about h2{font-size:33px;margin:8px 0}.lh-about h2 small{font-size:20px}.lh-values{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.lh-values span{border-left:1px solid #dfc8ba;padding:0 12px;color:#a36f58}.lh-values small{margin-top:7px;color:#80695d;font-size:12px;line-height:1.5}.lh-section{padding:72px 5%;text-align:center;background:#fcf7f3}.lh-section h2{font-size:32px;margin:6px auto 38px}.lh-services{display:grid;grid-template-columns:1fr 1fr;gap:18px;text-align:left}.lh-services article{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid #eee1d8;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #92725a12}.lh-services img{width:100%;height:100%;object-fit:cover}.lh-services article div{padding:22px}.lh-services h3{color:#684a3c;margin:0 0 10px;font-size:21px}.lh-services p{color:#80695e;line-height:1.65;font-size:14px}.lh-services a{color:#b0785e;text-decoration:none}.lh-gallery{padding-top:38px}.lh-gallery>div{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.lh-gallery img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;filter:sepia(.1) saturate(.78) brightness(1.05)}.lh-testimonials{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left}.lh-testimonials blockquote{margin:0;background:#fff;padding:25px;border-radius:10px;box-shadow:0 8px 24px #876a5412;color:#735d51;line-height:1.8}.lh-testimonials b{color:#a36f58}.lh-steps>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:left}.lh-steps article{background:#fff;border:1px solid #ebddd4;padding:22px;border-radius:10px}.lh-steps b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#ae7565;color:#fff}.lh-steps h3{color:#65483a}.lh-steps p{color:#80695d;font-size:14px;line-height:1.7}.lh-faq{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;background:#f9f3ee;padding:65px 8% 0}.lh-faq>div{padding-bottom:60px}.lh-faq img{width:100%;align-self:end}.lh-faq details{background:#fff;border:1px solid #eddfd7;border-radius:8px;margin-top:12px;padding:17px 20px;color:#72584b}.lh-faq summary{cursor:pointer;font-weight:700}.lh-faq details p{line-height:1.7;margin-bottom:0}.lh-booking{display:grid;grid-template-columns:1fr 1fr;background:#ad7363;color:#fff}.lh-booking>div{padding:75px 10%}.lh-booking .lh-eyebrow,.lh-booking h2{color:#fff}.lh-booking h2{font-size:32px}.lh-booking img{width:100%;height:100%;object-fit:cover}.lh-button--light{background:transparent;border-color:#fff}.lh-footer{display:grid;grid-template-columns:1.2fr .7fr .8fr;gap:45px;padding:45px 7%;background:#fffaf6;color:#72594b;line-height:1.7}.lh-footer b{font-family:Georgia,serif;font-size:18px}.lh-footer small{letter-spacing:.12em}.lh-footer p{font-size:14px}.lh-footer a{display:block;margin-bottom:5px}

@media(max-width:820px){.lh-nav{height:auto;flex-wrap:wrap}.lh-nav nav{order:3;width:100%;overflow:auto;gap:18px;padding:8px 0}.lh-nav nav a{white-space:nowrap}.lh-hero,.lh-about,.lh-faq,.lh-booking{grid-template-columns:1fr}.lh-hero__copy{padding-top:60px}.lh-hero h1{font-size:31px}.lh-hero__visual{min-height:410px}.lh-about{padding:50px 7%;gap:30px}.lh-services,.lh-testimonials,.lh-steps>div{grid-template-columns:1fr}.lh-gallery>div{grid-template-columns:1fr 1fr}.lh-values{grid-template-columns:1fr}.lh-faq{padding:50px 7% 0}.lh-footer{grid-template-columns:1fr;gap:16px}.lh-booking img{min-height:260px}.lh-button{padding:13px 21px}.lh-button--compact{padding:11px 18px}}

.ladyherburn-reference {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  line-height: 0;
}

.ladyherburn-reference__image {
  display: block;
  width: 100%;
  height: auto;
}

.ladyherburn-reference__link {
  position: absolute;
  z-index: 2;
  display: block;
  border-radius: 999px;
  outline-offset: 4px;
  line-height: 1;
}

.ladyherburn-reference__link:focus-visible {
  outline: 3px solid var(--lh-focus);
}

.ladyherburn-reference__link--about { left: 30.5%; top: 0.28%; width: 9%; height: 1.22%; }
.ladyherburn-reference__link--services { left: 40.5%; top: 0.28%; width: 8.5%; height: 1.22%; }
.ladyherburn-reference__link--skin { left: 49.5%; top: 0.28%; width: 8.5%; height: 1.22%; }
.ladyherburn-reference__link--reviews { left: 58%; top: 0.28%; width: 8%; height: 1.22%; }
.ladyherburn-reference__link--knowledge { left: 66.2%; top: 0.28%; width: 8%; height: 1.22%; }
.ladyherburn-reference__link--booking { left: 86.7%; top: 0.28%; width: 10.5%; height: 1.5%; }
.ladyherburn-reference__link--hero-booking { left: 4.5%; top: 5.4%; width: 17.5%; height: 2.1%; }
.ladyherburn-reference__link--hero-services { left: 23.5%; top: 5.4%; width: 17.5%; height: 2.1%; }
.ladyherburn-reference__link--final-booking { left: 2.5%; top: 88.1%; width: 57%; height: 3.2%; }

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ladyherburn-site-header,
.ladyherburn-site-footer,
.ladyherburn-article {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px;
}

.ladyherburn-site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-bottom: 1px solid #e6d6ca;
  line-height: 1.5;
}

.ladyherburn-site-header a,
.ladyherburn-site-footer a {
  color: #795545;
  text-decoration: none;
}

.ladyherburn-site-header__brand {
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 1.25rem;
  letter-spacing: .08em;
}

.ladyherburn-site-header nav ul {
  display: flex;
  gap: 18px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.ladyherburn-article {
  max-width: 760px;
  padding-top: 56px;
  padding-bottom: 56px;
  line-height: 1.9;
}

.ladyherburn-article h1 {
  color: #573f33;
  font-family: Georgia, 'Times New Roman', serif;
  line-height: 1.35;
}

.ladyherburn-site-footer {
  border-top: 1px solid #e6d6ca;
  color: #795545;
  line-height: 1.6;
}

@media (max-width: 720px) {
  .ladyherburn-reference {
    min-width: 0;
  }

  .ladyherburn-reference__link--about,
  .ladyherburn-reference__link--services,
  .ladyherburn-reference__link--skin,
  .ladyherburn-reference__link--reviews,
  .ladyherburn-reference__link--knowledge {
    display: none;
  }

  .ladyherburn-reference__link--booking {
    left: 82%;
    top: 0.16%;
    width: 15.5%;
    height: 1.15%;
  }

  .ladyherburn-site-header {
    display: block;
  }

  .ladyherburn-site-header nav ul {
    flex-wrap: wrap;
    margin-top: 12px;
  }
}