/* ============================================================
   COASTLINE MINISTRY PAGES  ·  "Blue & Sand"
   Students · Young Adults · Care · Food Pantry · Serve
   Palette : navy #183c76 · bright blue #3472d5 · sky #a7c4ef
             FALL (Nov 2, Dani): cream #f7f1e8 · tan-cream #ede2d3 · tan #c9ae90
             cognac #8a6446 · walnut #4a3528 · espresso #33251c — browns, no gold
   Type    : Zalando Sans (body) + Zalando Sans Expanded (display)
   Hero    : .mn--a Harbor · .mn--b Linen · .mn--c Tide
   Everything is scoped to .mn so nothing leaks into the rest of the site.
   ============================================================ */

.mn{
	--navy:#183c76; --navy-700:#173463; --navy-800:#11284f; --navy-900:#0c1d3a; --navy-950:#08142a;
	--blue:#3472d5; --blue-600:#2b62bd; --blue-700:#244f97;
	--sky:#a7c4ef; --sky-200:#cfe0f8; --sky-50:#eef3fb;
	--paper:#f7f1e8; --cream:#f7f1e8; --card:#fffbf5; --linen:#ede2d3; --sand:#e2d2bd; --tan:#c9ae90; --tan-lt:#e8d5bd; --driftwood:#6b5443;
	--brown:#8a6446; --brown-600:#7a5539; --brown-700:#5e4231; --brown-800:#4a3528; --brown-900:#33251c; --icon-bg:#efe3d3;
	--ink:#0d1626; --muted:#4b5567;
	--line:rgba(24,60,118,.12); --line-d:rgba(255,255,255,.14);
	--sans:"Zalando Sans","Helvetica Neue",Arial,sans-serif;
	--display:"Zalando Sans Expanded","Zalando Sans","Helvetica Neue",Arial,sans-serif;
	--ease:cubic-bezier(.2,.7,.1,1);
	--sec:clamp(80px,10vw,140px);
	--edge:max(16px,calc((100% - 1240px) / 2));

	position:relative;
	width:100%;
	overflow:hidden;
	background:var(--cream);
	color:var(--ink);
	font:400 17px/1.65 var(--sans);
	-webkit-font-smoothing:antialiased;
}

/* ---------- reset against Salient ---------- */
.mn-wrap-outer.container-wrap{padding:0 !important;margin:0 !important;background:#f7f1e8 !important;}
.mn *,.mn *::before,.mn *::after{box-sizing:border-box;}
.mn :where(h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,cite,dl,dt,dd){margin:0;padding:0;border:0;color:inherit;letter-spacing:normal;text-transform:none;}
.mn :where(ul,ol){list-style:none;}
.mn li{list-style:none !important;}
.mn blockquote{border:0 !important;margin:0 !important;padding:0 !important;quotes:none;background:none !important;}
.mn blockquote::before,.mn blockquote::after{content:none !important;}
.mn :where(img){display:block;max-width:100%;height:auto;border-radius:0;box-shadow:none;margin:0;}
.mn :where(a){color:inherit;text-decoration:none;}
.mn :focus-visible{outline:3px solid var(--blue);outline-offset:4px;border-radius:6px;}
.mn em,.mn h1 span,.mn h2 span{font-family:inherit !important;font-weight:inherit !important;font-style:normal !important;letter-spacing:inherit !important;}
.mn-nowrap{white-space:nowrap;}
.mn svg{flex:none;}

.mn-wrap{width:min(1240px,100% - 32px);margin-inline:auto;position:relative;}

/* ---------- Salient header: light bar once a dark hero is scrolled past ---------- */
body.cl-mn-page #header-outer{transition:background-color .3s,box-shadow .3s,transform .3s,opacity .3s !important;}
html.mn-past-hero body.cl-mn-page #header-outer#header-outer{background-color:#f1efed !important;box-shadow:0 8px 28px -18px rgba(3,9,17,.45) !important;}
html.mn-past-hero body.cl-mn-page #header-outer#header-outer #logo img.stnd{opacity:1 !important;}
html.mn-past-hero body.cl-mn-page #header-outer#header-outer #logo img.starting-logo{opacity:0 !important;}
html.mn-past-hero body.cl-mn-page #header-outer#header-outer #top nav > ul > li:not([class*="menu-item-btn-style"]):not([class*="button_solid"]) > a{color:#183c76 !important;}
html.mn-past-hero body.cl-mn-page #header-outer#header-outer #top .slide-out-widget-area-toggle .lines,
html.mn-past-hero body.cl-mn-page #header-outer#header-outer #top .slide-out-widget-area-toggle .lines:before,
html.mn-past-hero body.cl-mn-page #header-outer#header-outer #top .slide-out-widget-area-toggle .lines:after{background-color:#183c76 !important;}

/* ============================================================ SHARED BITS */
.mn-eyebrow{display:inline-flex;align-items:center;gap:12px;font:700 12.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brown-600);}
.mn-eyebrow::before{content:"";width:28px;height:2px;border-radius:2px;background:var(--tan);flex:none;}
.mn-dark .mn-eyebrow,.mn-sec--navy .mn-eyebrow,.mn-sec--brown .mn-eyebrow{color:var(--sky);}
.mn-dark .mn-eyebrow::before,.mn-sec--navy .mn-eyebrow::before,.mn-sec--brown .mn-eyebrow::before{background:var(--tan-lt);opacity:.7;}

