@import url("./colorpalette.css");

html:has(.home-page) {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

.home-page {
    width:100%;max-width:100%;position:relative;background:color-mix(in srgb,var(--primary-color) 4%,var(--white-color));overflow-x:hidden;
    main,section{max-width:100%;}
    main>*,.home-welcome>*,.home-calling>*,.home-ministry>*,.home-word>*,.home-values>*,.home-giving>*,.home-connect>*{min-width:0;}
    .home-skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:10px 16px;border-radius:10px;color:var(--white-color);background:var(--black-color);transform:translateY(-150%);&:focus{transform:translateY(0);}}
    .home-navigation{position:absolute;inset:0 0 auto;background:transparent;box-shadow:none;}
    .home-eyebrow{margin:0 0 18px;color:var(--secondary-color);font-size:.73rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;}
    .home-reveal{opacity:0;transform:translateY(45px) scale(.98);transition:opacity 750ms ease,transform 750ms cubic-bezier(.2,.8,.2,1);&.is-visible{opacity:1;transform:none;}}
}

.home-hero {
    min-height:880px;padding:195px max(6vw,24px) 85px;position:relative;display:grid;align-items:center;color:var(--white-color);background-image:linear-gradient(90deg,color-mix(in srgb,var(--primary-color) 96%,var(--black-color)) 0%,color-mix(in srgb,var(--primary-color) 69%,transparent) 44%,transparent 73%),linear-gradient(0deg,color-mix(in srgb,var(--black-color) 57%,transparent),transparent 53%),url("../Assets/home-hero.png");background-position:center;background-size:cover;overflow:hidden;isolation:isolate;
    &::after{position:absolute;content:"";inset:auto 0 0;height:145px;z-index:-1;background:linear-gradient(transparent,color-mix(in srgb,var(--primary-color) 4%,var(--white-color)));}
    .home-hero__content{width:min(760px,60vw);position:relative;z-index:3;animation:home-arrive 950ms cubic-bezier(.2,.8,.2,1) both;.home-eyebrow{color:var(--fifth-color);span{width:32px;height:2px;margin-right:10px;display:inline-block;vertical-align:middle;background:currentColor;}}h1{margin:0;font:clamp(3.3rem,7.2vw,7.3rem)/.92 "Archivo Black",sans-serif;letter-spacing:-.065em;text-shadow:0 22px 60px color-mix(in srgb,var(--black-color) 38%,transparent);em{color:var(--fifth-color);font-style:normal;}}>p:not(.home-eyebrow){max-width:630px;margin:29px 0 35px;color:color-mix(in srgb,var(--white-color) 80%,transparent);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.75;}}
    .home-hero__actions{display:flex;gap:14px;flex-wrap:wrap;a{min-height:54px;padding:0 20px;display:inline-flex;align-items:center;gap:14px;border:1px solid color-mix(in srgb,var(--white-color) 24%,transparent);border-radius:15px;color:var(--white-color);font-weight:800;text-decoration:none;transition:transform 200ms ease;&:first-child{border:0;color:var(--black-color);background:linear-gradient(135deg,var(--fifth-color),var(--secondary-color));box-shadow:0 14px 28px color-mix(in srgb,var(--black-color) 22%,transparent);}&:hover{transform:translateY(-4px);}}}
    .home-hero__light-rings{width:min(46vw,680px);aspect-ratio:1;position:absolute;right:1%;top:10%;z-index:2;span{position:absolute;inset:15%;border:1px solid color-mix(in srgb,var(--fifth-color) 28%,transparent);border-radius:50%;animation:home-ring 5s ease-out infinite;&:nth-child(2){inset:5%;animation-delay:1.6s;}&:nth-child(3){inset:25%;animation-delay:3.2s;}}}
    .home-hero__scroll{position:absolute;right:3vw;bottom:75px;z-index:3;display:flex;align-items:center;gap:13px;color:color-mix(in srgb,var(--white-color) 55%,transparent);font-size:.65rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;i{width:2px;height:48px;background:linear-gradient(var(--fifth-color) 50%,transparent 50%);background-size:100% 200%;animation:home-scroll 1.8s ease-in-out infinite;}}
}

.home-welcome { width:min(1180px,calc(100% - 40px));margin:105px auto 125px;display:grid;grid-template-columns:1fr .9fr .35fr;gap:clamp(35px,6vw,85px);align-items:center;.home-welcome__heading h2{margin:0;color:color-mix(in srgb,var(--primary-color) 56%,var(--black-color));font:clamp(2.5rem,5vw,4.8rem)/1 "Archivo Black",sans-serif;letter-spacing:-.055em;}.home-welcome__copy{color:color-mix(in srgb,var(--black-color) 62%,transparent);line-height:1.82;a{display:inline-flex;margin-top:15px;gap:12px;color:var(--primary-color);font-weight:800;text-decoration:none;}}.home-welcome__seal{aspect-ratio:1;position:relative;display:grid;place-items:center;color:var(--primary-color);animation:seal-home 4s ease-in-out infinite;svg{width:100%;fill:none;stroke:currentColor;stroke-width:2;}span{position:absolute;color:var(--secondary-color);font-size:.62rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase;}} }

