:root{--navy:#010E5C;--green:#A9D883;--link:#CC3366;--wrap:1300px;--fs:25px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--navy);font:400 var(--fs)/1.5 "Catamaran",system-ui,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--link);text-decoration:none}
a:hover{text-decoration:underline}
p{margin:0}
strong,b{font-weight:700}
ul{margin:0;padding-left:28px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;background:#fff;padding:8px;z-index:30}
.script{font-family:"Pacifico",cursive;font-weight:400;line-height:1.4;margin:0}
[id]{scroll-margin-top:20px}

/* header */
.site-header{position:relative;z-index:10;height:130px}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%;padding-top:5px;padding-bottom:5px}
.logo img{width:230px}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.nav ul a{display:block;padding:13px 20px;font:600 15px/20px "Catamaran",sans-serif;color:var(--navy)}
.nav ul a:hover{text-decoration:none;opacity:.75}
.menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--navy)}
.menu-toggle svg{width:22px;height:22px;fill:currentColor}

/* hero */
.hero{margin-top:-130px;padding:26% 0 30%;background:#f7f7f7 url(/assets/hero-1920.webp) center/cover no-repeat}
@media (min-width:1025px){.hero{background-attachment:fixed}}
.hero h1{font-size:85px;color:var(--navy)}
.hero p{font-size:24px}

/* secties */
.section{padding:50px 0}
.intro{text-align:center}
.intro .heart{width:63px;margin:0 auto 10px}
.intro h2{font-size:50px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.two img{width:100%}
.two .txt{padding:20px}
.green{background:var(--green)}
.green .script,.green .txt{color:#fff}
.insta{text-align:center}
.insta h2{font-size:50px}
.insta img{width:100%;margin-top:20px}
.act h2{font-size:50px;text-align:center;color:var(--green)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px;margin-top:10px;list-style:none;padding:0}
.grid4 li{text-align:center;padding:10px;line-height:1.25}
.grid4 img{width:25%;margin:0 auto 5px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.contact .txt{text-align:center;color:#fff}
.contact h2{font-size:50px}
.contact a{color:#fff}

/* anbi / links */
.page{padding:100px 0}
.page h1{font-size:50px}
.prose{margin-top:10px}
.prose li{margin:0}

/* footer */
.bottom{background:#000;color:#fff;text-align:center;padding:10px;font:400 13px/19px "Noto Sans",sans-serif}
.bottom a{color:#fff}

@media (max-width:1024px){
  :root{--fs:22px}
  .hero{padding:40% 5%}
  .nav ul a{padding:13px 10px}
}
@media (max-width:767px){
  :root{--fs:18px}
  .site-header{height:auto}
  .site-header .wrap{padding:10px 16px;height:auto}
  .logo img{width:110px}
  .intro .heart{width:42px}
  .menu-toggle{display:block}
  .nav ul{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;box-shadow:0 6px 12px rgba(0,0,0,.08)}
  .nav.open ul{display:flex}
  .nav ul a{padding:12px 16px;font-size:16px}
  .hero{margin-top:0;padding:40% 16px}
  .hero .wrap{padding:0}
  .hero h1{font-size:52px}
  .hero p{font-size:24px}
  .intro h2,.insta h2,.act h2,.contact h2{font-size:50px}
  .wrap{padding:0 20px}
  .page h1{font-size:31px}
  .page{padding:50px 0}
  .two,.contact{grid-template-columns:1fr}
  .two .txt{padding:20px 4px}
  .grid4{grid-template-columns:1fr 1fr;gap:10px}
  .section{padding:30px 0}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}