/* SEO landing pages · State Of Nails Spa (shares styles.css) */
:root{--ivory:#FAF6EE;--deepgold:#7A5C2E}
.lp{background:var(--ivory)}
.lp-hero{background:var(--black);color:var(--white);padding-top:64px}
.lp-hero__media{position:relative;margin:0}
.lp-hero__media img{display:block;width:100%;height:auto;max-height:42svh;object-fit:cover;object-position:50% 55%}
.lp-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,#000 100%);pointer-events:none}
.lp-hero__copy{position:relative;z-index:1;padding:0 22px 34px;margin-top:-34px;max-width:640px}
.lp-hero__copy .script{font-size:2rem}
.lp-hero h1{font-size:clamp(2.2rem,10vw,3.6rem);font-weight:700;line-height:1.02;letter-spacing:-.01em}
.lp-hero h1 em{display:block;color:var(--champ);font-weight:500}
.lp-price{font-family:var(--cond);text-transform:uppercase;letter-spacing:.24em;font-size:.86rem;color:var(--champ);margin:.9rem 0 1.1rem}
.lp-price span{display:block;margin-bottom:.15rem}
.lp-price strong{font-family:var(--serif);font-weight:600;letter-spacing:0;text-transform:none;font-size:1.35rem;color:var(--white);margin-left:.3rem}
.lp-cta{display:flex;flex-wrap:wrap;gap:.6rem}
.lp-cta .btn{flex:1 1 auto}
.lp-body{max-width:680px;margin:0 auto;padding:30px 22px 8px}
.lp-body p{margin:0 0 1rem;color:var(--text)}
.lp-body h2{font-size:1.45rem;margin:1.6rem 0 .7rem}
.lp-body h2 em{color:var(--rose)}
.lp-faq details{border-top:1px solid rgba(122,92,46,.25);padding:.15rem 0}
.lp-faq details:last-child{border-bottom:1px solid rgba(122,92,46,.25)}
.lp-faq summary{cursor:pointer;list-style:none;font-family:var(--serif);font-weight:600;font-size:1.02rem;padding:.75rem 1.8rem .75rem 0;position:relative;color:var(--text)}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{content:"+";position:absolute;right:.2rem;top:.55rem;color:var(--deepgold);font-family:var(--sans);font-size:1.3rem;font-weight:300}
.lp-faq details[open] summary::after{content:"\2212"}
.lp-faq details p{margin:0 0 .9rem;color:var(--muted)}
.lp-loc{margin:1.6rem 0 .4rem;padding:1rem 1.1rem;border:1px solid rgba(218,201,163,.8);border-radius:16px;background:#fff}
.lp-loc__t{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:var(--deepgold);margin:0 0 .2rem!important}
.lp-loc p{margin:0;font-size:.92rem}
.lp-loc a{color:var(--rose)}
.lp-more{max-width:680px;margin:0 auto;padding:10px 22px 34px}
.lp-more .eyebrow{color:var(--deepgold)}
.lp-more ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.lp-more a{display:inline-block;padding:.42rem .8rem;border-radius:999px;border:1px solid rgba(122,92,46,.35);color:var(--text);text-decoration:none;font-size:.84rem}
.lp-more a:hover{border-color:var(--rose);color:var(--rose)}
.lp-more .lp-home{background:var(--black);color:var(--white);border-color:var(--black)}
.foot__areas{margin:.9rem auto .5rem!important;max-width:640px;font-size:.78rem;line-height:1.9}
.foot__areas span{display:block;font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;color:var(--champ);font-size:.72rem}
.foot__areas a{color:#cfc5b3;text-decoration:none;white-space:nowrap}
.foot__areas a:hover{color:var(--champ)}
.foot__areas i{font-style:normal;color:#5d554a;margin:0 .35rem}
@media (min-width:960px){
  .lp-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:520px}
  .lp-hero__media img{max-height:none;height:560px}
  .lp-hero__media::after{background:linear-gradient(90deg,rgba(0,0,0,0) 60%,#000 100%)}
  .lp-hero__copy{margin:0;padding:40px 48px}
  .lp-cta .btn{flex:0 0 auto}
}

/* v2: location page + specialty menus */
.lp-menu{list-style:none;margin:0 0 .6rem;padding:0}
.lp-menu li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;padding:.62rem 0;border-bottom:1px solid rgba(122,92,46,.2)}
.lp-menu li>a,.lp-menu li>span{flex:1 1 auto;min-width:0;font-family:var(--serif);font-weight:600;font-size:1rem;color:var(--text)}
.lp-menu li>a{color:var(--rose);text-decoration:none}
.lp-menu b{font-family:var(--cond);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--deepgold);font-weight:500;white-space:nowrap}
.lp-menu small{flex-basis:100%;color:var(--muted);font-size:.84rem}
.lp-note{font-size:.9rem;color:var(--muted)!important}
.lp-body a{color:var(--rose)}
.lp-steps{margin:0 0 1rem;padding-left:1.2rem}
.lp-steps li{margin:0 0 .55rem;color:var(--text)}
.lp-gal{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 1rem}
.lp-gal img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:12px;display:block}
@media (min-width:700px){.lp-gal{grid-template-columns:repeat(4,1fr)}}

/* v3: split Explore block, areas, before/after placeholder, client love */
.lp-more ul+.eyebrow{margin-top:1.3rem}
.lp-more a[aria-current]{border-color:var(--deepgold);color:var(--deepgold);background:#fff}
.lp-areas{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.lp-areas li{padding:.34rem .75rem;border-radius:999px;background:#fff;border:1px solid rgba(218,201,163,.9);font-size:.84rem;color:var(--text)}
.lp-ba{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 1rem;padding:10px;border:1px solid rgba(218,201,163,.9);border-radius:16px;background:#fff}
.lp-ba__slot{aspect-ratio:1/1;border-radius:12px;border:1px dashed rgba(122,92,46,.4);background:linear-gradient(135deg,#FAF6EE,#F3EADB);display:flex;align-items:flex-end;justify-content:flex-start;padding:.6rem}
.lp-ba__slot span{font-family:var(--cond);text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;color:var(--deepgold)}
.lp-ba p{grid-column:1/-1;margin:.2rem 0 0!important;text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted)}
.lp-love{display:grid;gap:10px;margin:0 0 1rem}
.lp-love__card{margin:0;padding:1rem 1.1rem;border-radius:16px;background:#fff;border:1px solid rgba(218,201,163,.9)}
.lp-love__card blockquote{margin:0 0 .5rem;font-family:var(--serif);font-style:italic}
.lp-love__card figcaption{font-family:var(--cond);text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--deepgold)}
@media (min-width:700px){.lp-love{grid-template-columns:repeat(3,1fr)}}