.home-calling { margin:0 max(3vw,18px) 125px;display:grid;grid-template-columns:1fr 1fr;gap:20px;perspective:1000px;.calling-preview{min-height:520px;padding:clamp(38px,6vw,75px);position:relative;border-radius:30px;color:var(--white-color);background:linear-gradient(145deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 55%,var(--fourth-color)));box-shadow:0 28px 70px color-mix(in srgb,var(--primary-color) 18%,transparent);text-decoration:none;overflow:hidden;transition:transform 300ms ease;&:hover{transform:translateY(-9px) rotateX(2deg);}.calling-preview__number{position:absolute;right:25px;top:10px;color:color-mix(in srgb,var(--white-color) 8%,transparent);font:8rem "Archivo Black",sans-serif;}.home-eyebrow{color:var(--fifth-color);}h2{max-width:650px;margin:85px 0 22px;font:clamp(2.1rem,4.4vw,4.2rem)/1.03 "Archivo Black",sans-serif;letter-spacing:-.05em;}p:not(.home-eyebrow){max-width:620px;color:color-mix(in srgb,var(--white-color) 72%,transparent);line-height:1.75;}strong{position:absolute;left:clamp(38px,6vw,75px);bottom:50px;color:var(--fifth-color);i{margin-left:10px;font-style:normal;}}&::after{position:absolute;content:"";width:220px;height:220px;right:-100px;bottom:-100px;border:1px solid color-mix(in srgb,var(--white-color) 18%,transparent);border-radius:50%;box-shadow:0 0 0 45px color-mix(in srgb,var(--white-color) 4%,transparent);}&.calling-preview--mission{background:linear-gradient(145deg,color-mix(in srgb,var(--secondary-color) 88%,var(--primary-color)),var(--fourth-color));}} }

.home-ministry { width:min(1220px,calc(100% - 40px));margin:0 auto 130px;position:relative;.home-ministry__heading{max-width:740px;margin-bottom:60px;h2{margin:0;color:color-mix(in srgb,var(--primary-color) 56%,var(--black-color));font:clamp(2.5rem,5vw,4.9rem)/1 "Archivo Black",sans-serif;letter-spacing:-.055em;}p:not(.home-eyebrow){max-width:620px;color:color-mix(in srgb,var(--black-color) 58%,transparent);line-height:1.75;}a{display:inline-flex;gap:12px;color:var(--secondary-color);font-weight:800;text-decoration:none;}}.home-ministry__orbit{width:260px;height:260px;position:absolute;right:5%;top:-10px;border:1px solid color-mix(in srgb,var(--primary-color) 18%,transparent);border-radius:50%;animation:ministry-orbit-home 18s linear infinite;>div{position:absolute;inset:25%;display:grid;place-items:center;border-radius:50%;color:var(--white-color);background:linear-gradient(145deg,var(--primary-color),var(--fourth-color));box-shadow:0 0 55px color-mix(in srgb,var(--primary-color) 30%,transparent);span{font-family:"Archivo Black",sans-serif;}}>i{width:9px;height:9px;position:absolute;border-radius:50%;background:var(--secondary-color);box-shadow:0 0 14px var(--secondary-color);&:nth-of-type(1){left:18%;top:10%;}&:nth-of-type(2){right:-1%;top:52%;}&:nth-of-type(3){left:27%;bottom:3%;}}}.ministry-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}.ministry-preview{min-height:320px;padding:29px;position:relative;border:1px solid color-mix(in srgb,var(--primary-color) 12%,transparent);border-radius:23px;background:var(--white-color);box-shadow:0 20px 45px color-mix(in srgb,var(--primary-color) 9%,transparent);transition:transform 250ms ease,box-shadow 250ms ease;&:hover{transform:translateY(-8px);box-shadow:0 31px 60px color-mix(in srgb,var(--primary-color) 16%,transparent);}>span{color:var(--secondary-color);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;}h3{margin:90px 0 13px;color:var(--primary-color);font:1.25rem "Archivo Black",sans-serif;}p{margin:0;color:color-mix(in srgb,var(--black-color) 58%,transparent);line-height:1.65;}&::after{position:absolute;content:"";width:80px;height:80px;right:-42px;top:-42px;border-radius:50%;background:var(--fifth-color);opacity:.7;}} }

