*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid currentColor;outline-offset:5px}h1,h2,p,figure{margin:0}img,video{display:block;width:100%;height:auto}p{line-height:1.55;max-width:58ch}header,footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;font-size:13px}header a,footer a{text-decoration:none}.skip{position:absolute;top:-90px}.skip:focus{top:8px;background:white;color:black;padding:14px;z-index:10}figcaption{font-size:12px;line-height:1.5;padding:12px 0 24px}.scope{font-size:12px;line-height:1.8}video{background:#151515}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed.woff2');font-weight:600;font-display:swap}@font-face{font-family:'Public Sans';src:url('assets/public-sans.woff2');font-weight:100 900;font-display:swap}body{font-family:'Public Sans',sans-serif}h1,h2{font-family:'Barlow Condensed',sans-serif;font-weight:600}body{background:#eee1b3;color:#2b1a10}header{border-bottom:1px solid #2b1a1040}.roast{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #2b1a1040}.roast-copy{padding:70px 5vw;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.roast h1{font-size:clamp(70px,10vw,160px);line-height:.9;letter-spacing:-.01em}.roast p{font-size:21px}.roast figure{background:#d29a43;padding:40px 7vw}.roast img{height:660px;object-fit:contain}.grain{position:relative}.grain img{max-height:650px;object-fit:cover}.grain>div{background:#2b1a10;color:#eee1b3;padding:48px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:40px}.grain h2,.carton h2{font-size:clamp(40px,5vw,75px);line-height:1.02;letter-spacing:0}.grain p{align-self:end}.carton{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:90px 5vw;background:#f8f1d8}.carton>div{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:24px}.carton .scope{grid-column:1/-1}.carton p{align-self:end}.carton figure{margin-top:25px}.carton img{height:450px;object-fit:contain}.roast-motion{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding:70px 5vw;background:#b97c35}.roast-motion h2{font-size:clamp(38px,4vw,64px);line-height:1.03;margin-bottom:24px}.identity{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding:75px 10vw}.identity img{max-height:650px;object-fit:contain}@media(max-width:700px){header{flex-wrap:wrap}.roast{grid-template-columns:1fr}.roast-copy{padding:45px 6vw}.roast h1{font-size:24vw}.roast figure{padding:30px 12vw}.roast img{height:auto;max-height:540px}.grain>div{grid-template-columns:1fr;padding:35px 6vw;gap:22px}.carton{grid-template-columns:1fr;padding:50px 6vw;gap:20px}.carton>div{grid-template-columns:1fr}.carton img{height:auto;max-height:530px}.roast-motion{grid-template-columns:1fr;padding:45px 6vw;gap:25px}.identity{grid-template-columns:1fr;padding:50px 12vw;gap:30px}}