:root{--ink:#0b0b0a;--paper:#f1e5ce;--red:#ef4d26;--olive:#34452e;--line:rgba(11,11,10,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
.nav{height:92px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(22px,5vw,72px);border-bottom:1px solid rgba(241,229,206,.22);position:absolute;z-index:10;width:100%;top:0}.wordmark{font-family:"Archivo Black";font-size:22px;line-height:.8;display:grid;letter-spacing:-1px;color:var(--red)}.wordmark small{font-family:"DM Sans";font-size:8px;line-height:2;letter-spacing:2px;color:var(--paper)}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.nav-cta{border:1px solid var(--paper);padding:13px 17px}.nav-cta:hover{background:var(--paper);color:var(--ink)}
.hero{min-height:860px;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);position:relative;overflow:hidden}.hero-copy{padding:clamp(145px,16vh,185px) 4vw 72px 5vw;z-index:2}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.22em;font-weight:700;margin:0 0 26px;color:var(--red)}h1,h2{font-family:"Archivo Black",sans-serif;margin:0;letter-spacing:-.055em;line-height:.85}h1{font-size:clamp(51px,4.25vw,84px)}h1 em{font-style:normal;color:var(--red)}.lede{font-size:clamp(18px,1.55vw,23px);max-width:660px;line-height:1.5;margin:32px 0 16px}.hero-note{max-width:650px;font-size:clamp(18px,1.55vw,23px);line-height:1.5;color:var(--paper);margin:0 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;padding:17px 22px;border:1px solid var(--paper);transition:.2s}.button.primary{background:var(--red);border-color:var(--red);color:var(--ink)}.button:hover{transform:translateY(-2px);box-shadow:4px 4px 0 var(--paper)}.hero-sketch{margin:118px 3vw 58px 0;background:var(--paper);border:5px solid var(--paper);transform:rotate(1.2deg);box-shadow:15px 15px 0 var(--red);align-self:center}.hero-sketch img{height:auto;aspect-ratio:3/2;object-fit:cover}.hero-sketch figcaption{color:var(--ink);display:flex;justify-content:space-between;padding:12px 14px 9px;text-transform:uppercase;font-weight:700;letter-spacing:.14em;font-size:10px}
.ticker{background:var(--red);color:var(--ink);padding:15px 0;white-space:normal;font-family:"Archivo Black";font-size:14px;letter-spacing:.08em}.ticker div{min-width:0;animation:none;text-align:center}.ticker b{margin:0 14px}
.setup{background:var(--paper);color:var(--ink);padding:clamp(76px,9vw,132px) 6vw;display:grid;grid-template-columns:34% 66%;gap:34px 4vw;overflow:hidden}.eyebrow.dark{color:var(--olive)}h2{font-size:clamp(49px,6.4vw,96px)}.setup h2 span,.cups-showcase h2 span{color:var(--red)}.setup-art{margin:0;border:5px solid var(--ink);box-shadow:14px 14px 0 var(--red);transform:rotate(-1deg)}.setup-art img{height:auto;aspect-ratio:3/2}.setup-copy{grid-column:2;font-size:19px;line-height:1.65;max-width:720px;border-left:3px solid var(--red);padding-left:22px;margin:12px 0 0}.cups-showcase{padding:clamp(78px,9vw,130px) 6vw;background:var(--ink);overflow:hidden}.cups-showcase h2{max-width:1000px}.cups-photo{margin:50px 0 0;height:clamp(250px,32vw,500px);overflow:hidden;border:5px solid var(--paper);box-shadow:14px 14px 0 var(--red)}.cups-photo img{height:123%;object-fit:cover;object-position:center top}
.find{padding:clamp(85px,11vw,155px) 6vw;background:var(--olive);position:relative;overflow:hidden}.find:after{content:"STAY CHIDO";position:absolute;right:-35px;top:55px;writing-mode:vertical-rl;font-family:"Archivo Black";font-size:100px;color:rgba(241,229,206,.06);line-height:1}.find h2{max-width:1050px}.find h2 span{color:var(--red)}.find-copy{max-width:620px;font-size:21px;line-height:1.55;margin:32px 0 55px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(241,229,206,.35);border-bottom:1px solid rgba(241,229,206,.35)}.social-grid a{padding:28px 24px;display:grid;gap:10px;border-right:1px solid rgba(241,229,206,.35);transition:.2s}.social-grid a:last-child{border:0}.social-grid a:hover{background:var(--red);color:var(--ink)}.social-grid span{font-size:12px;text-transform:uppercase;letter-spacing:.18em}.social-grid b{font-family:"Archivo Black";font-size:clamp(17px,2vw,27px)}.email{font-family:"Archivo Black";display:inline-block;font-size:clamp(20px,3.5vw,52px);margin-top:55px;border-bottom:5px solid var(--red)}
footer{padding:45px 6vw;background:var(--ink);display:flex;align-items:flex-end;justify-content:space-between}.footer-mark{font-family:"Archivo Black";font-size:28px;color:var(--red)}.footer-mark span{display:block;color:var(--paper);font-family:"DM Sans";font-size:9px;letter-spacing:.3em}footer>div:last-child{display:flex;gap:20px;text-transform:uppercase;font-size:10px;letter-spacing:.12em;color:rgba(241,229,206,.65)}
@media(max-width:780px){.mobile-break{display:inline}.nav{height:75px;padding:10px 20px}.nav nav a:not(.nav-cta){display:none}.hero{min-height:0;display:block;padding-bottom:58px}.hero-copy{padding:125px 22px 35px}h1{font-size:clamp(38px,10vw,52px)}.lede{font-size:18px;max-width:520px}.hero-note{font-size:18px}.hero-sketch{margin:10px 28px 20px 20px;box-shadow:9px 9px 0 var(--red)}.hero-sketch figcaption{gap:10px}.setup{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.setup-art{grid-row:2;margin-top:10px;box-shadow:9px 9px 0 var(--red)}.setup-copy{grid-column:1;grid-row:3}.cups-showcase,.find{padding-left:22px;padding-right:22px}.cups-photo{height:270px;margin-top:35px;box-shadow:9px 9px 0 var(--red)}.cups-photo img{height:122%;width:145%;max-width:none;transform:translateX(-15%)}.social-grid{grid-template-columns:1fr}.social-grid a{border-right:0;border-bottom:1px solid rgba(241,229,206,.35)}.social-grid a:last-child{border-bottom:0}.email{font-size:20px}footer{align-items:flex-start;gap:35px;flex-direction:column}footer>div:last-child{flex-direction:column;gap:8px}}
.hero-sketch,.setup-art{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.button{transition:none}}

.mobile-break{display:none}
/* Our Roots */
.roots{background:var(--ink);padding:clamp(78px,9vw,130px) 6vw}
.roots-copy{max-width:900px;margin:0 auto}
.roots-copy h2{font-size:clamp(43px,5vw,74px);margin-bottom:30px}
.roots-copy h2 span{color:var(--red)}
.roots-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:rgba(241,229,206,.82);max-width:780px}
@media(max-width:780px){.roots{padding:75px 22px}.roots-copy h2{font-size:clamp(43px,12vw,64px)}.roots-copy>p:not(.eyebrow){font-size:16px}}