.mn .mn-h2{font:800 clamp(32px,4.2vw,56px)/1.04 var(--display);letter-spacing:-.03em;color:var(--navy);margin-top:18px;}
.mn .mn-h2 em{color:var(--brown);}
.mn-sec--navy .mn-h2,.mn-dark .mn-h2,
.mn-sec--brown .mn-h2{color:#fff;}
.mn-sec--navy .mn-h2 em,.mn-dark .mn-h2 em,
.mn-sec--brown .mn-h2 em{color:var(--sky);}
.mn-lead{font-size:clamp(17px,1.35vw,19px);line-height:1.65;color:var(--muted);}
.mn-sec--navy .mn-lead,
.mn-sec--brown .mn-lead{color:rgba(255,255,255,.78);}
.mn-lead strong,.mn-copy strong{color:var(--navy);font-weight:700;}
.mn-sec--navy .mn-lead strong,
.mn-sec--brown .mn-lead strong{color:#fff;}

.mn-head{display:grid;grid-template-columns:1.1fr 1fr;gap:28px 64px;align-items:end;margin-bottom:clamp(36px,5vw,64px);}
.mn-head .mn-lead{max-width:46ch;}
.mn-head--center{grid-template-columns:1fr;justify-items:center;text-align:center;}
.mn-head--center .mn-lead{max-width:56ch;}
@media (max-width:900px){.mn-head{grid-template-columns:1fr;}}

/* Buttons — pills */
.mn-btns{display:flex;flex-wrap:wrap;gap:12px;}
.mn-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 15px/1 var(--sans) !important;padding:16px 28px !important;border-radius:999px !important;border:1.5px solid transparent;background:transparent;transition:transform .3s var(--ease),background-color .3s,color .3s,border-color .3s;cursor:pointer;white-space:nowrap;text-decoration:none !important;}
.mn-btn:hover{transform:translateY(-2px);}
.mn-btn svg{width:17px;height:17px;transition:transform .3s var(--ease);}
.mn-btn:hover svg{transform:translateX(3px);}
.mn .mn-btn--solid{background:var(--blue);color:#fff;}
.mn .mn-btn--solid:hover{background:var(--navy);color:#fff;}
.mn .mn-btn--line{border-color:var(--navy);color:var(--navy);}
.mn .mn-btn--line:hover{background:var(--navy);color:#fff;}
.mn .mn-dark .mn-btn--solid:hover,.mn .mn-sec--navy .mn-btn--solid:hover,.mn .mn-sec--brown .mn-btn--solid:hover{background:#fff;color:var(--navy);}
.mn .mn-dark .mn-btn--line,.mn .mn-sec--navy .mn-btn--line,.mn .mn-sec--brown .mn-btn--line{border-color:rgba(255,255,255,.55);color:#fff;}
.mn .mn-dark .mn-btn--line:hover,.mn .mn-sec--navy .mn-btn--line:hover,.mn .mn-sec--brown .mn-btn--line:hover{background:#fff;color:var(--navy);border-color:#fff;}
.mn .mn-btn--white{background:#fff;color:var(--navy);}
.mn .mn-btn--white:hover{background:var(--sand);color:var(--navy);}

.mn-link{display:inline-flex;align-items:center;gap:8px;font:700 15px/1.2 var(--sans);color:var(--navy);text-decoration:none !important;}
.mn-link span{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding-bottom:3px;transition:background-size .4s var(--ease);}
.mn-link:hover span{background-size:100% 1.5px;}
.mn-link svg{width:16px;height:16px;transition:transform .3s var(--ease);}
.mn-link:hover svg{transform:translateX(4px);}
.mn-sec--navy .mn-link,.mn-dark .mn-link,
.mn-sec--brown .mn-link{color:#fff;}

/* Scroll reveals only kick in once ministries.js has run (it adds .mn-js). */
.mn.mn-js .mn-rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease);}
.mn.mn-js .mn-rv.in{opacity:1;transform:none;}
.mn-d1{transition-delay:.1s !important;}.mn-d2{transition-delay:.2s !important;}.mn-d3{transition-delay:.3s !important;}.mn-d4{transition-delay:.4s !important;}
.mn-in{animation:mn-rise 1s var(--ease) both;}
.mn-in.mn-d1{animation-delay:.12s;}.mn-in.mn-d2{animation-delay:.24s;}.mn-in.mn-d3{animation-delay:.36s;}
@keyframes mn-rise{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
@keyframes mn-fade{from{opacity:0;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){
	.mn.mn-js .mn-rv{opacity:1;transform:none;transition:none;}
	.mn-in,.mn-hero__media img{animation:none !important;}
	.mn *{transition-duration:.01s !important;}
}

/* Small wave rule (tan) — the one coastal mark */
.mn-wave{display:block;width:72px;height:12px;color:var(--tan);}
.mn-wave path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;}

/* ============================================================ HERO (shared) */
.mn-hero{position:relative;isolation:isolate;overflow:hidden;}
.mn-hero__media img{animation:mn-fade 1.4s var(--ease) backwards;}
.mn-hero__copy{max-width:620px;position:relative;}
.mn .mn-hero h1{font:800 clamp(44px,5.4vw,82px)/.98 var(--display);letter-spacing:-.035em;margin:22px 0 24px;}
.mn .mn-hero h1 span{display:block;}
.mn-hero__lead{font-size:clamp(18px,1.45vw,20px);line-height:1.6;max-width:42ch;margin-bottom:34px !important;}
.mn-facts{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:44px !important;padding-top:24px !important;border-top:1px solid var(--line) !important;max-width:640px;}
.mn-facts li{display:flex;align-items:center;gap:10px;font:500 14.5px/1.35 var(--sans);}
.mn-facts li b{font-weight:700;}
.mn-facts svg{width:18px;height:18px;}

/* ---------- Look A · Harbor: dark navy, photo on the right ---------- */
.mn--a .mn-hero{background:var(--navy-900);color:#fff;min-height:clamp(640px,96vh,900px);display:flex;align-items:center;}
.mn--a .mn-hero__media{position:absolute;top:0;right:0;bottom:0;width:58%;z-index:-2;overflow:hidden;}
.mn--a .mn-hero__media img{width:100%;height:100%;object-fit:cover;}
.mn--a .mn-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
	linear-gradient(to right,var(--navy-900) 0%,var(--navy-900) 41%,rgba(12,29,58,.82) 50%,rgba(12,29,58,.28) 68%,rgba(12,29,58,0) 84%),
	linear-gradient(to top,rgba(12,29,58,.9) 0%,rgba(12,29,58,0) 30%),
	linear-gradient(to bottom,rgba(12,29,58,.6) 0%,rgba(12,29,58,0) 22%);}
.mn--a .mn-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 70% at 6% 62%,rgba(52,114,213,.2),transparent 70%),radial-gradient(55% 60% at 30% 112%,rgba(138,100,70,.32),transparent 72%);}
.mn--a .mn-hero > .mn-wrap{z-index:1;padding:150px 0 clamp(80px,9vw,120px);}
.mn--a .mn-hero .mn-eyebrow{color:var(--sky);}
.mn--a .mn-hero .mn-eyebrow::before{background:var(--tan-lt);}
.mn--a .mn-hero h1 span{color:var(--sky);}
.mn--a .mn-hero__lead{color:rgba(255,255,255,.84);}
.mn--a .mn-facts{border-top-color:var(--line-d) !important;color:rgba(255,255,255,.8);}
.mn--a .mn-facts b{color:#fff;}
.mn--a .mn-facts svg{color:var(--tan-lt);}
.mn--a .mn-hero .mn-btn--solid:hover{background:#fff;color:var(--navy);}
.mn--a .mn-hero .mn-btn--line{border-color:rgba(255,255,255,.55);color:#fff;}
.mn--a .mn-hero .mn-btn--line:hover{background:#fff;color:var(--navy);border-color:#fff;}

/* ---------- Look B · Linen: light, framed photo ---------- */
.mn--b .mn-hero{background:var(--linen);color:var(--navy);}
.mn--b .mn-hero::before{content:"";position:absolute;width:min(46vw,640px);aspect-ratio:1;right:-10vw;top:-18vw;border-radius:50%;background:radial-gradient(closest-side,rgba(52,114,213,.10),transparent);z-index:-1;}
.mn--b .mn-hero > .mn-wrap{min-height:clamp(560px,72vh,760px);display:flex;align-items:center;padding:clamp(56px,6vw,96px) 0 clamp(72px,8vw,120px);}
.mn--b .mn-hero__copy{max-width:min(580px,50%);}
.mn--b .mn-hero__media{position:absolute;z-index:0;top:clamp(56px,6vw,96px);bottom:clamp(72px,8vw,120px);right:var(--edge);width:min(42%,540px);border-radius:24px 24px 24px 160px;overflow:hidden;box-shadow:-24px 24px 0 var(--sand);}
.mn--b .mn-hero__media img{width:100%;height:100%;object-fit:cover;}
.mn--b .mn-hero h1{color:var(--navy);}
.mn--b .mn-hero h1 span{color:var(--blue);}
.mn--b .mn-hero__lead{color:var(--muted);}
.mn--b .mn-facts{color:var(--muted);}
.mn--b .mn-facts b{color:var(--navy);}
.mn--b .mn-facts svg{color:var(--blue);}

/* ---------- Look C · Tide: full photo under the Coastline blue fade ---------- */
.mn--c .mn-hero{background:var(--navy);color:#fff;min-height:clamp(620px,92vh,880px);display:flex;align-items:flex-end;}
.mn--c .mn-hero__media{position:absolute;inset:0;z-index:-2;overflow:hidden;}
.mn--c .mn-hero__media img{width:100%;height:100%;object-fit:cover;}
.mn--c .mn-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
	linear-gradient(to right,rgba(24,60,118,.96) 0%,rgba(24,60,118,.88) 38%,rgba(52,114,213,.45) 66%,rgba(52,114,213,.15) 100%),
	linear-gradient(to top,rgba(12,29,58,.65) 0%,rgba(12,29,58,0) 45%),
	linear-gradient(to bottom,rgba(12,29,58,.5) 0%,rgba(12,29,58,0) 24%);}
.mn--c .mn-hero > .mn-wrap{z-index:1;padding:170px 0 clamp(70px,8vw,110px);}
.mn--c .mn-hero .mn-eyebrow{color:var(--sky-200);}
.mn--c .mn-hero .mn-eyebrow::before{background:var(--tan-lt);}
.mn--c .mn-hero h1 span{color:var(--sky-200);}
.mn--c .mn-hero__lead{color:rgba(255,255,255,.88);}
.mn--c .mn-facts{border-top-color:rgba(255,255,255,.22) !important;color:rgba(255,255,255,.86);}
.mn--c .mn-facts b{color:#fff;}
.mn--c .mn-facts svg{color:var(--tan-lt);}
.mn--c .mn-hero .mn-btn--solid{background:#fff;color:var(--navy);}
.mn--c .mn-hero .mn-btn--solid:hover{background:var(--sand);}
.mn--c .mn-hero .mn-btn--line{border-color:rgba(255,255,255,.6);color:#fff;}
.mn--c .mn-hero .mn-btn--line:hover{background:#fff;color:var(--navy);border-color:#fff;}

@media (max-width:860px){
	.mn--a .mn-hero{align-items:flex-end;min-height:0;}
	.mn--a .mn-hero__media{width:100%;bottom:auto;height:min(560px,70vh);}
	.mn--a .mn-hero::after{background:linear-gradient(to bottom,rgba(12,29,58,.6) 0,rgba(12,29,58,0) 20%,rgba(12,29,58,0) 42%,var(--navy-900) min(560px,70vh));}
	.mn--a .mn-hero > .mn-wrap{padding:min(450px,56vh) 0 64px;}

	.mn--b .mn-hero{display:flex;flex-direction:column;}
	.mn--b .mn-hero > .mn-wrap{order:1;min-height:0;padding:44px 0 36px;}
	.mn--b .mn-hero__copy{max-width:none;}
	.mn--b .mn-hero__media{order:2;position:relative;inset:auto;width:auto;margin:0 16px 56px 40px;aspect-ratio:4/3.4;border-radius:20px 20px 20px 90px;box-shadow:-18px 18px 0 var(--sand);}

	.mn--c .mn-hero{min-height:min(820px,100vh);}
	.mn--c .mn-hero::after{background:linear-gradient(to top,rgba(12,29,58,.95) 0%,rgba(24,60,118,.85) 45%,rgba(24,60,118,.35) 75%,rgba(12,29,58,.45) 100%);}
}
@media (max-width:420px){
	.mn-hero .mn-btns .mn-btn{flex:1 1 100%;}
	.mn-facts{gap:10px 20px;}
}

/* ============================================================ SECTIONS */
.mn-sec{padding:var(--sec) 0;position:relative;}
.mn-sec--white{background:var(--cream);}
.mn-sec--linen{background:var(--linen);}
.mn-sec--paper{background:var(--paper);}
.mn-sec--navy,
.mn-sec--brown{background:radial-gradient(70% 90% at 88% 0%,rgba(52,114,213,.22),transparent 60%),var(--navy-900);color:#fff;}
.mn-sec--tight{padding:clamp(56px,7vw,96px) 0;}

/* ---------- Statement: words light up as you scroll ---------- */
.mn-state{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:40px 72px;align-items:center;}
.mn-state__text{font:700 clamp(28px,3.5vw,50px)/1.14 var(--sans);letter-spacing:-.025em;margin-top:24px !important;color:var(--navy);}
.mn-state__text .w{color:#dccbb6;transition:color .5s;}
.mn-state__text .w.lit{color:var(--navy);}
.mn-state__text .ul{position:relative;white-space:nowrap;}
.mn-state__text .ul svg{position:absolute;left:-2%;bottom:-.02em;width:104%;height:.24em;overflow:visible;}
.mn-state__text .ul path{fill:none;stroke:var(--brown);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.4s var(--ease) .2s;}
.mn-state.in .ul path{stroke-dashoffset:0;}
.mn-state__aside{display:grid;gap:22px;padding-bottom:8px;}
.mn-state__aside .mn-lead{max-width:44ch;}
@media (max-width:900px){.mn-state{grid-template-columns:1fr;}}

/* ---------- Verse ---------- */
.mn .mn-verse{position:relative;padding:22px 0 0 !important;border-top:2px solid var(--tan) !important;max-width:46ch;}
.mn-verse p{font:italic 300 clamp(17px,1.4vw,20px)/1.55 var(--sans);color:var(--navy);}
.mn-verse cite{display:block;margin-top:12px !important;font:700 11.5px/1 var(--sans);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--brown-600);}
.mn .mn-sec--navy .mn-verse,.mn .mn-dark .mn-verse,
.mn .mn-sec--brown .mn-verse{border-top-color:rgba(226,214,193,.4) !important;}
.mn-sec--navy .mn-verse p,.mn-dark .mn-verse p,
.mn-sec--brown .mn-verse p{color:rgba(255,255,255,.88);}
.mn-sec--navy .mn-verse cite,.mn-dark .mn-verse cite,
.mn-sec--brown .mn-verse cite{color:var(--sky);}

/* ---------- Photo cards ---------- */
.mn-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.mn-cards--4{grid-template-columns:repeat(4,minmax(0,1fr));}
.mn-pcard{position:relative;display:flex;flex-direction:column;}
.mn-pcard__media{position:relative;aspect-ratio:4/4.5;overflow:hidden;border-radius:18px;background:var(--sand);}
.mn-pcard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease);}
.mn-pcard:hover .mn-pcard__media img{transform:scale(1.05);}
.mn-pcard__tag{position:absolute;left:14px;top:14px;font:700 12px/1 var(--sans);letter-spacing:.06em;color:var(--navy);background:rgba(255,255,255,.94);padding:8px 12px;border-radius:999px;}
.mn-pcard__body{display:flex;flex-direction:column;gap:12px;flex:1;padding:26px 2px 0;}
.mn .mn-pcard h3{font:800 clamp(24px,2vw,28px)/1.05 var(--display);letter-spacing:-.03em;color:var(--navy);}
.mn-pcard p{font-size:16px;line-height:1.6;color:var(--muted);}
.mn-pcard .mn-link{margin-top:auto;padding-top:6px;}
.mn-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font:600 14px/1.3 var(--sans);color:var(--brown-600);}
.mn-meta span{display:inline-flex;align-items:center;gap:7px;}
.mn-meta svg{width:16px;height:16px;}
@media (max-width:1060px){.mn-cards--4{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:900px){.mn-cards{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:620px){.mn-cards,.mn-cards--4{grid-template-columns:1fr;}}

/* Text card (no photo) */
.mn-tcard{display:flex;flex-direction:column;gap:12px;padding:30px 28px;border-radius:18px;background:var(--card);border:1px solid rgba(94,66,49,.12);}
.mn-tcard__icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--icon-bg);color:var(--brown-600);margin-bottom:6px;}
.mn-tcard__icon svg{width:24px;height:24px;}
.mn .mn-tcard h3{font:800 22px/1.1 var(--display);letter-spacing:-.025em;color:var(--navy);}
.mn-tcard p{font-size:16px;line-height:1.6;color:var(--muted);}
.mn-tcard .mn-link{margin-top:auto;padding-top:8px;}
.mn-sec--navy .mn-tcard,
.mn-sec--brown .mn-tcard{background:rgba(255,255,255,.04);border-color:var(--line-d);}
.mn-sec--navy .mn-tcard h3,
.mn-sec--brown .mn-tcard h3{color:#fff;}
.mn-sec--navy .mn-tcard p,
.mn-sec--brown .mn-tcard p{color:rgba(255,255,255,.74);}
.mn-sec--navy .mn-tcard__icon,
.mn-sec--brown .mn-tcard__icon{background:rgba(167,196,239,.12);color:var(--sky);}

/* ---------- Tiles (short labels with an icon) ---------- */
.mn-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.mn-tile{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:14px;background:var(--card);border:1px solid rgba(94,66,49,.12);font:700 16.5px/1.25 var(--sans);color:var(--navy);transition:transform .4s var(--ease),border-color .4s;}
.mn-tile:hover{transform:translateY(-2px);border-color:rgba(52,114,213,.35);}
.mn-tile i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--icon-bg);color:var(--brown-600);flex:none;}
.mn-tile i svg{width:20px;height:20px;}
.mn-tile--dark{background:var(--navy);border-color:var(--navy);color:#fff;}
.mn-tile--dark i{background:rgba(255,255,255,.12);color:#fff;}
.mn-tile--dark small{display:block;font:500 13.5px/1.35 var(--sans);color:rgba(255,255,255,.75);margin-top:2px;}
@media (max-width:1000px){.mn-tiles{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:720px){.mn-tiles{grid-template-columns:repeat(2,minmax(0,1fr));}.mn-tile{padding:14px;gap:10px;font-size:15px;}.mn-tile i{width:34px;height:34px;}}

/* ---------- Chips ---------- */
.mn-chips{display:flex;flex-wrap:wrap;gap:10px;}
.mn-chips li{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;background:var(--card);border:1px solid var(--tan);font:600 15.5px/1.2 var(--sans);color:var(--navy);}
.mn-chips li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brown);}

/* ---------- Split (photo + words) ---------- */
.mn-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center;}
.mn-split--rev .mn-split__media{order:2;}
.mn-split__media{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/4.6;background:var(--sand);}
.mn-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mn-split__media--wide{aspect-ratio:5/4;}
.mn-split__copy > * + *{margin-top:20px !important;}
.mn-split__copy .mn-btns{margin-top:32px !important;}
.mn-split__inset{position:absolute;right:-1px;bottom:-1px;width:42%;aspect-ratio:1;border-radius:22px 0 0 0;overflow:hidden;border:8px solid #fff;border-right:0;border-bottom:0;}
.mn-sec--linen .mn-split__inset{border-color:var(--linen);}
.mn-sec--navy .mn-split__inset,
.mn-sec--brown .mn-split__inset{border-color:var(--navy-900);}
.mn-split__inset img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mn-checks{display:grid;gap:12px;}
.mn-checks li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.5;color:var(--muted);}
.mn-checks li svg{width:22px;height:22px;color:var(--brown);margin-top:1px;}
.mn-sec--navy .mn-checks li,
.mn-sec--brown .mn-checks li{color:rgba(255,255,255,.82);}
.mn-sec--navy .mn-checks li svg,
.mn-sec--brown .mn-checks li svg{color:var(--sky);}
@media (max-width:900px){
	.mn-split{grid-template-columns:1fr;}
	.mn-split--rev .mn-split__media{order:0;}
	.mn-split__media{aspect-ratio:4/3.2;}
}

/* ---------- Steps ---------- */
.mn-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:step;}
.mn-step{position:relative;padding:30px 28px 32px;border-radius:18px;background:var(--card);border:1px solid rgba(94,66,49,.12);}
.mn-sec--white .mn-step{background:var(--card);}
.mn-step__n{display:block;font:800 56px/1 var(--display);letter-spacing:-.04em;color:var(--tan);margin-bottom:22px;}
.mn .mn-step h3{font:800 22px/1.15 var(--display);letter-spacing:-.025em;color:var(--navy);margin-bottom:10px;}
.mn-step p{font-size:16px;line-height:1.6;color:var(--muted);}
.mn-step p a{color:var(--blue-600);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.mn-sec--navy .mn-step,
.mn-sec--brown .mn-step{background:rgba(255,255,255,.04);border-color:var(--line-d);}
.mn-sec--navy .mn-step h3,
.mn-sec--brown .mn-step h3{color:#fff;}
.mn-sec--navy .mn-step p,
.mn-sec--brown .mn-step p{color:rgba(255,255,255,.76);}
.mn-sec--navy .mn-step__n,
.mn-sec--brown .mn-step__n{color:rgba(226,214,193,.5);}
@media (max-width:900px){.mn-steps{grid-template-columns:1fr;}.mn-step__n{font-size:44px;margin-bottom:14px;}}

/* ---------- Photo strip (editorial, staggered) ---------- */
.mn-strip{display:grid;grid-template-columns:1.15fr .85fr 1fr .9fr;gap:16px;align-items:start;}
.mn-strip figure{position:relative;border-radius:18px;overflow:hidden;background:var(--sand);aspect-ratio:4/5;}
.mn-strip figure:nth-child(2){margin-top:64px;aspect-ratio:3/4;}
.mn-strip figure:nth-child(3){aspect-ratio:1/1;margin-top:24px;}
.mn-strip figure:nth-child(4){margin-top:88px;aspect-ratio:4/5;}
.mn-strip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease);}
.mn-strip figure:hover img{transform:scale(1.04);}
.mn-strip figcaption{position:absolute;left:12px;bottom:12px;font:600 12.5px/1.2 var(--sans);color:#fff;background:rgba(12,29,58,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:7px 12px;border-radius:999px;}
@media (max-width:860px){
	.mn-strip{grid-template-columns:1fr 1fr;}
	.mn-strip figure,.mn-strip figure:nth-child(n){margin-top:0;aspect-ratio:4/5;}
	.mn-strip figure:nth-child(even){transform:translateY(28px);}
	.mn-strip{padding-bottom:28px;}
}

/* ---------- Big quote band ---------- */
.mn-quote{text-align:center;max-width:980px;margin-inline:auto;}
.mn-quote__mark{display:block;width:44px;height:44px;margin:0 auto 26px;color:var(--tan-lt);}
.mn-quote p{font:700 clamp(26px,3.3vw,46px)/1.18 var(--sans);letter-spacing:-.022em;color:#fff;}
.mn-quote p em{color:var(--sky);}
.mn-quote cite{display:block;margin-top:24px !important;font:700 12px/1 var(--sans);font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:var(--sky);}
.mn-quote .mn-btns{justify-content:center;margin-top:40px;}
.mn-sec--linen .mn-quote p,.mn-sec--white .mn-quote p{color:var(--navy);}
.mn-sec--linen .mn-quote p em,.mn-sec--white .mn-quote p em{color:var(--brown);}
.mn-sec--linen .mn-quote cite,.mn-sec--white .mn-quote cite{color:var(--blue-600);}
.mn-sec--linen .mn-quote__mark,.mn-sec--white .mn-quote__mark{color:var(--tan);}

/* ---------- Contact / info card ---------- */
.mn-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:22px;overflow:hidden;background:var(--card);box-shadow:0 30px 60px -40px rgba(12,29,58,.45);}
.mn-info__media{position:relative;min-height:340px;}
.mn-info__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.mn-info__body{padding:clamp(28px,4vw,52px);}
.mn .mn-info__body h3{font:800 clamp(26px,2.4vw,34px)/1.08 var(--display);letter-spacing:-.03em;color:var(--navy);margin:14px 0 22px;}
.mn-dl{display:grid;gap:0;}
.mn-dl > div{display:grid;grid-template-columns:44px 1fr;column-gap:16px;align-items:start;padding:16px 0;border-top:1px solid rgba(94,66,49,.14);}
.mn-dl > div > i{grid-row:span 2;}
.mn-dl > div > dt,.mn-dl > div > dd{grid-column:2;}
.mn-dl > div:first-child{border-top:0;padding-top:0;}
.mn-dl i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--icon-bg);color:var(--brown-600);}
.mn-dl i svg{width:20px;height:20px;}
.mn-dl dt{font:700 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--driftwood);margin:4px 0 7px !important;}
.mn-dl dd{font:600 17px/1.45 var(--sans);color:var(--navy);}
.mn-dl dd small{display:block;font:400 15px/1.5 var(--sans);color:var(--muted);margin-top:2px;}
.mn-dl dd a{color:var(--blue-600);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px;}
.mn-info .mn-btns{margin-top:26px;}
@media (max-width:900px){.mn-info{grid-template-columns:1fr;}.mn-info__media{min-height:0;aspect-ratio:16/10;}}

/* Contact tiles (navy) */
.mn-contacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.mn-contact{display:flex;flex-direction:column;gap:10px;padding:28px 26px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);transition:background-color .4s,transform .4s var(--ease);}
a.mn-contact:hover{background:rgba(255,255,255,.1);transform:translateY(-3px);}
.mn-contact i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(167,196,239,.14);color:var(--sky);margin-bottom:8px;}
.mn-contact i svg{width:22px;height:22px;}
.mn-contact small{font:700 11.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tan-lt);}
.mn-contact b{font:700 19px/1.3 var(--sans);color:#fff;word-break:break-word;}
.mn-contact span{font-size:15px;line-height:1.5;color:rgba(255,255,255,.72);}
@media (max-width:900px){.mn-contacts{grid-template-columns:1fr;}}

/* ---------- Stats row ---------- */
.mn-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-d);}
.mn-stat{padding:30px 28px 6px 0;}
.mn-stat + .mn-stat{padding-left:28px;border-left:1px solid var(--line-d);}
.mn-stat b{display:block;font:800 clamp(26px,2.6vw,38px)/1.05 var(--display);letter-spacing:-.03em;color:#fff;}
.mn-stat span{display:block;margin-top:10px;font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.72);}
@media (max-width:760px){.mn-stats{grid-template-columns:1fr;}.mn-stat,.mn-stat + .mn-stat{padding:22px 0;border-left:0;border-top:1px solid var(--line-d);}.mn-stat:first-child{border-top:0;}}

/* ============================================================ CLOSING BAND */
.mn-close{position:relative;overflow:hidden;isolation:isolate;padding:clamp(80px,10vw,130px) 0;background:radial-gradient(60% 120% at 0% 100%,rgba(52,114,213,.35),transparent 60%),linear-gradient(115deg,var(--navy) 0%,var(--navy-900) 52%,var(--brown-900) 100%);color:#fff;}
.mn-close__waves{position:absolute;inset:auto -5% -10% -5%;height:70%;z-index:-1;opacity:.08;color:#fff;}
.mn-close__waves path{fill:none;stroke:currentColor;stroke-width:1.5;}
.mn-close__inner{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:32px 64px;align-items:end;}
.mn .mn-close h2{font:800 clamp(34px,4.6vw,64px)/1.02 var(--display);letter-spacing:-.035em;color:#fff;margin-top:18px;}
.mn .mn-close h2 em{color:var(--tan-lt);}
.mn-close p{font-size:clamp(17px,1.35vw,19px);line-height:1.6;color:rgba(255,255,255,.86);max-width:48ch;margin-top:18px !important;}
.mn-close .mn-eyebrow{color:var(--tan-lt);}
.mn-close .mn-eyebrow::before{background:var(--tan);}
.mn-close .mn-btn--line{border-color:rgba(255,255,255,.6);color:#fff;}
.mn-close .mn-btn--line:hover{background:#fff;color:var(--navy);border-color:#fff;}
@media (max-width:900px){.mn-close__inner{grid-template-columns:1fr;}}
@media (max-width:420px){.mn-close .mn-btn{flex:1 1 100%;}}

/* Small print under a section */
.mn-note{margin-top:28px !important;font-size:15px;line-height:1.55;color:var(--muted);}
.mn-note a{color:var(--blue-600);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.mn-sec--navy .mn-note,
.mn-sec--brown .mn-note{color:rgba(255,255,255,.7);}
.mn-sec--navy .mn-note a,
.mn-sec--brown .mn-note a{color:var(--sky);}

/* ---------- Bento (Food Pantry "What we offer") ---------- */
.mn-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(190px,17vw,250px);gap:14px;}
.mn-bento > *{position:relative;border-radius:18px;overflow:hidden;background:var(--sand);isolation:isolate;}
.mn-bento img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s var(--ease);}
.mn-bento figure:hover img{transform:scale(1.04);}
.mn-bento figure::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(12,29,58,.82) 0%,rgba(12,29,58,.25) 42%,rgba(12,29,58,0) 65%);}
.mn-bento figcaption{position:absolute;left:20px;right:20px;bottom:18px;color:#fff;}
.mn-bento figcaption small,.mn-bento__tile small{display:block;font:700 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--tan-lt);margin-bottom:8px;}
.mn-bento figcaption b,.mn-bento__tile b{display:block;font:800 clamp(20px,1.8vw,26px)/1.08 var(--display);letter-spacing:-.025em;}
.mn-bento__a{grid-column:span 2;grid-row:span 2;}
.mn-bento__b{grid-row:span 2;}
.mn-bento__e{grid-column:span 2;}
.mn-bento__tile{display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:var(--navy);color:#fff;}
.mn-bento__tile i{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);color:var(--sky);}
.mn-bento__tile i svg{width:24px;height:24px;}
.mn-bento__tile--sand{background:var(--sand);color:var(--navy);grid-column:span 2;}
.mn-bento__tile--sand small{color:var(--driftwood);}
.mn-bento__tile--sand p{font-size:16.5px;line-height:1.55;color:var(--muted);max-width:44ch;}
.mn-bento__tile--sand i{background:var(--card);color:var(--brown-600);}
@media (max-width:860px){
	.mn-bento{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:10px;}
	.mn-bento__a{grid-column:span 2;grid-row:span 2;}
	.mn-bento__b{grid-row:span 2;}
	.mn-bento__e,.mn-bento__tile--sand{grid-column:span 2;}
	.mn-bento figcaption{left:14px;right:14px;bottom:12px;}
	.mn-bento__tile{padding:16px;}
	.mn-bento__tile--sand{grid-row:span 2;}
}

/* ============================================================ CINEMATIC PHOTO BAND */
.mn-cine{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(460px,72vh,740px);display:flex;align-items:flex-end;color:#fff;background:var(--brown-900);}
.mn-cine__media{position:absolute;left:0;right:0;top:-10%;bottom:-10%;z-index:-2;will-change:transform;}
.mn-cine__media img{width:100%;height:100%;object-fit:cover;}
.mn-cine::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:
	linear-gradient(to top,rgba(41,29,21,.9) 0%,rgba(41,29,21,.42) 42%,rgba(41,29,21,.06) 72%),
	linear-gradient(to right,rgba(41,29,21,.62) 0%,rgba(41,29,21,0) 62%),
	linear-gradient(rgba(138,100,70,.14),rgba(138,100,70,.14));}
.mn-cine > .mn-wrap{padding:clamp(64px,8vw,110px) 0;}
.mn-cine .mn-eyebrow{color:var(--tan-lt);}
.mn-cine .mn-eyebrow::before{background:var(--tan-lt);}
.mn .mn-cine__line{font:800 clamp(36px,5.2vw,76px)/1 var(--display);letter-spacing:-.035em;max-width:15ch;margin-top:18px;color:#fff;}
.mn .mn-cine__line em{color:var(--tan-lt);}
.mn-cine__sub{margin-top:20px !important;font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:rgba(255,255,255,.84);max-width:46ch;}
.mn-cine .mn-btns{margin-top:30px;}
.mn-cine--quote .mn-cine__line{font:700 clamp(28px,3.4vw,50px)/1.16 var(--sans);letter-spacing:-.022em;max-width:24ch;}
.mn-cine .mn-btn--line{border-color:rgba(255,255,255,.6);color:#fff;}
.mn-cine .mn-btn--line:hover{background:#fff;color:var(--navy);border-color:#fff;}
.mn-cine .mn-btn--solid:hover{background:#fff;color:var(--navy);}
@media (max-width:860px){.mn-cine{min-height:min(620px,86vh);}.mn-cine::after{background:linear-gradient(to top,rgba(41,29,21,.94) 0%,rgba(41,29,21,.5) 50%,rgba(41,29,21,.1) 80%);}}

/* ============================================================ FALL · WALNUT BAND (Nov 2) */
.mn-sec--brown{background:radial-gradient(70% 90% at 10% 0%,rgba(201,174,144,.16),transparent 60%),linear-gradient(160deg,var(--brown-800) 0%,var(--brown-900) 100%);color:#fff;}
.mn-sec--brown .mn-eyebrow{color:var(--tan-lt);}
.mn-sec--brown .mn-eyebrow::before{background:var(--tan);opacity:1;}
.mn-sec--brown .mn-h2 em{color:var(--tan-lt);}
.mn .mn-sec--brown .mn-verse cite{color:var(--tan-lt);}
.mn-sec--brown .mn-checks li svg{color:var(--tan-lt);}
.mn-sec--brown .mn-contact i,.mn-sec--brown .mn-tcard__icon{background:rgba(232,213,189,.14);color:var(--tan-lt);}
.mn-sec--brown .mn-contact small{color:var(--tan);}
.mn-sec--brown .mn-step__n{color:rgba(232,213,189,.45);}
.mn-sec--brown .mn-split__inset{border-color:var(--brown-800);}
.mn-sec--brown .mn-stat b{color:#fff;}
.mn-sec--brown .mn-stats,.mn-sec--brown .mn-stat + .mn-stat{border-color:rgba(232,213,189,.18);}

/* Food Pantry: text-only wide tile (Hot Meals) in walnut */
.mn-bento__tile--wide{grid-column:span 2;}
.mn-bento__tile--walnut{background:linear-gradient(160deg,var(--brown-800),var(--brown-900));}
.mn-bento__tile--walnut i{background:rgba(232,213,189,.14);color:var(--tan-lt);}