/* Layout: sister to the Folly Lake Cafe page. A slim Risby Grey nav, a darkened hero of Folly Lake, then calm parchment and oat bands that read like a peg board: big Ochre numerals for pegs, prices and dates, Karla for everything practical. Single-theme by design (brand v2.0, one palette, no green). */
:root{
  --risby-grey:#3f3a3a; --mist:#f8f4ea; --parchment:#f1ebdd; --oat:#e2d7c3;
  --stone:#c9b99e; --ochre:#b27a10; --brass:#c99a3a;
  --display:"Risby Storybook",Georgia,serif;
  --sans:"Karla",Arial,sans-serif;
  --arch:polygon(0% 100%,0% 38%,0.5% 33.4%,2.2% 28.9%,4.9% 24.4%,8.6% 20.2%,13.4% 16.1%,19.1% 12.2%,25.7% 8.6%,33.1% 5.4%,41.2% 2.5%,50% 0%,58.8% 2.5%,66.9% 5.4%,74.3% 8.6%,80.9% 12.2%,86.6% 16.1%,91.4% 20.2%,95.1% 24.4%,97.8% 28.9%,99.5% 33.4%,100% 38%,100% 100%);
  color-scheme:light;
}
@font-face{font-family:"Risby Storybook";src:url(fonts/RisbyStorybook-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Risby Storybook";src:url(fonts/RisbyStorybook-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Karla";src:url(fonts/Karla-Variable.ttf) format("truetype");font-weight:200 800;font-display:swap}

body{background:var(--parchment);color:var(--risby-grey);font:17px/1.5 var(--sans);margin:0}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--risby-grey)}
.wrap{max-width:1080px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));box-sizing:border-box}
h1,h2,h3{font-family:var(--display);font-weight:400;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
a:focus-visible{outline:2px solid var(--ochre);outline-offset:3px}
.num{font-family:var(--display);color:var(--ochre);font-variant-numeric:tabular-nums lining-nums}
.kicker{font-family:var(--display);font-style:italic;font-size:22px;color:var(--ochre)}
.label{font-weight:600;font-size:15px;letter-spacing:.02em}
.more{font-weight:600;text-decoration:none;border-bottom:1px solid var(--stone);padding-bottom:2px;justify-self:start}
.more:hover{border-color:var(--ochre)}


/* Nav */
nav{background:var(--risby-grey);color:var(--mist);position:sticky;top:env(safe-area-inset-top,0px);z-index:5}
nav .wrap{display:flex;gap:6px 22px;flex-wrap:wrap;align-items:center;padding-block:12px;font-weight:600;font-size:15px}
nav .home{font-family:var(--display);font-weight:400;font-size:19px;margin-right:auto;text-decoration:none}
nav .links{display:flex;flex-wrap:wrap;gap:4px 18px}
nav .links a{text-decoration:none;opacity:.88}
nav .links a[aria-current]{opacity:1;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:5px}
nav .links a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:5px}
@media (max-width:700px){nav{position:static}nav .links{gap:4px 14px;font-size:14px}}

/* Hero */
.hero{position:relative;overflow:hidden;color:var(--mist);background:var(--risby-grey)}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:38% 40%}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(63,58,58,.78) 0%,rgba(63,58,58,.55) 38%,rgba(63,58,58,.45) 100%)}
.hero::after{content:"";position:absolute;inset:45% 0 0 0;background:linear-gradient(to bottom,rgba(63,58,58,0),rgba(63,58,58,.85))}
.hero .inner{position:relative;z-index:2;min-height:clamp(520px,72vh,680px);display:grid;grid-template-rows:auto 1fr auto;padding-block:28px 44px;gap:24px}
.hero .logo{width:300px;max-width:72%;justify-self:center}
.hero .words{grid-row:3;display:grid;gap:14px;max-width:620px}
.hero h1{font-size:clamp(40px,6vw,64px);line-height:1.04}
.hero .line{font-size:19px;max-width:52ch}
.hero .where{font-size:14px;opacity:.85}

/* Prices band */
.prices{background:var(--parchment)}
.prices .wrap{padding-block:56px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,64px)}
.prices .intro{display:grid;gap:12px;align-content:start}
.prices h2{font-size:clamp(30px,4vw,40px);line-height:1.08}
.tickets{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--stone)}
.tickets div{padding:16px 16px 16px 0;border-bottom:1px solid var(--stone);display:grid;gap:2px;align-content:start}
.tickets .num{font-size:40px;line-height:1}
.tickets span:last-child{font-weight:600;font-size:15px}
.small{font-size:14px}
@media (max-width:760px){.prices .wrap{grid-template-columns:1fr}}

