@layer atoms,normalize,base,page,utils;@layer atoms{@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.woff2) format("woff2");font-style:normal;font-weight:400}@font-face{font-family:Lato-Bold;src:url(/fonts/Lato-Bold.woff2) format("woff2");font-style:normal;font-weight:400}:root{--col-darkblue: oklch(35.85% .1317 273.83);--col-lightblue: oklch(63.01% .1079 206.88);--col-darkyellow: oklch(76.37% .1664 109.77);--col-lightyellow: oklch(87.5% .179 92.68);--col-fuchsia-blue: oklch(57.5% .1341 301.99);--col-matisse: oklch(51.26% .0953 234.2);--col-pelorous: oklch(68.22% .1002 224.39);--col-catskill-white: oklch(96.24% .0079 216.62);--col-lavender-purple: oklch(66.02% .0645 298.47);--col-regent-st-blue: oklch(82.71% .0565 240.29);--col-cutty-sark: oklch(54.18% .0358 224.79);--col-river-bed: oklch(42.7% .0393 271.49);--col-periwinkle-gray: oklch(83.07% .0391 282.27);--col-submarine: oklch(81.41% .0088 196.98);--col-grey-base: oklch(50% .0173 286);--col-primary: var(--col-darkblue);--col-secondary: var(--col-lightblue);--col-grey-0: black;--col-grey-1: oklch(from var(--col-grey-base) calc(l - calc(6 * calc(l / 7))) c h);--col-grey-2: oklch(from var(--col-grey-base) calc(l - calc(5 * calc(l / 7))) c h);--col-grey-3: oklch(from var(--col-grey-base) calc(l - calc(4 * calc(l / 7))) c h);--col-grey-4: oklch(from var(--col-grey-base) calc(l - calc(3 * calc(l / 7))) c h);--col-grey-5: oklch(from var(--col-grey-base) calc(l - calc(2 * calc(l / 7))) c h);--col-grey-6: oklch(from var(--col-grey-base) calc(l - calc(1 * calc(l / 7))) c h);--col-grey-7: var(--col-grey-base);--col-grey-8: oklch(from var(--col-grey-base) calc(l + .1*(1 - l)) c h);--col-grey-9: oklch(from var(--col-grey-base) calc(l + .2*(1 - l)) c h);--col-grey-10: oklch(from var(--col-grey-base) calc(l + calc(3 * calc((1 - l)*.1) )) c h);--col-grey-11: oklch(from var(--col-grey-base) calc(l + .4*(1 - l)) c h);--col-grey-12: oklch(from var(--col-grey-base) calc(l + .5*(1 - l)) c h);--col-grey-13: oklch(from var(--col-grey-base) calc(l + calc(6 * calc((1 - l)*.1) )) c h);--col-grey-14: oklch(from var(--col-grey-base) calc(l + calc(7 * calc((1 - l)*.1) )) c h);--col-grey-15: oklch(from var(--col-grey-base) calc(l + .8*(1 - l)) c h);--col-grey-16: oklch(from var(--col-grey-base) calc(l + .9*(1 - l)) c h);--col-grey-17: white;--font: Lato, Arial, sans-serif;--font-bold: Lato-Bold, Arial, sans-serif;--font-size--2: clamp(.64rem, .6427rem + -.0034vw, .642rem);--font-size--1: clamp(.7222rem, .6952rem + .1353vw, .8rem);--font-size-0: clamp(.8125rem, .7473rem + .3261vw, 1rem);--font-size-1: clamp(.9141rem, .7972rem + .5842vw, 1.25rem);--font-size-2: clamp(1.0283rem, .8425rem + .929vw, 1.5625rem);--font-size-3: clamp(1.1569rem, .8799rem + 1.3848vw, 1.9531rem);--font-size-4: clamp(1.3015rem, .905rem + 1.9825vw, 2.4414rem);--font-size-5: clamp(1.4642rem, .9119rem + 2.7611vw, 3.0518rem);--font-line-height-5: calc(1.25 * var(--font-size-5));--space-3xs: clamp(.1875rem, .1658rem + .1087vw, .25rem);--space-2xs: clamp(.4375rem, .4158rem + .1087vw, .5rem);--space-xs: clamp(.625rem, .5815rem + .2174vw, .75rem);--space-s: clamp(.8125rem, .7473rem + .3261vw, 1rem);--space-m: clamp(1.25rem, 1.163rem + .4348vw, 1.5rem);--space-l: clamp(1.625rem, 1.4946rem + .6522vw, 2rem);--space-xl: clamp(2.4375rem, 2.2418rem + .9783vw, 3rem);--space-2xl: clamp(3.25rem, 2.9891rem + 1.3043vw, 4rem);--space-3xl: clamp(4.875rem, 4.4837rem + 1.9565vw, 6rem);--theme: url(#light-mode)}:root[data-theme=dark]{--col-primary: var(--col-darkyellow);--col-secondary: var(--col-lightyellow);--col-grey-0: white;--col-grey-1: oklch(from var(--col-grey-base) calc(l + .9*(1 - l)) c h);--col-grey-2: oklch(from var(--col-grey-base) calc(l + .8*(1 - l)) c h);--col-grey-3: oklch(from var(--col-grey-base) calc(l + calc(7 * calc((1 - l)*.1) )) c h);--col-grey-4: oklch(from var(--col-grey-base) calc(l + calc(6 * calc((1 - l)*.1) )) c h);--col-grey-5: oklch(from var(--col-grey-base) calc(l + .5*(1 - l)) c h);--col-grey-6: oklch(from var(--col-grey-base) calc(l + .4*(1 - l)) c h);--col-grey-7: oklch(from var(--col-grey-base) calc(l + calc(3 * calc((1 - l)*.1) )) c h);--col-grey-8: oklch(from var(--col-grey-base) calc(l + .2*(1 - l)) c h);--col-grey-9: oklch(from var(--col-grey-base) calc(l + .1*(1 - l)) c h);--col-grey-10: var(--col-grey-base);--col-grey-11: oklch(from var(--col-grey-base) calc(l - calc(1 * calc(l / 7))) c h);--col-grey-12: oklch(from var(--col-grey-base) calc(l - calc(2 * calc(l / 7))) c h);--col-grey-13: oklch(from var(--col-grey-base) calc(l - calc(3 * calc(l / 7))) c h);--col-grey-14: oklch(from var(--col-grey-base) calc(l - calc(4 * calc(l / 7))) c h);--col-grey-15: oklch(from var(--col-grey-base) calc(l - calc(5 * calc(l / 7))) c h);--col-grey-16: oklch(from var(--col-grey-base) calc(l - calc(6 * calc(l / 7))) c h);--col-grey-17: black;--theme: url(#dark-mode)}}@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer base{:root{min-height:100dvh;height:fit-content;font-family:var(--font)}body,html{margin:0;padding:0;min-width:420px;position:relative}p{margin:0;padding:0}h1,h2,h3{margin:0;padding:0;color:var(--col-primary)}h1{font-size:var(--font-size-5)}h2{font-size:var(--font-size-3)}h3{font-size:var(--font-size-2)}svg,use{width:var(--space-xl);height:var(--space-xl);--icon-primary: var(--col-primary);--icon-secondary: var(--col-secondary)}a{color:var(--col-primary)}a:hover{color:var(--col-secondary)}ul{padding:0;margin:0}dt{font-weight:700;margin-block-start:var(--space-xs)}dd{margin-inline-start:var(--space-m)}a.buttonlike{padding:var(--space-2xs) var(--space-m);border-radius:var(--space-2xs);border:1px solid var(--col-grey-4);font-size:var(--font-size-1);background-color:var(--col-primary);color:var(--col-grey-10);text-decoration:none;width:fit-content}a.buttonlike.secondary{background-color:var(--col-grey-9);color:var(--col-grey0)}a.buttonlike:hover{background-color:var(--col-secondary)}a.buttonlike.secondary:hover{background-color:var(--col-grey-10)}:focus-visible{outline:4px solid var(--col-secondary);outline-offset:2px}button{cursor:pointer}details>*{grid-column:2/3;grid-row:2/3}details:not([open]) summary:before{content:"▶"}details[open] summary:before{content:"▼"}summary{list-style:none;cursor:pointer;line-height:calc(var(--font-size-0) * 1.5);display:grid;grid-template-columns:var(--space-m) auto;grid-template-rows:auto auto}summary:before{color:var(--col-primary);font-size:var(--font-size-0);grid-column:1/2;grid-row:1/3}summary::-webkit-details-marker{display:none}body{min-height:100dvh;display:grid;grid-template-columns:1fr 4fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"meta meta" "header header" "nav main" "footer footer"}body>ul{grid-area:meta;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:var(--space-m);list-style-type:none;width:100vw;background-color:var(--col-grey-16);padding:var(--space-2xs) var(--space-m);box-sizing:border-box;font-size:var(--font-size-0)}body header{grid-area:header;padding:var(--space-xs) var(--space-m);display:grid;grid-template-columns:auto auto 1fr;gap:var(--space-m);background-color:var(--col-grey-16);align-items:baseline}body header>svg{--theme-mode: var(--theme);height:var(--font-size-5);width:calc(var(--font-size-5) * 1.6724)}body header button{display:none;height:var(--font-size-5);width:var(--font-size-5);box-sizing:content-box;align-self:center;justify-self:end}body header button>svg{height:100%;width:100%}body main{grid-area:main;padding:var(--space-m);background-color:var(--col-grey-17);font-size:var(--font-size-1);color:var(--col-grey-0)}body nav{grid-area:nav;padding:var(--space-m);background-color:var(--col-grey-15)}body nav ul{display:flex;flex-direction:column;gap:var(--space-s);font-size:var(--font-size-1)}body nav ul li{list-style-type:none}body footer{grid-area:footer;padding:var(--space-xs) var(--space-m);background-color:var(--col-grey-16);color:var(--col-grey-0);font-size:var(--font-size-0);display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:var(--space-m)}body footer>ul{display:flex;flex-direction:row;justify-content:center;gap:var(--space-m)}body footer>ul>li{list-style-type:none}body footer use,body footer svg{--col-primary: var(--col-grey-6);--col-secondary: var(--col-grey-16);height:var(--space-m);width:var(--space-m)}body footer a:hover use,body footer a:hover svg{--col-primary: var(--col-grey-9)}@media screen and (max-width: 600px){body{grid-template-areas:"meta meta" "header header" "main main" "footer footer"}body header button{display:block}body nav{position:absolute;right:0;--header-height-meta: calc(var(--font-size-0) + calc(2 * var(--space-xs)));--header-height-headline: calc(var(--font-size-5) + calc(2 * var(--space-xs)));--header-height: calc(var(--header-height-headline) + var(--header-height-meta));top:var(--header-height)}body:has(header button[aria-expanded=true]) nav{display:block}body:has(header button[aria-expanded=false]) nav{display:none}body footer{flex-direction:column;gap:var(--space-xs)}}}@layer utils{[hidden]{display:none}}@layer atoms,normalize,base,page,utils;@layer page{#dataprotection{font-size:var(--font-size-0)}#dataprotection p{margin-block:var(--space-xs)}#dataprotection h3{margin-block:var(--space-xs);font-size:var(--font-size-1)}#dataprotection ul{padding-inline:var(--space-m);list-style-type:disc}#dataprotection ol{margin:var(--space-xs) var(--space-m);padding:0}#about h3{margin-block:var(--space-m)}#about p{margin-block:var(--space-xs)}#about ul{padding-inline:var(--space-m)}#about #about-people-list{list-style-type:none;display:flex;flex-wrap:wrap;flex-direction:row;gap:var(--space-m);margin:0;padding:0}#about #about-people-list li{background-color:var(--col-grey-16);border-radius:var(--space-m);margin:0;padding:var(--space-m);display:grid;grid-template-rows:auto auto;max-width:300px}#about #about-people-list li h4{margin-block:var(--space-xs)}#about #about-people-list li img{float:right;background-color:var(--col-grey-13);height:100px;width:100px}#about #about-people-list li blockquote{margin:var(--space-xs) 0;font-style:italic}#sermons{display:grid;grid-template-rows:auto auto auto;grid-template-columns:3fr 1fr;gap:var(--space-m);grid-template-areas:"header header" "hero info" "list info" "footer footer"}#sermons h2{grid-area:header}#sermons h3{margin-block:var(--space-xs)}#sermons div{background-color:var(--col-grey-16);border-radius:var(--space-m);padding:var(--space-m)}#sermons div p.video{background-color:var(--col-grey-1);color:var(--col-grey-16);aspect-ratio:16 / 9}#sermons #sermons-next{grid-area:info}#sermons #sermons-hero{grid-area:hero}#sermons #sermons-latest{grid-area:list}#sermons ul{list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-m)}#sermons ul li{background-color:var(--col-grey-16);border-radius:var(--space-m);padding:var(--space-m)}#sermons ul li p{background-color:var(--col-grey-1);color:var(--col-grey-16);aspect-ratio:16 / 9}#podcast ul{margin-block-start:var(--space-m);list-style-type:none;display:flex;flex-direction:column;gap:var(--space-m)}#podcast ul li{background-color:var(--col-grey-16);border-radius:var(--space-m);padding:var(--space-m);display:flex;flex-direction:column}#podcast ul button{background-color:var(--col-primary);color:var(--col-grey-17);border:none;border-radius:var(--space-s);padding:var(--space-s);cursor:pointer;align-self:end}#contact{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:var(--space-m);grid-template-areas:"header header" "preacher address" "preacher newsletter"}#contact h2{grid-area:header}#contact #contact-address{grid-area:address}#contact #contact-address img{background-color:var(--col-grey-1);color:var(--col-grey-17);width:350px;height:200px;display:inline-block}#contact #contact-newsletter{grid-area:newsletter}#contact #contact-preacher{grid-area:preacher}#contact #contact-preacher img{background-color:var(--col-grey-1);color:var(--col-grey-17);width:250px;height:350px;float:right}#welcome{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:var(--space-m);grid-template-areas:"header header" "hero info" "footer footer"}#welcome h2{grid-area:header}#welcome #welcome-hero{grid-area:hero}#welcome #welcome-info{grid-area:info}}