@font-face{font-family:ZiettaWork;src:url(/cdn/shop/files/zietta-WorkSans.ttf?v=1791789911) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:ZiettaWork;src:url(/cdn/shop/files/zietta-WorkSans-Italic.ttf?v=1791789911) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}.zietta-hero{--blue:#4f67b1;--orange:#ee6a43;--pink:#f7e9de;--white:#f8fffb;--ink:#334a90;--stage-h:100svh}.zietta-hero *{box-sizing:border-box}.zietta-hero{scroll-behavior:smooth;scroll-padding-top:95px}.zietta-hero{margin:0;background:var(--pink);color:var(--ink);font-family:ZiettaWork,Arial,sans-serif}.zietta-hero button,.zietta-hero a{-webkit-tap-highlight-color:transparent}.zietta-hero button{font:inherit;cursor:pointer}.zietta-hero button,.zietta-hero a{touch-action:manipulation}.zietta-hero a,.zietta-hero button{color:inherit}.zietta-hero button:focus-visible,.zietta-hero a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.zietta-hero button:disabled{cursor:default}.zietta-hero ::selection{background:var(--orange);color:var(--white)}.zietta-hero .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.zietta-hero .skip{position:fixed;left:20px;top:-80px;z-index:100;background:var(--white);padding:16px}.zietta-hero .skip:focus{top:15px}.zietta-hero .site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:27px 4%;pointer-events:none}.zietta-hero .site-header>*{pointer-events:auto}.zietta-hero .brand{display:block}.zietta-hero .brand img{display:block;width:162px;height:auto}.zietta-hero .header-caption{font-size:11px;font-weight:600;letter-spacing:.15em;margin-left:60px}.zietta-hero .header-actions{display:flex;align-items:center;gap:12px}.zietta-hero .menu-button,.zietta-hero .motion-button{border:1px solid #4f67b144;background:#f8fffbdd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zietta-hero .menu-button{border-radius:50px;padding:13px 21px;display:flex;gap:30px;font-size:13px;font-weight:600}.zietta-hero .menu-button span{font-size:21px;line-height:17px}.zietta-hero .motion-button{border-radius:50%;width:42px;height:42px;font-size:17px}.zietta-hero .journey{height:560svh;position:relative}.zietta-hero .stage{height:var(--stage-h);position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--pink)}.zietta-hero .scenery,.zietta-hero .world,.zietta-hero .wash{position:absolute;top:0;right:0;bottom:0;left:0}.zietta-hero .world{opacity:0;will-change:opacity;overflow:hidden}.zietta-hero .world.active{opacity:1}.zietta-hero .world-image{width:100%;height:100%;object-fit:cover;object-position:center 60%;transform:scale(1.08);will-change:transform}.zietta-hero .wash{background:linear-gradient(180deg,#f7e9def5 0%,#f7e9de77 22%,transparent 44%,transparent 78%,#f7e9deb0);pointer-events:none}.zietta-hero .chapter-kicker{position:absolute;top:17%;left:0;width:100%;text-align:center;font-size:11px;font-weight:600;letter-spacing:.2em}.zietta-hero .titles{position:absolute;inset:23% 0 auto;height:30%;z-index:1;pointer-events:none}.zietta-hero .dish-title{position:absolute;width:100%;text-align:center;white-space:nowrap;font-size:11.9vw;font-weight:900;font-style:italic;letter-spacing:-.075em;line-height:.98;color:var(--blue);opacity:0;filter:none;will-change:transform,opacity;transform-origin:center}.zietta-hero .dish-title[data-title="3"]{font-size:10.9vw}.zietta-hero .dish-title[data-title="2"]{font-size:17vw}.zietta-hero .dish-title.active{opacity:1}.zietta-hero .dish-title span{display:inline-block;will-change:transform}.zietta-hero .plates{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.zietta-hero .plate-wrap{position:absolute;left:50%;top:51%;width:min(55vh,590px);aspect-ratio:1;transform:translate(-50%,-25%);opacity:0;will-change:transform,opacity}.zietta-hero .plate-wrap.active{opacity:1}.zietta-hero .plate-wrap img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(7px 23px 16px #28344538)}.zietta-hero .dish-copy{position:absolute;left:5.4%;bottom:20%;z-index:5;width:225px}.zietta-hero .tiny-label{font-size:10px;letter-spacing:.12em;font-weight:600}.zietta-hero .dish-copy h2{font-size:28px;letter-spacing:-.05em;margin:14px 0 9px;font-weight:750}.zietta-hero .dish-copy p{font-size:14px;line-height:1.55;margin:0 0 23px}.zietta-hero .text-link{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 6px;font-size:12px;font-weight:600;display:inline-flex;gap:27px;align-items:center}.zietta-hero .text-link span{font-size:20px}.zietta-hero .aunt-note{position:absolute;z-index:4;right:6%;top:59%;width:164px;background:var(--white);padding:25px 15px 19px;transform:rotate(8deg);box-shadow:3px 8px 15px #28344513}.zietta-hero .aunt-note:after{content:"";position:absolute;bottom:-6px;left:0;right:0;height:9px;background:linear-gradient(135deg,var(--white) 45%,transparent 45%) 0 0/10px 10px}.zietta-hero .note-pin{position:absolute;width:48px;height:19px;background:#ee6a43d9;top:-8px;left:58px;transform:rotate(-8deg)}.zietta-hero .note-overline{font-size:7px;font-weight:600;letter-spacing:.03em;display:block}.zietta-hero .aunt-note strong{display:block;font-size:28px;font-weight:850;line-height:1.03;letter-spacing:-.055em;margin-top:15px}.zietta-hero .aunt-note img{width:34px;height:34px;object-fit:contain;position:absolute;bottom:12px;right:12px;opacity:.7}.zietta-hero .journey-bottom{position:absolute;bottom:5.4%;left:5.4%;right:5.4%;z-index:5;display:flex;align-items:center;justify-content:space-between}.zietta-hero .scroll-hint{background:none;border:0;font-size:9px;letter-spacing:.075em;display:flex;align-items:center;gap:20px;padding:8px 0;font-weight:600}.zietta-hero .down-arrow{font-size:25px;animation:bob 2.4s ease-in-out infinite}.zietta-hero .chapter-nav{display:flex;gap:16px;position:absolute;left:50%;transform:translate(-50%)}.zietta-hero .chapter-nav button{background:none;border:none;font-size:11px;padding:12px 4px;display:flex;align-items:center;gap:9px;opacity:.5}.zietta-hero .chapter-nav button[aria-current=true]{opacity:1;font-weight:700}.zietta-hero .chapter-nav i{display:block;width:21px;height:2px;background:currentColor;transform:scaleX(.35);transform-origin:left;transition:transform .3s}.zietta-hero .chapter-nav [aria-current=true] i{transform:scaleX(1)}.zietta-hero .chapter-count{font-size:11px;letter-spacing:.15em}.zietta-hero .scroll-progress{position:absolute;bottom:0;height:3px;left:0;right:0;background:#4f67b119;z-index:10}.zietta-hero .scroll-progress span{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left}.zietta-hero .atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.zietta-hero .forest i,.zietta-hero .sunday i{position:absolute;width:18px;height:9px;border-radius:0 90%;background:var(--orange);left:12%;top:45%;animation:leaf 11s linear infinite}.zietta-hero .forest i:nth-child(2){left:78%;top:30%;animation-delay:-4s;transform:rotate(75deg)}.zietta-hero .forest i:nth-child(3){left:86%;top:52%;animation-delay:-8s;width:11px}.zietta-hero .forest i:nth-child(4){left:21%;top:64%;animation-delay:-2s}.zietta-hero .coast svg{position:absolute;left:0;top:46%;width:110%;height:13%;fill:none;stroke:var(--white);stroke-width:2;opacity:.4;animation:sea 9s ease-in-out infinite}.zietta-hero .coast i{position:absolute;left:20%;top:29%;width:8px;height:8px;border:1px solid var(--blue);border-width:1px 1px 0 0;transform:rotate(-45deg);animation:bird 16s linear infinite}.zietta-hero .evening i{position:absolute;width:4px;height:4px;background:var(--white);border-radius:50%;top:35%;left:64%;animation:twinkle 4s infinite}.zietta-hero .evening i:nth-child(2){left:75%;top:27%;animation-delay:-2s}.zietta-hero .evening i:nth-child(3){left:42%;top:42%;animation-delay:-1s}.zietta-hero .sunday i{left:82%;top:55%;background:var(--blue);animation-duration:14s}.zietta-hero .sunday i:nth-child(2){left:17%;top:45%;animation-delay:-6s}.zietta-hero .sunday i:nth-child(3){left:88%;top:62%;animation-delay:-3s}.zietta-hero .filter-svg{position:absolute;width:0;height:0;pointer-events:none}@keyframes bob{50%{transform:translateY(7px)}}@keyframes leaf{0%{transform:translateY(-30px) rotate(0);opacity:0}15%,70%{opacity:.65}to{transform:translate(85px,230px) rotate(290deg);opacity:0}}@keyframes sea{50%{transform:translate(-60px) translateY(5px)}}@keyframes bird{50%{transform:translate(170px,-25px) rotate(-45deg)}}@keyframes twinkle{50%{opacity:.2;transform:scale(.7)}}.zietta-hero.reduced-motion *,.zietta-hero.reduced-motion *:before,.zietta-hero.reduced-motion *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.zietta-hero.reduced-motion .dish-title{filter:none}.zietta-hero.reduced-motion .world-image{will-change:auto}@media(min-width:1600px){.zietta-hero .plate-wrap{width:min(61vh,720px)}.zietta-hero .dish-copy{left:8%;bottom:22%}.zietta-hero .aunt-note{right:9%;width:185px}.zietta-hero .aunt-note strong{font-size:33px}}@media(max-height:700px)and (min-width:801px){.zietta-hero .site-header{padding-top:18px}.zietta-hero .chapter-kicker{top:17%}.zietta-hero .dish-copy{bottom:21%}.zietta-hero .plate-wrap{width:54vh}.zietta-hero .aunt-note{top:59%;width:145px;padding:20px 13px}.zietta-hero .aunt-note strong{font-size:24px}.zietta-hero .journey-bottom{bottom:4%}}@media(max-width:1000px){.zietta-hero .header-caption{display:none}.zietta-hero .dish-copy{left:4%;width:180px}.zietta-hero .aunt-note{right:4%;width:145px}.zietta-hero .dish-copy h2{font-size:23px}.zietta-hero .dish-copy p{font-size:12px}.zietta-hero .aunt-note strong{font-size:24px}}@media(max-width:700px){.zietta-hero .site-header{padding:20px}.zietta-hero .brand img{width:128px}.zietta-hero .header-actions{gap:7px}.zietta-hero .menu-button{padding:11px 14px;font-size:11px;gap:17px}.zietta-hero .motion-button{width:36px;height:36px}.zietta-hero .journey{height:490svh}.zietta-hero .chapter-kicker{top:16%;font-size:9px;letter-spacing:.13em}.zietta-hero .titles{top:22%;height:20%}.zietta-hero .dish-title{font-size:12vw;letter-spacing:-.075em}.zietta-hero .dish-title[data-title="3"]{font-size:10.8vw}.zietta-hero .dish-title[data-title="2"]{font-size:21vw}.zietta-hero .plate-wrap{top:39%;width:min(82vw,44svh)}.zietta-hero .world-image{object-position:center 59%}.zietta-hero .wash{background:linear-gradient(180deg,#f7e9def5 0%,#f7e9deb0 20%,transparent 45%,transparent 65%,#f7e9dedf 86%)}.zietta-hero .dish-copy{left:24px;bottom:15%;width:calc(100% - 165px)}.zietta-hero .dish-copy .tiny-label{display:none}.zietta-hero .dish-copy h2{font-size:25px;margin:0 0 5px}.zietta-hero .dish-copy p{font-size:12px;line-height:1.4;margin:0 0 12px}.zietta-hero .text-link{font-size:10px;gap:18px}.zietta-hero .aunt-note{right:23px;top:auto;bottom:18%;width:112px;padding:20px 10px 13px;transform:rotate(7deg)}.zietta-hero .note-overline{font-size:5px}.zietta-hero .note-pin{left:35px;width:38px;height:15px}.zietta-hero .aunt-note strong{font-size:22px;margin-top:10px}.zietta-hero .aunt-note img{width:22px;height:22px;right:7px;bottom:7px}.zietta-hero .journey-bottom{left:24px;right:24px;bottom:4.5%;height:36px}.zietta-hero .scroll-hint{font-size:7px;letter-spacing:0;gap:9px;max-width:125px;line-height:1.5;text-align:left}.zietta-hero .down-arrow{font-size:22px}.zietta-hero .chapter-nav{left:auto;right:0;transform:none;gap:8px}.zietta-hero .chapter-nav button{font-size:10px;padding:10px 2px;gap:5px}.zietta-hero .chapter-nav i{width:14px}.zietta-hero .chapter-count{display:none}}.zietta-hero .dish-copy{background:#f7e9def2;padding:20px 22px 21px;box-shadow:0 6px 20px #23335d08;width:260px;border-radius:2px}.zietta-hero .dish-copy .tiny-label{font-size:8px}.zietta-hero .aunt-note{padding-bottom:42px}.zietta-hero .aunt-note img{width:26px;height:26px}.zietta-hero .plate-wrap{top:50%;width:min(52vh,570px)}.zietta-hero .journey-bottom{background:#f7e9deee;left:4%;right:4%;bottom:3.5%;padding:6px 20px;border-radius:50px}.zietta-hero .scroll-hint{font-size:8px}.zietta-hero .chapter-count{font-size:10px}@media(max-width:1000px)and (min-width:701px){.zietta-hero .dish-copy{width:210px;padding:16px}.zietta-hero .dish-copy h2{font-size:23px}}@media(min-width:1600px){.zietta-hero .plate-wrap{width:min(56vh,700px)}}@media(max-width:700px){.zietta-hero .plate-wrap{top:39%;width:min(82vw,44svh)}.zietta-hero .dish-copy{left:18px;bottom:15%;width:calc(100% - 164px);padding:12px 13px}.zietta-hero .dish-copy h2{font-size:23px}.zietta-hero .dish-copy p{font-size:11px}.zietta-hero .aunt-note{bottom:17%;padding-bottom:32px;right:20px}.zietta-hero .aunt-note img{width:21px;height:21px}.zietta-hero .journey-bottom{left:18px;right:18px;bottom:3.5%;padding:3px 10px;height:45px}.zietta-hero .chapter-nav{right:10px}.zietta-hero .scroll-hint{font-size:6px;max-width:127px}.zietta-hero .chapter-nav{gap:6px}.zietta-hero .chapter-nav i{width:10px}}.zietta-hero .world-video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.zietta-hero .world-video.video-ready{opacity:1}.zietta-hero.reduced-motion .world-video{display:none}@media(prefers-reduced-motion:reduce){.zietta-hero{scroll-behavior:auto}}.zietta-hero{display:block;position:relative;width:100%;font-family:ZiettaWork,Arial,sans-serif;line-height:normal;--stage-h:calc(100svh - var(--zietta-top,0px))}.zietta-hero .stage{top:var(--zietta-top,0px);overflow:clip}.zietta-hero .site-header{position:absolute}.zietta-hero .menu-button,.zietta-hero .text-link{text-decoration:none;color:var(--ink)}.zietta-hero button{-webkit-appearance:none;appearance:none;text-transform:none;letter-spacing:normal;min-width:0;min-height:0;box-shadow:none}.zietta-hero img{max-width:100%;border:0}.zietta-hero .world-image{max-width:none}.zietta-hero .dish-title{filter:var(--zietta-filter,none)}.zietta-hero:not(.is-ready) .journey{height:var(--stage-h)}.zietta-hero:not(.is-ready) .motion-button,.zietta-hero:not(.is-ready) .journey-bottom{display:none}.zietta-hero .dish-copy h2{font-family:inherit;color:inherit;font-style:normal;text-transform:none}.zietta-hero .skip{position:absolute}.zietta-hero .site-header[data-show-brand=false] .brand,.zietta-hero .site-header[data-show-brand=false] .header-caption,.zietta-hero .site-header[data-show-brand=false] .menu-button{display:none}.zietta-hero .site-header[data-show-brand=false]{justify-content:flex-end}
/*# sourceMappingURL=/cdn/shop/t/46/assets/zietta-hero.css.map */