.tf-story{--tf-story-top:88px;--story-bg:#edb447;--story-nav:#fff8ed;--story-nav-bg:#42231655;--story-progress:0;position:relative;margin:0 12px;border-radius:24px;background:#edb447;isolation:isolate}.tf-story__stage{position:relative;border-radius:inherit;overflow:hidden;background:var(--story-bg)}.tf-story__atmosphere,.tf-story__shards,.tf-story__ingredients,.tf-story__progress{display:none}.tf-story__panel{position:relative;min-height:590px;padding:80px max(6%,calc((100vw - 1280px)/2));overflow:hidden}.tf-story__copy{position:relative;z-index:4;max-width:540px}.tf-story__copy .tf-eyebrow{font-size:10px;margin:0 0 22px;letter-spacing:.14em}.tf-story__copy h1,.tf-story__copy h2{font-size:clamp(60px,7.1vw,110px);line-height:.93;letter-spacing:-.068em;font-weight:850;margin:0 0 25px;text-wrap:balance}.tf-story__copy h2 em{font-style:normal}.tf-story__description{font-size:17px;line-height:1.6;max-width:360px;margin:0 0 27px}.tf-story__panel--hello{min-height:690px;color:#fff8ed;display:flex;align-items:center;background:#a63c20}.tf-story__hero-media,.tf-story__hero-shade{position:absolute;top:0;right:0;bottom:0;left:0}.tf-story__hero-image{width:100%;height:100%;object-fit:cover;object-position:65% center}.tf-story__hero-shade{background:linear-gradient(90deg,#36190ccb,#48210c55 48%,#36190c00 77%)}.tf-story__copy--hello{max-width:760px}.tf-story__copy--hello .tf-eyebrow{display:flex;align-items:center;gap:10px;color:#ffe9cc}.tf-story__copy--hello .tf-story__description{color:#f7e6d5}.tf-story__hero-cta{background:#fff8ed;border-color:#fff8ed;color:#272219;min-width:223px;justify-content:space-between}.tf-story__hero-cta:hover{background:#efb544;border-color:#efb544}.tf-story__note{font-size:11px;color:#f4ddc9;margin-top:18px}.tf-story__note span{margin-inline:7px}.tf-story__invitation{position:absolute;left:6%;bottom:95px;font-size:10px;letter-spacing:.06em;display:none;align-items:center;gap:18px}.tf-story__invitation>span{font-size:25px;font-weight:400}.tf-story__panel--fresh{background:#efb544;text-align:center;display:flex;align-items:center;justify-content:center;min-height:540px}.tf-story__copy--fresh{max-width:850px}.tf-story__copy--fresh h2{font-size:clamp(80px,12.7vw,190px);letter-spacing:-.085em;margin-bottom:24px}.tf-story__copy--fresh h2 em{color:#a8331e}.tf-story__copy--fresh .tf-story__description{margin-inline:auto}.tf-story__fresh-label{display:inline-block;font-size:12px;letter-spacing:-.02em;border-bottom:1px solid #7b4e2644;padding-bottom:5px;transform:rotate(-4deg)}.tf-story__fresh-still{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.tf-story__fresh-still img{position:absolute;width:clamp(90px,15vw,200px);filter:drop-shadow(0 12px 16px #66391a20)}.tf-story__fresh-still img:nth-child(1){top:8%;left:4%;transform:rotate(-16deg)}.tf-story__fresh-still img:nth-child(2){top:13%;right:2%;transform:rotate(25deg)}.tf-story__fresh-still img:nth-child(3){bottom:1%;right:15%;width:150px;transform:rotate(60deg)}.tf-story__panel--choice{background:#f7d886;display:flex;align-items:center}.tf-story__copy--choice{width:47%;max-width:495px}.tf-story__copy--choice h2{font-size:clamp(43px,4.7vw,70px);margin-bottom:20px}.tf-story__copy--choice .tf-story__description{font-size:15px;margin-bottom:24px}.tf-story__choices{border-top:1px solid #7b572955;max-width:425px}.tf-story__choices>a{display:grid;grid-template-columns:21px 1fr 20px;align-items:center;gap:18px;padding:15px 0;border-bottom:1px solid #7b572955;text-decoration:none;transition:padding .18s,background .18s}.tf-story__choices>a:hover{padding-inline:9px;background:#fff8ed55}.tf-story__choice-no{font-size:10px;align-self:start;padding-top:5px}.tf-story__choices strong{display:block;font-size:21px;line-height:1.2;letter-spacing:-.045em}.tf-story__choices small{display:block;font-size:11px;margin-top:5px;line-height:1.4;color:#5b4730}.tf-story__choices>a>span:last-child{font-size:23px}.tf-story__choice-type{position:absolute;left:53%;right:4%;top:34%;font-size:clamp(60px,7.1vw,120px);line-height:.93;font-weight:900;letter-spacing:-.07em;transform:rotate(-9deg);text-align:center;color:#ae3925;z-index:0}.tf-story__choice-type em{font-style:normal;color:#a23822}.tf-story__choice-type>span{display:block;font-size:13px;font-weight:600;letter-spacing:0;margin-top:25px;transform:rotate(9deg);color:#795624}.tf-story__panel--packed{background:#fff8ed;min-height:720px;display:flex;align-items:center;padding-bottom:100px}.tf-story__pack-media{position:absolute;top:0;right:0;bottom:0;left:28%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 15%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%)}.tf-story__pack-image{width:100%;height:100%;object-fit:contain;object-position:right bottom}.tf-story__copy--packed{max-width:510px}.tf-story__copy--packed h2{font-size:clamp(62px,7.4vw,112px)}.tf-story__copy--packed h2 em{color:#b63620}.tf-story__copy--packed .tf-story__description{font-size:15px;max-width:300px;margin-bottom:20px}.tf-story__delivery{max-width:300px;border-left:2px solid #c03e24;padding:0 0 0 15px}.tf-story__delivery>span{display:block;font-size:11px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.tf-story__delivery>strong{display:block;font-size:28px;font-weight:800;letter-spacing:-.04em;line-height:1.3;margin:3px 0 5px}.tf-story__delivery>small{display:block;font-size:10px;line-height:1.45;max-width:215px;color:#665b4c}.tf-story__included{font-size:10px;font-weight:700;margin-top:17px}.tf-story__finish-actions{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}.tf-story__address{font-size:11px;font-weight:750;padding:10px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:#493625}.tf-story__serving-note{position:absolute;right:26px;bottom:85px;max-width:290px;font-size:9px;color:#5d412f;padding:5px 9px;background:#fff8edbd;border-radius:4px;z-index:3}.tf-story__navigation{display:flex;justify-content:flex-end;align-items:center;gap:30px;position:absolute;inset:23px 28px auto;z-index:12;pointer-events:none}.tf-story__navigation>*{pointer-events:auto}.tf-story__skip{display:inline-flex;align-items:center;gap:16px;padding:10px 15px;border:1px solid #fff8ed55;background:#fff8ed;color:#3c2b1c;font-size:11px;font-weight:750;text-decoration:none;border-radius:30px;white-space:nowrap;box-shadow:0 3px 18px #3f260c0a}.tf-story__skip>span{font-size:19px;line-height:1}.tf-story__chapters{display:flex;gap:4px;align-items:center;max-width:100%;padding:4px;border:1px solid #fff8ed44;border-radius:28px;background:var(--story-nav-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--story-nav)}.tf-story__chapters button{display:flex;align-items:center;gap:8px;min-height:38px;padding:9px 12px;border-radius:24px;border:0;background:transparent;color:inherit;font-size:10px;font-weight:700;line-height:1;white-space:nowrap}.tf-story__chapters button[aria-current=step]{background:var(--story-nav);color:var(--story-bg)}.tf-story__chapters button>span:first-child{font-size:9px;opacity:.75}.tf-story a:focus-visible,.tf-story button:focus-visible{outline:3px solid #216b51;outline-offset:4px}.tf-story:not(.is-scroll-story) .tf-story__panel--fresh{min-height:420px;padding-block:60px}.tf-story:not(.is-scroll-story) .tf-story__copy--fresh h2{font-size:clamp(75px,10vw,140px)}.tf-story.is-scroll-story{height:420svh;min-height:2100px}.is-scroll-story .tf-story__stage{position:sticky;top:var(--tf-story-top);height:calc(100svh - var(--tf-story-top));min-height:0;overflow:hidden}.is-scroll-story .tf-story__panel{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:100%;padding-top:55px;padding-bottom:95px;display:flex;align-items:center;background:transparent;opacity:0;pointer-events:none;z-index:4;visibility:hidden}.is-scroll-story .tf-story__panel.is-current{pointer-events:auto;visibility:visible}.is-scroll-story .tf-story__panel.is-transitioning{visibility:visible}.is-scroll-story .tf-story__copy{transform:translateY(var(--copy-y,0px));opacity:var(--copy-opacity,1)}.is-scroll-story .tf-story__copy--hello{max-width:770px}.is-scroll-story .tf-story__copy--hello h1{font-size:clamp(60px,7vw,106px)}.is-scroll-story .tf-story__atmosphere{display:block;position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;z-index:0;background:radial-gradient(ellipse at 75% 58%,#fff2cf44,transparent 52%);pointer-events:none;transform:translateY(var(--atmosphere-y,0px))}.is-scroll-story .tf-story__invitation{display:flex}.is-scroll-story .tf-story__shards{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:var(--shards-opacity,0)}.is-scroll-story .tf-story__shard{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:70% 62%;will-change:transform;opacity:1}.tf-story__shard:nth-child(1){clip-path:polygon(0 0,67% 0,67% 57%,0 57%)}.tf-story__shard:nth-child(2){clip-path:polygon(67% 0,100% 0,100% 57%,67% 57%)}.tf-story__shard:nth-child(3){clip-path:polygon(0 57%,67% 57%,67% 100%,0 100%)}.tf-story__shard:nth-child(4){clip-path:polygon(67% 57%,100% 57%,100% 100%,67% 100%)}.is-scroll-story .tf-story__ingredients{position:absolute;top:0;right:0;bottom:0;left:0;display:block;z-index:3;pointer-events:none;overflow:visible}.is-scroll-story .tf-story__ingredient{position:absolute;left:0;top:0;max-width:none;width:clamp(100px,15vw,230px);height:auto;opacity:0;filter:drop-shadow(0 15px 16px #71491d25);transform-origin:center;will-change:transform,opacity}.is-scroll-story .tf-story__ingredient--2{width:clamp(100px,15vw,235px)}.is-scroll-story .tf-story__ingredient--3{width:clamp(135px,19vw,280px)}.is-scroll-story .tf-story__ingredient--4{width:clamp(90px,11vw,185px)}.is-scroll-story .tf-story__ingredient--6{width:clamp(100px,12vw,185px)}.is-scroll-story .tf-story__ingredient--7,.is-scroll-story .tf-story__ingredient--8,.is-scroll-story .tf-story__ingredient--9{width:clamp(75px,9vw,150px)}.is-scroll-story .tf-story__fresh-still{display:none}.is-scroll-story .tf-story__copy--fresh{margin:auto}.is-scroll-story .tf-story__copy--fresh h2{font-size:clamp(100px,12.5vw,184px)}.is-scroll-story .tf-story__copy--fresh .tf-story__description{font-size:16px;max-width:360px}.is-scroll-story .tf-story__copy--choice h2{font-size:clamp(43px,4.3vw,66px)}.is-scroll-story .tf-story__copy--choice .tf-eyebrow{margin-bottom:18px}.is-scroll-story .tf-story__pack-media{transform:scale(var(--pack-scale,1.05));transform-origin:75% 60%;clip-path:circle(var(--pack-radius,100%) at 72% 59%)}.is-scroll-story .tf-story__copy--packed h2{font-size:clamp(60px,6.7vw,102px)}.is-scroll-story .tf-story__navigation{inset:auto 28px 23px;justify-content:space-between}.is-scroll-story .tf-story__progress{display:block;position:absolute;left:0;right:0;bottom:0;height:3px;background:#32241113;z-index:13}.tf-story__progress>span{display:block;width:100%;height:100%;background:#c34327;transform:scaleX(var(--story-progress));transform-origin:left}@media(min-width:1600px){.tf-story__panel{padding-left:max(6%,calc((100vw - 1380px)/2))}}@media(max-width:1100px){.tf-story__copy--packed{max-width:450px}.tf-story__copy h1{font-size:76px}.tf-story__pack-media{left:30%}.tf-story__copy--choice{width:48%}.tf-story__choices strong{font-size:19px}.tf-story__choices>a{padding-block:13px}.tf-story__description{font-size:15px}.tf-story__finish-actions{gap:14px}}@media(max-width:760px){.tf-story{margin:0 8px;border-radius:18px;--tf-story-top:72px}.tf-story__panel{padding:60px 25px;min-height:580px}.tf-story__copy .tf-eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:20px}.tf-story__copy h1,.tf-story__copy h2{font-size:clamp(50px,11.8vw,74px);line-height:.96;margin-bottom:21px}.tf-story__description{font-size:14px;line-height:1.6;max-width:290px;margin-bottom:24px}.tf-story__panel--hello{align-items:flex-start;min-height:750px;padding-top:85px;padding-bottom:315px}.tf-story__hero-media{top:36%}.tf-story__hero-image{object-position:72% 100%}.tf-story__hero-shade{background:linear-gradient(180deg,#a23d24 0% 39%,#a23d2400 73%,#411d1933)}.tf-story__hero-cta{min-width:204px;font-size:12px;min-height:46px;padding:13px 17px}.tf-story__note{font-size:9px;margin-top:16px;white-space:normal}.tf-story__copy--fresh h2{font-size:clamp(73px,17vw,116px)}.tf-story__panel--fresh{min-height:500px;padding-block:90px}.tf-story__fresh-label{font-size:10px}.tf-story__fresh-still img{width:105px}.tf-story__fresh-still img:nth-child(1){top:2%;left:-2%}.tf-story__fresh-still img:nth-child(2){top:7%;right:-5%}.tf-story__fresh-still img:nth-child(3){bottom:-3%;right:10%;width:105px}.tf-story__panel--choice{min-height:670px;padding-bottom:210px}.tf-story__copy--choice{width:100%;max-width:100%}.tf-story__copy--choice h2{font-size:clamp(44px,10.5vw,60px)}.tf-story__copy--choice .tf-story__description{font-size:13px;margin-bottom:20px}.tf-story__choices{max-width:100%}.tf-story__choices>a{grid-template-columns:17px 1fr 20px;gap:10px;padding-block:13px}.tf-story__choices strong{font-size:20px}.tf-story__choices small{font-size:10px}.tf-story__choice-type{left:10%;right:10%;top:auto;bottom:47px;font-size:50px;transform:rotate(-5deg);line-height:.9}.tf-story__choice-type>span{display:none}.tf-story__panel--packed{min-height:890px;align-items:flex-start;padding-top:60px;padding-bottom:375px}.tf-story__pack-media{top:42%;right:0;bottom:0;left:0;mask-image:linear-gradient(180deg,transparent,#000 27%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 27%)}.tf-story__pack-image{object-position:74% center}.tf-story__copy--packed h2{font-size:64px}.tf-story__copy--packed .tf-story__description{font-size:13px;margin-bottom:19px}.tf-story__delivery>strong{font-size:25px}.tf-story__delivery>small{font-size:9px;max-width:245px}.tf-story__included{font-size:9px;margin-top:14px}.tf-story__finish-actions{margin-top:20px;gap:14px}.tf-story__finish-actions .tf-btn{font-size:12px;min-height:44px;padding:12px 17px}.tf-story__address{font-size:10px}.tf-story__serving-note{left:17px;right:auto;bottom:19px;font-size:8px;max-width:275px}.tf-story__navigation{inset:19px 19px auto;gap:7px}.tf-story__skip{font-size:10px;padding:8px 11px;gap:9px}.tf-story.is-scroll-story{height:400svh;min-height:0}.is-scroll-story .tf-story__panel{padding:42px 25px 89px}.is-scroll-story .tf-story__panel--hello{align-items:flex-start}.is-scroll-story .tf-story__hero-media{top:33%}.is-scroll-story .tf-story__shard .tf-story__hero-image{position:absolute;top:33%;height:67%}.is-scroll-story .tf-story__hero-shade{background:linear-gradient(180deg,#a23d24 0% 37%,#a23d2400 70%,#411d1966)}.is-scroll-story .tf-story__copy--hello h1{font-size:clamp(48px,11.6vw,72px);max-width:500px;margin-bottom:19px}.is-scroll-story .tf-story__copy--hello .tf-story__description{max-width:275px;font-size:13px;margin-bottom:20px}.is-scroll-story .tf-story__invitation{bottom:81px;left:25px;font-size:9px}.is-scroll-story .tf-story__copy--fresh h2{font-size:clamp(76px,18vw,134px);line-height:.92;margin-bottom:25px}.is-scroll-story .tf-story__copy--fresh .tf-story__description{font-size:13px}.is-scroll-story .tf-story__panel--choice{align-items:flex-start;padding-top:58px}.is-scroll-story .tf-story__copy--choice h2{font-size:clamp(44px,10.5vw,64px)}.is-scroll-story .tf-story__copy--choice .tf-story__description{font-size:12px}.is-scroll-story .tf-story__choice-type{font-size:clamp(40px,11vw,68px);bottom:92px;left:12%;right:12%;opacity:.6}.is-scroll-story .tf-story__ingredient{width:130px;filter:drop-shadow(0 8px 10px #71491d25)}.is-scroll-story .tf-story__ingredient--2{width:135px}.is-scroll-story .tf-story__ingredient--3{width:150px}.is-scroll-story .tf-story__ingredient--4,.is-scroll-story .tf-story__ingredient--6{width:110px}.is-scroll-story .tf-story__ingredient--7,.is-scroll-story .tf-story__ingredient--8,.is-scroll-story .tf-story__ingredient--9{width:85px}.is-scroll-story .tf-story__panel--packed{align-items:flex-start;padding-top:38px}.is-scroll-story .tf-story__copy--packed h2{font-size:clamp(52px,13vw,79px);margin-bottom:16px}.is-scroll-story .tf-story__copy--packed .tf-eyebrow{margin-bottom:17px}.is-scroll-story .tf-story__copy--packed .tf-story__description{font-size:11px;max-width:320px;margin-bottom:14px}.is-scroll-story .tf-story__copy--packed .tf-story__description br{display:none}.is-scroll-story .tf-story__delivery{max-width:245px;padding-left:12px}.is-scroll-story .tf-story__delivery>span{font-size:9px;display:inline;margin-right:9px}.is-scroll-story .tf-story__delivery>strong{font-size:18px;display:inline}.is-scroll-story .tf-story__delivery>small{margin-top:5px}.is-scroll-story .tf-story__finish-actions{margin-top:17px}.is-scroll-story .tf-story__pack-media{inset:auto 0 70px;height:42%;transform-origin:70% 70%;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}.is-scroll-story .tf-story__pack-image{object-fit:contain;object-position:center bottom}.is-scroll-story .tf-story__serving-note{bottom:77px;font-size:7px;left:17px;right:17px;max-width:none;width:max-content;max-width:calc(100% - 34px)}.is-scroll-story .tf-story__navigation{inset:auto 15px 17px}.tf-story__chapters{padding:3px;gap:2px}.tf-story__chapters button{padding:10px;gap:0;min-width:32px;min-height:34px}.tf-story__chapters button>span:first-child{font-size:10px}.tf-story__chapter-name{display:none}.tf-story__chapters button[aria-current=step]>.tf-story__chapter-name{display:inline;margin-left:6px;font-size:9px}.tf-story:not(.is-scroll-story) .tf-story__panel--hello{min-height:690px;padding-bottom:270px}.tf-story:not(.is-scroll-story) .tf-story__panel--fresh{min-height:390px;padding-block:65px}.tf-story:not(.is-scroll-story) .tf-story__panel--choice{min-height:0;padding-block:55px}.tf-story:not(.is-scroll-story) .tf-story__choice-type{display:none}.tf-story:not(.is-scroll-story) .tf-story__panel--packed{min-height:0;display:flex;flex-direction:column;padding:55px 25px 23px}.tf-story:not(.is-scroll-story) .tf-story__copy--packed{order:0}.tf-story:not(.is-scroll-story) .tf-story__pack-media{position:relative;inset:auto;order:1;width:calc(100% + 50px);aspect-ratio:1600/893;margin:20px -25px 0;mask-image:linear-gradient(180deg,transparent,#000 18%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%)}.tf-story:not(.is-scroll-story) .tf-story__pack-image{object-fit:contain;object-position:center bottom}.tf-story:not(.is-scroll-story) .tf-story__serving-note{position:relative;inset:auto;order:2;margin:12px 0 0;padding:0;background:transparent;max-width:none}}@media(max-width:390px){.is-scroll-story .tf-story__panel{padding-inline:21px}.tf-story__chapters button{min-width:29px;padding:8px}.tf-story__chapters button[aria-current=step]>.tf-story__chapter-name{display:none}.tf-story__choices strong{font-size:18px}.is-scroll-story .tf-story__choice-type{font-size:40px}.is-scroll-story .tf-story__copy--packed h2{font-size:54px}}@media(min-width:761px)and (max-height:790px){.is-scroll-story .tf-story__copy--hello h1{font-size:clamp(58px,6.1vw,86px)}.is-scroll-story .tf-story__copy--hello .tf-story__description{font-size:15px;margin-bottom:22px}.is-scroll-story .tf-story__panel{padding-top:38px;padding-bottom:88px}.is-scroll-story .tf-story__copy--fresh h2{font-size:clamp(92px,11vw,148px)}.is-scroll-story .tf-story__copy--choice h2{font-size:49px}.is-scroll-story .tf-story__copy--choice .tf-story__description{font-size:13px;margin-bottom:15px}.is-scroll-story .tf-story__choices>a{padding-block:11px}.is-scroll-story .tf-story__choices strong{font-size:19px}.is-scroll-story .tf-story__copy--packed h2{font-size:72px;margin-bottom:20px}.is-scroll-story .tf-story__copy--packed .tf-story__description{font-size:13px;margin-bottom:14px}.is-scroll-story .tf-story__copy--packed .tf-eyebrow{margin-bottom:18px}.is-scroll-story .tf-story__delivery>strong{font-size:25px}.is-scroll-story .tf-story__finish-actions{margin-top:18px}.is-scroll-story .tf-story__included{margin-top:13px}}@media(prefers-reduced-motion:reduce){.tf-story__choices>a{transition:none}.tf-story__fresh-label,.tf-story__fresh-still img,.tf-story__choice-type{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/tf-scroll-story.css.map */