/* Night */
.night{background:var(--risby-grey);color:var(--mist)}
.night .wrap{padding-block:52px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,64px);align-items:center}
.night h2{font-size:clamp(30px,4vw,42px);line-height:1.08}
.night .kicker{color:var(--brass)}
.night .text{display:grid;gap:14px}
.night dl{margin:0;display:grid}
.night dl div{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:14px;border-top:1px solid rgba(248,244,234,.25)}
.night dl div:last-child{border-bottom:1px solid rgba(248,244,234,.25)}
.night dt{font-weight:600}
.night dd{margin:0;font-family:var(--display);color:var(--brass);font-size:28px;line-height:1}
@media (max-width:760px){.night .wrap{grid-template-columns:1fr}}

/* Ponds */
.ponds .wrap{padding-block:64px;display:grid;gap:28px}
.head{display:grid;gap:8px;max-width:640px}
.head h2{font-size:clamp(32px,4.5vw,46px);line-height:1.06}
.aerial{margin:0;display:grid;gap:8px}.wide{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 52%;display:block}
.pond-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.pond{background:var(--oat);padding:24px;display:grid;gap:12px;align-content:start;min-width:0}
.pond .top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--stone);padding-bottom:12px}
.pond h3{font-size:30px;line-height:1.1}
.pond .pegs{text-align:right;line-height:1}
.pond .pegs .num{font-size:48px;display:block}
.pond .pegs span:last-child{font-size:13px;font-weight:600}
.pond ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pond li{padding-left:16px;position:relative}
.pond li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--ochre)}
.pond h3 .old{font-size:.62em;font-style:italic}
.ponds .foot{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center}

/* Matches */
.matches{background:var(--oat)}
.matches .wrap{padding-block:64px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(28px,5vw,64px)}
.matches .list{display:grid;gap:22px;align-content:start}
.fixtures{list-style:none;margin:0;padding:0;border-top:1px solid var(--stone)}
.fixtures li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;padding-block:14px;border-bottom:1px solid var(--stone);align-items:center}
.date{display:grid;justify-items:center;line-height:1;gap:2px;font-size:13px;font-weight:600}
.date .num{font-size:36px}
.fixtures b{display:block;font-size:17px}
.fixtures small{font-size:14px}
.book{display:grid;gap:8px;background:var(--parchment);padding:20px}
.arch{display:grid;gap:12px;align-content:start}
.arch img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 35%;clip-path:var(--arch)}
.waterline{display:flex;align-items:center;gap:6px;width:84%;justify-self:center}
.waterline span{flex:1;height:3px;background:var(--ochre)}
.waterline i{width:11px;height:11px;border-radius:50%;background:var(--ochre)}
.arch figcaption{font-size:14px;text-align:center}
.results{display:grid;gap:6px}
@media (max-width:760px){.matches .wrap{grid-template-columns:1fr}.arch{max-width:340px;justify-self:center;width:100%}}

/* On site */
.onsite .wrap{padding-block:64px;display:grid;gap:28px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.card{display:grid;gap:12px;align-content:start;min-width:0}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.card h3{font-size:26px;line-height:1.1}

/* Find us */
.find{background:var(--parchment);border-top:1px solid var(--stone)}
.find .wrap{padding-block:56px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:36px}
.find section{display:grid;gap:10px;align-content:start;min-width:0}
.find h2{font-size:32px;line-height:1.1}

.site-footer{background:var(--risby-grey);color:var(--mist)}
.site-footer .wrap{padding-block:44px;display:grid;gap:16px;justify-items:center;text-align:center}
.site-footer img{width:240px;max-width:65%;display:block}
.site-footer .links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;font-weight:600;font-size:15px}
.site-footer .links a{text-decoration:none;border-bottom:1px solid rgba(248,244,234,.3)}
.site-footer p{font-size:14px}
.site-footer .fine{opacity:.75;font-size:13px;max-width:60ch}