.home-word { padding:120px max(5vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,120px);align-items:center;color:var(--white-color);background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--fourth-color) 42%,transparent),transparent 32%),color-mix(in srgb,var(--primary-color) 54%,var(--black-color));.home-word__content{.home-eyebrow{color:var(--fifth-color);}h2{margin:0;font:clamp(2.6rem,5vw,4.9rem)/1 "Archivo Black",sans-serif;letter-spacing:-.055em;}>p:not(.home-eyebrow){color:color-mix(in srgb,var(--white-color) 68%,transparent);line-height:1.8;}.home-word__topics{margin:30px 0;display:flex;gap:8px;flex-wrap:wrap;span{padding:9px 12px;border:1px solid color-mix(in srgb,var(--white-color) 15%,transparent);border-radius:10px;color:color-mix(in srgb,var(--white-color) 72%,transparent);font-size:.75rem;font-weight:700;}}>a{display:inline-flex;gap:12px;color:var(--fifth-color);font-weight:800;text-decoration:none;}}.home-video-card{padding-bottom:28px;border:1px solid color-mix(in srgb,var(--white-color) 14%,transparent);border-radius:25px;color:var(--white-color);background:color-mix(in srgb,var(--white-color) 7%,transparent);box-shadow:0 28px 60px color-mix(in srgb,var(--black-color) 28%,transparent);text-decoration:none;overflow:hidden;transition:transform 250ms ease;&:hover{transform:translateY(-8px) rotateY(-2deg);}>div{aspect-ratio:16/9;position:relative;overflow:hidden;img{width:100%;height:100%;object-fit:cover;}span{width:60px;height:60px;position:absolute;left:calc(50% - 30px);top:calc(50% - 30px);display:grid;place-items:center;border-radius:50%;color:var(--white-color);background:var(--secondary-color);box-shadow:0 12px 28px color-mix(in srgb,var(--black-color) 30%,transparent);}}small,h3,p{margin-left:28px;margin-right:28px;}small{display:block;margin-top:25px;color:var(--fifth-color);font-weight:800;letter-spacing:.13em;text-transform:uppercase;}h3{margin-top:11px;margin-bottom:9px;font:clamp(1.2rem,2vw,1.8rem) "Archivo Black",sans-serif;}p{margin-top:0;color:color-mix(in srgb,var(--white-color) 62%,transparent);line-height:1.6;}} }

.home-values { padding:120px max(5vw,24px);.home-values__heading{max-width:760px;margin-bottom:55px;h2{margin:0;color:color-mix(in srgb,var(--primary-color) 56%,var(--black-color));font:clamp(2.5rem,5vw,4.8rem)/1 "Archivo Black",sans-serif;letter-spacing:-.055em;}}.home-values__track{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;}.home-value{min-height:190px;padding:26px;border-radius:20px;background:var(--white-color);box-shadow:0 18px 40px color-mix(in srgb,var(--primary-color) 8%,transparent);b{color:var(--secondary-color);font-size:.68rem;letter-spacing:.15em;}h3{margin:56px 0 0;color:var(--primary-color);font:1.18rem "Archivo Black",sans-serif;}}.home-values__link{margin-top:28px;display:inline-flex;gap:12px;color:var(--secondary-color);font-weight:800;text-decoration:none;} }

.home-giving { width:min(1080px,calc(100% - 40px));margin:0 auto 120px;padding:clamp(45px,6vw,72px);position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center;border-radius:31px;color:var(--white-color);background:linear-gradient(135deg,var(--primary-color),color-mix(in srgb,var(--primary-color) 52%,var(--fourth-color)));box-shadow:0 30px 70px color-mix(in srgb,var(--primary-color) 20%,transparent);overflow:hidden;.home-giving__glow{position:absolute;width:300px;height:300px;right:0;top:-260px;border-radius:50%;background:var(--fifth-color);box-shadow:0 0 100px 70px color-mix(in srgb,var(--fifth-color) 22%,transparent);}.home-giving__icon{width:100px;height:100px;position:relative;z-index:2;display:grid;place-items:center;border-radius:28px;color:var(--primary-color);background:var(--fifth-color);svg{width:61px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}}>div:nth-child(3){position:relative;z-index:2;.home-eyebrow{color:var(--fifth-color);}h2{margin:0;font:clamp(2rem,4vw,3.7rem)/1 "Archivo Black",sans-serif;letter-spacing:-.05em;}p{max-width:660px;color:color-mix(in srgb,var(--white-color) 68%,transparent);line-height:1.7;}}>a{position:relative;z-index:2;min-height:50px;padding:0 18px;display:inline-flex;align-items:center;gap:12px;border-radius:14px;color:var(--black-color);background:linear-gradient(135deg,var(--fifth-color),var(--secondary-color));font-weight:800;text-decoration:none;white-space:nowrap;} }

