/* Art direction: a ministry centered on perspective, truth, and Christian faith.
   Palette: light parchment and ink, with the supplied logo's purple and golden yellow.
   Typography: Boska display + Satoshi body for a warm, clear editorial voice.
   Density: spacious; actual logo is the sole hero illustration. */
:root, [data-theme='light'] {
 --font-body:'Satoshi','Helvetica Neue',sans-serif; --font-display:'Boska',Georgia,serif;
 --text-xs:clamp(.75rem,.71rem + .2vw,.875rem); --text-sm:clamp(.875rem,.84rem + .15vw,1rem);
 --text-base:clamp(1rem,.96rem + .2vw,1.125rem); --text-lg:clamp(1.125rem,1rem + .7vw,1.5rem);
 --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem); --text-2xl:clamp(2rem,1.25rem + 2.4vw,3.5rem);
 --text-hero:clamp(3rem,1.5rem + 4.5vw,5.8rem);
 --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-5:1.25rem; --space-6:1.5rem;
 --space-8:2rem; --space-10:2.5rem; --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;
 --color-bg:#fbf9f5; --color-surface:#ffffff; --color-surface-2:#f5f0e8; --color-surface-offset:#ebe4da;
 --color-text:#28212d; --color-text-muted:#665c6c; --color-text-faint:#6a5c72; --color-text-inverse:#ffffff;
 --color-primary:#7412c1; --color-primary-hover:#5d0f9c; --color-primary-active:#480c79; --color-primary-highlight:#eee4f8;
 --color-gold:#ffa806; --color-gold-ink:#503709; --color-dark:#261334; --color-dark-text:#fff9ef;
 --color-border:oklch(.3 .025 305 / .16); --color-divider:oklch(.3 .025 305 / .13);
 --radius-sm:.25rem; --radius-md:.5rem; --radius-lg:.75rem; --radius-xl:1rem;
 --transition-interactive:180ms cubic-bezier(.16,1,.3,1); --shadow-lg:0 16px 48px oklch(.2 .04 310 / .07);
 --content-wide:1200px; --content-narrow:760px; color-scheme:light;
}
[data-theme='dark'] {
 --color-bg:#17121c; --color-surface:#221b29; --color-surface-2:#2b2233; --color-surface-offset:#35293c;
 --color-text:#f4edf8; --color-text-muted:#c6b9d0; --color-text-faint:#b1a2bd; --color-text-inverse:#21112e;
 --color-primary:#cb98f3; --color-primary-hover:#ddb4ff; --color-primary-active:#e7cefa; --color-primary-highlight:#382445;
 --color-gold:#ffb22d; --color-gold-ink:#503709; --color-dark:#2b1939; --color-dark-text:#fff9ef;
 --color-border:oklch(.9 .02 305 / .17); --color-divider:oklch(.9 .02 305 / .14); --shadow-lg:0 16px 48px oklch(.1 .03 310 / .2); color-scheme:dark;
}
@media(prefers-color-scheme:dark){:root:not([data-theme]){
 --color-bg:#17121c; --color-surface:#221b29; --color-surface-2:#2b2233; --color-surface-offset:#35293c;
 --color-text:#f4edf8; --color-text-muted:#c6b9d0; --color-text-faint:#b1a2bd; --color-text-inverse:#21112e;
 --color-primary:#cb98f3; --color-primary-hover:#ddb4ff; --color-primary-active:#e7cefa; --color-primary-highlight:#382445;
 --color-gold:#ffb22d; --color-gold-ink:#503709; --color-dark:#2b1939; --color-dark-text:#fff9ef;
 --color-border:oklch(.9 .02 305 / .17); --color-divider:oklch(.9 .02 305 / .14); color-scheme:dark;
}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-8)}
body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto} ul[role='list'],ol[role='list']{list-style:none}
input,button,textarea,select{font:inherit;color:inherit} h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.1} p,li,figcaption{text-wrap:pretty;max-width:72ch}
::selection{background:oklch(from var(--color-primary) l c h / .2);color:var(--color-text)}
:focus-visible{outline:3px solid var(--color-primary);outline-offset:4px;border-radius:var(--radius-sm)}
button{cursor:pointer;background:none;border:none} table{border-collapse:collapse;width:100%}
a,button,[role='button'],[role='link'],input,textarea,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}
a{color:var(--color-primary);text-underline-offset:.24em}a:hover{color:var(--color-primary-hover)}a:active,button:active{opacity:.8}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;top:var(--space-4);left:var(--space-4);z-index:10;background:var(--color-surface);padding:var(--space-3) var(--space-4);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.container{width:min(calc(100% - var(--space-12)),var(--content-wide));margin-inline:auto}
.eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:700;text-decoration:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text)}
.button:hover{background:var(--color-surface-offset);color:var(--color-text)}.button.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.button.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;color:var(--color-text)}.theme-toggle:hover{background:var(--color-surface-offset)}.theme-toggle svg{width:19px;height:19px}
@media(max-width:600px){.container{width:calc(100% - var(--space-8))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.site-header{border-bottom:1px solid var(--color-divider)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);min-height:104px;padding-block:var(--space-4)}
.wordmark{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);font-size:var(--text-sm);font-weight:700;line-height:1.35;letter-spacing:.015em}
.wordmark:hover{color:var(--color-primary)}.wordmark img{width:52px;height:52px;border-radius:var(--radius-sm);object-fit:contain;background:#fff}.wordmark small{display:block;font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted);margin-top:var(--space-1)}
.header-right,.main-nav{display:flex;align-items:center;gap:var(--space-8)}
.main-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-sm);text-decoration:none;color:var(--color-text-muted)}.main-nav a:hover{color:var(--color-primary)}
.hero{display:grid;grid-template-columns:1.18fr 1fr;align-items:center;gap:var(--space-16);padding-block:clamp(var(--space-12),6vw,var(--space-24))}
.hero h1{font-family:var(--font-display);font-weight:400;font-size:var(--text-hero);letter-spacing:-.035em;line-height:.99;margin-block:var(--space-6)}
.hero h1 span{color:var(--color-primary)}.hero-intro{color:var(--color-text-muted);max-width:43ch;margin-top:var(--space-6)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.button svg{flex:0 0 19px;width:19px;height:19px}
.hero-art{background:#fff;border:1px solid var(--color-border);padding:var(--space-6);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);position:relative}
.hero-art img{width:100%;height:auto;aspect-ratio:720/721;object-fit:contain;background:#fff}.hero-art::after{content:'';position:absolute;left:var(--space-6);right:var(--space-6);bottom:0;height:4px;background:var(--color-gold)}
.mission{display:grid;grid-template-columns:.78fr 1.22fr;gap:var(--space-16);padding-block:var(--space-16) var(--space-20);border-top:1px solid var(--color-divider)}
.section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;letter-spacing:-.015em;line-height:1.15;margin-top:var(--space-4);max-width:20ch}
.mission-copy p+p{margin-top:var(--space-5)}.mission-copy{color:var(--color-text-muted)}.mission-copy p:first-child{color:var(--color-text)}
.journey-band{background:var(--color-dark);color:var(--color-dark-text)}.journey-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-12);padding-block:var(--space-12)}
.journey-band .eyebrow{color:var(--color-gold)}.journey-band .section-title{font-size:var(--text-xl);max-width:28ch;margin-top:var(--space-3)}
.journey-links{display:flex;flex-shrink:0;gap:var(--space-6);flex-wrap:wrap}.journey-links a{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-sm);color:var(--color-dark-text);text-decoration-color:var(--color-gold)}.journey-links a:hover{color:var(--color-gold)}
.contact{display:grid;grid-template-columns:.78fr 1.22fr;gap:var(--space-16);padding-block:var(--space-16)}.contact-content p{color:var(--color-text-muted)}
.email-link{display:inline-flex;align-items:center;gap:var(--space-3);min-height:44px;font-size:var(--text-base);font-weight:500;overflow-wrap:anywhere;margin-top:var(--space-4);max-width:100%}.email-link svg{width:20px;height:20px;flex-shrink:0}.email-link span{min-width:0}
.policies{border-top:1px solid var(--color-divider);padding-block:var(--space-12) var(--space-16)}.policy-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.policy-heading h2{font-size:var(--text-lg);font-weight:500;line-height:1.4}.policy-heading p{font-size:var(--text-sm);color:var(--color-text-muted)}
.policy{border-top:1px solid var(--color-divider);scroll-margin-top:var(--space-6)}.policy:last-child{border-bottom:1px solid var(--color-divider)}.policy summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-5);cursor:pointer;list-style:none;font-size:var(--text-base);font-weight:500;min-height:64px}.policy summary::-webkit-details-marker{display:none}.policy summary:hover{color:var(--color-primary)}
.policy summary::after{content:'+';font-size:var(--text-xl);font-weight:400;color:var(--color-primary);line-height:1}.policy[open] summary::after{content:'−'}
.legal-body{max-width:var(--content-narrow);margin-left:auto;padding-block:var(--space-4) var(--space-12);color:var(--color-text-muted)}.legal-body h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:700;line-height:1.4;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3)}.legal-body h3:first-child{margin-top:0}.legal-body p+p{margin-top:var(--space-4)}.legal-body a{overflow-wrap:anywhere}.legal-intro{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}
.site-footer{background:var(--color-surface-2);border-top:1px solid var(--color-divider)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding-block:var(--space-6)}.footer-name{font-size:var(--text-xs);color:var(--color-text-muted)}.footer-links{display:flex;gap:var(--space-6);flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--text-xs);color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-primary)}
.image-fallback{display:flex;justify-content:center;align-items:center;aspect-ratio:1;background:var(--color-surface-2);color:var(--color-primary);padding:var(--space-8);font-family:var(--font-display);font-size:var(--text-xl)}
@media(min-width:1600px){.hero{gap:var(--space-24)}}
@media(max-width:1000px){.hero{gap:var(--space-8);grid-template-columns:1.15fr .85fr}.hero h1{font-size:var(--text-2xl)}.hero-art{padding:var(--space-3)}.journey-inner{align-items:flex-start;flex-direction:column;gap:var(--space-6)}.mission,.contact{gap:var(--space-8)}}
@media(max-width:700px){.header-inner{min-height:88px;gap:var(--space-3)}.header-right{gap:var(--space-3)}.main-nav{gap:var(--space-3)}.main-nav a{font-size:var(--text-xs)}.main-nav .nav-contact{display:none}.wordmark{font-size:var(--text-xs)}.wordmark img{width:40px;height:40px}.wordmark small{font-size:var(--text-xs);letter-spacing:.08em}.hero{grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-10) var(--space-12)}.hero h1{font-size:clamp(2.9rem,11vw,4rem);max-width:14ch}.hero-art{width:min(100%,380px);justify-self:center;padding:var(--space-4)}.hero-intro{max-width:40ch}.mission,.contact{grid-template-columns:1fr;gap:var(--space-6);padding-block:var(--space-10) var(--space-12)}.section-title{max-width:24ch}.journey-inner{padding-block:var(--space-10)}.journey-links{gap:var(--space-6)}.policy-heading{flex-direction:column;gap:var(--space-2)}.policies{padding-block:var(--space-10) var(--space-12)}.legal-body{padding-bottom:var(--space-8)}.footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.footer-links{column-gap:var(--space-5)}.email-link{font-size:var(--text-sm)}}
@media(max-width:380px){.wordmark img{display:none}.hero-actions .button{width:100%}.main-nav .nav-about{display:none}}
@media print{.site-header,.hero-actions,.journey-band,.theme-toggle,.site-footer{display:none}.hero{display:block}.hero-art{display:none}.hero h1{font-size:var(--text-2xl)}.policy .legal-body{display:block!important}body{background:white;color:black}.container{width:100%}.mission,.contact{display:block}.policies{break-before:page}a{color:inherit}}
/* Display the logo without the surrounding card */
.hero-art {
  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;
}

/* Remove the gold underline */
.hero-art::after {
  display: none;
}

/* Keep the transparent logo proportional */
.hero-art img {
  background: transparent;
  width: min(100%, 420px);
  height: auto;
  aspect-ratio: auto;
  margin-inline: auto;
}

/* Remove the header logo's white background too */
.wordmark img {
  background: transparent;
}