:root{--color--background: 0, 0, 0;--color--foreground: white;--color--mid: slategray;--spacing--xxs: .25rem;--spacing--xs: .5rem;--spacing--s: .75rem;--spacing--m: 1rem;--spacing--l: 1.5rem;--spacing--xl: 2rem;--spacing--xxl: 4rem;--spacing--xxxl: 8rem;--font-size--xxs: .75rem;--font-size--xs: .875rem;--font-size--s: 1rem;--font-size--m: 1.25rem;--font-size--l: 1.5rem;--font-size--xl: 2rem;--font-size--xxl: 2.5rem;--font-size--xxxl: 3rem}*{margin:0;padding:0;box-sizing:border-box}html{background-color:rgb(var(--color--background));color:var(--color--foreground);font-family:tt-interphases-pro,sans-serif;max-width:100vw}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing--m)}h1{font-size:var(--font-size--xxl)}h2{font-size:var(--font-size--xl)}h3{font-size:var(--font-size--l)}p{margin-bottom:var(--spacing--s)}h1,h2{color:#8e634a;margin-top:var(--spacing--xl);text-transform:uppercase}img{display:block}.hidden{display:none}@font-face{font-family:tt-interphases-pro;font-style:normal;font-weight:400;src:url(/build/assets/fonts/TT_Interphases_Pro_Variable_Trial.woff2) format("woff2")}.page{margin:0 auto;overflow-x:hidden}.page__header{align-items:flex-start;aspect-ratio:1 / 1.25;background-color:rgb(var(--color--background));background-image:url(/build/assets/images/hero-cups.jpg);background-position:center bottom;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;padding:var(--spacing--xxl);width:100%}.page__header .logo-container{width:75%;max-width:960px}.page__header .logo-container img{max-height:100%;width:auto}@keyframes fade-out{0%{opacity:1}25%{opacity:0}to{opacity:0}}.page__footer{background-color:#000;color:var(--color--mid);display:flex;flex-direction:column;font-size:small;min-height:25vh;padding:var(--spacing--xl);align-items:center;z-index:100}.page__footer .logo-container{width:120px;margin-bottom:var(--spacing--xl)}.page__footer .logo-container img{max-height:100%;width:auto}.contact h2{text-align:center}.contact form{display:flex;flex-direction:column;gap:var(--spacing--m)}.contact form label{display:block;margin-bottom:var(--spacing--s);text-align:left}.contact form input,.contact form textarea{border:none;color:var(--color--mid);font-size:inherit;padding:var(--spacing--s);width:100%}.contact form textarea{min-height:320px}.contact form button{background-color:#444;border:none;color:#fff;cursor:pointer;font-size:inherit;padding:var(--spacing--s);text-align:center}.contact form button:hover{background-color:#666}.contact form div{text-align:center}main.page__stack{align-items:center;display:flex;flex-direction:column;isolation:isolate;z-index:0}main.page__stack>section{margin-bottom:var(--spacing--l);max-width:640px;padding:var(--spacing--xl);position:relative;width:100%}main.page__stack>section.text{display:block;padding:var(--spacing--xl);text-align:center}main.page__stack>section:not(.text):not(.contact){display:grid;gap:var(--spacing--xl);grid-template-columns:1fr 1fr;position:relative}main.page__stack>section:not(.text):not(.contact) .content{align-self:center;grid-column:1;grid-row:1;justify-self:end;padding:var(--spacing--xl);max-width:75%;text-align:right}main.page__stack>section:not(.text):not(.contact) figure{aspect-ratio:4/3;grid-column:2;grid-row:1;width:100%}main.page__stack>section:not(.text):not(.contact) figure img{max-width:100%;width:100%}main.page__stack>section:not(.text):not(.contact):nth-of-type(2n) .content{grid-column:2;justify-self:unset;text-align:left}main.page__stack>section:not(.text):not(.contact):nth-of-type(2n) figure{grid-column:1}