/* skincare — beauty-magazine editorial: Cormorant Garamond display + Karla, rose on cream. */
:root{--skin-bg:#faf6f0;--skin-surface:#fffdf9;--skin-ink:#2b2420;--skin-muted:#776c63;--skin-line:#e6dcd0;--skin-accent:#9c4a3c;--skin-accent-2:#c98a6e;--skin-soft:#f6e8e0;--skin-shell:1140px;--skin-radius:2px;--skin-display:"Cormorant Garamond",Georgia,serif;--skin-body:"Karla",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--skin-bg);color:var(--skin-ink);font-family:var(--skin-body);font-size:16px;line-height:1.7;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}img,svg,video{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit}a{color:var(--skin-accent);text-underline-offset:.2em}a:hover{color:#7c3a2e}h1,h2,h3,h4{margin:0;line-height:1.12;letter-spacing:-.005em}h1,h2{font-family:var(--skin-display);font-weight:600}h1{font-size:clamp(2.5rem,5.4vw,4rem)}h2{font-size:clamp(1.7rem,3.2vw,2.5rem)}h3{font-family:var(--skin-body);font-weight:700;font-size:1.12rem;letter-spacing:-.01em}p{margin:0}
.skin-shell{width:min(calc(100% - 44px),var(--skin-shell));margin-inline:auto}
.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:9px 13px;background:#2b2420;color:#fff;transform:translateY(-160%)}.skip-link:focus{transform:none}
.skin-sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid #1d7a70;outline-offset:3px}
/* header */
.skin-header{position:relative;border-bottom:1px solid var(--skin-line);background:rgba(250,246,240,.97)}.skin-header::after{content:"";position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:72px;height:3px;background:var(--skin-accent)}
.skin-header__inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.skin-brand{display:grid;color:var(--skin-ink);text-decoration:none;line-height:1.18;text-align:left}
.skin-brand strong{font-family:var(--skin-display);font-size:1.5rem;font-weight:700}
.skin-brand span{margin-top:3px;color:var(--skin-muted);font-size:.72rem;font-weight:650;letter-spacing:.22em;text-transform:uppercase}
.skin-nav{display:flex;gap:6px}.skin-nav a{padding:8px 14px;color:var(--skin-ink);font-size:.86rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color .16s ease}.skin-nav a:hover{color:var(--skin-accent)}
.skin-menu{display:none;padding:8px 13px;border:1px solid var(--skin-line);border-radius:999px;background:var(--skin-surface)}
/* hero */
.skin-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--skin-accent);font-size:.72rem;font-weight:750;letter-spacing:.24em;text-transform:uppercase}.skin-label::before,.skin-label::after{content:"";width:22px;height:1px;background:var(--skin-accent-2)}
.skin-intro{max-width:920px;padding-block:88px 70px;text-align:center}
.skin-intro h1 em{font-style:italic;color:var(--skin-accent)}
.skin-intro>p:not(.skin-label){max-width:660px;margin:22px auto 0;color:var(--skin-muted);font-size:1.1rem}
.skin-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:30px}
.skin-button{display:inline-flex;min-height:46px;align-items:center;padding:11px 24px;border:1px solid var(--skin-ink);border-radius:999px;background:var(--skin-ink);color:#faf6f0;font-size:.84rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform .16s ease,background .16s ease}.skin-button:hover{background:var(--skin-accent);border-color:var(--skin-accent);color:#fff;transform:translateY(-1px)}
.skin-button--ghost{background:transparent;color:var(--skin-ink)}.skin-button--ghost:hover{background:var(--skin-soft)}
.skin-arrow-link{display:inline-block;margin-top:14px;font-size:.9rem;font-weight:700}
/* feature */
.skin-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.65fr);gap:46px;margin-bottom:76px;padding:36px;border-block:1px solid var(--skin-line);background:var(--skin-surface);box-shadow:0 1px 0 var(--skin-line),0 22px 44px -34px rgba(80,50,40,.28)}
.skin-feature h2 a{color:var(--skin-ink);text-decoration:none}.skin-feature h2 a:hover{color:var(--skin-accent)}
.skin-feature>div>p:not(.skin-label){max-width:720px;margin-top:16px;color:var(--skin-muted)}
.skin-feature aside{padding-left:26px;border-left:1px solid var(--skin-accent-2)}
.skin-feature aside p{margin-top:8px;color:var(--skin-muted);font-size:.9rem}
/* story grid */
.skin-latest,.skin-content,.skin-topic-index{padding-bottom:78px}
.skin-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}
.skin-section-head>a{font-size:.82rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.skin-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.skin-story{display:grid;align-content:start;padding:26px;border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:var(--skin-surface);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.skin-story:hover{transform:translateY(-3px);border-color:var(--skin-accent-2);box-shadow:0 18px 36px -26px rgba(80,50,40,.32)}
.skin-story h3 a{color:var(--skin-ink);text-decoration:none}.skin-story h3 a:hover{color:var(--skin-accent);text-decoration:underline;text-underline-offset:.16em}
.skin-story__summary{margin-top:10px;color:var(--skin-muted);font-size:.93rem}
.skin-story time{font-variant-numeric:tabular-nums}
/* topics band */
.skin-topics{padding-block:66px 76px;border-block:1px solid var(--skin-line);background:#f3ece3}
.skin-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.skin-index-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:11px 15px;border:1px solid var(--skin-line);border-radius:2px;background:var(--skin-surface);color:var(--skin-ink);font-size:.92rem;text-decoration:none;transition:border-color .16s ease,background .16s ease}
.skin-index-entry:hover{border-color:var(--skin-accent);background:#fff}
.skin-index-entry small{flex:0 0 auto;color:var(--skin-muted);font-size:.75rem}
.skin-index-list{display:grid;gap:7px}
.skin-empty{padding:20px 0;color:var(--skin-muted)}
/* interior heads */
.skin-page-head{max-width:920px;padding-block:60px 42px}
.skin-page-head h1 em{font-style:italic;color:var(--skin-accent)}
.skin-page-head>p:not(.skin-label,.skin-note){max-width:720px;margin-top:18px;color:var(--skin-muted);font-size:1.04rem}
.skin-crumbs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px;color:var(--skin-muted);font-size:.82rem}
.skin-crumbs a{color:var(--skin-muted);text-decoration:none;border-bottom:1px solid var(--skin-line)}.skin-crumbs a:hover{color:var(--skin-accent);border-color:var(--skin-accent)}
.skin-blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:46px;padding-bottom:78px}
.skin-blog-layout>aside{align-self:start;padding:22px;border:1px solid var(--skin-line);background:var(--skin-surface)}
.skin-blog-layout>aside h2{margin-bottom:16px;font-family:var(--skin-body);font-size:.86rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}
.skin-topic-meta{display:flex;flex-wrap:wrap;gap:14px 36px;margin:26px 0 0}
.skin-topic-meta div{display:grid}.skin-topic-meta dt{color:var(--skin-muted);font-size:.7rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}.skin-topic-meta dd{margin:3px 0 0;font-weight:700;text-transform:capitalize}
.skin-collection-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px;padding-bottom:16px;border-bottom:1px solid var(--skin-accent-2)}
.skin-collection-tabs a{padding:8px 15px;border:1px solid var(--skin-line);border-radius:999px;background:var(--skin-surface);color:var(--skin-ink);font-size:.84rem;font-weight:650;text-decoration:none;transition:all .16s ease}
.skin-collection-tabs a:hover{border-color:var(--skin-accent);color:var(--skin-accent)}
.skin-collection-tabs small{color:var(--skin-muted)}
.skin-pager{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin-top:36px;padding-top:24px;border-top:1px solid var(--skin-line);font-size:.88rem;font-weight:650}
.skin-pager>:last-child{text-align:right}.skin-pager span[aria-disabled=true]{color:#ab9f95}
/* article */
.skin-article-head{max-width:900px;padding-block:56px 42px;border-bottom:1px solid var(--skin-accent-2)}
.skin-deck{max-width:740px;margin-top:22px;color:var(--skin-muted);font-family:var(--skin-display);font-size:1.32rem;font-style:italic;line-height:1.5}
.skin-byline{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:24px;color:var(--skin-muted);font-size:.84rem;font-variant-numeric:tabular-nums}
.skin-byline time{color:var(--skin-ink);font-weight:650}
.skin-article-layout,.skin-record-layout{display:grid;grid-template-columns:minmax(0,720px) 285px;justify-content:space-between;gap:54px;padding-block:48px 72px}
.skin-prose{min-width:0;font-size:1.03rem;line-height:1.82}
.skin-prose>:first-child{margin-top:0}
.skin-prose h2{margin:2em 0 .7em;font-size:1.75rem}
.skin-prose h3{margin:1.65em 0 .55em;font-family:var(--skin-body);font-size:1.18rem}
.skin-prose p{margin:0 0 1.2em}
.skin-prose ul,.skin-prose ol{padding-left:1.4em}
.skin-prose li+li{margin-top:.4em}
.skin-prose table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.95rem}
.skin-prose th,.skin-prose td{padding:9px 11px;border:1px solid var(--skin-line);text-align:left}
.skin-prose th{background:var(--skin-soft);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.skin-prose blockquote{margin:1.6em 0;padding-left:20px;border-left:2px solid var(--skin-accent-2);color:var(--skin-muted);font-family:var(--skin-display);font-size:1.12em;font-style:italic}
.skin-article-layout>aside,.skin-record-layout>aside{align-self:start;padding:22px;border:1px solid var(--skin-line);background:var(--skin-surface);font-size:.9rem}
.skin-article-layout>aside h2,.skin-record-layout>aside h2{margin-bottom:14px;font-family:var(--skin-body);font-size:.82rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}
.skin-record-layout>aside h2:not(:first-child){margin-top:24px}
.skin-note{margin-top:18px;padding:14px;border-left:2px solid var(--skin-accent);background:var(--skin-soft);color:#704740;font-size:.87rem}
.skin-source{margin-top:42px;padding:22px;border:1px solid var(--skin-line);background:var(--skin-soft)}
.skin-source p{margin:6px 0;color:var(--skin-muted);font-size:.9rem}
.skin-related{padding-bottom:78px}
.skin-author{padding-block:58px 42px}
.skin-author__intro{display:flex;align-items:center;gap:24px;max-width:800px}
.skin-author__intro img,.skin-avatar{width:86px;height:86px;flex:0 0 86px;border-radius:50%;object-fit:cover}
.skin-avatar{display:grid;place-items:center;background:var(--skin-soft);border:1.5px solid var(--skin-accent-2);color:var(--skin-accent);font-family:var(--skin-display);font-size:2rem;font-weight:700}
.skin-author__intro p:not(.skin-label){margin-top:8px;color:var(--skin-muted)}
/* records */
.skin-record--product .skin-page-head{padding-left:26px;border-left:3px solid var(--skin-accent)}
.skin-record--compare .skin-page-head{border-bottom:3px double var(--skin-accent)}
.skin-record dl{margin:0}.skin-record dl div{padding:10px 0;border-bottom:1px solid var(--skin-line)}
.skin-record dt{color:var(--skin-muted);font-size:.7rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.skin-record dd{margin:3px 0 0}
.skin-asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.skin-asset,.skin-comparison-list article{padding:22px;border:1px solid var(--skin-line);border-radius:var(--skin-radius);background:var(--skin-surface);transition:transform .18s ease,box-shadow .18s ease}
.skin-asset:hover,.skin-comparison-list article:hover{transform:translateY(-2px);box-shadow:0 16px 30px -24px rgba(80,50,40,.35)}
.skin-asset h3,.skin-comparison-list h2{font-size:1.1rem}
.skin-asset h3 a,.skin-comparison-list h2 a{color:var(--skin-ink);text-decoration:none}.skin-asset h3 a:hover,.skin-comparison-list h2 a:hover{color:var(--skin-accent)}
.skin-asset>p:not(.skin-label),.skin-comparison-list article>p:not(.skin-label){margin-top:9px;color:var(--skin-muted);font-size:.9rem}
.skin-asset>small,.skin-comparison-list small{display:block;margin-top:12px;color:var(--skin-muted);font-style:italic}
.skin-comparison-list{display:grid;gap:14px}.skin-comparison-list article{border-left:3px solid var(--skin-accent)}
.skin-faq-list{display:grid;gap:10px}
.skin-faq-list details{border:1px solid var(--skin-line);background:var(--skin-surface);transition:border-color .16s ease}
.skin-faq-list details[open]{border-color:var(--skin-accent)}
.skin-faq-list summary{padding:17px 20px;cursor:pointer;font-weight:700}
.skin-faq-list summary:hover{color:var(--skin-accent)}
.skin-faq-list details>div{padding:0 20px 20px;color:var(--skin-muted)}
/* article assets band */
.skin-article-assets{padding:66px max(22px,calc((100vw - var(--skin-shell))/2));border-block:1px solid var(--skin-line);background:#f3ece3}
.skin-article-assets__head{max-width:780px;margin-bottom:30px}
.skin-article-assets__head h2 br{display:none}
.skin-article-assets__head>p:last-child{margin-top:10px;color:var(--skin-muted)}
.skin-takeaway,.skin-care-note{margin:20px 0 32px;padding:20px;border-left:3px solid var(--skin-accent);background:var(--skin-surface)}
.skin-takeaway>span{font-size:.72rem;font-weight:750;letter-spacing:.12em;color:var(--skin-accent);text-transform:uppercase}
.skin-asset-section{margin-top:38px}
.skin-asset-section>header{display:flex;gap:14px;margin-bottom:18px}
.skin-asset-section>header>span{display:none}
.skin-cabinet-grid,.skin-support-grid,.skin-evidence-grid,.skin-compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.skin-cabinet-card,.skin-support-note,.skin-evidence-grid article,.skin-evidence-grid blockquote,.skin-compare-cards article{margin:0;padding:20px;border:1px solid var(--skin-line);background:var(--skin-surface)}
.skin-cabinet-card h4,.skin-support-note h4,.skin-evidence-grid h4{margin-bottom:9px}
.skin-cabinet-card>p,.skin-support-note>div,.skin-evidence-grid p{color:var(--skin-muted)}
.skin-cabinet-card ol{padding:0;list-style:none}
.skin-cabinet-card li{padding:7px 0;border-bottom:1px solid var(--skin-line)}
.skin-cabinet-card li span{margin-right:8px;color:var(--skin-accent);font-size:.75rem}
.skin-support-source{display:block;margin-top:10px;color:var(--skin-muted);font-size:.78rem}
.skin-compare-cards article>div{display:none}
.skin-inline-faq{display:grid;gap:9px}
.skin-inline-faq details{border:1px solid var(--skin-line);background:var(--skin-surface)}
.skin-inline-faq summary{padding:15px;cursor:pointer;font-weight:700}
.skin-inline-faq details>div{padding:0 15px 16px}
.skin-evidence-grid blockquote>span{display:none}
/* footer */
.skin-footer{padding-block:40px 26px;border-top:1px solid var(--skin-line);background:var(--skin-surface)}
.skin-footer__main{display:grid;grid-template-columns:1.25fr .55fr 1fr;gap:38px}
.skin-footer strong{font-family:var(--skin-display);font-size:1.2rem}
.skin-footer p{margin-top:7px;color:var(--skin-muted);font-size:.84rem}
.skin-footer nav{display:grid;align-content:start;gap:6px}
.skin-footer nav a{text-decoration:none;color:var(--skin-ink);font-weight:650}.skin-footer nav a:hover{color:var(--skin-accent)}
.skin-footer__line{margin-top:25px;padding-top:17px;border-top:1px solid var(--skin-line);color:var(--skin-muted);font-size:.78rem}
/* index cards */
.skin-index-card{overflow:hidden;border:1px solid var(--skin-line);border-radius:2px;background:var(--skin-surface)}
.skin-index-card .skin-index-entry{border:0;border-radius:0}
.skin-index-card__links{display:flex;flex-wrap:wrap;gap:6px 14px;padding:9px 14px;border-top:1px solid var(--skin-line);background:var(--skin-soft)}
.skin-index-card__links a{font-size:.78rem;font-weight:700;text-decoration:none}
.skin-index-card__links a:hover{text-decoration:underline}
/* responsive */
@media(max-width:860px){.skin-feature,.skin-blog-layout,.skin-article-layout,.skin-record-layout{grid-template-columns:1fr;gap:30px}.skin-feature aside{border-left:0;border-top:1px solid var(--skin-line);padding:20px 0 0}.skin-blog-layout>aside,.skin-article-layout>aside,.skin-record-layout>aside{order:-1}.skin-index-grid,.skin-asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skin-footer__main{grid-template-columns:1fr 1fr}.skin-footer__main>p{grid-column:1/-1}}
@media(max-width:620px){.skin-shell{width:min(calc(100% - 28px),var(--skin-shell))}.skin-header__inner{min-height:68px}.skin-brand span{display:none}.skin-menu{display:inline-flex}.skin-nav{display:none;position:absolute;z-index:20;top:68px;left:14px;right:14px;padding:10px;border:1px solid var(--skin-line);background:var(--skin-surface);box-shadow:0 12px 28px rgba(50,35,30,.12)}.skin-nav.is-open{display:grid}.skin-nav a{padding:10px}.skin-intro{padding-block:52px}.skin-feature{margin-bottom:52px;padding:24px}.skin-story-grid,.skin-index-grid,.skin-asset-grid,.skin-cabinet-grid,.skin-support-grid,.skin-evidence-grid,.skin-compare-cards{grid-template-columns:1fr}.skin-page-head{padding-block:40px 30px}.skin-pager{grid-template-columns:1fr 1fr}.skin-pager>span:not([aria-disabled]){grid-column:1/-1;grid-row:1;text-align:center}.skin-author__intro{align-items:flex-start}.skin-author__intro img,.skin-avatar{width:64px;height:64px;flex-basis:64px}.skin-article-head{padding-block:38px 30px}.skin-article-layout,.skin-record-layout{padding-block:32px 52px}.skin-article-assets{padding-inline:14px}.skin-footer__main{grid-template-columns:1fr;gap:22px}.skin-footer__main>p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* reveal */
@keyframes skin-fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.skin-intro>*,.skin-feature{animation:skin-fade .55s ease both}
.skin-feature{animation-delay:.1s}