body{background-color:#3e2930;background-image:repeating-linear-gradient(0deg,transparent,transparent 5px,#b1884210 5px,#b1884210 6px),repeating-linear-gradient(90deg,transparent,transparent 28px,#b1884210 28px,#b1884210 29px);padding:28px 18px}.site-layout{display:grid;grid-template-columns:165px minmax(0,1fr);max-width:1150px;margin:auto;border:3px ridge #d8bc87;border-top:0;background:#f0e1bc}.content-stack{min-width:0}header,.cafe-status{max-width:1150px}.retro-titlebar{background:linear-gradient(90deg,#642738,#302738);border-color:#b79358}.retro-masthead{padding:15px 25px;background:#f0e2c4}.masthead-note{font-size:17px}.cafe-status{background:#ddc699;border-bottom:3px double #8e7447}.cafe-directory{background:#1d2d3e;border-right:3px double #d7b679;color:#e3c181;padding-top:20px}.directory-label{font:10px 'Courier New',monospace;text-align:center;letter-spacing:1px;padding:0 5px 13px;border-bottom:1px solid #947b4c}.cafe-directory nav{display:flex;flex-direction:column;align-items:stretch;padding:0;background:transparent;border:0;gap:0;width:100%}.cafe-directory nav a:not(.btn),.cafe-directory nav a.btn{display:flex;align-items:center;gap:12px;padding:15px 12px;background:transparent;border:0;border-bottom:1px solid #d3ac6433;color:#f0ddae;text-decoration:none;font:12px Georgia;box-shadow:none}.cafe-directory nav a svg{width:24px;height:24px;flex-shrink:0;fill:none;stroke:#d9b664;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.cafe-directory nav a[aria-current="page"]:not(.btn),.cafe-directory nav a.btn[aria-current="page"]{background:#642738;border-block:1px solid #d7b679;color:#fff1d1}.cafe-directory nav a:hover{background:#79533d;text-decoration:underline}.pinned-note{margin:32px 16px 20px;padding:18px 8px;background:#dfbe75;color:#442b25;text-align:center;transform:rotate(-6deg);font:italic 20px Georgia;line-height:1.35;box-shadow:3px 4px 0 #0003;border:1px solid #f2d899}.pinned-note span{display:block;margin-top:7px;font-size:24px}.rail-footer{font:italic 14px Georgia;text-align:center;line-height:1.7;padding:15px 8px;color:#e6cca0}main{border:0;background-color:#f2e5c9}footer{border:0;border-top:3px double #d7b891;padding:25px;flex-wrap:wrap}.page-stamp{padding:14px 22px 0;text-align:left;font-size:9px}section{padding:40px 32px}.coffee-banner{margin:20px 22px 0;padding:25px;min-height:225px;border:4px double #d5b77b;background:#8b4b31 url('coffee-art.svg') center/cover;display:flex;align-items:center;justify-content:space-between;gap:30px}.banner-logo{width:185px;height:185px;background:#f5e5bd;border:3px double #8c693d;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:4px 5px 0 #291b2466}.banner-logo img{width:160px;mix-blend-mode:multiply}.banner-logo span{font:7px 'Courier New',monospace;letter-spacing:.7px;margin-top:-10px}.banner-message{color:#f4d6a0;font:italic 24px Georgia;text-shadow:1px 2px #1e1a25;line-height:1.5;text-align:right;max-width:240px}.banner-message em{font-size:19px}.hero{padding:32px 25px;gap:25px;grid-template-columns:1fr .95fr}.hero h1{font-size:48px}.hero img{height:390px}.hero>div:after{height:55px;margin-top:6px}.hero p{font-size:13px}.hero figure:after{content:'A LITTLE LOOK AT BREW VELVET';font-size:8px;left:7px}.hero .cafe-note{padding:12px;font-size:11px}.hero .btn{padding:12px 14px;font-size:11px}.hero figcaption{flex-direction:column;gap:4px;font-size:9px}.strip{font-size:9px;letter-spacing:0;padding:12px;gap:12px}.experience{margin:0 20px 25px;padding:30px}.occasions{gap:15px}.occasion{padding:18px}.occasion h3{font-size:23px}.occasion p{font-size:13px}.menu-head{gap:25px}.drinks{grid-template-columns:1fr}.drink+.drink{border-left:0;border-top:1px solid #c8b494}.drink{padding:20px}.story{grid-template-columns:.9fr 1.1fr;gap:35px}.story h2{font-size:44px}.story-copy p{font-size:13px}.booking{grid-template-columns:1fr;gap:25px}.booking>div:first-child{max-width:650px}.form{max-width:650px}.faq{padding:20px 32px 40px}.setup-gallery{gap:25px}.photo-card{padding:8px 8px 15px}.gallery-heading h1{font-size:50px}.home-gallery-link{margin-inline:25px;font-size:20px}footer .social-links{gap:8px}footer .social-links a{padding:7px 9px;font-size:10px}@media(max-width:850px){.site-layout{grid-template-columns:135px minmax(0,1fr)}.cafe-directory nav a:not(.btn),.cafe-directory nav a.btn{padding:13px 9px;gap:8px;font-size:11px}.cafe-directory nav a svg{width:20px;height:20px}.hero{grid-template-columns:1fr}.hero img{height:auto}.story{grid-template-columns:1fr}.occasions{grid-template-columns:1fr}.setup-gallery{grid-template-columns:1fr}.coffee-banner{gap:15px;padding:15px}.banner-logo{width:145px;height:145px}.banner-logo img{width:125px}.banner-logo span{font-size:5px}.banner-message{font-size:19px}.banner-message em{font-size:16px}}@media(max-width:600px){body{padding:8px 6px}.site-layout{grid-template-columns:1fr}.cafe-directory{padding:10px 8px;background:#1d2d3e;border-right:0;border-bottom:3px double #d7b679}.directory-label{padding:0 0 7px;font-size:9px;border:0}.cafe-directory nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.cafe-directory nav a:not(.btn),.cafe-directory nav a.btn{border:1px solid #9b8252;justify-content:center;gap:6px;padding:9px 4px;font-size:11px;line-height:1.3}.cafe-directory nav a svg{width:18px;height:18px}.pinned-note,.rail-footer{display:none}.retro-masthead{padding:15px;gap:10px}.masthead-note{font-size:15px}.coffee-banner{margin:15px 13px 0;min-height:185px;padding:12px;gap:10px}.banner-logo{width:135px;height:135px}.banner-logo img{width:116px}.banner-message{font-size:17px}.banner-message em{font-size:14px}.banner-logo span{font-size:5px}.hero{padding:30px 20px}.hero h1{font-size:44px}.hero p{font-size:14px}.hero .btn{font-size:11px}.page-stamp{padding:12px 18px 0}section{padding:32px 20px}.story h2{font-size:41px}.story-copy p{font-size:14px}.experience{margin:0 13px 20px;padding:24px}.faq{padding:25px 20px 35px}.gallery-heading h1{font-size:43px}footer{padding:24px 20px}.home-gallery-link{margin-inline:20px}}@media(max-width:360px){.banner-logo{width:110px;height:110px}.banner-logo img{width:95px}.banner-message{font-size:15px}.banner-message em{font-size:12px}.banner-logo span{font-size:4px}}