@layer components{:root{--paper-grain:url(/landing/rendered/paper-grain.webp)}.paper-panel:after,.worn-card:after,.collection-postcard{background-size:180px 180px}.stamp-face-image{width:100%;height:auto;display:block}.card-paper-image{object-fit:cover;border-radius:inherit}.stamp-collection{padding-block:0}.stamp-collection-grid{padding-block:41px 42px}.stamp-collection-grid .stamp-arrival:nth-child(2),.stamp-collection-grid .stamp-arrival:nth-child(4){align-self:center;margin-block:0}.hero-footnote{margin-top:19px;padding-top:0;padding-bottom:14px}.bento-art{aspect-ratio:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:-1;width:205px;position:absolute;bottom:-25px;right:-13px}.bento-art-coffee{width:220px;bottom:-24px;right:-15px}.bento-art-layer{width:100%;height:100%;animation:.22s ease-out artwork-in}.bento-art img{object-fit:contain;width:100%;height:100%}.bento-art .backpack-illustration,.bento-art .cup-illustration{width:100%;height:100%;position:static}.bento-stamp{z-index:1;position:absolute;top:50%;bottom:auto;right:20px;translate:0 -50%;width:var(--bento-stamp,140px)!important}.benefit-card.bento-tall{min-height:212px}.benefit-card.yellow-card.bento-tall{min-height:0}@media (width<=1249px) and (width>=651px){.hero-grid>.benefit-card{grid-column:span 6}.hero-grid>.benefit-card.yellow-card{grid-column:1/-1;grid-template-columns:1fr minmax(260px,380px);align-items:end;column-gap:32px;min-height:0;display:grid}.hero-grid>.benefit-card.yellow-card>*{grid-column:1}.benefit-card .bento-stamp{--bento-stamp:clamp(104px, 32%, 140px)}}@media (width<=650px){.hero-grid>.benefit-card.bento-tall{grid-column:1/-1}.hero-grid>.benefit-card.bento-tall:not(.yellow-card){min-height:188px}.benefit-card .bento-stamp{--bento-stamp:112px;right:18px}}@media (width<=370px){.benefit-card .bento-stamp{--bento-stamp:100px}}.has-bento-stamp h2{text-wrap:balance}.has-bento-stamp p{text-wrap:pretty}@media (width>=651px){.has-bento-stamp>div{max-width:62%}}@media (width<=650px){.bento-tall:not(.yellow-card)>div{max-width:58%}.bento-tall:not(.yellow-card) p{max-width:none}}.price-promise>.price-soon{font-size:clamp(36px,3.4vw,48px)}@keyframes artwork-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.artwork-switcher{z-index:30;background:#fbf6e9;border:1px solid #d5cbb6;border-radius:14px;align-items:center;gap:16px;max-width:calc(100% - 24px);padding:8px 10px 8px 18px;font-size:12px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #422b2020}.artwork-switcher>span{white-space:nowrap;font-weight:600}.artwork-switcher>div{gap:4px;display:flex}.artwork-switcher button{white-space:nowrap;border-radius:8px;min-height:44px;padding:8px 13px}.artwork-switcher button[aria-pressed=true]{background:var(--green);color:#fff7e5}.artwork-switcher button:focus-visible{outline:2px solid var(--red);outline-offset:2px}.collection-postcard{z-index:-1;background-color:#e6d8b9;background-image:var(--paper-grain), linear-gradient(100deg, #c3a47621, #fff8e832 44%, #b3976b14);color:#99876a;pointer-events:none;background-size:120px 120px,100% 100%;border:1px solid #bcaa88a6;border-top:0;border-radius:0;width:100%;height:200%;position:absolute;bottom:0;left:0;box-shadow:inset 0 -2px #c7b99e50,inset 0 0 65px #a5896030}.postcard-address{background:repeating-linear-gradient(#0000 0 35px,#ab9a7940 35px 36px);border-left:1px solid #ab9a7950;width:36%;position:absolute;top:0;bottom:30px;left:52%}.stamp-collection[data-arrival=waiting] .stamp-arrival{opacity:0;transform:translateY(-260px)}.stamp-collection[data-prepared][data-arrival=waiting] .stamp-arrival,.stamp-collection[data-arrival=arrived] .stamp-arrival{will-change:transform, opacity}.stamp-collection[data-arrival=arrived] .stamp-arrival{animation:stamps-arrive .6s cubic-bezier(.215, .61, .355, 1) var(--arrival-delay) both}@keyframes stamps-arrive{0%{opacity:0;transform:translateY(-260px)}25%{opacity:1}to{opacity:1;transform:translateY(0)}}.destination-stamp-stack{display:grid}.destination-stamp-layer{grid-area:1/1;min-width:0;position:relative}.destination-stamp-layer.is-entering{z-index:1;will-change:opacity;animation:.18s ease-out both stamp-enter}.destination-stamp-layer.is-leaving{pointer-events:none;will-change:opacity;animation:.18s ease-out both stamp-leave}@keyframes stamp-enter{0%{opacity:0}to{opacity:1}}@keyframes stamp-leave{to{opacity:0}}.pack-visual{flex:1;min-height:0;display:flex;position:relative}.pack-visual>.sachet-fan{width:100%}.sachet-playground{isolation:isolate;flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.sachet-physics{cursor:grab;position:absolute;inset:0;overflow:hidden}.sachet-physics[data-dragging=true]{cursor:grabbing}.physics-sachet{width:var(--sachet-width,54px);height:var(--sachet-height,202px);pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.physics-sachet[hidden]{display:none}.physics-sachet-art{width:100%;height:100%}.physics-sachet img{width:100%;height:100%;box-shadow:1px 2px 3px #55351e18}.physics-sachet[data-state=leaving] .physics-sachet-art{animation:.2s ease-out both sachet-away}.sachet-puff{opacity:0;background:#fff8e9b3;border-radius:50%;position:absolute;inset:30% -30%;box-shadow:14px 5px 0 -3px #fff8e97a,-12px -8px 0 -2px #fff8e993}.physics-sachet[data-state=leaving] .sachet-puff{animation:.24s ease-out both sachet-puff}@keyframes sachet-away{to{opacity:0;transform:scale(.55)}}@keyframes sachet-puff{0%{opacity:0;transform:scale(.3)}30%{opacity:.8}to{opacity:0;transform:scale(1.4)}}@media (width>=901px){.pack-art:has(.sachet-playground)>.eyebrow{z-index:2;pointer-events:none;background:0 0;position:absolute;top:30px;left:30px;right:30px}.pack-art:has(.sachet-playground) .pack-art-bottom{z-index:2;pointer-events:none;min-height:115px;padding-top:45px;position:absolute;bottom:30px;left:30px;right:30px}.pack-art:has(.sachet-playground) .pack-art-bottom:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#efe8d8c9 55%,#efe8d8 92%);position:absolute;inset:-55px -30px -30px}.pack-art:has(.sachet-playground) .pack-visual{margin:0;position:absolute;inset:0}}@media (width<=1100px){.bento-art{width:172px;right:-15px}.bento-art-coffee{width:185px}}@media (width<=900px){.bento-art{width:143px;bottom:-22px;right:-17px}.bento-art-coffee{width:155px}}@media (width<=650px){.stamp-collection-grid{padding-block:35px}.hero-footnote{margin-top:19px;padding-top:0;padding-bottom:4px}.bento-art{width:155px;bottom:-25px;right:-8px}.bento-art-coffee{width:169px;bottom:-27px}.artwork-switcher{flex-direction:column;gap:0;padding:8px;font-size:11px;bottom:10px}.artwork-switcher button{padding-inline:10px}.collection-postcard{height:200%}}@media (prefers-reduced-motion:reduce){.bento-art-layer,.destination-stamp-layer.is-entering,.destination-stamp-layer.is-leaving,.stamp-collection[data-arrival=arrived] .stamp-arrival{animation:none}.stamp-collection[data-arrival=waiting] .stamp-arrival{opacity:1;transform:none}.destination-stamp-layer.is-leaving{visibility:hidden}}}