/*
Theme Name: Mettle Pub Co
Theme URI: https://buzzbox.cloud/
Author: BuzzBox
Description: Bespoke, mobile-first WordPress theme for Mettle Pub Company and its venues.
Version: 0.36.0
Text Domain: mettle
*/
:root{--ink:#171914;--paper:#f3eee5;--cream:#fffaf1;--olive:#66624c;--copper:#ad6e3c;--line:rgba(23,25,20,.13);--white:#fff;--max:1240px;--radius:22px;--shadow:0 20px 60px rgba(18,20,15,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.73rem;font-weight:800}.display{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.045em;line-height:.92}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.92rem 1.2rem;border-radius:999px;background:var(--ink);color:white;font-weight:750;border:1px solid var(--ink);transition:.2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.15)}.btn.alt{background:transparent;color:var(--ink)}.btn.light{background:white;color:var(--ink);border-color:white}.section{padding:72px 0}.section.dark{background:var(--ink);color:white}.section.paper{background:var(--paper)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:60;padding:14px 0;color:white;background:linear-gradient(180deg,rgba(10,11,9,.42),rgba(10,11,9,.08));border-bottom:1px solid rgba(255,255,255,.08);transition:background .2s ease,padding .2s ease,backdrop-filter .2s ease}.site-header.scrolled{background:rgba(23,25,20,.94);backdrop-filter:blur(14px);padding:9px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:900;letter-spacing:.03em;font-size:1rem}.brand span{font-family:Georgia,serif;font-style:italic;font-weight:400}.menu{display:flex;align-items:center;gap:24px;font-size:.86rem;font-weight:650}.menu ul{display:flex;gap:23px;list-style:none;margin:0;padding:0}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.4rem}
.hero{min-height:86vh;display:grid;align-items:end;position:relative;overflow:hidden;background:#23241f;color:white}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(8,9,7,.82) 5%,rgba(8,9,7,.26) 57%,rgba(8,9,7,.12)),radial-gradient(circle at 80% 25%,rgba(173,110,60,.34),transparent 34%),linear-gradient(135deg,#2d3029,#1b1d19 55%,#3c342b)}.hero::after{content:"";position:absolute;width:54vw;height:54vw;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-10vw;top:-13vw}.hero-inner{position:relative;z-index:2;padding:145px 0 60px}.hero h1{font-size:clamp(3.4rem,7.2vw,6.8rem);max-width:920px;margin:.18em 0 .24em}.hero p{font-size:clamp(1rem,1.5vw,1.18rem);max-width:620px;color:rgba(255,255,255,.83);margin:0 0 28px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.scrollnote{position:absolute;right:4vw;bottom:38px;z-index:3;writing-mode:vertical-rl;font-size:.73rem;letter-spacing:.15em;text-transform:uppercase;opacity:.65}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.intro-grid h2{font-size:clamp(2.7rem,4.8vw,4.8rem);margin:0}.intro-copy{font-size:1.02rem;color:#44483e}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:46px}.value{padding:22px 18px;border-top:1px solid var(--line);font-weight:750}.value b{display:block;font-family:Georgia,serif;font-size:1.35rem;font-weight:500;line-height:1.05;margin-bottom:8px}
.venues-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.venues-head h2{font-size:clamp(2.7rem,4.8vw,4.5rem);margin:0}.venue-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.venue-card{grid-column:span 4;min-height:380px;border-radius:var(--radius);overflow:hidden;position:relative;background:#34352f;color:white;box-shadow:var(--shadow)}.venue-card:nth-child(1),.venue-card:nth-child(4){grid-column:span 8}.venue-card .bg{position:absolute;inset:0;background:linear-gradient(140deg,#4a4d42,#252822 65%,#5b4334)}.venue-card .bg.has-img{background-size:cover;background-position:center}.venue-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 25%,rgba(0,0,0,.82) 100%)}.venue-content{position:absolute;z-index:2;inset:auto 24px 24px}.venue-content h3{font-family:Georgia,serif;font-size:1.75rem;line-height:1;margin:0 0 8px}.venue-content p{margin:0 0 15px;color:rgba(255,255,255,.78);max-width:42ch}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;border:1px solid rgba(255,255,255,.33);padding:5px 8px;border-radius:999px}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.split-visual{position:relative;background:linear-gradient(140deg,#3e3c31,#8f6546);overflow:hidden}.split-visual::after{content:"GOOD FOOD • GOOD PEOPLE • GOOD TIMES";position:absolute;inset:auto -45px 40px;white-space:nowrap;font-family:Georgia,serif;font-size:clamp(3.5rem,7vw,7rem);color:rgba(255,255,255,.19)}.split-copy{display:flex;align-items:center;padding:70px max(32px,8vw)}.split-copy h2{font-size:clamp(2.7rem,4.8vw,4.3rem);margin:0 0 24px}.split-copy p{font-size:1.08rem;color:#51554b}.quote-band{padding:66px 0;background:var(--copper);color:white;text-align:center}.quote-band blockquote{font-family:Georgia,serif;font-size:clamp(2.3rem,4.2vw,4.6rem);line-height:.95;max-width:1000px;margin:auto}
.people{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.people h2{font-size:clamp(2.7rem,4.8vw,4.5rem);margin:0 0 20px}.people-photo{aspect-ratio:4/3;border-radius:var(--radius);background:linear-gradient(130deg,#d5c8b8,#8f7f68);box-shadow:var(--shadow);position:relative;overflow:hidden}.people-photo::after{content:"Team photography";position:absolute;inset:auto 20px 18px;color:white;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.careers-card{border-radius:var(--radius);padding:48px;background:var(--olive);color:white;display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:end}.careers-card h2{font-family:Georgia,serif;font-size:clamp(2.5rem,4.2vw,4rem);line-height:.96;margin:0 0 18px}.careers-card p{max-width:650px;color:rgba(255,255,255,.8)}
.site-footer{background:#0f100d;color:white;padding:58px 0 26px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:40px}.footer-brand{font-family:Georgia,serif;font-size:2.55rem;line-height:1}.footer-links{display:grid;gap:10px;color:rgba(255,255,255,.68)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);margin-top:50px;padding-top:24px;font-size:.78rem;color:rgba(255,255,255,.55)}
.page-hero{padding:150px 0 72px;background:var(--ink);color:white}.page-hero h1{font-size:clamp(3.2rem,6vw,5.7rem);margin:.1em 0}.content{width:min(calc(100% - 36px),820px);margin:auto;padding:70px 0}.content h2,.content h3{font-family:Georgia,serif}.content h2{font-size:2.4rem}.content p{font-size:1.06rem;color:#44483e}.venue-hero{min-height:70vh;background:#282a24;color:white;display:flex;align-items:end;position:relative;overflow:hidden}.venue-hero .venue-image{position:absolute;inset:0;background-size:cover;background-position:center}.venue-hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.82))}.venue-hero .wrap{position:relative;z-index:2;padding-bottom:62px}.venue-hero h1{font-size:clamp(3.1rem,6vw,6rem);margin:.15em 0}.venue-meta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.meta-card{border:1px solid var(--line);padding:25px;border-radius:18px;background:white}.mobile-bar{display:none}

@media(max-width:900px){.menu ul,.nav>.btn{display:none}.menu-toggle{display:block}.menu.open ul{position:absolute;display:grid;left:18px;right:18px;top:64px;background:#171914;padding:22px;border-radius:18px;gap:16px}.hero{min-height:82vh}.hero-inner{padding:125px 0 48px}.intro-grid,.people,.split,.careers-card{grid-template-columns:1fr}.values{grid-template-columns:1fr 1fr}.venue-card,.venue-card:nth-child(1),.venue-card:nth-child(4){grid-column:span 6}.split-visual{min-height:430px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-bar{display:flex;position:fixed;z-index:70;left:12px;right:12px;bottom:12px;background:rgba(23,25,20,.95);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);padding:8px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.mobile-bar a{flex:1;text-align:center;color:white;font-weight:800;padding:10px 12px}.mobile-bar a+ a{background:white;color:var(--ink);border-radius:999px}}

@media(max-width:620px){.wrap{width:min(calc(100% - 24px),var(--max))}.section{padding:58px 0}.hero h1{font-size:3.15rem}.scrollnote{display:none}.intro-grid{gap:28px}.values{grid-template-columns:1fr}.venue-grid{gap:12px}.venue-card,.venue-card:nth-child(1),.venue-card:nth-child(4){grid-column:1/-1;min-height:340px}.venues-head{align-items:start;flex-direction:column}.people{gap:28px}.careers-card{padding:32px 24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.venue-meta-grid{grid-template-columns:1fr}.split-copy{padding:55px 24px}.page-hero{padding:126px 0 58px}}


/* V0.3 full-site system */
.breadcrumbs{display:flex;gap:10px;align-items:center;margin-bottom:34px;font-size:.78rem;color:rgba(255,255,255,.62)}.breadcrumbs a:after{content:"/";margin-left:10px;opacity:.5}.breadcrumbs.light{color:rgba(255,255,255,.65)}.page-hero p{max-width:650px;color:rgba(255,255,255,.74);font-size:1.05rem}.page-hero-rich{background:radial-gradient(circle at 75% 20%,rgba(173,110,60,.34),transparent 32%),linear-gradient(135deg,#20221d,#11130f)}.food-hero{background:radial-gradient(circle at 78% 35%,rgba(173,110,60,.35),transparent 31%),#1b1d18}.people-hero{background:radial-gradient(circle at 82% 20%,rgba(102,98,76,.55),transparent 34%),#171914}.careers-hero{background:radial-gradient(circle at 80% 22%,rgba(173,110,60,.4),transparent 34%),#171914}.contact-hero{background:radial-gradient(circle at 80% 25%,rgba(102,98,76,.46),transparent 34%),#171914}.venues-hero{background:radial-gradient(circle at 80% 30%,rgba(173,110,60,.3),transparent 33%),#171914}
.story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.sticky-title{position:sticky;top:120px}.sticky-title h2,.section-title h2{font-size:clamp(2.6rem,4.7vw,4.35rem);margin:.14em 0 0}.story-copy{max-width:720px}.story-copy p{font-size:1.08rem;color:#43473d;margin:0 0 1.45em}.story-copy p:first-child{font-size:1.26rem;color:var(--ink)}.story-copy h3{font-family:Georgia,serif;font-size:1.8rem;margin:2em 0 .4em}.lead-note{border-left:3px solid var(--copper);padding-left:20px}.values-section{background:#e7dfd2}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.value-cards{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(23,25,20,.18);border-bottom:1px solid rgba(23,25,20,.18)}.value-cards article{padding:27px 18px 32px;border-right:1px solid rgba(23,25,20,.15)}.value-cards article:last-child{border-right:0}.value-cards span,.perk-grid span{font-size:.72rem;font-weight:800;letter-spacing:.12em;opacity:.5}.value-cards h3,.perk-grid h3{font-family:Georgia,serif;font-size:1.45rem;line-height:1.05;margin:30px 0 10px}.value-cards p,.perk-grid p{font-size:.88rem;color:#55584f}.editorial-split{min-height:500px}.photo-placeholder{position:relative;background:linear-gradient(135deg,#b8aa98,#786d5d);overflow:hidden}.photo-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.06),rgba(0,0,0,.16))}.photo-placeholder span{position:absolute;left:18px;bottom:15px;z-index:2;color:rgba(255,255,255,.85);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.photo-strip{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.3fr;gap:3px;min-height:430px;background:var(--ink)}.photo-strip>div:nth-child(2){background:linear-gradient(135deg,#8e654c,#d0b493)}.photo-strip>div:nth-child(3){background:linear-gradient(135deg,#57584c,#9a8c6e)}.photo-strip>div:nth-child(4){background:linear-gradient(135deg,#9c7f62,#d8c3a6)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.person-card{margin:0}.person-photo{aspect-ratio:4/5;border-radius:18px}.person-card h3{font-family:Georgia,serif;font-size:1.7rem;margin:15px 0 2px}.person-card p{margin:0;color:#676a61;font-size:.88rem}.doggo{background:var(--olive);color:white}.doggo-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.doggo-photo{aspect-ratio:4/3;border-radius:22px;background:linear-gradient(135deg,#9f876f,#4a493f)}.doggo h2{font-size:clamp(3rem,5vw,4.7rem);margin:.1em 0}.doggo p{color:rgba(255,255,255,.8);max-width:650px}.fun-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.fun-facts div{border-top:1px solid rgba(255,255,255,.25);padding-top:12px}.fun-facts dt{font-size:.69rem;text-transform:uppercase;letter-spacing:.11em;opacity:.58}.fun-facts dd{margin:5px 0 0;font-family:Georgia,serif;font-size:1.04rem}
.perk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.perk-grid article{padding:25px;border:1px solid var(--line);background:var(--cream);border-radius:18px}.platform-grid,.callout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.platform-grid h2,.callout h2{font-size:clamp(2.6rem,4.5vw,4.2rem);margin:.12em 0}.platform-grid p{font-size:1.07rem;color:rgba(255,255,255,.76)}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:start}.contact-grid h2{font-size:clamp(2.8rem,5vw,4.6rem);margin:.15em 0}.contact-grid>div>p{max-width:680px;color:#494c44}.contact-card{background:var(--paper);border-radius:22px;padding:34px;position:sticky;top:110px}.contact-card h3{font-family:Georgia,serif;font-size:2rem;margin:8px 0}.contact-link{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:25px 0;font-weight:800}.contact-link.disabled{opacity:.5;pointer-events:none}.muted,.field-note{color:#777970;font-size:.82rem}.social-row{display:flex;gap:10px;flex-wrap:wrap}.social-row span,.social-links span{border:1px solid var(--line);padding:8px 11px;border-radius:999px;font-size:.78rem}.archive-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:35px;max-width:900px}.archive-intro p{font-size:1.08rem;color:#4b4e46}.callout{padding:40px 0}.callout>div:last-child p{font-size:1.08rem;color:#4d5147}
.venue-featurebar{background:#11130f;color:white;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.venue-featurebar .wrap{display:flex;flex-wrap:wrap;gap:0}.venue-featurebar span{padding:13px 20px 13px 0;margin-right:20px;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:rgba(255,255,255,.72)}.venue-brand-mark{max-width:160px;max-height:75px;object-fit:contain;object-position:left center;margin:0 0 18px;border-radius:8px}.placeholder-hero{background:radial-gradient(circle at 75% 24%,rgba(173,110,60,.42),transparent 28%),linear-gradient(135deg,#393a31,#171914)}.venue-gallery{display:grid;grid-template-columns:1.65fr .85fr;gap:4px;min-height:620px;background:#111}.venue-gallery .large{min-height:620px}.gallery-stack{display:grid;grid-template-rows:1fr 1fr;gap:4px}.gallery-stack>div:first-child{background:linear-gradient(135deg,#9b7258,#d3b693)}.gallery-stack>div:last-child{background:linear-gradient(135deg,#71715f,#b0a58d)}.food-panel{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.food-panel h2{font-size:clamp(2.7rem,4.7vw,4.5rem);margin:.13em 0}.food-panel p{font-size:1.05rem;color:#4a4e44}.celebrate{background:var(--copper);color:white}.light-callout p{color:rgba(255,255,255,.84)!important}.visit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.visit-grid h2{font-size:clamp(2.8rem,4.8vw,4.4rem);margin:.12em 0}.visit-grid>div:first-child p{max-width:650px;color:#4c5046}.visit-card{background:var(--paper);border-radius:20px;padding:10px 30px}.visit-card>div{padding:22px 0;border-bottom:1px solid var(--line)}.visit-card>div:last-child{border-bottom:0}.visit-card p{margin:5px 0}.venue-signoff{font-family:Georgia,serif!important;font-style:italic;font-size:1.35rem!important;color:var(--copper)!important}.social-career-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.social-career-grid h2{font-size:clamp(2.8rem,4.8vw,4.5rem);margin:.12em 0}.social-career-grid p{color:rgba(255,255,255,.72);max-width:650px}.social-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.social-links a,.social-links span{border-color:rgba(255,255,255,.2);color:white}.career-mini{background:#262922;padding:32px;border-radius:20px}.career-mini h3{font-family:Georgia,serif;font-size:2rem;margin:8px 0}.career-mini a{font-weight:800}.is-cafe .venue-featurebar{background:#41362e}.is-cafe .celebrate{background:#6a4b3a}.text-link{display:inline-flex;align-items:center;padding:10px 4px;font-weight:800}.light-link{color:white}.venue-arrow{position:absolute;right:2px;top:-4px;font-size:1.35rem;opacity:.72}.venue-card{transition:transform .25s ease,box-shadow .25s ease}.venue-card:hover{transform:translateY(-4px);box-shadow:0 28px 75px rgba(18,20,15,.17)}
.menu-toggle{width:36px;height:36px;padding:7px;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{display:block;width:100%;height:2px;background:currentColor;border-radius:2px}.body.menu-open{overflow:hidden}
@media(max-width:900px){.story-grid,.doggo-grid,.platform-grid,.callout,.contact-grid,.food-panel,.visit-grid,.social-career-grid{grid-template-columns:1fr;gap:34px}.sticky-title,.contact-card{position:static}.value-cards{grid-template-columns:1fr 1fr}.value-cards article{border-bottom:1px solid rgba(23,25,20,.15)}.team-grid,.perk-grid{grid-template-columns:1fr 1fr}.photo-strip{grid-template-columns:1fr 1fr;min-height:620px}.venue-gallery{grid-template-columns:1fr;min-height:auto}.venue-gallery .large{min-height:460px}.gallery-stack{grid-template-columns:1fr 1fr;grid-template-rows:none;min-height:300px}.archive-intro{grid-template-columns:1fr;gap:0}.venue-featurebar .wrap{overflow:auto;flex-wrap:nowrap}.venue-featurebar span{white-space:nowrap}.site-header .menu{order:3}.site-header .menu.open ul{top:59px;max-height:calc(100vh - 90px);overflow:auto}.menu-toggle{display:flex}.venue-brand-mark{max-width:125px}.breadcrumbs{margin-bottom:26px}}
@media(max-width:620px){.page-hero h1{font-size:clamp(2.8rem,13vw,4rem)}.story-grid{gap:24px}.story-copy p{font-size:1rem}.story-copy p:first-child{font-size:1.12rem}.value-cards,.team-grid,.perk-grid{grid-template-columns:1fr}.value-cards article{border-right:0}.photo-strip{grid-template-columns:1fr;min-height:1000px}.photo-strip>div{min-height:250px}.doggo-grid{gap:25px}.fun-facts{grid-template-columns:1fr}.person-photo{aspect-ratio:5/4}.platform-grid,.callout{gap:20px}.contact-card{padding:25px}.venue-gallery .large{min-height:350px}.gallery-stack{grid-template-columns:1fr;min-height:520px}.food-panel,.visit-grid,.social-career-grid{gap:28px}.venue-featurebar span{padding-top:11px;padding-bottom:11px}.venue-hero{min-height:72vh}.venue-hero .wrap{padding-bottom:42px}.venue-hero h1{font-size:clamp(2.8rem,13vw,4.6rem)}.venue-brand-mark{max-width:105px;max-height:58px}.nav .brand{font-size:.92rem}.site-header{padding:10px 0}.site-header.scrolled{padding:8px 0}}

/* V0.5 real venue imagery */
.venue-gallery-image{min-height:330px;background-size:cover;background-position:center;border-radius:var(--radius)}
.venue-gallery-image.large{min-height:690px}
@media(max-width:860px){.venue-gallery-image.large{min-height:420px}.venue-gallery-image{min-height:260px}}


/* V0.6 brand identity */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand-logo{display:flex;align-items:center;width:82px;height:54px;overflow:hidden;border-radius:8px;background:rgba(250,248,245,.95);padding:3px}
.brand-logo img{width:100%;height:100%;object-fit:contain;display:block}
.site-header.scrolled .brand-logo{width:72px;height:44px}
.venue-card-logo{position:absolute;z-index:1;left:50%;top:43%;transform:translate(-50%,-50%);width:min(44%,190px);max-height:165px;object-fit:contain;filter:drop-shadow(0 12px 22px rgba(0,0,0,.16));transition:transform .25s ease,opacity .25s ease}
.venue-card:hover .venue-card-logo{transform:translate(-50%,-54%) scale(1.035)}
.venue-card .bg.brand-only{background:#efe6d4}
.venue-card-the-green-man .bg.brand-only{background:#dde0d9}
.venue-card-the-hatfield-chace .bg.brand-only{background:#061b44}
.venue-card-the-half-moon-elloughton .bg.brand-only,.venue-card-the-half-moon-skidby .bg.brand-only{background:#f6f3ee}
.venue-card-the-tiger-inn .bg.brand-only{background:#efe6d4}
.venue-card-the-butchers-cafe .bg.brand-only{background:#e6dcd4}
.venue-card .bg.brand-only + .venue-card-logo{opacity:.98}
.venue-card .bg.has-img + .venue-card-logo{width:min(30%,135px);max-height:110px;top:25%;background:rgba(255,255,255,.88);padding:8px;border-radius:12px}
.venue-the-green-man{--venue-accent:#1b401e;--venue-soft:#dde0d9}
.venue-the-hatfield-chace{--venue-accent:#d4af5a;--venue-soft:#061b44}
.venue-the-half-moon-elloughton,.venue-the-half-moon-skidby{--venue-accent:#4f642a;--venue-soft:#f6f3ee}
.venue-the-tiger-inn{--venue-accent:#b85c38;--venue-soft:#efe6d4}
.venue-the-butchers-cafe{--venue-accent:#a56b43;--venue-soft:#e6dcd4}
.venue-page .venue-signoff{color:var(--venue-accent,var(--copper))!important}
.venue-page .venue-featurebar{background:var(--venue-soft,#11130f);color:#fff}
.venue-the-green-man .venue-featurebar,.venue-the-half-moon-elloughton .venue-featurebar,.venue-the-half-moon-skidby .venue-featurebar,.venue-the-tiger-inn .venue-featurebar,.venue-the-butchers-cafe .venue-featurebar{color:#20231d}
.venue-the-green-man .venue-featurebar span,.venue-the-half-moon-elloughton .venue-featurebar span,.venue-the-half-moon-skidby .venue-featurebar span,.venue-the-tiger-inn .venue-featurebar span,.venue-the-butchers-cafe .venue-featurebar span{color:rgba(23,25,20,.72)}
.venue-the-hatfield-chace .venue-brand-mark{background:#061b44}
.venue-the-green-man .venue-brand-mark,.venue-the-half-moon-elloughton .venue-brand-mark,.venue-the-half-moon-skidby .venue-brand-mark,.venue-the-tiger-inn .venue-brand-mark,.venue-the-butchers-cafe .venue-brand-mark{background:rgba(255,255,255,.9);padding:7px}
@media(max-width:620px){.brand-logo{width:64px;height:42px}.site-header.scrolled .brand-logo{width:60px;height:38px}.venue-card-logo{width:min(42%,155px)}}


/* V0.7 structure, typography and finish */
:root{--mettle-navy:#041a2e;--mettle-cream:#faf8f5;--mettle-orange:#ee9342}
body{background:var(--mettle-cream)}
.site-header.scrolled{background:rgba(4,26,46,.96)}
.hero::before{background:linear-gradient(100deg,rgba(4,26,46,.94) 4%,rgba(4,26,46,.54) 58%,rgba(4,26,46,.24)),radial-gradient(circle at 80% 24%,rgba(238,147,66,.34),transparent 32%),linear-gradient(135deg,#041a2e,#102d42 55%,#2d3a40)}
.hero .eyebrow,.page-hero .eyebrow,.venue-hero .eyebrow{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.12em;font-size:.92rem;font-weight:400}
.hero h1,.page-hero h1,.section-title h2,.intro-grid h2,.venues-head h2,.quote-band blockquote,.people h2,.careers-card h2,.footer-brand{font-family:"Playfair Display",Georgia,"Times New Roman",serif}
.nav,.btn,.chip,.venue-featurebar,.footer-links{font-family:"Bebas Neue",Impact,sans-serif;letter-spacing:.035em}
.footer-logo{width:110px;height:76px;background:#faf8f5;border-radius:10px;padding:5px;margin-bottom:18px;object-fit:contain}
.page-hero{background:linear-gradient(135deg,#041a2e,#102d42)}
.page-hero p{max-width:680px;color:rgba(255,255,255,.78);font-size:1.08rem}
.page-hero-rich{background:linear-gradient(135deg,#041a2e 0%,#102d42 58%,#6d452f 100%)}
.inner-page-mark{width:88px;height:62px;object-fit:contain;background:#faf8f5;padding:5px;border-radius:9px;margin-bottom:20px}
.venue-the-tiger-inn .display{font-family:Cinzel,Georgia,serif;letter-spacing:-.025em}
.venue-the-hatfield-chace .display{font-family:"Cormorant Garamond",Georgia,serif;font-weight:700}
.venue-the-green-man .display{font-family:"Playfair Display",Georgia,serif}
.venue-the-green-man .story-copy,.venue-the-green-man .food-panel,.venue-the-green-man .visit-grid{font-family:Lora,Georgia,serif}
.venue-the-hatfield-chace .story-copy,.venue-the-hatfield-chace .food-panel,.venue-the-hatfield-chace .visit-grid{font-family:"Libre Baskerville",Georgia,serif}
.venue-the-half-moon-elloughton .story-copy,.venue-the-half-moon-skidby .story-copy{font-family:"Open Sans",Arial,sans-serif}
.venue-the-butchers-cafe .story-copy,.venue-the-butchers-cafe .food-panel,.venue-the-butchers-cafe .visit-grid{font-family:Montserrat,Arial,sans-serif}
.venue-page .venue-brand-mark{width:auto;min-width:90px}
.venue-page.has-local-gallery .venue-gallery{background:#0f100d}
.site-health-note{display:none}
@media(max-width:900px){.footer-logo{width:92px;height:64px}.inner-page-mark{width:76px;height:54px}}


/* V0.8 — tighter artwork crops + stronger venue-card logo scale */
.venue-card-logo{
  width:min(66%,300px);
  max-height:230px;
  object-fit:contain;
  top:39%;
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.16));
}
.venue-card .bg.has-img + .venue-card-logo{
  width:min(34%,155px);
  max-height:120px;
  top:23%;
  padding:7px;
}
.venue-card-the-hatfield-chace .venue-card-logo{width:min(62%,290px);max-height:245px}
.venue-card-the-tiger-inn .venue-card-logo{width:min(68%,315px);max-height:250px}
.venue-card-the-half-moon-skidby .venue-card-logo{width:min(67%,305px);max-height:245px}
.venue-card-the-half-moon-elloughton .venue-card-logo{width:min(67%,305px);max-height:245px}
.venue-card-the-green-man .venue-card-logo{width:min(64%,290px);max-height:235px}
.venue-card-the-butchers-cafe .venue-card-logo{width:min(55%,235px);max-height:255px}
@media(max-width:620px){
  .venue-card-logo{width:min(61%,235px);max-height:190px}
  .venue-card-the-butchers-cafe .venue-card-logo{width:min(49%,180px);max-height:195px}
}


/* V0.10 — logo fit, resilient core routes and facility icons */
.brand-logo{
  width:74px;height:88px;padding:0;border-radius:16px;background:#faf8f5;
  overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.10)
}
.brand-logo img{width:100%;height:100%;object-fit:contain;transform:scale(1.08)}
.site-header.scrolled .brand-logo{width:64px;height:76px}
.footer-logo{
  width:104px;height:130px;padding:0;border-radius:18px;background:#faf8f5;
  object-fit:contain;transform:none
}
.inner-page-mark{width:84px;height:106px;padding:0;border-radius:14px;object-fit:contain;background:#faf8f5}

.venue-card-logo{width:min(80%,360px)!important;max-height:270px!important;top:40%!important;padding:0!important;background:transparent!important;border-radius:0!important}
.venue-card-the-hatfield-chace .venue-card-logo{width:min(78%,350px)!important}
.venue-card-the-butchers-cafe .venue-card-logo{width:min(67%,285px)!important}
.venue-card .bg.has-img + .venue-card-logo{width:min(36%,160px)!important;max-height:125px!important;top:23%!important;background:rgba(255,255,255,.94)!important;padding:5px!important;border-radius:10px!important}

.venue-featurebar .facility-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:0;align-items:stretch}
.facility-item{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px 12px;border-right:1px solid rgba(255,255,255,.12);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}
.facility-item:last-child{border-right:0}
.facility-icon{width:22px;height:22px;flex:0 0 22px}
.chip.facility-chip{display:inline-flex;align-items:center;gap:5px}
.chip.facility-chip .facility-icon{width:14px;height:14px;flex-basis:14px}
.venue-the-green-man .facility-item,.venue-the-half-moon-elloughton .facility-item,.venue-the-half-moon-skidby .facility-item,.venue-the-tiger-inn .facility-item,.venue-the-butchers-cafe .facility-item{border-color:rgba(23,25,20,.12)}

@media(max-width:900px){
  .brand-logo{width:66px;height:78px}.site-header.scrolled .brand-logo{width:58px;height:68px}
  .footer-logo{width:90px;height:112px}.inner-page-mark{width:72px;height:90px}
  .venue-featurebar .facility-list{display:flex;overflow-x:auto;justify-content:flex-start}
  .facility-item{min-width:132px;border-right:1px solid rgba(255,255,255,.12)}
}
@media(max-width:620px){
  .brand-logo{width:58px;height:69px}.site-header.scrolled .brand-logo{width:54px;height:64px}
  .venue-card-logo{width:min(76%,260px)!important;max-height:205px!important}
  .venue-card-the-butchers-cafe .venue-card-logo{width:min(62%,210px)!important}
}


/* V0.11 — compact emblem header + query-safe marketing navigation */
.brand-emblem{
  display:flex;align-items:center;justify-content:center;
  width:58px;height:58px;padding:0;margin:0;
  background:transparent;border:0;border-radius:0;overflow:visible;
  flex:0 0 58px;
}
.brand-emblem img{width:58px;height:58px;object-fit:contain;display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
.site-header.scrolled .brand-emblem{width:50px;height:50px;flex-basis:50px}
.site-header.scrolled .brand-emblem img{width:50px;height:50px}
@media(max-width:620px){
  .brand-emblem{width:48px;height:48px;flex-basis:48px}
  .brand-emblem img{width:48px;height:48px}
  .site-header.scrolled .brand-emblem{width:44px;height:44px;flex-basis:44px}
  .site-header.scrolled .brand-emblem img{width:44px;height:44px}
}


/* V0.13 — stable header flow; routing intentionally remains query-based */
.site-header{
  position:sticky;
  top:0;
  inset:auto;
  background:rgba(4,26,46,.98);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header.scrolled{background:rgba(4,26,46,.98)}




/* V0.14 — stability pass: one header position, no doubled admin offset */
.site-header{
  position:sticky!important;
  top:0!important;
  inset:auto!important;
  padding:10px 0!important;
  background:rgba(4,26,46,.985)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.site-header.scrolled{padding:8px 0!important;background:rgba(4,26,46,.985)!important}
.site-header .nav{min-height:64px}
.site-header .brand-emblem,.site-header.scrolled .brand-emblem{width:54px;height:54px;flex:0 0 54px}
.site-header .brand-emblem img,.site-header.scrolled .brand-emblem img{width:54px;height:54px;object-fit:contain}
@media(max-width:620px){
  .site-header{padding:7px 0!important}
  .site-header .nav{min-height:52px}
  .site-header .brand-emblem,.site-header.scrolled .brand-emblem{width:44px;height:44px;flex-basis:44px}
  .site-header .brand-emblem img,.site-header.scrolled .brand-emblem img{width:44px;height:44px}
}


/* V0.18 — stability: persistent fixed navigation, no routing changes */
html,body{overflow-x:clip}
.site-header{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:auto!important;
  left:0!important;
  inset:auto 0 auto 0!important;
  z-index:2147480000!important;
  width:100%!important;
  margin:0!important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
  visibility:visible!important;
  opacity:1!important;
  background:rgba(4,26,46,.985)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 8px 28px rgba(0,0,0,.12);
}
.site-header.scrolled{
  position:fixed!important;
  top:0!important;
  background:rgba(4,26,46,.985)!important;
  visibility:visible!important;
  opacity:1!important;
}
body.admin-bar .site-header, body.admin-bar .site-header.scrolled{top:0!important}
@media(max-width:782px){body.admin-bar .site-header,body.admin-bar .site-header.scrolled{top:0!important}}
/* Heroes already carry generous top padding, so the page can run behind the fixed bar. */
.venue-image.tiger-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.venue-gallery-image{overflow:hidden}
.venue-gallery-image>img{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover;object-position:center}

/* V0.20 — Butchers imagery only. Header/routing intentionally untouched. */
.venue-image.venue-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.venue-the-butchers-cafe .venue-hero .venue-photo{object-position:center 58%}
.butchers-photo-strip{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:4px;background:#241f1b;min-height:470px}
.butchers-photo-strip__item{min-height:470px;overflow:hidden}
.butchers-photo-strip__item img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.butchers-photo-strip__item--wide img{object-position:center 45%}
@media(max-width:900px){
  .butchers-photo-strip{grid-template-columns:1fr 1fr;min-height:auto}
  .butchers-photo-strip__item{min-height:360px}
  .butchers-photo-strip__item--wide{grid-column:1/-1;min-height:430px}
}
@media(max-width:620px){
  .butchers-photo-strip{grid-template-columns:1fr}
  .butchers-photo-strip__item,.butchers-photo-strip__item--wide{grid-column:auto;min-height:340px}
}

/* V0.21 — Half Moon Elloughton photography only. Header/routing intentionally untouched. */
.venue-photo-strip{display:grid;grid-template-columns:1.25fr .75fr .75fr .75fr;gap:4px;background:#172115;min-height:430px}
.venue-photo-strip__item{min-height:430px;overflow:hidden}
.venue-photo-strip__item img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.venue-photo-strip__item--wide img{object-position:center 55%}
@media(max-width:900px){.venue-photo-strip{grid-template-columns:1fr 1fr;min-height:auto}.venue-photo-strip__item{min-height:330px}.venue-photo-strip__item--wide{grid-column:1/-1;min-height:410px}}
@media(max-width:620px){.venue-photo-strip{grid-template-columns:1fr}.venue-photo-strip__item,.venue-photo-strip__item--wide{grid-column:auto;min-height:320px}}


/* V0.22 — editorial photography across core pages. Header/routing intentionally untouched. */
.editorial-photo{position:relative;overflow:hidden;background:#d9d3cc}
.editorial-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.editorial-photo-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:6px;min-height:460px}
.editorial-photo-grid .editorial-photo{min-height:460px}
.editorial-photo-grid .editorial-photo:first-child img{object-position:center 45%}
.core-photo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;min-height:390px;background:#111}
.core-photo-strip figure{margin:0;min-height:390px;overflow:hidden;position:relative}
.core-photo-strip img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.core-photo-strip figure:nth-child(2) img{object-position:center 45%}
.core-photo-strip figure:nth-child(4) img{object-position:center 55%}
.page-photo-break{display:grid;grid-template-columns:1.1fr .9fr;gap:0;min-height:520px;background:#111}
.page-photo-break .editorial-photo{min-height:520px}
.page-photo-break-copy{display:flex;align-items:center;padding:clamp(34px,6vw,88px);background:#041a2e;color:#fff}
.page-photo-break-copy p{color:rgba(255,255,255,.78);max-width:34rem}
.page-photo-break-copy .eyebrow{color:#ee9342}
.about-community-photo{min-height:560px;background:#111}
.about-community-photo img{width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center 48%;display:block}
.lilly-brand-photo{min-height:500px;border-radius:28px;overflow:hidden;background:#d8cbc0}
.lilly-brand-photo img{width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center;display:block}
.contact-photo-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:6px;min-height:500px;margin-top:34px}
.contact-photo-grid .editorial-photo{min-height:500px}
.contact-photo-grid .editorial-photo:last-child img{object-position:center 40%}
@media(max-width:900px){
  .editorial-photo-grid{grid-template-columns:1fr 1fr;min-height:auto}
  .editorial-photo-grid .editorial-photo{min-height:350px}
  .editorial-photo-grid .editorial-photo:first-child{grid-column:1/-1;min-height:430px}
  .core-photo-strip{grid-template-columns:1fr 1fr;min-height:auto}
  .core-photo-strip figure{min-height:320px}
  .page-photo-break{grid-template-columns:1fr;min-height:auto}
  .page-photo-break .editorial-photo{min-height:420px}
  .contact-photo-grid{grid-template-columns:1fr;min-height:auto}
  .contact-photo-grid .editorial-photo{min-height:390px}
}
@media(max-width:620px){
  .editorial-photo-grid,.core-photo-strip{grid-template-columns:1fr}
  .editorial-photo-grid .editorial-photo,.editorial-photo-grid .editorial-photo:first-child,.core-photo-strip figure{grid-column:auto;min-height:310px}
  .page-photo-break .editorial-photo{min-height:330px}
  .about-community-photo,.about-community-photo img{min-height:360px}
  .lilly-brand-photo,.lilly-brand-photo img{min-height:350px}
  .contact-photo-grid .editorial-photo{min-height:320px}
}


/* V0.24 — real supplied photography in page heroes; header/routing intentionally untouched */
.hero-photo,.page-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hero-photo{z-index:0;object-position:center 52%}
.hero::before{z-index:1;background:linear-gradient(100deg,rgba(4,26,46,.91) 3%,rgba(4,26,46,.62) 52%,rgba(4,26,46,.28) 100%)}
.hero::after{z-index:1}
.page-hero{position:relative;overflow:hidden;background:#041a2e}
.page-hero-photo{z-index:0;object-position:center 50%}
.page-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(4,26,46,.91) 2%,rgba(4,26,46,.69) 50%,rgba(4,26,46,.42) 100%)}
.page-hero>.wrap{position:relative;z-index:2}
.food-hero .page-hero-photo{object-position:center 45%}
.people-hero .page-hero-photo{object-position:center 50%}
.careers-hero .page-hero-photo{object-position:center 48%}
.contact-hero .page-hero-photo{object-position:center 56%}
.venues-hero .page-hero-photo{object-position:center 46%}
.lilly-brand-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
@media(max-width:620px){.page-hero-photo{object-position:center}.hero-photo{object-position:center}.lilly-brand-photo{min-height:430px}}

/* V0.26 — site-wide navigation/footer polish */
.footer-note{max-width:32ch;color:rgba(255,255,255,.68);margin:.65rem 0 0}
.footer-bottom a{text-decoration:underline;text-underline-offset:3px;color:rgba(255,255,255,.85)}


/* V0.31 — quick venue dropdown on the header CTA. */
.venue-quick{position:relative;flex:0 0 auto}
.venue-quick>summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:10px}
.venue-quick>summary::-webkit-details-marker{display:none}
.venue-quick>summary::after{content:"⌄";font-family:Arial,sans-serif;font-size:.9em;line-height:1;transition:transform .18s ease}
.venue-quick[open]>summary::after{transform:rotate(180deg)}
.venue-quick-menu{position:absolute;right:0;top:calc(100% + 12px);width:min(310px,82vw);padding:10px;background:#fff;color:#041a2e;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.28);border:1px solid rgba(4,26,46,.10);display:grid;z-index:200}
.venue-quick-menu::before{content:"";position:absolute;right:30px;top:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg);border-left:1px solid rgba(4,26,46,.10);border-top:1px solid rgba(4,26,46,.10)}
.venue-quick-menu a{position:relative;z-index:1;color:#041a2e;text-decoration:none;padding:11px 13px;border-radius:10px;font-weight:800;line-height:1.2}
.venue-quick-menu a:hover,.venue-quick-menu a:focus{background:#f2eee8;outline:none}
.venue-quick-menu .venue-quick-all{border-bottom:1px solid rgba(4,26,46,.10);border-radius:10px 10px 4px 4px;margin-bottom:5px;color:#67634b}
@media(max-width:900px){.venue-quick{display:none}}

/* V0.32 — compact mobile bottom pill only */
@media(max-width:900px){
  .mobile-bar{
    left:50%;
    right:auto;
    bottom:10px;
    width:min(54vw,240px);
    transform:translateX(-50%);
    padding:4px;
  }
  .mobile-bar a{
    padding:5px 7px;
    font-size:.72rem;
    line-height:1.05;
  }
}