:root{--ink:#202223;--lime:#00a392;--orange:#f0771c;--cream:#ffe6ca;--paper:#fffaf5;--teal:#005950;--amber:#ffb957}
.admin-bar .nav-wrap{top:32px}
@media(max-width:782px){.admin-bar .nav-wrap{top:46px}}
.brand span{font-family:var(--font-body);font-weight:500;letter-spacing:3px}
.brand small{font-family:var(--font-script);font-size:20px;letter-spacing:0;color:var(--teal);text-align:center}
.hero{background:var(--cream)}
.hero-visual{background:var(--teal)}
.hero-line-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-t-mark{position:absolute;z-index:4;left:calc(54% - 58px);top:145px;width:116px;height:116px;border:3px solid var(--ink);background:var(--amber);display:grid;place-items:center;transform:rotate(-7deg);box-shadow:8px 8px 0 var(--ink)}
.hero-t-mark img{width:68px;height:68px;display:block}
.sun{background:var(--amber)}
.ticker{background:var(--teal);color:var(--cream)}
.card-2{background:var(--amber)}
.rides{background:var(--teal)}
.workshop-copy{background:var(--cream)}
.quote{background:var(--orange)}
.footer-brand small{color:var(--amber)}
.brand-logo{display:block;transform:none;width:190px;line-height:0}
.brand-logo img{display:block;width:100%;height:auto}
.footer-brand img{filter:invert(1)}
@media(max-width:480px){.brand-logo{width:155px}}
.cafe-gallery{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr .62fr;grid-template-rows:210px 210px;gap:18px;margin-top:72px;position:relative}
.section-t-mark{position:absolute;z-index:5;width:82px;height:82px;background:var(--amber);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);display:grid;place-items:center;transform:rotate(7deg)}
.section-t-mark img{width:48px;height:48px;display:block}
.cafe-t-mark{right:-18px;top:-34px;transform:rotate(8deg)}
.workshop-t-mark{right:34px;top:34px;transform:rotate(-8deg)}
.cafe-gallery figure{margin:0;position:relative;overflow:hidden;border:2px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--cream)}
.cafe-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.cafe-gallery figure:hover img{transform:scale(1.025)}
.cafe-gallery figcaption{position:absolute;left:14px;bottom:14px;background:var(--cream);color:var(--ink);padding:9px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--ink)}
.gallery-main{grid-row:1/3}.gallery-food{grid-column:2/3;grid-row:1/3}.gallery-drink{grid-column:3/4;grid-row:1/3}
.gallery-main img{object-position:center}.gallery-food img{object-position:center}.gallery-drink img{object-position:center 63%}
.cafe-gallery+.cards{margin-top:90px}
@media(max-width:800px){.cafe-gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 280px}.gallery-main{grid-column:1/-1;grid-row:1}.gallery-food{grid-column:1;grid-row:2}.gallery-drink{grid-column:2;grid-row:2}}
@media(max-width:480px){.cafe-gallery{grid-template-columns:1fr;grid-template-rows:260px 240px 340px;margin-top:48px}.gallery-main,.gallery-food,.gallery-drink{grid-column:1;grid-row:auto}.cafe-gallery figure{box-shadow:5px 5px 0 var(--ink)}}
.workshop-photo{display:block;position:relative;background:var(--teal)}
.workshop-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center;display:block}
.workshop-photo .section-t-mark img{width:48px;height:48px;object-fit:contain;object-position:center}
.workshop-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,34,30,.5))}
.workshop-photo>span{z-index:2;color:var(--amber);text-shadow:2px 2px 0 var(--ink)}
.workshop-photo>p{z-index:2;background:var(--cream);color:var(--ink);padding:12px 16px;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--orange)}
@media(max-width:800px){.workshop-photo{height:520px}.workshop-photo img{object-position:center}.cafe-t-mark{right:8px;top:-28px}.workshop-t-mark{right:22px;top:22px}}
@media(max-width:800px){.hero-t-mark{left:auto;right:22px;top:500px;width:92px;height:92px;box-shadow:6px 6px 0 var(--ink)}.hero-t-mark img{width:54px;height:54px}}
