@charset "UTF-8";
:root{--ink:#252e2c;--wine:#334c49;--muted:#626b68;--line:#dce2df;--paper:#fff;--pink:#f2f5f4;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--wine)}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #577872;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.12}h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.055em}h2{font-size:clamp(2rem,3.7vw,3rem);letter-spacing:-.035em}h3{font-size:1.85rem;letter-spacing:-.025em}.wrap{width:min(var(--max),calc(100% - 88px));margin:auto}.skip{position:absolute;left:20px;top:-70px;background:white;z-index:5;padding:10px}.skip:focus{top:10px}.topline{text-align:center;background:var(--wine);color:white;padding:8px 15px;font-size:.75rem;letter-spacing:.13em}.header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand{font:700 2rem/1 Georgia,serif;letter-spacing:-.055em;text-decoration:none}.brand span{font-style:italic;font-weight:400}.nav{display:flex;gap:30px;align-items:center;flex-wrap:wrap}.nav a{font-size:.875rem;text-decoration:none}.nav a[aria-current=page]{color:var(--wine);text-decoration:underline}.label{font-size:.75rem;font-weight:650;letter-spacing:.15em;text-transform:uppercase;color:var(--wine)}.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center;padding:52px 0 58px}.hero-copy{padding:16px 0}.hero h1{margin:20px 0 24px}.hero h1 em{color:var(--wine);font-weight:400}.hero p{max-width:390px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--wine);color:#fff;text-decoration:none;padding:15px 24px;font-size:.875rem;min-height:50px;border:1px solid var(--wine)}.button:hover{color:white;background:#253b38}.hero .button{margin-top:30px}.hero-image{position:relative;background:var(--pink);min-height:420px}.hero-image img{height:520px;object-fit:cover}.image-note{font-size:.75rem;color:var(--muted);margin-top:8px}.hero-caption{display:flex;justify-content:space-between;gap:15px;margin-top:12px;font-size:.8125rem}.hero-caption a{text-decoration:none}.section{padding:52px 0 60px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:30px}.section-heading p{font-size:.875rem;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{text-decoration:none;display:block}.card figure{overflow:hidden;background:var(--pink);margin-bottom:20px}.card img{aspect-ratio:4/4.3;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.025)}.card .label{display:block;margin-bottom:9px}.card :is(h2,h3){font-size:1.85rem;letter-spacing:-.025em;margin-bottom:12px}.card p{font-size:.9375rem;color:var(--muted);line-height:1.6}.card .read{display:block;margin-top:18px;font-size:.875rem;color:var(--wine)}.browse{background:var(--pink);padding:48px;margin-bottom:56px}.browse h2{margin-bottom:24px}.category-links{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-links a{border-top:1px solid #c5d1cc;padding:18px 0 0;display:flex;justify-content:space-between;text-decoration:none;font-size:1rem}.footer{border-top:1px solid var(--line);padding:32px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer p{font-size:.8125rem;color:var(--muted)}.footer .brand{font-size:1.5rem}.breadcrumb{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.8125rem;margin:30px 0}.breadcrumb a{text-decoration:none}.article-heading{max-width:850px;margin:48px auto 32px;text-align:center}.article-heading h1{font-size:clamp(2.6rem,5.5vw,4.7rem);margin:16px 0 20px}.article-heading .deck{color:var(--muted);font-size:1.125rem;max-width:700px;margin:auto}.article-meta{margin-top:20px;font-size:.8125rem;color:var(--muted)}.article-hero{max-width:1000px;margin:36px auto 0}.article-hero img{aspect-ratio:3/2;object-fit:cover;max-height:620px}.article-hero figcaption{font-size:.75rem;color:var(--muted);margin-top:10px}.article-grid{display:grid;grid-template-columns:210px minmax(0,710px);gap:65px;justify-content:center;margin:48px 0 64px}.toc{align-self:start;position:sticky;top:25px}.toc p{margin-bottom:15px}.toc a{display:block;font-size:.875rem;text-decoration:none;padding:8px 0;color:var(--muted);border-bottom:1px solid var(--line)}.article-body{min-width:0}.article-body>p{margin-bottom:24px}.article-section{padding-top:10px;margin-bottom:35px;scroll-margin-top:25px}.article-section h2{font-size:2rem;margin-bottom:18px}.article-section p{margin-bottom:16px}.article-section ul{padding-left:22px;margin:14px 0 20px}.article-section li{padding-left:5px;margin-bottom:8px}.palette{display:flex;gap:8px;margin:20px 0 0}.swatch{flex:1}.swatch i{display:block;height:34px;background:var(--swatch);border:1px solid #00000016}.swatch span{font-size:.75rem;color:var(--muted)}.article-cta{background:var(--pink);padding:30px;margin:36px 0}.article-cta h2{font-size:1.8rem;margin-bottom:12px}.article-cta p{margin-bottom:18px}.article-cta a{color:var(--wine);font-size:.9375rem}.category-heading{padding:52px 0 45px;max-width:780px}.category-heading h1{margin:15px 0 20px}.category-heading p{color:var(--muted)}.empty{padding:35px;background:var(--pink)}.error{padding:90px 0;min-height:65vh}.error p{margin:25px 0}.ad-slot:empty,.affiliate-slot:empty{display:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card img{transition:none}}@media(min-width:1600px){.hero-image img{height:570px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-image img{height:440px}.hero h1{font-size:3.7rem}.nav{gap:18px}.cards{gap:20px}.card :is(h2,h3){font-size:1.6rem}.article-grid{grid-template-columns:170px minmax(0,1fr);gap:30px}.browse{padding:30px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.topline{font-size:.6875rem}.header{min-height:110px;gap:16px;flex-direction:column;justify-content:center;padding:20px 0 17px}.brand{font-size:1.85rem}.nav{width:100%;gap:12px;justify-content:space-between}.nav a{font-size:.875rem;min-height:32px}.hero{grid-template-columns:1fr;gap:25px;padding:30px 0 36px}.hero-copy{padding:0}.hero h1{font-size:3.8rem;max-width:420px;margin:16px 0 20px}.hero p{max-width:100%}.hero .button{margin-top:22px}.hero-image{min-height:0}.hero-image img{height:auto;aspect-ratio:1.2;object-fit:cover}.section{padding:35px 0 40px}.section-heading{align-items:start;flex-direction:column;gap:10px}.cards{grid-template-columns:1fr;gap:36px}.card img{aspect-ratio:4/3}.card :is(h2,h3){font-size:2rem}.category-links{grid-template-columns:1fr;gap:12px}.browse{padding:25px 22px;margin-bottom:35px}.category-links a{padding:16px 0 3px}.footer{align-items:start;flex-direction:column;gap:18px}.article-heading{margin:30px auto 25px;text-align:left}.article-heading h1{font-size:2.8rem}.article-heading .deck{font-size:1rem}.article-hero{margin-top:25px}.article-hero img{aspect-ratio:1.1}.article-grid{display:flex;flex-direction:column;gap:30px;margin-top:30px}.toc{position:static;width:100%}.toc a{padding:9px 0}.article-section h2{font-size:1.8rem}.article-cta{padding:24px}.category-heading{padding:32px 0}.category-heading h1{font-size:3.2rem}}@media(min-width:641px) and (max-width:760px){.hero h1{font-size:3.1rem}} 

.beauty-intro{padding:64px 0 58px;max-width:870px}.beauty-intro h1{margin:20px 0 24px}.beauty-intro h1 em{font-weight:400;color:var(--wine)}.beauty-intro p{max-width:610px;color:var(--muted);margin-bottom:26px}.section-image{margin:22px 0 24px}.section-image img{aspect-ratio:3/2;object-fit:contain;background:var(--pink)}.section-image figcaption{font-size:.875rem;color:var(--muted);margin-top:10px;line-height:1.5}.topic-nav{margin-bottom:32px}.browse>p{margin-bottom:20px}.label{font-size:.875rem}.article-hero figcaption{font-size:.875rem}.nav a{min-height:44px;display:inline-flex;align-items:center}.article-hero img{height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}@media(max-width:640px){.beauty-intro{padding:36px 0}.beauty-intro h1{font-size:3.2rem}.nav{justify-content:center;gap:32px}.section-image{margin:18px 0}.article-section{margin-bottom:42px}}

/* Shared paths between the homepage, article catalogue, and nail sections. */
.intro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 26px}
.beauty-intro .intro-actions .button{margin:0}
.text-link{font-size:.9375rem;color:var(--wine);text-decoration:underline;text-underline-offset:5px}
.browse-next{margin-top:0}
.browse-next h2{margin-bottom:14px}
.browse-next p:not(.label){color:var(--muted);margin-bottom:16px}
.footer nav{display:flex;flex-wrap:wrap;gap:18px;font-size:.8125rem}
.footer nav a{text-decoration:none}
@media(max-width:640px){.intro-actions{align-items:flex-start;flex-direction:column}.nav{gap:14px}.footer nav{gap:14px}}

