/* Page-owned beauty project collection; shared controls retain their runtime. */
@layer beauty-projects {
body[data-beauty-projects] h1 [data-hero-signature] {font-size:1em!important;line-height:1.5!important}
body[data-beauty-projects] main h2 {font:400 clamp(30px,2.8vw,42px)/1.35 Prata,Georgia,serif!important;max-width:none!important;text-align:left!important}
body[data-beauty-projects] main h3 {font:600 18px/1.5 Montserrat,sans-serif!important;color:var(--lifa-brand-navy)!important;text-align:left!important}
body[data-beauty-projects] main :is(p,li,dd,dt) {font-size:16px!important;line-height:1.75!important;font-weight:400!important}
body[data-beauty-projects] main dt {font-weight:600!important;color:var(--lifa-brand-navy)!important}
body[data-beauty-projects] main .eyebrow {color:var(--lifa-brand-teal)!important;font-size:12px!important;line-height:1.6!important}
body[data-beauty-projects] main a:not(.btn) {color:var(--lifa-brand-teal)!important;text-decoration:underline!important;text-underline-offset:5px}
body[data-beauty-projects] main a:not(.btn):hover {color:var(--lifa-brand-navy)!important}
body[data-beauty-projects] main .beauty-index a {text-decoration:none!important}
body[data-beauty-projects] main :is(a,summary):focus-visible {outline:3px solid var(--lifa-brand-teal)!important;outline-offset:5px!important}
body[data-beauty-projects] .beauty-next li {margin:0!important;padding:0!important}
body[data-beauty-projects] .beauty-faq {background:var(--lifa-brand-ivory)!important}
body[data-beauty-projects] .beauty-faq summary {background:transparent!important;border:0!important;padding:22px 8px!important;font:600 16px/1.5 Montserrat,sans-serif!important;box-shadow:none!important}
body[data-beauty-projects] .beauty-faq details {border:0!important;border-top:1px solid var(--border-color,#d6dde5)!important}
body[data-beauty-projects] .beauty-faq details p {padding:0 8px 24px!important;margin:0!important}
body[data-beauty-projects] .beauty-faq summary {--control-bg:transparent!important;--control-hover-bg:color-mix(in srgb,var(--lifa-brand-ivory) 95%,var(--lifa-brand-navy))!important;--control-press-bg:color-mix(in srgb,var(--lifa-brand-ivory) 90%,var(--lifa-brand-navy))!important;--control-hover-ink:var(--lifa-brand-navy)!important;--control-shadow:none!important;--control-font-size:1rem!important}
body[data-beauty-projects] .site-footer {margin-top:0!important}
}
body[data-beauty-projects] main {color:var(--lifa-brand-navy);font-size:16px;line-height:1.7}
body[data-beauty-projects] main .container {width:min(1180px,calc(100% - 64px));max-width:none}
body[data-beauty-projects] main h2 {max-width:22ch;font-size:clamp(30px,3.4vw,46px);line-height:1.15;margin:14px 0 24px}
body[data-beauty-projects] main h3 {font-family:inherit;font-size:18px;line-height:1.4;font-weight:700;margin:0 0 16px;color:var(--lifa-brand-navy)}
body[data-beauty-projects] main p {font-size:16px;line-height:1.75;margin:0 0 20px}
body[data-beauty-projects] main .eyebrow {display:block;color:var(--lifa-brand-teal);font-size:12px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase}
body[data-beauty-projects] main a:not(.btn) {color:var(--lifa-brand-teal);text-underline-offset:5px;text-decoration-thickness:1px}
body[data-beauty-projects] main a:not(.btn):hover {color:var(--lifa-brand-navy)}
.beauty-overview {padding:48px 0 24px}
.beauty-overview-copy {display:grid;grid-template-columns:1fr 1.15fr;gap:54px;align-items:start}
.beauty-index {display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:24px;padding-block:24px;border-block:1px solid var(--border-color,#d6dde5)}
.beauty-index a {display:flex;flex-direction:column;gap:8px;min-height:48px;text-decoration:none!important}
.beauty-index strong {color:var(--lifa-brand-navy)}
.beauty-index span {font-size:14px;line-height:1.6}
.beauty-project {padding:56px 0;border-bottom:1px solid var(--border-color,#d6dde5)}
.beauty-project-intro {display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;margin-bottom:32px}
body[data-beauty-projects] .beauty-project figure {padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
body[data-beauty-projects] .beauty-project figure img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:none}
.beauty-background {display:grid;grid-template-columns:1fr 1.25fr;gap:40px;margin:0;padding:24px 0;border-block:1px solid var(--border-color,#d6dde5)}
.beauty-background dt {font-weight:700;margin-bottom:8px;color:var(--lifa-brand-navy)}
.beauty-background dd {margin:0;color:var(--text-muted,#52647b)}
.beauty-challenge {max-width:900px;padding:28px 0 8px}
.beauty-work {display:grid;grid-template-columns:1.35fr 1fr;gap:64px;padding:24px 0}
.beauty-work ol {counter-reset:work;list-style:none;padding:0;margin:0}
.beauty-work ol li {counter-increment:work;display:grid;grid-template-columns:32px 1fr;gap:16px;margin:0 0 20px}
.beauty-work ol li::before {content:counter(work,decimal-leading-zero);font-family:Reey,cursive;color:var(--lifa-brand-navy);font-size:22px;line-height:1.6}
.beauty-work aside {border-left:1px solid var(--border-color,#d6dde5);padding-left:32px}
.beauty-work ul {padding-left:20px;margin:0 0 28px}
.beauty-work ul li {margin-bottom:8px}
.beauty-outcome {background:var(--lifa-brand-ivory);border-left:3px solid var(--lifa-brand-teal);padding:28px 32px;margin:8px 0 28px}
body[data-beauty-projects] .beauty-outcome p {margin:0;max-width:1000px;font-size:18px;color:var(--lifa-brand-navy)}
.beauty-takeaway {display:grid;grid-template-columns:1fr 2fr;column-gap:40px;padding:8px 0 28px}
.beauty-takeaway a {grid-column:2;font-weight:600;display:inline-flex;align-items:center;gap:12px;min-height:44px;width:fit-content}
.beauty-next {border-top:1px solid var(--border-color,#d6dde5);padding-top:28px}
.beauty-next ul {display:flex;flex-wrap:wrap;gap:24px 48px;list-style:none;margin:0 0 20px;padding:0}
.beauty-next li {flex:1 1 250px}
.beauty-next li>a {font-weight:600;display:inline-block;min-height:32px}
body[data-beauty-projects] .beauty-next li p {font-size:15px;margin:6px 0 0}
.beauty-faq {padding:56px 0;background:var(--lifa-brand-ivory)}
body[data-beauty-projects] .beauty-faq details {background:transparent;border:0;border-top:1px solid var(--border-color,#d6dde5);border-radius:0;box-shadow:none;padding:0;margin:0}
body[data-beauty-projects] .beauty-faq summary {padding:22px 8px;min-height:48px;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;color:var(--lifa-brand-navy)}
body[data-beauty-projects] .beauty-faq details p {padding:0 8px 24px;max-width:920px;margin:0}
body[data-beauty-projects] .beauty-faq>.container>p {margin-top:24px}
.beauty-request {padding:56px 0}
.beauty-request>.container {display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:center}
.beauty-request-actions {display:flex;flex-direction:column;align-items:start;gap:20px}
.beauty-text-link {min-height:44px;display:inline-flex;align-items:center;gap:12px;font-weight:600}
@media(max-width:900px){.beauty-work{gap:32px}.beauty-project-intro{gap:24px}.beauty-overview-copy{gap:32px}}
@media(max-width:760px){body[data-beauty-projects] main .container{width:calc(100% - 40px)}.beauty-overview-copy,.beauty-project-intro,.beauty-background,.beauty-work,.beauty-takeaway,.beauty-request>.container{grid-template-columns:1fr;gap:20px}.beauty-overview{padding-top:32px}.beauty-index{grid-template-columns:1fr;gap:20px}.beauty-index a{border-bottom:1px solid var(--border-color,#d6dde5);padding-bottom:16px}.beauty-index a:last-child{border:0;padding-bottom:0}.beauty-project{padding:40px 0}.beauty-project-intro figure{order:-1}.beauty-background{gap:24px}.beauty-work aside{border-left:0;border-top:1px solid var(--border-color,#d6dde5);padding:24px 0 0}.beauty-outcome{padding:22px 20px}.beauty-takeaway a{grid-column:1}.beauty-faq,.beauty-request{padding-block:40px}.beauty-next .btn,.beauty-request-actions .btn{max-width:100%;white-space:normal;height:auto;text-align:center}.beauty-request-actions{padding-right:40px}.beauty-work ol li{grid-template-columns:28px 1fr;gap:12px}}
