.o-why{min-width:0}.o-why-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:64px}.o-why-head__main{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}.o-why-label{margin:0}.o-why-label__n{color:var(--ink)}.o-why-head__lead{max-width:560px;margin:0}@media screen and (min-width:1200px){.o-why-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}.o-why-head:has(.o-why-head__lead) .o-why-head__title{--caps-room: calc(min(100vw, var(--wrap)) - 2 * var(--gutter) - 480px)}.o-why-head__lead{flex:0 0 440px;max-width:none}}.o-why-claim{max-width:560px;margin:0;padding-left:14px;border-left:2px solid var(--ink);font-size:var(--fs-small);line-height:1.6;color:var(--mid)}.o-why-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:56px}.o-why-cta .o-note{margin:0}.o-why-num{--n-cap: 40px;display:inline-flex;align-items:flex-start;gap:6px;height:calc(var(--n-cap) * 1.2);white-space:nowrap}.o-why-num[hidden]{display:none}.o-why-num__unit{margin-top:calc(var(--n-cap) * 1.0825 - .875em);font-size:16px;line-height:1}@media screen and (max-width:749px){.o-why-num{--n-cap: 22.1px;gap:4px}.o-why-num__unit{font-size:13px}}.o-why-hero{padding-block:calc(var(--section-y) / 2) var(--section-y);overflow:clip}.o-why-hero__grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "title" "visual" "figures" "lead" "cta";align-items:start}.o-why-hero__eyebrow{grid-area:eyebrow;margin:0 0 24px}.o-why-hero__title{grid-area:title}.o-why-hero__visual{grid-area:visual;min-width:0;margin-top:28px}.o-why-hero__figures{grid-area:figures;display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;margin:32px 0 0;padding:0;list-style:none}.o-why-hero__figure{display:flex;flex-direction:column;gap:10px;min-width:0;padding-right:24px}.o-why-hero__figure+.o-why-hero__figure{padding-left:24px;border-left:1px solid var(--line)}.o-why-hero__label{font-size:var(--fs-mono-s)}.o-why-hero__lead{grid-area:lead;max-width:520px;margin:32px 0 0}.o-why-hero__cta{grid-area:cta;display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px}.o-why-hero__note{margin:0}.o-why-break{position:relative;width:100%;max-width:720px;margin-inline:auto;aspect-ratio:4 / 3}.o-why-break__piece{position:absolute;display:block}.o-why-break__piece img{display:block;width:100%;height:auto;filter:drop-shadow(0 26px 22px rgba(var(--ink-rgb),.16))}.o-why-break__piece--left{top:17%;left:0;width:55%;rotate:-4deg}.o-why-break__piece--crumbs{top:6%;left:45%;width:12%}.o-why-break__piece--crumbs img{filter:none}.o-why-break__piece--right{top:38%;left:53%;width:47%;rotate:6deg}.o-why-hero__photo img{display:block;width:100%;height:auto}@media screen and (min-width:990px){.o-why-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto auto auto auto auto 1fr;grid-template-areas:". visual" "eyebrow visual" "title visual" "figures visual" "lead visual" "cta visual" ". visual";column-gap:48px}.o-why-hero__title{--caps-room: calc((min(100vw, var(--wrap)) - 2 * var(--gutter) - 48px) * 5 / 11)}.o-why-hero__visual{align-self:center;margin-top:0}.o-why-hero__figures{margin-top:40px}}@media screen and (min-width:990px)and (max-width:1199px){.o-why-hero__figures .oro-caps--l{--caps-d: 32px}.o-why-hero__figures .o-why-num{--n-cap: 32px}.o-why-hero__figure{padding-right:18px}.o-why-hero__figure+.o-why-hero__figure{padding-left:18px}}@media screen and (max-width:749px){.o-why-hero__eyebrow{margin-bottom:18px}.o-why-hero__visual{margin-top:20px}.o-why-hero__figures{margin-top:24px}.o-why-hero__figure{padding-right:12px}.o-why-hero__figure+.o-why-hero__figure{padding-left:14px}.o-why-hero__lead,.o-why-hero__cta{margin-top:24px}}.o-why-band{--caps-room: 100000px;--caps-color: var(--dot);position:relative;overflow:clip;contain:inline-size;margin:-24px 0 72px}.o-why-band__track{display:flex;width:max-content}.o-why-band__line{flex:none;padding-right:.9em}.o-why-band__line .oro-caps__art{padding-right:48px}.o-why-taste__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;align-items:center}.o-why-taste__stage{padding:7% 6%;background:var(--paper)}.o-why-taste__frame{position:relative}.o-why-taste__frame picture{display:block}.o-why-taste__photo{display:block;width:100%;height:auto}.o-why-spot{position:absolute;top:var(--y);left:var(--x);z-index:3;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:none;color:var(--ink);cursor:pointer;translate:-50% -50%;-webkit-tap-highlight-color:transparent}.o-why-spot__dot{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--white);box-shadow:inset 0 0 0 1.5px var(--ink),0 4px 12px rgba(var(--ink-rgb),.22);font-family:var(--font-mono);font-size:12px;line-height:1;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.o-why-spot.is-active .o-why-spot__dot{background:var(--ink);color:var(--white)}.o-why-loupe{position:absolute;top:0;left:0;z-index:2;width:clamp(104px,27%,168px);aspect-ratio:1;overflow:hidden;border-radius:50%;background-color:var(--white);background-image:var(--loupe-img, none);background-repeat:no-repeat;box-shadow:0 0 0 4px var(--white),0 0 0 5px var(--line),0 20px 36px -16px rgba(var(--ink-rgb),.4);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease)}.o-why-loupe.is-on{opacity:1}.o-why-loupe.is-following{transition:opacity var(--dur) var(--ease)}.o-why-loupe .o-why-pic{position:absolute;inset:0}.o-why-loupe__img{opacity:0;transition:opacity var(--dur) var(--ease)}.o-why-loupe.is-ingredient .o-why-loupe__img.is-shown{opacity:1}.o-why-pic{display:block;width:100%;height:100%}.o-why-pic img{display:block;width:100%;height:100%;object-fit:cover}.o-why-pic--cut img{box-sizing:border-box;padding:14%;background:var(--paper);object-fit:contain}.o-why-legend{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.o-why-legend__item{display:grid;grid-template-columns:28px minmax(0,1fr) 56px;align-items:center;gap:18px;min-height:92px;padding:16px 0;border-bottom:1px solid var(--line);cursor:default}.o-why-legend__n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink);font-family:var(--font-mono);font-size:12px;line-height:1;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.o-why-legend__item.is-active .o-why-legend__n{background:var(--ink);color:var(--white)}.o-why-legend__text{display:flex;flex-direction:column;gap:4px;min-width:0}.o-why-legend__name{font-size:17px;line-height:1.35;color:var(--ink)}.o-why-legend__role{font-size:var(--fs-small);line-height:1.45;color:var(--mid)}.o-why-legend__thumb{width:56px;height:56px;overflow:hidden;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.o-why-legend__thumb .o-why-pic--cut img{padding:10%}@media screen and (min-width:990px){.o-why-taste__grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px}}@media screen and (max-width:749px){.o-why-band{margin:-12px 0 44px}.o-why-band__line .oro-caps__art{padding-right:28px}.o-why-taste__grid{gap:28px}.o-why-taste__stage{padding:8% 4%}.o-why-legend__item{grid-template-columns:28px minmax(0,1fr) 48px;gap:14px;min-height:80px;padding:14px 0}.o-why-legend__name{font-size:15px}.o-why-legend__thumb{width:48px;height:48px}.o-why-cta{margin-top:40px}.o-why-cta .o-note{text-wrap:balance}}.o-why-routine__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}.o-why-routine__panel{min-width:0}.o-why-figs{--fig-pad: 33px;--fig-unit: 44px;--fig-max: 40px;--fig-room: calc(100cqi / 3 - var(--fig-pad) - var(--fig-unit));--fig-cap: clamp(16px, var(--fig-room) / 2.75, var(--fig-max));container-type:inline-size;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:32px 0;border-top:1px solid var(--line)}.o-why-fig{min-width:0;padding:18px 16px 0 0}.o-why-fig+.o-why-fig{padding-left:16px;border-left:1px solid var(--line)}.o-why-fig dt{margin:0 0 14px}.o-why-fig dd{margin:0}.o-why-figs .oro-caps{--caps-d: var(--fig-cap);--caps-m: var(--fig-cap);--caps-room: var(--fig-room)}.o-why-figs .o-why-num{--n-cap: var(--fig-cap)}.o-why-routine__text{max-width:520px;margin:0 0 28px}[data-mode-show][hidden]{display:none}[data-mode-show].is-in{animation:oroWhyIn var(--dur) var(--ease) both}@keyframes oroWhyIn{0%{opacity:0;translate:0 8px}}.o-why-offer{margin-top:32px;padding-top:28px;border-top:1px solid var(--line)}.o-why-offer__price{margin:0 0 24px;font-size:16px;line-height:1.45;color:var(--ink)}.o-why-offer__perks{display:flex;flex-wrap:wrap;gap:10px 22px;margin:22px 0 0;padding:0;list-style:none}.o-why-offer__perks li{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;color:var(--mid)}.o-why-offer__perks .o-icon{color:inherit}.o-why-routine__visual{position:relative;min-width:0;padding:7% 6% 4%;background:var(--white)}.o-why-routine__packs{position:relative;width:100%;max-width:620px;margin-inline:auto;aspect-ratio:16 / 11}.o-why-routine__pack{position:absolute;left:6%;width:90%;transition:opacity var(--dur) var(--ease),translate var(--dur) var(--ease)}.o-why-routine__pack img{display:block;width:100%;height:auto}.o-why-routine__pack--1{top:40%;z-index:2}.o-why-routine__pack--2{top:14%;z-index:1;opacity:0;translate:0 18%;rotate:-3deg}[data-mode=two] .o-why-routine__pack--2{opacity:1;translate:-3% 0}.o-why-routine__count{position:absolute;top:28px;left:32px;--caps-color: var(--dot)}@media screen and (max-width:749px){.o-why-routine__count{top:16px;left:18px}}@media screen and (min-width:990px){.o-why-routine__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}}@media screen and (min-width:990px)and (max-width:1399px){.o-why-routine__grid{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}@media screen and (max-width:749px){.o-why-figs{--fig-pad: 23px;--fig-unit: 36px;--fig-max: 22.1px}.o-why-routine__seg{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;width:100%}.o-why-figs{margin:24px 0}.o-why-fig{padding:14px 10px 0 0}.o-why-fig+.o-why-fig{padding-left:12px}.o-why-fig dt{margin-bottom:10px}.o-why-routine__visual{order:-1}.o-why-routine__pack--1{top:16%}[data-mode=two] .o-why-routine__pack--1{translate:0 21.73%}.o-why-routine__pack--2{top:6%}.o-why-offer__cta{display:flex;width:100%}}.o-why-rings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:1040px;margin:0 auto;padding:0;list-style:none}.o-why-ring{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.o-why-ring__dial{position:relative;display:grid;place-items:center;width:184px;aspect-ratio:1;margin-bottom:16px}.o-why-ring__dial>svg{position:absolute;inset:0;width:100%;height:100%;rotate:-90deg}.o-why-ring__track,.o-why-ring__fill{fill:none;stroke-width:6}.o-why-ring__track{stroke:var(--line)}.o-why-ring__fill{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--p, 100))}.o-why-ring--plain .o-why-ring__dial{border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line)}.o-why-ring__value{position:relative}.o-why-ring__label{font-size:17px;line-height:1.35;color:var(--ink)}.o-why-ring__sub{max-width:220px}.o-why-bonus__claims{display:flex;flex-direction:column;gap:16px;margin-top:64px}.o-why-bonus__note{margin:0}@media screen and (max-width:749px){.o-why-rings{grid-template-columns:minmax(0,1fr);gap:20px}.o-why-ring{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"dial label" "dial sub";align-content:center;align-items:center;column-gap:14px;row-gap:4px;text-align:left}.o-why-ring__dial{grid-area:dial;width:112px;margin:0}.o-why-ring__label{grid-area:label;align-self:end;font-size:15px}.o-why-ring__sub{grid-area:sub;align-self:start;max-width:none;text-wrap:balance}.o-why-bonus__claims{margin-top:40px}}.o-why-clean__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}.o-why-clean__text{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}.o-why-clean__text .o-lead{max-width:520px;margin:0}.o-why-seals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.o-why-seal{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:128px;padding:24px 20px;box-sizing:border-box;background:var(--white)}.o-why-seal__icon{color:var(--ink)}.o-why-seal__label{font-size:15px;line-height:1.4;color:var(--ink)}@media screen and (min-width:990px){.o-why-clean__grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px}.o-why-clean__text .o-why-head__title{--caps-room: calc((min(100vw, var(--wrap)) - 2 * var(--gutter) - 64px) * 5 / 11)}}@media screen and (max-width:749px){.o-why-seals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.o-why-seal{min-height:112px;padding:18px 16px;gap:14px}.o-why-seal__label{font-size:14px}.o-why-head,.o-why-head__main{gap:18px}.o-why-head{margin-bottom:40px}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.o-why-break{view-timeline-name:--oroWhyBreak}.o-why-break__piece--left{animation:oroWhyLeft linear both;animation-timeline:--oroWhyBreak;animation-range:exit 0% exit 100%}.o-why-break__piece--right{animation:oroWhyRight linear both;animation-timeline:--oroWhyBreak;animation-range:exit 0% exit 100%}.o-why-break__piece--crumbs{animation:oroWhyCrumbs linear both;animation-timeline:--oroWhyBreak;animation-range:exit 0% exit 100%}.o-why-band__track{animation:oroWhyBand linear both;animation-timeline:view();animation-range:cover 0% cover 100%}.o-why-ring__fill{animation:oroWhyRing linear both;animation-timeline:view();animation-range:entry 20% cover 45%}}}@keyframes oroWhyLeft{to{translate:-4% 3%;rotate:-7deg}}@keyframes oroWhyRight{to{translate:4% 4%;rotate:9deg}}@keyframes oroWhyCrumbs{to{translate:0 14%;opacity:.6}}@keyframes oroWhyBand{0%{translate:0 0}to{translate:-28% 0}}@keyframes oroWhyRing{0%{stroke-dashoffset:100}}@media(prefers-reduced-motion:reduce){.o-why-spot__dot,.o-why-legend__n,.o-why-loupe,.o-why-loupe__img,.o-why-routine__pack{transition:none}[data-mode-show].is-in{animation:none}}
