@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap";:root{--ink:#18372f;--cream:#f4f0e7;--paper:#fcfaf5;--red:#b74b38;--gold:#c9a86a;--text:#27322f;--line:#d9d4c8;--serif:"Libre Caslon Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);font-family:var(--sans);margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);color:var(--ink);font-weight:400;line-height:1.03}h1{letter-spacing:-.045em;font-size:clamp(3.2rem,7vw,7rem)}h2{letter-spacing:-.035em;font-size:clamp(2.5rem,4.8vw,5rem)}h3{font-size:1.8rem}.wrap{width:min(1180px,100% - 48px);margin-inline:auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-bottom:22px;font-size:.72rem;font-weight:600}.light-text{color:#e4c99c}.lead{font-family:var(--serif);color:var(--ink);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.3}.topbar{color:#e9e2d5;letter-spacing:.08em;text-transform:uppercase;background:#102a24;justify-content:space-between;align-items:center;height:34px;padding:0 34px;font-size:.68rem;display:flex}.topbar a{align-items:center;gap:7px;display:flex}.header{z-index:30;background:#fcfaf5f5;border-bottom:1px solid #18372f1f;align-items:center;height:94px;padding:0 34px;display:flex;position:relative}.brand{width:170px;margin-right:auto}.brand img{object-fit:contain;width:100%;height:68px}.nav{letter-spacing:.05em;align-items:center;gap:28px;font-size:.78rem;font-weight:600;display:flex}.nav a{border-bottom:1px solid #0000;padding:35px 0}.nav a:hover{border-color:var(--red)}.button{background:var(--red);color:#fff;border:1px solid var(--red);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;font-weight:600;font-family:var(--sans);cursor:pointer;justify-content:center;align-items:center;gap:11px;padding:14px 21px;transition:all .2s;display:inline-flex}.button:hover{background:#923929;border-color:#923929}.button.light{color:#fff;background:0 0;border-color:#ffffffa6}.button.light:hover{color:var(--ink);background:#fff}.book{margin-left:28px}.menu-toggle{color:var(--ink);background:0 0;border:0;display:none}.hero,.page-hero{background-image:var(--hero);color:#fff;background-position:50%;background-size:cover;position:relative}.hero{height:calc(100vh - 128px);min-height:650px}.shade{background:linear-gradient(90deg,#091612bf 0%,#09161259 52%,#09161214 100%);position:absolute;inset:0}.hero-copy{width:min(740px,100% - 48px);position:absolute;top:50%;left:max(24px,50vw - 590px);transform:translateY(-50%)}.hero h1,.page-hero h1,.callout h2,.awards h2,.enquiry h2,.chef h2{color:#fff}.hero h1{margin-bottom:24px}.hero h1 em{color:#ead7b6;font-weight:400}.hero-copy>p:not(.eyebrow){max-width:620px;font-size:1.1rem}.actions{gap:12px;margin-top:35px;display:flex}.hero-hours{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:13px;font-size:.72rem;display:flex;position:absolute;bottom:30px;right:36px}.hero-hours .line{background:#fff;width:36px;height:1px}.intro{grid-template-columns:1fr 1fr;gap:9vw;display:grid}.intro h2{margin-bottom:0}.intro>div:last-child>p:not(.lead){max-width:610px}.text-link{text-transform:uppercase;letter-spacing:.12em;color:var(--ink);border-bottom:1px solid var(--gold);align-items:center;gap:10px;margin-top:14px;padding-bottom:5px;font-size:.72rem;font-weight:600;display:inline-flex}.text-link svg{width:16px}.image-feature{background:var(--cream);grid-template-columns:1.2fr .8fr;padding:0;display:grid}.feature-image{background-position:50%;background-size:cover;min-height:760px}.feature-copy{align-self:center;padding:clamp(60px,9vw,140px)}.feature-copy blockquote{font-family:var(--serif);color:var(--ink);margin:40px 0;padding-left:42px;font-size:1.45rem;position:relative}.feature-copy blockquote svg{color:var(--gold);position:absolute;top:4px;left:0}.awards{background:var(--ink);color:#e7e4dc}.awards-inner{grid-template-columns:1fr .7fr;align-items:center;gap:8vw;display:grid}.award-logos{justify-content:center;gap:24px;display:flex}.cards{grid-template-columns:1fr 1fr;gap:28px;display:grid}.cards article{background:var(--cream);padding-bottom:45px}.cards article>:not(.card-img){margin-left:45px;margin-right:45px}.card-img{background-position:50%;background-size:cover;height:410px;margin-bottom:40px}.card-img.venue{background-image:url(/assets/images/Fox-Hounds-Hertfordshire-weddings.jpg)}.card-img.shop{background-image:url(/assets/images/Fox-Hounds-Low-Res-15-of-90-Copy.jpg)}.insta{padding-bottom:0}.insta-head{justify-content:space-between;align-items:end;margin-bottom:48px;display:flex}.insta-head h2{margin:0;font-size:clamp(2rem,4vw,4rem)}.insta-grid{grid-template-columns:repeat(6,1fr);display:grid}.insta-grid a{aspect-ratio:1;position:relative;overflow:hidden}.insta-grid img{object-fit:cover;width:100%;height:100%;transition:all .4s}.insta-grid svg{color:#fff;opacity:0;z-index:2;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.insta-grid a:after{content:"";opacity:0;background:#18372f73;transition:all .3s;position:absolute;inset:0}.insta-grid a:hover:after,.insta-grid a:hover svg{opacity:1}.insta-grid a:hover img{transform:scale(1.04)}.visit-strip{background:var(--red);color:#fff;align-items:center;gap:70px;padding:34px max(24px,50% - 590px);display:flex}.visit-strip>div{align-items:center;gap:15px;display:flex}.visit-strip p{margin:0}.visit-strip small,.visit-strip strong{display:block}.visit-strip small{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.visit-strip strong{font-family:var(--serif);font-size:1.25rem;font-weight:400}.visit-strip .button{margin-left:auto}.page-hero{background-position:var(--position);align-items:end;height:580px;display:flex}.page-hero .shade{background:linear-gradient(#0816121a 20%,#081612c7)}.page-hero-copy{padding-bottom:70px;position:relative}.page-hero h1{margin:0 0 16px;font-size:clamp(3.2rem,6vw,6.4rem)}.page-hero-copy>p:last-child{max-width:670px;font-size:1.1rem}.menu-list{background:var(--line);gap:1px;margin-block:100px;padding-block:0;display:grid}.menu-list article{background:var(--paper);grid-template-columns:42% 58%;align-items:stretch;display:grid}.menu-list img{object-fit:cover;width:100%;height:100%;min-height:410px}.menu-list h2{font-size:3.5rem}.callout{text-align:center;background:var(--red);color:#fff;padding:110px 24px}.callout p{max-width:600px;margin-inline:auto}.shop-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.shop-grid img{object-fit:cover;width:100%;height:430px}.shop-grid div{background:var(--ink);color:#fff;flex-direction:column;justify-content:center;padding:70px;display:flex}.shop-grid div h2{color:#fff}.stats{background:var(--cream);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stats div{text-align:center;border-right:1px solid var(--line);padding:55px}.stats strong{font-family:var(--serif);color:var(--red);font-size:4rem;font-weight:400;display:block}.stats span{text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.occasion-grid{grid-template-columns:repeat(4,1fr);padding-top:0;display:grid}.occasion-grid article{border-left:1px solid var(--line);padding:36px 28px}.occasion-grid article:last-child{border-right:1px solid var(--line)}.occasion-grid span{font-family:var(--serif);color:var(--red);font-size:1.4rem}.enquiry{background:var(--ink);color:#fff}.enquiry-grid{grid-template-columns:.8fr 1.2fr;gap:9vw;display:grid}.enquiry-grid>div>p:last-child a{align-items:center;gap:10px;margin:12px 0;display:flex}.enquiry form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.enquiry label{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.enquiry input,.enquiry select,.enquiry textarea{color:#fff;width:100%;font:inherit;background:0 0;border:0;border-bottom:1px solid #789087;outline:none;padding:12px 3px;display:block}.enquiry select option{color:#222}.enquiry .full{grid-column:1/-1}.enquiry button{justify-self:start}.story{grid-template-columns:1fr .8fr;align-items:center;gap:10vw;display:grid}.story img{object-fit:cover;width:100%;min-height:520px}.chef{background:var(--ink);color:#fff;grid-template-columns:1fr 1fr;padding:0;display:grid}.chef-image{background:url(/assets/images/The-Fox-and-Hounds_36.jpg) 50%/cover;min-height:700px}.chef>div:last-child{align-self:center;padding:clamp(60px,9vw,130px)}.visit-page{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;display:grid}.contact-card,.hours-card{background:var(--cream);padding:70px}.contact-card p{padding-left:32px;position:relative}.contact-card p svg{width:18px;position:absolute;top:5px;left:0}.contact-card p svg:nth-of-type(2){top:38px}.hours-card h3{margin:24px 0 4px;font-size:1.25rem}.practical{padding-top:0}.practical>div{background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.practical article{background:var(--paper);padding:35px}.practical h2{font-size:3.5rem}footer{color:#d9dfda;background:#102a24;padding-top:75px}.footer-main{grid-template-columns:1.4fr 1fr 1.2fr 1.4fr;gap:55px;display:grid}.footer-main h3{color:#fff;font-size:1.3rem}.footer-main a{align-items:center;gap:6px;margin:8px 0;display:flex}.footer-main span{color:#fff}.footer-brand img{filter:brightness(0)invert();width:190px;margin-bottom:22px}.socials{gap:14px;display:flex}.socials a{border:1px solid #567067;border-radius:100%;justify-content:center;align-items:center;width:38px;height:38px}.socials svg{width:17px}.mini-form{border-bottom:1px solid #71847e;margin-top:24px;display:flex}.mini-form input{color:#fff;background:0 0;border:0;outline:0;width:100%;padding:12px 0}.mini-form button{color:#fff;background:0 0;border:0}.footer-base{letter-spacing:.1em;text-transform:uppercase;border-top:1px solid #405850;justify-content:space-between;margin-top:65px;padding:25px 0;font-size:.67rem;display:flex}.mobile-call{display:none}@media (width<=1000px){.nav{background:var(--paper);flex-direction:column;align-items:stretch;gap:0;padding:15px 28px 30px;display:none;position:absolute;top:94px;left:0;right:0;box-shadow:0 12px 30px #0002}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--line);padding:15px 0}.menu-toggle{display:block}.book{margin-left:auto;margin-right:14px}.header{padding:0 24px}.image-feature,.chef{grid-template-columns:1fr}.feature-image,.chef-image{min-height:580px}.awards-inner{grid-template-columns:1fr}.footer-main,.occasion-grid{grid-template-columns:1fr 1fr}.insta-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){body{padding-bottom:58px}.wrap{width:min(100% - 32px,1180px)}.topbar{display:none}.header{height:78px;padding:0 16px}.brand{width:135px}.brand img{height:58px}.nav{top:78px}.book{display:none}.hero{height:calc(100svh - 78px);min-height:590px}.hero-copy{width:calc(100% - 40px);top:45%;left:20px}.hero h1{font-size:3.6rem}.hero-copy>p:not(.eyebrow){font-size:.95rem}.actions{flex-direction:column;align-items:stretch;width:230px}.hero-hours{bottom:18px;left:20px;right:auto}.hero-hours .line,.hero-hours span:last-child{display:none}.intro,.awards-inner,.story,.enquiry-grid,.visit-page{grid-template-columns:1fr;gap:45px}.section{padding-block:76px}.image-feature{display:block}.feature-image{min-height:430px}.feature-copy{padding:58px 24px 70px}.award-logos img{width:125px;height:125px}.cards{grid-template-columns:1fr}.card-img{height:330px}.cards article>:not(.card-img){margin-left:26px;margin-right:26px}.insta-head{flex-direction:column;align-items:start;gap:20px}.insta-grid{grid-template-columns:repeat(2,1fr)}.visit-strip{flex-direction:column;align-items:stretch;gap:24px}.visit-strip .button{margin:0}.page-hero{height:520px}.page-hero-copy{padding-bottom:45px}.menu-list{margin-block:70px}.menu-list article{grid-template-columns:1fr}.menu-list img{height:290px;min-height:290px}.menu-list article>div{padding:40px 25px 55px}.menu-list h2{font-size:2.8rem}.shop-grid{grid-template-columns:1fr}.shop-grid img{height:300px}.shop-grid div{padding:50px 28px}.stats div{padding:30px 10px}.stats strong{font-size:3rem}.stats span{font-size:.56rem}.occasion-grid{grid-template-columns:1fr}.occasion-grid article,.occasion-grid article:last-child{border:0;border-top:1px solid var(--line)}.enquiry form{grid-template-columns:1fr}.enquiry .full{grid-column:auto}.story img{min-height:360px}.chef-image{min-height:470px}.contact-card,.hours-card{padding:45px 28px}.practical>div,.footer-main{grid-template-columns:1fr}.footer-base{flex-direction:column;gap:8px}.mobile-call{z-index:50;background:var(--red);color:#fff;text-transform:uppercase;letter-spacing:.12em;justify-content:center;align-items:center;gap:8px;height:58px;font-size:.72rem;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-call svg{width:17px}}.feature-image.food{background-image:url(/assets/images/Fox-Hounds-82.jpg)}.chef-image{background-image:url(/assets/images/5F19D5B7-DBF8-4FC6-8173-0319AC9A7B9F.jpg)}.awards,.enquiry,.chef,.shop-grid div{background:#456b5c}@media (width<=1000px){.awards-inner{grid-template-columns:1fr}.award-logos{grid-template-columns:repeat(5,minmax(86px,1fr));justify-content:start;width:100%}.award-logos a{width:100%}}@media (width<=700px){.section{padding-block:52px}.page-hero{height:450px}.intro{gap:28px}.awards.section,.cards.section,.insta.section{padding-block:54px}.insta.section{padding-bottom:0}.award-logos{grid-template-columns:repeat(3,1fr);gap:10px}.award-logos img{width:100%;height:100%}.menu-list{margin-block:52px}.menu-list article>div{padding:34px 24px 46px}.shop-grid.section,.story.section,.visit-page.section{padding-block:52px}.instagram-embed{width:calc(100% - 24px);padding:4px}.instagram-embed iframe{height:620px}}:root{--ink:#18372f}.topbar,footer{background:#365b4e}.awards,.enquiry,.chef,.shop-grid div{background:#456b5c}.section{padding-block:clamp(58px,7vw,96px)}.page-hero{height:520px}.intro{gap:7vw}.awards.section{padding-block:78px}.awards-inner{grid-template-columns:.75fr 1.25fr;gap:4vw}.award-logos{grid-template-columns:repeat(5,130px);justify-content:end;align-items:center;gap:12px;display:grid}.award-logos a{aspect-ratio:1;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:130px;padding:10px;transition:transform .2s;display:flex}.award-logos a:hover{transform:translateY(-4px)}.award-logos img{object-fit:contain;width:100%;height:100%}.cards.section{padding-block:72px}.insta.section{padding-block:72px 0}.insta-head{margin-bottom:34px}.instagram-embed{border:1px solid var(--line);background:#fff;max-width:680px;padding:12px}.instagram-embed iframe{border:0;width:100%;height:700px;display:block}.menu-list{margin-block:72px}.menu-list article{min-height:430px}.menu-list img{object-fit:cover;height:430px;min-height:0}.menu-list img.sunday-menu-image{object-fit:contain;object-position:center;background:#ded7ca}.menu-list article>div{padding:54px}.shop-grid.section,.story.section,.visit-page.section{padding-block:72px}.occasion-grid.section,.practical.section{padding-top:0}.footer-brand img{filter:none;background:#fff;border-radius:4px;padding:10px}.booking-backdrop{z-index:100;background:#102a24cc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.booking-modal{background:var(--paper);width:min(500px,100%);padding:clamp(34px,6vw,62px);position:relative;box-shadow:0 24px 80px #0005}.booking-modal h2{margin-bottom:20px;font-size:clamp(2.7rem,6vw,4.4rem)}.modal-close{color:var(--ink);cursor:pointer;background:0 0;border:0;position:absolute;top:18px;right:18px}.booking-phone{background:var(--red);color:#fff;align-items:center;gap:18px;margin:28px 0;padding:18px 20px;display:flex}.booking-phone svg{width:27px;height:27px}.booking-phone span{font-family:var(--serif);font-size:1.75rem;line-height:1}.booking-phone small{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:7px;font-size:.63rem;display:block}.booking-note{color:#56645f;margin:0;font-size:.82rem}@media (width<=1000px){.awards-inner{grid-template-columns:1fr}.award-logos{grid-template-columns:repeat(5,minmax(86px,1fr));justify-content:start;width:100%}.award-logos a{width:100%}}@media (width<=700px){.section{padding-block:52px}.page-hero{height:450px}.intro{gap:28px}.awards.section,.cards.section,.insta.section{padding-block:54px}.insta.section{padding-bottom:0}.award-logos{grid-template-columns:repeat(3,1fr);gap:10px}.award-logos img{width:100%;height:100%}.menu-list{margin-block:52px}.menu-list article{min-height:0}.menu-list img{height:280px;min-height:280px}.menu-list img.sunday-menu-image{object-fit:contain;object-position:center}.menu-list article>div{padding:34px 24px 46px}.shop-grid.section,.story.section,.visit-page.section{padding-block:52px}.instagram-embed{width:calc(100% - 24px);padding:4px}.instagram-embed iframe{height:620px}}.menu-list.section{padding-block:0}.enquiry-message{border-left:1px solid #ffffff5c;align-self:center;padding:18px 0 18px 42px}.enquiry-message h3{color:#fff;margin-bottom:14px}.enquiry-message .button{margin-top:12px}.enquiry-error{color:#ffe0d7;grid-column:1/-1;margin:0;font-size:.88rem}.enquiry button:disabled{cursor:wait;opacity:.7}.enquiry-honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-10000px!important;overflow:hidden!important}@media (width<=700px){.enquiry-message{border-top:1px solid #ffffff5c;border-left:0;padding:34px 0 0}}.visit-atmosphere{background:#456b5c;grid-template-rows:clamp(440px,34vw,540px);grid-template-columns:1fr 1fr;margin-bottom:32px;display:grid}.visit-atmosphere img{object-fit:cover;object-position:center 62%;width:100%;height:100%;min-height:440px}.visit-atmosphere>div{color:#fff;flex-direction:column;justify-content:center;padding:clamp(48px,8vw,96px);display:flex}.private-hero .shade,.visit-hero .shade{background:linear-gradient(#08161208 18%,#0816129e)}.private-hero{background-position:50% 35%}.visit-hero{background-position:50% 46%}@media (width>=701px){.private-hero,.visit-hero{height:520px}}.contact-card .contact-details p{align-items:center;gap:14px;margin-bottom:18px;padding-left:0;display:flex}.contact-card .contact-details svg{flex:0 0 20px;width:20px;margin-top:0;position:static}.contact-card .contact-details a{display:inline}.visit-atmosphere h2{color:#fff;font-size:clamp(2.7rem,4.5vw,4.8rem)}.back-to-top{z-index:48;color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;opacity:0;visibility:hidden;background:#365b4e;border:1px solid #ffffff73;align-items:center;gap:8px;padding:11px 15px;font:600 .68rem/1 DM Sans,Arial,sans-serif;transition:opacity .2s,transform .2s,visibility .2s,background .2s;display:inline-flex;position:fixed;bottom:22px;right:22px;transform:translateY(10px);box-shadow:0 8px 24px #102a2433}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:#b74b38}.back-to-top svg{width:16px;height:16px}@media (width<=700px){.visit-atmosphere{grid-template-rows:auto auto;grid-template-columns:1fr;margin-bottom:48px}.visit-atmosphere img{height:390px;min-height:0}.visit-atmosphere>div{padding:48px 26px 56px}.private-hero,.visit-hero{background-position:50%}.award-logos{grid-template-columns:repeat(6,1fr)}.award-logos a{aspect-ratio:1;border-radius:50%;grid-column:span 2;align-self:start;width:100%;height:auto;overflow:hidden}.award-logos a:nth-child(4){grid-column:2/span 2}.award-logos img{object-fit:contain;width:100%;height:100%}.back-to-top{border-radius:50%;justify-content:center;width:42px;height:42px;padding:0;bottom:72px;right:14px}.back-to-top span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}
