.brand-logo{width:58px;height:58px;object-fit:contain}.footer-brand .brand-logo{filter:none}.inner-header{position:relative;background:#fff;color:var(--pine-2)}

/* Interior hero: same visual height as the homepage, with copy anchored bottom-left. */
.page-hero{min-height:clamp(540px,68vh,680px);padding:0;color:#fff;background:linear-gradient(90deg,rgba(5,40,37,.64),rgba(5,40,37,.16) 64%,rgba(5,40,37,.05)),var(--page-image) center 36%/cover no-repeat}
.page-hero-inner{width:min(calc(100% - 40px),1180px);min-height:inherit;margin:0 auto;padding:clamp(72px,8vh,92px) 0 clamp(58px,7vh,76px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}
.page-hero h1{font:500 clamp(48px,6.4vw,94px)/.95 Fraunces,serif;letter-spacing:-.04em;max-width:1000px;margin:18px 0 0}
.page-hero-lead{max-width:720px;margin:20px 0 0!important;font-size:clamp(17px,1.55vw,21px)!important;line-height:1.55!important;color:rgba(255,255,255,.94)!important;text-wrap:balance}
.page-hero .eyebrow{color:#fff!important}

/* Interior content is deliberately quiet: no artwork behind reading areas. */
.page-content{display:block!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:#faf8f2!important}
.page-column{width:min(calc(100% - 40px),1080px);margin:0 auto}
.page-intro{background:#f6f2e9;padding:clamp(64px,8vw,108px) 0;border-bottom:1px solid rgba(18,63,59,.10)}
.page-details,.page-details.art-light,.page-details.art-dark{position:relative;padding:clamp(82px,9vw,128px) 0;background:#fbfaf6!important;background-image:none!important;color:var(--ink)!important}
.page-content p{font-size:17px;line-height:1.8;color:#425d58;margin:0 0 28px}
.page-intro .page-lead{font:500 clamp(24px,2.8vw,36px)/1.45 Fraunces,serif;color:var(--ink);max-width:880px}
.page-intro .content-title{margin-top:0!important}
.page-details.art-dark p,.page-details.art-dark li,.page-details.art-dark .content-title,.page-details.art-dark .person-entry,.page-details.art-dark .teachings-closing{color:#425d58!important}
.page-details.art-dark .service-list{color:#425d58!important}
.page-details.art-dark .program-contact,.page-details.art-dark .person-entry,.page-details.art-dark .teachings-closing{background:#fff!important;border-left-color:var(--rust)!important}

/* Seven Grandfather Teachings: generous two-column cards on desktop. */
.page-grandfather-teachings .page-details{padding-top:clamp(92px,10vw,140px);padding-bottom:clamp(96px,11vw,150px)}
.page-grandfather-teachings .page-details .page-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,38px)}
.page-grandfather-teachings .teaching-card{margin:0!important;padding:clamp(30px,3.5vw,42px)!important;border:1px solid rgba(18,63,59,.12)!important;border-radius:4px;background:#fff!important;box-shadow:0 14px 36px rgba(18,63,59,.055)!important;color:#425d58!important;overflow:hidden}
.page-grandfather-teachings .teaching-card::first-line{color:var(--pine)!important}
.page-grandfather-teachings .teaching-card-image{display:block;width:100%;aspect-ratio:1/1;height:auto;object-fit:cover;object-position:center;margin:0 0 16px;border-radius:2px;background:#eee}
.teaching-animal{display:flex;align-items:baseline;gap:10px;margin:0 0 22px;padding-bottom:15px;border-bottom:1px solid rgba(18,63,59,.12);font-size:14px;line-height:1.3}
.teaching-animal span{font-weight:700;color:var(--pine)}
.teaching-animal strong{font-family:Fraunces,serif;font-size:16px;font-weight:600;color:var(--rust)}
.page-grandfather-teachings .teachings-closing{grid-column:1/-1;margin:12px 0 0!important;padding:34px 38px!important;background:#f6f2e9!important;border-left:4px solid var(--rust)!important;color:#425d58!important}

/* Reports page: ready for real PDF download links. */
.page-reports .page-details .page-column{width:min(calc(100% - 40px),960px)}
.page-reports .content-title{margin-top:54px!important;margin-bottom:16px!important}
.page-reports .content-title:first-child{margin-top:0!important}
.report-placeholder{margin:28px 0 0!important;padding:26px 28px;border:1px solid rgba(18,63,59,.12);border-left:4px solid var(--rust);background:#fff;font-weight:600!important;color:#536b66!important}

/* Contact page */
.page-contact .page-intro{padding:clamp(58px,7vw,92px) 0}.contact-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:clamp(42px,7vw,96px);align-items:center}.contact-intro-copy .eyebrow{color:var(--rust);margin:0 0 18px}.contact-intro-copy h2{font:500 clamp(40px,5vw,68px)/1 Fraunces,serif;letter-spacing:-.035em;color:var(--pine);margin:0 0 24px}.contact-intro-copy>p:last-child{max-width:650px;font-size:19px;line-height:1.65;color:#536b66}.contact-card{background:#fff;border:1px solid rgba(18,63,59,.14);padding:clamp(26px,3vw,38px);box-shadow:0 16px 42px rgba(18,63,59,.07)}.contact-card p{margin:0 0 18px!important;font-size:16px!important;line-height:1.55!important}.contact-card p:last-child{margin-bottom:0!important}.contact-card strong{font-family:Fraunces,serif;font-size:18px;color:var(--pine)}.contact-card a{text-decoration:underline;text-underline-offset:3px}.page-contact .page-details .page-column{width:min(calc(100% - 40px),960px)}.page-contact .page-details .content-title{margin-top:58px!important;margin-bottom:18px!important}.page-contact .page-details .content-title:first-child{margin-top:0!important}.page-contact .page-details p{margin-bottom:20px}.page-contact .resource-link{margin-top:-12px!important}.page-contact .resource-link a{font-weight:700;text-decoration:underline;text-underline-offset:3px;color:var(--pine)}.contact-download{margin:28px 0 46px!important}.contact-download a{display:inline-flex;background:var(--rust);color:#fff!important;padding:14px 20px;text-decoration:none;font-weight:700;border-radius:3px}.contact-download a:hover,.contact-download a:focus-visible{filter:brightness(.94)}

/* About intro branding. */
.page-about .page-intro .page-column{display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,18vw,220px);column-gap:clamp(28px,5vw,72px);align-items:center}.page-about .page-intro .page-column>*{grid-column:1}.page-about .page-intro .page-column::after{content:"";grid-column:2;grid-row:1 / span 4;width:100%;aspect-ratio:1;background:url('/images/seven-grandfather-teachings.webp') center/contain no-repeat;opacity:.96;justify-self:end}

/* Page-specific footer hero just above the white footer. */
.page-footer-hero{min-height:clamp(390px,48vw,560px);position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,35,33,.80),rgba(5,35,33,.36) 62%,rgba(5,35,33,.22)),var(--footer-hero-image);background-size:cover;background-position:center;background-repeat:no-repeat}
.page-footer-hero-inner{width:min(calc(100% - 40px),1180px);margin:0 auto;padding:clamp(70px,9vw,112px) 0;position:relative;z-index:1}
.page-footer-hero .eyebrow{margin:0 0 18px;color:#fff!important}.page-footer-hero h2{max-width:850px;margin:0;font:500 clamp(42px,5.8vw,72px)/.98 Fraunces,serif;letter-spacing:-.035em;color:#fff;text-wrap:balance}.page-footer-hero-text{max-width:690px;margin:24px 0 0!important;font-size:clamp(17px,1.55vw,21px)!important;line-height:1.6!important;color:rgba(255,255,255,.92)!important}

@media(min-width:851px){.page-hero,.page-footer-hero{background-attachment:fixed}}
@media(max-width:850px){
  .page-hero{min-height:560px;background-position:center 38%}.page-hero-inner{width:calc(100% - 32px);padding:62px 0 54px}.page-column{width:calc(100% - 32px)}.page-intro{padding:54px 0}.page-details,.page-details.art-light,.page-details.art-dark{padding:64px 0}.page-hero h1{font-size:clamp(40px,11.5vw,58px)}.page-hero-lead{font-size:17px!important;max-width:620px}.contact-intro-grid{grid-template-columns:1fr;gap:28px}.contact-intro-copy h2{font-size:clamp(36px,10.5vw,50px)}.page-contact .page-details .page-column,.page-reports .page-details .page-column{width:calc(100% - 32px)}.page-contact .page-details .content-title,.page-reports .content-title{margin-top:44px!important}.page-about .page-intro .page-column{grid-template-columns:1fr}.page-about .page-intro .page-column::after{grid-column:1;grid-row:auto;width:min(64vw,220px);margin-top:14px;justify-self:start}.page-grandfather-teachings .page-details .page-column{grid-template-columns:1fr;gap:18px}.page-grandfather-teachings .teaching-card{padding:26px!important}.page-grandfather-teachings .teaching-card-image{margin-bottom:14px}.teaching-animal{margin-bottom:18px}.page-grandfather-teachings .teachings-closing{padding:28px!important}.page-footer-hero{min-height:430px;background-attachment:scroll;background-position:center}.page-footer-hero-inner{width:calc(100% - 32px);padding:72px 0}.page-footer-hero h2{font-size:clamp(38px,10.5vw,54px)}
}

/* Sitewide merged interior intro treatment: the old dark-cream band is folded into the hero. */
.page-hero:has(.page-hero-context){min-height:clamp(650px,78vh,840px)}
.page-hero-context{width:100%;max-width:860px;margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.34);color:#fff}
.page-hero-context>p,.page-hero-context .page-lead,.page-hero-context .content-title{max-width:820px;margin:0 0 14px!important;color:rgba(255,255,255,.94)!important;font-size:clamp(16px,1.45vw,19px)!important;line-height:1.62!important;font-family:'DM Sans',sans-serif!important;font-weight:500!important}
.page-hero-context .content-title{margin-bottom:10px!important;font-family:Fraunces,serif!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.25!important;font-weight:600!important;color:#fff!important}
.page-hero-context>p:last-child{margin-bottom:0!important}

/* Keep the About turtle/teachings mark with the intro now that the intro lives in the hero. */
.page-about .page-hero-context{position:relative;max-width:1080px;padding-right:clamp(180px,22vw,260px)}
.page-about .page-hero-context::after{content:"";position:absolute;right:0;top:20px;width:clamp(145px,18vw,220px);aspect-ratio:1;background:url('/images/seven-grandfather-teachings.webp') center/contain no-repeat;opacity:.96}

/* Community Health: show the five partner First Nation logos directly with the hero intro. */
.hero-partner-logos{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.24)}
.hero-partner-logos a{display:grid;place-items:center;width:72px;height:72px;padding:7px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.4);transition:transform .2s ease,box-shadow .2s ease}
.hero-partner-logos a:hover,.hero-partner-logos a:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.hero-partner-logos img{display:block;width:100%;height:100%;object-fit:contain}

/* Contact: the contact card is now part of the hero instead of its own cream section. */
.page-contact .page-hero:has(.page-hero-context){min-height:clamp(760px,88vh,980px)}
.page-contact .page-hero-context{max-width:1180px}
.page-contact .page-hero-context .contact-intro-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.78fr);gap:clamp(30px,5vw,68px);width:100%}
.page-contact .page-hero-context .contact-intro-copy .eyebrow,.page-contact .page-hero-context .contact-intro-copy h2,.page-contact .page-hero-context .contact-intro-copy>p{color:#fff!important}
.page-contact .page-hero-context .contact-intro-copy h2{font-size:clamp(30px,4.2vw,52px);margin-bottom:18px}
.page-contact .page-hero-context .contact-card{background:rgba(255,255,255,.94);box-shadow:0 18px 44px rgba(0,0,0,.16)}
.page-contact .page-hero-context .contact-card p{color:#425d58!important}

@media(max-width:850px){
  .page-hero:has(.page-hero-context){min-height:650px}
  .page-hero-context{max-width:none;margin-top:20px;padding-top:18px}
  .page-about .page-hero-context{padding-right:0;padding-bottom:160px}
  .page-about .page-hero-context::after{top:auto;right:auto;left:0;bottom:0;width:140px}
  .hero-partner-logos{gap:8px}
  .hero-partner-logos a{width:60px;height:60px}
  .page-contact .page-hero:has(.page-hero-context){min-height:900px}
  .page-contact .page-hero-context .contact-intro-grid{grid-template-columns:1fr;gap:22px}
}
