body{background:#111;font-family:BrandonTextWeb,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif}.sr-only{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}.beans{position:relative;min-height:100vh;overflow:hidden}.beans .section-content-wrapper{position:relative;height:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.beans .beans__scroll-container{position:relative;height:100vh;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.beans .beans__scroll-container::-webkit-scrollbar{display:none}.beans .beans__scroll-container{-ms-overflow-style:none;scrollbar-width:none}.beans .section{min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always;position:relative}.beans .section--hero{height:100vh;width:100vw;margin:0;padding:0;max-width:100vw}.beans .section--hero .page{height:100%;width:100%;margin:0;padding:0;max-width:100vw}.beans .page{position:relative}.beans .container{width:100%;padding-left:32px;padding-right:32px;margin-left:auto;margin-right:auto;max-width:1200px}.beans .content{color:#f4f3f0;padding:96px 0;margin-left:auto;margin-right:auto;max-width:500px;text-shadow:0 1px rgba(0,0,0,.5)}@media screen and (min-width: 700px){.beans .content{max-width:610px}}.beans .title{font-family:var(--font-serif);font-size:43px;line-height:1.125;margin-bottom:1em}@media screen and (min-width: 700px){.beans .title{font-size:45px}}@media screen and (min-width: 900px){.beans .title{font-size:51px}}.beans .copy{font-size:17px;line-height:24px;margin-bottom:16px;font-family:var(--font-sans)}.beans .copy:last-child{margin-bottom:0}.beans .profile{display:block;margin:32px auto;max-width:136px;height:auto}.beans .middle{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:200px;display:none;color:#f4f3f0;text-align:center;padding-bottom:24px}@media screen and (min-width: 900px){.beans .middle{display:block}}.beans .middle .title{font-size:12px;font-family:inherit;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:10px}.beans .section-content{width:100%;max-width:1200px;padding:64px 32px;margin-left:auto;margin-right:auto;color:#f4f3f0;text-shadow:0 1px rgba(0,0,0,.5)}@media screen and (min-height: 700px){.beans .section-content{padding:80px 48px}}@media screen and (min-height: 900px){.beans .section-content{padding:96px 48px}}.beans .section-content__subtitle{font-family:BrandonGrotesque,sans-serif;text-transform:uppercase;font-size:13px;letter-spacing:2px;font-weight:700;color:#f4f3f0;margin-bottom:10px;display:block;max-width:340px}.beans .section-content__title{font-family:miller-display,serif;font-size:43px;line-height:1.125;margin-bottom:.75em;color:#f4f3f0;max-width:340px}.beans .section-content__copy{font-size:17px;line-height:23px;margin-bottom:1em;color:inherit;max-width:340px}.beans .section-content__copy:last-child{margin-bottom:0}.beans .section-content__copy:first-child{margin-top:0}.beans .section-content__next{max-width:340px;background:transparent;border:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:flex-start;position:relative;align-items:flex-start}.beans .section-content__next-button{background:transparent;border:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;align-items:center;gap:10px;color:#fff;font-size:17px;line-height:24px;font-weight:700;text-decoration:none;cursor:pointer}.beans .section-content__next-button:disabled{opacity:.5;cursor:not-allowed}.beans .section-content__next-button:disabled:hover{background:transparent}.beans .section-content__next-progress{width:120px;height:4px;background:#e2a83c33;margin-top:8px;border-radius:2px;overflow:hidden}.beans .section-content__next-progress-fill{display:block;height:100%;width:0;background:#e2a83c}.beans .capsule{display:inline-block;margin:0;cursor:pointer;border:none;color:#fff;min-height:50px;max-width:100%;width:auto;padding:12px 30px 10px;text-align:center;background:transparent;border:2px solid #e2a83c;border-radius:25px;text-decoration:none;transition:background .2s}.beans .capsule:hover,.beans .capsule:focus-visible{background:#e2a83c}.beans>.title{position:absolute;z-index:1;top:45%;left:50%;width:100%;max-width:80vmin;transform:translate(-50%,-50%);pointer-events:none}.beans>.title .copy{position:absolute;color:#fff;top:auto;bottom:0;padding:20px 2rem;z-index:999;text-align:center;pointer-events:none}@media screen and (min-width: 899px){.beans>.title .copy{top:100%;bottom:auto;padding:0 10vh}}.beans .title__main{position:fixed;left:100%;bottom:100%;opacity:0;width:1px;overflow:hidden}.beans .is-logo{display:block;width:100%;height:0;padding-bottom:56.25%;position:relative}.beans .is-logo .logo-beans-to-bar{position:absolute;top:0;left:0;width:100%;height:100%}.beans .is-logo .logo-beans-to-bar svg{display:block;width:100%;height:100%}.beans .is-logo .logo-beans-to-bar .st0{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}.beans .parallax,.beans .parallax-hero{z-index:0;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;background:#28321f;overflow:hidden}.beans .layer{position:absolute;left:-20px;top:-20px;right:-20px;bottom:-20px;transition:transform .2s ease}.beans .layer img{display:block;width:100%;height:100%;object-fit:cover}.beans>section{display:block;position:fixed;z-index:-1;top:0;left:0;width:100%;height:100%;background:#000}.beans .videos{position:absolute;top:0;left:0;width:100%;height:100%}.beans .videos:after{content:"";position:absolute;display:block;left:0;right:0;top:0;bottom:0;background:#00000040}.beans .videos .image,.beans .videos .beans-video-background{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;background:center center no-repeat;background-size:cover}.beans .beans-video-background__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.beans .videos video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.beans .side-navigation{position:fixed;right:44px;top:50%;transform:translateY(-50%);width:1px;background:currentColor;display:flex;flex-direction:column;color:#f5eddc;z-index:2}@media screen and (max-width: 899px){.beans .side-navigation{display:none}}.beans .side-navigation ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-end}.beans .side-navigation li{margin:0 0 4vh;padding:0;position:relative;right:-24px}.beans .side-navigation li:last-child{margin-bottom:0}.beans .side-navigation .side-navigation__link{position:relative;cursor:pointer;width:24px;transform:translate(-50%);color:#f5eddc;text-decoration:none;display:block}.beans .side-navigation .side-navigation__link:before{content:"";position:absolute;width:24px;height:24px;left:0;top:-12px;border-radius:100%;box-shadow:0 0 0 .1rem currentColor inset;transform:scale(0);transform-origin:center center;transition:all 1s cubic-bezier(.36,.06,.26,.99)}.beans .side-navigation .side-navigation__link:after{content:"";isolation:isolate;position:absolute;width:8px;height:8px;top:-4px;left:8px;border-radius:100%;background:currentColor;transform-origin:center center;transition:all 1s cubic-bezier(.36,.06,.26,.99)}.beans .side-navigation .side-navigation__link:hover:after{transform:scale(1.25)}.beans .side-navigation .side-navigation__link:target:before,.beans .side-navigation .side-navigation__link.side-navigation__link--is-active:before{transform:scale(1)}.beans .side-navigation .side-navigation__link:target:after,.beans .side-navigation .side-navigation__link.side-navigation__link--is-active:after{transform:scale(1.1);transition-delay:.25s;background-color:#ad7d1f}.beans .side-navigation .side-navigation__label{position:absolute;right:32px;top:50%;opacity:0;white-space:nowrap;pointer-events:none;transform:translate(-16px,-50%);color:#f5eddc;transition:all 1s cubic-bezier(.36,.06,.26,.99)}.beans .side-navigation .side-navigation__link--is-active .side-navigation__label{transition-delay:.5s;opacity:1;transform:translate(-8px,-50%);pointer-events:auto}
