.face-header{height:68px;max-width:1240px;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(67,16,63,.18)}
.face-header nav{display:flex;gap:1.25rem}.face-header nav a{font-size:.82rem;font-weight:700;text-decoration:none}
.face-hero{min-height:720px;max-width:1240px;margin:0 auto;padding:clamp(5rem,10vw,10rem) 1.25rem clamp(4rem,8vw,8rem);display:grid;grid-template-columns:1fr minmax(280px,.5fr);align-items:end;gap:clamp(3rem,8vw,8rem)}
.face-hero h1{max-width:900px;font-size:clamp(4.2rem,9vw,9rem)}.face-hero h1 em{display:block;font-family:Georgia,serif;font-weight:400}.face-deck{margin:0 0 .7rem;font-family:Georgia,serif;font-size:clamp(1.2rem,2.1vw,1.7rem);line-height:1.45}
.landscape-rule{padding:clamp(5rem,10vw,10rem) max(5vw,calc((100vw - 1240px)/2));background:var(--purple);color:var(--cream);text-align:center}.landscape-rule h2{max-width:1050px;margin:0 auto;font-family:Georgia,serif;font-size:clamp(3rem,7vw,7rem);font-weight:400;line-height:.98;letter-spacing:-.055em}.landscape-rule>p:last-child{max-width:680px;margin:2rem auto 0;font-size:1.15rem;opacity:.8}
.skin-check,.discoveries,.face-close{max-width:1240px;margin:0 auto;padding:clamp(6rem,11vw,11rem) 1.25rem}.face-heading{max-width:820px;margin-bottom:clamp(3rem,6vw,6rem)}.face-heading h2{margin:0;font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.055em}.face-heading>p:last-child{max-width:650px;font-size:1.08rem}
.skin-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--purple);border:1px solid var(--purple)}.skin-choice-grid button{min-height:210px;padding:1.35rem;display:flex;flex-direction:column;border:0;background:var(--cream);color:var(--purple);text-align:left;cursor:pointer;transition:.2s}.skin-choice-grid button:hover,.skin-choice-grid button.active,.skin-choice-grid button:focus-visible{background:var(--purple);color:var(--cream)}.skin-choice-grid span{font-size:.7rem;font-weight:750;letter-spacing:.14em}.skin-choice-grid strong{margin:auto 0 .3rem;font-family:Georgia,serif;font-size:1.45rem;font-weight:400;line-height:1.1}.skin-choice-grid small{font-weight:700;opacity:.68}
.skin-response{min-height:330px;padding:clamp(2rem,6vw,5rem);display:grid;grid-template-columns:minmax(90px,.35fr) 1fr;align-items:center;gap:clamp(1.5rem,6vw,6rem);border:1px solid var(--purple);border-top:0}.skin-symbol{margin:0;font-family:Georgia,serif;font-size:clamp(7rem,16vw,14rem);line-height:.65;text-align:center;opacity:.15}.skin-response h3{margin:0;font-family:Georgia,serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:400;line-height:.98;letter-spacing:-.05em}.skin-response div>p:not(.eyebrow){max-width:650px;font-size:1.08rem}.skin-response a{font-weight:750;text-underline-offset:.25em}
.discoveries{border-top:1px solid rgba(67,16,63,.18)}.discovery-list{border-top:1px solid var(--purple)}.discovery{border-bottom:1px solid var(--purple);scroll-margin-top:90px}.discovery>button{width:100%;min-height:150px;padding:1.4rem 0;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:1rem;border:0;background:transparent;color:var(--purple);text-align:left;cursor:pointer}.discovery>button span{font-size:.72rem;font-weight:750;letter-spacing:.14em}.discovery>button small{font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.discovery h3{margin:.35rem 0 0;font-size:clamp(1.6rem,3.4vw,3rem);line-height:1.05}.discovery b{font-size:2rem;font-weight:300}.discovery-body{padding:0 0 clamp(3rem,6vw,5rem) 70px;max-width:1050px}.discovery-body>p{max-width:740px;font-family:Georgia,serif;font-size:1.25rem}.discovery dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;background:var(--purple);border:1px solid var(--purple)}.discovery dl div{padding:1.2rem;background:var(--cream)}.discovery dt{font-size:.7rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.discovery dd{margin:.65rem 0 0}.discovery.open>button{background:var(--purple);color:var(--cream);padding-inline:1.2rem}.discovery.open .discovery-body{padding-top:2rem}
.care-threshold{padding:clamp(5rem,10vw,9rem) max(5vw,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:end;background:var(--purple);color:var(--cream)}.care-threshold h2{margin:0;font-family:Georgia,serif;font-size:clamp(3rem,6vw,6rem);font-weight:400;line-height:.98;letter-spacing:-.05em}.care-threshold>p{font-size:1.08rem;opacity:.82}
.face-close{text-align:center}.face-close h2{margin:0 auto;font-size:clamp(3.5rem,8vw,8rem);line-height:.9;letter-spacing:-.06em}.face-actions{margin-top:3rem;display:flex;justify-content:center;align-items:center;gap:1rem 1.5rem;flex-wrap:wrap}.face-actions>a:not(.button){font-weight:700;text-underline-offset:.25em}
@media(max-width:800px){.face-hero,.care-threshold{grid-template-columns:1fr}.face-hero{min-height:620px}.skin-choice-grid{grid-template-columns:repeat(2,1fr)}.discovery dl{grid-template-columns:1fr}}
@media(max-width:560px){.face-header nav a:first-child{display:none}.face-hero{min-height:560px;padding-top:5rem}.face-hero h1{font-size:4.1rem}.skin-choice-grid{grid-template-columns:1fr}.skin-choice-grid button{min-height:170px}.skin-response{grid-template-columns:1fr}.skin-symbol{display:none}.discovery>button{grid-template-columns:42px 1fr auto}.discovery-body{padding-left:0}.face-actions .button{width:100%}}
