/* Homepage preparation cards and shared neutral footer. */
.prepare-copy{min-width:0}
.stay-carousel{margin-top:30px;min-width:0}
.stay-carousel .stay-list{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#809975 #e6e7e8;margin:0;padding:0 0 16px;overscroll-behavior-x:contain;scroll-behavior:smooth}
.stay-carousel .stay-list li{flex:0 0 80%;scroll-snap-align:start;list-style:none;padding:28px;min-height:210px;border:1px solid #d6d2ca;border-radius:14px;background:#f5f2ed;display:flex;flex-direction:column;justify-content:space-between;gap:25px;font:700 clamp(1.15rem,2vw,1.45rem)/1.35 'Inter',Arial,sans-serif;color:#1a2833}
.stay-carousel .stay-list li:before{display:none}
.stay-card-number{font:700 .78rem/1 'Inter',Arial,sans-serif;color:#997542;letter-spacing:.12em}
.stay-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.stay-carousel-count{font:400 .85rem/1.5 'Inter',Arial,sans-serif;color:#414042}
.stay-carousel-arrows{display:flex;gap:9px}
.stay-carousel button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #b8bebf;border-radius:50%;background:#fff;color:#1a2833;cursor:pointer;font:400 1.35rem 'Inter',Arial,sans-serif}
.stay-carousel button:hover{background:#e9edf2}
.stay-carousel button:disabled{opacity:.35;cursor:default}
.stay-carousel :focus-visible{outline:3px solid #486b91;outline-offset:3px}
footer.ms-site-footer{background:#f5f2ed url('/assets/footer-topography.svg?v=4') center top/800px auto repeat;color:#414042;border-top:1px solid #d7d2c9}
.ms-site-footer .footer-brand img{background:transparent;filter:none}
.ms-site-footer .footer-brand p,.ms-site-footer .ms-footer-contact p,.ms-site-footer div>a,.ms-site-footer .copyright,.ms-site-footer .copyright a{color:#414042}
.ms-site-footer h3{color:#1a2833}
.ms-site-footer a:hover{color:#185392;text-decoration:underline;text-underline-offset:4px}
.ms-site-footer a:focus-visible{outline:3px solid #486b91;outline-offset:4px}
.ms-site-footer .copyright{border-top:1px solid #d7d2c9}
@media(min-width:1400px){.stay-carousel .stay-list li{flex-basis:calc((100% - 16px)/2)}}
@media(prefers-reduced-motion:reduce){.stay-carousel .stay-list{scroll-behavior:auto}}

/* Bottom homepage conversation CTA. */
.final-assessment .button{background:#c45508;border-color:#c45508;color:#fff}

/* Readiness assessment points without decorative checks. */
.readiness-copy li{padding-left:0}
.readiness-copy li:before{content:none;display:none}

/* Minimal outline icons, optically balanced across all four concepts. */
.difference-grid article>img{width:42px;height:42px;filter:none;object-fit:contain;margin:0 0 22px}
@media(max-width:720px){.difference-grid article{grid-template-columns:40px minmax(0,1fr);gap:20px}.difference-grid article>img{width:36px;height:36px;margin:0}}

/* Mobile Why Complex Places: copy first, video flush to the section edges. */
@media(max-width:720px){
 .complex-section{padding:0;gap:0}
 .complex-section .complex-copy{order:0;padding:56px 24px 40px;min-width:0}
 .complex-section .complex-video{order:1;width:100%;min-width:0;margin:0;aspect-ratio:16/9}
}

/* People-led Vision Video poster; the original embed remains the player. */
.vision-video-poster{display:none}
.vision-poster-ready .vision-video-poster{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%;padding:0;border:0;background:#1a2833;color:#fff;cursor:pointer;overflow:hidden;text-align:left}
.vision-video-poster>img{width:100%;height:100%;object-fit:cover;filter:none}
.vision-video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%)}
.vision-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:54px;border-radius:12px;background:#c45508;z-index:1}
.vision-play svg{width:28px;height:28px}
.vision-video-label{position:absolute;bottom:20px;left:22px;right:22px;font:700 clamp(.9rem,2vw,1.2rem)/1.3 'Inter',Arial,sans-serif;z-index:1}
.vision-video-poster:hover .vision-play{background:#a84707}
.vision-video-poster:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.vision-poster-ready iframe{visibility:hidden}
@media(max-width:720px){
 #mission.mission-video-section{padding:54px 0 0}
 #mission>.section-label{margin-left:24px;margin-right:24px}
 #mission .mission-video-inner{grid-template-columns:minmax(0,1fr);gap:0}
 #mission .mission-message{order:0;padding:0 24px 40px}
 #mission .mission-video-frame{order:1;width:100%;min-width:0;margin:0;box-shadow:none}
}

/* The classroom photo closes Prepared to Stay on mobile. */
@media(max-width:720px){
 .prepare-section .prepare-copy{order:0}
 .prepare-section>img{order:1;width:100%;margin:0}
}

/* Embedded video audio control; native playback controls remain available. */
.vision-poster-ready iframe{visibility:visible}
.video-sound-toggle{position:absolute;top:12px;right:12px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(26,40,51,.9);color:#fff;cursor:pointer}
.video-sound-toggle[hidden]{display:none}
.video-sound-toggle svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.video-sound-toggle:hover{background:#1a2833}
.video-sound-toggle:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* Persistent shared navigation and matching Why Complex Places cards. */
.tet-header{position:sticky;top:0;z-index:80;box-shadow:0 2px 12px rgba(26,40,51,.06)}
html{scroll-padding-top:calc(var(--tet-header-height,96px) + 16px)}
.complex-copy{min-width:0}
.complex-carousel{margin:24px 0 30px;min-width:0}
.complex-copy .complex-cards-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#997542 #ece6dd;margin:0;padding:0 0 16px;scroll-behavior:smooth}
.complex-copy .complex-cards-track>div{flex:0 0 80%;display:flex;flex-direction:column;justify-content:space-between;gap:28px;scroll-snap-align:start;min-height:240px;padding:28px;border:1px solid #d6d2ca;border-radius:14px;background:#f5f2ed}
.complex-copy .complex-cards-track dt{font:700 1.4rem/1.25 'Inter',Arial,sans-serif;color:#1a2833}
.complex-copy .complex-cards-track dd{margin:0;font:400 1.0625rem/1.6 'Inter',Arial,sans-serif;color:#414042}
.complex-cards-track:focus-visible{outline:3px solid #486b91;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.complex-copy .complex-cards-track{scroll-behavior:auto}}

/* Give the readiness CTA breathing room above the button. */
.readiness-copy>.button{margin-top:20px}
/* Mobile carousels scroll cleanly to the screen edge, with inset first/last cards. */
@media(max-width:720px){
 .prepare-section .prepare-copy{padding-inline:24px}
 .stay-carousel .stay-list,.complex-copy .complex-cards-track{
  width:calc(100% + 48px);max-width:none;margin-inline:-24px;padding-inline:24px;
  scroll-padding-inline:24px;background:transparent;mask-image:none;-webkit-mask-image:none;
  scrollbar-width:none;
 }
 .stay-carousel .stay-list::-webkit-scrollbar,.complex-cards-track::-webkit-scrollbar{display:none}
}

/* Blue assessment photo screen, orange eyebrow, and standalone footer mark. */
.final-assessment{background-image:linear-gradient(rgba(26,40,51,.68),rgba(26,40,51,.68)),url('/assets/dont-miss-out.webp')}
.final-assessment>.eyebrow.light{color:#ffae66}
.ms-site-footer .footer-brand>a{width:100px;margin:0 auto 24px}
.ms-site-footer .footer-brand img{width:100%;height:auto;padding:0;margin:0;background:transparent;filter:drop-shadow(0 1px 2px rgba(26,40,51,.5))}

/* Readiness discovery cards and a flat charcoal footer icon. */
.readiness-copy{min-width:0}
.readiness-carousel{margin:24px 0 30px}
.readiness-carousel .stay-list li{background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center}
.readiness-carousel .stay-list li:nth-child(1){background-image:url('/assets/readiness-strengths.svg?v=3')}
.readiness-carousel .stay-list li:nth-child(2){background-image:url('/assets/readiness-support.svg?v=3')}
.readiness-carousel .stay-list li:nth-child(3){background-image:url('/assets/readiness-next-steps.svg?v=3')}
.ms-site-footer .footer-brand img{filter:none}

/* Muted ministry loop behind the closing assessment invitation. */
.final-assessment{position:relative;isolation:isolate;overflow:hidden;background-image:url('/assets/dont-miss-out.webp')}
.final-assessment:before{content:"";position:absolute;inset:0;background:rgba(26,40,51,.84);z-index:1;pointer-events:none}
.final-assessment .assessment-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(.95);z-index:0;opacity:0;transition:opacity .5s}
.final-assessment .assessment-background-video.is-playing{opacity:1}
.final-assessment>:not(.assessment-background-video):not(.assessment-motion){position:relative;z-index:2}
.final-assessment .assessment-motion{position:absolute;right:16px;bottom:14px;z-index:3;border:1px solid rgba(255,255,255,.7);border-radius:4px;background:rgba(26,40,51,.75);color:#fff;min-height:32px;padding:6px 12px;font:700 11px/1.3 'Inter',Arial,sans-serif;cursor:pointer}
.assessment-motion[hidden]{display:none}
.assessment-motion:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.final-assessment .assessment-background-video{display:none;transition:none}}

/* Background videos run without visible pause controls. */
.hero .hero-motion,.final-assessment .assessment-motion{display:none}

/* Screened ministry photography behind Prepared to Stay cards. */
.prepare-copy .stay-list li{background-color:#1a2833;background-image:linear-gradient(rgba(26,40,51,.68),rgba(26,40,51,.82)),var(--prepared-photo);background-position:center;background-size:cover;background-repeat:no-repeat;border-color:rgba(26,40,51,.2);color:#fff}
.prepare-copy .stay-list .stay-card-number{color:#ffae66}
.prepare-copy .stay-list li:nth-child(1){--prepared-photo:url("/media/cbaa14642cd578-1600.webp")}
.prepare-copy .stay-list li:nth-child(2){--prepared-photo:url("/assets/training-carousel/leaders.webp")}
.prepare-copy .stay-list li:nth-child(3){--prepared-photo:url("/assets/photography/replacements/family-field-life-1400.webp")}
.prepare-copy .stay-list li:nth-child(4){--prepared-photo:url("/assets/ministry-fnc.webp")}
.prepare-copy .stay-list li:nth-child(5){--prepared-photo:url("/assets/photography/replacements/bible-training-1600.webp")}
.prepare-copy .stay-list li:nth-child(6){--prepared-photo:url("/assets/photography/replacements/classroom-training-1600.webp")}
.prepare-copy .stay-list li:nth-child(7){--prepared-photo:url("/assets/photography/replacements/png-field-journey-1600.webp")}
.prepare-copy .stay-list li:nth-child(8){--prepared-photo:url("/media/97a2cd476b8186-1200.webp")}

/* Match all homepage carousels to the Prepared to Stay card scale. */
.stay-carousel .stay-list li,.complex-copy .complex-cards-track>div{
 flex:0 0 80%;min-height:210px;padding:28px;gap:25px;
 display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;
 border-radius:14px;text-align:left;
}
.complex-copy .complex-cards-track dt{
 font:700 .78rem/1 'Inter',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#997542;
}
.complex-copy .complex-cards-track dd{
 font:700 clamp(1.15rem,2vw,1.45rem)/1.35 'Inter',Arial,sans-serif;color:#1a2833;margin:0;
}
@media(min-width:1400px){
 .stay-carousel .stay-list li,.complex-copy .complex-cards-track>div{flex-basis:calc((100% - 16px)/2)}
}

/* Why Complex Places opens with video and closes with a square field moment. */
.complex-section .complex-video{align-self:start}
.complex-copy .complex-field-moment{position:relative;isolation:isolate;aspect-ratio:1;margin:40px 0 0;overflow:hidden;background:#1a2833}
.complex-field-moment>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.7)}
.complex-field-moment:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(26,40,51,.03) 20%,rgba(26,40,51,.24) 45%,rgba(26,40,51,.88) 100%);z-index:1;pointer-events:none}
.complex-field-moment>figcaption{position:absolute;left:28px;right:28px;bottom:28px;z-index:2;color:#fff;font:800 clamp(1.5rem,3vw,2.25rem)/1.13 'Inter',Arial,sans-serif;letter-spacing:-.03em;max-width:19ch}
@media(max-width:900px){
 .complex-section .complex-video{order:0}
 .complex-section .complex-copy{order:1}
}

/* Centered title on a full-bleed field photo. */
.complex-field-moment>img{object-position:center}
.complex-field-moment:after{background:linear-gradient(180deg,rgba(26,40,51,.42),rgba(26,40,51,.68))}
.complex-field-moment>figcaption{inset:0;max-width:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:32px;color:#fff;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.13;letter-spacing:-.035em}
@media(max-width:720px){
 .complex-section .complex-copy{padding-bottom:0}
 .complex-copy .complex-field-moment{width:calc(100% + 48px);max-width:none;margin:40px -24px 0}
}

/* Gentle movement on the community photo; lettering remains still. */
.complex-field-moment>img{object-position:45% center;animation:field-moment-drift 16s ease-in-out infinite alternate;animation-play-state:paused;transform:scale(1.025);transform-origin:45% 50%}
.complex-field-moment.is-visible>img{animation-play-state:running}
@keyframes field-moment-drift{from{transform:scale(1.025) translateX(-.3%)}to{transform:scale(1.09) translateX(.5%)}}
@media(prefers-reduced-motion:reduce){.complex-field-moment>img{animation:none;transform:none}}

/* Shared rounded button treatment across legacy and rebuilt pages. */
body :is(a.button,a.ms-button,a.editorial-button,a.png-button,a.about-button,a.et_pb_button,a[role="button"],input[type="submit"],input[type="button"],button:not(.video-sound-toggle):not(.vision-video-poster)){
 border-radius:12px !important;
}
.ms-site-footer .footer-brand p{text-align:center;margin-left:auto;margin-right:auto}

/* Three deliberate lines give the field statement a centered title rhythm. */
.complex-field-moment>figcaption{flex-direction:column;gap:.16em;padding:24px;font-size:clamp(1rem,5.5vw,2.25rem);line-height:1.14;letter-spacing:.015em;text-transform:uppercase}
.complex-field-moment>figcaption>span{display:block;white-space:nowrap}

/* A quiet photographic sequence and an editorial serif statement. */
.complex-field-moment .field-slides{position:absolute;inset:0;overflow:hidden}
.complex-field-moment .field-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:saturate(.72);transform:scale(1.025);transition:opacity .55s ease;animation:field-sequence-pan 8s ease-in-out infinite alternate;animation-play-state:paused}
.complex-field-moment .field-slide.is-active{opacity:1}
.complex-field-moment.is-visible .field-slide.is-active{animation-play-state:running}
.complex-field-moment .field-slide:nth-child(3){object-position:center}
.complex-field-moment .field-slide:nth-child(4){object-position:60% center}
.complex-field-moment:after{background:linear-gradient(180deg,rgba(20,33,40,.3),rgba(20,33,40,.55) 45%,rgba(20,33,40,.54))}
.complex-field-moment>figcaption{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.4rem,7vw,3.15rem);font-weight:400;line-height:1.22;letter-spacing:-.025em;text-transform:none;gap:.12em;padding:24px;text-shadow:0 2px 20px rgba(0,0,0,.2)}
.complex-field-moment>figcaption>span:last-child{font-size:1em;font-style:normal;color:#fff}
.complex-field-moment>figcaption em{font-style:italic;color:inherit}
.final-assessment .assessment-reveal-word{display:inline-block}

/* Four documentary chapters connected by the visitor's scroll. */
.difference-section .difference-heading{text-align:left;margin:0;max-width:800px}
.difference-section .difference-heading .section-label{justify-content:flex-start}
.difference-section .difference-heading>p{margin:0 0 20px}
.sending-story{position:relative;margin-top:64px;--journey-progress:0%}
.sending-story:before,.sending-story:after{content:"";position:absolute;left:19px;top:18px;width:1px;pointer-events:none}
.sending-story:before{bottom:calc(-1 * var(--story-tail,84px));background:#d4cec3}
.sending-story:after{height:var(--journey-progress);max-height:none;background:#c45508}
.sending-stage{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center;padding:0 0 72px}
.sending-stage .story-number{position:relative;z-index:1;align-self:start;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f5f2ed;color:#a34a12;font:700 .8rem/1 'Inter',Arial,sans-serif;letter-spacing:.08em}
.sending-stage .story-copy{grid-column:3;grid-row:1;padding:16px 12px}
.sending-stage .story-copy h3{margin:0 0 18px;font:700 .74rem/1.3 'Inter',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#a34a12}
.sending-stage .story-copy p{margin:0;color:#1a2833;font:700 clamp(1.3rem,2.3vw,2rem)/1.3 'Inter',Arial,sans-serif;letter-spacing:-.025em;max-width:25ch}
.sending-stage .story-photo{display:block;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px;filter:saturate(.82)}
.sending-stage:nth-child(even) .story-copy{grid-column:2}
.sending-stage:nth-child(even) .story-photo{grid-column:3}
.sending-story.has-story-motion .story-copy,.sending-story.has-story-motion .story-photo{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}
.sending-story.has-story-motion .is-revealed .story-copy,.sending-story.has-story-motion .is-revealed .story-photo{opacity:1;transform:none}
.sending-story.has-story-motion .story-photo{transition-delay:.12s}
@media(max-width:720px){
 .sending-story{margin-top:44px}
 .sending-stage{grid-template-columns:32px minmax(0,1fr);gap:18px 16px;padding-bottom:48px;align-items:start}
 .sending-story:before,.sending-story:after{left:15px}
 .sending-stage .story-number{width:32px;height:32px}
 .sending-stage .story-copy,.sending-stage:nth-child(even) .story-copy{grid-column:2;grid-row:1;padding:4px 0 0}
 .sending-stage .story-copy h3{margin-bottom:12px}
 .sending-stage .story-copy p{font-size:1.35rem;line-height:1.35;max-width:none}
 .sending-stage .story-photo,.sending-stage:nth-child(even) .story-photo{grid-column:2;grid-row:2;aspect-ratio:5/4}
 .sending-story:before{bottom:calc(-1 * var(--story-tail,56px))}
 .sending-story:after{max-height:none}
}
@media(prefers-reduced-motion:reduce){.sending-story.has-story-motion .story-copy,.sending-story.has-story-motion .story-photo{opacity:1;transform:none;transition:none}}
.sending-stage .story-photo{width:60%;justify-self:start}
#mission .need-label{border-left:0;padding-left:0}

/* Photographs burn softly into the neutral Trust, Time and A Plan cards. */
.complex-copy .complex-cards-track>div{position:relative;isolation:isolate;overflow:hidden}
.complex-copy .complex-cards-track>div:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background-image:var(--complex-card-photo);background-size:cover;background-position:center;filter:saturate(.65);opacity:.3;mix-blend-mode:multiply;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.18) 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,.18) 100%);pointer-events:none}
.complex-copy .complex-cards-track>div:nth-child(1){--complex-card-photo:url('/assets/complex-card-photos/trust.webp')}
.complex-copy .complex-cards-track>div:nth-child(2){--complex-card-photo:url('/assets/complex-card-photos/time.webp')}
.complex-copy .complex-cards-track>div:nth-child(3){--complex-card-photo:url('/media/97a2cd476b8186-1200.webp')}
@media(prefers-reduced-motion:reduce){.final-assessment .assessment-reveal-word{opacity:1!important}}
.complex-field-moment.has-scroll-reveal>figcaption>span{will-change:opacity,transform}
@keyframes field-sequence-pan{from{transform:scale(1.025) translateX(-.5%)}to{transform:scale(1.12) translateX(.5%)}}
@media(prefers-reduced-motion:reduce){
 .complex-field-moment .field-slide{animation:none;transform:none;transition:none}
 .complex-field-moment.has-scroll-reveal>figcaption>span{opacity:1!important;transform:none!important}
}

.complex-copy .complex-cards-track dt{color:#9e4619}

/* Photo-led portrait cards with the message balanced at the top. */
.complex-copy,.complex-photo-story{min-width:0}
.complex-photo-story{margin:30px 0 0}
.complex-photo-track{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:0 0 6px}
.complex-photo-track::-webkit-scrollbar{display:none}
.complex-photo-track:focus-visible{outline:2px solid #486b91;outline-offset:6px}
.complex-photo-panel{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;flex:0 0 82%;max-width:390px;height:550px;min-height:0;scroll-snap-align:start;border-radius:24px;background:#1a2833 url('/assets/navy-terrain-strengths.svg') center top/100% auto repeat-y}
.complex-photo-panel:nth-child(2){background-image:url('/assets/navy-terrain-support.svg')}
.complex-photo-panel:nth-child(3){background-image:url('/assets/navy-terrain-next-steps.svg')}
.complex-photo-panel>img{position:static;display:block;flex:1 1 0;width:100%;height:0;min-height:0;object-fit:cover;filter:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.03) 12%,rgba(0,0,0,.16) 28%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.74) 64%,rgba(0,0,0,.96) 84%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.03) 12%,rgba(0,0,0,.16) 28%,rgba(0,0,0,.42) 45%,rgba(0,0,0,.74) 64%,rgba(0,0,0,.96) 84%,#000 100%)}
.complex-photo-panel:after{content:none}
.complex-panel-copy{position:relative;z-index:2;display:flex;flex:0 0 auto;flex-direction:column;justify-content:flex-start;gap:14px;min-height:40%;box-sizing:border-box;padding:28px}
.complex-copy .complex-panel-copy h3{font:700 .85rem/1.3 'Inter',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffb36a;margin:0}
.complex-copy .complex-panel-copy p{font:700 1.5rem/1.22 'Inter',Arial,sans-serif;letter-spacing:-.025em;color:#fff;margin:0;max-width:25ch}
@media(max-width:720px){
 .complex-photo-track{width:calc(100% + 48px);max-width:none;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px;gap:20px}
 .complex-photo-panel{flex-basis:calc(100vw - 88px);max-width:390px;height:clamp(470px,135vw,570px)}
 .complex-panel-copy{padding:26px 24px;gap:12px}
 .complex-copy .complex-panel-copy p{font-size:clamp(1.25rem,5.8vw,1.5rem)}
}
@media(prefers-reduced-motion:reduce){.complex-photo-track{scroll-behavior:auto}}

/* Shared navigation: warm editorial surfaces, quiet icons, and orange accents. */
.tet-links>button:after{height:2px;background:#b44e13}
.tet-links>button span{color:#69716f}
.tet-header :is(a,button):focus-visible{outline-color:#a34a12}
.tet-mega{background:#f5f2ed;border-top:1px solid #e3ded5;box-shadow:0 20px 32px rgba(26,40,51,.1);max-height:calc(100dvh - var(--tet-header-height,96px));overflow-y:auto}
.tet-mega-inner{padding-top:38px;padding-bottom:42px;gap:48px}
.tet-mega-label{color:#a34a12;font-size:10px;line-height:1.4;letter-spacing:.17em;margin-bottom:18px}
.tet-mega-column>a{padding:10px 0}
.tet-mega-column strong{font-size:15px;line-height:1.35;font-weight:700;letter-spacing:-.015em}
.tet-mega-column span{font:400 12px/1.55 'Inter',Arial,sans-serif;color:#68706e;margin-top:5px}
.tet-mega-column>a:hover strong,.tet-mega-column>a:hover{color:#a34a12}
.tet-mega-serve{background:#eae5dc;padding:24px;border-radius:10px}
.tet-mega-serve .view-all{border-top:0;color:#a34a12;padding-top:10px;margin-top:10px;line-height:1.5}
.tet-mega-resource-lead{border-right:0}
.tet-feature{border-radius:10px;background:#1a2833}
.tet-feature h2{font-size:21px;line-height:1.2;letter-spacing:-.025em}
.tet-feature p,.tet-feature a{color:#ffae66;line-height:1.5}
.tet-feature .summary{font-style:normal;color:#e2e1da;line-height:1.6}
.tet-location-icon{background:transparent;color:#586860;border-radius:0}
@media(max-width:900px){
 #tet-mobile-nav:not([hidden]){background:#f5f2ed;color:#1a2833}
 .tet-mobile-scroll{padding:12px 0 16px;scroll-padding-block:16px}
 .tet-mobile-group{border:0;margin:0}
 .tet-mobile-group>button,.tet-mobile-group.is-open>button{background:transparent;border:0;min-height:56px;padding:12px max(24px,calc((100vw - 520px)/2));font:700 24px/1.2 'Inter',Arial,sans-serif;letter-spacing:-.035em;text-transform:none;color:#59615e}
 .tet-mobile-group.is-open>button{color:#1a2833}
 .tet-mobile-group>button b{width:8px;height:8px;border-color:#89918b;border-width:1.5px}
 .tet-mobile-group.is-open>button b{border-color:#b44e13}
 .tet-mobile-links{padding:2px max(24px,calc((100vw - 520px)/2)) 24px;gap:26px}
 .tet-mobile-links>a{border-left:0}
 .tet-menu-card{padding:12px 0 0;background:transparent;border:0;border-radius:0;box-shadow:none}
 .tet-menu-card h2{font:700 10px/1.4 'Inter',Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#a34a12;margin:0 0 12px;padding-left:0}
 .tet-menu-card .tet-menu-item{min-height:62px;padding:12px 0;gap:16px;border:0;border-radius:6px}
 .tet-menu-icon{width:26px;height:30px;align-self:flex-start;margin-top:3px;background:transparent;color:#56675f;border-radius:0}
 .tet-menu-icon svg{width:23px;height:23px;stroke-width:1.5}
 .tet-menu-item-copy strong{font:700 17px/1.35 'Inter',Arial,sans-serif;letter-spacing:-.02em;color:#1a2833}
 .tet-menu-item-copy>span{font:400 13px/1.55 'Inter',Arial,sans-serif;color:#66706b;margin-top:4px}
 .tet-menu-item:hover strong{color:#a34a12}
 .tet-mobile-menu-footer{background:#f5f2ed;border-top:1px solid #ded8ce;gap:12px;padding:16px max(24px,calc((100vw - 520px)/2)) max(18px,env(safe-area-inset-bottom))}
 .tet-mobile-menu-footer .nav-pill{min-height:50px;border-radius:12px;font-weight:700;letter-spacing:.045em}
 .tet-mobile-menu-footer .nav-assessment{background:#1a2833;border-color:#1a2833;color:#fff}
 .tet-mobile-menu-footer .nav-assessment:hover{background:#2c414e}
 .tet-mobile-menu-footer .nav-give{background:#c45508;border-color:#c45508;color:#fff}
 .tet-mobile-menu-footer .nav-give:hover{background:#a74409}
 body.tet-menu-open .tet-menu-button{padding:10px 14px;border:1px solid #d7d2c9;background:#f5f2ed;color:#1a2833}
}
.readiness-section>.readiness-device{mix-blend-mode:normal;height:auto;object-fit:contain}

/* A personal starting point, expressed as three quiet, expandable text rows. */
.readiness-copy .readiness-question{font:700 clamp(1.2rem,2vw,1.5rem)/1.35 'Inter',Arial,sans-serif;letter-spacing:-.02em;margin:36px 0 22px;max-width:28ch}
.readiness-choices{border-top:1px solid #ccc6bc;margin:0 0 36px}
.readiness-choices details{border-bottom:1px solid #ccc6bc}
.readiness-choices summary{position:relative;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;cursor:pointer;color:#586064;font:500 1.125rem/1.4 'Inter',Arial,sans-serif;letter-spacing:-.015em}
.readiness-choices summary::-webkit-details-marker{display:none}
.readiness-choices summary::marker{content:""}
.readiness-choices summary:focus-visible{outline:2px solid #a34a12;outline-offset:5px;border-radius:4px}
.readiness-choices details[open] summary{color:#1a2833;font-weight:700}
.readiness-choices .choice-indicator{position:relative;display:block;flex:0 0 18px;width:18px;height:18px;color:#7f827a}
.choice-indicator:before,.choice-indicator:after{content:"";position:absolute;left:2px;right:2px;top:8px;height:1.5px;background:currentColor}
.choice-indicator:after{transform:rotate(90deg);transition:transform .2s ease}
.readiness-choices details[open] .choice-indicator{color:#c45508}
.readiness-choices details[open] .choice-indicator:after{transform:rotate(0)}
.readiness-choices .readiness-answer{border-left:2px solid #c45508;margin:0 0 24px;padding:0 0 0 18px;max-width:48ch;animation:readiness-answer-in .35s ease both}
.readiness-choices .readiness-answer p{font:400 1rem/1.65 'Inter',Arial,sans-serif;color:#41494e;margin:0}
@keyframes readiness-answer-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.readiness-choices .readiness-answer{animation:none}.choice-indicator:after{transition:none}}

/* Desktop: give Trust, Time and A Plan an independent, full-width row. */
@media(min-width:981px){
 .complex-section{row-gap:0}
 .complex-section .complex-copy{display:contents}
 .complex-section .complex-video{grid-column:1;grid-row:1 / 5}
 .complex-copy>.eyebrow{grid-column:2;grid-row:1}
 .complex-copy>h2{grid-column:2;grid-row:2}
 .complex-copy>p:not(.eyebrow){grid-column:2;grid-row:3}
 .complex-copy>h3{grid-column:2;grid-row:4}
 .complex-copy>.complex-photo-story{grid-column:1 / -1;grid-row:5;width:100%;max-width:1200px;justify-self:center;margin:48px 0 0}
 .complex-photo-story .complex-photo-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;overflow:visible;scroll-snap-type:none;padding:0}
 .complex-photo-story .complex-photo-panel{width:100%;max-width:none;height:clamp(480px,40vw,550px)}
 .complex-copy>.complex-field-moment{grid-column:1 / -1;grid-row:6;width:calc(100% + 2 * max(28px,calc((100vw - var(--max))/2)));max-width:none;height:680px;aspect-ratio:auto;justify-self:center;margin:48px 0 0}
}

body .final-assessment .readiness-invitation-button{background:#c45508;border-color:#c45508;color:#fff}
body .final-assessment .readiness-invitation-button:hover{background:#a84408;border-color:#a84408}

/* Desktop preparation: shallow edge-to-edge photo above the heading and cards. */
@media(min-width:981px){
 .prepare-section{grid-template-columns:minmax(0,1fr);min-height:0}
 .prepare-section>img{height:clamp(280px,26vw,420px);min-height:0;object-fit:cover;object-position:center 45%}
 .prepare-section .prepare-copy{padding:64px clamp(32px,4vw,72px) 80px}
 .prepare-copy .section-label{margin-bottom:32px}
 .prepare-copy h2{max-width:1100px}
 .prepare-copy .stay-carousel{margin-top:40px}
 .prepare-copy .stay-list{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px}
 .prepare-copy .stay-list li{flex:0 0 clamp(260px,27vw,380px);min-width:0;min-height:230px}
}

/* Show all three readiness discoveries together on desktop. */
@media(min-width:981px){
 .readiness-carousel .stay-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;scroll-snap-type:none;padding-bottom:0}
 .readiness-carousel .stay-list li{min-width:0;padding:22px;flex-basis:auto}
}

@media(min-width:981px) and (prefers-reduced-motion:no-preference){
 .prepare-copy .prepare-text-reveal{transition:opacity .65s ease,translate .65s ease}
 .prepare-copy .prepare-text-pending{opacity:0;translate:0 16px}
}
@media print{.prepare-copy .prepare-text-pending{opacity:1;translate:none}}

/* Desktop field photo: breathing room above, warm paper below. */
@media(min-width:981px){
 .complex-copy>.complex-field-moment{margin-top:96px}
 .complex-section{padding-bottom:84px;background:linear-gradient(to top,#f5f2ed 84px,#ece6dd 84px)}
}

/* Desktop Eight Phases video has a centered row with its native proportions. */
@media(min-width:981px){
 .complex-section .complex-video{grid-column:1 / -1;grid-row:1;width:100%;max-width:960px;aspect-ratio:16/9;justify-self:center;margin:0 0 64px}
 .complex-copy>.eyebrow{grid-column:1 / -1;grid-row:2}
 .complex-copy>h2{grid-column:1 / -1;grid-row:3;max-width:1000px}
 .complex-copy>p:not(.eyebrow){grid-column:1 / -1;grid-row:4}
 .complex-copy>h3{grid-column:1 / -1;grid-row:5}
 .complex-copy>.complex-photo-story{grid-row:6}
 .complex-copy>.complex-field-moment{grid-row:7}
}

/* A restrained desktop spacing adjustment for How We Send. */
@media(min-width:901px){
 .difference-section .sending-story{margin-top:52px}
 .difference-section .sending-stage{column-gap:24px;padding-bottom:56px}
 .difference-section .sending-stage:nth-child(odd) .story-photo{justify-self:center}
}

/* Homepage How We Send: four aligned photo cards on desktop only. */
@media(min-width:901px){
 .difference-section{padding-inline:5vw}
 .difference-section .difference-heading{max-width:none}
 .difference-section .difference-heading .section-label{margin-bottom:16px}
 .difference-section .difference-heading h2{font-size:clamp(40px,3.3vw,66px);margin-bottom:20px}
 .difference-section .difference-heading>p{max-width:none;font-size:clamp(18px,1.4vw,28px);line-height:1.5;margin-bottom:14px}
 .difference-section .difference-heading>strong{margin-top:0;font-size:clamp(17px,1.2vw,24px)}
 .difference-section .sending-story{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.5vw,30px);margin-top:44px;counter-reset:sending-card}
 .difference-section .sending-story::before,.difference-section .sending-story::after{display:none}
 .difference-section .sending-stage{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:0;align-items:stretch;padding:0;min-width:0;background:#fffdf9;counter-increment:sending-card}
 .difference-section .sending-stage .story-number{display:none}
 .difference-section .sending-stage .story-photo,.difference-section .sending-stage:nth-child(even) .story-photo,.difference-section .sending-stage:nth-child(odd) .story-photo{grid-column:1;grid-row:1;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:0;justify-self:stretch}
 .difference-section .sending-stage .story-copy,.difference-section .sending-stage:nth-child(even) .story-copy{grid-column:1;grid-row:2;padding:clamp(18px,1.4vw,28px);min-width:0}
 .difference-section .sending-stage .story-copy h3{margin:0 0 14px;font-size:clamp(11px,.9vw,18px);line-height:1.3;letter-spacing:.16em}
 .difference-section .sending-stage .story-copy h3::before{content:counter(sending-card,decimal-leading-zero) ' / '}
 .difference-section .sending-stage .story-copy p{font-size:clamp(18px,1.7vw,34px);line-height:1.15;letter-spacing:-.02em;max-width:none;margin:0}
}

/* Mobile How We Send: use the whole photo column and compact the timeline gaps. */
@media(max-width:720px){
 .difference-section .sending-story{margin-top:32px}
 .difference-section .sending-stage{gap:14px 16px;padding-bottom:28px}
 .difference-section .sending-stage .story-photo,
 .difference-section .sending-stage:nth-child(even) .story-photo{
  width:100%;max-width:100%;height:auto;aspect-ratio:3/2;justify-self:stretch;
 }
 .difference-section .sending-stage:last-child{padding-bottom:0}
}

/* Desktop homepage section titles share a fixed size; the closing keeps its scale. */
@media(min-width:901px){
 body #main .mission-message h2,
 body #main .prepare-copy h2,
 body #main .difference-heading h2,
 body #main .complex-copy h2,
 body #main .readiness-copy h2{font-size:45px}
}

/* Balance the closing heading across lines at every viewport size. */
body #main .final-assessment h2{text-wrap:balance}