.hero{max-width:1280px;margin:0 auto;padding:16px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:24px;min-height:calc(100svh - 150px);align-items:center}.copy{padding-bottom:40px;position:relative;z-index:2}h1,.hl-title{font:350 clamp(44px,min(6vw,8.6svh),88px)/.95 var(--serif);font-variation-settings:"opsz" 144;letter-spacing:-.035em;max-width:11.5ch}.hl-title em{font-style:italic;font-weight:300;color:var(--ember)}.lede{font-size:17px;color:var(--ink-soft);max-width:42ch;margin:18px 0 24px}.lede strong{color:var(--ink);font-weight:500}.hl-track{display:grid}.hl{grid-area:1 / 1;opacity:0;translate:0 18px;visibility:hidden;transition:opacity .6s ease,translate .7s cubic-bezier(.2,.8,.2,1),visibility 0s .7s}.hl.is-on{opacity:1;translate:0 0;visibility:visible;transition-delay:0s}.hl-dots{display:flex;gap:6px;margin:-6px 0 22px}.hl-dots button{width:34px;height:18px;border:0;background:none;padding:0;display:grid;align-items:center}.hl-dots i{display:block;height:3px;border-radius:3px;background:var(--line);overflow:hidden}.hl-dots i:after{content:"";display:block;height:100%;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left}.hl-dots button.done i:after{transform:scaleX(1)}.hl-dots button[aria-selected=true] i:after{animation:hl-fill 6s linear forwards}.headlines.paused .hl-dots i:after{animation-play-state:paused}@keyframes hl-fill{to{transform:scaleX(1)}}.buy{max-width:460px}.buy .step+.step{margin-top:18px}.row-label .save{color:var(--ember);font-weight:500}.packs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pack{background:transparent;border:1px solid var(--line);border-radius:12px;padding:10px 8px 9px;text-align:left;position:relative;transition:border-color .15s,background .15s}.pack:hover{border-color:var(--ink-soft)}.pack[aria-pressed=true]{border-color:var(--ink);background:#fff}.pack b{display:block;font-weight:600;font-size:14px}.pack small{font-size:12px;color:var(--ink-soft)}.pack .tag{position:absolute;top:-9px;right:8px;background:var(--ember);color:#fff;font-size:10px;font-weight:600;letter-spacing:.04em;border-radius:4px;padding:1px 6px}.paint{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.slots{display:flex;gap:6px;padding-right:18px;border-right:1px solid var(--line)}.slots:has(+.swatches[hidden]){border-right:0;padding-right:0}.slot{border:0;background:none;padding:5px 7px 3px;display:grid;justify-items:center;gap:3px;font-size:11px;color:var(--ink-soft);border-radius:10px}.slot i{display:block;width:20px;height:28px;border-radius:50%/42%;rotate:-10deg;box-shadow:inset 0 -6px 7px #ffffffa6,0 0 0 1px #2b1d1c24;transition:background .25s}.slot[data-color=pink] i{background:#f2b9ba}.slot[data-color=blue] i{background:#6fd0ea}.slot[data-color=green] i{background:#8fe0b4}.slot[aria-pressed=true]{outline:1.5px solid var(--ink);color:var(--ink)}.slot{white-space:nowrap}.slot .beans{display:flex}.slot .beans i+i{margin-left:-7px;rotate:6deg}.slot.fixed{cursor:default}.swatch.out{opacity:.3;background-image:linear-gradient(135deg,transparent 47%,var(--ink) 48% 52%,transparent 53%)}[hidden]{display:none!important}.cta .price s{opacity:.5;margin-right:8px;font-size:14px}.buy .cta{margin-top:22px}.stage{position:relative;height:min(78svh,720px);min-height:520px}.glow{position:absolute;left:50%;top:50%;width:620px;height:620px;translate:-50% -50%;background:radial-gradient(closest-side,rgba(255,150,90,.55),rgba(255,170,120,.18) 55%,transparent 100%);border-radius:50%;opacity:.55;scale:.82;transition:opacity .8s ease,scale .8s ease;animation:breathe 5s ease-in-out infinite}.stage[data-heat=high] .glow{opacity:1;scale:1.02}@keyframes breathe{50%{transform:scale(1.04)}}.product{position:absolute;left:50%;top:50%;height:100%;aspect-ratio:1;translate:-50% -48%;rotate:9deg;pointer-events:none;filter:drop-shadow(0 30px 40px rgba(90,45,30,.18)) drop-shadow(0 4px 8px rgba(90,45,30,.08))}.product img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease}.product img.on{opacity:1}.shadow{position:absolute;left:50%;bottom:3%;width:34%;height:26px;translate:-46% 0;background:radial-gradient(closest-side,rgba(60,30,20,.22),transparent);rotate:4deg}.note-a{position:absolute;font:italic 400 17px/1.25 var(--serif);color:var(--ink)}.note-a svg{position:absolute;overflow:visible}.note-a path{fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.a1{top:9%;right:0;width:150px}.a1 svg{left:-92px;top:14px;width:90px;height:40px}.a2{top:47%;left:0;width:140px;text-align:right}.a2 svg{right:-84px;top:22px;width:80px;height:40px}.a3{bottom:12%;right:2%;width:150px}.a3 svg{left:-76px;top:-24px;width:72px;height:40px}.heat{position:absolute;left:4%;bottom:7%;background:#ffffffb8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:18px;padding:14px 16px 12px;width:196px}.heat .readout{display:flex;align-items:baseline;gap:8px}.heat .deg{font:350 44px/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.heat .unit{font-size:13px;color:var(--ink-soft);white-space:nowrap}.heat .toggle{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;background:var(--cream-2);border-radius:999px;padding:3px;position:relative}.heat .toggle:before{content:"";position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);background:#fff;border-radius:999px;box-shadow:0 1px 3px #2b1d1c1f;transition:transform .3s cubic-bezier(.3,.7,.3,1)}.heat .toggle[data-heat=high]:before{transform:translate(100%);background:var(--ember)}.heat .toggle button{border:0;background:none;padding:6px 0;font-size:13px;font-weight:500;position:relative;z-index:1;transition:color .3s}.heat .toggle[data-heat=high] button[data-level=high]{color:#fff}.packets{background:var(--cream-2);border-top:1px solid var(--line)}.packets-in{max-width:1280px;margin:0 auto;padding:104px 32px 56px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}.packets h2{font:350 clamp(40px,5vw,72px)/.98 var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 144;max-width:10ch}.packets h2 #pkCount{font-variant-numeric:tabular-nums}.packets h2 em{font-style:italic;font-weight:300;color:var(--ember)}.pk-lede{color:var(--ink-soft);font-size:17px;max-width:42ch;margin:20px 0 32px}.dials{display:grid;gap:22px;max-width:440px}.dial{display:grid;gap:10px}.dial-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--ink-soft)}.dial output{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}.assume{font-size:13px;color:var(--ink-soft);font-style:italic;font-family:var(--serif)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:none;margin:0;--fill: 36%}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--ink) var(--fill),var(--line) var(--fill))}input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:var(--line)}input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;margin-top:-9.5px;background:#fff;border:1.5px solid var(--ink);box-shadow:0 2px 6px #2b1d1c26;cursor:grab}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid var(--ink);cursor:grab}input[type=range]:focus-visible{outline:2px solid var(--ember);outline-offset:4px;border-radius:4px}.pile-wrap{position:relative;height:380px;border-radius:28px;background:var(--cream);border:1px solid var(--line);padding:28px 150px 28px 28px;overflow:hidden}.pile{position:relative;height:100%}.pk{position:absolute;width:22px;height:30px;border-radius:4px;background:linear-gradient(160deg,#eee9e1,#cdc3b5);box-shadow:inset 0 0 0 1px #2b1d1c33,0 1px 2px #2b1d1c14;rotate:var(--r);animation:drop .45s cubic-bezier(.3,1.3,.5,1) both}.pk:before,.pk:after{content:"";position:absolute;left:3px;right:3px;height:3px;background:repeating-linear-gradient(90deg,rgba(43,29,28,.28) 0 1px,transparent 1px 3px)}.pk:before{top:3px}.pk:after{bottom:3px}.pk.still{animation:none}@keyframes drop{0%{translate:0 -120px;opacity:0}}.one{position:absolute;right:26px;bottom:22px;width:104px;margin:0;text-align:center}.one img{width:100%;rotate:8deg;filter:drop-shadow(0 12px 14px rgba(90,45,30,.18))}.one figcaption{font:italic 400 15px/1.2 var(--serif);margin-top:4px}.tally{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.tally div{padding:14px 16px;border-radius:16px;background:var(--cream);border:1px solid var(--line)}.tally dt{font-size:13px;color:var(--ink-soft)}.tally dd{margin:4px 0 0;font:400 24px/1.1 var(--serif);font-variant-numeric:tabular-nums}.tally .win{background:var(--ink);border-color:var(--ink)}.tally .win dt{color:#fbf6efb3}.tally .win dd{color:var(--cream)}.versus{max-width:1280px;margin:0 auto;padding:0 32px 104px}.versus table{width:100%;border-collapse:collapse;font-size:15px}.versus th,.versus td{text-align:left;padding:14px 16px 14px 0;border-bottom:1px solid var(--line)}.versus thead th{font:400 13px/1 var(--sans);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em}.versus tbody th{font-weight:500;width:26%}.versus td{color:var(--ink-soft);width:37%}.versus td:last-child{color:var(--ink)}.versus thead th:last-child{color:var(--ember)}.how{max-width:1280px;margin:0 auto;padding:112px 32px 104px}.how-head{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:56px}.how h2{font:350 clamp(40px,5vw,72px)/.98 var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 144;max-width:12ch}.how h2 em{font-style:italic;font-weight:300;color:var(--ember)}.how-note{color:var(--ink-soft);font-size:17px;max-width:32ch;justify-self:end}.steps{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr) 64px minmax(0,1fr);align-items:start}.stp h3{font:400 30px/1.1 var(--serif);letter-spacing:-.02em;margin:2px 0 8px}.stp p:last-child{color:var(--ink-soft);font-size:15px;max-width:30ch}.stp strong{color:var(--ink);font-weight:500}.when{font:italic 400 17px/1 var(--serif);color:var(--ember);margin-top:22px}.art{aspect-ratio:220 / 180;border-radius:24px;background:radial-gradient(70% 70% at 50% 45%,#fff 0%,var(--cream-2) 75%)}.art svg{width:100%;height:100%;display:block}.art .ink,.art .ink *{fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.art .bean{fill:#f6d6d4!important}.art .paper{fill:#fff!important}.art .fabric{fill:#e6dacb!important}.art .stitch{stroke-width:1!important;stroke-dasharray:3 4}.art .skin{fill:#f7e3d6;stroke:var(--ink);stroke-width:1.6}.art .thin{fill:none;stroke:var(--ink);stroke-width:1.2;stroke-linecap:round}.art .spark,.art .waves path{fill:none;stroke:var(--ember);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.arrow{align-self:center;margin-top:-90px;padding:0 4px}.arrow svg{width:100%;fill:none;stroke:var(--ink-soft);stroke-width:1.4;stroke-linecap:round}.plug,.finger,.dropin,.spark,.waves,.juice{transition:transform .8s cubic-bezier(.3,1.2,.4,1),opacity .5s ease}.how:not(.play) .plug{transform:translateY(22px)}.how:not(.play) .spark{opacity:0}.how:not(.play) .finger{transform:translateY(-26px)}.how:not(.play) .waves{opacity:0}.how:not(.play) .dropin{transform:translateY(-46px)}.how:not(.play) .juice{transform:scaleX(1)}.how.play .plug{transition-delay:.2s}.how.play .spark{transition-delay:.9s}.how.play .finger{transition-delay:.5s}.how.play .waves{transition-delay:1.1s}.how.play .dropin{transition-delay:.8s}.juice{transform-box:fill-box;transform-origin:left center;transition-duration:2.4s}.how.play .juice{transform:scaleX(6);transition-delay:1.4s}.waves{animation:shimmer 2.6s ease-in-out 2s infinite}@keyframes shimmer{50%{translate:0 -3px}}.extra{margin-top:72px;border-radius:28px;background:var(--ink);color:var(--cream);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:40px 48px}.extra .when{margin-top:0;color:var(--blush)}.extra h3{font:350 clamp(28px,3vw,38px)/1.08 var(--serif);letter-spacing:-.025em;margin:8px 0 12px;max-width:16ch}.extra p:last-child{color:#fbf6efb8;max-width:40ch}.extra svg{width:100%;max-width:380px;justify-self:end;color:var(--cream)}.moments{background:var(--cream-2);border-top:1px solid var(--line);overflow:clip}.moments-head{max-width:1280px;margin:0 auto;padding:104px 32px 48px}.moments h2{font:350 clamp(40px,5vw,72px)/.98 var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 144}.moments h2 em{font-style:italic;font-weight:300;color:var(--ember)}.collage{max-width:1280px;margin:0 auto;padding:0 32px 120px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}.m{margin:0;position:relative}.m img{display:block;width:100%;height:auto;border-radius:6px;background:var(--line);box-shadow:0 18px 40px -18px #3c231959}.m1 img,.m3 img{aspect-ratio:3 / 4;object-fit:cover}.m2 img,.m4 img{aspect-ratio:3 / 2;object-fit:cover}.m figcaption{margin-top:12px;font:italic 400 17px/1.3 var(--serif)}.m time{font:600 11px/1 var(--sans);letter-spacing:.08em;color:var(--ember);margin-right:8px;font-style:normal;vertical-align:2px}.m1{grid-column:1 / 5;grid-row:1;rotate:-1.2deg}.m2{grid-column:6 / 13;grid-row:1;rotate:.8deg;margin-top:72px}.m4{grid-column:2 / 8;grid-row:2;rotate:-.6deg;margin-top:56px}.m3{grid-column:9 / 12;grid-row:2;rotate:1.6deg;margin-top:-96px;z-index:1}.proof{display:grid;gap:3px;margin-top:12px;padding:10px 14px;max-width:460px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:#ffffff80;transition:border-color .2s,background .2s}.proof:hover{border-color:var(--ink-soft);background:#fff}.proof-top{font-size:14px;color:var(--ink-soft)}.proof-top b{color:var(--ink);font-weight:500}.proof-q{font:italic 400 15px/1.35 var(--serif)}.proof-top{display:flex;gap:6px;align-items:baseline}.proof-who{margin-left:auto;font-size:12px;color:var(--ink-soft)}.proof-by{font:400 12px/1 var(--sans);font-style:normal;color:var(--ink-soft)}.reviews{border-top:1px solid var(--line)}.reviews-in{max-width:1280px;margin:0 auto;padding:104px 32px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}.reviews h2,.faq h2{font:350 clamp(40px,5vw,64px)/.98 var(--serif);letter-spacing:-.035em;font-variation-settings:"opsz" 144;margin-bottom:20px}.reviews h2 em,.faq h2 em{font-style:italic;font-weight:300;color:var(--ember)}.rev-head p:last-child,.faq-head p:last-child{color:var(--ink-soft);max-width:40ch}.stars{color:var(--ember);letter-spacing:2px}.stars i{font-style:normal;color:var(--line)}.rev-sum{color:var(--ink-soft);margin-bottom:16px;font-size:15px}.rev-sum b{font:400 28px/1 var(--serif);color:var(--ink);margin-right:6px}.rev{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px 30px;rotate:-.4deg}.rev+.rev{margin-top:14px;rotate:.5deg}.rev blockquote{margin:12px 0 16px;font:400 21px/1.4 var(--serif);letter-spacing:-.01em}.rev .who{font-size:14px;color:var(--ink-soft)}.rev .who b{color:var(--ink);font-weight:500}.rev-empty{font:italic 400 20px/1.4 var(--serif);color:var(--ink-soft)}.faq{max-width:1280px;margin:0 auto;padding:0 32px 104px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:start}.faq-head{position:sticky;top:32px}.faq-head a{color:var(--ink)}.faq-list details>div p+p{margin-top:10px}.faq-list b{color:var(--ink);font-weight:500}.faq-list a{color:var(--ink)}.details{max-width:1280px;margin:0 auto;padding:96px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}.details h2{font:350 clamp(34px,4vw,52px)/1 var(--serif);letter-spacing:-.03em;margin-bottom:28px}.size-card{border-radius:28px;aspect-ratio:1 / 1;display:grid;place-items:center;background:radial-gradient(60% 55% at 50% 52%,#fff 0%,var(--cream-2) 70%)}.size-card svg{width:82%}details{border-bottom:1px solid var(--line)}details:first-of-type{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:18px 0;display:flex;justify-content:space-between;font:400 20px/1.2 var(--serif)}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:300 24px/1 var(--sans);transition:rotate .2s}details[open] summary:after{rotate:45deg}details>div{padding:0 0 20px;color:var(--ink-soft);font-size:15px}details p+p{margin-top:10px}dl{display:grid;grid-template-columns:11em 1fr;gap:9px 16px}dt{color:var(--ink-soft)}dd{color:var(--ink);margin:0}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:0 16px;min-height:0;gap:0}.stage{order:-1;height:440px;min-height:0;margin:0 -16px}.glow{width:420px;height:420px}.a2{display:none}.a1{right:16px;width:120px;font-size:15px}.a1 svg{left:-60px;width:58px}.a3{right:16px;bottom:6%;width:118px;font-size:15px}.a3 svg{display:none}.heat{left:16px;bottom:4%;width:168px;padding:10px 12px}.heat .deg{font-size:34px}.copy{padding-bottom:32px}.hl-title{max-width:12ch}.lede{font-size:16px;margin:14px 0 22px}.details{grid-template-columns:1fr;gap:32px;padding:56px 16px}.packets-in{grid-template-columns:1fr;gap:0;padding:64px 16px 40px}.pk-copy{display:contents}.pk-lede{margin-bottom:24px}.pk-visual{order:1}.dials{order:2;margin-top:24px;max-width:none}.versus{padding:0 16px 64px;overflow-x:auto}.how{padding:72px 16px 64px}.how-head{grid-template-columns:1fr;gap:14px;margin-bottom:32px}.how-note{justify-self:start;font-size:16px}.steps{grid-template-columns:1fr;max-width:460px}.arrow{width:44px;margin:6px 0 6px 24px;rotate:90deg}.extra{grid-template-columns:1fr;padding:30px 22px 22px;margin-top:48px;border-radius:22px}.extra svg{justify-self:center}.moments-head{padding:72px 16px 28px}.collage{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:12px;padding:0 16px 72px}.m1{grid-column:1 / 5;grid-row:1}.m2{grid-column:2 / 7;grid-row:2;margin-top:32px}.m3{grid-column:3 / 7;grid-row:3;margin-top:32px}.m4{grid-column:1 / 6;grid-row:4;margin-top:32px}.m figcaption{font-size:15px}.reviews-in{grid-template-columns:1fr;gap:28px;padding:72px 16px}.faq{grid-template-columns:1fr;gap:20px;padding:0 16px 72px}.faq-head{position:static}.rev{padding:22px 20px}.rev blockquote{font-size:18px}}@media(max-width:600px){.pile-wrap{height:300px;padding:18px 96px 18px 16px;border-radius:20px}.pk{width:14px;height:19px;border-radius:3px}.pk:before,.pk:after{left:2px;right:2px;height:2px;top:2px}.pk:after{top:auto;bottom:2px}.one{width:68px;right:16px;bottom:16px}.one figcaption{font-size:13px}.tally{grid-template-columns:1fr 1fr}.tally .win{grid-column:1 / -1}.tally dd{font-size:21px}.versus table{font-size:14px;min-width:520px}}@media(max-width:600px){.stage{height:360px}.product{height:88%;translate:-50% -52%}.glow{width:340px;height:340px}.a1,.a3{display:none}.heat{left:auto;right:16px;bottom:0;width:172px}.heat .deg{font-size:30px}.heat .unit{font-size:12px}.pack{padding:9px 7px 8px}.slots{border-right:0;padding-right:0;width:100%}dl{grid-template-columns:8.5em 1fr;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/home.css.map */