:root{--red:#c7352c;--cream:#f3e3c3;--ink:#191714;--green:#567a3a;--yellow:#e8ad36;--white:#fff8e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif;overflow-x:hidden;background-image:radial-gradient(#19171418 1px,transparent 1px);background-size:7px 7px}a{color:inherit;text-decoration:none}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:3px solid var(--ink);background:var(--cream);position:relative;z-index:20}.brand{display:flex;flex-direction:column;line-height:.82;transform:rotate(-1deg)}.brand span{font:900 1.65rem/1 "Archivo Black",sans-serif;letter-spacing:-.06em}.brand small{font:800 .66rem/1.2 "Barlow Condensed";letter-spacing:.24em;margin-top:7px}.topbar nav{display:flex;align-items:center;gap:2.2rem;font:800 1rem "Barlow Condensed";text-transform:uppercase;letter-spacing:.1em}.topbar nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}.lang,.nav-toggle{background:var(--ink);color:var(--cream);border:0;padding:.7rem .85rem;font:800 .9rem "Barlow Condensed";cursor:pointer}.nav-toggle{display:none}.hero{min-height:690px;background:var(--red);color:var(--cream);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:5.5rem 6vw;position:relative;isolation:isolate;overflow:hidden;border-bottom:4px solid var(--ink)}.hero:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.22;background:repeating-linear-gradient(4deg,transparent 0 20px,#191714 21px 22px)}.paint-word{position:absolute;right:-2vw;bottom:-5vw;z-index:-1;font:900 clamp(9rem,24vw,25rem)/.75 "Archivo Black";color:transparent;-webkit-text-stroke:3px #f3e3c326;transform:rotate(-5deg)}.eyebrow{font:800 .95rem "Barlow Condensed";letter-spacing:.18em}.hero h1{font:900 clamp(4.4rem,10vw,10rem)/.77 "Archivo Black";letter-spacing:-.09em;margin:1.2rem 0 .8rem;text-shadow:5px 5px 0 var(--ink);transform:rotate(-1deg)}.hero-line{font:900 clamp(3.1rem,6vw,6rem)/.88 "Barlow Condensed";margin:0}.hero-line em{font-style:normal;color:var(--yellow)}.intro{max-width:540px;font-size:1.12rem;line-height:1.55;font-weight:600}.actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn{display:inline-block;padding:1rem 1.35rem;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font:900 1rem "Barlow Condensed";text-transform:uppercase;letter-spacing:.08em;transition:.2s}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.btn.yellow{background:var(--yellow);color:var(--ink)}.btn.outline{color:var(--cream);border-color:var(--cream);box-shadow:5px 5px 0 var(--ink)}.trompo-wrap{position:relative;display:grid;place-items:center;min-height:570px}.trompo-wrap img{width:min(100%,480px);max-height:620px;object-fit:contain;mix-blend-mode:multiply;filter:contrast(1.08) saturate(1.1);animation:float 4s ease-in-out infinite}.burst{position:absolute;left:0;top:4%;z-index:2;width:112px;height:112px;background:var(--yellow);color:var(--ink);clip-path:polygon(50% 0,60% 20%,79% 7%,78% 29%,100% 30%,83% 47%,100% 61%,77% 66%,82% 90%,60% 78%,50% 100%,40% 78%,18% 91%,23% 67%,0 61%,17% 48%,0 30%,23% 29%,20% 7%,40% 20%);display:grid;place-items:center;text-align:center;font:900 1rem/1 "Barlow Condensed";transform:rotate(-10deg)}@keyframes float{50%{transform:translateY(-8px) rotate(.4deg)}}.ticker{background:var(--ink);color:var(--yellow);border-bottom:4px solid var(--ink);overflow:hidden;white-space:nowrap;font:900 1.2rem "Barlow Condensed";letter-spacing:.12em;padding:1rem 0}.ticker div{display:inline-block;animation:ticker 28s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.story{display:grid;grid-template-columns:.7fr 1.4fr .8fr;gap:5vw;align-items:center;padding:8rem 7vw;border-bottom:4px solid var(--ink)}.stamp{width:240px;height:240px;border:7px double var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;transform:rotate(-7deg);box-shadow:0 0 0 5px var(--cream),0 0 0 8px var(--ink);justify-self:center}.stamp b{font:900 7rem/.6 "Archivo Black";color:var(--red)}.stamp span{font:900 .9rem/1.2 "Barlow Condensed";letter-spacing:.18em}.red{color:var(--red)}.story h2,.section-head h2,.sign-strip h2,.visit h2{font:900 clamp(3rem,6vw,6rem)/.92 "Archivo Black";letter-spacing:-.065em;margin:.5rem 0 1.5rem}.story-copy>p:last-child{font-size:1.1rem;line-height:1.75;max-width:650px}.note{background:var(--yellow);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:2rem;transform:rotate(2deg);display:flex;flex-direction:column;gap:1rem}.note span{font:900 .9rem "Barlow Condensed";letter-spacing:.14em}.note strong{font-size:1.25rem;line-height:1.4}.note .arrow{font-size:3rem;text-align:right}.favorites{background:var(--green);color:var(--cream);padding:7rem 6vw 8rem}.section-head{text-align:center;max-width:840px;margin:0 auto 4rem}.section-head p:last-child{font-size:1rem}.menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.menu-grid article{min-height:310px;background:var(--cream);color:var(--ink);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);padding:1.5rem;display:flex;flex-direction:column;transition:.2s}.menu-grid article:hover{transform:translateY(-7px) rotate(-1deg)}.menu-grid article:nth-child(even){background:var(--yellow);transform:rotate(1deg)}.menu-grid article span{font:900 1rem "Barlow Condensed";border-bottom:3px solid var(--ink);padding-bottom:1rem}.menu-grid h3{font:900 2.8rem "Archivo Black";letter-spacing:-.06em;margin:1.4rem 0}.menu-grid p{line-height:1.55}.menu-grid b{font:900 .8rem "Barlow Condensed";letter-spacing:.14em;margin-top:auto}.sign-strip{background:var(--yellow);padding:5rem 6vw;text-align:center;border-block:4px solid var(--ink);position:relative}.sign-strip p{font:900 1rem "Barlow Condensed";letter-spacing:.2em}.sign-strip h2{margin:1rem 0 0}.visit{background:var(--ink);color:var(--cream);padding:8rem 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.yellow-text{color:var(--yellow)}.visit h2{font-size:clamp(4rem,8vw,8rem)}.visit .btn{margin-top:2rem}.hours{border-left:2px dashed var(--cream);padding-left:5vw;font-size:1.15rem;line-height:1.7}.mini-stamp{margin-top:2rem;border:3px solid var(--yellow);color:var(--yellow);display:inline-block;padding:1.2rem;transform:rotate(3deg);font:800 1rem "Barlow Condensed";letter-spacing:.1em;text-align:center}footer{background:var(--red);color:var(--cream);padding:2.5rem 5vw;display:flex;justify-content:space-between;align-items:center;border-top:4px solid var(--ink);font-size:.85rem}.heat{display:none}@media(max-width:950px){.hero{grid-template-columns:1fr;padding-top:4rem}.trompo-wrap{min-height:430px}.trompo-wrap img{max-height:470px}.story{grid-template-columns:1fr}.note{max-width:420px}.menu-grid{grid-template-columns:1fr 1fr}.stamp{width:200px;height:200px}.visit{gap:4vw}}@media(max-width:680px){.topbar{height:78px;padding:0 1rem}.topbar nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);border-bottom:3px solid var(--ink);padding:1.5rem;flex-direction:column;align-items:flex-start}.topbar nav.open{display:flex}.nav-toggle{display:block}.hero{padding:3.5rem 1.1rem 2rem;min-height:auto}.hero h1{font-size:clamp(3.5rem,18vw,5.3rem);text-shadow:3px 3px 0 var(--ink)}.hero-line{font-size:3.3rem}.trompo-wrap{min-height:380px}.trompo-wrap img{max-height:400px}.burst{width:92px;height:92px}.story,.favorites,.visit{padding:5rem 1.25rem}.story{gap:3rem}.menu-grid{grid-template-columns:1fr}.menu-grid article:nth-child(even){transform:none}.visit{grid-template-columns:1fr}.hours{border-left:0;border-top:2px dashed var(--cream);padding:2rem 0 0}.sign-strip{padding:4rem 1rem}footer{align-items:flex-start;flex-direction:column;gap:1rem}.brand span{font-size:1.35rem}}
