/* The page owns fonts and the main container. These components keep the
   current Onest family, purple brand and light catalogue palette. */
.home-first-screen{--home-brand:var(--brand,#80388e);--home-ink:var(--ink,#27252b);--home-muted:var(--muted,#6a6670);--home-line:var(--line,#e5e1e6);--home-lilac:#f0e6f3;--home-tile:#f0eef2;--home-tile-hover:#eae3ee;margin-top:24px;color:var(--home-ink)}
.home-first-screen a,.home-first-screen button{touch-action:manipulation}
.home-first-screen :is(a,button):focus-visible{outline:3px solid var(--home-brand);outline-offset:4px}
.home-business-banner{background:var(--home-lilac);border:1px solid #e6d8eb;border-radius:18px;overflow:hidden;position:relative;isolation:isolate}
.home-business-slide{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:32px;align-items:center;padding:34px 48px;min-height:276px}
.home-business-slide[hidden]{display:none}
.home-business-slide-text{grid-template-columns:1fr}
.home-business-copy{min-width:0;position:relative;z-index:1}
.home-business-title{font-size:clamp(30px,3.1vw,44px);font-weight:600;line-height:1.12;letter-spacing:-.04em;max-width:600px;margin:0 0 16px;text-wrap:balance}
.home-business-description{font-size:16px;line-height:1.55;color:#5f4c65;max-width:470px;margin:0 0 24px}
.home-business-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.home-business-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;border:1px solid transparent;border-radius:7px;font-size:14px;font-weight:550;line-height:1.4;text-decoration:none}
.home-business-primary{background:var(--home-brand);color:white}
.home-business-primary:hover{background:#63256e;color:white}
.home-business-secondary{background:#ffffffa6;border-color:#c8b2ce!important;color:#673074}
.home-business-secondary:hover{background:white;color:#52215d}
.home-business-actions a:active{background:#63336d;color:white}
.home-business-art{height:210px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;min-width:0}
.home-business-art:before{content:"";position:absolute;inset:20% 2% 0;border-radius:50%;background:#e3d1e9;z-index:-1}
.home-business-product{width:100%;height:100%;max-height:210px;object-fit:contain;mix-blend-mode:multiply;align-self:end}
.home-business-product-0{height:210px}
.home-business-product-1{height:174px}
.home-business-product-2{height:130px}
.home-banner-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px 12px}
.home-banner-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:#ffffffbd;border:1px solid #c8b2ce;border-radius:7px;color:var(--home-brand);font-size:28px;line-height:1}
.home-banner-arrow:hover{background:white}
.home-banner-indicators{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
.home-banner-indicator{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:0;background:transparent;border:0;border-radius:7px}
.home-banner-indicator>span{width:8px;height:8px;border-radius:50%;background:#a88db0}
.home-banner-indicator[aria-pressed="true"]>span{width:20px;border-radius:4px;background:var(--home-brand)}
.home-banner-indicator:hover{background:#ffffff80}
.home-departments{padding-top:30px;scroll-margin-top:20px}
.home-departments-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.home-departments-heading h2{font-size:27px;font-weight:600;line-height:1.25;letter-spacing:-.03em;margin:0}
.home-departments-heading>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;flex:none;font-size:14px;line-height:1.4;font-weight:500;color:var(--home-brand)}
.home-departments-heading>a:hover{text-decoration:underline}
.home-department-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-department{display:grid;grid-template-rows:auto 1fr;min-height:188px;gap:10px;min-width:0;padding:20px;border:1px solid transparent;border-radius:12px;background:var(--home-tile);position:relative;text-decoration:none;color:var(--home-ink)}
.home-department h3{font-size:17px;line-height:1.3;font-weight:550;letter-spacing:-.018em;margin:0;overflow-wrap:anywhere;max-width:100%;position:relative;z-index:1}
.home-department img{width:72%;height:98px;justify-self:end;align-self:end;object-fit:contain;mix-blend-mode:multiply}
.home-department-arrow{position:absolute;bottom:18px;left:20px;font-size:24px;line-height:1;color:var(--home-brand)}
.home-department:hover{background:var(--home-tile-hover);border-color:#c5accd;color:var(--home-ink)}
.home-department:active{background:#e3d8e8}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.home-department{transition:background-color 180ms ease,border-color 180ms ease}.home-department img{transition:transform 220ms ease}.home-department:hover img{transform:translateX(-3px)}.home-business-actions a,.home-banner-arrow,.home-banner-indicator{transition:background-color 160ms ease}}
@media(max-width:1100px){.home-business-slide{padding:30px 34px;gap:24px;min-height:260px}.home-business-title{font-size:36px}.home-business-description{font-size:15px}.home-business-art{height:190px}.home-business-product-0{height:190px}.home-business-product-1{height:160px}.home-business-product-2{height:115px}.home-department{padding:17px;min-height:180px}.home-department h3{font-size:16px}.home-department img{height:92px}.home-department-arrow{left:17px}}
@media(max-width:900px){.home-business-slide{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px;padding:28px}.home-business-title{font-size:32px}.home-business-actions a{font-size:13px;padding-inline:14px}.home-business-art{gap:5px}.home-department-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-department{min-height:166px}.home-department img{height:95px;max-width:160px}.home-department h3{font-size:17px}}
@media(max-width:650px){.home-first-screen{margin-top:18px}.home-business-banner{border-radius:12px}.home-business-slide{display:block;min-height:0;padding:25px 23px 24px}.home-business-title{font-size:29px;line-height:1.14;max-width:340px;margin-bottom:13px}.home-business-description{font-size:14px;line-height:1.55;margin-bottom:19px;max-width:340px}.home-business-actions{gap:9px}.home-business-actions a{min-height:44px;font-size:12px;padding:11px 13px}.home-business-art{display:none}.home-banner-controls{padding:0 16px 10px;gap:8px}.home-departments{padding-top:24px}.home-departments-heading{gap:12px;margin-bottom:13px}.home-departments-heading h2{font-size:23px;letter-spacing:-.025em}.home-departments-heading>a{font-size:12px;gap:7px}.home-department-grid{gap:10px}.home-department{min-height:150px;padding:14px 13px;gap:11px;border-radius:10px}.home-department h3{font-size:14px;line-height:1.35;letter-spacing:-.015em}.home-department img{width:75%;height:78px;max-width:135px}.home-department-arrow{left:13px;bottom:14px;font-size:21px}}
@media(max-width:374px){.home-business-slide{padding:23px 19px}.home-business-title{font-size:27px}.home-business-actions{align-items:stretch}.home-business-actions a{flex:1;padding-inline:9px}.home-departments-heading h2{font-size:21px}.home-departments-heading>a{font-size:11px}.home-department{padding:13px 11px}.home-department h3{font-size:13px}.home-department-arrow{left:11px}}
@media(prefers-reduced-motion:reduce){.home-first-screen *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
