@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap");
:root{--ink:#191817;--cream:#f8f1e6;--orange:#ec5a2a;--yellow:#f6c84c;--line:#d9ccb9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.55}.site-header{height:90px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-weight:700;font-size:1.25rem;letter-spacing:-.08em;color:var(--ink);text-decoration:none}.wordmark span{color:var(--orange)}nav{display:flex;gap:2.2rem;align-items:center}nav a,footer a{color:var(--ink);text-decoration:none;font-size:.82rem;font-weight:500}.nav-pill{border:1px solid var(--ink);border-radius:30px;padding:.55rem 1rem}.nav-pill span{color:var(--orange);margin-left:.3rem}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;max-width:1300px;margin:auto;padding:7rem 8vw 5rem;gap:3rem}.eyebrow{font:500 .72rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--orange);margin:0 0 1.2rem}.hero h1,.about-page h1{font-size:clamp(3.7rem,8vw,7.8rem);line-height:.9;letter-spacing:-.075em;margin:0 0 2rem;font-weight:700}.hero h1 em,.section-heading h2 em,.story h2 em,.visit h2 em,.about-page h1 em{font-family:'Playfair Display',serif;font-weight:700;letter-spacing:-.08em}.intro{max-width:370px;font-size:1.1rem;line-height:1.5;margin:0 0 2rem}.button{display:inline-flex;gap:2rem;align-items:center;background:var(--orange);color:#fff;padding:1rem 1.2rem;text-decoration:none;font-weight:700;font-size:.85rem}.button span{font-size:1.2rem}.hero-art{background:var(--yellow);min-height:390px;position:relative;overflow:hidden;cursor:crosshair}.hero-art canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3}.game-ui{position:absolute;z-index:4;right:1.2rem;top:1rem;text-align:right;font:500 .62rem 'DM Mono',monospace;letter-spacing:.08em;pointer-events:none}.game-ui span,.game-ui small{display:block}.game-ui strong{display:block;font:700 2.5rem 'DM Sans',sans-serif;letter-spacing:-.08em;line-height:1}.game-ui small{font-size:.58rem;letter-spacing:0;text-transform:none;margin-top:.25rem}.sun{position:absolute;width:210px;height:210px;border:1px solid rgba(25,24,23,.35);border-radius:50%;top:12%;left:16%}.grain{position:absolute;border:1px solid var(--ink);width:100px;height:1px;transform:rotate(38deg)}.grain-one{right:8%;top:20%}.grain-two{left:5%;bottom:18%;transform:rotate(-25deg)}.roach{position:absolute;z-index:6;width:72px;height:52px;fill:var(--ink);stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:roach-crawl 7s ease-in-out infinite;pointer-events:auto;cursor:pointer;transition:filter .2s}.roach:hover{filter:drop-shadow(0 0 0 var(--orange))}.roach.squashed{animation:roach-squash .35s ease-out forwards}@keyframes roach-squash{50%{scale:1.35 .35}100%{scale:0;opacity:0}}.roach-head{fill:var(--orange);stroke:none}.roach-one{left:7%;top:14%;transform:rotate(-18deg)}.roach-two{right:5%;bottom:13%;width:55px;animation-delay:-3.5s;transform:rotate(165deg)}@keyframes roach-crawl{0%,100%{translate:0 0;rotate:0deg}35%{translate:35px 18px;rotate:10deg}68%{translate:5px 42px;rotate:-8deg}}.croissant{position:absolute;width:76%;height:43%;left:13%;top:30%;background:var(--orange);border-radius:50% 50% 44% 44%;transform:rotate(-8deg);box-shadow:inset 0 -15px 0 rgba(120,30,10,.15)}.croissant:before,.croissant:after{content:'';position:absolute;background:var(--yellow);width:35%;height:80%;border-radius:50%;top:8%}.croissant:before{left:0}.croissant:after{right:0}.croissant i{display:block;position:absolute;border-left:2px solid rgba(120,30,10,.45);height:85%;top:8%;transform:rotate(10deg)}.croissant i:nth-child(1){left:20%}.croissant i:nth-child(2){left:35%}.croissant i:nth-child(3){left:50%}.croissant i:nth-child(4){left:65%}.croissant i:nth-child(5){left:80%}.art-note{position:absolute;bottom:1rem;left:1.2rem;font: .7rem 'DM Mono',monospace;line-height:1.4}.ticker{background:var(--orange);color:#fff;display:flex;justify-content:space-around;padding:1rem;overflow:hidden;font:500 .7rem 'DM Mono',monospace;letter-spacing:.12em}.menu-section{padding:8rem 8vw;max-width:1300px;margin:auto}.section-heading h2,.story h2,.visit h2{font-size:clamp(2.7rem,5vw,5rem);line-height:.95;letter-spacing:-.07em;margin:0 0 3rem}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.menu-card{border:1px solid var(--line);padding:1.5rem;min-height:300px;position:relative}.menu-card.featured{background:#f2dfbd}.menu-card.dark{background:var(--ink);color:var(--cream)}.number{font: .7rem 'DM Mono',monospace;color:var(--orange)}.card-icon{font-size:3rem;margin:2.5rem 0 1.5rem}.menu-card h3{font-size:1.5rem;margin:0 0 .5rem}.menu-card p{font-size:.9rem;max-width:240px}.menu-card strong{position:absolute;bottom:1.5rem;font-size:.8rem}.story{background:#dce2d2;display:grid;grid-template-columns:1fr 1fr;padding:8rem 14vw;gap:4rem}.story-mark{font-size:clamp(8rem,20vw,17rem);font-weight:700;letter-spacing:-.15em;color:var(--orange);line-height:.7}.story p:not(.eyebrow),.visit>p{max-width:400px}.text-link{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:5px}.visit{text-align:center;padding:8rem 1rem}.visit>p{margin:0 auto 2rem}.button-dark{background:var(--ink)}.contact-bottom{background:var(--ink);color:var(--cream);padding:7rem 12vw;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.contact-bottom h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.88;letter-spacing:-.08em;margin:0 0 1rem}.contact-bottom p:not(.eyebrow){max-width:330px;color:#d9ccb9}.contact-widget{--w-accent:var(--orange);--w-accent-fg:#fff;--w-bg:transparent;--w-fg:var(--cream);--w-muted:#d9ccb9;--w-border:#69564a;--w-radius:0;--w-gap:1rem;--w-pad:0;--w-input-bg:#2a2724;--w-input-pad:.9rem;--w-border-width:1px;--w-max-width:100%;--w-font:'DM Sans',sans-serif}.contact-widget .w-contact{max-width:100%}.contact-widget input,.contact-widget textarea,.contact-widget select{border-radius:0!important}.contact-widget button{border-radius:0!important;background:var(--orange)!important;color:#fff!important;font-weight:700!important}.hl-widget{--hl-accent:var(--orange);--hl-accent-text:#fff;--hl-radius:0;--hl-border:#d9ccb9;--hl-gap:1rem;--hl-max-width:100%;--hl-spacing:1rem;--hl-padding:0;background:var(--ink);color:var(--cream);padding:2rem!important}.hl-widget .hl-form{max-width:100%;font-family:'DM Sans',sans-serif}.hl-widget .hl-form-title{font-size:2rem;font-weight:700;letter-spacing:-.06em;margin-bottom:1.5rem}.hl-widget .hl-field{margin-bottom:1rem}.hl-widget .hl-label{display:block;color:var(--cream);font:500 .7rem 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.hl-widget .hl-input{width:100%;border:1px solid #69564a;background:#2a2724;color:var(--cream);border-radius:0;padding:.85rem;font:1rem 'DM Sans',sans-serif}.hl-widget .hl-input:focus{outline:2px solid var(--orange);outline-offset:2px}.hl-widget .hl-button{border:0;border-radius:0;background:var(--orange);color:#fff;padding:1rem 1.3rem;font-weight:700;cursor:pointer}.hl-widget .hl-button:hover{background:#f47749}footer{border-top:1px solid var(--line);padding:2rem 5vw;display:flex;justify-content:space-between;align-items:center}footer p,footer div{font: .7rem 'DM Mono',monospace;color:#786f64}footer div{display:flex;gap:1rem}.about-page{max-width:1100px;min-height:650px;padding:8rem 12vw}.about-copy{max-width:470px;margin-left:35%;font-size:1.15rem}.about-page h1{margin-bottom:4rem}
@media(max-width:700px){.site-header{height:72px;padding:0 6vw}nav{gap:.8rem}nav a:not(.nav-pill){display:none}.hero{display:block;padding:5rem 7vw 3rem;min-height:0}.hero h1{font-size:clamp(4rem,17vw,6rem)}.hero-art{margin-top:3rem;min-height:300px}.ticker{justify-content:space-between;gap:2rem;white-space:nowrap}.ticker span:nth-child(n+3){display:none}.menu-section,.visit{padding:5rem 7vw}.menu-grid{grid-template-columns:1fr}.menu-card{min-height:260px}.story{grid-template-columns:1fr;padding:5rem 7vw;gap:2rem}.story-mark{font-size:8rem}.contact-bottom{grid-template-columns:1fr;padding:5rem 7vw;gap:2rem}.contact{grid-template-columns:1fr;padding:5rem 7vw;gap:2rem}.about-page{padding:5rem 7vw;min-height:650px}.about-page h1{font-size:4rem}.about-copy{margin:0;font-size:1rem}footer{padding:1.5rem 6vw;flex-wrap:wrap;gap:1rem}footer p{order:3;width:100%;margin:0}footer div{margin-left:auto}}