.why{padding:var(--section-pad) 0;overflow-x:clip}.why-scatter{width:var(--shell);height:calc(500 * var(--design-unit));margin-inline:auto;position:relative}.why-scatter__slot{left:calc(var(--left) * var(--design-unit));top:calc(var(--top) * var(--design-unit));width:calc(300 * var(--design-unit));height:calc(390 * var(--design-unit));transform:rotate(var(--tilt));transition:transform .52s var(--ease-enter);position:absolute}.why-scatter__slot:hover{z-index:2;transform:rotate(0)}.why-card{--why-blob:.75;height:100%;padding:var(--space-32);border-radius:calc(30 * var(--design-unit));background:var(--why-bg);color:var(--why-fg);flex-direction:column;justify-content:flex-end;align-items:flex-start;display:flex;position:relative;overflow:clip}.why-card--one{--why-bg:var(--sand);--why-fg:var(--ruby);--why-blob-big:var(--ruby);--why-blob-pebble:var(--blush)}.why-card--two{--why-bg:var(--ruby);--why-fg:var(--paper);--why-blob-big:var(--paper)}.why-card--three{--why-bg:var(--blush);--why-fg:var(--wine);--why-blob-big:var(--ink);--why-blob-pebble:var(--ruby)}.why-card--four{--why-bg:var(--ink);--why-fg:var(--paper);--why-blob-big:var(--wine);--why-blob-pebble:var(--paper)}.why-card__blob{background:var(--why-blob-big);position:absolute}.why-card__blob--pebble{width:calc(100 * var(--why-blob) * var(--design-unit));height:calc(100 * var(--why-blob) * var(--design-unit));border-radius:calc(28 * var(--why-blob) * var(--design-unit)) calc(73 * var(--why-blob) * var(--design-unit)) calc(31 * var(--why-blob) * var(--design-unit)) calc(70 * var(--why-blob) * var(--design-unit));background:var(--why-blob-pebble)}.why-card--one .why-card__blob--big{top:calc(-118 * var(--why-blob) * var(--design-unit));left:calc(-44 * var(--why-blob) * var(--design-unit));width:calc(260 * var(--why-blob) * var(--design-unit));height:calc(260 * var(--why-blob) * var(--design-unit));border-radius:calc(82 * var(--why-blob) * var(--design-unit)) calc(178 * var(--why-blob) * var(--design-unit)) calc(62 * var(--why-blob) * var(--design-unit)) calc(198 * var(--why-blob) * var(--design-unit))}.why-card--one .why-card__blob--pebble{top:calc(62 * var(--why-blob) * var(--design-unit));left:calc(84 * var(--why-blob) * var(--design-unit));transform:rotate(15deg)}.why-card--two .why-card__blob--big{top:calc(-63 * var(--why-blob) * var(--design-unit));left:calc(-50 * var(--why-blob) * var(--design-unit));width:calc(237 * var(--why-blob) * var(--design-unit));height:calc(237 * var(--why-blob) * var(--design-unit));border-radius:calc(178 * var(--why-blob) * var(--design-unit)) calc(82 * var(--why-blob) * var(--design-unit)) calc(198 * var(--why-blob) * var(--design-unit)) calc(62 * var(--why-blob) * var(--design-unit))}.why-card__paw{top:calc(26 * var(--why-blob) * var(--design-unit));left:calc(26 * var(--why-blob) * var(--design-unit));width:calc(182 * var(--why-blob) * var(--design-unit));height:calc(163 * var(--why-blob) * var(--design-unit));position:absolute;transform:rotate(-45deg)}.why-card--three .why-card__blob--big{top:calc(-126 * var(--why-blob) * var(--design-unit));left:calc(-28 * var(--why-blob) * var(--design-unit));width:calc(260 * var(--why-blob) * var(--design-unit));height:calc(260 * var(--why-blob) * var(--design-unit));border-radius:calc(192 * var(--why-blob) * var(--design-unit)) calc(68 * var(--why-blob) * var(--design-unit)) calc(185 * var(--why-blob) * var(--design-unit)) calc(75 * var(--why-blob) * var(--design-unit))}.why-card--three .why-card__blob--pebble{top:calc(50 * var(--why-blob) * var(--design-unit));left:calc(70 * var(--why-blob) * var(--design-unit));transform:rotate(119.67deg)}.why-card--four .why-card__blob--big{top:calc(-124 * var(--why-blob) * var(--design-unit));left:calc(292 * var(--why-blob) * var(--design-unit));width:calc(260 * var(--why-blob) * var(--design-unit));height:calc(260 * var(--why-blob) * var(--design-unit));border-radius:calc(192 * var(--why-blob) * var(--design-unit)) calc(68 * var(--why-blob) * var(--design-unit)) calc(185 * var(--why-blob) * var(--design-unit)) calc(75 * var(--why-blob) * var(--design-unit))}.why-card--four .why-card__blob--pebble{top:calc(50 * var(--why-blob) * var(--design-unit));left:calc(322 * var(--why-blob) * var(--design-unit));transform:rotate(15deg)}.why-card__copy{z-index:1;justify-content:flex-end;align-items:flex-start;gap:calc(20 * var(--design-unit));flex-direction:column;flex:1;width:100%;display:flex;position:relative}.why-card__title{font-family:var(--font-display);font-weight:400;font-size:calc(36 * var(--design-unit));letter-spacing:-.05em;margin:0;line-height:.92}.why-card__text{max-width:calc(300 * var(--design-unit));font-weight:500;font-size:var(--fs-ui);line-height:var(--lh-body);margin:0}@media (max-width:1199px){.why-scatter{align-items:center;gap:calc(40 * var(--design-unit));flex-direction:column;width:100%;height:auto;display:flex}.why-scatter__slot{width:calc(320 * var(--design-unit));height:calc(400 * var(--design-unit));position:relative;top:auto;left:auto;transform:rotate(0)}.why-card{--why-blob:.8}}@media (max-width:899px){.why-scatter__slot{width:calc(260 * var(--design-unit));height:calc(380 * var(--design-unit))}.why-card{--why-blob:.65}.why-card__title{font-size:calc(28 * var(--design-unit))}}@media (max-width:767px){.why-scatter__slot{width:calc(230 * var(--design-unit));height:calc(360 * var(--design-unit))}.why-card{--why-blob:.575}.why-card__title{font-size:var(--fs-h3)}}@media (prefers-reduced-motion:reduce){.why-scatter__slot{transition:none}}
.home-page .home-section-title,.home-intro,.home-cta,.lineup{width:var(--shell);margin-inline:auto}.home-section-title{margin-bottom:var(--space-32);font-family:var(--font-display);font-size:var(--fs-h2);line-height:normal}.home-intro-wrap{z-index:1;min-height:27.5vw;padding:var(--section-pad) 0;isolation:isolate;align-content:center;display:grid;position:relative}.home-intro-wrap .text-ring{width:var(--shell);margin-inline:auto}.home-intro-wrap .text-ring .home-intro{width:auto}.home-intro__ring text{font-family:var(--font-display)}.home-intro__band{z-index:-1;pointer-events:none;width:100%;animation:home-band-in var(--motion-reveal) var(--ease-enter) both;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-intro__band text{font-family:var(--font-display)}@keyframes home-band-in{0%{opacity:0}to{opacity:1}}.home-intro{justify-content:space-between;align-items:center;gap:var(--space-40);padding:var(--space-48) var(--space-48) calc(40 * var(--design-unit));border-radius:calc(39 * var(--design-unit));background:var(--ruby);color:var(--paper);display:flex}.home-intro h1{font-family:var(--font-display);font-size:var(--fs-h1);line-height:var(--lh-h1)}.home-intro__copy{width:calc(628 * var(--design-unit));font-weight:500;font-size:var(--fs-body);line-height:var(--lh-body)}.home-kicker{margin:0 0 var(--space-16);font-weight:500;font-size:var(--fs-ui)}.faq__heading{font:inherit;margin:0}.home-page .faq__summary{gap:var(--space-24)}.home-page .faq__question{white-space:normal}.lineup{--lineup-accent:var(--ruby);--lineup-bg:var(--blush);padding:var(--section-pad) 0}.lineup[data-enhanced=true]{height:310svh}.lineup[data-tone=violet]{--lineup-accent:#664584;--lineup-bg:#eee6f5}.lineup[data-tone=pink]{--lineup-accent:#a8185a;--lineup-bg:#f8dce6}.lineup[data-tone=green]{--lineup-accent:#356746;--lineup-bg:#e1ecd9}.lineup[data-tone=yellow]{--lineup-accent:#826012;--lineup-bg:#f5edcd}.lineup__sticky{padding:var(--space-40);border-radius:calc(40 * var(--design-unit));background:var(--lineup-bg);color:var(--lineup-accent);flex-direction:column;transition:background .5s,color .5s;display:flex}.lineup[data-enhanced=true] .lineup__sticky{top:calc(100 * var(--design-unit));min-height:min(calc(710 * var(--design-unit)), calc(100svh - calc(120 * var(--design-unit))));position:sticky}.lineup__top{justify-content:space-between;align-items:baseline;gap:var(--space-24);display:flex}.lineup__top h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:normal}.lineup__top>span{font-weight:500;font-size:var(--fs-ui)}.lineup__body{gap:var(--space-64);min-height:calc(480 * var(--design-unit));grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.lineup__diagram{width:min(100%, calc(460 * var(--design-unit)));aspect-ratio:1;margin-inline:auto;position:relative}.lineup__ring{width:100%;height:100%;position:absolute;inset:0}.lineup__character{place-items:center;transition:transform .12s linear;display:grid;position:absolute;inset:24% 23%}.lineup__paw{object-fit:contain;width:100%;height:100%}.lineup__counter{text-align:center;width:100%;font-family:var(--font-display);font-weight:400;font-size:var(--fs-h3);line-height:normal;position:absolute;bottom:13%}.lineup__counter span{opacity:.45}.lineup__product h3{font-family:var(--font-display);font-weight:400;font-size:calc(62 * var(--design-unit));letter-spacing:-.05em;overflow-wrap:anywhere;margin:0;line-height:1.08}.lineup__taste{margin:var(--space-16) 0;font-weight:500;font-size:var(--fs-body);line-height:var(--lh-body)}.lineup__description{max-width:calc(520 * var(--design-unit));color:var(--ink);font-weight:500;font-size:var(--fs-body);line-height:var(--lh-body)}.lineup__formula{margin-top:var(--space-24);padding-block:var(--space-16);border-block:calc(1 * var(--design-unit)) solid color-mix(in srgb, currentColor 25%, transparent);font-weight:500;font-size:var(--fs-ui)}.lineup__more{margin-top:var(--space-24);background:var(--lineup-accent);color:var(--paper);transition:background-color .5s, scale var(--motion-fast) var(--ease-enter)}.lineup__nav{gap:var(--space-24);grid-template-columns:repeat(5,1fr);margin-top:auto;display:grid}.lineup__nav button{align-items:center;gap:var(--space-8);padding:calc(20 * var(--design-unit)) calc(24 * var(--design-unit));font:inherit;font-weight:500;font-size:var(--fs-ui);color:inherit;border-radius:calc(20 * var(--design-unit));cursor:pointer;background:0 0;border:0;line-height:normal;display:flex}.lineup__nav button[aria-current]{background:var(--paper)}.lineup__nav button span{opacity:.5}.lineup[data-enhanced=false] .lineup__product{margin-block:var(--space-48)}.home-cta{grid-template-columns:calc(797 * var(--design-unit)) minmax(0, 1fr);align-items:center;gap:var(--space-24);padding:var(--section-pad) 0;display:grid}.home-cta__main{justify-content:space-between;align-items:flex-start;gap:var(--space-40);height:calc(370 * var(--design-unit));padding:calc(40 * var(--design-unit));border-radius:calc(36 * var(--design-unit));background:var(--ruby);color:var(--paper);flex-direction:column;display:flex}.home-cta__main h2{max-width:calc(573 * var(--design-unit));font-family:var(--font-display);font-size:var(--fs-h1);line-height:var(--lh-h1)}.home-cta__gallery{height:calc(430 * var(--design-unit));padding-top:var(--space-48);flex-direction:column;align-items:center;display:flex}.home-cta__caption{margin-bottom:var(--space-16);font-weight:500;font-size:var(--fs-body);text-align:center;line-height:normal}.home-page .hero__title,.home-page .hero__eyebrow{-webkit-user-select:none;user-select:none}@media (max-width:1199px){.home-intro{align-items:flex-start;gap:calc(24 * var(--design-unit));padding:calc(35 * var(--design-unit));flex-direction:column}.home-intro__copy{width:auto;max-width:calc(628 * var(--design-unit))}.lineup__sticky{padding:calc(30 * var(--design-unit))}.lineup__body{gap:calc(30 * var(--design-unit));min-height:calc(410 * var(--design-unit))}.lineup__nav button{gap:calc(4 * var(--design-unit));padding:calc(12 * var(--design-unit)) calc(4 * var(--design-unit));flex-direction:column}.home-cta{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.home-cta__main{height:auto;min-height:calc(370 * var(--design-unit));padding:calc(35 * var(--design-unit))}.home-cta__gallery{height:auto;padding-top:0}.home-cta__bounce{zoom:.82}}@media (max-width:767px){.home-section-title{font-size:calc(34 * var(--design-unit))}.home-intro-wrap{padding:calc(96 * var(--design-unit)) 0 calc(72 * var(--design-unit))}.home-intro__band{top:calc(96 * var(--design-unit))}.home-intro{gap:calc(20 * var(--design-unit));padding:calc(28 * var(--design-unit)) calc(24 * var(--design-unit));border-radius:calc(24 * var(--design-unit))}.home-intro h1{font-size:clamp(calc(22 * var(--design-unit)), 6.4vw, var(--fs-h1))}.home-intro__copy{font-size:calc(16 * var(--design-unit))}.home-kicker{margin-bottom:calc(18 * var(--design-unit))}.lineup__top h2{font-size:clamp(calc(32 * var(--design-unit)), 3vw, var(--fs-h2))}.lineup__sticky{padding:calc(25 * var(--design-unit)) calc(20 * var(--design-unit)) calc(20 * var(--design-unit));border-radius:calc(24 * var(--design-unit))}.lineup[data-enhanced=true] .lineup__sticky{top:calc(115 * var(--design-unit));min-height:0}.lineup__top>span{display:none}.lineup__body{gap:calc(12 * var(--design-unit));min-height:0;padding-block:calc(10 * var(--design-unit)) calc(22 * var(--design-unit));grid-template-columns:1fr}.lineup__diagram{width:calc(180 * var(--design-unit))}.lineup__counter{font-size:calc(16 * var(--design-unit))}.lineup__product h3{font-size:calc(34 * var(--design-unit))}.lineup__product .home-kicker{display:none}.lineup__taste{font-size:calc(18 * var(--design-unit));margin:calc(10 * var(--design-unit)) 0}.lineup__description{font-size:calc(14 * var(--design-unit));margin:calc(10 * var(--design-unit)) 0}.lineup__formula{padding-block:calc(12 * var(--design-unit));margin:calc(12 * var(--design-unit)) 0;font-size:calc(14 * var(--design-unit))}.lineup__more{margin-top:calc(16 * var(--design-unit))}.lineup__nav{gap:calc(8 * var(--design-unit));margin-inline:calc(-20 * var(--design-unit));padding-inline:calc(20 * var(--design-unit));scrollbar-width:none;display:flex;overflow-x:auto}.lineup__nav button{gap:calc(8 * var(--design-unit));padding:calc(12 * var(--design-unit)) calc(16 * var(--design-unit));font-size:calc(14 * var(--design-unit));flex-direction:row;flex:none}.home-cta{grid-template-columns:1fr}.home-cta__main{gap:calc(32 * var(--design-unit));min-height:0;padding:calc(30 * var(--design-unit)) calc(24 * var(--design-unit));border-radius:calc(24 * var(--design-unit))}.home-cta__main h2{font-size:clamp(calc(30 * var(--design-unit)), 8vw, var(--fs-h1))}.home-cta__bounce{zoom:.6}.home-cta .button{width:100%;font-size:calc(15 * var(--design-unit))}.home-page .faq__panel{padding:calc(15 * var(--design-unit));border-radius:calc(24 * var(--design-unit));gap:calc(12 * var(--design-unit))}.home-page .faq__summary{padding:calc(22 * var(--design-unit)) calc(20 * var(--design-unit))}.home-page .faq__question{font-size:calc(18 * var(--design-unit))}.home-page .faq__answer{padding:0 calc(20 * var(--design-unit)) calc(22 * var(--design-unit));font-size:calc(16 * var(--design-unit));line-height:1.6}}@media (max-height:750px) and (min-width:768px){.lineup__sticky{padding-top:calc(25 * var(--design-unit))}.lineup__body{min-height:calc(340 * var(--design-unit))}.lineup__diagram{width:calc(330 * var(--design-unit))}.lineup__product h3{font-size:calc(42 * var(--design-unit))}.lineup__taste{margin-block:calc(12 * var(--design-unit))}.lineup__formula{padding-block:calc(12 * var(--design-unit))}}@media (prefers-reduced-motion:reduce){.home-intro__band{animation:none}}