:root{--cream: #fbf7e4;--brown: #4a2b1e;--brown-deep: #351d13;--brown-soft: #7a5646;--card: #f5eddf;--white: #ffffff;--line: #e3ddcc;--star: #eda12a;--yes: #3f9e4d;--no: #d9403a;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--body: "Manrope", system-ui, sans-serif;--h1: 6rem;--h2: 4.5rem;--h2-story: 2.7rem;--h3: 3rem;--product: 3rem;--review-title: 2rem;--card-title: 3.2rem;--logo: 2.2rem;--logo-footer: 7rem;--text: 1.1rem;--small: .8rem;--button: 1.2rem;--lh-display: .9;--lh-text: 1.4;--track-h1: -.02em;--page: 87.5rem;--gutter: 2rem;--band: 9rem;--radius: .5rem;--pill: 9.375rem;--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-back: cubic-bezier(.34, 1.8, .64, 1);--ease-back-in: cubic-bezier(.36, -.64, .66, -.05)}*,*::before,*::after{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--body);font-size:var(--text);font-weight:600;line-height:var(--lh-text);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;line-height:var(--lh-display);text-transform:uppercase}.h1{font-size:var(--h1);letter-spacing:var(--track-h1)}.h2{font-size:var(--h2)}.h3{font-size:var(--h3)}p{margin:0 0 2rem}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}:focus-visible{outline:3px solid var(--brown);outline-offset:3px;border-radius:2px}.sprite{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:2000;padding:.7rem 1.2rem;border-radius:var(--radius);background:var(--brown);color:var(--cream);transform:translateY(-200%)}.skip-link:focus{transform:none}.lede{max-width:40rem}.stars{display:inline-flex;gap:.1rem}.stars svg{width:1.32rem;height:1.32rem;fill:var(--star)}.rating{display:flex;align-items:center;gap:.5rem;margin:0}.rating-text{font-size:1rem;font-weight:600}.section-head{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:flex-end;justify-content:space-between}.js [data-reveal],.js [data-split]>.word{opacity:0;transition:opacity var(--reveal-time, .55s) var(--ease-out),transform var(--reveal-time, .55s) var(--reveal-ease, var(--ease-out))}.js [data-reveal=fade]{transform:translateY(30px)}.js [data-reveal=rise]{transform:translateY(60px);--reveal-time: .4s}.js [data-reveal=pop]{transform:scale(.6);--reveal-time: .6s}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-split]>.word{display:inline-block;transform:translateY(100%);--reveal-time: .5s;--reveal-ease: var(--ease-back)}.js [data-split].is-in>.word{opacity:1;transform:none}.btn{position:relative;display:inline-flex;align-items:center;font-size:var(--button);font-weight:500;line-height:1}.btn-dot{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--pill);background:var(--brown);color:var(--cream);transition:transform .2s var(--ease-back-in)}.btn-dot--trail{position:absolute;top:0;right:0;transform:scale(0);transition:transform .45s .26s var(--ease-back)}.btn-arrow{width:.9rem;height:.9rem;color:currentColor;transition:transform .2s .1s var(--ease-back-in)}.btn-body{display:grid;place-items:center;min-width:9rem;height:3rem;margin-left:-.375rem;padding:0 1.5rem;border-radius:var(--pill);background:var(--brown);color:var(--cream);transition:transform .25s .22s var(--ease-back),background-color .2s linear}.btn:hover .btn-dot--lead,.btn:focus-visible .btn-dot--lead{transform:scale(0)}.btn:hover .btn-dot--lead .btn-arrow,.btn:focus-visible .btn-dot--lead .btn-arrow{transform:scale(0)}.btn:hover .btn-body,.btn:focus-visible .btn-body{transform:translateX(-1.6rem) rotate(-4deg);background:var(--brown-deep)}.btn:hover .btn-dot--trail,.btn:focus-visible .btn-dot--trail{transform:translateX(2rem) scale(1)}.btn--nav .btn-dot,.btn--nav .btn-body{height:2.6875rem}.btn--nav .btn-body{min-width:8rem}.dot{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border-radius:var(--pill);background:var(--brown);color:var(--cream);transition:transform .3s var(--ease-back)}.site-header{position:absolute;inset:0 0 auto;z-index:100;display:flex;align-items:center;height:4.5rem;padding:0 var(--gutter)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;width:100%;max-width:80.5rem;margin:0 auto}.header-side{display:flex;align-items:center;gap:.5rem;flex:1 1 0}.header-side--end{justify-content:flex-end}.brand{display:inline-flex;align-items:center;gap:.35rem}.brand-word{font-family:var(--display);font-size:var(--logo);font-weight:700;letter-spacing:-.01em;text-transform:uppercase;line-height:1}.brand-mark{width:1.6rem;height:1.6rem;fill:var(--brown)}.menu{position:relative}.menu-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.5rem 1rem .5rem 1.2rem;border-radius:6.25rem;background:var(--brown);color:var(--white);font-size:var(--text);font-weight:500}.menu-chevron{width:1.25rem;height:1.25rem;transition:transform .25s var(--ease-out)}.menu-toggle[aria-expanded=true] .menu-chevron{transform:rotate(180deg)}.menu-list{display:grid;gap:.1rem;margin-top:.5rem;padding:.5rem;border-radius:.75rem;background:var(--brown);color:var(--cream);font-size:1rem}.menu-list a{display:block;padding:.45rem .75rem;border-radius:.4rem}.menu-list a:hover{background:rgba(251,247,228,.12)}.js .menu-list{position:absolute;top:100%;left:0;z-index:20;min-width:11rem;opacity:0;visibility:hidden;transform:translateY(-.4rem);transition:opacity .2s,transform .2s,visibility .2s}.js .menu-toggle[aria-expanded=true]+.menu-list{opacity:1;visibility:visible;transform:none}.cart{position:relative;display:grid;place-items:center;width:4.5rem;height:3.75rem}.cart-icon{width:2.4rem;height:2.4rem;color:var(--brown);transform:rotate(-31deg)}.cart-count{position:absolute;top:.15rem;right:.3rem;display:grid;place-items:center;min-width:1.375rem;height:1.375rem;border-radius:var(--pill);background:var(--brown);color:var(--cream);font-size:.75rem}.hero{position:relative;overflow:hidden;padding:7.3rem 0 0;text-align:center}.hero-copy{position:relative;z-index:15;display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:0 1rem}.hero .h1{max-width:33rem;margin:0}.hero-sub{margin:0}.hero-cta{margin:.5rem 0 0}.beans{position:absolute;inset:0;z-index:5;pointer-events:none}.bean{position:absolute;top:var(--y);left:var(--x);display:block;width:2.3rem;height:2.3rem;transform:rotate(var(--r, 0deg))}.bean svg{width:100%;height:100%;fill:var(--brown)}.bean--1{--x: 9%;--y: 11%;--r: -18deg}.bean--2{--x: 21%;--y: 29%;--r: 24deg}.bean--3{--x: 2%;--y: 41%;--r: -6deg}.bean--4{--x: 15%;--y: 70%;--r: 38deg}.bean--5{--x: 6%;--y: 55%;--r: -32deg}.bean--6{--x: 76%;--y: 33%;--r: 12deg}.bean--7{--x: 81%;--y: 10%;--r: -24deg}.bean--8{--x: 95%;--y: 13%;--r: 30deg}.bean--9{--x: 85%;--y: 54%;--r: 6deg}.bean--10{--x: 92%;--y: 70%;--r: -12deg}.hero-shot{position:relative;z-index:10;width:min(65rem,100%);margin:4.4rem auto 0}.hero-band{position:absolute;inset:auto 0 0;z-index:1;height:8.75rem;background:var(--brown)}.press{padding:3.4rem var(--gutter) 2.2rem;background:var(--brown);color:var(--cream)}.press-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;max-width:66.8rem;margin:0 auto}.press-cell{display:grid;place-items:center;height:9rem;padding:2rem 1rem;background:rgba(255,255,255,.05)}.press-cell--label{background:none}.press-window{--flip: 4.5rem;width:8.5rem;height:4rem;overflow:hidden}.press-track{display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:press-flip 6.3s var(--ease-out) infinite}@keyframes press-flip{0%,24%{transform:translateY(0)}33%,57%{transform:translateY(calc(var(--flip) * -1))}67%,100%{transform:translateY(calc(var(--flip) * -2))}}.press-logo{display:grid;place-items:center;width:100%;height:4rem;color:var(--cream);text-align:center;line-height:1}.press-logo--wide{font-family:var(--display);font-size:1.7rem;font-weight:700;letter-spacing:.02em}.press-logo--serif{font-family:Georgia,"Times New Roman",serif;font-size:1.5rem;letter-spacing:.12em;text-transform:uppercase}.press-logo--mono{font-family:ui-monospace,"Courier New",monospace;font-size:1rem;letter-spacing:.18em}.press-logo--script{font-size:2rem;font-style:italic;font-weight:200;letter-spacing:-.02em}.press-label{margin:0;color:var(--white);font-size:1.4rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em}.intro{max-width:var(--page);margin:0 auto;padding:var(--band) var(--gutter);overflow:hidden}.intro-title{max-width:46.5rem;margin:0 auto;text-align:center}.intro-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:11.5rem}.fan{position:relative;min-height:29rem}.print{width:22.3rem;margin:0;padding:.5625rem;background:var(--white);box-shadow:0 1.5rem 3rem rgba(74,43,30,.16);transition:transform .18s var(--ease-out)}.print img{width:100%;height:30.3rem;object-fit:cover}.print--front{position:relative;z-index:3;margin-left:-3.2rem;transform:rotate(-9deg)}.print--back{position:absolute;z-index:2;top:-3.8rem;left:15rem;transform:rotate(9deg)}.print--mid{position:absolute;z-index:1;top:5.2rem;left:6.5rem;transform:rotate(4deg)}.print:hover,.print.is-front{z-index:9}.print--front:hover{animation:print-hop .7s var(--ease-out) forwards}.print--back:hover{animation:print-hop-back .7s var(--ease-out) forwards}.print--mid:hover{animation:print-hop-mid .7s var(--ease-out) forwards}@keyframes print-hop{0%{transform:rotate(-9deg) translateY(0) scale(1)}20%{transform:rotate(-9deg) translateY(-34px) scale(1.07)}46%{transform:rotate(-9deg) translateY(-18px) scale(1.07)}100%{transform:rotate(-9deg) translateY(-22px) scale(1.07)}}@keyframes print-hop-back{0%{transform:rotate(9deg) translateY(0) scale(1)}20%{transform:rotate(9deg) translateY(-34px) scale(1.07)}46%{transform:rotate(9deg) translateY(-18px) scale(1.07)}100%{transform:rotate(9deg) translateY(-22px) scale(1.07)}}@keyframes print-hop-mid{0%{transform:rotate(4deg) translateY(0) scale(1)}20%{transform:rotate(4deg) translateY(-34px) scale(1.07)}46%{transform:rotate(4deg) translateY(-18px) scale(1.07)}100%{transform:rotate(4deg) translateY(-22px) scale(1.07)}}.intro-text{display:flex;flex-direction:column;justify-content:center;padding-left:3.7rem}.intro-text .h3{margin-bottom:1.3rem}.lineup{max-width:var(--page);margin:0 auto;padding:6.4rem var(--gutter) var(--band)}.lineup-body{display:grid;grid-template-columns:42% minmax(0,1fr);gap:2rem;margin-top:1.6rem}.lineup-shot{position:relative;margin:0;min-height:25rem}.lineup-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.product-card{position:relative;overflow:hidden;padding:1rem;background:var(--card)}.product-meta{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;margin:0;font-size:var(--small)}.badge{margin-right:auto;padding:.4rem .6rem;border-radius:.1875rem;background:var(--white);font-weight:600}.price{font-weight:500}.can{display:block;width:100%;margin:3.7rem auto 3.1rem;animation:float 2s ease-in-out infinite alternate}.can img{width:100%;height:auto;transform:rotate(7deg);transition:transform .35s var(--ease-out)}@keyframes float{from{transform:translateY(0)}to{transform:translateY(-41px)}}.product-link:hover .can img,.product-link:focus-visible .can img{transform:rotate(0deg)}.can-shadow{display:block;width:53%;height:3.4rem;margin:-.4rem auto 0;background:radial-gradient(ellipse at center,rgba(74,43,30,.22) 0%,rgba(74,43,30,0) 68%)}.product-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.5rem 0 0}.product-name{font-family:var(--display);font-size:var(--product);font-weight:700;line-height:var(--lh-display);text-transform:uppercase}.product-link:hover .dot{transform:rotate(45deg)}.reviews{position:relative;isolation:isolate;overflow:hidden;padding:var(--band) 0 12rem}.reviews-bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.reviews::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(53,29,19,.62) 0%,rgba(53,29,19,.18) 46%,rgba(53,29,19,.34) 100%)}.reviews-head{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;justify-content:space-between;max-width:var(--page);margin:0 auto;padding:0 var(--gutter)}.h2--onphoto{color:var(--cream)}.rail-nav{display:flex;gap:.5rem;margin:0}.rail-btn{display:grid;place-items:center;width:4rem;height:3rem;border-radius:var(--radius);background:var(--cream);color:var(--brown);transition:background-color .2s linear}.rail-btn:hover{background:var(--white)}.rail-arrow{width:1.5rem;height:1.5rem}[data-rail-prev] .rail-arrow{transform:rotate(90deg)}[data-rail-next] .rail-arrow{transform:rotate(-90deg)}.rail-wrap{margin-top:4rem}.rail{display:flex;gap:1rem;padding:0 1rem 1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.review{flex:0 0 30rem;max-width:88vw;display:flex;flex-direction:column;justify-content:space-between;min-height:28rem;padding:3rem;border-radius:var(--radius);background:var(--cream);scroll-snap-align:start}.review-title{margin:.5rem 0 0;font-family:var(--display);font-size:var(--review-title);font-weight:700;line-height:1;text-transform:uppercase}.review-quote{margin:1.5rem 0 0}.review-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line);font-weight:400}.review-badge{display:inline-flex;align-items:center;gap:.8rem;font-size:var(--small)}.verified{width:1.8rem;height:1.8rem;fill:var(--star)}.rail-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.everyday{max-width:var(--page);margin:0 auto;padding:var(--band) var(--gutter);overflow:hidden}.everyday-head{position:relative;z-index:2;max-width:41.5rem;margin-left:auto}.everyday-head .h2{margin-bottom:1.3rem}.everyday-shot{position:relative;z-index:1;margin:-13.6rem 0 0}.everyday-shot img{width:100%}.everyday-text{position:relative;z-index:2;max-width:42.5rem;margin-top:-3.2rem}.everyday-text .h3{margin-bottom:1.3rem}.claims{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.claim{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem .6rem;border:1px solid var(--brown);border-radius:var(--pill);font-size:1rem;font-weight:400;text-transform:uppercase;line-height:1.3}.claim-icon{flex:none;width:1.6rem;height:1.6rem}.claim-icon--yes{color:var(--yes)}.claim-icon--no{color:var(--no)}.story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;max-width:var(--page);margin:0 auto;padding:var(--band) var(--gutter)}.story-left{display:flex;flex-direction:column}.story-shot{margin:0}.story-shot img{width:100%;aspect-ratio:1 / 1;object-fit:cover}.story-text{margin-top:2rem}.h2--story{margin-bottom:1.3rem;font-size:var(--h2-story);line-height:var(--lh-display);text-transform:none}.story-shot--tall{align-self:stretch;position:relative}.story-shot--tall img{position:absolute;inset:0;width:102%;height:100%;aspect-ratio:auto}.strip{padding:var(--band) 0 2.4rem}.strip .section-head{max-width:var(--page);margin:0 auto;padding:0 var(--gutter)}.socials{display:flex;gap:.75rem}.social{display:grid;place-items:center;width:3.5rem;height:3.5rem;border:1px solid var(--brown);border-radius:var(--pill);transition:background-color .2s linear,color .2s linear}.social svg{width:1.6rem;height:1.6rem}.social:hover{background:var(--brown);color:var(--cream)}.strip-window{margin-top:2.6rem;overflow:hidden}.strip-track{display:flex;width:max-content;animation:strip 45s linear infinite}.strip-panel{display:flex;gap:1rem;padding-left:1rem}.strip-panel img{width:15rem;height:22.5rem;object-fit:cover}@keyframes strip{from{transform:translateX(-50%)}to{transform:translateX(0)}}.site-footer{background:var(--brown);color:var(--cream)}.footer-inner{display:grid;grid-template-columns:minmax(0,1fr) 29.25rem;gap:4.2rem;max-width:var(--page);margin:0 auto;padding:var(--band) var(--gutter) 0}.footer-main{display:flex;flex-direction:column}.footer-brand{display:flex;align-items:flex-start;gap:.5rem;margin:0}.footer-word{font-family:var(--display);font-size:var(--logo-footer);font-weight:700;line-height:.85;letter-spacing:-.01em;text-transform:uppercase}.footer-mark{width:3rem;height:3rem;fill:var(--cream)}.footer-cols{display:flex;flex-wrap:wrap;gap:2rem 4rem;margin-top:2.8rem}.footer-follow{margin-top:2rem}.footer-head{margin:0 0 .6rem;font-family:var(--body);font-size:1rem;font-weight:600;text-transform:none}.footer-col li{font-size:1rem;font-weight:400;line-height:1.8}.footer-col a:hover{text-decoration:underline}.socials--footer{margin-top:.2rem}.socials--footer .social{border-color:var(--cream);background:var(--cream);color:var(--brown)}.socials--footer .social:hover{background:var(--white);border-color:var(--white)}.footer-legal{margin:auto 0 0;padding:4rem 0 2rem;font-size:var(--small)}.footer-card{display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 0;border-radius:.75rem;background:var(--cream);color:var(--brown);text-align:left}.rating--card{align-self:flex-start;margin-bottom:.4rem}.footer-card-title{align-self:flex-start;margin:0 0 .5rem;font-family:var(--display);font-size:var(--card-title);font-weight:700;line-height:.9;text-transform:uppercase}.footer-card-text{margin:0}.footer-card-shot{margin:1rem 0 0}.footer-card-shot img{width:16rem;height:auto}@media(max-width:61.9375rem){:root{--h1: 4.5rem;--h2: 5.5rem;--card-title: 2.53rem;--logo-footer: 4.5rem;--band: 6rem;--gutter: 1.5rem}.header-side{flex:0 1 auto}.hero{padding-top:6.5rem}.hero-shot{margin-top:3rem}.hero-band{height:6rem}.press-label{font-size:1.1rem}.can{width:92.5%}.review{flex-basis:55%}.footer-card-shot img{width:12rem}.intro-body{grid-template-columns:minmax(0,1fr);gap:3rem}.intro-text{padding-left:0}.fan{min-height:34rem}.print--back{left:auto;right:0}.print--mid{left:8rem}.lineup-body{grid-template-columns:minmax(0,1fr)}.lineup-shot{min-height:28rem}.lineup-shot img{position:relative;height:28rem}.everyday-shot{margin-top:-6rem}.everyday-text{margin-top:0}.story{grid-template-columns:minmax(0,1fr)}.story-shot--tall{position:relative;min-height:32rem}.story-shot--tall img{width:100%}.footer-inner{grid-template-columns:minmax(0,1fr);gap:3rem}.footer-card{order:-1}.footer-legal{padding-top:2rem}}@media(max-width:47.9375rem){:root{--h1: 4rem;--h2: 4.5rem;--product: 1.5rem;--band: 5rem}.menu-toggle{padding:.45rem .8rem;font-size:1rem}.hero-shot{width:115%;margin-left:-7.5%}.intro-title{max-width:41rem}.press-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.press-cell{height:6rem;padding:1rem .2rem}.press-cell--label{order:-1;grid-column:1 / -1;height:auto;padding:0 0 .5rem;justify-items:start}.press-window{width:100%;max-width:8.5rem}.press-logo--wide{font-size:1.1rem}.press-logo--serif{font-size:.95rem;letter-spacing:.06em}.press-logo--mono{font-size:.62rem;letter-spacing:.1em}.press-logo--script{font-size:1.3rem}.can{width:100%}.review{padding:2rem;flex-basis:80%}.footer-card-shot img{width:7.5rem}.everyday-head{margin-left:0}.everyday-shot{width:160%;margin:-3rem 0 0 -30%}.story-shot:not(.story-shot--tall){display:none}.story-shot--tall{order:-1;min-height:28rem}.story-text{margin-top:2rem}.footer-cols{gap:1.5rem 3rem}}@media(max-width:29.9375rem){:root{--h1: 3rem;--h2: 3.5rem;--product: 2rem;--card-title: 3.5rem;--logo-footer: 3.4rem;--gutter: 1rem}.header-row{gap:.5rem}.header-side--start{order:2;flex:0 0 auto}.header-side--end{order:3;flex:0 0 auto}.brand{order:1;margin-right:auto}.btn--nav{display:none}.hero{padding-top:5.5rem}.hero-band{height:4.5rem}.bean{width:1.5rem;height:1.5rem}.hero-shot{width:155%;margin-left:-27.5%}.press{padding-top:2.4rem}.products{grid-template-columns:minmax(0,1fr)}.fan{min-height:26rem}.print{width:16rem}.print img{height:21.7rem}.print--front{margin-left:-1rem}.print--mid{left:4rem;top:4rem}.cart{width:3rem;height:3.2rem}.review{flex-basis:93%}.footer-cols{flex-direction:column;gap:1.5rem}.footer-card-shot img{width:13rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js [data-reveal],.js [data-split]>.word,.js [data-stagger]>*{opacity:1!important;transform:none!important;transition:none!important;transition-delay:0s!important}.press-track,.strip-track,.can{animation:none!important}.print:hover{animation:none!important}*,*::before,*::after{transition-duration:.01ms!important;transition-delay:0s!important}}