/* Wine Red Nails editorial presentation only; no change to other article layouts. */
.wine-editorial .article-heading{max-width:940px;margin:25px auto 20px}
.wine-editorial .article-heading h1{font-size:clamp(2rem,4.5vw,3.8rem);margin:10px 0 14px}
.wine-editorial .article-heading .deck{max-width:760px;font-size:1rem}
.wine-editorial .article-meta{margin-top:10px}
.editorial-cover{max-width:880px;margin:0 auto 24px}
.cover-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cover-triptych a{display:block;text-decoration:none;min-width:0}
.cover-triptych img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}
.cover-triptych span{display:block;font-size:.875rem;margin-top:5px}
.editorial-cover figcaption{font-size:.8125rem;color:var(--muted);margin-top:8px}
.wine-editorial .article-grid{grid-template-columns:175px minmax(0,880px);gap:40px;margin-top:28px}
.wine-editorial .article-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;border-top:1px solid var(--line);padding-top:28px;margin-bottom:44px}
.wine-editorial .article-section h2{grid-column:1/-1;font-size:1.9rem}
.wine-editorial .section-image{margin:0;align-self:start}
.wine-editorial .section-image img{aspect-ratio:2/3;height:auto;object-fit:contain}
.wine-editorial .section-image figcaption{font-size:.875rem}
.wine-editorial .section-copy p{margin:0 0 20px}
.wine-editorial #make-it-yours{display:block}
.contents-panel summary,.research-note summary{cursor:pointer;font-size:.9375rem;font-weight:600;padding:10px 0;min-height:44px}
.research-note{border-block:1px solid var(--line);padding:10px 0;margin:24px 0}
.research-note p,.research-note li{font-size:.875rem}
@media(max-width:900px){.wine-editorial .article-grid{grid-template-columns:1fr}.wine-editorial .toc{position:static}.contents-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:640px){
 .wine-editorial .topline{display:none}
 .wine-editorial .header{min-height:68px;flex-direction:column;padding:14px 0;gap:10px}
 .wine-editorial .brand{font-size:1.5rem;white-space:nowrap}
 .wine-editorial .nav{width:100%;justify-content:center;gap:22px;flex-wrap:wrap}
 .wine-editorial .nav a{font-size:.875rem}
 .wine-editorial .breadcrumb{font-size:.75rem;margin:12px 0;gap:6px}
 .wine-editorial .article-heading{margin:14px auto 16px}
 .wine-editorial .article-heading>.label{display:none}
 .wine-editorial .article-heading h1{font-size:2rem;line-height:1.1;margin:0 0 10px}
 .wine-editorial .article-heading .deck{font-size:.9375rem;line-height:1.5}
 .wine-editorial .article-meta{font-size:.75rem;margin-top:8px}
 .cover-triptych{gap:6px}.cover-triptych span{font-size:.75rem;line-height:1.3}
 .editorial-cover{margin-bottom:15px}.editorial-cover figcaption{font-size:.75rem;line-height:1.4}
 .wine-editorial .article-grid{gap:18px;margin:18px 0 35px}
 .wine-editorial .article-section{display:block;padding-top:20px;margin-bottom:32px}
 .wine-editorial .article-section h2{font-size:1.65rem;margin-bottom:16px}
 .wine-editorial .section-image{margin:0 0 20px}
 .wine-editorial .section-copy p{margin-bottom:16px}
 .contents-panel nav{grid-template-columns:1fr}
}

