/* Brave Harbor layered-depth revision — 2026-09-07 */
:root{--layered-deep-panel:rgba(5,25,36,.9);--layered-deep-text:#f8fbfc;--layered-deep-muted:rgba(248,251,252,.84)}
.layered-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.layered-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.layered-card{position:relative;display:flex;min-height:220px;flex-direction:column;padding:28px;border:1px solid rgba(10,44,61,.12);background:rgba(255,255,255,.96);box-shadow:0 18px 46px rgba(5,25,36,.08)}
.layered-card h3{margin:0 0 10px;color:#082b40}
.layered-card p{margin:0 0 18px}
.layered-card .text-link{margin-top:auto}
.community-rhythm{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:34px;align-items:center}
.community-rhythm__signal{padding:30px;border:1px solid rgba(255,255,255,.25);background:var(--layered-deep-panel);color:var(--layered-deep-text);box-shadow:0 18px 46px rgba(0,0,0,.2)}
.community-rhythm__signal p{color:var(--layered-deep-muted)}
.philosophy-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.philosophy-strip article{padding:22px;border-top:3px solid #d7a841;background:var(--layered-deep-panel);color:var(--layered-deep-text);box-shadow:0 14px 32px rgba(0,0,0,.14)}
.philosophy-strip article p{color:var(--layered-deep-muted)}
.value-ladder{display:grid;grid-template-columns:1.1fr 1.35fr repeat(3,.9fr);gap:14px;align-items:stretch}
.value-ladder [data-value-tier],.value-ladder [data-help-offer]{padding:24px;border:1px solid rgba(10,44,61,.14);background:#fff;color:#173446}
.value-ladder [data-value-tier="guided"],.value-ladder [data-help-offer="guided"]{transform:translateY(-8px);box-shadow:0 22px 52px rgba(5,25,36,.13)}
.gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.gateway-card{display:block;padding:24px;border:1px solid rgba(255,255,255,.24);background:var(--layered-deep-panel);color:var(--layered-deep-text);text-decoration:none;box-shadow:0 14px 32px rgba(0,0,0,.14)}
.featured-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.featured-tool{display:flex;min-height:210px;flex-direction:column;padding:24px;border:1px solid rgba(10,44,61,.12);background:#fff;box-shadow:0 14px 36px rgba(5,25,36,.07)}
.featured-tool .text-link{margin-top:auto}
.about-layers{display:grid;gap:18px}
.about-layer{padding:28px;border-left:4px solid #d7a841;background:var(--layered-deep-panel);color:var(--layered-deep-text);box-shadow:0 14px 32px rgba(0,0,0,.14)}
.about-layer p{color:var(--layered-deep-muted)}
.layered-final-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.direct-meeting-access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.direct-meeting-access__card{padding:28px;border:1px solid rgba(10,44,61,.14);background:#fff;box-shadow:0 16px 38px rgba(5,25,36,.08)}
.direct-meeting-access__card h3{margin:0 0 10px;color:#082b40}
.direct-meeting-access__card p{margin:0 0 18px;color:#344650}
.direct-meeting-access__card .button-row{align-items:center}
.direct-meeting-access__card .text-link{margin-left:4px}

.core-programs-spotlight{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(237,185,79,.16),transparent 28%),linear-gradient(135deg,#03111d,#082b40)}
.core-programs-spotlight::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.11;background:url("/assets/brave-harbor-hero-ocean.jpg") center/cover}
.core-programs-spotlight>.shell{position:relative;z-index:1}
.core-programs-spotlight__intro{max-width:850px;margin:0 auto 38px;text-align:center}
.core-programs-spotlight__intro h2{margin:0;color:#f5eee2;font-size:clamp(2.8rem,5vw,5rem);line-height:.95}
.core-programs-spotlight__intro .lead{max-width:720px;margin:20px auto 0;color:rgba(255,255,255,.82)}
.core-programs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.core-program-card{position:relative;display:flex;min-height:300px;flex-direction:column;padding:32px 28px;border:1px solid rgba(237,185,79,.34);border-top:4px solid #edb94f;background:rgba(3,17,29,.9);box-shadow:0 22px 50px rgba(0,0,0,.2)}
.core-program-card h3{margin:0 0 14px;color:#f3d184;font-size:1.65rem;line-height:1.05}
.core-program-card p{margin:0 0 24px;color:rgba(255,255,255,.78)}
.core-program-card .text-link{margin-top:auto;color:#f3d184}

.sails-feature{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 0%,rgba(217,154,43,.22),transparent 34%),linear-gradient(135deg,#051827,#0a2b40)}
.sails-feature::before{content:"";position:absolute;inset:0;opacity:.12;background:url("/assets/brave-harbor-hero-ocean.jpg") center/cover}
.sails-feature>.shell{position:relative;z-index:1}
.sails-feature__intro{max-width:900px;margin:0 auto 38px;text-align:center}
.sails-feature__intro h2{margin:0;color:#f3d184;font-size:clamp(4rem,9vw,8.5rem);line-height:.82;letter-spacing:.08em}
.sails-feature__intro .lead{max-width:760px;margin:24px auto 0;color:rgba(255,255,255,.9)}
.sails-feature__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.sails-feature__steps article{min-height:250px;padding:26px 20px;border:1px solid rgba(237,185,79,.32);background:rgba(3,17,29,.9);text-align:center;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.sails-feature__steps strong{display:block;color:#f3d184;font-family:Georgia,'Times New Roman',serif;font-size:3rem;line-height:1}
.sails-feature__steps h3{margin:13px 0 10px;color:#fff;font-size:1.15rem}
.sails-feature__steps p{margin:0;color:rgba(248,251,252,.84);font-size:.9rem}
.sails-feature__cta{margin-top:30px;text-align:center}

@media (max-width:980px){.layered-grid--four,.philosophy-strip,.featured-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.value-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.community-rhythm{grid-template-columns:1fr}.core-programs-grid{grid-template-columns:1fr}.core-program-card{min-height:0}.sails-feature__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sails-feature__steps article:last-child{grid-column:1/-1}}
@media (max-width:720px){.layered-grid,.layered-grid--four,.philosophy-strip,.value-ladder,.gateway-grid,.featured-tools,.sails-feature__steps,.direct-meeting-access{grid-template-columns:1fr}.core-programs-spotlight__intro{text-align:left}.core-programs-spotlight__intro h2{font-size:clamp(2.5rem,12vw,4rem)}.sails-feature__steps article:last-child{grid-column:auto}.value-ladder [data-value-tier="guided"],.value-ladder [data-help-offer="guided"]{transform:none}.layered-card,.featured-tool,.sails-feature__steps article{min-height:0}.sails-feature__intro h2{font-size:clamp(3.5rem,22vw,6rem)}}
