.site-header,.inner-header{position:absolute;top:0;left:0;right:0;background:#fff;color:var(--pine-2);border-bottom:1px solid rgba(18,63,59,.12);box-shadow:0 8px 30px rgba(8,39,37,.06)}
.brand-logo{width:clamp(150px,16vw,235px);height:72px;object-fit:contain}
.footer-brand .brand-logo{filter:none}
.site-header nav{align-items:center}
.site-header nav a,.services-menu summary{font-size:13px;font-weight:700;text-decoration:none;color:var(--pine-2)}
.nav-cta{border-color:rgba(18,63,59,.4)!important}
.services-menu{position:relative}
.services-menu summary{cursor:pointer;list-style:none;padding:18px 0}
.services-menu summary::-webkit-details-marker{display:none}
.services-menu summary:after{content:' +';font-weight:400}
.services-menu[open] summary:after{content:' −'}
.services-dropdown{position:absolute;top:52px;left:-24px;width:310px;padding:14px;background:#fff;border-top:3px solid var(--rust);box-shadow:0 18px 45px rgba(8,39,37,.18);display:grid;z-index:30}
.services-dropdown a{padding:12px 11px;border-bottom:1px solid rgba(18,63,59,.1)}
.services-dropdown a:last-child{border:0}
.hero{background-image:linear-gradient(90deg,rgba(5,40,37,.48),rgba(5,40,37,.10)),url('/images/home/smudging-ceremony.webp');background-size:cover;background-position:center 45%;background-attachment:fixed}
.hero:before{background:linear-gradient(90deg,rgba(2,28,27,.25),transparent 68%)}
.page-hero{background-image:linear-gradient(90deg,rgba(5,40,37,.42),rgba(5,40,37,.06)),var(--page-image);background-attachment:fixed;background-position:center;background-size:cover}
.hero-art{opacity:.35}
footer{background:#fff;color:var(--pine-2);border-top:1px solid rgba(18,63,59,.14)}
footer .footer-brand+p,footer>div{color:#5d706d}
footer>div{border-top-color:rgba(18,63,59,.14)}
footer .policy-links a,footer a{color:var(--pine-2)}
.funder-logo{border:1px solid rgba(18,63,59,.12)}
@media(max-width:850px){.site-header,.inner-header{position:absolute}
.menu-button{color:var(--pine-2);border-color:rgba(18,63,59,.35)}
.site-header nav{top:109px;background:#fff;border-top:1px solid rgba(18,63,59,.12)}
.site-header nav a{color:var(--pine-2)}
.services-menu{width:100%}
.services-menu summary{padding:8px 0}
.services-dropdown{position:static;width:100%;box-shadow:none;border-top:1px solid rgba(18,63,59,.12);padding:8px 0 0}
.services-dropdown a{padding:10px 12px}
.hero,.page-hero{background-attachment:scroll;background-position:center}
}

/* September 2026 navigation, hero and footer refinement */
.site-header,.inner-header{position:relative;top:auto;left:auto;right:auto;min-height:76px;padding-block:5px}
.brand-logo{width:clamp(195px,19vw,285px);height:64px;object-position:left center}
.footer-brand .brand-logo{width:clamp(230px,25vw,340px);height:94px}
.site-header nav a,.services-menu summary{font-size:14px}
.hero,.page-hero{background-position:center}
.footer-menu{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,5vw,80px);padding:34px 0;border-top:1px solid rgba(18,63,59,.14);border-bottom:1px solid rgba(18,63,59,.14)}
.footer-menu div{display:grid;align-content:start;gap:9px}
.footer-menu strong{margin-bottom:5px;font-family:Fraunces,serif;font-size:18px}
.footer-menu a{font-size:14px;line-height:1.45}
.manitoulin-credit{grid-column:1/-1;margin:0!important;padding-top:18px;border-top:1px solid rgba(18,63,59,.14);font-size:12px!important;color:#667875!important}
.manitoulin-credit a{text-decoration:underline;text-underline-offset:3px}
.funder-logo{margin-block:8px}
@media(max-width:850px){.site-header,.inner-header{position:relative;min-height:68px;padding:3px 20px}
.brand-logo{width:clamp(185px,58vw,245px);height:60px}
.menu-button{min-width:88px;min-height:46px;font-size:17px;font-weight:700}
.site-header nav{top:100%;left:12px;right:12px;width:auto;padding:14px;gap:10px;border:1px solid rgba(18,63,59,.14);box-shadow:0 20px 50px rgba(8,39,37,.18);border-radius:0 0 8px 8px}
.site-header nav.open{display:grid}
.site-header nav>a,.services-menu>summary{display:flex;align-items:center;width:100%;min-height:52px;padding:12px 16px!important;border:1px solid rgba(18,63,59,.14);border-radius:5px;background:#f6f2e9;font-size:17px!important;line-height:1.25}
.site-header nav>a{justify-content:center}
.services-menu>summary{justify-content:space-between}
.nav-cta{min-height:52px!important}
.services-dropdown{margin-top:7px;padding:4px 8px 7px!important;background:#fff}
.services-dropdown a{min-height:46px;padding:12px!important;font-size:16px!important}
.footer-brand .brand-logo{width:min(78vw,310px);height:92px}
.footer-menu{grid-template-columns:1fr;gap:27px;padding:28px 0}
.footer-menu a{font-size:16px;min-height:28px}
.hero,.page-hero{background-position:center center}
}

/* Small-screen brand, type and hero alignment */
.hero{align-items:flex-end}
.page-hero{display:flex;flex-direction:column;justify-content:flex-end}
@media(max-width:850px){.site-header .brand{flex:1;min-width:0;margin-right:10px}
.site-header .brand-logo{display:block;width:100%;max-width:none;height:60px}
.footer-brand{display:block;width:100%}
.footer-brand .brand-logo{display:block;width:100%;max-width:none;height:auto;max-height:150px;object-fit:contain}
.hero{min-height:680px;padding:90px 22px 145px;align-items:flex-end}
.hero-copy{width:100%;max-width:640px}
.page-hero{min-height:360px;padding:70px 22px 42px}
.hero h1{font-size:clamp(44px,13vw,64px);line-height:.9;margin:18px 0}
.page-hero h1{font-size:clamp(42px,12vw,62px);line-height:.95;margin-top:18px}
h2,.section-heading h2{font-size:clamp(38px,10vw,52px);line-height:1.02}
}
@media(max-width:390px){.site-header,.inner-header{padding-inline:12px}
.menu-button{min-width:82px;padding-inline:11px}
.hero h1{font-size:clamp(40px,12.5vw,49px)}
.page-hero h1{font-size:clamp(38px,11.5vw,46px)}
h2,.section-heading h2{font-size:clamp(34px,9.5vw,40px)}
.hero-lead{font-size:16px;line-height:1.5}
}

/* iPhone controls and Joomla artwork motifs */
.intro,.programs,.page-content,footer{position:relative;isolation:isolate;overflow:hidden}
.intro:before,.programs:before,.page-content:before,footer:before{content:"";position:absolute;z-index:-1;width:clamp(260px,38vw,560px);aspect-ratio:1;pointer-events:none;background:url('/images/seven-grandfather-teachings.webp') center/contain no-repeat;opacity:.035;filter:saturate(.75)}
.intro:before{right:-9%;bottom:-22%}
.programs:before{left:-11%;top:18%}
.page-content:before{right:-12%;top:12%}
footer:before{right:-8%;bottom:-14%;opacity:.025}
.program b{display:grid;place-items:center;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1;padding:0;overflow:visible}
.button span{display:inline-grid;place-items:center;flex:0 0 24px;width:24px;height:24px;font-family:Arial,sans-serif;font-size:17px;font-weight:400;line-height:1;overflow:visible}
.artwork-credit{grid-column:1/-1;margin:0!important;padding-top:4px;font-size:13px!important;color:#5d706d!important}
.artwork-credit a{text-decoration:underline;text-underline-offset:3px}
.page-content:has(.teaching-card){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1240px}
.page-content:has(.teaching-card)>.page-lead,.page-content:has(.teaching-card)>p:not(.teaching-card){grid-column:1/-1}
.teaching-card{margin:0!important;padding:28px;border:1px solid rgba(18,63,59,.14);border-radius:6px;background:rgba(255,255,255,.86);box-shadow:0 12px 32px rgba(18,63,59,.06);font-size:16px!important;line-height:1.7!important}
.teaching-card::first-line{font-family:Fraunces,serif;font-size:24px;font-weight:600;color:var(--pine)}
.teachings-closing{margin-top:18px!important;padding:30px;border-left:4px solid var(--rust);background:var(--cream)}
.site-header,.inner-header{position:sticky;top:0;z-index:90}
.arrow-icon{position:relative!important;display:grid!important;place-items:center!important}
.arrow-icon:before{content:"";position:absolute;width:15px;height:2px;background:currentColor;border-radius:2px;transform:rotate(-45deg)}
.arrow-icon:after{content:"";position:absolute;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(4px,-4px)}
.content-title{margin:54px 0 12px!important;font-family:Fraunces,serif!important;font-size:clamp(27px,3vw,40px)!important;font-weight:600!important;line-height:1.08!important;color:var(--pine)!important}
.page-lead+.content-title{margin-top:34px!important}
.person-entry{margin:12px 0!important;padding:18px 22px;border-left:3px solid var(--rust);background:rgba(255,255,255,.78);font-size:15px!important;line-height:1.65!important}
.person-entry::first-line{font-family:Fraunces,serif;font-size:21px;font-weight:600;color:var(--pine)}
.footer-back{justify-content:flex-end!important}
.copyright{grid-column:1/-1;margin:0!important;padding-top:18px;border-top:1px solid rgba(18,63,59,.14);font-size:12px!important;color:#667875!important}
.manitoulin-credit{padding-top:0;border-top:0}
@media(max-width:850px){.site-header,.inner-header{min-height:84px;padding:4px 12px 4px 16px}
.site-header .brand{width:calc(100% - 94px);margin-right:8px}
.site-header .brand-logo{width:100%;height:auto;max-height:78px}
.menu-button{flex:0 0 86px}
.footer-brand .brand-logo{width:100%;height:auto;max-height:none}
.program b{right:18px;top:18px;width:44px;height:44px;font-size:18px;background:rgba(255,255,255,.94);color:var(--pine-2);border-color:rgba(18,63,59,.22);box-shadow:0 5px 16px rgba(8,39,37,.14)}
.program.featured b{background:#fff;color:var(--pine-2)}
.button{gap:18px}
.button span{flex-basis:28px;width:28px;height:28px}
.intro:before,.programs:before,.page-content:before,footer:before{width:330px;opacity:.026}
.page-content:has(.teaching-card){grid-template-columns:1fr;gap:14px}
.teaching-card{padding:23px}
.content-title{margin-top:42px!important;font-size:30px!important}
.person-entry{padding:16px 18px}
}

/* Compact partner footer + overflow containment */
html,body{max-width:100%;overflow-x:clip}
body{position:relative}
footer{position:relative!important;overflow:hidden!important;padding-block:clamp(26px,4vw,48px)!important;row-gap:18px!important}
footer>.footer-brand{margin:0!important}
footer>.footer-brand+p{margin:0!important;line-height:1.55}
.footer-menu{padding:22px 0!important;gap:clamp(22px,4vw,52px)!important}
.footer-menu div{gap:6px!important}
.partner-first-nations{grid-column:1/-1;padding:16px 0 10px;border-bottom:1px solid rgba(18,63,59,.12)}
.partner-first-nations>span{display:block;margin-bottom:10px;font:600 15px/1.2 Fraunces,serif;color:var(--pine-2)}
.partner-logo-row{display:flex;align-items:center;justify-content:flex-start;gap:clamp(14px,2.5vw,28px);flex-wrap:wrap}
.partner-logo-row img{display:block;width:auto;height:clamp(46px,5.5vw,68px);max-width:150px;object-fit:contain;background:#fff}
.funder-logo{margin:4px 0!important;max-height:58px;width:auto!important}
.artwork-credit,.copyright,.manitoulin-credit{margin:0!important;padding:0!important;border:0!important}
.footer-back{position:absolute;top:28px;right:clamp(22px,5vw,76px);z-index:4;font-size:13px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
@media(max-width:850px){
  footer{padding-block:24px 28px!important;row-gap:14px!important}
  .footer-menu{padding:18px 0!important;gap:18px!important}
  .partner-first-nations{padding:14px 0 8px}
  .partner-logo-row{justify-content:center;gap:12px 16px}
  .partner-logo-row img{height:50px;max-width:120px}
  .funder-logo{max-height:50px}
  .footer-back{top:22px;right:18px;font-size:12px}
}