:root{--ink:#272727;--cream:#f3efe5;--muted:#b6b9b0;--teal:#9ddbd0;--line:#494744}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}img{max-width:100%;display:block}p{line-height:1.65}h1,h2,p{margin-top:0}h1,h2{font-weight:400;letter-spacing:-.055em;line-height:1.03}h1{font-size:clamp(64px,7.8vw,116px);margin-bottom:26px}h2{font-size:clamp(38px,4.4vw,66px);margin-bottom:28px}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}h3{font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 24px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:28px}.header{position:absolute;z-index:3;width:100%;height:112px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff30}.brand img{width:66px;height:66px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav>a:not(.button){padding:14px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:44px;min-height:52px;background:var(--teal);color:var(--ink);padding:16px 23px;border-radius:3px;font-size:14px;font-weight:700;transition:background .15s}.button:hover{background:#b7ecdf}.button span,.text-link span{font-size:21px;line-height:1}.hero{min-height:760px;height: min(940px,100svh);position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 43%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,17,.85),rgba(20,18,17,.25) 60%,rgba(20,18,17,.08)),linear-gradient(0deg,rgba(20,18,17,.6),transparent 35%)}.hero-content{position:relative;padding:180px 7% 90px}.hero-copy{color:#f0e8de;font-size:17px;margin-bottom:30px}.hero-bottom{position:absolute;bottom:30px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:.04em}.hero-bottom i{width:7px;height:7px;background:var(--teal);display:inline-block;border-radius:50%;margin-right:8px}.hero-bottom a{display:flex;gap:22px}.section{padding:100px 7%}.intro{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;border-bottom:1px solid var(--line)}.intro h2{font-size:clamp(34px,3.5vw,52px)}.intro-copy{max-width:440px;padding-top:35px;color:#c6c9bf;font-size:16px}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:12px 0;border-bottom:1px solid currentColor;font-size:14px;font-weight:600;color:var(--cream)}.terrace{display:grid;grid-template-columns:1.05fr 1fr;background:var(--cream);color:var(--ink)}.terrace-photo{min-height:640px}.terrace-photo img{height:100%;width:100%;object-fit:cover}.terrace-copy{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 14%}.terrace-copy p:not(.eyebrow){max-width:350px;color:#50534b}.terrace .text-link{color:var(--ink)}.section-number{margin-top:65px;font-size:10px;letter-spacing:.22em;color:#757970}.social{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.social-copy>p:not(.eyebrow){color:#c6c9bf;max-width:380px;margin-bottom:32px}.light{background:var(--cream)}.social-art{aspect-ratio:1;max-width:540px;background:#633631;color:#eaded1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:40px 20px;text-align:center;position:relative;border:1px solid #986655}.social-art:before{content:'';position:absolute;inset:14px;border:1px solid #c99e7e50;pointer-events:none}.art-small{letter-spacing:.2em;font-size:10px}.art-june{font-size:clamp(50px,7vw,98px);line-height:.95;letter-spacing:-.04em}.art-june em{font-size:1.03em}.photo-note{font-size:11px;opacity:.85}.visit{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9%}.visit-title h2{font-size:clamp(36px,4vw,60px)}.visit-details{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding-top:45px}.visit-details p{font-size:14px;color:#c6c9bf}dl{font-size:15px;margin:0 0 20px}dl div{display:flex;justify-content:space-between;gap:24px;padding-bottom:14px}dd{margin:0}.dj-note{font-size:11px!important}footer{padding:40px 7% 28px;background:#222222}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:40px;font-size:13px}.footer-top img{width:62px;filter:brightness(0) invert(1)}.footer-top>div{display:flex;flex-direction:column;gap:12px}.footer-bottom{padding-top:25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#b5b9af}.mobile-book{display:none}
@media(min-width:1500px){.hero-content{padding-top:200px}}@media(max-width:1000px){.section{padding:76px 6%}.terrace-copy{padding:60px 10%}.terrace-photo{min-height:540px}.visit-details{gap:24px}.intro{gap:5%}.hero{min-height:730px}.hero-content{padding-top:175px}h1{font-size:80px}}
@media(max-width:760px){html{scroll-padding-top:24px}.header{height:88px;padding:14px 6%}.brand img{width:53px;height:53px}nav{gap:23px;font-size:12px}.nav-book{display:none}.hero{height:calc(100svh - 83px);min-height:610px;max-height:850px}.hero-content{padding:153px 7% 105px}h1{font-size:clamp(56px,12.5vw,82px);margin-bottom:24px}.hero .eyebrow{font-size:10px;margin-bottom:24px}.hero-copy{font-size:15px;line-height:1.6}.hero-photo{object-position:57% center}.hero-shade{background:linear-gradient(90deg,#191716d9,#19171655),linear-gradient(0deg,#19171680,transparent 65%)}.hero-book{display:none}.hero-bottom{bottom:26px;font-size:10px}.hero-bottom a{gap:10px}.section{padding:64px 7%}.intro,.social,.visit{grid-template-columns:1fr;gap:22px}.intro h2{font-size:37px;margin-bottom:0}.intro-copy{padding-top:0;font-size:15px;max-width:100%}.eyebrow{font-size:10px;margin-bottom:23px}h2{font-size:44px}.terrace{grid-template-columns:1fr}.terrace-photo{min-height:0;height:420px}.terrace-photo img{object-position:center 65%}.terrace-copy{padding:56px 7%}.terrace-copy p:not(.eyebrow){font-size:15px}.section-number{margin-top:35px}.social{gap:40px}.social-art{width:100%;max-width:none;aspect-ratio:1.15;padding:32px 20px}.art-june{font-size:76px}.social-copy>p:not(.eyebrow){font-size:15px}.visit-details{padding-top:25px;grid-template-columns:1fr 1fr;gap:25px}.visit-title h2{font-size:42px}h3{font-size:10px;line-height:1.4}.visit-details p,dl{font-size:13px}dl div{gap:12px}.visit-title>.button{display:none}footer{padding:35px 7% 120px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:26px}.footer-top img{width:50px}.footer-top>a:last-child{width:100%;font-size:12px}.footer-bottom{flex-direction:column;gap:18px;line-height:1.5}.mobile-book{position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:13px 5% calc(13px + env(safe-area-inset-bottom));background:#f3efe5;color:var(--ink);box-shadow:0 -4px 25px #0002;gap:14px}.mobile-book>div{display:flex;flex-direction:column;gap:5px}.mobile-book strong{font-size:12px}.mobile-book>div>span{font-size:11px;color:#64665e}.mobile-book .button{min-height:48px;font-size:13px;padding:14px 19px;gap:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.footer-top img{height:auto;object-fit:contain}
.jobs{text-align:center;background:#242424;border-top:1px solid var(--line)}.jobs h2{font-size:clamp(56px,7vw,100px)}.jobs-intro{color:#c6c9bf;font-size:16px;margin-bottom:32px}.job-details{max-width:680px;margin:auto}.job-details summary{list-style:none;cursor:pointer;width:max-content;margin:0 auto}.job-details summary::-webkit-details-marker{display:none}.job-details[open] summary span{transform:rotate(45deg)}#job-form{text-align:left;margin-top:35px;border-top:1px solid var(--line);padding-top:22px}.job-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#job-form label{display:block;font-size:13px;margin-bottom:20px}#job-form input,#job-form select,#job-form textarea{font:16px Arial;width:100%;display:block;margin-top:9px;padding:13px;background:#30302e;border:1px solid #69736a;border-radius:3px;color:var(--cream)}#job-form textarea{resize:vertical}#job-form textarea::placeholder{color:#aeb8ae}#job-form :is(input,select,textarea):focus-visible{outline:2px solid var(--teal);outline-offset:3px}#job-form button{border:0;cursor:pointer}.job-help{font-size:12px;line-height:1.7;color:#bac4ba}.job-help a{text-decoration:underline}#job-status{font-size:13px;color:var(--teal)}@media(max-width:760px){.job-grid{grid-template-columns:1fr;gap:0}.jobs-intro{font-size:14px}.jobs h2{font-size:60px}nav{gap:18px}}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;pointer-events:none;transition:opacity .5s}.hero-video.is-playing{opacity:1}.video-toggle{position:absolute;right:7%;bottom:68px;z-index:2;min-height:44px;padding:10px 15px;background:#252323bb;border:1px solid #ffffff65;color:#fff;border-radius:3px;cursor:pointer;font:11px Arial}.video-toggle[hidden]{display:none}.video-toggle:focus-visible{outline:3px solid var(--teal);outline-offset:4px}@media(prefers-reduced-motion:reduce){.hero-video{display:none}}

.terrace-photo picture{display:block;height:100%}.control-report{display:inline-block;font-size:12px;line-height:1.65;text-decoration:underline;text-underline-offset:3px;padding:10px 0}.address-note{font-size:12px}

.eventhus-referral{border-top:1px solid var(--line);padding:22px 0;margin-top:8px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px;color:#c8c5bd}.eventhus-referral a{color:var(--cream);padding:10px 0;letter-spacing:.07em;font-size:11px}.eventhus-referral a:hover{text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.eventhus-referral{align-items:flex-start;flex-direction:column;gap:5px}}

/* Supplied JUNE photos, responsive and lazily loaded below the fold. */
.interior-photo{grid-column:1/-1;display:block;margin-top:24px}.interior-photo img{width:100%;height:auto;aspect-ratio:1.9;object-fit:cover}
.jobs{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start;text-align:left}.jobs-photo{display:block;position:sticky;top:40px}.jobs-photo img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:72% center}.jobs h2{font-size:clamp(48px,5vw,76px)}.job-details{margin:0}.job-details summary{margin:0}.hero-photo{object-position:center}
@media(max-width:760px){.jobs{grid-template-columns:1fr;gap:32px}.jobs-photo{position:static}.jobs-photo img{aspect-ratio:4/3;object-position:70% center}.jobs h2{font-size:60px}.interior-photo{margin-top:12px}.interior-photo img{aspect-ratio:4/3}.hero-photo{object-position:53% center}.job-grid{grid-template-columns:1fr}}

/* Colour rhythm and opening hours inspired by the supplied reference. */
.intro{background:#904333;border:0}.intro-copy{color:#fff0e5}.intro .eyebrow{color:#ffd9bd}
.terrace{background:#c8ded2}.terrace-copy p:not(.eyebrow){color:#374c42}
.social{background:#542a3d;border:0}.social-copy>p:not(.eyebrow){color:#f0dce1}.social-art{background:#dca28e;color:#422331;border-color:#dca28e}.social-art:before{border-color:#42233155}
.jobs{background:#e9c6b0;color:#30232a;border:0}.jobs-intro{color:#51404a}.jobs .button{background:#542a3d;color:#fff2e8}.jobs .button:hover{background:#6b364e}.jobs #job-form{border-color:#91736f}.jobs .job-help{color:#51404a}.jobs #job-status{color:#542a3d}
.visit{display:grid;grid-template-columns:1fr 1fr;gap:0;border:0;background:#202222;color:#ff8b7c}.visit-photo{display:block;min-width:0}.visit-photo img{width:100%;height:100%;min-height:800px;object-fit:cover;object-position:48% center}.hours-panel{padding:64px 12%;display:flex;flex-direction:column;align-items:center;text-align:center}.hours-logo img{width:94px;height:94px;object-fit:contain}.hours-address{font-size:20px;line-height:1.5;margin:24px 0 4px;text-transform:uppercase}.hours-address span{display:block;font-size:12px;margin-top:8px;text-transform:none}.hours-panel .text-link{color:#ff8b7c;font-size:13px;padding:10px 0;margin-bottom:35px}.hours-panel h2{font:700 clamp(26px,2.7vw,40px) Arial,sans-serif;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 28px}.hours-list{width:100%;max-width:340px;font-size:19px;text-transform:uppercase;margin-bottom:12px}.hours-list div{padding:16px 0;border-bottom:1px solid #ff8b7c33;justify-content:space-between}.hours-list dd{font-variant-numeric:tabular-nums}.hours-djs{font-size:13px;margin:12px 0 24px}.hours-panel .button{background:#ff8b7c;color:#202222;min-width:220px}.hours-panel .button:hover{background:#ffb0a5}.hours-panel .control-report{font-size:11px;margin-top:20px;color:#d5c9c1}
@media(max-width:760px){.visit{grid-template-columns:1fr;gap:0}.visit-photo img{min-height:0;height:auto;aspect-ratio:4/3;object-position:center}.hours-panel{padding:48px 8% 54px}.hours-logo img{width:80px;height:80px}.hours-address{font-size:18px}.hours-list{font-size:18px;max-width:330px}.hours-panel h2{font-size:30px}.hours-panel .text-link{margin-bottom:30px}.hours-panel .button{display:inline-flex}}
/* Orange brand mark, coral headline and a stronger booking bar. */
.brand img{filter:none}
.hero h1{font-size:clamp(58px,6.5vw,96px);color:#ffad94}.hero h1 em{color:#e6a337}
.mobile-book{background:#542a3d;color:#fff2e8;border-top:1px solid #efbca780;box-shadow:0 -4px 25px #0004}.mobile-book>div>span{color:#f1d9d1}.mobile-book .button{background:#ffad94;color:#30232a}.mobile-book .button:hover{background:#ffc3af}
@media(max-width:1000px){.hero h1{font-size:68px}}@media(max-width:760px){.hero h1{font-size:clamp(48px,11.2vw,70px)}}

.footer-top img{filter:none}.footer-smiley{padding-top:24px;margin-top:24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.footer-smiley a{display:flex;align-items:center;gap:18px;min-height:48px}.footer-smiley img{width:148px;height:auto}.footer-smiley span{font-size:11px;color:#c8c5bd;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){.footer-smiley{justify-content:flex-start}.footer-smiley a{align-items:flex-start;flex-direction:column;gap:12px}}

.hours-note{font-size:12px;margin:6px 0 0;color:#ff8b7c}

/* Final mobile and keyboard checks. */
.skip-link{position:absolute;top:8px;left:8px;z-index:10;background:#f3efe5;color:#272727;padding:14px;transform:translateY(-160%)}.skip-link:focus{transform:none}
button:focus-visible,summary:focus-visible{outline:3px solid #9ddbd0;outline-offset:5px}
.footer-top>div a{display:inline-flex;align-items:center;min-height:44px}
.job-grid>*{min-width:0}
@media(min-width:761px) and (max-width:1100px){.job-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:360px){nav{gap:12px}.mobile-book .button{gap:14px;padding:14px}.intro h2{font-size:32px}.social h2{font-size:38px}}

/* Supplied photographs of the upstairs event room. */
.social-gallery{position:relative;min-width:0;padding-bottom:20%;padding-right:5%}.social-gallery picture{display:block}.social-room img{width:100%;height:auto;aspect-ratio:1.19;object-fit:cover}.social-table{position:absolute;right:0;bottom:0;width:43%;border:6px solid #542a3d;box-shadow:0 12px 28px #160b1733}.social-table img{width:100%;height:auto}.social-gallery img{border-radius:2px}
@media(max-width:760px){.social-gallery{margin-top:6px}.social-table{border-width:5px}}

/* A warmer, more distinctive closing section. */
footer{padding:64px 7% 28px;background:#202222;border-top:4px solid #df9d32}
.footer-invitation{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:48px;border-bottom:1px solid #ffad9433}
.footer-invitation .eyebrow{color:#df9d32;margin-bottom:20px}.footer-invitation h2{font-size:clamp(38px,4.4vw,66px);color:#ffad94;margin:0}.footer-invitation h2 em{color:#f3efe5}.footer-invitation .button{background:#ffad94;white-space:nowrap}.footer-invitation .button:hover{background:#ffc3af}
.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.2fr;gap:32px;padding:44px 0}.footer-brand{display:flex;align-items:center;gap:22px}.footer-brand img{width:94px;height:94px;object-fit:contain}.footer-brand>span{font-size:12px;line-height:1.7;color:#df9d32}.footer-column{min-width:0}.footer-column h3{color:#ffad94;font-size:11px;letter-spacing:.14em;margin-bottom:16px}.footer-column p{font-size:14px;margin-bottom:8px;color:#e0ddd5}.footer-column a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;width:fit-content}.footer-column a:hover{text-decoration:underline;text-underline-offset:5px}.footer-column a[href^="tel:"]{display:block;font-size:23px;letter-spacing:-.02em;padding-bottom:8px}.footer-column small{display:block;font-size:12px;color:#c8c5bd;margin-bottom:8px;letter-spacing:0}
footer .eventhus-referral{border:0;background:#542a3d;padding:20px 24px;margin:0;color:#f0dce1;border-radius:3px}footer .eventhus-referral a{color:#ffad94;font-weight:700}
footer .footer-bottom{border:0;padding-top:28px;color:#c8c5bd}footer .footer-smiley{margin-top:20px;padding-top:20px}footer .footer-smiley img{width:120px}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px 48px}.footer-brand img{width:100px;height:100px}}
@media(max-width:760px){footer{padding:44px 7% calc(120px + env(safe-area-inset-bottom))}.footer-invitation{align-items:flex-start;flex-direction:column;gap:24px;padding-bottom:32px}.footer-invitation h2{font-size:clamp(34px,8.6vw,46px)}.footer-grid{grid-template-columns:1fr;gap:28px;padding:32px 0}.footer-brand{gap:24px}.footer-brand>span{font-size:14px}.footer-column h3{margin-bottom:8px}.footer-column a{min-height:44px}.footer-column p{margin-bottom:4px}footer .eventhus-referral{padding:18px 20px}.footer-smiley a{gap:10px}}

.footer-column .footer-events{color:#ffad94;align-items:flex-start;padding:0 0 12px;margin-bottom:8px;border-bottom:1px solid #ffad9433;line-height:1.5}.footer-events strong{font-size:15px;font-weight:600}.footer-column .footer-events small{font-size:12px;line-height:1.5;margin:5px 0 0;color:#e0ddd5}.footer-events>span:last-child{padding-top:2px}

/* Full EVENTHUS section after the JUNE footer. */
footer{padding-bottom:28px}.eventhus-section{padding:60px 7% 70px;background:#302c29;color:#eadbc5}.eventhus-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:28px;margin-bottom:40px;border-bottom:1px solid #eadbc533}.eventhus-wordmark{font-size:clamp(24px,3vw,40px);font-weight:700;letter-spacing:-.04em}.eventhus-wordmark span{font-size:.7em;margin-left:12px}.eventhus-heading .eyebrow{margin:0;font-size:10px}.eventhus-content{display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:center}.eventhus-content h2{font-size:clamp(40px,4.7vw,68px);margin-bottom:24px}.eventhus-content p{font-size:15px;max-width:460px;margin-bottom:28px}.eventhus-section .button{background:#eadbc5;color:#302c29}.eventhus-section .button:hover{background:#f5e9d8}.eventhus-venues{list-style:none;padding:0;margin:0}.eventhus-venues li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 0;border-bottom:1px solid #eadbc533;font-size:clamp(23px,2.5vw,36px);letter-spacing:-.035em}.eventhus-venues li:first-child{border-top:1px solid #eadbc533}.eventhus-venues span{font-size:11px;letter-spacing:.08em}.site-compliance{background:#202222;padding:20px 7% 28px}.site-compliance .footer-smiley{padding:0;margin:0;border:0}.site-compliance .footer-smiley img{width:120px}.eventhus-section a:focus-visible{outline-color:#eadbc5}
@media(max-width:760px){.eventhus-section{padding:40px 7% 48px}.eventhus-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:30px;padding-bottom:24px}.eventhus-content{grid-template-columns:1fr;gap:36px}.eventhus-content h2{font-size:clamp(36px,9.4vw,48px)}.eventhus-content p br{display:none}.eventhus-venues li{font-size:27px;padding:18px 0}.site-compliance{padding:24px 7% calc(120px + env(safe-area-inset-bottom))}}
