/* Dink City reference direction, rebuilt with Lit Pickle content. */
:root{--ink:#193e3b;--muted:#596b68;--paper:#fff;--green:#1c5955;--lime:#d8e8df;--pale:#edf5f1;--line:#d9e3df;--sand:#eadaca;--gold:#c5a785;--brown:#79574c}
::selection{background:#c5a785;color:#173d39}body{caret-color:var(--green);scrollbar-color:var(--green) #f4eee7}a,button{transition:background-color .18s,color .18s}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-color:#a06e38}a:hover{color:var(--green)}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover:not(:disabled){background:#12433f;color:white}.secondary{border-color:var(--green);color:var(--green)}.demo-bar{background:#153f3c}.demo-bar b{color:#eadaca}.demo-bar nav a{color:#e7efeb}.demo-bar nav a.active{color:white;border-color:#eadaca}.demo-bar nav a:hover{color:white}.demo-bar>div span{color:#e7efeb}
body[data-page="home"] header{max-width:1440px;background:white;border:0;height:100px;padding:10px 30px;position:relative;gap:28px}body[data-page="home"] .brand img{width:140px;height:80px}.venue-nav{gap:24px}.venue-nav .primary{color:white;padding:12px 28px;border-radius:28px 0 28px 28px;min-width:130px}.venue-nav .home-menu{gap:26px}.venue-nav .home-menu a{font-size:14px;font-weight:600;color:#54635e}.venue-nav a.active:not(.primary){box-shadow:none;color:var(--green)}.menu-toggle{display:none}
body[data-page="home"] main{max-width:1440px;padding:0 30px 40px}body[data-page="home"] h2{font-weight:650;letter-spacing:.05em;color:var(--brown);line-height:1.5;font-size:32px}body[data-page="home"] .primary,body[data-page="home"] .secondary{border-radius:28px 0 28px 28px;min-height:46px;min-width:158px;justify-content:center;text-decoration:none;font-size:14px}
.dc-hero{position:relative;height:clamp(390px,35vw,570px);margin:0 22px 96px 0;border-radius:0 0 240px 0;background:#193e3b;isolation:isolate}.dc-hero:before{content:"";position:absolute;inset:26px -20px -22px 20px;background:var(--sand);border-radius:inherit;z-index:-2}.dc-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;border-radius:inherit}.dc-hero:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,transparent 28%,#102a2759 60%,#102a2780);z-index:0;pointer-events:none}.dc-hero-copy{position:absolute;top:50%;left:53%;right:6%;transform:translateY(-50%);z-index:1;color:white}.dc-hero h1{font-size:clamp(27px,3.1vw,46px);font-weight:750;line-height:1.5;letter-spacing:0;text-shadow:0 2px 8px #102a2750}.dc-hero-copy p{font-size:17px;margin:18px 0 24px;color:white}.dc-hero-copy .primary{background:white;border:0;color:var(--green);display:inline-flex}.hero-caption{position:absolute;bottom:23px;left:26px;z-index:2;color:white;font-size:11px;background:#143b35d9;padding:5px 10px}.hero-controls{position:absolute;bottom:-22px;left:47%;z-index:2;display:flex;gap:8px;height:22px;align-items:center}.hero-controls button{width:36px;height:22px;border:0;background:transparent;position:relative;padding:0}.hero-controls button:after{content:"";height:3px;position:absolute;left:0;right:0;top:9px;background:white}.hero-controls button[aria-pressed="true"]:after{background:var(--green)}
.dc-programmes{max-width:1000px;margin:0 auto 74px;scroll-margin-top:24px}.dc-programmes>h2{text-align:center}.dc-programmes>h2:after,.venue-membership .section-lead h2:after,.venue-guidelines .section-lead h2:after{content:"";display:block;width:72px;height:3px;background:var(--gold);margin:20px auto 30px}.arch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.arch-grid>a{text-align:center;text-decoration:none;color:var(--ink);display:block;padding-bottom:20px;box-shadow:0 3px 10px #193e3b0d}.arch-image{border-radius:150px 150px 0 0;position:relative;height:250px;margin:0 10px 20px;overflow:hidden}.arch-image:after{content:"";position:absolute;inset:10px;border:1px solid #ffffffe0;border-radius:inherit;pointer-events:none}.arch-image img{width:100%;height:100%;object-fit:cover;object-position:40% center;transition:transform .3s}.arch-grid>a:nth-child(3) img{object-position:80% center}.arch-grid>a:nth-child(4) img{object-position:65% center}.arch-grid>a:hover img{transform:scale(1.035)}.arch-grid h3{font-size:19px;font-weight:600;margin-bottom:10px}.arch-grid p{font-size:13px;color:var(--muted);padding:0 14px}.arch-grid a>span{display:inline-block;margin-top:16px;font-size:12px;color:var(--green);text-decoration:underline}.section-note{text-align:right;font-size:11px;color:var(--muted);margin-top:20px}
.dc-facility{display:grid;grid-template-columns:54px 1fr;align-items:center;margin:0 0 82px}.dc-facility>h2{writing-mode:vertical-rl;transform:none;color:var(--green)!important;letter-spacing:.2em!important;font-size:26px!important}.facility-content{background:linear-gradient(#eadacae8,#eadacaed),url('assets/play.png') center/cover;border-radius:0 0 0 150px;padding:44px 36px}.facility-items{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center;color:var(--brown)}.facility-items svg{width:64px;height:64px}.facility-items h3{font-size:16px;margin-top:12px;font-weight:650}.facility-actions{display:flex;justify-content:center;gap:20px;margin-top:32px}.facility-actions .secondary{background:white;border:0}
.venue-section{border:0;padding:0;margin-bottom:80px;scroll-margin-top:32px}.venue-about{max-width:1080px;margin-left:auto;margin-right:auto;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.about-picture{margin:0 16px 16px 0;height:470px;position:relative;isolation:isolate}.about-picture:before{content:"";position:absolute;inset:16px 16px -16px -16px;background:var(--sand);border-radius:0 0 110px 0;z-index:-1}.about-picture img{width:100%;height:100%;object-fit:cover;border-radius:0 0 110px 0}.about-story h2{color:var(--green)!important;font-size:42px!important;font-weight:800!important;font-style:italic;margin-bottom:20px}.about-story .about-opening{font-size:20px;line-height:1.7}.about-story p{font-size:14px;line-height:1.9;margin-bottom:16px}.venue-features{margin:18px 0;gap:10px 16px}.venue-features span{font-size:12px}.text-link{font-size:12px;color:var(--green)}
.venue-location{max-width:1080px;margin:0 auto 80px;padding:44px;background:#f6f0e9;border-radius:0 0 100px 0;gap:44px;grid-template-columns:1fr 1.2fr}.location-details h2{font-size:27px!important}.location-details address{margin-top:22px;font-size:18px}.location-details address strong{font-size:26px}.location-map{border:0;border-radius:0}.location-map iframe{height:390px}.location-map p{font-size:10px}.venue-membership{display:block;max-width:1000px;margin:0 auto 80px}.venue-membership .section-lead{text-align:center}.section-lead>p{max-width:none}.venue-membership .section-lead h2:after{margin-bottom:18px}.section-lead .membership-reassurance{margin-top:8px}.venue-membership .section-lead>.text-link{margin-top:12px}.membership-list{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.membership-list article,.membership-list article:first-child{display:block;text-align:center;background:#f7f2ec;border:0;padding:28px 18px;border-radius:80px 80px 0 0}.membership-list h3{font-size:24px;padding-top:14px}.membership-list p{font-size:13px;min-height:48px;margin:14px 0}.membership-list article>a{display:inline-block;font-size:13px}.membership-terms{grid-column:1/-1;text-align:center;padding-top:0}.venue-guidelines{display:block;max-width:1000px;margin:0 auto 64px}.venue-guidelines .section-lead{text-align:center}.guideline-links{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;margin-top:30px}.guideline-links a,.guideline-links a:first-child{padding:20px 0;display:block}.guideline-links strong{font-size:17px}.guideline-links span{display:block;margin-top:7px}.venue-booking-invite{border-radius:0 0 80px 0;background:var(--green);max-width:1080px;margin:0 auto 26px;padding:36px 42px}.venue-booking-invite .primary{background:white;color:var(--green);border:0}.venue-source{margin:auto;text-align:center;max-width:110ch}
.site-footer{max-width:none;background:#1c5955;color:white;margin:32px 0 0;padding:48px max(30px,calc((100vw - 1320px)/2));border:0;gap:36px}.site-footer p,.site-footer a,.site-footer .text-button{color:#e5efeb}.site-footer a:hover,.site-footer .text-button:hover{color:white}.site-footer b{font-size:30px;font-style:italic;letter-spacing:.04em}.site-footer p{line-height:2}.site-footer .footer-links a{font-size:12px}.site-footer .text-button{display:block;text-align:left}
body[data-route="book"]{--book-ink:#193e3b;--book-green:#1c5955}body[data-route="book"] .slot.available{background:#edf5f1;border-color:#9ebeb1}body[data-route="book"] .slot.selected,body[data-route="book"] .date.selected,body[data-route="book"] .segments button.active{background:var(--green);color:white}body[data-route="book"] .primary,.checkout-dialog .primary{background:var(--green);color:white}.checkout-dialog .payment-method:has(input:checked){background:var(--pale);border-color:var(--green)}
@media(max-width:1050px){.venue-nav .home-menu{gap:16px}.venue-nav{gap:16px}.dc-hero-copy{left:48%;right:4%}.arch-grid{gap:16px}.arch-image{height:210px}.venue-about{gap:32px}.about-picture{height:440px}.facility-items h3{font-size:14px}.facility-content{padding:34px 24px}.venue-location{padding:32px;gap:28px}.site-footer{padding:36px 24px}}
@media(max-width:800px){body[data-page="home"] header{display:flex;height:82px;min-height:82px;padding:6px 18px;gap:12px;z-index:5}body[data-page="home"] .brand img{width:106px;height:66px}.venue-nav{display:flex!important;gap:14px;justify-content:flex-end}.venue-nav .primary{padding:9px 18px;min-width:0;min-height:42px;grid-column:auto;grid-row:auto;font-size:12px}.menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:white;border:0;color:var(--green);order:2}.venue-nav .home-menu{display:none;position:absolute;top:100%;left:0;right:0;padding:18px 24px;background:white;box-shadow:0 8px 12px #173d3914;grid-template-columns:1fr 1fr;gap:4px 24px;overflow:visible}.venue-nav .home-menu.is-open{display:grid}.venue-nav .home-menu a{font-size:14px;white-space:normal;padding:12px 0}body[data-page="home"] main{padding:0 18px 30px}.dc-hero{height:470px;margin:0 12px 65px 0;border-radius:0 0 110px 0}.dc-hero:before{inset:14px -12px -14px 12px}.dc-hero>img{object-position:35% center}.dc-hero:after{background:linear-gradient(0deg,#102a27df,transparent 85%)}.dc-hero-copy{top:auto;bottom:62px;left:24px;right:20px;transform:none}.dc-hero h1{font-size:30px;line-height:1.5}.dc-hero-copy p{font-size:14px;margin:12px 0 20px}.dc-hero-copy .primary{min-height:44px;min-width:144px}.hero-caption{bottom:14px;left:18px;font-size:9px;background:transparent;padding:0}.hero-controls{bottom:-18px;left:42%}.dc-programmes{margin-bottom:44px}body[data-page="home"] h2{font-size:25px}.dc-programmes>h2:after{margin:16px auto 24px;width:54px}.arch-grid{grid-template-columns:1fr 1fr;gap:26px 14px}.arch-image{height:196px;margin:0 6px 14px}.arch-image:after{inset:7px}.arch-grid h3{font-size:17px}.arch-grid p{font-size:12px;padding:0 10px;min-height:38px}.arch-grid a>span{margin-top:10px}.arch-grid>a{padding-bottom:16px}.section-note{font-size:10px;text-align:center}.dc-facility{display:block;margin-bottom:46px}.dc-facility>h2{writing-mode:horizontal-tb;transform:none;text-align:center;font-size:25px!important;margin-bottom:20px;letter-spacing:.05em!important}.facility-content{border-radius:0 0 0 80px;padding:28px 16px 32px}.facility-items{grid-template-columns:repeat(6,1fr);gap:24px 10px}.facility-items>div{grid-column:span 2}.facility-items>div:nth-child(4){grid-column:2/span 2}.facility-items svg{height:46px;width:46px}.facility-items h3{font-size:12px;line-height:1.6;margin-top:6px}.facility-actions{gap:12px;margin-top:28px}.facility-actions .primary,.facility-actions .secondary{min-width:0;flex:1;font-size:12px}.venue-about{display:block;margin-bottom:48px}.about-picture{height:300px;margin:0 0 32px 12px}.about-picture img,.about-picture:before{border-radius:0 0 90px 0}.about-picture:before{inset:12px 12px -12px -12px}.about-story{margin-top:0}.about-story h2{font-size:34px!important;margin-bottom:18px}.about-story .about-opening{font-size:20px;max-width:30ch}.about-story p{font-size:14px}.venue-features span{font-size:12px}.venue-location{display:block;padding:26px 22px 32px;border-radius:0 0 65px 0;margin-bottom:48px}.location-details h2{font-size:24px!important}.location-details dl{display:block;margin:22px 0}.location-details dl>div{margin:12px 0}.location-map{margin-top:24px}.location-map iframe{height:260px}.venue-membership{margin-bottom:48px}.membership-list{grid-template-columns:1fr;gap:16px;margin-top:24px}.membership-list article,.membership-list article:first-child{border-radius:50px 0 50px 0;padding:20px 24px;display:flex;text-align:left;align-items:center}.membership-list h3{font-size:22px;padding:0}.membership-list p{min-height:0;margin:8px 0;font-size:12px}.membership-list article>a{font-size:12px}.membership-terms p{font-size:11px}.venue-guidelines{margin-bottom:36px}.guideline-links{grid-template-columns:1fr;margin-top:20px}.guideline-links strong{font-size:17px}.venue-booking-invite{padding:28px 24px;border-radius:0 0 55px 0}.venue-booking-invite p{font-size:22px}.venue-booking-invite .primary{margin-top:20px}.venue-source{font-size:10px}.site-footer{padding:30px 22px!important;margin:16px 0 0!important;display:block}.site-footer>div+div{margin-top:24px}.footer-links{gap:12px 20px}.site-footer .footer-links a{font-size:11px}.site-footer p{font-size:12px}.site-footer .text-button{padding-left:0}.venue-section,.dc-programmes{scroll-margin-top:20px}}
.demo-bar nav a.active,.demo-bar nav a.active:hover{background:#eadaca;color:#173d39}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.site-footer b{color:white}
