:root{--citron:#e6ee9c;--soft-green:#e9eee5}header{border-bottom:0}.editorial-hero{margin:0 3% 25px;border-radius:9px;overflow:hidden;background:#eae8dd;min-height:680px;grid-template-columns:1.08fr 1fr}.editorial-hero .hero-copy{padding:65px 9% 30px}.editorial-hero h1{font-size:clamp(58px,5.6vw,86px);letter-spacing:-2px;line-height:1.02;margin:35px 0}.editorial-hero h1 em{font-size:.72em;white-space:nowrap}.hero-buttons{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.hero-buttons .button{background:var(--citron);color:var(--ink);border-radius:50px;gap:25px}.hero-buttons .text-link{font-size:10px;margin:0}.editorial-index{margin-top:35px;font-size:8px;letter-spacing:2px}.editorial-hero .hero-foot{margin-top:33px}.founder-hero .hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 27%;animation:none}.founder-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(24,26,19,.6),transparent 50%);pointer-events:none}.portrait-grid{position:absolute;inset:13% 14% 38%;border:1px solid #ffffff70;z-index:1;pointer-events:none}.portrait-grid:before,.portrait-grid:after{content:'';position:absolute;background:#ffffff55}.portrait-grid:before{height:1px;left:-20px;right:-20px;top:50%}.portrait-grid:after{width:1px;top:-20px;bottom:-20px;left:50%}.founder-label{position:absolute;left:35px;bottom:137px;color:white;z-index:2}.founder-label>span{font-size:8px;letter-spacing:2px}.founder-label strong{display:block;font:35px/1.08 'Cormorant Garamond',Georgia,serif;margin:12px 0}.founder-label>a{font-size:10px;border-bottom:1px solid #ffffff70;padding-bottom:6px}.floating-product{position:absolute;bottom:26px;left:26px;right:26px;z-index:2;background:#f7f7eeeF;border-radius:8px;display:flex;gap:15px;padding:17px;align-items:center}.floating-product small{font-size:7px;letter-spacing:1.5px}.floating-product strong{font:23px Georgia,serif;display:block}.floating-product>span:last-child{margin-left:auto;border-radius:50%;background:var(--ink);color:white;width:35px;height:35px;display:grid;place-items:center;font-size:20px}.scan-symbol{font-size:40px;font-weight:400;line-height:1}.brand-strip{background:#e9eddc}.skin-studio{background:linear-gradient(130deg,#f6f7f0,#edf1e6)}.skin-studio .section-top{margin-bottom:40px}.skin-studio .section-top h2{font-size:60px}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.camera-panel{padding:22px;background:#fffefa;border:1px solid #d9e0d2;border-radius:22px}.camera-top{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1.3px;padding:0 4px 17px}.camera-top>span:last-child{color:#6b7759}.viewfinder{height:370px;background:radial-gradient(ellipse at 50% 30%,#eef1e9,#dfe5d8);position:relative;overflow:hidden;border-radius:14px}.viewfinder video,.viewfinder>img,.viewfinder canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.viewfinder video{transform:scaleX(-1)}.viewfinder canvas{pointer-events:none}.viewfinder [hidden]{display:none}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.face-outline{width:100px;height:130px;border:1px solid #93a18a;border-radius:50% 50% 45% 45%;display:grid;place-items:center;margin-bottom:22px;position:relative}.face-outline:before{content:'';position:absolute;inset:-12px;border:1px dashed #b4bea9;border-radius:50%}.face-outline span{font-size:40px;color:#899a75}.camera-placeholder h3{font-size:32px}.camera-placeholder p{font-size:11px;margin-top:12px}.viewfinder-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.6px;color:var(--ink);background:#f4f5e9d9;padding:7px}.camera-status{font-size:11px;min-height:38px;margin:17px 0 12px}.camera-actions{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.camera-actions .button{border-radius:50px;font-size:11px}.camera-actions .text-link{margin:0;font-size:10px}.photo-button{font-size:10px;cursor:pointer;border-bottom:1px solid var(--ink);padding-bottom:5px}.studio-privacy{font-size:9px;line-height:1.8;margin-top:17px}.studio-step{display:flex;align-items:center;gap:12px;margin:3px 0 25px}.studio-step>span{width:30px;height:30px;border:1px solid #b5bfa9;border-radius:50%;display:grid;place-items:center;font-size:9px}.studio-step p{font-size:8px;letter-spacing:1.6px;color:var(--ink)}fieldset{border:0;padding:0;margin:0 0 25px;min-width:0}legend{font:24px Georgia,serif;margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-grid label{position:relative}.choice-grid input{position:absolute;left:14px;top:20px;accent-color:var(--ink)}.choice-grid label>span{display:flex;flex-direction:column;padding:16px 12px 16px 37px;background:#fffefa;border:1px solid #d9dfd0;border-radius:10px;font-size:12px;cursor:pointer;transition:.2s}.choice-grid small{color:var(--muted);font-size:9px;margin-top:4px}.choice-grid input:checked+span{border-color:var(--ink);background:#e4ebd4}.choice-grid input:focus-visible+span{outline:2px solid var(--ink)}.goal-options{display:flex;gap:8px;flex-wrap:wrap}.goal-options label{display:flex;align-items:center;font-size:10px;gap:5px;border:1px solid #cbd4c1;border-radius:25px;padding:8px 10px;cursor:pointer}.goal-options input,.sensitivity input{accent-color:var(--ink)}.goal-options label:has(input:checked){background:var(--citron);border-color:var(--citron)}.sensitivity{display:flex;align-items:center;gap:10px;font-size:10px;margin:0 0 35px}.skin-form>.button{width:100%;background:var(--ink);border-radius:50px;justify-content:space-between}.form-note{font-size:9px;margin-top:15px;line-height:1.8}.skin-results{margin-top:50px;border-top:1px solid #ccd6c0;padding-top:35px}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.results-heading h2{font-size:40px;margin-top:12px}.result-pill{font-size:7px;letter-spacing:1px;padding:10px;border-radius:20px;border:1px solid #b8c4ac}.matching-note{font-size:11px;max-width:790px;line-height:1.9;margin:18px 0 25px}.recommendation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.recommendation-card{background:#fffefa;padding:22px;border-radius:14px;border:1px solid #d9dfd0}.recommendation-card img{width:100%;height:220px;object-fit:contain;mix-blend-mode:multiply;margin:15px 0}.recommendation-card h3{font:23px Georgia,serif}.recommendation-card>p:not(.eyebrow){font-size:11px;line-height:1.8;margin:12px 0;min-height:65px}.recommendation-card>div{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px}.recommendation-card>div a{border-bottom:1px solid var(--ink)}.recommendation-card>.add-button{margin-top:13px}.founder-section{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:75px 8%;background:#eee8dd;align-items:center}.founder-photo{position:relative;max-width:450px;justify-self:center}.founder-photo img{width:100%;height:560px;object-fit:cover;object-position:center 30%;border-radius:160px 160px 8px 8px}.founder-photo>span{position:absolute;bottom:16px;left:12px;right:12px;padding:10px;text-align:center;background:#fff8efdd;font-size:8px;letter-spacing:1.5px}.founder-copy h2{font-size:64px;margin:22px 0}.founder-copy>p:not(.eyebrow){max-width:380px;margin-bottom:18px;font-size:12px;line-height:1.9}.founder-signature{font:italic 33px Georgia,serif;margin-top:32px}.founder-signature span{display:block;font:8px 'Manrope',sans-serif;letter-spacing:3px;margin-top:9px}.button:disabled{opacity:.6;cursor:wait}.camera-actions [hidden]{display:none}.skin-studio:focus{outline:0}
@media(max-width:1050px){.editorial-hero{min-height:600px}.editorial-hero .hero-copy{padding:45px 7% 25px}.editorial-hero h1{font-size:64px}.studio-layout{gap:25px}.choice-grid label>span{font-size:11px;padding-left:32px}.choice-grid small{font-size:8px}.choice-grid input{left:10px}.founder-copy h2{font-size:52px}.founder-photo img{height:520px}.founder-section{padding:60px 6%}.recommendation-card{padding:16px}.recommendation-card img{height:170px}}
@media(max-width:760px){.editorial-hero{display:flex;flex-direction:column;margin:0 4% 18px;min-height:0;border-radius:9px}.editorial-hero .hero-copy{padding:35px 7% 30px}.editorial-hero h1{font-size:clamp(49px,12.5vw,66px);line-height:1.03;margin:25px 0;letter-spacing:-1.7px}.editorial-hero h1 em{white-space:normal;font-size:.78em}.editorial-hero .intro{font-size:11px}.hero-buttons{gap:20px;margin-top:24px}.hero-buttons .button{font-size:10px;padding:14px 18px}.hero-buttons .text-link{font-size:9px}.editorial-index{font-size:7px;margin-top:25px}.founder-hero{height:530px;width:100%;flex:none}.founder-hero .hero-photo{object-position:50% 25%;}.founder-label{left:25px;bottom:132px}.founder-label strong{font-size:33px}.floating-product{left:18px;right:18px;bottom:20px;padding:15px;gap:12px}.floating-product strong{font-size:21px}.floating-product small{font-size:6px}.portrait-grid{inset:9% 20% 37%}.skin-studio .section-top h2{font-size:44px}.studio-layout{grid-template-columns:1fr;gap:35px}.camera-panel{padding:17px;border-radius:18px;min-width:0}.viewfinder{height:350px}.camera-top{font-size:7px;letter-spacing:1px}.camera-actions .button{font-size:10px;padding:13px 18px}.camera-status{font-size:10px}.studio-privacy{font-size:8px}.skin-form{min-width:0}.choice-grid label>span{font-size:12px;padding:15px 10px 15px 34px}.choice-grid small{font-size:9px}.choice-grid input{left:10px;top:18px}.goal-options{flex-direction:column;align-items:flex-start}.goal-options label{width:100%;font-size:11px}.sensitivity{font-size:10px}.results-heading{align-items:start;flex-direction:column;gap:16px}.results-heading h2{font-size:35px}.result-pill{font-size:6px}.recommendation-grid{grid-template-columns:1fr}.recommendation-card{padding:22px}.recommendation-card img{height:220px}.recommendation-card>p:not(.eyebrow){min-height:0}.founder-section{grid-template-columns:1fr;padding:50px 6%;gap:35px}.founder-photo{width:100%;max-width:340px}.founder-photo img{height:460px}.founder-copy h2{font-size:55px}.founder-copy .eyebrow{font-size:8px}.founder-copy>p:not(.eyebrow){font-size:12px}.founder-copy .text-link{font-size:10px}.founder-signature{font-size:30px}}

.viewfinder>img{object-fit:contain}.founder-hero .hero-photo{object-position:50% 8%}.founder-photo img{object-position:center top}@media(max-width:760px){.founder-hero .hero-photo{object-position:50% 8%}}