/* Selected identity: wax-crayon wordmark E with crayon smiling sun C. */
:root{--home-layout-width:1240px;--home-layout-gutter:32px;--home-content-inset:20px}
.brand{color:#111b14;display:inline-flex;align-items:center;gap:0;flex:0 0 auto;line-height:1}
.brand .brand-lockup{display:block;width:218px;height:auto;flex:0 0 auto}
.site-header .brand-lockup{width:248px;transform:translateX(-3%)}
.footer-brand .brand-lockup{width:195px}

/* Header, banner, and home categories use one container and content edge. */
.header-inner,.curation-hero,.below-hero.browse-page{width:min(var(--home-layout-width),calc(100% - var(--home-layout-gutter)*2));max-width:var(--home-layout-width)}
.header-inner{padding-inline:var(--home-content-inset);gap:clamp(24px,4vw,60px)}
.curation-hero-copy{padding-left:var(--home-content-inset)}
.below-hero.browse-page{padding-left:var(--home-content-inset);padding-right:var(--home-content-inset)}
.below-hero .browse-heading{padding-left:0;padding-right:0}
.hero-kicker-brand{white-space:nowrap;display:inline-block}
.hero-kicker-brand::after{content:'';display:block;height:2px;background:#4268e3;clip-path:polygon(0 30%,20% 0,45% 40%,70% 0,100% 20%,98% 90%,65% 65%,40% 100%,10% 65%);transform:rotate(-1deg);margin-top:1px}
.hero-cta{background:#287037;color:#fff;border-radius:7px}
.hero-cta:hover{background:#205f2d}
@media(min-width:651px) and (max-width:950px){
 :root{--home-layout-gutter:20px;--home-content-inset:12px}
 .header-inner{gap:24px}
 .site-header .brand-lockup{width:224px}
}
@media(min-width:651px) and (max-width:850px){
 .brand .brand-lockup{width:182px}
 .site-header .brand-lockup{width:206px}
 .desktop-nav{gap:19px;font-size:13px}
}
@media(max-width:650px){
 :root{--home-layout-gutter:0px;--home-content-inset:20px}
 .curation-hero-description{font-size:14px;line-height:1.8;color:#344338}
 .header-inner{gap:10px}
 .brand .brand-lockup{width:186px}
 .site-header .brand-lockup{width:196px}
 .footer-brand .brand-lockup{width:180px}
}
@media(max-width:359px){
 :root{--home-content-inset:16px}
 .brand .brand-lockup{width:158px}
 .site-header .brand-lockup{width:166px}
}
