/* Founder story: photo-based founder illustration, distinct from product or customer imagery.
   Scope to public About page and the small homepage invitation only. */
.beauty-about .hp-about-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);background:var(--hp-primary);color:var(--hp-on-dark);min-height:580px}
.beauty-about .hp-about-hero-copy{padding:clamp(50px,7vw,110px) 6vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.beauty-about .hp-about-hero .eyebrow{color:#e5bdb6}
.beauty-about .hp-about-hero h1{font-size:clamp(48px,5.75vw,86px);line-height:1.04;letter-spacing:-.055em;margin:15px 0 30px;max-width:860px}
.beauty-about .hp-about-hero h1 em{color:#e8bfb5}
.beauty-about .hp-about-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.75;color:#f1dfe0;max-width:525px}
.beauty-about .hp-about-jump{display:inline-block;margin-top:26px;color:var(--hp-on-dark);font-size:12px;letter-spacing:.07em;text-underline-offset:7px}
.beauty-about .hp-about-jump span{margin-left:12px}
.beauty-about .hp-founder-figure{margin:0;padding:30px;display:flex;flex-direction:column;background:#371828;min-width:0}
.beauty-about .hp-founder-art{position:relative;flex:1;min-height:460px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 18%,#aa6e7d 0,#77445e 25%,transparent 55%),linear-gradient(140deg,#21111e,#58243d 62%,#a66d7b);border:1px solid #c59a9a99;color:#fff0e3}
.beauty-about .hp-founder-art:before{content:"";position:absolute;inset:-50% -8% 5% 13%;border:1px solid #e3b9b344;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 0 22px #e3b9b312,0 0 0 52px #e3b9b312,0 0 0 85px #e3b9b30e,0 0 0 125px #e3b9b309}
.beauty-about .hp-founder-art:after{content:"";position:absolute;inset:28% -30% -28% 3%;background:repeating-radial-gradient(ellipse at 70% 75%,transparent 0 11px,#e3b9b327 12px 13px,transparent 14px 27px);transform:rotate(13deg);pointer-events:none}
.beauty-about .hp-founder-art-top{position:absolute;top:27px;left:27px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.16em;z-index:2}
.beauty-about .hp-founder-initial{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font:italic clamp(170px,22vw,345px)/1 Georgia,serif;letter-spacing:-.1em;text-shadow:0 15px 60px #140a15aa;z-index:2}
.beauty-about .hp-founder-art-bottom{position:absolute;bottom:27px;left:27px;font:italic clamp(22px,2.5vw,33px)/1.15 Georgia,serif;z-index:2;max-width:270px}
.beauty-about .hp-founder-figure figcaption{padding:17px 2px 3px;font:700 10px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#e8c4bf}
.beauty-about .hp-founder-letter{display:grid;grid-template-columns:minmax(190px,.35fr) minmax(0,1fr);gap:50px;padding:100px max(6vw,24px);background:var(--hp-porcelain)}
.beauty-about .hp-founder-letter-label .eyebrow{color:#87556b}
.beauty-about .hp-letter-number{border-top:1px solid #d1bcb5;padding-top:17px;margin-top:25px;font:700 9px/1.6 Arial,sans-serif;letter-spacing:.15em;color:#8b6175}
.beauty-about .hp-founder-letter h2{font-size:clamp(40px,4.65vw,66px);line-height:1.09;margin:0 0 32px}
.beauty-about .hp-founder-letter-body>p{max-width:780px;font-size:17px;line-height:1.85;color:#4e3a45;margin:0 0 22px}
.beauty-about .hp-founder-letter-body .hp-founder-signoff{margin-top:30px;color:var(--hp-primary);font:italic clamp(24px,2.4vw,34px)/1.4 Georgia,serif}
.beauty-about .hp-founder-signoff span{display:inline-block;margin-top:13px;font-size:44px}
.beauty-about .hp-founder-mission{padding:100px 6vw;background:var(--hp-warm-cream)}
.beauty-about .hp-mission-head{max-width:1020px;margin-bottom:52px}
.beauty-about .hp-mission-head .eyebrow{color:#844f66}
.beauty-about .hp-mission-head h2{font-size:clamp(40px,4.9vw,72px);margin:0 0 25px}
.beauty-about .hp-mission-head>p:not(.eyebrow){max-width:635px;font-size:16px;line-height:1.8;color:#624b58}
.beauty-about .hp-mission-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.beauty-about .hp-mission-grid article{background:var(--hp-porcelain);border-top:3px solid var(--hp-primary);padding:29px 25px 36px;min-width:0}
.beauty-about .hp-mission-grid article>span{font:700 10px Arial,sans-serif;letter-spacing:.15em;color:#926a70}
.beauty-about .hp-mission-grid h3{font-size:clamp(24px,2.4vw,34px);line-height:1.17;margin:33px 0 18px}
.beauty-about .hp-mission-grid p{font-size:14px;line-height:1.75;color:#634d59;margin:0}
.beauty-about .hp-about-boundary{padding:95px 6vw;background:#ebd7d0}
.beauty-about .hp-about-boundary .eyebrow{color:#76425d}
.beauty-about .hp-about-boundary h2{font-size:clamp(36px,4.5vw,59px);margin:0 0 28px}
.beauty-about .hp-about-boundary>p:not(.eyebrow){max-width:900px;font-size:16px;line-height:1.82;color:#4d3841}
.beauty-about .hp-about-links{display:flex;align-items:center;gap:20px 32px;flex-wrap:wrap;margin-top:38px}
.beauty-about .hp-about-link{font-size:14px;color:var(--hp-primary);text-underline-offset:6px}
.beauty-home .hp-founder-teaser{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);background:var(--hp-porcelain);border-top:1px solid var(--hp-rule);overflow:hidden}
.beauty-home .hp-founder-teaser-content{padding:80px 7vw}
.beauty-home .hp-founder-teaser h2{font-size:clamp(42px,5.25vw,75px);line-height:1.07;margin:14px 0 26px}
.beauty-home .hp-founder-teaser-content>p:not(.eyebrow){font-size:16px;line-height:1.75;max-width:520px;color:#644d5a}
.beauty-home .hp-founder-teaser .button{display:inline-block;margin-top:16px}
.beauty-home .hp-founder-teaser-art{background:radial-gradient(circle at 70% 20%,#a97882,transparent 45%),linear-gradient(140deg,#301926,#75425b);color:#f5dbc8;min-height:390px;position:relative;isolation:isolate;overflow:hidden}
.beauty-home .hp-founder-teaser-art:before{content:"";position:absolute;inset:-25% -35% -40% 5%;border-radius:50%;border:1px solid #e4c7b950;box-shadow:0 0 0 30px #e4c7b910,0 0 0 64px #e4c7b910,0 0 0 107px #e4c7b90e;transform:rotate(-18deg)}
.beauty-home .hp-founder-teaser-art>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:italic clamp(180px,24vw,310px)/1 Georgia,serif;color:#f4d8c7;text-shadow:0 20px 45px #22102088}
.beauty-home .hp-founder-teaser-art>small{position:absolute;left:28px;bottom:27px;font:700 10px/1.4 Arial,sans-serif;letter-spacing:.15em;color:#fbe4df}
@media(max-width:1000px){.beauty-about .hp-mission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .beauty-about .hp-about-hero{grid-template-columns:1fr}
 .beauty-about .hp-about-hero-copy{padding:53px 24px}
 .beauty-about .hp-about-hero h1{font-size:clamp(45px,11vw,62px)}
 .beauty-about .hp-about-hero-copy>p:not(.eyebrow){font-size:15px}
 .beauty-about .hp-founder-figure{padding:18px}
 .beauty-about .hp-founder-art{min-height:355px}
 .beauty-about .hp-founder-initial{font-size:240px}
 .beauty-about .hp-founder-letter{grid-template-columns:1fr;gap:15px;padding:65px 24px}
 .beauty-about .hp-founder-letter-body>p{font-size:15px}
 .beauty-about .hp-founder-letter h2{font-size:clamp(40px,10vw,54px)}
 .beauty-about .hp-founder-mission,.beauty-about .hp-about-boundary{padding:66px 24px}
 .beauty-about .hp-mission-grid{grid-template-columns:1fr}
 .beauty-about .hp-mission-grid article{padding:26px}
 .beauty-about .hp-mission-grid h3{margin-top:19px}
 .beauty-about .hp-about-links{align-items:stretch;flex-direction:column}
 .beauty-about .hp-about-links .button{text-align:center}
 .beauty-home .hp-founder-teaser{grid-template-columns:1fr}
 .beauty-home .hp-founder-teaser-content{padding:59px 24px}
 .beauty-home .hp-founder-teaser h2{font-size:clamp(42px,11vw,58px)}
 .beauty-home .hp-founder-teaser-art{min-height:280px}
 .beauty-home .hp-founder-teaser-art>span{font-size:210px}
}

/* Approved illustrated likeness based on founder-provided photographs. */
.beauty-about .hp-founder-art-photo:before,.beauty-about .hp-founder-art-photo:after,.beauty-home .hp-founder-teaser-portrait:before{display:none}
.beauty-about .hp-founder-portrait{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 33%;z-index:1}
.beauty-about .hp-founder-art-photo .hp-founder-art-top,.beauty-about .hp-founder-art-photo .hp-founder-art-bottom{color:#fffaf4;text-shadow:0 2px 18px #26131f}
.beauty-about .hp-founder-art-photo .hp-founder-art-bottom{font-size:clamp(20px,2vw,29px)}
.beauty-home .hp-founder-teaser-portrait>img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 36%}
.beauty-home .hp-founder-teaser-portrait>small{z-index:2;background:#26131fc9;padding:8px 10px;line-height:1.6;max-width:calc(100% - 56px)}

/* Keep the footer signoff readable over its dark background. */
.beauty-about .hp-site-signoff em{color:var(--hp-on-dark)}
