@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/nunito-sans-latin-ext-variable.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito Sans;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/nunito-sans-latin-variable.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Vazirmatn;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/vazirmatn-variable.woff2)format("woff2")}
:root{--primary-color:#24584b;--primary-hover:#183e35;--secondary-color:#936c32;--third-color:#496779;--accent-color:#d5b47a;--text-color:#243c35;--text-muted:#5f6e68;--surface-color:#fff;--surface-soft:#f2f5f1;--background-color:#faf9f6;--border-color:#dde5df;--border-strong:#b8c8bf;--success-color:#24584b;--success-surface:#e8f3ec;--error-color:#9c3535;--error-surface:#fceeee;--notice-surface:#f8f0e1;--radius-sm:.65rem;--radius-md:1.1rem;--radius-lg:1.5rem;--shadow-sm:0 4px 16px #183e350f;--shadow-md:0 12px 36px #183e351a;--shadow-lg:0 20px 56px #183e3524;--transition:.18s ease;--header-height:96px;--header-min-height:96px;--black-color:#182c26;--white-color:#fff;--font-latin:"Nunito Sans", "Vazirmatn", Arial, sans-serif;--font-persian:"Vazirmatn", "Nunito Sans", Tahoma, sans-serif;--font-body:var(--font-latin);--font-heading:var(--font-body);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-heavy:800;--line-body:1.75;--line-heading:1.25;--line-ui:1.5;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-lead:clamp(1.125rem, 1.025rem + .5vw, 1.5rem);--heading-6:1rem;--heading-5:clamp(1.0625rem, 1.025rem + .15vw, 1.125rem);--heading-4:clamp(1.125rem, 1.075rem + .3vw, 1.375rem);--heading-3:clamp(1.375rem, 1.2rem + .7vw, 1.875rem);--heading-2:clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);--heading-1:clamp(2.25rem, 1.7rem + 2.75vw, 4rem)}:root:lang(fa){--font-body:var(--font-persian);--line-body:1.9;--line-heading:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--background-color);min-height:100%;color:var(--text-color);scroll-padding-top:calc(var(--header-height) + 1rem);margin:0;padding:0;font-size:100%}body{min-height:100vh;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--line-body);font-optical-sizing:auto;font-synthesis:style;overflow-wrap:break-word;background-color:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}button,input,select,textarea{font:inherit}:where([lang=fa]){font-family:var(--font-persian)}:where([lang=en],[lang=nl]){font-family:var(--font-latin)}h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:var(--weight-bold);font-style:normal;line-height:var(--line-heading);text-wrap:balance;overflow-wrap:anywhere;margin:0}h1{font-size:var(--heading-1);font-weight:var(--weight-heavy)}h2{font-size:var(--heading-2)}h3{font-size:var(--heading-3)}h4{font-size:var(--heading-4)}h5{font-size:var(--heading-5)}h6{font-size:var(--heading-6)}p{line-height:var(--line-body);margin:0}strong{font-weight:var(--weight-bold)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:var(--primary-color);text-underline-offset:.25em;transition:color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition)}a:hover{color:var(--primary-hover)}:where(a,button,input,select,textarea):focus-visible{outline:3px solid var(--secondary-color);outline-offset:4px}::selection{background:var(--primary-color);color:var(--white-color)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1179.98px){:root{--header-height:80px;--header-min-height:80px}}
.app{flex-direction:column;min-height:100vh;display:flex}.app>main{flex:1;min-width:0}.page-content{z-index:1;flex-direction:column;width:100%;max-width:1140px;display:flex;position:relative}.page{flex-direction:column;align-items:center;width:100%;margin-inline:auto;display:flex;position:relative}.page .button{border:1px solid var(--primary-color);min-height:48px;color:var(--white-color);background:var(--primary-color);box-shadow:var(--shadow-sm);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--line-ui);text-align:center;transition:background-color var(--transition), box-shadow var(--transition);border-radius:2rem;justify-content:center;align-self:flex-start;align-items:center;padding:.9rem 2rem;text-decoration:none;display:inline-flex}.page .button:hover{color:var(--white-color);background:var(--primary-hover);box-shadow:var(--shadow-md)}.page>section{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.page>section>.page-content{padding:6rem 3rem}.page>section.secondary{border-block:1px solid var(--border-color);background:var(--surface-soft)}.page>section.primary{background:var(--background-color)}.page>section:not(:first-child) :where(h2,h3,h4){color:var(--primary-color)}@media (max-width:1100px){.page>section>.page-content{padding:4rem 1.5rem}}@media (max-width:600px){.page>section>.page-content{padding-inline:1.25rem}}
.app-header{z-index:30;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;position:sticky;inset:0 0 auto}.header-bar{width:100%;max-width:1360px;min-height:var(--header-min-height);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-inline:auto;padding:.75rem 2rem;display:flex}.header-brand{min-width:0;color:var(--primary-color);border-radius:var(--radius-sm);align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.header-brand:hover{color:var(--primary-hover)}.header-brand .logo-image{object-fit:contain;flex:none;width:64px;height:64px;display:block}.brand-copy{flex-direction:column;gap:.35rem;min-width:0;display:flex}.brand-copy strong{font-size:var(--text-base);line-height:var(--line-ui);font-weight:var(--weight-heavy)}.brand-copy>span{color:var(--text-muted);font-size:var(--text-xs);line-height:var(--line-ui)}.nav-menu{background:var(--surface-soft);border:1px solid var(--border-color);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;min-width:0;padding:.35rem;display:flex}.nav-menu a{min-height:44px;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--line-ui);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:.6rem 1rem;text-decoration:none;display:inline-flex}.nav-menu a:hover{color:var(--primary-color);background:var(--surface-color)}.nav-menu a.active{color:var(--white-color);background:var(--primary-color);box-shadow:0 3px 8px #183e3526}.header-actions{flex:none;align-items:center;gap:.65rem;display:flex}.lang-selector{position:relative}.language-button{border:1px solid var(--border-color);background:var(--surface-color);min-height:48px;color:var(--primary-color);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--line-ui);transition:background-color var(--transition), border-color var(--transition);border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem .9rem;display:inline-flex}.language-button>svg:first-child{font-size:1rem}.language-chevron{transition:transform var(--transition);font-size:.65rem}.language-button:hover,.language-button[aria-expanded=true]{border-color:var(--border-strong);background:var(--surface-soft)}.language-button[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-menu{top:calc(100% + 1rem);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);width:224px;max-width:calc(100vw - 2rem);box-shadow:var(--shadow-lg);padding:.6rem;animation:.18s ease-out navigation-in;position:absolute;inset-inline-end:0}.language-menu p{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:.4rem .7rem .6rem}.language-menu a{border-radius:var(--radius-sm);min-height:48px;color:var(--text-color);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;gap:.7rem;padding:.65rem .7rem;text-decoration:none;display:flex}.language-menu a:hover{background:var(--surface-soft);color:var(--primary-color)}.language-code{border:1px solid var(--border-color);height:28px;color:var(--primary-color);background:var(--surface-color);font-size:var(--text-xs);border-radius:.4rem;flex:0 0 32px;justify-content:center;align-items:center;display:inline-flex}.language-code,.language-button>span{font-family:var(--font-latin)}.menu-toggle,.menu-close{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--surface-soft);width:48px;height:48px;color:var(--primary-color);cursor:pointer;transition:background-color var(--transition), border-color var(--transition);flex:none;justify-content:center;align-items:center;padding:0}.menu-toggle{background:var(--primary-color);border-color:var(--primary-color);color:var(--white-color);display:none}.menu-toggle:hover{background:var(--primary-hover)}.menu-toggle-lines{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.menu-toggle-lines>span{background:currentColor;border-radius:999px;width:22px;height:2px;display:block}.menu-toggle-lines>span:last-child{width:16px}.menu-close{font-size:2rem;line-height:1;display:flex}.menu-close:hover{border-color:var(--border-strong);background:var(--border-color)}.navigation-drawer{border:0;border-inline-start:1px solid var(--border-color);width:min(420px,100% - 1.5rem);max-width:none;height:100dvh;max-height:none;color:var(--text-color);background:var(--background-color);box-shadow:var(--shadow-lg);overscroll-behavior:contain;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;inset-block:0;inset-inline:auto 0;overflow:hidden auto}.navigation-drawer:not([open]){display:none}.navigation-drawer[open]{animation:.22s ease-out navigation-in}.navigation-drawer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c201b9e}.drawer-header{background:var(--surface-color);border-bottom:1px solid var(--border-color);flex:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.5rem;display:flex}.drawer-header .logo-image{width:48px;height:48px}.drawer-header .brand-copy strong{font-size:var(--text-base)}.drawer-content{flex:1 0 auto;padding:2rem 1.5rem}.drawer-eyebrow{color:var(--secondary-color);font-size:var(--text-sm);font-weight:var(--weight-bold)}.drawer-content h2{color:var(--primary-color);font-size:var(--heading-3);font-weight:var(--weight-heavy);line-height:var(--line-heading);margin-top:.5rem}.mobile-menu{flex-direction:column;gap:.6rem;margin-top:1.75rem;display:flex}.mobile-menu a{border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:64px;color:var(--text-color);background:var(--surface-color);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--line-ui);align-items:center;gap:1rem;padding:.75rem 1rem;text-decoration:none;display:flex}.mobile-menu a:hover{color:var(--primary-color);border-color:var(--border-strong);background:var(--surface-soft)}.mobile-menu a.active{color:var(--white-color);border-color:var(--primary-color);background:var(--primary-color);box-shadow:var(--shadow-sm)}.mobile-link-icon{background:var(--surface-soft);width:34px;height:34px;color:var(--primary-color);border-radius:.6rem;flex:0 0 34px;justify-content:center;align-items:center;font-size:1rem;display:flex}.mobile-menu a.active .mobile-link-icon{color:var(--accent-color);background:#ffffff24}.mobile-link-arrow{flex:none;margin-inline-start:auto;font-size:.8rem}.app-header.rtl .mobile-link-arrow{transform:rotate(180deg)}.drawer-languages{padding:1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom));border-top:1px solid var(--border-color);background:var(--surface-color);flex:none}.drawer-languages>p{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.drawer-languages nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.drawer-languages a{border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:48px;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);justify-content:center;align-items:center;padding:.5rem .25rem;text-decoration:none;display:flex}.drawer-languages a:hover{color:var(--primary-color);background:var(--surface-soft);border-color:var(--primary-color)}@keyframes navigation-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1179.98px){.header-bar{padding:.75rem 1.5rem}.header-bar .logo-image{width:52px;height:52px}.nav-menu{display:none}.menu-toggle{display:flex}}@media (max-width:480px){.header-bar{gap:.75rem;padding-inline:1rem}.header-bar .header-brand{gap:.5rem}.header-bar .logo-image{width:44px;height:44px}.brand-copy strong{font-size:var(--text-sm)}.brand-copy>span{font-size:var(--text-xs)}.header-actions{gap:.4rem}.language-button{gap:.4rem;padding-inline:.65rem}.language-chevron{display:none}.language-menu{inset-inline-end:-3.4rem}.drawer-header{gap:.5rem;padding-inline:1rem}.drawer-content,.drawer-languages{padding-inline:1rem}.mobile-menu a{gap:.75rem;padding-inline:.75rem}}@media (max-width:360px){.header-bar .logo-image{width:36px;height:36px}.header-bar .brand-copy>span{display:none}.drawer-languages nav{grid-template-columns:1fr}}
.footer{min-height:75vh;color:var(--white-color);background:var(--primary-hover) url(/images/footerimage.png) bottom / cover no-repeat;text-align:center;isolation:isolate;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.footer:before{z-index:0;content:"";pointer-events:none;background:#102a23e0;position:absolute;inset:0}.footer>.page-content{justify-content:center;align-items:center;gap:3rem;padding:4rem 1.5rem}.footer .content-row{align-items:stretch;gap:2rem;width:100%;display:flex}.footer .content-row>div{flex:1 1 0;min-width:0}.footer .message{justify-content:center;width:80%}.footer-quote{max-width:48ch;font-size:var(--text-lead);font-weight:var(--weight-semibold)}.footer .dark-glass{border-radius:var(--radius-lg);color:#e0e8e2;box-shadow:var(--shadow-sm);background:#ffffff0f;border:1px solid #ffffff29;flex-direction:column;justify-content:center;gap:1rem;padding:2rem;display:flex}.footer-heading{color:var(--white-color);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--line-ui)}.footer .dark-glass p{overflow-wrap:anywhere}.footer .contact{color:var(--accent-color);justify-content:center;gap:1.5rem;display:flex}.footer .contact a{width:48px;height:48px;color:inherit;border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;font-size:1.4rem;text-decoration:none;display:inline-flex}.footer .contact a:hover{border-color:var(--accent-color);color:var(--white-color);background:#ffffff1a}.footer-credit{color:#c8d5ce;width:100%;font-size:var(--text-sm);border-top:1px solid #ffffff24;padding-top:1.5rem}.footer-identifier{font-family:var(--font-latin);font-variant-numeric:tabular-nums}@media (max-width:700px){.footer>.page-content{gap:2rem;padding:3rem 1.25rem 2rem}.footer .content-row{flex-direction:column}.footer .message{width:100%}.footer .dark-glass{padding:2rem 1.5rem}}
.background{z-index:0;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.background:after{content:"";background:linear-gradient(110deg,#102a23c2,#102a2357);position:absolute;inset:0}.app.rtl .background:after{background:linear-gradient(250deg,#102a23c2,#102a2357)}
.page>.hero{min-height:clamp(24rem,44vw,36rem);color:var(--white-color);background:var(--primary-hover);isolation:isolate;justify-content:center}.page>.hero>.page-content{text-shadow:0 2px 20px #0003;flex:none;gap:1rem;padding-block:clamp(2.5rem,6vw,4rem)}.hero>.background{background-position:50%;background-size:cover}.hero-title{max-width:22ch;font-size:var(--heading-1);font-weight:var(--weight-heavy);line-height:var(--line-heading)}.hero-eyebrow{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.hero-subtitle{max-width:60ch;font-size:var(--text-lead);font-weight:var(--weight-medium);line-height:var(--line-body);text-wrap:pretty}.hero-citation{color:var(--accent-color);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.hero-action{min-height:48px;color:var(--white-color);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--line-ui);text-align:center;border:1px solid #fff8;border-radius:2rem;justify-content:center;align-self:flex-start;align-items:center;margin-top:.5rem;padding:.65rem 1.4rem;text-decoration:none;display:inline-flex}.hero-action:hover{color:var(--white-color);background:#fff2}
.text-block{min-width:0}.text-block>p{max-width:72ch;color:var(--text-muted);margin-top:1.5rem}.text-block>p:first-child{margin-top:0}.text-block>.button{margin-top:1.5rem}.our-vision .text-block h2{max-width:32ch}.ANBI-Information .anbi-intro{max-width:70ch;font-size:var(--text-lg)}.ANBI-Information ul{max-width:76ch;color:var(--text-muted);margin:1.5rem 0 0;padding-inline-start:1.5rem}.ANBI-Information li{line-height:var(--line-body);margin-bottom:.85rem;padding-inline-start:.35rem}.ANBI-Information li::marker{color:var(--secondary-color)}.ANBI-Information section>.page-content>p{max-width:72ch;color:var(--text-muted);margin-top:1.5rem}
.services-section .missionus{text-align:center;margin-block:1.5rem 2.5rem}.services-section .mission-statement{max-width:44ch;color:var(--primary-color);font-size:var(--heading-3);font-weight:var(--weight-semibold);margin-inline:auto}.services-section .services{gap:1.5rem;padding-block:2rem;display:flex}.services-section .services>div{flex-direction:column;flex:1 1 0;gap:1.5rem;min-width:0;display:flex}.services-section .services p{color:var(--text-muted)}.services-section .image-circle{aspect-ratio:1;border:1px solid var(--border-strong);background:var(--surface-color);width:100%;max-width:20rem;box-shadow:var(--shadow-md);border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;padding:.5rem;display:flex;overflow:hidden}.services-section .image-circle img{border-radius:inherit;object-fit:cover;width:100%;height:100%}@media (min-width:1101px){.services-section .services>div:first-child{margin-top:9rem}.services-section .services>div:nth-child(2){flex:1.125 1 0;margin-top:24rem}}@media (max-width:1100px){.services-section .services{flex-direction:column;gap:4rem}.services-section .services .image-circle{align-self:center;max-width:20rem}}
.team-intro{border-bottom:1px solid var(--border-color);background:var(--surface-soft)}.team-intro>.page-content{flex-direction:row;align-items:center;gap:2rem}.team-intro .circle{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-color);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:58%;justify-content:center;gap:1.5rem;padding:clamp(1.5rem,4vw,3rem);display:flex}.team-intro .circle p{color:var(--text-muted)}.team-intro .image-big{border:.4rem solid var(--surface-color);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-md);flex:42%;overflow:hidden}.team-intro .image-big img{width:100%;height:auto;display:block}@media (max-width:1100px){.team-intro>.page-content{flex-direction:column}.team-intro .circle{width:100%}.team-intro .image-big{width:100%;max-width:600px}}
.sermons-library{background:var(--background-color);color:var(--text-color);scroll-margin-top:1rem}.sermons-page>section.sermons-library>.page-content{padding-top:4rem;padding-bottom:4rem}.sermons-section-heading{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.sermons-channel-link,.sermons-text-link{color:var(--text-color);font-weight:var(--weight-bold);text-underline-offset:.3em;align-items:center;gap:.6rem;display:inline-flex}.sermons-channel-link{border:1px solid var(--border-color);border-radius:2rem;flex-shrink:0;padding:.7rem 1.1rem;text-decoration:none}.sermons-channel-link:hover{background:var(--surface-soft)}.sermons-notice{border-inline-start:3px solid var(--primary-color);background:var(--notice-surface);margin-bottom:1.5rem;padding:1rem 1.25rem}.sermons-featured{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);margin-bottom:3rem;scroll-margin-top:1rem;display:grid;overflow:hidden}.sermons-player{aspect-ratio:16/9;background:var(--black-color);align-self:center;width:100%;position:relative}.sermons-player iframe,.sermons-player-cover{border:0;width:100%;height:100%;position:absolute;inset:0}.sermons-player-cover{cursor:pointer;background:var(--black-color);color:var(--white-color);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.sermons-player-cover img,.sermon-card-image img{object-fit:cover}.sermons-player-cover:after,.sermon-card-image:after{content:"";background:#14211c33;position:absolute;inset:0}.sermons-play-icon{z-index:1;background:var(--surface-color);width:3.5rem;height:3.5rem;color:var(--text-color);transition:transform var(--transition);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 20px #0003}.sermons-play-icon svg{margin-left:.2rem}.sermons-player-cover:hover .sermons-play-icon,.sermon-card-button:hover .sermons-play-icon{transform:scale(1.08)}.sermons-player-caption{z-index:1;font-weight:var(--weight-bold);text-shadow:0 1px 8px #000;position:relative}.sermons-featured-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;padding:1.8rem;display:flex}.sermons-tag{background:var(--surface-soft);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-bold);padding:.25rem .8rem}.sermons-featured-info h3{font-size:var(--heading-3);font-weight:var(--weight-bold);line-height:var(--line-ui)}.sermons-featured-info p{font-size:var(--text-base);color:var(--text-muted)}.sermons-featured-info .sermons-date{font-size:var(--text-sm)}.sermons-results{scroll-margin-top:1rem}.sermons-search{max-width:38rem}.sermons-search label{font-weight:var(--weight-bold);margin-bottom:.6rem;display:block}.sermons-search-field{background:var(--surface-color);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.8rem;padding:.3rem 1rem;display:flex}.sermons-search-field:focus-within{outline:2px solid var(--text-color);outline-offset:2px}.sermons-search input{width:100%;min-width:0;color:var(--text-color);background:0 0;border:0;outline:none;padding:.65rem 0}.sermons-search input::placeholder{color:var(--text-muted);opacity:1}.sermons-result-count{color:var(--text-muted);font-size:var(--text-sm);margin:1rem 0 1.5rem}.sermons-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.sermon-card{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-color);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);overflow:hidden}.sermon-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.sermon-card.is-selected{border-color:var(--primary-color);box-shadow:0 0 0 1px var(--primary-color), var(--shadow-sm)}.sermon-card-button{width:100%;height:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;padding:0;display:flex}.sermon-card-image{aspect-ratio:16/9;background:var(--primary-hover);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.sermon-card-image .sermons-play-icon{width:2.7rem;height:2.7rem;font-size:.8rem}.sermon-card-content{flex-direction:column;flex:1;align-items:flex-start;gap:.6rem;width:100%;padding:1.2rem;display:flex}.sermon-card-content time{color:var(--text-muted);font-size:var(--text-sm)}.sermon-card-title{font-size:var(--text-lg);line-height:var(--line-ui);font-weight:var(--weight-bold)}.sermon-card-action{font-size:var(--text-sm);font-weight:var(--weight-bold);align-items:center;gap:.5rem;margin-top:auto;padding-top:.5rem;display:flex}.sermons-empty{text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-md);padding:3rem 1rem}.sermons-empty h3{margin-bottom:1rem}.sermons-empty button,.sermons-pagination button{border:1px solid var(--border-strong);background:var(--surface-color);min-height:44px;color:var(--text-color);cursor:pointer;font-weight:var(--weight-bold);transition:background-color var(--transition), border-color var(--transition);border-radius:2rem;padding:.6rem 1.2rem}.sermons-empty button{margin-top:1rem}.sermons-pagination{font-size:var(--text-sm);justify-content:center;align-items:center;gap:1.2rem;margin-top:2.5rem;display:flex}.sermons-pagination button:disabled{opacity:.5;cursor:default}.sermons-pagination button:hover:not(:disabled),.sermons-empty button:hover{background:var(--surface-soft)}.sermons-archive-note{border-top:1px solid var(--border-color);color:var(--text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.sermons-archive-note>svg{flex-shrink:0;font-size:1.5rem}.sermons-archive-note a{color:var(--text-color);font-weight:var(--weight-bold);text-underline-offset:.3em}.sermons-page button:focus-visible,.sermons-page a:focus-visible,.sermons-featured:focus-visible,.sermons-results:focus-visible{outline:3px solid var(--secondary-color);outline-offset:4px}.sermon-card-button:focus-visible,.sermons-player-cover:focus-visible{outline-offset:-4px}@media (max-width:950px){.sermons-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.sermons-featured{grid-template-columns:1fr;scroll-margin-top:1rem}.sermons-section-heading{flex-direction:column;align-items:flex-start}.sermons-library,.sermons-results{scroll-margin-top:1rem}}@media (max-width:600px){.sermons-grid{grid-template-columns:1fr}.sermons-pagination{font-size:var(--text-sm);gap:.6rem}.sermons-pagination button{padding:.55rem .8rem}.sermons-featured-info{padding:1.3rem}}
.form-block{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:640px;box-shadow:var(--shadow-md);background-color:var(--surface-color);flex-direction:column;gap:1.5rem;margin:1rem auto;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.form-block .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-block .form-grid-counts{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.form-block .form-honeypot{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.form-status{border-radius:var(--radius-sm);font-weight:var(--weight-bold);padding:1rem}.form-status-success{color:var(--success-color);background:var(--success-surface)}.form-status-error{color:var(--error-color);background:var(--error-surface)}.form-block label{color:var(--text-color);flex-direction:column;gap:.5rem;min-width:0;display:inline-flex}.form-block label>.title{font-weight:var(--weight-bold)}.form-block input,.form-block textarea{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--background-color);width:100%;min-height:48px;color:var(--text-color);font-size:var(--text-base);transition:border-color var(--transition), box-shadow var(--transition);padding:.75rem .9rem}.form-block :is(input,textarea):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;background:var(--surface-color)}.form-block textarea{resize:vertical}.form-block button{background-color:var(--primary-color);min-height:48px;color:var(--white-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-base);font-weight:var(--weight-bold);transition:background-color var(--transition), box-shadow var(--transition);border:none;padding:.85rem 1.5rem}.form-block button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.form-block button:disabled{opacity:.6;cursor:wait}@media (max-width:600px){.form-block .form-grid{grid-template-columns:1fr}}
.event .closed-event{border-block:1px solid var(--border-color);background:var(--surface-soft);text-align:center}.event .form{background:var(--background-color)}

