/*
Theme Name: WarmVreeswijk Concept
Description: WordPress-uitwerking van het aangeleverde WarmVreeswijk-concept.
Version: 1.0.0
*/
:root{--blue:#1b4f9d;--yellow:#fbbb00;--ink:#69887e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}img{display:block;max-width:100%}.site-header{height:66px;background:#fff;position:relative;z-index:5}.header-inner{width:72%;max-width:1320px;height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:block;width:265px;flex-shrink:0}.brand svg{width:100%;height:auto;display:block}.desktop-nav{display:flex;align-items:center;gap:30px;color:#525c68;font-size:14px}.desktop-nav a{text-decoration:none;white-space:nowrap}.desktop-nav a:hover{color:var(--blue)}.desktop-nav .contact{background:#2754d7;color:white;padding:11px 16px;border-radius:5px}.desktop-nav details{position:relative}.desktop-nav summary{list-style:none;cursor:pointer;white-space:nowrap}.desktop-nav summary:after{content:'⌄';margin-left:7px}.desktop-nav details div{position:absolute;top:26px;left:0;background:white;box-shadow:0 7px 25px #0002;min-width:225px;padding:10px}.desktop-nav details div a{display:block;padding:10px}.mobile-menu{display:none}.hero{position:relative;aspect-ratio:2.22;display:flex;align-items:center;background:#eab287;overflow:hidden}.hero>img,.quote-band>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero-copy{position:relative;margin-left:12%;transform:rotate(-4deg);padding-top:20px}.hero h1{margin:0 0 14px;font-size:clamp(36px,5.05vw,90px);font-weight:800;line-height:1.19;letter-spacing:-.025em;color:white}.hero h1 span{background:var(--blue);display:table;padding:0 20px 5px;box-shadow:-12px 12px 0 var(--yellow);margin-bottom:10px}.hero-join{display:table;background:var(--yellow);color:#091813;padding:6px 25px;text-decoration:none;font-size:clamp(27px,4.3vw,76px);line-height:1.1;font-weight:800;margin-top:27px}.intro{max-width:1040px;width:60%;margin:68px auto 145px;text-align:center;font-size:clamp(18px,1.55vw,27px);line-height:1.45}.intro p{margin:0}.feature{width:70%;max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:7.5%;align-items:center}.feature h2{font-size:clamp(25px,1.9vw,34px);line-height:1.15;color:var(--blue);margin:0 0 8px;font-weight:750}.feature p{font-size:clamp(16px,1.18vw,21px);line-height:1.15;margin:0 0 22px}.feature .feature-image{width:100%;aspect-ratio:1;object-fit:cover}.about{padding-bottom:160px;grid-template-columns:.88fr 1.12fr;gap:8%}.about .feature-image{max-width:490px}.button{display:inline-block;background:var(--yellow);color:#163e37;font-size:17px;font-weight:700;padding:16px 30px;text-decoration:none;border:0;line-height:1.2;transition:filter .2s}.button:hover,.hero-join:hover{filter:brightness(.94)}.quote-band{position:relative;aspect-ratio:1.85;border-bottom:44px solid var(--blue);display:flex;align-items:center}.quote-copy{position:relative;margin-left:54%;width:40%;color:white;padding-right:2%}.quote-copy blockquote{margin:0 0 28px;font-size:clamp(32px,4.05vw,72px);font-weight:750;line-height:1.23;letter-spacing:-.025em}.energy{padding:135px 0}.join{background:var(--yellow);padding:185px 0 155px}.join h2{font-size:clamp(36px,4vw,70px);line-height:1.2;margin-bottom:14px}.join .button{background:#fff}.join .feature-image{object-position:26% center}.site-footer{padding:95px 15% 70px;color:#6d7d84;font-size:13px;display:flex;justify-content:space-between;gap:25px;line-height:1.7}.site-footer a{text-decoration:underline;text-underline-offset:3px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}a:focus-visible,summary:focus-visible{outline:3px solid #14398e;outline-offset:5px}.wp-site-blocks{margin:0}.wp-block-html{margin:0}
@media(min-width:1800px){.hero-copy{margin-left:calc((100% - 1380px)/2)}.intro{margin-bottom:155px}}
@media(max-width:1200px){.header-inner{width:86%}.brand{width:220px}.desktop-nav{gap:18px;font-size:12px}.site-header{height:60px}.intro{margin:60px auto 105px;width:64%}.about{padding-bottom:115px}.quote-band{border-bottom-width:30px}.energy{padding:105px 0}.join{padding:125px 0}.button{font-size:14px;padding:13px 23px}}
@media(max-width:850px){.desktop-nav{display:none}.header-inner{width:90%}.mobile-menu{display:block;color:var(--blue)}.mobile-menu summary{cursor:pointer;list-style:none;font-size:15px;font-weight:bold}.mobile-menu nav{position:absolute;top:60px;left:0;right:0;background:white;box-shadow:0 8px 15px #0002;padding:15px 5%;display:grid;gap:0}.mobile-menu nav a{padding:12px 0;text-decoration:none}.hero-copy{margin-left:8%}.hero h1{font-size:5vw}.hero-join{font-size:4.1vw}.feature{width:78%;gap:7%}.intro{font-size:18px}.feature h2{font-size:25px}.feature p{font-size:16px;line-height:1.35}.quote-copy .button{padding:11px 16px}.site-footer{padding:60px 11%}.hero h1 span{padding:0 10px 3px;box-shadow:-6px 7px 0 var(--yellow);margin-bottom:7px}.hero-join{margin-top:18px;padding:7px 14px}}
@media(max-width:600px){.brand{width:215px}.hero{aspect-ratio:auto;height:560px;align-items:flex-end}.hero>img{object-position:66% center}.hero:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0002)}.hero-copy{z-index:1;margin:0 6% 35px;padding:0}.hero h1{font-size:clamp(32px,8.2vw,48px)}.hero-join{font-size:7.2vw;margin-top:17px}.intro{width:86%;font-size:18px;line-height:1.6;margin:46px auto 60px}.feature{width:86%;grid-template-columns:1fr;gap:30px}.feature h2{font-size:29px}.feature p{font-size:17px;line-height:1.5}.about{padding-bottom:64px}.about .feature-image{max-width:none}.feature-image{max-height:450px}.quote-band{aspect-ratio:auto;height:650px;align-items:flex-end;border-bottom-width:22px}.quote-band>img{object-position:28% center}.quote-band:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009)}.quote-copy{margin:0 7% 35px;width:86%;z-index:1;padding:0}.quote-copy blockquote{font-size:35px;max-width:400px;margin-bottom:20px}.energy{padding:65px 0}.energy .feature-image{grid-row:1}.join{padding:65px 0}.join h2{font-size:44px}.join .feature-image{margin-top:15px}.button{font-size:15px;padding:15px 25px}.site-footer{padding:45px 7%;display:block}.site-footer>div+div{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Native Gutenberg blocks */
figure{margin:0}.hero-photo,.quote-photo{position:absolute;inset:0;width:100%;height:100%}.hero-photo img,.quote-photo img{width:100%;height:100%;object-fit:cover}.feature-photo img{width:100%;aspect-ratio:1;object-fit:cover}.quote-copy h2{color:white;margin:0 0 28px;font-size:clamp(32px,4.05vw,72px);font-weight:750;line-height:1.23;letter-spacing:-.025em}.wp-block-button__link{display:inline-block;background:var(--yellow);color:#163e37;font-family:inherit;font-size:17px;font-weight:700;padding:16px 30px;text-decoration:none;border:0;border-radius:0;line-height:1.2}.wp-block-button__link:hover{filter:brightness(.94)}.hero .hero-join{background:none;padding:0}.hero-join .wp-block-button__link{background:var(--yellow);color:#091813;font-size:clamp(27px,4.3vw,76px);font-weight:800;padding:6px 25px;line-height:1.1}.join .wp-block-button__link{background:#fff}.wp-block-buttons{margin:0}.hero .wp-block-buttons{margin-top:18px}.hero .hero-join{margin-top:0}.join .feature-photo img{object-position:26% center}@media(max-width:1200px){.wp-block-button__link{font-size:14px;padding:13px 23px}}@media(max-width:600px){.hero-photo img{object-position:66% center}.hero-join .wp-block-button__link{font-size:7.2vw;padding:7px 14px}.quote-photo img{object-position:28% center}.quote-copy h2{font-size:35px}.energy .feature-photo{grid-row:1}.wp-block-button__link{font-size:15px;padding:15px 25px}}
/* Classic-theme Gutenberg compatibility */
.wp-block-group__inner-container{display:contents}.hero h1 span{white-space:nowrap;width:max-content}.hero-copy{flex-shrink:0}.feature>*,.feature>.wp-block-group__inner-container>*{min-width:0}.hero .hero-copy,.quote-band .quote-copy{margin-block-start:0}.hero-photo,.quote-photo{margin:0!important}.wp-block-group.feature,.wp-block-group.intro{margin-block-start:0}.intro.wp-block-group{margin-top:68px}.hero-copy .wp-block-buttons{justify-content:flex-start}.wp-block-group.feature-text p{margin-top:0}.quote-copy .wp-block-heading{margin-top:0}.feature-photo{margin:0!important}
@media(max-width:600px){.intro.wp-block-group{margin-top:46px}.hero-copy{max-width:88%}.hero h1 span{max-width:100%}}
@media(max-width:600px){.hero-photo img{object-position:82% center}}