/*
Theme Name: Buikbeeldje Meppel
Description: Persoonlijke website van Klariena. Bewerk de startpagina via Weergave > Editor > Templates > Voorpagina.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: buikbeeldje-meppel
*/
:root{--paper:#f8f5ef;--ink:#383b33;--olive:#5b6354;--muted:#77786c;--line:#dedccf;--sand:#eae3d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.75}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1}h1{font-size:clamp(52px,5.6vw,88px);letter-spacing:-3.5px;margin-bottom:26px}h2{font-size:clamp(38px,4vw,58px);letter-spacing:-1.7px;margin-bottom:28px}h3{font-size:28px;letter-spacing:-.5px}em{font-weight:400;color:var(--olive)}p{margin-bottom:19px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #a66e49;outline-offset:5px}button{color:inherit}.skip{position:absolute;top:-80px;z-index:100;background:white;padding:10px}.skip:focus{top:0}.launch-strip{background:var(--olive);color:#fff;text-align:center;padding:9px 15px;font-size:12px;letter-spacing:1px}.dot{display:inline-block;width:6px;height:6px;background:#d8d5b6;border-radius:100%;margin-right:10px}.strip-sep{padding:0 17px;color:#c4c7b9}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-family:Georgia,serif;font-size:33px;letter-spacing:-1px;line-height:1}.brand span{display:block;font-family:Arial,sans-serif;font-size:10px;letter-spacing:6px;text-align:center;margin-top:12px;margin-left:5px}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav>a:hover,.text-link:hover{color:#8b694c}.nav-cta{border:1px solid #aaa997;padding:10px 18px}.nav-cta span{padding-left:18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:740px}.hero-copy{padding:68px 8% 48px 10%;align-self:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:24px}.hero-copy>p:not(.eyebrow){max-width:440px}.lead{font-size:18px;line-height:1.7}.hero-copy>p:not(.eyebrow):not(.lead){color:#696c60}.hero-actions{display:flex;gap:24px;align-items:center;margin:32px 0 34px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--olive);background:var(--olive);padding:15px 22px;color:white;font-size:13px;transition:background .2s}.button:hover{background:#424b3b}.text-link{font-size:13px;border-bottom:1px solid #a4a796;padding-bottom:5px}.text-link span{margin-left:12px}.launch-note{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:15px;align-items:center;font-size:12px}.launch-note strong{display:block;font-weight:500}.launch-note div>span{display:block;color:var(--muted)}.small-star{font-size:28px;color:var(--olive)}.hero-visual{position:relative;overflow:hidden}.hero-visual>img{height:100%;max-height:850px;object-position:50% 46%}.image-note{position:absolute;bottom:64px;right:24px;padding:24px 30px;background:#f8f5efed;font-family:Georgia,serif;font-size:22px;line-height:1.3;transform:rotate(-4deg)}.photo-tag{position:absolute;bottom:13px;left:20px;color:white;text-shadow:0 1px 5px #333;font-size:10px;letter-spacing:.5px}.values{display:flex;justify-content:center;align-items:center;gap:7%;padding:29px 5%;background:#eeeadd;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.7px}.asterisk{font-size:20px;color:#868e7b}.section{padding:100px 7%;max-width:1540px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:110px;padding-bottom:100px}.intro-text{max-width:520px}.intro-text p:not(.large-text){color:#686d60}.large-text{font-size:19px;line-height:1.65}.gallery-section{padding:65px 7% 70px;background:#eeeadf}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-heading h2{margin-bottom:0}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid transparent;padding:9px 13px;font-size:12px}.filters button.active{border-color:var(--olive);background:#f8f5ef}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-item{border:0;background:none;padding:0;text-align:left;min-width:0}.gallery-item img{height:380px;transition:filter .25s}.gallery-item:hover img{filter:brightness(.95)}.gallery-item>span{display:block;padding-top:17px;font-family:Georgia,serif;font-size:20px;line-height:1.4;position:relative;padding-right:20px}.gallery-item small{font-family:Arial,sans-serif;display:block;font-size:9px;letter-spacing:1.5px;margin-bottom:7px;color:#6e7563}.gallery-item b{font-family:Arial;position:absolute;right:0;bottom:0;font-weight:400}.gallery-footnote{font-size:11px;color:#74796a;margin:27px 0 0;max-width:700px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps article{border-top:1px solid #bfc3b3;padding-top:22px}.step-number{font-family:Georgia;font-size:34px;color:#999f8c;display:block;margin-bottom:25px}.steps p,.section-heading>p{color:#717665;font-size:14px}.process-note{margin-top:26px;font-size:11px;color:#777}.about{display:grid;grid-template-columns:1fr 1fr;background:#e9e5db;padding:80px 7%;gap:9%;align-items:center}.about-photos{position:relative;padding:0 15% 65px 0}.about-main{height:620px}.about-small{position:absolute;width:42%;height:260px;right:0;bottom:0;border:8px solid #f8f5ef;transform:rotate(5deg)}.photo-script{font-family:Georgia;font-style:italic;font-size:24px;position:absolute;bottom:12px;left:10px;transform:rotate(-7deg)}.about-copy{max-width:520px}.about-copy p:not(.eyebrow):not(.large-text){color:#636a5b}.signature{font-family:Georgia;font-style:italic;font-size:38px;color:#737d67}.social{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:8%}.social-copy{max-width:400px}.social-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.social-cards img{height:auto;box-shadow:0 12px 28px #383b3310}.social-cards img:first-child{transform:rotate(-4deg)}.social-cards img:last-child{transform:rotate(4deg);margin-top:70px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;border-top:1px solid var(--line)}details{border-bottom:1px solid #d7dacd}summary{list-style:none;cursor:pointer;padding:22px 35px 22px 0;position:relative;font-size:15px;line-height:1.5}summary::-webkit-details-marker{display:none}summary span{position:absolute;right:3px;font-size:23px;top:14px;font-weight:300}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:#666d5d;padding:0 25px 16px 0}.contact{display:grid;grid-template-columns:1.15fr .85fr;background:var(--olive);color:white}.contact-inner{padding:75px 11%;align-self:center}.contact h2{font-size:64px}.contact h2 em{color:#ddd8c7}.contact p:not(.eyebrow){color:#e3e5dc}.contact small{display:block;font-size:11px;margin-top:14px;color:#d0d4c6}.button.light{background:#f6f2e9;color:#454e3e;border-color:#f6f2e9}.button.light:hover{background:#ddd8c7}.contact-image img{height:100%;max-height:640px;object-position:center}footer{padding:55px 7%;display:flex;align-items:center;justify-content:space-between;gap:40px}footer p{font-size:13px;margin:0}footer small{font-size:10px;color:#787d70}footer>div{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-size:12px}.plain{background:none;border:0;padding:0}.plain:hover{text-decoration:underline}dialog{border:0;background:var(--paper);color:var(--ink);padding:40px;max-width:560px;width:calc(100% - 35px);max-height:90vh;overflow:auto;box-shadow:0 15px 80px #0003}dialog::backdrop{background:#22291fcc;backdrop-filter:blur(4px)}dialog h2{font-size:37px}dialog .close{position:absolute;right:13px;top:9px;border:0;background:var(--paper);width:32px;height:32px;font-size:25px;z-index:2}dialog label{font-size:12px;display:block;margin:17px 0 5px}dialog input,dialog select,dialog textarea{display:block;width:100%;padding:11px;border:1px solid #b9bdae;background:#fffdf9;color:var(--ink);border-radius:0}dialog textarea{font-size:13px;line-height:1.6;resize:vertical}dialog .button{margin-top:20px}.copy-status{font-size:12px;margin:8px 0}.privacy-note{font-size:11px;color:#777;margin:20px 0 0}#lightbox{max-width:820px;padding:20px}#lightbox img{object-fit:contain;max-height:75vh}#lightbox p{margin:12px 0 0;font-size:12px} [hidden]{display:none!important}@media(min-width:1600px){header{padding-left:8%;padding-right:8%}.hero{max-width:1600px;margin:auto}.hero-copy{padding-left:12%}}@media(max-width:1050px){nav{gap:16px;font-size:12px}.nav-cta{padding:8px 10px}.hero-copy{padding:48px 7% 40px 10%}h1{font-size:62px}.hero{min-height:660px}.hero-actions{gap:15px}.about-main{height:540px}.about-small{height:220px}.photo-script{font-size:20px}.gallery-item img{height:310px}.section{padding:75px 6%}footer{gap:25px}.steps{gap:30px}}@media(max-width:760px){html{scroll-padding-top:20px}.launch-strip{font-size:10px;letter-spacing:.3px;padding:10px 7px}.strip-sep{padding:0 9px}header{height:86px;padding:0 6%;position:relative}.brand{font-size:28px}.brand span{font-size:8px}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;font-size:12px}nav{display:none;position:absolute;left:0;right:0;top:85px;background:var(--paper);padding:22px 6%;z-index:5;box-shadow:0 10px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:40px 7% 32px}.eyebrow{font-size:9px;margin-bottom:19px;letter-spacing:1.5px}h1{font-size:61px;letter-spacing:-2.8px}.lead{font-size:17px}.hero-copy>p:not(.eyebrow):not(.lead){font-size:14px}.hero-actions{margin:25px 0}.hero-visual{height:480px}.hero-visual>img{object-position:50% 50%}.image-note{font-size:21px;bottom:48px;right:24px;padding:20px}.values{gap:12px;padding:21px 5%;font-size:10px;text-align:center;line-height:1.5}.asterisk{font-size:14px}.section{padding:60px 7%}.intro,.faq{grid-template-columns:1fr;gap:15px}h2{font-size:43px}.large-text{font-size:18px}.gallery-section{padding:50px 7%}.section-heading{align-items:start;flex-direction:column;gap:22px}.filters button{padding:8px 9px;font-size:11px}.gallery{grid-template-columns:1fr;gap:30px}.gallery-item img{height:420px;object-position:center}.gallery-item:nth-child(2) img{object-position:50% 60%}.steps{grid-template-columns:1fr;gap:20px;margin-top:28px}.steps article{display:grid;grid-template-columns:48px 1fr;column-gap:12px;padding-top:20px}.step-number{grid-row:1/3;font-size:29px}.steps h3{font-size:26px;margin-bottom:12px}.steps p{margin:0}.about{grid-template-columns:1fr;padding:55px 7%;gap:45px}.about-main{height:470px}.about-small{height:215px}.about-copy .large-text{font-size:18px}.social{grid-template-columns:1fr;gap:35px}.social-cards{gap:15px;padding:0 7px}.social-cards img:last-child{margin-top:35px}.faq{gap:5px}.contact{grid-template-columns:1fr}.contact-inner{padding:60px 7%}.contact h2{font-size:51px}.contact-image{height:370px}.contact-image img{object-position:50% 40%}footer{padding:40px 7%;align-items:start;flex-direction:column;gap:25px}footer>div{gap:22px}dialog{padding:35px 24px}dialog h2{font-size:32px}#lightbox{padding:14px}.gallery-footnote{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.about-small{object-position:60% 75%}

.contact-links{font-size:13px;margin-top:22px}.contact-links a{text-decoration:underline;text-underline-offset:4px}#interest #copy{margin-left:8px}@media(max-width:500px){#interest #copy{margin-left:0}}

/* WordPress block integration */
.wp-site-blocks{padding:0}.wp-block-group{box-sizing:border-box}figure.wp-block-image{margin:0}figure.wp-block-image img{width:100%;max-width:100%;vertical-align:middle}p.eyebrow{margin-bottom:24px}.hero-visual>figure{height:100%}.hero-visual>figure img{height:100%;max-height:850px;object-position:50% 46%}.about-main img{height:100%}.about-small img{height:100%;object-position:60% 75%}.contact-image figure,.contact-image figure img{height:100%}.gallery-item>p{padding-top:17px;font-family:Georgia,serif;font-size:20px;line-height:1.4}.hero-actions>p,.launch-note p,.values>p{margin:0}.social-cards figure:first-child{transform:rotate(-4deg)}.social-cards figure:last-child{transform:rotate(4deg);margin-top:70px}.social-cards img:first-child,.social-cards img:last-child{transform:none;margin:0}.privacy-inline{margin:0 7% 30px}.privacy-inline>p{max-width:850px}.wp-block-details>summary::after{content:'+';float:right}.wp-block-details[open]>summary::after{content:'−'}.editor-styles-wrapper .hero-visual{min-height:600px}@media(max-width:760px){.hero-visual>figure{height:480px}.hero-visual>figure img{height:480px}.contact-image figure img{height:370px}.social-cards figure:last-child{margin-top:35px}}