@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap";@import"https://fonts.cdnfonts.com/css/thegoodmonolith";:root{--color-offwhite: #f8f6f2;--color-offblack: #302b27;--color-offblack-transparent: rgba(48, 43, 39, .2);--color-overlay-dark: rgba(0, 0, 0, .4);--font-main: "Inter", sans-serif;--font-mono: "TheGoodMonolith", sans-serif;--transition-smooth: cubic-bezier(.16, 1, .3, 1);--transition-elastic: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-offwhite);color:var(--color-offblack);overflow-x:hidden;letter-spacing:-.02em;font-weight:700}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://img.freepik.com/premium-photo/white-dust-scratches-black-background_279525-2.jpg?w=640);background-repeat:repeat;opacity:.5;mix-blend-mode:overlay;pointer-events:none;z-index:999}*::selection{background:#000;color:#fff}*::-moz-selection{background:#000;color:#fff}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:0 2rem;width:100%;max-width:100%;box-sizing:border-box}.container{height:100vh;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;padding:2rem;align-items:center;justify-items:center;perspective:800px;position:relative;overflow:hidden}.scene-mount{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.scene-mount canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease}.scene-mount canvas.fade-in{opacity:1}.hero-link{position:fixed;top:2rem;z-index:2;display:inline-flex;align-items:center;color:var(--color-offblack)!important;text-decoration:none!important;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;line-height:1;white-space:nowrap;padding-bottom:.18rem;transition:opacity .18s ease,transform .18s ease}.hero-link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer}.hero-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .24s ease}.hero-link:hover,.hero-link:focus-visible{opacity:.72;transform:translateY(-1px);outline:none}.hero-link:hover:after,.hero-link:focus-visible:after{transform:scaleX(1)}.hero-link-left{left:2rem}.hero-link-right{right:2rem}.header-content{grid-column:4 / span 6;text-align:center;transform-style:preserve-3d;position:relative;z-index:1}.header-content>*{transform-style:preserve-3d;backface-visibility:hidden;transform-origin:center top}.title{margin-bottom:1rem;font-size:2.25rem;text-transform:uppercase}.subtitle{margin-bottom:3rem;font-size:1.5rem;text-transform:uppercase}.date{margin:3rem 0;font-size:1rem;font-family:var(--font-mono)}.credits{margin-top:3rem;text-transform:uppercase;font-size:.8rem;font-family:var(--font-mono);grid-column:4 / span 6}.scroll-container{position:relative;height:300vh}.video-wrapper{position:sticky;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:1}#video-container{width:300px;height:300px;overflow:hidden;background-color:var(--color-offblack);position:relative;transition:border-radius .3s ease;filter:blur(0px);clip-path:inset(0 0 0 0)}#video-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;transition:background-color .3s ease;pointer-events:none}video,#video-gif{width:100%;height:100%;object-fit:cover;position:relative;z-index:0;display:block;background-color:#000}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-offblack-transparent);color:var(--color-offwhite);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;clip-path:inset(100% 0 0 0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.video-overlay .caption{font-family:var(--font-mono);font-size:.8rem;margin-bottom:1.5rem;transform:translateY(30px);text-transform:uppercase;letter-spacing:.05em;position:absolute;top:2rem;left:0;width:100%;text-align:center}.video-overlay .content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;filter:blur(10px);transform:scale(1.1);opacity:1}.video-overlay h2{font-size:clamp(1.55rem,2.6vw,2rem);margin-bottom:.5rem;transform:translateY(30px);text-transform:uppercase}.video-overlay p{font-size:clamp(.95rem,1.3vw,1.08rem);line-height:1.6;max-width:32ch;margin-left:auto;margin-right:auto;margin-bottom:1rem;transform:translateY(30px)}@media (min-width: 1024px){.video-overlay{padding:3rem 4rem}.video-overlay .content{align-items:stretch;justify-content:flex-start;max-width:100%}.video-overlay h2{max-width:17ch;margin-top:6vh;margin-left:5vw;margin-right:auto;margin-bottom:0;text-align:left}.video-overlay p{max-width:30ch;margin-top:11vh;margin-right:6vw;margin-left:auto;text-align:left}}.coffee-banner-section{padding:4rem 0 2rem;overflow:hidden}.coffee-banner-row{width:100%;overflow:hidden}.coffee-banner-track{display:flex;align-items:center;gap:2rem;width:max-content;white-space:nowrap;will-change:transform}.coffee-banner-track span{display:inline-block;font-size:clamp(2rem,5.8vw,6.2rem);line-height:.9;letter-spacing:-.05em;color:#000000f5;text-transform:uppercase}.spacer{height:10vh}.footer-content{padding:10rem 0;text-align:center;margin:0 auto}.quote{margin-bottom:3rem;line-height:1.8;grid-column:4 / span 6;position:relative}.quote p{margin-bottom:1.5rem;max-width:32ch;margin-left:auto;margin-right:auto}.inline-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(48,43,39,.25);transition:transform .22s ease,text-shadow .18s ease,border-color .18s ease}.inline-link:hover,.inline-link:focus-visible{border-color:#302b27b3;text-shadow:0 0 16px rgba(17,17,17,.12);outline:none}.mini-divider{width:1px;height:80px;background-color:var(--color-offblack);margin:4rem auto}.quote-kicker{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.9rem}.address-line{max-width:24ch;white-space:normal;text-align:center;font-family:inherit;font-size:1rem;font-weight:inherit;line-height:1.8;letter-spacing:inherit;text-transform:none}.address-link{display:inline-block;color:inherit;text-decoration:none;transition:transform .22s ease,text-shadow .18s ease,opacity .18s ease}.address-link:hover,.address-link:focus-visible{transform:scale(1.04);text-shadow:0 0 16px rgba(17,17,17,.12);outline:none}.address-lockup{width:100%;margin:.2rem auto 0}.address-gif{width:min(18vw,180px);position:absolute;right:clamp(-5.5rem,-3vw,-2rem);top:7rem;pointer-events:none;z-index:2}.address-gif img{display:block;width:100%;height:auto;object-fit:contain}.divider{width:1px;height:80px;background-color:var(--color-offblack);margin:4rem auto;grid-column:6 / span 2}.social-links{display:inline-flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.9rem}.social-link{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(17,17,17,.14);color:var(--color-offblack);text-decoration:none}.social-links svg{width:16px;height:16px;display:block}.mountain-footer{height:50vh;position:relative;clip-path:inset(100% 0 0 0);overflow:hidden;background-color:#000}.mountain-footer video{width:100%;height:100%;object-fit:cover}.footer-jug{position:relative;left:2.5rem;margin-top:-9rem;margin-bottom:2rem;width:min(18vw,220px);pointer-events:none;z-index:4}.footer-jug img{display:block;width:100%;height:auto;object-fit:contain}.contact-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;z-index:10;color:var(--color-offwhite);cursor:pointer;transition:all .3s ease;opacity:0;pointer-events:auto}.contact-btn .label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.05em}.contact-btn .email-container{position:relative;display:inline-block;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;transition:transform .22s ease,text-shadow .18s ease,opacity .18s ease}.contact-btn .email{font-size:.9rem;padding:0 .6em;position:relative;display:inline-block;white-space:nowrap}.contact-btn .email-container:hover,.contact-btn .email-container:focus-visible,.contact-btn .email-container.is-copied{transform:scale(1.04);text-shadow:0 0 18px rgba(255,255,255,.2);outline:none}.copy-smile{display:inline-block;margin-left:.32rem;transform-origin:50% 52%;animation:copySmileSpin 1.15s cubic-bezier(.16,1,.3,1) infinite}.contact-btn .left-bracket,.contact-btn .right-bracket{transition:opacity .3s var(--transition-elastic),transform .3s var(--transition-elastic)}.contact-btn .left-bracket{margin-right:3px}.contact-btn .right-bracket{margin-left:3px;transition-delay:.15s}@keyframes copySmileSpin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@media (max-width: 768px){.container{height:auto;min-height:72svh;grid-template-columns:1fr;align-content:center;align-items:center;justify-items:center;gap:0;padding:.9rem 1rem .55rem}.scene-mount{top:0;right:0;bottom:0;left:0;height:100%}.header-content{grid-column:1;width:min(100%,21rem);margin-top:2.85rem;text-align:center;display:grid;gap:.35rem;justify-items:center}.title{font-size:clamp(2.5rem,11.8vw,3.3rem);margin-bottom:1rem}.subtitle{font-size:clamp(1.3rem,6.9vw,1.76rem);margin-bottom:1.6rem}.date{margin:1.05rem 0;font-size:1.08rem}.header-content .credits{grid-column:auto;margin-top:1.1rem;font-size:1.42rem;line-height:1.28}.hero-link{top:1.25rem;font-size:.86rem}.hero-link-left{left:1rem}.hero-link-right{right:1rem}.coffee-banner-section{padding:1.15rem 0 .75rem}.coffee-banner-track span{font-size:clamp(1.9rem,10.5vw,3.9rem)}.footer-jug{left:1.45rem;margin-top:-8.2rem;margin-bottom:1rem;width:min(40vw,180px)}.address-gif{width:min(36vw,180px);right:clamp(-3.8rem,-6vw,-1rem);top:7.35rem}.address-lockup{width:100%}.address-line{max-width:22ch;font-size:1rem;text-align:center}.footer-content .credits{font-size:.96rem;line-height:1.35}.footer-content .credits p:first-child{font-size:1.03rem;letter-spacing:.05em}.contact-btn .label{font-size:.96rem;margin-bottom:.85rem}.contact-btn .email{font-size:.98rem;padding:0 .35em}}@media (max-width: 480px){.container{min-height:68svh;padding:.8rem .75rem .45rem}.header-content{width:min(100%,18rem);margin-top:2.45rem}.title{font-size:clamp(2.28rem,12.4vw,2.9rem)}.subtitle{font-size:clamp(1.16rem,7.1vw,1.52rem);margin-bottom:1.35rem}.date{font-size:1rem;margin:.95rem 0}.header-content .credits{margin-top:.95rem;font-size:1.2rem;line-height:1.24}.hero-link{font-size:.8rem}.coffee-banner-track span{font-size:clamp(1.6rem,10vw,3.2rem)}.footer-jug{width:min(44vw,160px);margin-top:-6.6rem;margin-bottom:.5rem}.address-gif{width:min(34vw,135px);right:clamp(-2.6rem,-8vw,-.2rem);top:7.9rem}.address-lockup{width:100%}.address-line{max-width:20ch;font-size:.96rem}.contact-btn .label,.contact-btn .email{font-size:.86rem}}