/*
Theme Name: The King's Head
Author: The King's Head
Description: A bespoke English pub theme in mahogany, tobacco, stone, brass and crimson. Includes an editable homepage and accessible motion.
Version: 2.1.1
Requires at least: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: the-kings-head
*/
@import url('assets/fonts/fonts.css');
:root{--mahogany:#3a1f13;--tobacco:#7f462c;--stone:#e6dccf;--brass:#b58e4e;--crimson:#731613;--muted:#c6b29c;--line:rgba(230,220,207,.2);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Manrope',Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px;scrollbar-color:var(--brass) var(--mahogany)}body{margin:0;background:var(--mahogany);color:var(--stone);font:14px/1.8 var(--sans);-webkit-font-smoothing:antialiased}::selection{background:var(--brass);color:var(--mahogany)}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--brass);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.03;text-wrap:balance}h2{font-size:clamp(44px,5.2vw,74px);letter-spacing:-.025em}h3{font-size:32px}h1 em,h2 em{font-weight:400}p{max-width:65ch}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--stone);color:var(--mahogany);padding:12px 20px}.skip-link:focus{top:10px}.site-header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;gap:15px;align-items:center}.crown{width:48px;height:40px;color:var(--brass)}.brand>span{font:500 23px/1.2 var(--serif);letter-spacing:.04em}.brand small{display:block;font:9px/1.5 var(--sans);letter-spacing:.2em;margin-top:6px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:12px}.site-header nav>a{transition:color .2s}.site-header nav>a:hover{color:var(--brass)}.nav-cta{padding:12px 20px;border:1px solid var(--brass)}.nav-cta span{margin-left:25px}.menu-toggle{display:none}.hero{min-height:670px;height:calc(100svh - 112px);max-height:900px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 34%;z-index:-2;overflow:hidden}.hero-photo img{object-position:50% 48%;animation:photo-arrive 1.8s var(--ease) both}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--mahogany),rgba(58,31,19,.55) 30%,rgba(58,31,19,.06) 75%),linear-gradient(0deg,rgba(58,31,19,.55),transparent 40%)}.hero-copy{padding:20px 5% 80px;width:100%;position:relative}.hero h1{font-size:clamp(65px,7.7vw,112px);letter-spacing:-.035em;line-height:.98;max-width:850px;animation:title-arrive 1.2s var(--ease) both}.hero h1 em{color:#cfab70}.hero-copy>p{max-width:385px;color:var(--stone);margin-top:30px;font-size:13px;line-height:1.9;animation:title-arrive 1.3s var(--ease) both}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px;animation:title-arrive 1.4s var(--ease) both}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:13px 24px;font-size:11px;letter-spacing:.025em;transition:background .3s,color .3s,transform .3s}.button-brass{background:var(--brass);color:var(--mahogany);font-weight:700}.button-brass:hover{background:var(--stone);transform:translateY(-2px)}.button span,.text-link span{font-size:19px;display:inline-block;transition:transform .3s}.button:hover span,.text-link:hover span{transform:translate(3px,-3px)}.text-link{display:inline-flex;align-items:center;gap:25px;font-size:11px;border-bottom:1px solid var(--brass);padding-bottom:6px}.pub-seal{position:absolute;right:6%;bottom:115px;width:138px;height:138px;border:1px solid rgba(230,220,207,.65);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;transform:rotate(-12deg);background:rgba(58,31,19,.25);outline:1px solid rgba(230,220,207,.35);outline-offset:-7px}.pub-seal span{font-size:8px;letter-spacing:.17em}.pub-seal svg{width:43px;height:34px}.scroll-note{position:absolute;bottom:34px;left:5%;display:flex;align-items:center;gap:15px;font-size:8px;letter-spacing:.19em}.scroll-line{height:36px;width:1px;background:var(--brass)}.hero-caption{position:absolute;bottom:44px;right:5%;font-size:8px;letter-spacing:.13em}.pub-ribbon{min-height:78px;background:var(--tobacco);display:flex;align-items:center;justify-content:space-evenly;gap:25px;padding:16px 5%;font-size:11px;letter-spacing:.18em}.pub-ribbon i{width:5px;height:5px;background:var(--brass);transform:rotate(45deg)}.section-wrap{max-width:1440px;margin:auto;padding:110px 7%}.story{display:grid;grid-template-columns:1.04fr 1fr;gap:10%;align-items:center}.story-visual{height:510px;position:relative;padding-bottom:36px}.story-visual img{object-position:43% 50%}.image-note{position:absolute;bottom:0;font:italic 19px var(--serif);color:var(--muted)}.corner-mark{position:absolute;right:-24px;bottom:12px;background:var(--tobacco);width:100px;height:100px;display:grid;place-items:center;font:italic 40px var(--serif);border:6px solid var(--mahogany)}.ornament{display:block;height:1px;width:50px;background:var(--brass);margin-bottom:30px}.story-copy h2{max-width:450px}.story-copy>p{margin-top:25px;color:var(--muted);font-size:13px;line-height:1.9}.story-copy p.handwritten{font:italic 25px/1.3 var(--serif);color:var(--brass);margin-top:27px}.story-copy .text-link{margin-top:34px}.menu-section{background:var(--stone);color:var(--mahogany)}.menu-section .section-wrap{padding-top:85px;padding-bottom:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading p{font-size:12px;max-width:370px;line-height:1.9}.menu-section h2 em{color:var(--tobacco)}.menu-tabs{display:flex;gap:35px;margin-top:40px;border-bottom:1px solid #bcb0a0}.menu-tabs button{border:0;border-bottom:3px solid transparent;padding:16px 0;background:transparent;color:var(--mahogany);font-size:12px}.menu-tabs button[aria-selected=true]{border-color:var(--crimson);font-weight:700;color:var(--crimson)}.menu-tabs button:hover{color:var(--crimson)}.menu-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;row-gap:28px;padding-top:35px;min-height:225px}.menu-panel[hidden]{display:none}.dish-header{display:flex;align-items:baseline;gap:18px;justify-content:space-between}.dish h3{font-size:26px;line-height:1.2}.dish .price{font:22px var(--serif);white-space:nowrap;font-variant-numeric:tabular-nums}.dish p{font-size:11px;margin-top:9px;color:#674735;max-width:90%}.menu-note{font-size:10px;line-height:1.7;margin-top:32px;max-width:none;color:#674735}.bar-feature{display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:var(--tobacco);position:relative;overflow:hidden}.bar-photo{height:570px;overflow:hidden}.bar-photo img{object-position:50% 50%;transition:transform 1s var(--ease)}.bar-feature:hover .bar-photo img{transform:scale(1.035)}.bar-copy{padding:90px 13%;position:relative;z-index:1}.bar-copy p{font-size:13px;margin-top:25px;max-width:340px}.button-outline{border:1px solid var(--stone);margin-top:32px}.button-outline:hover{background:var(--stone);color:var(--mahogany)}.bar-watermark{position:absolute;bottom:-72px;right:-15px;font:italic 230px var(--serif);color:rgba(230,220,207,.07);pointer-events:none}.happenings{padding-top:90px;padding-bottom:90px}.happenings .section-heading p{color:var(--muted)}.events{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}.event{border-top:1px solid var(--brass);padding-top:25px}.event-category{font-size:9px;letter-spacing:.17em;color:var(--brass)}.event h3{margin-top:15px;line-height:1.12}.event p{font-size:12px;color:var(--muted);margin-top:17px}.event-status{display:block;font-size:10px;margin-top:25px;color:var(--stone)}.visit{border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:15%;padding-top:85px;padding-bottom:95px}.visit h2{font-size:clamp(60px,7vw,96px)}.visit h2 em{color:var(--brass)}.visit>div>p{font-size:13px;max-width:370px;color:var(--muted);margin-top:24px}.booking-pending{display:inline-block;margin-top:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.visit .button{margin-top:25px}.visit-details{display:flex;flex-direction:column;justify-content:center;gap:28px}.visit-details h3{font-size:25px;margin-bottom:10px}.visit-details p{font-size:12px;color:var(--muted);white-space:pre-line}.visit-details a:hover{text-decoration:underline}.site-footer{padding:48px 5% 22px;border-top:1px solid var(--line);background:#301a11}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-wordmark{font:42px/1 var(--serif)}.footer-wordmark span{display:block;font:8px var(--sans);letter-spacing:.23em;margin-top:16px}.back-top{font-size:10px}.back-top span{margin-left:18px;font-size:18px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:45px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:var(--muted)}.footer-bottom>span:nth-child(2){max-width:520px}.motion-toggle{background:none;border:0;color:var(--muted);font-size:9px;padding:8px;white-space:nowrap}.motion-toggle:hover{color:var(--stone)}.standard-page{min-height:60vh;padding:70px 7%;max-width:1100px;margin:auto}.standard-page h1{font-size:64px;margin-bottom:30px}.standard-page a{text-decoration:underline}.standard-page p{margin-bottom:20px}.standard-page img{height:auto}.standard-page h2{font-size:42px;margin:36px 0 20px}.admin-bar .site-header{margin-top:32px}
@keyframes title-arrive{from{transform:translateY(25px);clip-path:inset(0 0 100% 0)}to{transform:translateY(0);clip-path:inset(0 0 0 0)}}@keyframes photo-arrive{from{transform:scale(1.07);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}
@media(min-width:1000px){.story-visual{transform:translateY(var(--story-drift,0px))}}
@media(min-width:1600px){.hero-copy{padding-left:calc((100vw - 1440px)/2 + 72px)}}
@media(max-width:1000px){.site-header nav{gap:20px}.hero h1{font-size:84px}.hero-photo{left:25%}.hero-caption{display:none}.story{gap:8%}.story-visual{height:430px}.bar-copy{padding:75px 10%}.events{gap:25px}.event h3{font-size:28px}.pub-seal{right:5%;bottom:95px}.menu-panel{column-gap:35px}.section-wrap{padding-left:6%;padding-right:6%}}
@media(max-width:700px){html{scroll-padding-top:25px}.site-header{height:88px;margin:0 6%}.brand>span{font-size:20px}.brand small{font-size:7px}.crown{width:38px}.menu-toggle{display:flex;width:44px;height:44px;background:none;border:1px solid var(--line);align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle>span:not(.sr-only){height:1px;width:18px;background:var(--stone);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:87px;left:-7%;right:-7%;background:var(--mahogany);padding:25px 7%;border-bottom:1px solid var(--brass);flex-direction:column;align-items:stretch;gap:0}.site-header nav.is-open{display:flex}.site-header nav>a{padding:14px 0}.site-header nav .nav-cta{padding:12px 16px;margin-top:12px}.hero{height:auto;min-height:720px;align-items:flex-start}.hero-photo{inset:0 0 0 0}.hero-photo img{object-position:60% 50%}.photo-shade{background:linear-gradient(90deg,rgba(58,31,19,.86),rgba(58,31,19,.32)),linear-gradient(0deg,var(--mahogany) 3%,transparent 45%)}.hero-copy{padding:90px 6% 170px}.hero h1{font-size:clamp(52px,10vw,72px);line-height:1.03;letter-spacing:-.03em}.hero-copy>p{max-width:310px;font-size:12px;margin-top:26px}.hero-actions{flex-direction:column;align-items:flex-start;gap:22px;margin-top:28px}.pub-seal{width:106px;height:106px;bottom:40px;right:8%;gap:6px}.pub-seal span{font-size:6px}.pub-seal svg{width:35px}.scroll-note{left:6%;bottom:60px;font-size:7px;gap:10px}.pub-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:15px;text-align:center;padding:22px 6%;font-size:9px}.pub-ribbon i{display:none}.section-wrap{padding:70px 7%}.story{grid-template-columns:1fr;gap:45px}.story-visual{height:370px;margin-right:15px}.corner-mark{width:82px;height:82px}.story-copy h2{max-width:350px}.story-copy p{font-size:13px}.story-copy p.handwritten{font-size:25px}.section-heading{display:block}.section-heading p{margin-top:22px}.menu-section .section-wrap{padding-top:65px;padding-bottom:45px}.menu-tabs{gap:22px;margin-top:25px}.menu-tabs button{font-size:10px;line-height:1.5;text-align:left}.menu-panel{grid-template-columns:1fr;gap:27px;padding-top:27px;min-height:370px}.dish h3{font-size:25px}.dish p{font-size:11px}.bar-feature{grid-template-columns:1fr}.bar-photo{height:340px}.bar-copy{padding:55px 7% 70px}.bar-watermark{font-size:180px;bottom:-50px}.happenings{padding-top:65px;padding-bottom:65px}.events{grid-template-columns:1fr;gap:32px;margin-top:35px}.event h3{font-size:32px}.event p{max-width:360px}.event-status{margin-top:15px}.visit{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.visit h2{font-size:72px}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:28px}.visit-details p{font-size:11px}.footer-wordmark{font-size:31px}.footer-top{align-items:flex-start}.footer-wordmark span{font-size:6px}.footer-bottom{flex-wrap:wrap;gap:15px;margin-top:30px}.footer-bottom>span:nth-child(2){order:3;flex-basis:100%;font-size:8px}.back-top{font-size:9px}.back-top span{margin-left:5px}.admin-bar .site-header{margin-top:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story-visual{transform:none!important}}html.reduce-motion{scroll-behavior:auto}html.reduce-motion *,html.reduce-motion *::before,html.reduce-motion *::after{animation:none!important;transition:none!important}.reduce-motion .story-visual{transform:none!important}