/* 2026 WilderdijkDynamics. A quiet, personal video section with no automatic playback. */
.page-videos[hidden], .page-videos [hidden]{display:none!important}
.page-videos{padding:88px 0;background:#eef3e9;color:#19241b;container-type:inline-size;container-name:wd-videos}
.page-videos .page-videos__wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}
.page-videos__heading{max-width:780px;margin-bottom:34px}
.page-videos__eyebrow{display:block;margin-bottom:16px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;color:#466341}
.page-videos .page-videos__heading-title{margin:0;font-size:clamp(36px,4.1vw,58px);font-weight:650;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere;color:#19241b}
.page-videos__intro{max-width:630px;margin:18px 0 0;font-size:16px;line-height:1.7;color:#4f5e4f}
.page-videos__notice{margin:14px 0 0;font-size:12px;line-height:1.6;color:#53634e}
.page-videos__preview{display:inline-block;margin-bottom:16px;padding:5px 10px;border:1px solid #99b091;border-radius:4px;background:#fff;color:#365431;font-size:11px;font-weight:700;line-height:1.5}
.page-videos__card{min-width:0;overflow:hidden;background:#fff;border:1px solid #d8e0d2;border-radius:12px}
.page-videos__card--featured{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start}
.page-videos__media{position:relative;width:100%;max-width:100%;min-width:0;min-height:200px;aspect-ratio:16/9;overflow:hidden;background:#15291b;isolation:isolate}
.page-videos__card--featured .page-videos__media{aspect-ratio:16/10}
.page-videos__poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;border-radius:0;background:#15291b;color:#fff;cursor:pointer;text-align:left}
.page-videos__poster::after{position:absolute;inset:0;z-index:1;content:"";background:linear-gradient(180deg,transparent 40%,rgba(5,20,9,.62))}
.page-videos__image{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform 220ms ease}
.page-videos__poster:hover .page-videos__image{transform:scale(1.025)}
.page-videos__play{position:absolute;bottom:24px;left:24px;z-index:2;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:650;line-height:1.4;color:#fff}
.page-videos__play-icon{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:#fff;color:#235f2c;box-shadow:0 3px 18px #0d1a1630;transition:background 180ms ease,color 180ms ease}
.page-videos__play-icon svg{display:block;width:21px;height:21px;margin-left:-2px}
.page-videos__poster:hover .page-videos__play-icon{background:#deefd7;color:#153c1b}
.page-videos__duration{position:absolute;top:16px;right:16px;z-index:2;padding:5px 8px;border-radius:4px;background:rgba(9,22,13,.78);color:#fff;font-size:11px;font-weight:600;line-height:1.5;font-variant-numeric:tabular-nums}
.page-videos__copy{min-width:0;padding:30px 32px}
.page-videos .page-videos__title{margin:0;font-size:clamp(25px,2.6vw,36px);font-weight:600;line-height:1.17;letter-spacing:-.035em;color:#19241b;text-wrap:balance;overflow-wrap:anywhere}
.page-videos__description{margin:16px 0 0;color:#596455;font-size:15px;line-height:1.75;overflow-wrap:anywhere}
.page-videos__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-top:15px}
.page-videos__source{display:inline-flex;align-items:center;gap:11px;min-width:0;min-height:44px;color:#286337;font-size:12px;font-weight:650;line-height:1.5;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.page-videos__close-slot{display:block;flex:0 0 108px;width:108px;min-height:44px}
.page-videos__source span{font-size:17px;text-decoration:none}
.page-videos__source:hover{color:#153d1d}
.page-videos__supporting{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.page-videos__supporting .page-videos__copy{padding:25px 28px}
.page-videos__supporting .page-videos__title{font-size:27px}
.page-videos__supporting .page-videos__description{font-size:14px;line-height:1.7}
.page-videos__transcript{margin-top:18px;border-top:1px solid #dfe5da;color:#475443}
.page-videos__transcript summary{padding:16px 0 0;min-height:44px;cursor:pointer;font-size:12px;font-weight:600;line-height:1.6}
.page-videos__transcript-copy{padding-top:16px;font-size:14px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}
.page-videos__player{position:absolute;inset:0;z-index:3;background:#101810}
.page-videos__iframe{display:block;width:100%;height:100%;border:0}
.page-videos__close{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:10px;border:1px solid #bed0b2;border-radius:5px;background:#ecf3e8;color:#245c2c;font-size:12px;font-weight:650;line-height:1.5;cursor:pointer}
.page-videos__close:hover{background:#dcebd5}
.page-videos__status{margin:14px 0 0;font-size:13px;line-height:1.6;color:#6b4226}
.page-videos :where(a,button,summary):focus-visible{outline:3px solid #29783c;outline-offset:4px}
.page-videos .page-videos__poster:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.page-videos .page-videos__close:focus-visible{outline:3px solid #29783c;outline-offset:2px}
.page-videos[data-video-preview="true"]{padding:32px 0}
.page-videos[data-video-preview="true"] .page-videos__wrap{width:calc(100% - 48px)}
@media(max-width:1000px){.page-videos{padding:70px 0}.page-videos__card--featured{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.page-videos__copy{padding:26px}.page-videos .page-videos__title{font-size:29px}.page-videos__card--featured .page-videos__media{aspect-ratio:1.2}}
@media(max-width:760px){.page-videos{padding:56px 0}.page-videos .page-videos__wrap{width:calc(100% - 40px)}.page-videos__heading{margin-bottom:26px}.page-videos .page-videos__heading-title{font-size:37px}.page-videos__intro{font-size:14px;line-height:1.75}.page-videos__card--featured{grid-template-columns:minmax(0,1fr)}.page-videos__card--featured .page-videos__media{aspect-ratio:16/10}.page-videos__supporting{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.page-videos__copy,.page-videos__supporting .page-videos__copy{padding:24px}.page-videos .page-videos__title,.page-videos__supporting .page-videos__title{font-size:28px}.page-videos__description{font-size:14px}.page-videos__play{left:18px;bottom:18px;font-size:13px}.page-videos__play-icon{width:48px;height:48px;flex-basis:48px}.page-videos__duration{top:12px;right:12px}.page-videos[data-video-preview="true"] .page-videos__wrap{width:calc(100% - 32px)}}
@container wd-videos (max-width:680px){.page-videos__card--featured{grid-template-columns:minmax(0,1fr)}.page-videos__card--featured .page-videos__media{aspect-ratio:16/10}.page-videos__supporting{grid-template-columns:minmax(0,1fr)}.page-videos .page-videos__heading-title{font-size:36px}.page-videos .page-videos__title{font-size:28px}}
@media(prefers-reduced-motion:reduce){.page-videos__image,.page-videos__play-icon{transition:none}.page-videos__poster:hover .page-videos__image{transform:none}}