@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,600;0,700;0,800;0,900;1,800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--cream:#f3ead7;--paper:#fff9ec;--red:#e22b20;--black:#11100e;--gold:#f5c523}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--black);margin:0;font-family:DM Sans,sans-serif}a{color:inherit}button,input{font:inherit}img{object-fit:cover;width:100%;height:100%;display:block}.nav{border-bottom:2px solid var(--black);z-index:20;background:var(--cream);grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 3vw;display:grid;position:relative}.brand{flex-direction:column;width:max-content;line-height:.82;text-decoration:none;display:flex}.brand span{letter-spacing:-1px;font:900 25px/1 Barlow Condensed}.brand small{letter-spacing:3px;margin-top:6px;font-size:8px}.navlinks{text-transform:uppercase;gap:30px;font-size:11px;font-weight:700;display:flex}.navlinks a{text-decoration:none}.nav-order{background:var(--red);color:#fff;text-transform:uppercase;border:2px solid var(--black);box-shadow:4px 4px 0 var(--black);justify-self:end;padding:13px 18px;font:800 15px Barlow Condensed;text-decoration:none}.hero{background-color:var(--cream);background-image:linear-gradient(90deg,#0000 49.8%,#11100e1a 50%,#0000 50.2%);min-height:830px;padding:52px 3vw 70px;position:relative;overflow:hidden}.hero-kicker{text-transform:uppercase;letter-spacing:2px;justify-content:space-between;width:40%;font:700 10px DM Sans;display:flex}.hero h1{z-index:2;letter-spacing:-.065em;text-transform:uppercase;max-width:92vw;margin:20px 0;font:900 clamp(90px,13.6vw,205px)/.69 Barlow Condensed;position:relative}.hero h1 em{color:var(--red);margin-left:9vw;font-style:italic}.hero h1 span{margin-left:2vw}.hero-copy{z-index:4;width:250px;font-size:13px;line-height:1.6;position:absolute;bottom:95px;left:4vw}.big-button{background:var(--red);color:#fff;border:2px solid var(--black);box-shadow:5px 5px 0 var(--black);letter-spacing:.03em;align-items:center;gap:35px;padding:18px 23px;font:800 19px Barlow Condensed;text-decoration:none;display:inline-flex}.hero .big-button{z-index:5;position:absolute;bottom:95px;left:26vw}.hero-photo{z-index:3;border:12px solid var(--paper);width:31vw;height:39vw;max-height:540px;box-shadow:8px 8px 0 var(--black);position:absolute;top:135px;right:5vw;transform:rotate(3deg)}.hero-photo:after{content:"KENKEY / PEPPER / FISH";letter-spacing:2px;font:700 9px DM Sans;position:absolute;bottom:-38px;right:0}.sun-stamp{z-index:6;background:var(--gold);border:2px solid var(--black);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;display:flex;position:absolute;top:170px;right:29vw;transform:rotate(-12deg)}.sun-stamp b{font:900 48px/1 Barlow Condensed}.sun-stamp span{text-align:center;font:700 9px/1.1 DM Sans}.scribble{font:italic 800 17px Barlow Condensed;position:absolute;bottom:65px;right:6vw;transform:rotate(-4deg)}.ticker{background:var(--black);height:58px;color:var(--gold);letter-spacing:2px;white-space:nowrap;align-items:center;font:800 22px Barlow Condensed;display:flex;overflow:hidden}.ticker span{padding-right:25px;animation:18s linear infinite marquee}@keyframes marquee{to{transform:translate(-100%)}}.feature-reel{background:var(--black);min-height:720px;color:var(--cream);grid-template-columns:1.15fr .85fr;display:grid;overflow:hidden}.feature-reel video{object-fit:cover;width:100%;height:100%;min-height:720px}.feature-reel>div{align-self:center;padding:90px 5vw}.feature-reel h2{letter-spacing:-.04em;margin:36px 0;font:900 clamp(70px,7.5vw,120px)/.75 Barlow Condensed}.feature-reel h2 i{color:var(--gold)}.feature-reel p{max-width:390px;font-size:14px;line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;border-top:1px solid;padding-top:8px;font-size:9px;font-weight:800}.eyebrow.light{color:var(--cream)}.food-intro{grid-template-rows:auto 470px 460px;grid-template-columns:1.1fr .9fr 1fr;gap:28px;padding:90px 4vw 120px;display:grid;position:relative}.food-intro header{grid-column:1/3}.food-intro h2,.package-title h2,.mixer h2,.shito-feature h2,.how h2,.order h2{letter-spacing:-.055em;text-transform:uppercase;margin:22px 0;font:900 clamp(70px,9vw,130px)/.78 Barlow Condensed}.food-intro h2 i,.package-title h2 i,.mixer h2 i,.shito-feature h2 i,.how h2 i,.order h2 i{color:var(--red)}.food-card{position:relative}.food-card h3{margin:16px 0 8px;font:900 45px/.9 Barlow Condensed}.food-card p{width:80%;margin:0;font-size:12px;line-height:1.55}.food-card .number{z-index:3;background:var(--red);color:#fff;border:1px solid var(--black);padding:7px 9px;font:800 12px Barlow Condensed;position:absolute}.ga{grid-area:1/3/3;padding-top:30px}.circle-photo{border:3px solid var(--black);border-radius:50%;height:360px;overflow:hidden}.ga .number{top:70px;left:-5px}.fanti{grid-area:2/1/4;margin-top:70px;transform:rotate(-1.5deg)}.polaroid{height:430px;box-shadow:7px 7px 0 var(--black);background:#fff;border:2px solid;padding:14px 14px 55px}.fanti .number{top:-20px;right:-5px}.banku{grid-area:3/2/auto/4;grid-template-columns:1.4fr 1fr;align-items:end;column-gap:25px;display:grid}.arch-photo{border:3px solid;border-radius:230px 230px 0 0;grid-row:1/4;height:420px;overflow:hidden}.banku .number{top:40px;left:-12px}.banku h3{font-size:60px}.banku p{width:100%}.shipping{background:var(--red);color:#fff;min-height:720px;padding:85px 5vw;position:relative;overflow:hidden}.shipping:before{content:"";background:repeating-linear-gradient(45deg,#0000 0 28px,#00000014 29px 31px);position:absolute;inset:0}.shipping>*{position:relative}.shipping h2{letter-spacing:-.06em;margin:32px 0;font:900 clamp(95px,13vw,190px)/.72 Barlow Condensed}.shipping p{border-left:2px solid var(--gold);width:260px;padding-left:20px;font-size:13px;line-height:1.7;position:absolute;top:150px;right:7vw}.shipping-mark{border:4px solid;border-radius:50%;place-items:center;width:110px;height:110px;font:900 36px Barlow Condensed;display:grid;position:absolute;bottom:110px;right:7vw;transform:rotate(12deg)}.route{letter-spacing:2px;align-items:center;gap:15px;font:700 10px DM Sans;display:flex}.route b{color:var(--gold)}.shipping-photo{border:3px solid var(--black);width:min(35vw,500px);height:260px;box-shadow:10px 10px 0 var(--gold);position:absolute;top:320px;right:7vw;overflow:hidden;transform:rotate(2deg)}.packages{border-bottom:2px solid;grid-template-columns:1.15fr .85fr .85fr;gap:0;min-height:760px;padding:90px 4vw;display:grid}.package-title{padding-right:4vw}.package-title p{max-width:330px;font-size:13px;line-height:1.6}.package{text-align:left;background:var(--paper);cursor:pointer;color:var(--black);border:2px solid;padding:60px 28px 28px;transition:transform .2s;position:relative}.package:hover{transform:translateY(-8px)}.package.selected{box-shadow:8px 8px 0 var(--black);z-index:2}.package+.package{border-left:0}.package strong{letter-spacing:-5px;font:900 92px/1 Barlow Condensed;display:block}.package h3{margin:0 0 30px;font:900 38px Barlow Condensed}.package ul{border-top:1px solid;padding:0;list-style:none}.package li{border-bottom:1px solid;padding:13px 0;font-size:11px}.tag{background:var(--black);color:#fff;letter-spacing:2px;padding:7px 10px;font-size:9px;position:absolute;top:15px;left:20px}.tag.gold{background:var(--gold);color:var(--black)}.select-label{font:800 15px Barlow Condensed;position:absolute;bottom:25px}.shito-box{background:var(--red);color:#fff;overflow:hidden}.shito-box.selected{box-shadow:8px 8px 0 var(--gold)}.package-jar{object-fit:contain;border:2px solid var(--black);width:115px;height:180px;box-shadow:5px 5px 0 var(--black);background:#fff;position:absolute;top:52px;right:-18px;transform:rotate(7deg)}.mixer{background:var(--black);min-height:750px;color:var(--cream);grid-template-columns:1.2fr .8fr;gap:6vw;padding:90px 5vw;display:grid;position:relative}.mixer-head h2{font-size:clamp(90px,11vw,160px)}.mixer-head h2 i{color:var(--gold)}.mix-panel{border-top:2px solid var(--cream);align-self:center;padding-top:18px}.mix-panel>p{font-size:12px;line-height:1.5}.mix-row{text-transform:uppercase;border-bottom:1px solid #706e66;justify-content:space-between;align-items:center;padding:15px 0;font:800 24px Barlow Condensed;display:flex}.mix-row div{align-items:center;gap:15px;display:flex}.mix-row button{border:1px solid var(--cream);width:34px;height:34px;color:var(--cream);cursor:pointer;background:0 0;font-size:20px}.mix-row b{text-align:center;width:30px}.mix-total{justify-content:space-between;align-items:end;padding-top:18px;display:flex}.mix-total span{letter-spacing:2px;font-size:9px}.mix-total strong{color:var(--red);font:900 70px/1 Barlow Condensed}.mix-total.ready strong{color:var(--gold)}.mix-hint{text-align:right;color:#aaa;margin-top:-8px!important}.big-button.cream{background:var(--cream);color:var(--black);margin-top:12px}.mix-note{color:var(--gold);font:italic 800 18px Barlow Condensed;position:absolute;bottom:75px;left:38vw;transform:rotate(-8deg)}.shito-feature{background:var(--gold);align-items:center;min-height:720px;padding:100px 6vw;display:flex;position:relative;overflow:hidden}.shito-copy{z-index:2;width:56%;position:relative}.shito-copy h2{font-size:clamp(82px,10.5vw,155px)}.shito-copy h2 i{color:var(--red)}.shito-copy p{max-width:390px;font-size:13px;line-height:1.65}.shito-copy a{font:800 16px Barlow Condensed}.vertical-word{writing-mode:vertical-rl;letter-spacing:3px;font:800 10px DM Sans;position:absolute;top:40px;right:15px}.jar{border:4px solid var(--black);width:29vw;height:480px;box-shadow:15px 15px 0 var(--red);background:linear-gradient(90deg,#1a0a04,#5d2410 48%,#170803);border-radius:20px 20px 70px 70px;position:absolute;bottom:-30px;right:6vw;transform:rotate(5deg)}.lid{background:repeating-linear-gradient(90deg,#111 0 7px,#333 8px 10px);border:4px solid;border-radius:8px;width:106%;height:65px;position:absolute;top:-45px;left:-3%}.jar-label{background:var(--cream);border:3px solid var(--black);flex-direction:column;justify-content:center;align-items:center;height:44%;display:flex;position:absolute;top:30%;left:10%;right:10%;transform:rotate(-3deg)}.jar-label small{letter-spacing:4px}.jar-label b{color:var(--red);font:900 70px/.9 Barlow Condensed}.jar-label span{text-align:center;letter-spacing:2px;font:700 9px DM Sans}.pepper{color:var(--red);font-size:70px;position:absolute}.p1{bottom:60px;right:36vw;transform:rotate(20deg)}.p2{top:80px;right:2vw;transform:rotate(-20deg)}.how{padding:95px 4vw 110px}.how h2{font-size:clamp(95px,12vw,170px)}.steps{border-top:2px solid;border-bottom:2px solid;grid-template-columns:repeat(5,1fr);display:grid}.step{border-right:1px solid;flex-direction:column;min-height:185px;padding:18px;display:flex}.step:last-child{border-right:0}.step span{font-size:10px}.step b{margin:auto 0 8px;font:900 31px Barlow Condensed}.step small{font-size:10px}.order{background:var(--red);color:#fff;grid-template-columns:1.1fr .9fr;gap:6vw;padding:85px 5vw;display:grid}.order-copy h2{font-size:clamp(85px,9vw,140px)}.order-copy h2 i{color:var(--gold)}.order-copy>p{font-size:12px}.zelle{background:var(--gold);border:2px solid var(--black);width:340px;box-shadow:6px 6px 0 var(--black);color:var(--black);text-align:left;cursor:pointer;grid-template-columns:1fr auto;margin-top:25px;padding:16px;display:grid}.zelle span,.zelle small{letter-spacing:2px;font-size:8px}.zelle b{grid-column:1/3;margin:4px 0;font:900 40px Barlow Condensed}.zelle small{grid-column:2}.order-email{color:#fff;letter-spacing:2px;border-bottom:1px solid #fff;width:max-content;margin-top:24px;padding-bottom:5px;font:700 10px DM Sans;text-decoration:none;display:block}.order form{grid-template-columns:1fr 1fr;align-self:center;gap:18px;display:grid}.order label{letter-spacing:2px;text-transform:uppercase;font:700 9px DM Sans}.order input{color:#fff;background:0 0;border:0;border-bottom:2px solid #fff;outline:none;width:100%;padding:12px 0;display:block}.order .wide{grid-column:1/3}.order form button{border:2px solid var(--black);background:var(--cream);cursor:pointer;box-shadow:5px 5px 0 var(--black);grid-column:1/3;padding:18px;font:900 20px Barlow Condensed}.order form small{grid-column:1/3;font-size:9px;line-height:1.5}footer{background:var(--black);min-height:680px;color:var(--cream);flex-direction:column;padding:40px 4vw 25px;display:flex}.footer-top,.footer-bottom{letter-spacing:2px;border-bottom:1px solid #555;justify-content:space-between;padding-bottom:18px;font:700 9px DM Sans;display:flex}.footer-top a{text-decoration:none}.footer-top a:first-child{color:var(--gold)}footer h2{letter-spacing:-.07em;color:var(--red);margin:auto 0;font:900 clamp(150px,23vw,350px)/.61 Barlow Condensed}.footer-bottom{border-top:1px solid #555;border-bottom:0;padding:18px 0 0}.footer-bottom a{text-decoration:none}@media (max-width:800px){.nav{grid-template-columns:1fr auto;height:68px}.navlinks{display:none}.hero{min-height:720px;padding-top:35px}.hero-kicker{width:100%}.hero h1{margin-top:35px;font-size:25vw;line-height:.72}.hero h1 em{margin-left:3vw}.hero-photo{width:64vw;height:74vw;top:315px;right:-8vw}.sun-stamp{width:90px;height:90px;top:360px;right:47vw}.sun-stamp b{font-size:38px}.hero-copy{width:180px;bottom:78px;left:5vw}.hero .big-button{bottom:18px;left:5vw}.scribble{display:none}.food-intro{padding:70px 6vw;display:block}.food-intro header{margin-bottom:55px}.food-intro h2{font-size:20vw}.food-card{transform:none;margin:0 0 70px!important}.circle-photo,.polaroid,.arch-photo{height:390px}.banku{display:block}.food-card h3{font-size:48px}.shipping{min-height:650px;padding:70px 6vw}.shipping h2{margin-top:45px;font-size:22vw}.shipping p{width:70%;margin-left:28%;position:relative;top:auto;right:auto}.shipping-mark{bottom:40px}.route{display:none}.packages{padding:70px 6vw;display:block}.package-title{margin-bottom:50px}.package-title h2{font-size:19vw}.package{width:100%;min-height:430px}.package+.package{border-top:0;border-left:2px solid}.mixer{padding:70px 6vw;display:block}.mixer-head h2{font-size:20vw}.mix-note{display:none}.shito-feature{align-items:flex-start;min-height:900px;padding:70px 6vw}.shito-copy{width:100%}.shito-copy h2{font-size:19vw}.jar{width:62vw;height:410px;right:13vw}.how{padding:70px 6vw}.how h2{font-size:22vw}.steps{display:block}.step{border-bottom:1px solid;border-right:0;min-height:120px}.order{padding:70px 6vw;display:block}.order-copy h2{font-size:20vw}.order form{margin-top:60px;display:block}.order label{margin-bottom:20px;display:block}.order form button{width:100%;margin-top:15px}.zelle{width:100%}footer{min-height:520px}footer h2{font-size:29vw}.footer-bottom{flex-wrap:wrap;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker span{animation:none}}.hero-photo.product-hero{background:#fff}.real-product-label{z-index:2;background:var(--red);color:#fff;border:2px solid var(--black);letter-spacing:1.5px;padding:8px 12px;font:800 10px DM Sans;position:absolute;top:14px;left:-34px;transform:rotate(-5deg)}.product-photo{background:#fff}.product-photo img{object-fit:contain;padding:24px}.polaroid.product-photo{padding:14px 14px 55px}.polaroid.product-photo img{padding:18px}.jar.real-jar{background:#fff;border-radius:0;height:560px;padding:16px}.jar.real-jar:after{content:"MAY’S DELICIOUS / SHITO SPECIAL";background:var(--cream);color:var(--black);border:2px solid var(--black);letter-spacing:1.5px;padding:10px 14px;font:800 10px DM Sans;position:absolute;bottom:45px;left:-35px;transform:rotate(-7deg)}.banku-art{background:var(--red);color:var(--cream);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.banku-art:before{content:"";border:2px solid var(--gold);border-radius:210px 210px 0 0;position:absolute;inset:18px}.banku-art strong{letter-spacing:-.06em;font:900 clamp(70px,8vw,120px)/.75 Barlow Condensed;position:relative;transform:rotate(-5deg)}.banku-art span{color:var(--gold);font:900 26px/.8 Barlow Condensed;position:relative}.banku-art small{letter-spacing:1.5px;font:700 8px DM Sans;position:absolute;bottom:30px}@media (max-width:800px){.jar.real-jar{height:440px}.real-product-label{left:-15px}}.hero-photo.product-hero img{object-fit:cover;padding:0}.hero-photo.product-hero:after{content:"MAY’S DELICIOUS / SERVED WITH LOVE"}.jar.real-jar{padding:0}.jar.real-jar img{object-fit:cover}@media (max-width:800px){.feature-reel{min-height:0;display:block}.feature-reel video{height:65vh;min-height:0}.feature-reel>div{padding:70px 6vw}.feature-reel h2{font-size:19vw}.shipping{min-height:850px}.shipping-photo{width:88vw;height:250px;margin-top:35px;position:relative;top:auto;right:auto}.shipping-mark{bottom:35px}.footer-top{flex-wrap:wrap;gap:14px}}:root{--green:#075b3d}.contact-ribbon{background:var(--green);color:#fff;letter-spacing:1.8px;text-transform:uppercase;justify-content:center;align-items:center;gap:18px;min-height:34px;padding:8px 4vw;font-size:9px;font-weight:700;display:flex}.contact-ribbon a{color:var(--gold);border-bottom:1px solid;text-decoration:none}.package-proof{border:2px solid var(--black);width:min(330px,100%);height:175px;box-shadow:7px 7px 0 var(--gold);margin-top:28px;position:relative;overflow:hidden;transform:rotate(-2deg)}.package-proof img{object-position:center 54%}.package-proof span{background:var(--black);color:#fff;letter-spacing:1.4px;padding:8px 10px;font:800 9px/1.35 DM Sans;position:absolute;bottom:12px;left:12px}.story-grid{background:var(--green);min-height:900px;color:var(--cream);grid-template-rows:auto 1fr;grid-template-columns:1.25fr .75fr .55fr;gap:24px;padding:90px 4vw 110px;display:grid}.story-grid header{grid-column:1/4;grid-template-columns:1.4fr .6fr;align-items:end;display:grid}.story-grid header .eyebrow{grid-column:1/3;width:max-content}.story-grid h2{letter-spacing:-.055em;text-transform:uppercase;margin:28px 0 0;font:900 clamp(78px,10vw,150px)/.75 Barlow Condensed}.story-grid h2 i{color:var(--gold)}.story-grid header p{border-left:2px solid var(--gold);max-width:330px;margin:0 0 12px;padding-left:18px;font-size:13px;line-height:1.7}.story-grid figure{border:3px solid var(--black);margin:0;position:relative;overflow:hidden}.story-grid figcaption{background:var(--cream);color:var(--black);letter-spacing:1.3px;padding:8px 10px;font:800 9px DM Sans;position:absolute;bottom:12px;left:12px}.story-main{height:560px;box-shadow:10px 10px 0 var(--gold);transform:rotate(-1deg)}.story-tall{height:500px;transform:rotate(2deg);margin-top:60px!important}.story-tall img,.story-detail img{object-fit:contain;background:#fff;padding:12px}.story-detail{height:360px;box-shadow:7px 7px 0 var(--red);transform:rotate(-3deg);margin-top:140px!important}.footer-top .footer-email{color:var(--gold);border-bottom:1px solid;font-size:11px}.zelle-form-intro{background:var(--black);border:2px solid var(--cream);box-shadow:7px 7px 0 var(--gold);color:#fff;grid-column:1/3;margin-bottom:14px;padding:24px;display:grid}.zelle-form-intro>strong{letter-spacing:.02em;font:900 38px/.9 Barlow Condensed}.zelle-form-intro>span{margin-top:8px;font-size:11px;line-height:1.5}.order form .zelle-form-intro .zelle{background:var(--gold);width:100%;color:var(--black);text-align:left;grid-column:auto;grid-template-columns:1fr auto;margin:18px 0 0;padding:20px;display:grid}.order form .zelle-form-intro .zelle b{grid-column:1/3;margin:6px 0;font:900 52px/.95 Barlow Condensed}.order form .zelle-form-intro .zelle small{letter-spacing:2px;grid-column:2;font-size:9px}@media (max-width:800px){.contact-ribbon{letter-spacing:1px;justify-content:space-between;gap:10px;font-size:7px}.contact-ribbon a{font-size:8px}.package-proof{height:190px;margin:28px 0 14px}.story-grid{min-height:0;padding:70px 6vw 90px;display:block}.story-grid header{display:block}.story-grid h2{margin-bottom:30px;font-size:20vw}.story-grid header p{margin:0 0 45px}.story-grid figure{height:430px;transform:none;margin:0 0 34px!important}.story-grid .story-detail{height:330px}}.jar.real-jar:after{content:"MAY’S DELICIOUS / SHITTO SPECIAL"}.story-grid{grid-template-columns:1.35fr .65fr}.story-grid header,.story-grid header .eyebrow{grid-column:1/3}.story-tall{height:560px}.order form button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.checkout-error{background:var(--black);color:var(--gold);grid-column:1/3;margin:0;padding:12px;font-size:11px;line-height:1.45}.zelle-note{max-width:380px;margin:22px 0 0;line-height:1.65;font-size:11px!important}