/* Inner pages */
.page-head{background:var(--risby-grey);color:var(--mist)}
.page-head .wrap{padding-block:52px 44px;display:grid;gap:12px}
.page-head .kicker{color:var(--brass)}
.page-head h1{font-size:clamp(38px,5.5vw,58px);line-height:1.05}
.page-head .lead{font-size:19px;max-width:60ch}
.band .wrap{padding-block:52px}
.band.alt{background:var(--oat)}
.stack{display:grid;gap:14px;align-content:start;min-width:0}
.band h2{font-size:clamp(28px,3.6vw,36px);line-height:1.1}
.two{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(28px,5vw,64px)}
.two.wide-left{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
@media (max-width:820px){.two.wide-left{grid-template-columns:1fr}}
.map{margin:0}.map img{width:100%;display:block;border:1px solid var(--stone)}
.pond-row{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;padding-block:28px;border-top:1px solid var(--stone)}
.pond-row:first-child{border-top:0;padding-top:0}
.pond-row img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover}
.pond-num{display:grid;line-height:1;gap:4px}.pond-num .num{font-size:64px}.pond-num span:last-child{font-weight:600;font-size:14px}
.pond-row h2 .old,.pond h3 .old{font-size:.62em;font-style:italic}
@media (max-width:820px){.pond-row{grid-template-columns:1fr}}
ul.dots{list-style:none;margin:0;padding:0;display:grid;gap:6px}
ul.dots li{padding-left:16px;position:relative}
ul.dots li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--ochre)}
.price-list{margin:0;border-top:1px solid var(--stone)}
.price-list div{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:14px;border-bottom:1px solid var(--stone);align-items:baseline}
.price-list dt{font-weight:600}
.price-list dd{margin:0;font-family:var(--display);color:var(--ochre);font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.faq{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 40px}
.faq section{display:grid;gap:6px;align-content:start}
.faq h3{font-family:var(--sans);font-weight:700;font-size:18px}
.fixtures .month{display:block;border-bottom:0;padding:28px 0 6px}
.fixtures .month:first-child{padding-top:0}
.fixtures .month h3{font-size:26px}
.results-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px 36px}
.results-list li{display:grid;gap:6px;border-top:1px solid var(--stone);padding-top:12px}
.results-list a{text-decoration:none}.results-list a:hover b{text-decoration:underline;text-decoration-color:var(--ochre)}
.rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px 56px}
.rule-list{margin:0;padding-left:1.4em;display:grid;gap:10px}
.rule-list li::marker{color:var(--ochre);font-weight:700}
.story{max-width:62ch}
.story .sign{font-family:var(--display);font-style:italic;font-size:22px;color:var(--ochre)}
.quote{margin:0;background:var(--oat);padding:20px;display:grid;gap:10px}
.quote p{font-family:var(--display);font-style:italic;font-size:18px;line-height:1.4}
.quote footer{font-size:14px;font-weight:600}
figure.arch{margin:0}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.gallery img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
@media (prefers-reduced-motion:no-preference){.more,nav .links a{transition:border-color .2s,opacity .2s}}

/* WordPress pages and posts */
.admin-bar nav{top:calc(32px + env(safe-area-inset-top,0px))}
@media (max-width:782px){.admin-bar nav{top:0}}
.fixtures a{text-decoration:none}.fixtures a:hover b{text-decoration:underline;text-decoration-color:var(--ochre)}
.entry{max-width:68ch;display:grid;gap:16px}
.entry>*{margin:0}
.entry h2,.entry h3{font-family:var(--display);font-weight:400;line-height:1.15}
.entry h2{font-size:30px}.entry h3{font-size:24px}
.entry img{height:auto;display:block}
.entry a{text-decoration-color:var(--ochre)}
.entry ul,.entry ol{padding-left:1.3em;display:grid;gap:6px}
.meta{font-size:15px;opacity:.85}
.post-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px 36px}
.post-list li{display:grid;gap:6px;border-top:1px solid var(--stone);padding-top:12px}
.post-list a{text-decoration:none}.post-list a:hover b{text-decoration:underline;text-decoration-color:var(--ochre)}
.pager{display:flex;flex-wrap:wrap;gap:8px 24px;font-weight:600}
.pager .page-numbers{text-decoration:none;padding:4px 8px;border-bottom:1px solid var(--stone)}
.pager .current{color:var(--ochre);border-color:var(--ochre)}
.notice-box{background:var(--parchment);padding:20px;display:grid;gap:8px}
img{height:auto}
.gallery.old a{display:block}
.gallery.old img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.video{position:relative;display:block;text-decoration:none}
.video img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.video span{position:absolute;left:12px;bottom:12px;background:var(--risby-grey);color:var(--mist);font-weight:600;font-size:14px;padding:6px 10px}