:root{
  --play-green:#07583d;--play-dark:#063d2d;--play-lime:#c7ef35;
  --play-yellow:#ffd45d;--play-coral:#ff817b;--play-aqua:#80e2df;
  --play-purple:#9987e8;--play-cream:#fbfcef;
}
.public-body{background:#fff;color:var(--play-dark)}
.public-body .topbar{
  height:94px;padding:0 max(calc((100vw - 1400px)/2),48px);border:0;
  box-shadow:0 8px 30px rgba(7,88,61,.07);position:relative;
}
.public-body .brand{color:var(--play-green);font-size:21px;gap:13px}
.public-body .brandmark{
  width:72px;height:54px;border-radius:0;background:url("/assets/bijdorp-mark.svg") center/contain no-repeat;
  font-size:0;box-shadow:none;
}
.public-body .brand-logo{width:72px;height:54px;border-radius:0}
.public-body .topbar nav{gap:7px}
.public-body .topbar nav>a{padding:10px 15px;border-radius:999px}
.public-body .topbar nav>a:hover{background:#eff8d5;color:var(--play-green)}
.public-body .topbar nav>a[href="/lid-worden.php"]{background:var(--play-green);color:#fff;padding:12px 21px}
.public-body .site-shell{max-width:none;padding:0}
.play-hero{
  width:100%;max-width:1536px;height:400px;min-height:0;margin:0 auto;display:grid;grid-template-columns:.86fr 1.14fr;
  align-items:stretch;background:radial-gradient(circle at 8% 12%,rgba(199,239,53,.28),transparent 23%),var(--play-cream);
  overflow:hidden;position:relative;
}
.play-hero:after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:38px;background:#fff;z-index:3;
  clip-path:polygon(0 44%,8% 27%,18% 51%,29% 30%,41% 58%,53% 34%,65% 56%,78% 29%,90% 52%,100% 35%,100% 100%,0 100%);
}
.play-hero-copy{padding:28px 35px 38px max(6vw,64px);align-self:center;position:relative;z-index:2}
.play-spark{display:block;color:var(--play-purple);font-size:32px;line-height:1;margin-bottom:7px}
.play-eyebrow{display:block;color:#718d0d;font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.play-hero h1{
  margin:12px 0 16px;max-width:625px;color:var(--play-green);
  font:800 clamp(42px,3.5vw,56px)/1.06 'Manrope',sans-serif;letter-spacing:-.05em;
}
.play-hero-copy>p{max-width:590px;margin:0;color:#527064;font-size:17px;line-height:1.45}
.play-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}
.play-button{
  display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:14px 23px;
  font-weight:800;transition:.18s;
}
.play-button img{width:21px;height:21px}.play-button.primary{background:var(--play-green);color:#fff}
.play-button.lime{background:var(--play-lime);color:#173c2f}.play-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(7,88,61,.16)}
.play-hero-image{height:100%;margin:0;min-width:0;min-height:0;position:relative;overflow:hidden;border-radius:105px 0 0 105px / 78px 0 0 92px}
.play-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.play-section{width:100%;max-width:1400px;margin:0 auto;padding:36px 48px 0}
.play-section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:19px}
.play-section-head h2{margin:0;color:var(--play-dark);font:800 36px/1.1 'Manrope';letter-spacing:-.035em}
.play-section-head h2:after{content:" ✦";color:var(--play-yellow);font-size:.75em}
.play-section-head a{color:var(--play-green);font-weight:800;background:#eff8d5;padding:8px 14px;border-radius:999px}
.play-club-grid,.play-event-grid,.play-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.play-club-card{
  min-height:164px;border-radius:27px;padding:22px;display:grid;grid-template-columns:96px 1fr 42px;
  align-items:center;gap:16px;transition:.18s;overflow:hidden;
}
.play-club-card.tone-0{background:linear-gradient(135deg,#eaf7c6,#f8fdea)}
.play-club-card.tone-1{background:linear-gradient(135deg,#ffedac,#fff8de)}
.play-club-card.tone-2{background:linear-gradient(135deg,#c7f2ef,#edfffd)}
.play-club-card:hover{transform:translateY(-5px) rotate(-.3deg);box-shadow:0 17px 35px rgba(7,88,61,.1)}
.play-club-art{width:90px;height:90px;border-radius:50%;background:var(--club-color,var(--play-green));display:grid;place-items:center;box-shadow:0 10px 22px color-mix(in srgb,var(--club-color,var(--play-green)) 22%,transparent)}
.play-club-art img{width:62px;height:62px}.play-club-card span:nth-child(2){display:grid;gap:5px}
.play-club-card strong{color:var(--play-dark);font:800 22px 'Manrope'}.play-club-card small{color:#587064;line-height:1.35}
.play-club-card>b{width:38px;height:38px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--play-green);font-size:20px}
.play-upcoming{padding-bottom:4px}
.play-event-card{
  min-height:126px;border-radius:23px;background:#faf9fd;padding:18px;display:grid;grid-template-columns:76px 1fr;gap:17px;align-items:center;
}
.play-event-card time{height:84px;border-radius:18px;display:grid;place-items:center;align-content:center;line-height:1;color:#163e30}
.play-event-card.tone-0 time{background:var(--play-lime)}.play-event-card.tone-1 time{background:#ffaaa4}.play-event-card.tone-2 time{background:var(--play-aqua)}
.play-event-card time small{font-size:11px;font-weight:900}.play-event-card time b{font:900 28px 'Manrope';margin:3px 0}
.play-event-card div>span{font-size:11px;font-weight:900;text-transform:uppercase;color:#6d8177}
.play-event-card h3{margin:3px 0;color:var(--play-dark);font:800 19px 'Manrope'}.play-event-card p{margin:0;color:#61756c}
.play-news-grid{padding-bottom:12px}.play-news-card{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 14px 42px rgba(7,88,61,.09)}
.play-news-card>img,.play-news-placeholder{width:100%;height:170px;object-fit:cover;display:grid;place-items:center;background:#eff8d5;color:var(--play-green);font:900 42px 'Manrope'}
.play-news-card>div{padding:21px}.play-news-card small{color:#708178;font-weight:700}.play-news-card h3{margin:7px 0;color:var(--play-dark);font:800 21px 'Manrope'}
.play-news-card p{color:#61756c}.play-news-card strong{color:var(--play-green)}
.play-extra{padding-bottom:20px}.play-extra-card{background:#fff;border-radius:25px;padding:30px;box-shadow:0 12px 38px rgba(7,88,61,.07)}
.play-empty{grid-column:1/-1;padding:35px;text-align:center;background:#f7faee;border-radius:22px}
.public-body footer{max-width:1304px;margin:52px auto 0;border-top:1px solid #e2ebdf}
.public-body .hero.compact{max-width:1304px;margin:34px auto 0;border-radius:27px;background:linear-gradient(135deg,#f1f8dc,#fff);box-shadow:none}
.public-body .hero.compact:after{display:none}.public-body .hero.compact h1{color:var(--play-green)}
.public-body .content-card,.public-body .event-list{max-width:1304px;margin-left:auto;margin-right:auto;border:0;box-shadow:0 14px 45px rgba(7,88,61,.08)}
.public-body .button,.public-body button{border-radius:999px}
.public-body .membership-intro,.public-body .membership-form,.public-body .membership-thanks{max-width:1180px;margin-left:auto;margin-right:auto}
.public-body .membership-intro{margin-top:35px}.public-body .membership-section,.public-body .membership-intro>div,.public-body .membership-intro aside{border:0;box-shadow:0 12px 38px rgba(7,88,61,.08)}
.public-body .membership-intro aside{background:#f0f8d8}
@media(max-width:1100px){
  .public-body .topbar{padding-left:22px;padding-right:22px;height:auto;min-height:86px}.public-body .topbar nav{gap:3px}
  .play-hero{height:auto;grid-template-columns:1fr}.play-hero-copy{padding:46px 32px 34px}.play-hero-image{height:390px;border-radius:45px 45px 0 0}
  .play-club-grid,.play-event-grid,.play-news-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .public-body .topbar{align-items:flex-start}.public-body .topbar nav{width:100%;justify-content:flex-start}
  .play-hero h1{font-size:47px}.play-hero-image{height:320px;border-radius:28px 28px 0 0}
  .play-section{padding:38px 18px 0}.play-section-head{align-items:flex-start;flex-direction:column}.play-section-head h2{font-size:31px}
  .play-club-grid,.play-event-grid,.play-news-grid{grid-template-columns:1fr}.play-actions{flex-direction:column}.play-button{justify-content:center}
  .public-body footer{margin-left:18px;margin-right:18px}
}