/* Guide comparison: the table scrolls within the article on narrow screens. */
.guide-table { max-width:100%; overflow-x:auto; margin:2rem 0 3rem; }
.guide-table table { width:100%; border-collapse:collapse; font-size:.9rem; line-height:1.5; }
.guide-table caption { text-align:left; font-weight:600; font-size:1rem; margin-bottom:1rem; }
.guide-table th,.guide-table td { text-align:left; vertical-align:top; padding:.8rem .65rem; border-bottom:1px solid #deded5; }
.guide-table thead { background:#f2f3ed; }
.guide-table tbody th { font-weight:500; }
.guide-table:focus-visible { outline:2px solid #52634d; outline-offset:4px; }

/* Rich shape-and-colour guide. Scoped to this article only. */
.visual-guide .editorial-cover{max-width:1040px}
.visual-guide .article-grid{display:block;max-width:1040px;margin:24px auto 64px}
.visual-guide .toc{position:static;margin-bottom:24px;border-bottom:1px solid var(--line)}
.visual-guide .contents-panel nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding-bottom:18px}
.visual-guide .article-body>p{max-width:780px}
.visual-guide .article-section{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:0 36px;padding-top:36px;margin-bottom:56px}
.visual-guide .article-section h2{font-size:clamp(1.8rem,3vw,2.6rem);margin-bottom:24px;max-width:840px}
.design-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px!important}
.design-tags span{border:1px solid var(--line);padding:3px 10px;font-size:.78rem;letter-spacing:.02em}
.design-colours{display:flex;gap:5px;margin:12px 0 22px}
.design-colours i{height:13px;width:44px;display:block;border:1px solid #00000015}
.guide-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.guide-jumps a{font-size:.875rem;padding:9px 14px;background:var(--pink);text-decoration:none}
.trend-note{border-left:3px solid var(--wine);padding:18px 24px;margin:28px 0 40px;background:#f7f8f5;max-width:820px}
.trend-note h2{font-size:1.5rem;margin-bottom:12px}
.trend-note p{font-size:.9375rem;margin:0 0 12px}
.trend-note p:last-child{font-size:.8rem;margin:0}
.colour-guide,.guide-faq{border-top:1px solid var(--line);padding-top:34px;margin:40px 0}
.colour-guide h2,.guide-faq h2{font-size:2rem;margin-bottom:20px;max-width:750px}
.colour-guide>p{max-width:800px;margin-bottom:24px}
.colour-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:28px 0}
.colour-groups section{padding:24px;background:#f5f6f3}
.colour-groups h3{font-size:1.55rem}
.colour-groups p{font-size:.9375rem}
.guide-faq details{padding:14px 0;border-bottom:1px solid var(--line)}
.guide-faq summary{cursor:pointer;font-weight:600;min-height:36px}
.guide-faq p{max-width:800px;margin:12px 0}
@media(max-width:760px){.visual-guide .article-section{display:block}.visual-guide .section-image{margin-bottom:24px}.visual-guide .contents-panel nav{grid-template-columns:1fr 1fr}.colour-groups{grid-template-columns:1fr}}
@media(max-width:480px){.visual-guide .contents-panel nav{grid-template-columns:1fr}.visual-guide .article-section h2{font-size:1.8rem}.trend-note{padding:16px}.guide-jumps{gap:7px}.guide-jumps a{padding:8px 10px}.visual-guide .cover-triptych{gap:6px}}