@font-face{font-family:Oswald;src:url('assets/oswald-bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('assets/inter-tight-medium.woff2') format('woff2');font-weight:500;font-display:swap}
:root{color-scheme:light;--paper:#ebebeb;--ink:#331308;--orange:#ff6f3f;--yellow:#ffdf42;--blue:#4248ff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter Tight',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.hero{position:relative;width:100%;container-type:inline-size;min-height:50vw;background:var(--paper);isolation:isolate}
.header{position:absolute;inset:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:1.66667cqw 3.33333cqw}
.brand{display:flex;gap:.16667cqw;align-items:center;text-decoration:none;font-family:Oswald,sans-serif;font-weight:700;font-size:1cqw;line-height:1.4}.brand svg{width:1.33333cqw;height:1.83333cqw}
nav{display:flex;gap:1.66667cqw;padding:.16667cqw .66667cqw;border-radius:.5cqw;background:#f2f2f0}nav button{border:0;padding:0;background:none;font:700 1cqw/1.4 Oswald,sans-serif;text-transform:uppercase;color:var(--ink)}nav button:hover{color:var(--blue)}
.copy{position:relative;width:50.83333cqw;height:50cqw}h1{margin:0;font-family:Oswald,sans-serif;font-weight:700;font-size:4.93cqw;line-height:1;text-transform:uppercase}.intro{position:absolute;left:3.21875cqw;top:6.3525cqw;width:35.7092cqw;line-height:1}.label{position:absolute;display:block;white-space:nowrap;padding:.76583cqw .9575cqw;border-radius:1.34029cqw;transform-origin:0 0}.djs{left:13.93917cqw;top:11.20083cqw;transform:rotate(-2.58deg);color:var(--yellow);background:var(--orange)}.specialty{left:2.57917cqw;top:16.4725cqw;transform:rotate(3.52deg);color:var(--orange);background:var(--yellow)}.zero{left:2.45167cqw;top:24.82917cqw;color:#efefef;background:var(--blue)}
.flower{position:absolute;left:34.5cqw;top:27cqw;width:16.33333cqw;height:11.91667cqw;object-fit:cover}.description{position:absolute;left:3.33333cqw;top:41.75cqw;width:23.16667cqw;margin:0;font-size:1.16667cqw;line-height:1.42857;font-weight:500;opacity:.6}
.collage{position:absolute;left:50.83333cqw;top:0;width:49.16667cqw;height:50cqw;overflow:hidden}.rave{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.coffee{position:absolute;left:12.08333cqw;top:21.33333cqw;width:31.58333cqw;height:28.66667cqw;object-fit:cover}.hand{position:absolute;left:12.48667cqw;top:-15.33333cqw;width:25.91667cqw;height:26.75cqw;transform:rotate(78.76deg);transform-origin:0 0;background:url('assets/hand.webp') 50% 51.32% / 111.5% 143.51% no-repeat}.sticker{position:absolute;z-index:2;left:46cqw;top:44cqw;width:14.16667cqw;height:9.16667cqw;object-fit:cover}
dialog{width:min(520px,calc(100% - 32px));border:0;border-radius:16px;padding:36px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#33130880;backdrop-filter:blur(5px)}dialog h2{font:700 36px/1.1 Oswald,sans-serif;text-transform:uppercase;margin:0 30px 24px 0}dialog p{font-size:16px;line-height:1.5}dialog .close{position:absolute;right:18px;top:12px;border:0;background:none;color:var(--ink);font-size:30px}dialog a{text-underline-offset:4px}.item{padding:14px 0;border-top:1px solid #33130825}.item strong{display:block;margin-bottom:4px}.item p{margin:0;opacity:.7}
@media(min-width:1600px){.hero{max-width:1600px;min-height:800px;margin-inline:auto}}
@media(max-width:650px){.hero{min-height:0;padding-bottom:0}.header{position:relative;padding:20px;gap:16px;flex-wrap:wrap}.brand{font-size:13px;gap:3px}.brand svg{width:16px;height:22px}nav{gap:16px;padding:4px 8px;border-radius:6px}nav button{font-size:12px}.copy{width:100%;height:103cqw}h1{font-size:9.7cqw}.intro{left:6cqw;top:5cqw;width:74cqw}.label{padding:1.65cqw 2cqw;border-radius:2.8cqw}.djs{left:29cqw;top:15cqw}.specialty{left:4.5cqw;top:28cqw}.zero{left:4.5cqw;top:47cqw}.flower{left:68cqw;top:62cqw;width:30cqw;height:21.9cqw}.description{left:6cqw;top:77cqw;width:60cqw;font-size:14px;line-height:20px}.collage{position:relative;left:0;width:100%;height:101.6949cqw}.coffee{left:24.5763cqw;top:43.3898cqw;width:64.2373cqw;height:58.3051cqw}.hand{left:25.3966cqw;top:-31.1864cqw;width:52.7119cqw;height:54.4068cqw}.sticker{top:auto;bottom:89cqw;left:68cqw;width:29cqw;height:18.765cqw}}
@media(prefers-reduced-motion:no-preference){nav button{transition:color .15s}dialog[open]{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

/* Keep the artwork proportional, even in a short browser window. */
.hero{height:100svh;min-height:max(600px,min(50vw,800px))}
.copy,.collage{height:100%}
.coffee{top:auto;bottom:0}
.description{top:auto;bottom:7%}
.sticker{top:auto;bottom:-3.16667cqw}
@media(min-width:651px){
 h1{position:absolute;inset:0 0 auto;height:50cqw;top:max(0px,calc((100% - 50cqw)/2 - 2cqw))}
 .flower{top:calc(max(0px,(100% - 50cqw)/2 - 2cqw) + 27cqw)}
}