/* Editorial photography, personal spaces, and a richer community. */
.studio-hero:has(.studio-photo){padding:0;grid-template-columns:1fr 1fr;border-radius:24px;background:#f1e5d7}
.studio-hero>div:first-child{padding:42px}
.studio-photo{border-radius:0!important;align-self:stretch}
.studio-photo>img{height:100%;min-height:530px;aspect-ratio:auto;object-fit:cover;object-position:center 35%}
.studio-photo .portrait-credit{background:#fff8eddd;padding:5px 8px;border-radius:6px}
.people-grid>a>img{display:block;width:100%;height:310px;object-fit:cover;object-position:center 28%;padding:0;border-radius:0}
.people-grid>a{box-shadow:none}
.product-card .product-photo-link img{object-fit:cover;padding:0;transition:transform .3s}
.product-card:hover .product-photo-link img{transform:scale(1.035)}
.product-card .product-image{aspect-ratio:1}
.product-detail-visual img{object-fit:cover}
.profile-editorial{display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden;border:1px solid #e8dbce;border-radius:24px;background:#f1e5d7;min-height:370px}
.profile-editorial>div{padding:42px}
.profile-editorial h1{font-size:clamp(38px,4.4vw,64px);line-height:1.05;letter-spacing:-2px;margin:18px 0;color:#3e2d23}
.profile-editorial h1 em{font-family:Georgia,serif;font-weight:400;color:#916548}
.profile-editorial p{max-width:390px;font-size:14px;color:#7d6959;line-height:1.8}
.profile-editorial>img{width:100%;height:100%;max-height:430px;object-fit:cover;object-position:50% 32%}
.profile-summary{display:flex;gap:22px;margin:24px 0;flex-wrap:wrap}
.profile-summary span{display:flex;flex-direction:column;font-size:10px;gap:5px;color:#846c59}
.profile-summary b{font-size:24px;font-weight:600;color:#513729}
.profile-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:34px 0 20px}
.profile-section-title h2{font-size:24px;margin-top:8px}
.profile-section-title p{color:#8a7665;font-size:12px}
#main .profile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#main .profile-tile{padding:0;overflow:hidden;border:1px solid #e5d8c9;border-radius:20px;background:#fffdf8;box-shadow:0 6px 22px #55372305;text-align:left;transition:transform .2s,border-color .2s}
#main .profile-tile:hover{transform:translateY(-3px);border-color:#b58c69}
#main .profile-tile.selected{border:2px solid #8f684c;box-shadow:none}
#main .profile-tile>[data-profile-select]{display:block;width:100%;padding:22px;text-align:left;background:none}
.profile-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:24px}
#main .profile-number{position:static;color:#aa8a70;font-size:9px;letter-spacing:1.3px}
.profile-badge{font-size:10px;background:#f1e6d8;color:#785236;padding:5px 8px;border-radius:20px}
#main .profile-grid .family-avatar{display:flex;align-items:center;justify-content:center;width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;border-radius:50%;font:500 28px Manrope;background:#ebd8c3!important;color:#6c4931;box-shadow:none;margin:0 0 18px}
#main .profile-grid .family-avatar img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;border-radius:50%;object-fit:cover}
#main .profile-tile h2{font-size:23px;margin:0 0 8px}
#main .profile-tile p{font-size:12px;color:#8b715c;line-height:1.6}
.profile-card-facts{display:grid;gap:10px;margin:22px 0;padding:16px 0;border-top:1px solid #eee1d1;border-bottom:1px solid #eee1d1;font-size:11px;color:#8b715c}
#main .profile-tile strong{display:flex;align-items:center;justify-content:space-between;color:#775035;font-size:12px}
#main .profile-tile>[data-profile-edit]{display:block;width:100%;padding:14px 22px;text-align:left;background:#f8f1e8;color:#8d6d53!important;font-size:11px}
#main .profile-tile.add{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:30px;background:#ede9de;border:1px dashed #c4b49e;gap:15px}
#main .profile-tile.add>span{width:48px;height:48px;display:grid;place-items:center;background:#fffbf3;border-radius:50%;font-size:25px;color:#927152}
#main .profile-tile.add h2{font-size:22px}
.profile-footnote{margin-top:24px;font-size:11px;color:#8e7b6b;line-height:1.7}
.avatar-picker button:nth-child(-n+3){background-image:none!important;font-size:26px}
.community-discover{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}
.community-discover article{padding:25px;border-radius:20px;border:1px solid #e5d5c1}
.community-weekly{background:#e9eadc;position:relative;overflow:hidden}
.community-weekly:after{content:'✦';position:absolute;right:18px;top:12px;font-size:70px;color:#bcbf9c;pointer-events:none}
.community-discover h2{font-size:23px;line-height:1.25;margin:13px 0 10px;position:relative;z-index:1}
.community-discover p{font-size:12px;line-height:1.8;max-width:370px;color:#7d725e}
.community-weekly>button{margin-top:18px;background:#596045;color:#fff;padding:11px 16px;border-radius:12px;font-weight:600;font-size:12px}
.community-topics{background:#fffaf2}
.community-topics>div{display:flex;gap:7px;flex-wrap:wrap;margin:17px 0}
.community-topics button{border:1px solid #dfc6a8;border-radius:30px;background:#f3e5d3;color:#825e3c;padding:8px 12px;font-size:12px}
.community-sort{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:10px 0;font-size:11px;color:#937354}
.community-sort select{padding:9px;border:1px solid #e6d0b5;border-radius:9px;background:#fff9ef;color:#765536;font:inherit}
.community-emoji-tools{display:flex;gap:5px}
.community-emoji-tools button{font-size:19px;width:34px;height:34px;border-radius:50%}
.community-emoji-tools button:hover{background:#f4e4cd;transform:scale(1.12)}
#community-root .community-save{font-size:11px;color:#8a6545;padding:9px;border:1px solid #e6d3bb;border-radius:9px}
#community-root .community-save[aria-pressed=true]{background:#efe0b9;color:#6a5129}
#community-root .community-post>footer{flex-wrap:wrap}
#community-root .community-hero-art{object-position:50% 25%;border-radius:18px}
#community-root .community-hero{background:#eee4d8}
html[data-theme=dark] .profile-editorial{background:#392b20;border-color:#66513e}
html[data-theme=dark] #main .profile-tile,html[data-theme=dark] .community-discover article{background:#34291f!important;border-color:#68513b!important}
html[data-theme=dark] #main .profile-tile>[data-profile-edit]{background:#433020;color:#e7c8a4!important}
html[data-theme=dark] .profile-summary b,html[data-theme=dark] #main .profile-tile strong{color:#e7c29b}
@media(max-width:1100px){#main .profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editorial>div{padding:28px}.profile-editorial h1{font-size:42px}.community-discover{grid-template-columns:1fr}.studio-hero:has(.studio-photo){grid-template-columns:1fr}.studio-photo>img{height:380px;min-height:0;object-position:center 28%}}
@media(max-width:640px){.profile-editorial{grid-template-columns:1fr}.profile-editorial>div{padding:28px 23px}.profile-editorial>img{height:200px;object-position:50% 28%}.profile-editorial h1{font-size:44px}.profile-summary{gap:25px}.profile-section-title{display:block}.profile-section-title p{margin-top:8px}#main .profile-grid{grid-template-columns:1fr}.studio-hero>div:first-child{padding:28px 24px}.studio-photo>img{height:350px}.people-grid>a>img{height:300px;max-height:none}.community-discover article{padding:22px}.community-discover h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){#main .profile-tile:hover,.community-emoji-tools button:hover{transform:none}}
/* Protective styles guide */
.protective-guide{display:grid;grid-template-columns:minmax(0,1fr) 1.5fr;gap:24px;margin:28px 0;padding:28px;border:1px solid #e6d6c3;border-radius:22px;background:#fffaf2}
.protective-guide h2,.protective-routine h2{font-size:25px;line-height:1.2;margin:10px 0}
.protective-guide p{max-width:420px;color:#816c59;line-height:1.75;font-size:13px}
.protective-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.protective-checks article{display:flex;flex-direction:column;gap:8px;padding:15px;border-radius:15px;background:#f1e4d4}
.protective-checks b{font-size:10px;color:#a3714c;letter-spacing:1px}.protective-checks strong{font-size:13px;color:#5d3d28}.protective-checks span{font-size:11px;line-height:1.55;color:#806b58}
.protective-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 18px}.protective-filters button{padding:10px 14px;border:1px solid #e5d3bd;border-radius:30px;background:#fffaf2;color:#805a3d;font-size:11px}.protective-filters button.active{background:#70452e;border-color:#70452e;color:#fff8ed}
.protective-recommendation{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:20px 24px;border-radius:18px;background:#e9eadc;border:1px solid #d8d8bd}.protective-recommendation h2{font-size:20px;margin:7px 0}.protective-recommendation p{font-size:12px;color:#6f705d;line-height:1.6;max-width:650px}.protective-recommendation .text-link{white-space:nowrap;color:#705536!important}
.style-card-actions{display:flex;align-items:center;justify-content:space-between;min-height:30px}.style-card-actions label{font-size:10px;color:#85684f;display:flex;gap:5px;align-items:center}.style-card-actions input{accent-color:#70452e}.style-favorite{font-size:21px;color:#9a6c49;padding:4px 8px;border-radius:8px}.style-favorite.saved{background:#efe0b9;color:#70452e}.style-compare-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:12px;background:#70452e;color:#fff7eb;margin:14px 0}.style-compare-bar[hidden]{display:none}.style-compare-bar .primary-button{background:#fff7eb!important;color:#70452e!important;padding:9px 12px;font-size:11px}.style-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.style-detail-actions button{font-size:11px;padding:10px 12px}.style-tracking-note{font-size:11px;color:#805a3d;background:#f2e6d4;border-radius:10px;padding:10px}.style-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.style-comparison article{padding:15px;border:1px solid #e5d5c2;border-radius:14px;background:#fffaf2}.style-comparison h3{font-size:15px}.style-comparison p{font-size:11px;line-height:1.5;color:#806c58}.style-comparison dl{font-size:11px;line-height:1.5}.style-comparison dt{font-weight:700;color:#9a724f;margin-top:8px}.style-comparison dd{margin:0;color:#60432c}.style-comparison .primary-button{padding:9px 11px;font-size:10px;margin-top:12px}
.style-tags{display:flex;gap:5px;flex-wrap:wrap;margin:14px 0}.style-tags span{padding:5px 8px;border-radius:20px;background:#f3e5d5;color:#896548;font-size:9px}.ritual-card[hidden]{display:none}
.protective-routine{display:grid;grid-template-columns:.7fr 1.5fr;gap:26px;margin:30px 0;padding:28px;border-radius:22px;background:#ede9dd;border:1px solid #ddd5c3}.protective-routine ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0}.protective-routine li{display:flex;flex-direction:column;gap:8px}.protective-routine li strong{color:#68482f;font-size:13px}.protective-routine li span{font-size:11px;line-height:1.6;color:#7f705e}
.style-detail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.style-detail-summary span{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:12px;background:#f4e8d9;color:#80634a;font-size:10px}.style-detail-summary b{color:#604029;font-size:11px}
html[data-theme=dark] .protective-guide,html[data-theme=dark] .protective-routine{background:#33281e;border-color:#644c36}html[data-theme=dark] .protective-checks article,html[data-theme=dark] .style-detail-summary span{background:#493424}html[data-theme=dark] .protective-guide h2,html[data-theme=dark] .protective-routine h2,html[data-theme=dark] .protective-checks strong,html[data-theme=dark] .style-detail-summary b{color:#f0d8bc}html[data-theme=dark] .protective-guide p,html[data-theme=dark] .protective-checks span,html[data-theme=dark] .protective-routine li span{color:#d4bda2}
@media(max-width:800px){.protective-guide,.protective-routine{grid-template-columns:1fr}.protective-checks,.protective-routine ol{grid-template-columns:1fr}.style-detail-summary{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.protective-guide,.protective-routine{padding:20px}.style-detail-summary,.style-comparison{grid-template-columns:1fr}.protective-recommendation{display:block;padding:18px}.protective-recommendation .text-link{display:inline-block;margin-top:10px}}
.profile-editorial .text-link{color:#825d40!important}
html[data-theme=dark] .profile-editorial .text-link{color:#e8bd90!important}
.skip-link:not(:focus){clip-path:inset(100%);pointer-events:none}
.skip-link:focus{clip-path:none;pointer-events:auto}
#toast{background:#64432f;color:#fff7ed}
.protective-community{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:24px 26px;margin:20px 0;border-radius:18px;background:linear-gradient(120deg,#f2e2c9,#ead8c5);color:#513623}.protective-community h2{margin:5px 0 7px;font-size:22px}.protective-community p{margin:0;color:#765842}.protective-community .secondary-button{white-space:nowrap;background:#70452e;color:#fff7eb;border:0}
@media(max-width:640px){.protective-community{display:block;padding:20px}.protective-community .secondary-button{display:inline-flex;margin-top:16px}}
.routine-product-section{margin:38px 0 18px;padding:28px;border:1px solid #e6ddd0;border-radius:24px;background:linear-gradient(145deg,#fbf8f1,#f6f0e5)}.routine-products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:21px}.routine-products-heading .eyebrow{font-size:10px;letter-spacing:.15em;color:#99764f}.routine-products-heading h2{max-width:600px;margin:8px 0 6px;font:500 clamp(24px,3vw,34px)/1.15 Georgia,serif;letter-spacing:-.025em;color:#433a2e}.routine-products-heading p{max-width:590px;margin:0;color:#817365;font-size:13px;line-height:1.6}.routine-shop-link{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;padding:11px 14px;border:1px solid #d6c8b3;border-radius:999px;color:#71543a!important;font-size:11px;font-weight:700;text-decoration:none}.routine-shop-link span{font-size:16px;transition:transform .2s}.routine-shop-link:hover span{transform:translate(2px,-2px)}.routine-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.routine-product{min-width:0;overflow:hidden;border:1px solid #e7dfd5;border-radius:18px;background:#fffdf9;box-shadow:0 8px 24px #4937210a;transition:transform .2s,box-shadow .2s}.routine-product:hover{transform:translateY(-3px);box-shadow:0 13px 28px #49372115}.routine-product-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.65;background:#eee8dc}.routine-product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.routine-product:hover .routine-product-image img{transform:scale(1.035)}.routine-product-number{position:absolute;left:12px;top:12px;display:grid;width:31px;height:31px;place-items:center;border:1px solid #ffffffa8;border-radius:50%;background:#fffaf0df;color:#694e34;font:12px Georgia,serif}.routine-product-body{padding:16px}.routine-product-role{display:inline-flex;max-width:100%;padding:6px 9px;border-radius:999px;background:#f1eadc;color:#826747;font-size:10px;line-height:1.3}.routine-product-body h3{margin:11px 0 3px;font:500 19px/1.25 Georgia,serif;color:#41372d}.routine-product-body h3 a{color:inherit!important;text-decoration:none}.routine-product-body h3 a:hover{text-decoration:underline;text-underline-offset:3px}.routine-product-brand{margin:0;color:#998e82;font-size:10px;letter-spacing:.03em}.routine-product-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid #eee8df}.routine-product-footer>strong{font-size:14px;color:#493d31}.routine-product-details{color:#816440!important;font-size:10px;font-weight:700;text-decoration:none}.routine-product-details span{margin-left:4px;font-size:14px}.routine-add-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;margin-top:12px;padding:10px 12px;border:0;border-radius:11px;background:#566046;color:#fffdf5;font:600 11px/1.2 Manrope,sans-serif;cursor:pointer}.routine-add-button:hover{background:#414a34}.routine-add-button span{font-size:17px;line-height:12px}.routine-products-empty{padding:20px;border:1px dashed #cfc4b5;border-radius:14px;color:#786c5d;font-size:13px}.routine-product-section .notice{margin-top:20px}@media(max-width:850px){.routine-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.routine-products-heading{align-items:flex-start;flex-direction:column}.routine-shop-link{align-self:flex-end}}@media(max-width:560px){.routine-product-section{margin:25px -4px;padding:19px 15px;border-radius:19px}.routine-product-grid{grid-template-columns:1fr;gap:12px}.routine-product{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:stretch}.routine-product-image{height:100%;min-height:185px;aspect-ratio:auto}.routine-product-body{padding:13px 12px}.routine-product-body h3{font-size:16px}.routine-product-footer{margin-top:10px;padding-top:9px}.routine-add-button{min-height:38px;margin-top:9px;padding:8px 10px;font-size:10px}.routine-products-heading h2{font-size:25px}.routine-shop-link{align-self:flex-start}}html[data-theme=dark] .routine-product-section{background:#24262a;border-color:#49484b}html[data-theme=dark] .routine-product{background:#2b2b30;border-color:#4a4849}html[data-theme=dark] .routine-products-heading h2,html[data-theme=dark] .routine-product-body h3,html[data-theme=dark] .routine-product-footer>strong{color:#f5eee3}html[data-theme=dark] .routine-products-heading p,html[data-theme=dark] .routine-product-brand,html[data-theme=dark] .routine-products-empty{color:#c4b8a8}html[data-theme=dark] .routine-product-role{background:#41403a;color:#e9d5b9}html[data-theme=dark] .routine-product-footer{border-color:#49474a}html[data-theme=dark] .routine-shop-link{border-color:#625747;color:#ead5b7!important}