:root{--paper:#fff;--soft:#F6F3EF;--muted:#625b57}
/* Homepage surfaces are independent of the ivory brand text color. */
html:has(> body.home){background:#fff}
body.home{--home-surface:#fff;--paper:var(--home-surface);--soft:var(--home-surface);background:var(--home-surface)}
body{background:#fff;color:var(--brand-black)}
.site-header.home-header{background:var(--brand-black);position:relative;z-index:40}
.home-header .home-brand{max-width:210px;color:var(--brand-gold)}
.kasalin-wordmark{font-family:Georgia,'Times New Roman',serif;font-size:42px;font-weight:400;letter-spacing:-2px;line-height:1.15;text-transform:none;display:inline-block}
.home-header .home-primary{gap:clamp(20px,2.3vw,44px);max-width:56vw}
.home-header .home-primary a{font-size:16px;font-weight:500;letter-spacing:.01em;color:var(--brand-ivory)}
.home-header .home-primary a:hover,.home-header .home-primary a[aria-current=page]{color:var(--brand-gold)}
.kasalin-menu-trigger{display:flex;align-items:center;gap:3px;white-space:nowrap}
.kasalin-menu-trigger button{padding:8px 2px;border:0;background:transparent;color:var(--brand-gold);font-size:17px;min-width:24px;cursor:pointer}
.kasalin-menu-trigger button[aria-expanded=true]{transform:rotate(180deg)}
.kasalin-mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:#0D0D0D;border-top:1px solid #dedbd7;box-shadow:0 18px 25px #0002}
.kasalin-mega[hidden]{display:none}
.kasalin-mega-inner{max-width:1700px;margin:auto;padding:32px clamp(24px,3.75vw,72px) 40px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px}
.kasalin-menu-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.kasalin-menu-column h3{font:600 var(--type-menu-heading)/1.5 var(--font-body);letter-spacing:.035em;margin:0 0 16px;color:#0D0D0D}
.kasalin-menu-column ul{list-style:none;margin:0;padding:0}
.kasalin-menu-column li{margin:0 0 12px;font-size:14px;font-weight:400;line-height:1.6}
.kasalin-menu-column a{color:#393331;text-decoration:none}
.kasalin-menu-column a:hover{text-decoration:underline;text-underline-offset:5px;color:var(--brand-rose)}
.collection-pending{color:#6b6560;display:block}.collection-pending small{display:block;font-size:10px;letter-spacing:.02em}
.kasalin-menu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.kasalin-menu-card{color:#0D0D0D;text-decoration:none;min-width:0}
.kasalin-menu-card img{width:100%;height:240px;object-fit:cover;object-position:center 20%;display:block;background:#F6F3EF}
.kasalin-menu-card>span{display:flex;justify-content:space-between;gap:8px;font-size:13px;font-weight:500;margin-top:12px}
.home-ticker{background:#fff;color:#0D0D0D;border-bottom:1px solid #eee}
.module-lifestyle,.module-newsletter,.module-texture,.module-looks{background:var(--home-surface,#F6F3EF)}
.module-categories,.module-new,.module-best,.module-education{background:#fff}
.site-footer{background:#111111;color:#fff;padding:64px 0 0;border-top:1px solid #343434}
.site-footer .footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.3fr;gap:40px;align-items:start;padding-bottom:54px}
.site-footer .footer-brand{display:inline-block;color:var(--brand-gold);text-decoration:none;margin-bottom:20px}
.site-footer .footer-brand .kasalin-wordmark{font-size:42px}
.site-footer h2{color:#fff;font:500 var(--type-footer-heading)/1.5 var(--font-body);letter-spacing:.04em;margin:4px 0 22px}
.site-footer p{font-size:14px;line-height:1.8;max-width:30ch;color:#d5d2cf}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:0 0 13px}
.site-footer a{color:#e7e4e1;font-size:14px;text-decoration:none}
.site-footer a:hover{color:var(--brand-gold);text-decoration:underline;text-underline-offset:4px}
.site-footer .footer-bottom{border-top:1px solid #3d3d3d;color:#c8c5c2;display:flex;justify-content:space-between;padding-top:22px;padding-bottom:22px;font-size:12px;gap:20px}
.footer-subscription-status{padding:15px 0;border-top:1px solid #484848;border-bottom:1px solid #484848;font-size:15px}
.footer-social{display:flex;gap:16px;flex-wrap:wrap}
.home-header .home-navigation nav{background:#fff;color:#0D0D0D}
.home-header .home-navigation nav a,.home-header .home-navigation nav summary{color:#0D0D0D}
.mobile-brand{display:block;padding:4px 0 26px;color:var(--brand-black)!important}
.kasalin-mobile-group{border-top:1px solid #ddd;padding:0 0 15px}
.home-navigation .kasalin-mobile-group>summary{display:flex;justify-content:space-between;width:100%;font:500 17px var(--kasalin-font-primary);padding:20px 0;list-style:none}
.kasalin-mobile-group>summary:after{content:'+'}.kasalin-mobile-group[open]>summary:after{content:'−'}
.kasalin-mobile-group>a{display:block;padding:0 0 20px;font-size:14px;text-decoration:underline}
.kasalin-mobile-group .kasalin-menu-column{margin:0 0 26px}
.kasalin-mobile-group .kasalin-menu-column h3{margin-bottom:10px}
:where(.kasalin-mega,.home-header,.site-footer) :is(a,button,summary):focus-visible{outline:2px solid var(--brand-rose);outline-offset:5px}
@media(min-width:1024px) and (max-width:1199px){.home-header .home-brand .kasalin-wordmark{font-size:38px}.home-header .home-primary{gap:16px}.home-header-row{padding-left:24px;padding-right:24px}.kasalin-mega-inner{gap:22px}.kasalin-menu-columns{gap:14px}.kasalin-menu-card img{height:200px}}
@media(max-width:1023px){.kasalin-mega{display:none!important}.site-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.home-header .home-navigation[open]>nav{padding:30px 28px;overflow-y:auto}.home-navigation .kasalin-menu-column a{padding:3px 0;font-size:14px}.home-header .home-brand .kasalin-wordmark{font-size:34px}.home-header .home-navigation>summary{color:#F6F3EF}}
@media(max-width:600px){.home-header .home-brand .kasalin-wordmark{font-size:29px;letter-spacing:-1.4px}.site-footer{padding-top:40px}.site-footer .footer-grid{gap:30px 24px}.site-footer .footer-intro,.site-footer .footer-join{grid-column:1/-1}.site-footer .footer-bottom{flex-direction:column;gap:6px}.site-footer .footer-brand{margin-bottom:8px}.site-footer h2{font-size:13px}.site-footer a,.site-footer p{font-size:13px}.site-footer .footer-brand .kasalin-wordmark{font-size:38px}}
.module-newsletter :is(h2,p,.eyebrow){color:#0D0D0D}.module-newsletter .newsletter-placeholder{color:#514944;border-color:#c9bfb5}
.mobile-brand{padding-left:54px;min-height:72px}.home-navigation[open]>summary svg{display:none}.home-navigation[open]>summary:before{content:"×";font:28px/1 var(--kasalin-font-primary)}.module-newsletter .newsletter-placeholder{color:#514944}
.module-newsletter .section-heading p,.module-newsletter .eyebrow{color:var(--brand-rose)}.module-newsletter .configuration-note{color:#514944;border-color:#c9bfb5}

.site-footer :is(a,button,input):focus-visible{outline:2px solid var(--brand-gold);outline-offset:5px}
