@font-face{font-family:Silkscreen;src:url(/fonts/silkscreen-bold.ttf)format("truetype");font-display:swap;font-style:normal;font-weight:700}:root{--slate:#506167;--cream:#ffeab8;--paper:#fffbeb;--russet:#772e27;--deep-brown:#4f1213;--terracotta:#ce6b52}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--slate);color:var(--cream);-webkit-font-smoothing:none;margin:0}::selection{background:var(--cream);color:var(--deep-brown)}.splash{cursor:url(/nes-cursor.png) 2 2,default;place-items:center;min-height:100svh;padding:clamp(1.5rem,4vw,3.5rem);display:grid;overflow:hidden}.brand-lockup{flex-direction:column;justify-content:center;align-items:center;width:min(94vw,760px);display:flex}.brand-name{z-index:2;color:var(--cream);letter-spacing:-.085em;text-align:center;text-shadow:.08em 0 var(--russet), .08em .08em var(--deep-brown);text-wrap:nowrap;margin:0 0 clamp(-4.5rem,-7vw,-2.5rem);font-family:Silkscreen,Courier New,monospace;font-size:clamp(3rem,8vw,6.8rem);font-weight:700;line-height:.9;position:relative}.mascot-stage{aspect-ratio:1;width:min(84vw,590px);position:relative}.pixel-owl{-webkit-user-drag:none;width:100%;height:100%;image-rendering:pixelated;object-fit:contain;-webkit-user-select:none;user-select:none;display:block}.pixel-coffee{filter:drop-shadow(3px 3px #4f12134d);-webkit-user-drag:none;width:clamp(34px,3vw,40px);height:auto;image-rendering:pixelated;-webkit-user-select:none;user-select:none;flex:none}.brew-line{align-items:flex-end;gap:clamp(.4rem,1vw,.65rem);display:flex;position:absolute;bottom:2%;right:50%;transform:translate(50%)}.brew-line p{color:var(--paper);letter-spacing:-.065em;text-shadow:3px 3px 0 var(--deep-brown);white-space:nowrap;margin:0 0 .18rem;font-family:Silkscreen,Courier New,monospace;font-size:clamp(.8rem,1.65vw,1.15rem);font-weight:700;line-height:1.2}@media (max-width:560px){.brand-lockup{width:100%}.brand-name{letter-spacing:-.1em;margin-bottom:-1.8rem;font-size:clamp(2.55rem,12vw,4.2rem)}.mascot-stage{width:min(105vw,470px)}.brew-line{bottom:0}.brew-line p{font-size:clamp(.68rem,3vw,.9rem)}.pixel-coffee{width:clamp(30px,8vw,36px)}}@media (max-height:700px) and (min-width:561px){.brand-name{font-size:clamp(3rem,9vh,5rem)}.mascot-stage{width:min(70vh,500px)}}