/* Source: design-tokens.css */
/* Dierentijd design tokens: use these tokens for every new local pattern. */
.dth{
  --dt-ink:#17382e;--dt-ink-soft:#53685f;--dt-paper:#faf7f1;--dt-mist:#f2f6ef;
  --dt-white:#ffffff;--dt-line:#d4dfd5;--dt-coral:#e97d57;--dt-coral-dark:#b64f2f;
  --dt-leaf:#2d6c54;--dt-font-sans:"Dierentijd Sans",Arial,sans-serif;
  --dt-font-display:"Dierentijd Serif",Georgia,serif;
  --dt-radius-s:10px;--dt-radius-m:18px;--dt-radius-l:28px;
  --dt-shadow:0 18px 36px rgba(23,56,46,.08);--dt-content:1256px;
}

/* Source: refinement.css */
/* Isolated full-bleed preview: the normal WordPress content column may remain narrow. */
.wp-site-blocks:has(.dth),.wp-block-post-content:has(.dth){max-width:none!important;padding:0!important}.dth{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}.dth-header,.dth-section,.dth-footer__shell,.dth-situations__shell{max-width:1320px!important}.dth-header{padding-left:32px!important;padding-right:32px!important}.dth-hero__copy{padding-left:max(32px,calc((100vw - 1256px)/2))!important;padding-right:max(32px,calc((100vw - 1256px)/2))!important}.dth-section{padding-left:32px!important;padding-right:32px!important}.dth-trust{max-width:1256px!important}.dth-situations{background:#f2f6ef;padding:6rem 32px}.dth-situations__shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:5rem;margin:auto;align-items:center}.dth-situations__intro{max-width:540px}.dth-situation-tool{background:#fff;border:1px solid #dbe5dc;border-radius:18px;padding:1rem;box-shadow:0 18px 36px #17382e0d}.dth-situation-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.dth-situation-buttons button{min-height:74px;padding:1rem;background:#fff;border:1px solid #cfdacf;border-radius:10px;text-align:left;color:#17382e;font:700 .93rem/1.25 Inter,ui-sans-serif,system-ui;cursor:pointer}.dth-situation-buttons button:hover,.dth-situation-buttons button.is-selected{background:#e6efdf;border-color:#2d6c54}.dth-situation-answer{padding:1.35rem .7rem .4rem;min-height:150px}.dth-situation-answer strong{font-family:Georgia,serif;font-size:1.35rem}.dth-situation-answer p{line-height:1.55;color:#53685f}.dth-situation-answer a{font-weight:800;text-underline-offset:.25em}.dth-noor-note{font-size:.82rem;color:#60756b!important}.dth-footer{padding:0!important}.dth-footer__shell{margin:auto}.dth-footer__help{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 32px;padding:2.25rem 2.5rem;transform:translateY(-30px);background:#e97d57;color:#fff;border-radius:16px}.dth-footer__help .dth-kicker{color:#ffe7d6}.dth-footer__help h2{margin:.15rem 0 .4rem;font-size:2.1rem}.dth-footer__help p{max-width:680px;line-height:1.55;margin:0}.dth-footer__top,.dth-footer__links,.dth-footer__bottom{margin-left:32px;margin-right:32px}.dth-footer__links{grid-template-columns:1.15fr 1.35fr 1.15fr 1fr!important}.dth-footer__bottom{display:flex;justify-content:space-between;gap:1rem}.dth-noor__note{max-width:620px}.dth-article-card p:empty{display:none}@media(max-width:800px){.dth-header,.dth-section{padding-left:20px!important;padding-right:20px!important}.dth-situations{padding:4rem 20px}.dth-situations__shell{grid-template-columns:1fr;gap:2rem}.dth-footer__help{margin:0 20px;padding:1.6rem;align-items:flex-start;flex-direction:column}.dth-footer__top,.dth-footer__links,.dth-footer__bottom{margin-left:20px;margin-right:20px}.dth-footer__links{grid-template-columns:1fr 1fr!important}.dth-footer__bottom{flex-direction:column}.dth-situation-buttons{grid-template-columns:1fr}}@media(max-width:520px){.dth-footer__links{grid-template-columns:1fr!important}.dth-footer__help h2{font-size:1.75rem}}

/* Source: accessibility.css */
/* Non-negotiable readability rules for the Dierentijd prototype. */
.dth .dth-hero{min-height:660px;background:#17382e;isolation:isolate}
.dth .dth-hero::after{content:"";position:absolute;z-index:1;inset:0 auto 0 0;width:min(55%,760px);background:#17382e}
.dth .dth-hero__image{z-index:0;background-position:center right!important}
.dth .dth-hero__copy{z-index:2;box-sizing:border-box;width:min(calc(100vw - 64px),660px)!important;max-width:none!important;min-width:0!important;padding:72px 32px!important}
.dth .dth-hero__copy h1{max-width:620px!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;font-size:clamp(3rem,5.25vw,5.9rem)!important;line-height:1.02!important}
.dth .dth-hero__copy .dth-kicker{max-width:580px;line-height:1.55!important;letter-spacing:.11em!important}
.dth .dth-hero__copy .dth-lead{max-width:560px!important;font-size:1.15rem!important;line-height:1.65!important}
.dth .dth-button{min-height:48px!important;min-width:170px!important;white-space:normal!important;text-align:center!important;line-height:1.25!important}
.dth .dth-button--dark{background:#17382e!important;color:#fff!important;border:2px solid #17382e!important}
.dth .dth-button--light{background:#fff!important;color:#17382e!important;border:2px solid #fff!important}
.dth .dth-button--ghost{color:#fff!important;background:transparent!important;border:2px solid #fff!important}
.dth .dth-nav__action{color:#17382e!important;background:#fff!important;border:2px solid #17382e!important;white-space:nowrap}
.dth .dth-logo__mark{width:31px;height:31px;flex:0 0 31px;display:inline-block;background:center/contain no-repeat url("dierentijd-mark.svg");font-size:0!important;color:transparent!important}
.dth .dth-logo{gap:.62rem!important;letter-spacing:-.035em!important}
.dth .dth-logo>span:last-child{font-size:1.72rem;line-height:1;color:#17382e}
.dth .dth-footer .dth-logo>span:last-child{color:#fff}
.dth a:focus-visible,.dth button:focus-visible,.dth input:focus-visible{outline:3px solid #f3b56b!important;outline-offset:3px!important}
.dth .dth-topic,.dth .dth-route-grid a,.dth .dth-article-card a{overflow-wrap:normal;word-break:normal}
.dth .dth-footer__help .dth-button--light{border-color:#fff!important}
@media(max-width:800px){.dth .dth-hero{min-height:640px}.dth .dth-hero::after{width:100%;background:linear-gradient(90deg,rgba(23,56,46,.97),rgba(23,56,46,.84) 58%,rgba(23,56,46,.5))}.dth .dth-hero__copy{width:calc(100vw - 40px)!important;padding:56px 20px!important}.dth .dth-hero__copy h1{font-size:clamp(2.75rem,12vw,4.25rem)!important;line-height:1.04!important}}

/* Source: typography.css */
/* Dierentijd typography system: display serif + reading sans-serif. */
@font-face{font-family:"Dierentijd Sans";src:url("fonts/manrope-400-perf.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Dierentijd Sans";src:url("fonts/manrope-600-perf.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Dierentijd Sans";src:url("fonts/manrope-700-perf.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Dierentijd Serif";src:url("fonts/fraunces-600-perf.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Dierentijd Serif";src:url("fonts/fraunces-500-italic-perf.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}

.dth{font-family:"Dierentijd Sans",Arial,sans-serif!important;font-kerning:normal;font-synthesis:none;letter-spacing:0}
.dth p,.dth li,.dth small,.dth input,.dth textarea,.dth button,.dth a{font-family:"Dierentijd Sans",Arial,sans-serif}
.dth h1,.dth h2,.dth .dth-logo>span:last-child{font-family:"Dierentijd Serif",Georgia,serif!important;font-weight:600!important;letter-spacing:-.018em!important}
.dth h1{font-size:clamp(3rem,4.6vw,5.35rem)!important;line-height:1.06!important;text-wrap:balance}
.dth h1 em{font-family:"Dierentijd Serif",Georgia,serif!important;font-weight:500!important;font-style:italic!important;letter-spacing:-.022em!important;white-space:normal!important}
.dth h2{font-size:clamp(2.15rem,3.4vw,3.75rem)!important;line-height:1.12!important;text-wrap:balance}
.dth h3,.dth .dth-topic strong,.dth .dth-route-grid h3,.dth .dth-article-card h3{font-family:"Dierentijd Sans",Arial,sans-serif!important;font-weight:700!important;letter-spacing:-.012em!important;line-height:1.25!important}
.dth .dth-kicker,.dth .dth-eyebrow{font-family:"Dierentijd Sans",Arial,sans-serif!important;font-weight:700!important;letter-spacing:.09em!important;line-height:1.5!important}
.dth .dth-nav,.dth .dth-button,.dth .dth-nav__action,.dth .dth-text-link{font-family:"Dierentijd Sans",Arial,sans-serif!important;font-weight:700!important;letter-spacing:0!important}
.dth .dth-section__intro>p:not(.dth-kicker),.dth .dth-choice p,.dth .dth-noor p,.dth .dth-article-card p{letter-spacing:0!important;line-height:1.7!important}
.dth .dth-footer,.dth .dth-footer *{letter-spacing:0!important}
@media(max-width:520px){.dth h1{font-size:clamp(2.65rem,12vw,3.55rem)!important;line-height:1.08!important;text-wrap:pretty}.dth h2{font-size:clamp(2rem,9vw,2.75rem)!important;line-height:1.14!important}.dth .dth-kicker,.dth .dth-eyebrow{letter-spacing:.075em!important}}

/* Source: visual-assets.css */
/* Function-led image language: illustrations support a decision, photos create a pause. */
.dth-topic>span{display:inline-block;width:2.3rem;height:2.3rem;font-size:0!important;background:center/contain no-repeat}.dth-topic:nth-child(1)>span{background-image:url("icon-paw.svg")}.dth-topic:nth-child(2)>span{background-image:url("icon-compass.svg")}.dth-topic:nth-child(3)>span{background-image:url("icon-book.svg")}.dth-topic:nth-child(4)>span{background-image:url("icon-question.svg")}
.dth-situations__intro{position:relative}.dth-wayfinder{display:grid;grid-template-columns:78px 1fr;gap:1.15rem;align-items:center;margin:1.5rem 0 1.25rem;padding:.85rem 1rem;background:rgba(255,255,255,.82);border-radius:var(--dt-radius-m);border:1px solid var(--dt-line)}.dth-wayfinder img{width:78px;height:78px;object-fit:cover;object-position:center 34%;border-radius:50%}.dth-wayfinder p{margin:0!important;color:var(--dt-ink)!important;font-weight:500;line-height:1.5!important}.dth-wayfinder strong{display:block;margin-bottom:.16rem;font-family:"Dierentijd Serif",Georgia,serif;font-size:1.05rem}
.dth-question-spotlight{max-width:1256px;margin:0 auto 4.5rem;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:2.5rem}.dth-question-spotlight__copy{background:var(--dt-mist);padding:2.35rem 2.5rem;border-radius:var(--dt-radius-l)}.dth-question-spotlight h2{margin:.15rem 0 .65rem}.dth-question-spotlight p{margin:0;max-width:58ch;line-height:1.65;color:var(--dt-ink-soft)}.dth-question-spotlight__visual{display:grid;width:168px;height:168px;place-items:center;border:1px solid var(--dt-line);border-radius:50%;background:#e97d57;box-shadow:0 18px 38px rgba(23,56,46,.12)}.dth-question-spotlight__visual img{width:72px;height:72px}
.dth-home-moment{max-width:1256px;margin:0 auto 6.5rem;padding:0 32px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch;background:var(--dt-paper);border:1px solid var(--dt-line);border-radius:var(--dt-radius-l);overflow:hidden}.dth-home-moment__copy{padding:clamp(2rem,4vw,4rem);display:flex;flex-direction:column;justify-content:center}.dth-home-moment h2{margin:.15rem 0 .75rem}.dth-home-moment p{max-width:45ch;line-height:1.65;color:var(--dt-ink-soft)}.dth-home-moment img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
@media(max-width:800px){.dth-question-spotlight,.dth-home-moment{margin-bottom:3.75rem;padding-left:20px;padding-right:20px}.dth-question-spotlight{grid-template-columns:1fr}.dth-question-spotlight__visual{width:120px;height:120px;justify-self:center;order:-1}.dth-question-spotlight__visual img{width:54px;height:54px}.dth-question-spotlight__copy{padding:1.6rem}.dth-home-moment{grid-template-columns:1fr;padding:0}.dth-home-moment__copy{padding:2rem 20px}.dth-home-moment img{min-height:240px;max-height:350px}}

/* Source: layout-guard.css */
/* Viewport guard: the homepage itself must never create horizontal scrolling. */
html:has(.dth),body:has(.dth),.wp-site-blocks:has(.dth),.wp-block-post-content:has(.dth){overflow-x:clip!important}
.wp-site-blocks:has(.dth)>header.wp-block-template-part,
.wp-site-blocks:has(.dth)>footer.wp-block-template-part{display:none!important}
.wp-site-blocks:has(.dth)>main{margin:0!important;padding:0!important}
.dth{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;overflow-x:clip!important}
body .wp-site-blocks .wp-block-post-content>.dth{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}

/* Component headings keep their own scale instead of inheriting the large editorial h2. */
.dth .dt-sitemap section{min-width:0}
.dth .dt-sitemap h2{margin:0 0 .75rem!important;font-family:"Dierentijd Serif",Georgia,serif!important;font-size:clamp(1.45rem,2vw,1.8rem)!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.02em!important;overflow-wrap:anywhere;text-wrap:pretty}

/* Larger, stable brand anchor on desktop. */
.dth .dth-logo__mark{width:36px!important;height:36px!important;flex-basis:36px!important}
.dth .dth-logo>span:last-child{font-size:1.92rem!important}
.dth .dth-footer .dth-logo__mark{width:38px!important;height:38px!important;flex-basis:38px!important}
.dth .dth-footer .dth-logo>span:last-child{font-size:2rem!important}
@media(max-width:800px){.dth .dth-logo__mark{width:28px!important;height:28px!important;flex-basis:28px!important}.dth .dth-logo>span:last-child,.dth .dth-footer .dth-logo>span:last-child{font-size:1.55rem!important}.dth .dth-footer .dth-logo__mark{width:30px!important;height:30px!important;flex-basis:30px!important}}

/* Source: footer-routes.css */
.dth-footer__links{grid-template-columns:1.1fr 1.25fr 1.1fr 1fr 1fr!important}@media(max-width:980px){.dth-footer__links{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:800px){.dth-footer__links{grid-template-columns:1fr 1fr!important}}@media(max-width:520px){.dth-footer__links{grid-template-columns:1fr!important}}

/* Source: experience-upgrade.css */
/* Homepage CX upgrade: fixed mobile navigation, strong route icons and human–animal imagery. */
.dth-start__visual{height:17.5rem}
.dth-start__visual>img{object-position:center bottom}
.dth-start .dth-topic{position:relative;min-height:268px;padding:1.5rem;overflow:hidden;background:#fff}
.dth-start .dth-topic::after{content:"";position:absolute;right:1.5rem;bottom:0;left:1.5rem;height:3px;background:#e97d57;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.dth-start .dth-topic:hover::after,.dth-start .dth-topic:focus-visible::after{transform:scaleX(1)}
.dth-start .dth-topic>span{width:4.35rem;height:4.35rem;flex:0 0 4.35rem;border-radius:50%;background-color:#edf4eb;background-size:48%;box-shadow:inset 0 0 0 1px #cbdacf}
.dth-start .dth-topic:nth-child(2)>span{background-color:#f7eee7}
.dth-start .dth-topic:nth-child(3)>span{background-color:#eef2e7}
.dth-start .dth-topic:nth-child(4)>span{background-color:#fff2e9}
.dth-start .dth-topic strong{display:block;margin-top:1.45rem!important;font-size:1.3rem!important;color:#17382e!important}
.dth-start .dth-topic small{font-size:.93rem;line-height:1.55}
.dth-start .dth-topic b{padding-top:1.3rem;color:#17382e}
.dth-start .dth-topic--featured{background:#17382e!important;color:#fff!important}
.dth-start .dth-topic--featured>span{background-color:#fff;box-shadow:none}
.dth-start .dth-topic--featured strong,.dth-start .dth-topic--featured b{color:#fff!important}
.dth-start .dth-topic--featured small{color:#dce9df!important}

@media(max-width:800px){
  .dth{padding-top:68px;padding-bottom:0}
  .dth-header{position:fixed!important;top:0;right:0;left:0;z-index:120;width:100%;max-width:none!important;min-height:68px!important;border-bottom:1px solid #d4dfd5;box-shadow:0 8px 24px rgba(23,56,46,.08)}
  .dth-menu{position:absolute;z-index:140;top:.55rem;right:1rem;display:flex!important;align-items:center;justify-content:center;gap:.45rem;min-width:7.4rem;height:3.15rem;padding:0 1rem;border:0!important;border-radius:999px;background:#17382e!important;color:#fff!important;box-shadow:0 .75rem 1.8rem rgba(23,56,46,.22);font-size:.87rem!important}
  .dth-menu__icon{width:1.15rem;height:1.15rem;overflow:visible}
  .dth-menu__icon path{transform-origin:center;transition:transform .2s ease,opacity .2s ease}
  .dth-menu[aria-expanded="true"] .dth-menu__icon path:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .dth-menu[aria-expanded="true"] .dth-menu__icon path:nth-child(2){opacity:0}
  .dth-menu[aria-expanded="true"] .dth-menu__icon path:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .dth-nav{display:flex!important;position:fixed!important;z-index:130!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(88vw,420px);padding:5.8rem 1.6rem 2rem!important;align-items:stretch!important;gap:0!important;overflow-y:auto;background:#fff!important;box-shadow:-1.2rem 0 3.4rem rgba(9,34,27,.2)!important;transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility .24s ease}
  .dth-nav.is-open{transform:translateX(0);visibility:visible}
  .dth-nav>a,.dth-animal-menu>summary{min-height:3.4rem;padding:.95rem 0!important;border-bottom:1px solid #d4dfd5;font-size:1.08rem}
  .dth-nav__action{justify-content:center!important;margin-top:1.25rem;border:0!important;background:#e97d57!important;color:#17382e!important}
  .dth-menu-backdrop{position:fixed;z-index:100;inset:0;background:rgba(7,30,24,.48);border:0;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
  .dth-menu-backdrop.is-open{opacity:1;visibility:visible}
  body.dth-menu-open{overflow:hidden}
  .dth-start__visual{height:auto;grid-template-columns:1fr}
  .dth-start__visual>img{height:18rem;object-position:center bottom}
}
@media(max-width:520px){
  .dth-nav{width:100vw;height:100dvh;padding-right:max(1.35rem,env(safe-area-inset-right))!important;padding-bottom:max(2rem,env(safe-area-inset-bottom))!important;padding-left:max(1.35rem,env(safe-area-inset-left))!important;overscroll-behavior:contain}
  .dth-start .dth-topic{min-height:230px}
  .dth-start__visual>img{height:15rem}
}
@media(prefers-reduced-motion:reduce){
  .dth-nav,.dth-menu-backdrop,.dth-menu__icon path,.dth-start .dth-topic::after{transition:none!important}
}

/* Source: experience-v2.css */
/* Dierentijd experience system v2: one fixed navigation, active storytelling and explicit route hierarchy. */
.dth .dth-kicker{margin:0 0 .6rem}
.dth{padding-top:82px!important}
.dth-header{
  position:fixed!important;
  z-index:300!important;
  top:0;
  right:0;
  left:0;
  width:100%;
  max-width:none!important;
  min-height:82px!important;
  margin:0!important;
  padding:0 max(24px,calc((100vw - 1320px)/2))!important;
  border-bottom:1px solid rgba(23,56,46,.12);
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 32px rgba(23,56,46,.08);
  backdrop-filter:blur(14px);
}
.dth-header__shortcuts{display:flex;align-items:center;gap:1.7rem;margin-left:auto}
.dth-header__shortcuts a{position:relative;color:#17382e;font-size:.87rem;font-weight:750;text-decoration:none}
.dth-header__shortcuts a::after{content:"";position:absolute;right:0;bottom:-.45rem;left:0;height:2px;background:#e97d57;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.dth-header__shortcuts a:hover::after,.dth-header__shortcuts a:focus-visible::after{transform:scaleX(1)}
.dth .dth-menu{
  position:relative!important;
  z-index:340;
  display:flex!important;
  align-self:stretch;
  align-items:center;
  justify-content:center;
  gap:.8rem;
  min-width:132px;
  height:82px;
  margin-left:1.9rem;
  padding:0 1.45rem;
  border:0!important;
  border-left:1px solid rgba(23,56,46,.16)!important;
  border-radius:0!important;
  background:#17382e!important;
  color:#fff!important;
  box-shadow:none;
  cursor:pointer;
}
.dth-menu__label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dth-menu__icon{display:grid!important;width:27px!important;height:auto!important;gap:5px!important;background:transparent!important}
.dth-menu__icon i{display:block;width:27px;height:2px;border-radius:2px;background:#fff;transform-origin:center;transition:width .18s ease,transform .22s ease,opacity .18s ease}
.dth-menu__icon i:nth-child(2){width:18px}
.dth-menu:hover .dth-menu__icon i:nth-child(2),.dth-menu:focus-visible .dth-menu__icon i:nth-child(2){width:27px}
.dth-menu[aria-expanded="true"] .dth-menu__icon i:nth-child(1){transform:translateY(7px) rotate(45deg)}
.dth-menu[aria-expanded="true"] .dth-menu__icon i:nth-child(2){opacity:0}
.dth-menu[aria-expanded="true"] .dth-menu__icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.dth-header-scrolled .dth-header{box-shadow:0 14px 38px rgba(23,56,46,.16)}
body.dth-menu-open{overflow:hidden}

.dth .dth-nav{
  position:fixed!important;
  z-index:320!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  display:block!important;
  width:min(760px,62vw)!important;
  height:100dvh;
  padding:0!important;
  overflow:hidden;
  border:0;
  background:#f7f4ed!important;
  box-shadow:-24px 0 70px rgba(8,31,24,.22)!important;
  transform:translateX(103%);
  visibility:hidden;
  transition:transform .38s cubic-bezier(.22,.82,.24,1),visibility .38s ease;
}
.dth .dth-nav.is-open{transform:translateX(0);visibility:visible}
.dth-nav__panel{height:100%;padding:30px 42px 28px;overflow-y:auto;overscroll-behavior:contain}
.dth-nav__masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-right:0}
.dth-nav__masthead>span{color:#597066;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dth-nav__brand>span:last-child{color:#17382e!important}
.dth-nav__close{display:inline-flex;min-height:42px;align-items:center;gap:.6rem;padding:.55rem .75rem;border:1px solid #afc1b6;border-radius:999px;color:#17382e;background:#fff;font:800 .75rem/1 "Dierentijd Sans",Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}
.dth-nav__close i{position:relative;width:18px;height:18px}
.dth-nav__close i::before,.dth-nav__close i::after{position:absolute;top:8px;left:1px;width:16px;height:2px;content:"";background:currentColor}
.dth-nav__close i::before{transform:rotate(45deg)}
.dth-nav__close i::after{transform:rotate(-45deg)}
.dth-nav__close:hover,.dth-nav__close:focus-visible{color:#fff;border-color:#17382e;background:#17382e}
.dth .dth-menu[aria-expanded="true"]{visibility:hidden;pointer-events:none;opacity:0}
.dth-nav__intro{max-width:610px;padding:3.5rem 0 2rem;border-bottom:1px solid #cdd9cf}
.dth-nav__intro .dth-eyebrow{margin:0 0 .7rem;color:#b64f2f}
.dth-nav__intro h2{max-width:570px;margin:0 0 .8rem!important;color:#17382e;font-size:clamp(2.3rem,3.6vw,3.85rem)!important;line-height:1.03!important}
.dth-nav__intro>p:last-child{max-width:52ch;margin:0;color:#53685f;line-height:1.6}
.dth-nav__layout{display:grid;grid-template-columns:1.06fr .94fr;gap:2.4rem;padding:2rem 0}
.dth-nav__group-label{margin:0 0 .65rem;color:#668076;font-size:.7rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.dth .dth-nav__group-label{color:#36594b;font-size:.7rem!important;font-weight:800!important;letter-spacing:.11em;text-transform:uppercase}
.dth-nav__animals>div{display:grid}
.dth-nav__animal{position:relative;display:grid!important;grid-template-columns:42px 1fr auto;align-items:center;min-height:54px;padding:.25rem 0!important;border-bottom:1px solid #d4ded6!important;color:#17382e!important;text-decoration:none!important}
.dth-nav__animal::before{content:attr(data-index);display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#e7efe4;color:#2d6c54;font-size:.75rem;font-weight:800}
.dth-nav__animal span{font-family:"Dierentijd Serif",Georgia,serif;font-size:1.28rem;font-weight:600}
.dth-nav__animal i{color:#e97d57;font-style:normal;transition:transform .2s ease}
.dth-nav__animal:hover i,.dth-nav__animal:focus-visible i{transform:translateX(5px)}
.dth-nav__secondary>nav{display:grid}
.dth-nav__secondary>nav>a{display:flex!important;align-items:center;justify-content:space-between;min-height:46px;padding:.55rem 0!important;border-bottom:1px solid #d4ded6!important;color:#17382e!important;font-size:.91rem;text-decoration:none!important}
.dth-nav__secondary>nav>a span{color:#e97d57}
.dth-nav__story{position:relative;display:block!important;min-height:150px;margin-top:1.2rem;overflow:hidden;border-radius:16px;color:#fff!important;text-decoration:none!important}
.dth-nav__story::after{content:"";position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(7,31,24,.9))}
.dth-nav__story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 66%;transition:transform .32s ease}
.dth-nav__story>span{position:absolute;z-index:2;right:1rem;bottom:.85rem;left:1rem;display:grid}
.dth-nav__story small{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dth-nav__story strong{font-family:"Dierentijd Serif",Georgia,serif;font-size:1.18rem}
.dth-nav__story:hover img,.dth-nav__story:focus-visible img{transform:scale(1.045)}
.dth-nav__footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1.3rem;border-top:1px solid #cdd9cf}
.dth-nav__footer>a{display:inline-flex;align-items:center;gap:.7rem;color:#fff!important;border-radius:999px;background:#17382e;padding:.8rem 1rem!important;font-size:.8rem;text-decoration:none!important}
.dth-nav__footer>div{display:flex;gap:1rem}
.dth-nav__footer>div a{color:#53685f!important;font-size:.74rem;text-decoration:underline!important;text-underline-offset:.2em}
.dth-menu-backdrop{
  position:fixed;
  z-index:250!important;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0!important;
  background:rgba(7,30,24,.58)!important;
  opacity:0;
  visibility:hidden;
  cursor:pointer;
  backdrop-filter:blur(3px);
  transition:opacity .3s ease,visibility .3s ease;
}
.dth-menu-backdrop.is-open{opacity:1;visibility:visible}

.dth .dth-hero__image{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;background:none!important}
.dth .dth-hero::after{width:min(58%,820px);background:linear-gradient(90deg,#17382e 0%,rgba(23,56,46,.96) 62%,rgba(23,56,46,.22) 100%)}
.dth .dth-hero__copy{z-index:2}
.dth .dth-hero__copy .dth-kicker{display:flex;align-items:center;gap:.8rem}
.dth .dth-hero__copy .dth-kicker::before{content:"";width:34px;height:2px;border-radius:2px;background:#e97d57}
.dth .dth-hero h1 em{
  position:relative;
  padding:0 .04em;
  background:linear-gradient(transparent 72%,rgba(213,230,188,.2) 72%);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
.dth-hero__moments{display:flex;flex-wrap:wrap;gap:.55rem 1.1rem;max-width:560px;margin-top:1.8rem;padding-top:1.15rem;border-top:1px solid rgba(255,255,255,.34)}
.dth-hero__moments span{display:inline-flex;align-items:center;gap:.55rem;color:#f3f6ef;font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.dth-hero__moments span::before{content:"";width:7px;height:7px;border:2px solid #e97d57;border-radius:50%}
.dth-trust__icon{
  display:block!important;
  width:34px!important;
  height:34px!important;
  background-position:center;
  background-repeat:no-repeat;
  background-size:27px;
}
.dth-trust__icon--clear{background-image:url("icon-book.svg")}
.dth-trust__icon--care{background-image:url("icon-paw.svg")}
.dth-trust__icon--next{background-image:url("icon-compass.svg")}

.dth-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.4rem}
.dth-story{display:grid;grid-template-rows:260px auto;overflow:hidden;border:1px solid #d2ddd4;border-radius:22px;background:#f7f4ed;color:#17382e;text-decoration:none;box-shadow:0 16px 34px rgba(23,56,46,.08);transition:transform .22s ease,box-shadow .22s ease}
.dth-story>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform .4s ease}
.dth-story--bird>img{object-position:55% 52%}
.dth-story__copy{display:grid;grid-template-columns:1fr auto;gap:.35rem 1rem;align-items:end;padding:1.25rem 1.35rem 1.35rem}
.dth-story__copy small{grid-column:1/-1;color:#2d6c54;font-size:.68rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dth-story__copy strong{font-family:"Dierentijd Serif",Georgia,serif!important;font-size:clamp(1.35rem,2.2vw,1.95rem)!important;font-weight:600!important;line-height:1.13!important;letter-spacing:-.015em!important}
.dth-story__copy em{display:inline-flex;align-items:center;gap:.55rem;justify-self:end;color:#17382e;font-size:.78rem;font-style:normal;font-weight:800;white-space:nowrap}
.dth-story__copy em i{display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:#e97d57;color:#17382e;font-style:normal;transition:transform .2s ease}
.dth-story:hover,.dth-story:focus-visible{transform:translateY(-4px);box-shadow:0 22px 42px rgba(23,56,46,.13)}
.dth-story:hover>img,.dth-story:focus-visible>img{transform:scale(1.025)}
.dth-story:hover em i,.dth-story:focus-visible em i{transform:translateX(3px)}
.dth-start__animals{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:1rem;overflow:hidden;border:1px solid #d2ddd4;border-radius:16px;background:#fff}
.dth-start__animal{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:.8rem 1rem;border-right:1px solid #d2ddd4;color:#17382e;font-size:.78rem;font-weight:800;text-decoration:none;transition:background .18s ease}
.dth-start__animal:last-child{border-right:0}
.dth-start__animal span{color:#e97d57;transition:transform .18s ease}
.dth-start__animal:hover,.dth-start__animal:focus-visible{background:#edf4eb}
.dth-start__animal:hover span,.dth-start__animal:focus-visible span{transform:translateX(3px)}
.dth-start .dth-topic-grid{margin-top:1.4rem}
.dth-start .dth-topic{min-height:238px!important}
.dth-start .dth-topic>span{width:5rem!important;height:5rem!important;flex:0 0 5rem!important;background-size:58%!important}
.dth-start .dth-topic strong{margin-top:1.15rem!important}

.dth-animals{max-width:none!important;background:#f2f6ef}
.dth-animals>.dth-section__intro,.dth-animal-story-grid,.dth-animal-route-grid{max-width:1256px;margin-right:auto;margin-left:auto}
.dth-animal-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}
.dth-animal-story{display:grid;grid-template-rows:250px auto;min-width:0;overflow:hidden;border:1px solid #cedbd0;border-radius:20px;background:#fff;color:#17382e;text-decoration:none;box-shadow:0 14px 32px rgba(23,56,46,.08);transition:transform .22s ease,box-shadow .22s ease}
.dth-animal-story>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.dth-animal-story:nth-child(1)>img{object-position:center 60%}
.dth-animal-story:nth-child(2)>img{object-position:center 48%}
.dth-animal-story:nth-child(3)>img{object-position:center 53%}
.dth-animal-story>span{display:flex;min-height:184px;padding:1.2rem 1.25rem 1.3rem;flex-direction:column}
.dth-animal-story small{color:#2d6c54;font-size:.67rem!important;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.dth-animal-story strong{margin-top:.5rem;font-family:"Dierentijd Serif",Georgia,serif;font-size:1.42rem;line-height:1.16}
.dth-animal-story em{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:1rem;color:#17382e;font-size:.78rem;font-style:normal;font-weight:800}
.dth-animal-story em i{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:#e97d57;font-style:normal;transition:transform .2s ease}
.dth-animal-story:hover,.dth-animal-story:focus-visible{transform:translateY(-4px);box-shadow:0 22px 42px rgba(23,56,46,.14)}
.dth-animal-story:hover>img,.dth-animal-story:focus-visible>img{transform:scale(1.025)}
.dth-animal-story:hover em i,.dth-animal-story:focus-visible em i{transform:translateX(3px)}
.dth-animal-route-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:1rem;overflow:hidden;border:1px solid #cedbd0;border-radius:18px;background:#fff}
.dth-animal-route{position:relative;display:grid;grid-template-columns:48px 1fr auto;grid-template-rows:auto auto;min-width:0;min-height:102px;padding:1rem .85rem;align-items:center;border-right:1px solid #d5dfd6;color:#17382e;text-decoration:none;transition:background .18s ease}
.dth-animal-route:last-child{border-right:0}
.dth-animal-route>span{grid-row:1/3;width:43px;height:43px;background:center/contain no-repeat}
.dth-animal-route strong{overflow:hidden;font-family:"Dierentijd Serif",Georgia,serif;font-size:1.04rem;text-overflow:ellipsis;white-space:nowrap}
.dth-animal-route small{color:#647970;font-size:.66rem}
.dth-animal-route i{grid-column:3;grid-row:1/3;color:#e97d57;font-style:normal;transition:transform .18s ease}
.dth-animal-route--hond>span{background-image:url("icon-dog.svg")}
.dth-animal-route--kat>span{background-image:url("icon-cat.svg")}
.dth-animal-route--knaagdier>span{background-image:url("icon-rabbit.svg")}
.dth-animal-route--vogel>span{background-image:url("icon-bird.svg")}
.dth-animal-route--vis>span{background-image:url("icon-fish.svg")}
.dth-animal-route--paard>span{background-image:url("icon-horse.svg")}
.dth-animal-route:hover,.dth-animal-route:focus-visible{background:#e6efdf}
.dth-animal-route:hover i,.dth-animal-route:focus-visible i{transform:translateX(3px)}

@media(max-width:980px){
  .dth .dth-nav{width:min(720px,88vw)!important}
  .dth-header__shortcuts a:first-child{display:none}
  .dth-nav__layout{gap:1.6rem}
  .dth-start__animals{grid-template-columns:repeat(3,1fr)}
  .dth-start__animal:nth-child(3n){border-right:0}
  .dth-start__animal:nth-child(-n+3){border-bottom:1px solid #d2ddd4}
  .dth-animal-story-grid{grid-template-columns:1fr 1fr}
  .dth-animal-story:last-child{grid-column:1/-1;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr}
  .dth-animal-route-grid{grid-template-columns:repeat(3,1fr)}
  .dth-animal-route{border-bottom:1px solid #d5dfd6}
  .dth-animal-route:nth-child(3n){border-right:0}
  .dth-animal-route:nth-last-child(-n+3){border-bottom:0}
}
@media(max-width:700px){
  .dth{padding-top:70px!important}
  .dth-header{min-height:70px!important;padding:0 18px!important}
  .dth-header__shortcuts{display:none}
  .dth .dth-menu{height:70px;min-width:112px;margin-left:auto;padding:0 1rem}
  .dth .dth-nav{width:100%!important;max-width:none!important}
  .dth-nav__panel{padding:20px 20px max(24px,env(safe-area-inset-bottom))}
  .dth-nav__masthead{min-height:46px;padding-right:0}
  .dth-nav__masthead>span{display:none}
  .dth-nav__intro{padding:2.2rem 0 1.5rem}
  .dth-nav__intro h2{font-size:2.45rem!important}
  .dth-nav__layout{grid-template-columns:1fr;gap:1.7rem;padding:1.5rem 0}
  .dth-nav__animals>div{grid-template-columns:1fr 1fr;column-gap:1rem}
  .dth-nav__animal{grid-template-columns:37px 1fr auto}
  .dth-nav__animal span{font-size:1.1rem}
  .dth-nav__story{min-height:175px}
  .dth-nav__footer{align-items:flex-start;flex-direction:column}
  .dth .dth-hero__image{object-position:66% center!important}
  .dth .dth-hero::after{width:100%;background:linear-gradient(90deg,rgba(23,56,46,.97),rgba(23,56,46,.8) 62%,rgba(23,56,46,.48))}
  .dth-story-grid{grid-template-columns:1fr}
  .dth-story{grid-template-rows:240px auto}
  .dth-story__copy{grid-template-columns:1fr}
  .dth-story__copy em{justify-self:start}
  .dth-animal-story-grid{grid-template-columns:1fr}
  .dth-animal-story,.dth-animal-story:last-child{grid-template-columns:1fr;grid-template-rows:220px auto}
  .dth-animal-story>span{min-height:168px}
  .dth-animal-route-grid{grid-template-columns:1fr 1fr}
  .dth-animal-route{border-right:1px solid #d5dfd6!important;border-bottom:1px solid #d5dfd6!important}
  .dth-animal-route:nth-child(2n){border-right:0!important}
  .dth-animal-route:nth-last-child(-n+2){border-bottom:0!important}
}
@media(max-width:500px){
  .dth-logo>span:last-child{font-size:1.45rem!important}
  .dth .dth-menu{min-width:104px;margin-right:-18px}
  .dth-menu__label{font-size:.67rem}
  .dth-nav__intro h2{font-size:2.15rem!important}
  .dth-nav__animals>div{grid-template-columns:1fr 1fr}
  .dth-nav__animal{min-height:50px}
  .dth-nav__animal::before{width:26px;height:26px}
  .dth-nav__story{min-height:155px}
  .dth-start__animals{grid-template-columns:1fr 1fr}
  .dth-start__animal{border-right:1px solid #d2ddd4!important;border-bottom:1px solid #d2ddd4}
  .dth-start__animal:nth-child(2n){border-right:0!important}
  .dth-start__animal:nth-last-child(-n+2){border-bottom:0}
  .dth-story{grid-template-rows:215px auto}
  .dth-story__copy{padding:1.05rem}
  .dth-story__copy strong{font-size:1.42rem!important}
}
@media(prefers-reduced-motion:reduce){
  .dth .dth-nav,.dth-menu__icon i,.dth-story,.dth-story>img,.dth-story__copy em i,.dth-nav__story img,.dth-animal-story,.dth-animal-story>img,.dth-animal-story em i,.dth-animal-route i{transition:none!important}
}
.dth .dth-choice__tool .dth-choice__result{color:#36594b}
.dth .dth-skip:focus{position:fixed!important;z-index:1000!important;top:.75rem!important;left:.75rem!important;padding:.7rem 1rem!important;border:2px solid #17382e;border-radius:8px;background:#fff;color:#17382e;font-weight:800;text-decoration:none}

/* Source: route-actions.css */
.dth-choice__buttons button[aria-pressed="true"] {
  border-color: var(--moss);
  background: #edf5ee;
}

.dth-choice__result p {
  margin: .2rem 0 .85rem;
  color: #4e685b;
}

.dth-choice__links {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
}

.dth-choice__links a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: .65rem .8rem;
  border: 1px solid #b8cbbd;
  border-radius: 999px;
  color: var(--ink);
  font-weight: 800;
  text-decoration: none;
}

.dth-choice__links a:hover,
.dth-choice__links a:focus-visible {
  border-color: var(--moss);
  background: #edf5ee;
}

.dth-choice__restart {
  margin-top: .85rem;
  padding: .2rem 0;
  border: 0;
  background: transparent;
  color: var(--moss);
  font: inherit;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: .25em;
  cursor: pointer;
}

.dth-choice__restart[hidden] {
  display: none;
}

.dth-situation-buttons button[aria-pressed="true"] {
  border-color: #2d6c54;
  background: #e6efdf;
}

.dth-situation-answer__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .65rem 1rem;
}

.dth-situation-answer__actions a:first-child {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .7rem .95rem;
  border-radius: 999px;
  background: #17382e;
  color: #fff;
  text-decoration: none;
}

.dth-situation-answer__actions a:first-child:hover,
.dth-situation-answer__actions a:first-child:focus-visible {
  background: #2d6c54;
}

@media (max-width: 520px) {
  .dth-choice__links,
  .dth-situation-answer__actions {
    align-items: stretch;
    flex-direction: column;
  }

  .dth-choice__links a,
  .dth-situation-answer__actions a:first-child {
    justify-content: center;
    width: 100%;
  }
}

/* Source: noor-profile.css */
.dth-noor > img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 530px;
  aspect-ratio: 4 / 5;
  border-radius: 52% 48% 44% 56% / 48% 46% 54% 52%;
  box-shadow: 22px 24px 0 #e5eddf;
  object-fit: cover;
  object-position: center 26%;
}

@media (max-width: 520px) {
  .dth-noor > img {
    max-width: 180px;
    box-shadow: 14px 16px 0 #e5eddf;
  }
}

/* Source: release-accessibility.css */
/* Release gate: every interactive control keeps a two-tone focus indicator.
   White stays visible on dark surfaces; the outer green ring stays visible on light ones. */
.dth :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 3px solid #fff !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 0 7px #0b3a2d !important;
}

@media (forced-colors: active) {
  .dth :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 3px solid CanvasText !important;
    outline-offset: 3px !important;
    box-shadow: none !important;
  }
}

/* WCAG AA colour gate. These selectors intentionally override older visual layers. */
.dth .dth-route-grid span {
  color: #963b24 !important;
}

.dth .dth-choice__tool .dth-eyebrow {
  color: #2d6c54 !important;
}

.dth .dth-footer__help {
  background: #963b24 !important;
}

.dth .dth-footer__help .dth-kicker {
  color: #ffe7d6 !important;
}

/* Cookie Notice adds colours inline; preserve readable controls and generous touch targets. */
#cookie-notice #cn-accept-cookie,
#cookie-notice #cn-refuse-cookie,
#cookie-notice #cn-more-info {
  min-height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#cookie-notice #cn-accept-cookie,
#cookie-notice #cn-refuse-cookie {
  background-color: #123e33 !important;
  color: #fff !important;
}

#cookie-notice #cn-close-notice {
  min-width: 44px !important;
  min-height: 44px !important;
}

#cookie-notice #cn-close-notice::before,
#cookie-notice #cn-close-notice::after {
  background-color: #123e33 !important;
}