/*!
Theme Name: Zuidkamer Advies
Theme URL: https://zuidkameradvies.nl
Author : Moiety Studio
Author URL: https://moiety.studio
Description: Bespoke theme designed by Moiety Studio for Zuidkamer Advies, 2024
License: private
*/:root{--body-background:#E9EAEA;--site-background:;--footer-background:#cce2db;--footer-border:#637d75;--footer-background:#d7d7d7;--footer-border:hsl(0,0%,44%);--footer-border:hsl(240,8%,50%);--base-color:hsl(215,41%,21%);--accent-color:hsl(213,20%,32%);--body-background:hsl(213,24%,43%);--box-shadow:hsl(213,20%,32%);--section-background:hsl(229,28%,92%);--section-border:hsl(240,8%,50%);--button-background:var(--section-background);--copy-color:hsl(217,39%,13%);--link-color:hsl(344,27%,44%);--link-hover-color:hsl(344,39%,30%);--body-background:hsl(from var(--base-color) h calc(s - 17) calc(l + 20));--box-shadow:hsl(from var(--base-color) h calc(s - 21) calc(l + 11));--section-background:hsl(from var(--base-color) h calc(s - 13) calc(l + 71));--section-border:hsl(from var(--base-color) h calc(s - 33) calc(l + 29));--body-background:#42210B;--base-color:#C69C6D;--box-shadow:hsl(24,71%,5%);--header-copy-color:hsl(238,52%,18%);--copy-color:hsl(238,52%,28%);--body-background:#30342B;--base-color:#032E2A;--header-copy-color:#fff;--section-background:hsl(37,15%,87%);--section-border:hsl(37,15%,47%);--button-background:hsl(36,99%,68%);--button-color:#000;--spacing:3rem;--horizontal-spacing:1.5rem;@media (min-width:576px){--spacing:4rem;--horizontal-spacing:2rem}@media (min-width:768px){--horizontal-spacing:4rem}@media (min-width:1000px){--horizontal-spacing:6rem}}:root{--page:1fr;--wide:0;--gap:8px;--half-gap:calc(var(--gap) / 2);--vertical-gap:1.5rem}@media (min-width:576px){:root{--wide:16px;--gap:16px}}@media (min-width:768px){:root{--wide:minmax(24px,40px);--page:704px}}@media (min-width:1000px){:root{--page:780px;--wide:minmax(0,40px);--gap:24px}}*{box-sizing:border-box;&::after,&::before{box-sizing:inherit}}:focus-visible{outline:2px solid hsl(213,71%,49%);outline-offset:2px}:first-child{margin-top:0}:last-child{margin-bottom:0}img{max-width:100%}.grid{display:grid;grid-template-columns:[full-start] auto [wide-start] var(--wide) [page-start] var(--page) [page-end] var(--wide) [wide-end] auto [full-end]}.grid>*{grid-column:page}.grid>.grid{grid-column:full}.columns{display:grid;grid-template-columns:repeat(16,1fr);column-gap:var(--gap)}.page,.columns{grid-column:page}.wide,.wide-start,.wide-end,.full{grid-column:full}@media (min-width:768px){.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}}html{background:var(--body-background)}body{margin:0}@media (min-width:576px){body{padding:var(--gap) 0}.site{box-shadow:var(--box-shadow) 0 2em 5em}}@media (min-width:768px){body{padding:var(--spacing) 0 calc(var(--spacing) * 2)}}header.core{position:relative;padding:calc(var(--spacing) / 2);display:flex;background:var(--base-color);&::after{display:none;position:absolute;top:100%;left:0;right:0;border-top:1px solid rgba(31,49,74,0.4);background:rgba(31,49,74,0.6);height:2px;content:""}@media (min-width:576px){border-radius:.25rem .25rem 0 0}}footer.core{display:flex;flex-wrap:wrap;justify-content:space-between;padding:calc(var(--spacing) / 2) var(--horizontal-spacing);border-top:2px solid var(--section-border);color:#403C41;background:var(--section-background);& a:not(:hover,:focus){color:inherit}&>p{margin:0}@media (min-width:576px){border-radius:0 0 .25rem .25rem}@media (min-width:1000px){padding:calc(var(--spacing) / 2) var(--spacing)}}html{color:var(--copy-color);font-family:"Helvetica Neue",sans-serif;line-height:1.5}a{display:inline-block;color:var(--link-color);transition:color .125s linear;hyphens:none;&:hover,&:focus{color:var(--link-hover-color)}}h1,h2,h3,h4,h5,h6{margin:0;font-family:"Bebas Neue",serif;font-optical-sizing:auto;font-weight:400}h2{font-size:2rem}h3{font-size:1.5rem}h2+*{margin-top:2rem}p{hyphens:auto}a.skip-link{position:fixed;left:1em;bottom:100%;padding:.125rem .25rem;border-radius:.25rem;text-decoration:none;&:focus-visible{top:1em;bottom:unset;color:#6D122D;background:#fff}}.contact{& img{max-width:250px;height:auto}& p:last-child{font-style:italic}}.hero{padding:var(--spacing) var(--horizontal-spacing);display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;color:var(--accent-color);color:var(--header-copy-color);font-family:"Bebas Neue",serif;font-optical-sizing:auto;font-weight:400;font-size:1.25rem;background:var(--base-color)}.hero .text,.hero .portrait{display:grid;align-items:center;justify-content:center}.hero img{display:block;max-height:400px;height:auto;mix-blend-mode:screen}.hero p{margin:0;hyphens:none}@media (min-width:576px){.hero{font-size:1.5rem}}@media (min-width:1000px){.hero{font-size:2.5rem}}.intro{&::first-letter{-webkit-initial-letter:2;initial-letter:2;margin-right:.5rem;font-family:"Bebas Neue",serif;font-optical-sizing:auto;font-weight:400}& p:first-child{font-weight:500}& p{columns:unset}}.key-points{display:grid;gap:var(--spacing);.header{display:flex;gap:1rem;margin-bottom:1rem;svg{margin-top:.125rem;width:2rem;height:2rem;fill:currentcolor}}p{margin:0}p+&{margin-top:2rem}@media (min-width:768px){grid-template-columns:1fr 1fr}}[href="https://moiety.studio"]{display:inline-block;padding-right:1.125em;position:relative;text-decoration:none;transition:cubic-bezier(.215,.61,.35,1) .2s;transition-property:color,padding;&::before{position:absolute;top:50%;left:0;display:block;content:"→";vertical-align:center;color:transparent;transition:color cubic-bezier(.215,.61,.35,1) .1s;transform:translateY(-50%)}& span{color:transparent}&:is(:hover,:focus-visible){color:#222C36;padding-left:1.125em;padding-right:0}&:is(:hover,:focus-visible)::before{color:inherit;span{color:#F4BECE;color:hsl(343,24%,48%)}}}nav.core{margin-left:auto;display:flex;gap:2rem;button{display:block;margin:0;padding:0;border:0;font-family:inherit;font-size:inherit;background:transparent}a,button{display:block;border-bottom:2px solid currentcolor;color:var(--header-copy-color);text-decoration:none}a[href="#contact"]{margin:-.5rem 0;padding:.5rem;border-bottom:unset;border-radius:.25rem;color:var(--button-color);background:var(--button-background)}a.lang{display:flex;align-items:baseline;gap:.5em;&::before{display:block;width:1em;height:1em;background:currentcolor;mask-image:url("/assets/icons/language.svg");content:""}}@media (min-width:768px){flex-grow:unset;font-size:1.125rem}}@media (max-width:767px){html.js nav.core{justify-content:end;font-size:1.25rem;.menu{display:flex;flex-direction:column;justify-content:start;align-items:end;gap:2rem;padding:calc(var(--spacing) / 2);padding-top:0;position:absolute;top:100%;right:calc(var(--spacing) / 2);left:calc(var(--spacing) / 2);right:0;left:0;z-index:2;background:var(--base-color);border-bottom:2px solid #101a27}}nav.core button[aria-expanded="false"]+.menu{display:none}}main{padding:var(--spacing) var(--horizontal-spacing);background:#fff;>:is(article,section){padding:var(--spacing) var(--horizontal-spacing);background:#fff;&:nth-child(odd){background:var(--section-background)}>:first-child{margin-top:0}>:last-child{margin-bottom:0}}}body.home main{padding:unset}