.home-connect { margin:0 max(3vw,18px) 100px;padding:clamp(60px,9vw,120px);display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,8vw,120px);align-items:center;border-radius:34px;color:var(--white-color);background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--fifth-color) 22%,transparent),transparent 34%),color-mix(in srgb,var(--primary-color) 52%,var(--black-color));.home-connect__content{.home-eyebrow{color:var(--fifth-color);}h2{margin:0;font:clamp(2.6rem,5vw,5rem)/1 "Archivo Black",sans-serif;letter-spacing:-.055em;}p:not(.home-eyebrow){color:color-mix(in srgb,var(--white-color) 68%,transparent);line-height:1.8;}>div{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;a{min-height:50px;padding:0 18px;display:inline-flex;align-items:center;gap:12px;border:1px solid color-mix(in srgb,var(--white-color) 20%,transparent);border-radius:14px;color:var(--white-color);font-weight:800;text-decoration:none;&:first-child{border:0;color:var(--black-color);background:var(--fifth-color);}}}}.home-connect__verse{margin:0;padding:45px;border:1px solid color-mix(in srgb,var(--white-color) 14%,transparent);border-radius:25px;color:var(--fifth-color);background:color-mix(in srgb,var(--white-color) 6%,transparent);font:clamp(1.5rem,3vw,2.5rem)/1.45 Georgia,serif;font-style:italic;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--white-color) 10%,transparent);cite{display:block;margin-top:25px;color:var(--white-color);font:.75rem "DM Sans",sans-serif;font-weight:800;letter-spacing:.13em;text-transform:uppercase;}} }

@keyframes home-arrive{from{opacity:0;transform:translate3d(-45px,25px,-80px)}to{opacity:1;transform:none}}
@keyframes home-ring{from{opacity:.7;transform:scale(.72)}to{opacity:0;transform:scale(1.18)}}
@keyframes home-scroll{to{background-position:0 -200%}}
@keyframes seal-home{50%{transform:translateY(-10px) rotate(3deg)}}
@keyframes ministry-orbit-home{to{transform:rotate(360deg)}}

@media(max-width:980px){.home-hero{min-height:800px;background-position:59% center;.home-hero__content{width:min(720px,85vw);}}.home-welcome{grid-template-columns:1fr 1fr;.home-welcome__seal{display:none;}}.home-calling{grid-template-columns:1fr}.home-ministry .ministry-preview-grid{grid-template-columns:1fr 1fr}.home-ministry .home-ministry__orbit{opacity:.35}.home-word,.home-connect{grid-template-columns:1fr}.home-values .home-values__track{grid-template-columns:1fr 1fr}.home-giving{grid-template-columns:auto 1fr;>a{grid-column:2;justify-self:start;}}}
@media(max-width:600px){.home-page h1,.home-page h2,.home-page h3,.home-page p{overflow-wrap:anywhere}.home-hero{min-height:760px;padding:155px 20px 65px;background-image:linear-gradient(90deg,color-mix(in srgb,var(--primary-color) 90%,var(--black-color)),color-mix(in srgb,var(--primary-color) 35%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--black-color) 57%,transparent),transparent),url("../Assets/home-hero.png");background-position:64% center;.home-hero__content{width:100%;}.home-hero__light-rings,.home-hero__scroll{display:none;}}.home-welcome{width:min(100% - 28px,1180px);grid-template-columns:minmax(0,1fr)}.home-calling{margin:0 12px 95px;grid-template-columns:minmax(0,1fr);.calling-preview{min-height:470px;padding:35px 25px;strong{left:25px;}}}.home-ministry{width:min(100% - 28px,1220px);.home-ministry__orbit{display:none}.ministry-preview-grid{grid-template-columns:minmax(0,1fr)}}.home-word{padding:85px 16px;grid-template-columns:minmax(0,1fr)}.home-values{padding:90px 14px;.home-values__track{grid-template-columns:minmax(0,1fr)}}.home-giving{width:min(100% - 24px,1080px);padding:40px 24px;grid-template-columns:minmax(0,1fr);.home-giving__icon{width:80px;height:80px;border-radius:22px;svg{width:49px;}}>a{grid-column:auto;justify-self:start;max-width:100%;white-space:normal;}}.home-connect{margin:0 12px 80px;padding:60px 24px;grid-template-columns:minmax(0,1fr);.home-connect__verse{padding:30px 24px;}}}
@media(prefers-reduced-motion:reduce){.home-page *,.home-page *::before,.home-page *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.home-page .home-reveal{opacity:1;transform:none}}