:root{
    --bo-black:#020407;
    --bo-panel:#080d15;
    --bo-panel2:#0d1522;
    --bo-red:#ed1c2f;
    --bo-red-dark:#7c0b17;
    --bo-blue:#145cff;
    --bo-blue-light:#7faaff;
    --bo-white:#f5f7fb;
    --bo-muted:#b7c1cf;
    --bo-border:#263d5d;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.brotherhood-outdoors-page {
    margin: 0;
    color: var(--bo-white);
    background:
        radial-gradient(
            circle at 10% 12%,
            rgba(20, 92, 255, .13),
            transparent 28rem
        ),
        radial-gradient(
            circle at 90% 18%,
            rgba(237, 28, 47, .14),
            transparent 30rem
        ),
        #020407;
    font-family: Arial, Helvetica, sans-serif;
}
.brotherhood-outdoors-page main{overflow:hidden}
.bo-hero {
    position: relative;
    width: min(1600px, calc(100% - 32px));
    height: auto;
    min-height: 0;
    margin: 20px auto 0;
    overflow: hidden;
    border: 1px solid #345b88;
    border-radius: 24px;
    background: #000;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .6);
}

.bo-hero img {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center top;
}


.bo-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:min(1500px,calc(100% - 48px));margin:22px auto}
.bo-divider span:first-child{height:3px;background:linear-gradient(90deg,transparent,var(--bo-blue))}
.bo-divider span:last-child{height:3px;background:linear-gradient(90deg,var(--bo-red),transparent)}
.bo-divider img{width:68px;height:68px;border-radius:50%;object-fit:cover;box-shadow:0 0 24px rgba(237,28,47,.4)}
.bo-section{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:70px 0}
.bo-heading{max-width:980px;margin-bottom:34px}
.bo-heading>span,.bo-eyebrow{display:block;color:var(--bo-blue-light);font-size:.75rem;font-weight:1000;letter-spacing:.2em}
.bo-heading h1,.bo-heading h2,.bo-two-column h2,.bo-family h2,.bo-cost h2,.bo-story-cta h2,.bo-final h2{margin:12px 0 16px;font-size:clamp(2.6rem,5vw,5.8rem);line-height:.9;letter-spacing:-.035em}
.bo-heading strong,.bo-two-column strong,.bo-family strong,.bo-cost strong,.bo-story-cta strong,.bo-final strong{color:var(--bo-red)}
.bo-heading p,.bo-two-column p,.bo-family p,.bo-cost p,.bo-story-cta p{color:var(--bo-muted);font-size:1.06rem;line-height:1.72}
.bo-purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bo-purpose-card{overflow:hidden;border:1px solid var(--bo-border);border-radius:18px;background:linear-gradient(145deg,rgba(15,24,38,.98),rgba(4,7,12,.99));box-shadow:0 16px 45px rgba(0,0,0,.35);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.bo-purpose-card:nth-child(1){border-color:#245dff}
.bo-purpose-card:nth-child(3){border-color:#ed1c2f}
.bo-purpose-card:hover{transform:translateY(-12px) scale(1.015);box-shadow:0 25px 60px rgba(20,92,255,.18),0 0 35px rgba(237,28,47,.12)}
.bo-purpose-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.bo-purpose-card div{padding:24px}
.bo-purpose-card h2{margin:0 0 10px;font-size:1.65rem}
.bo-purpose-card p{margin:0;color:var(--bo-muted);line-height:1.65}
.bo-campfire{padding-top:30px}
.bo-two-column,.bo-family,.bo-cost,.bo-story-cta,.bo-final{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;padding:38px;border:1px solid var(--bo-border);border-radius:20px;background:linear-gradient(135deg,rgba(78,7,17,.72),rgba(6,12,20,.97))}
.bo-rules,.bo-info-grid,.bo-activity-grid,.bo-donation-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.bo-rules article,.bo-info-grid article,.bo-activity-grid article,.bo-donation-list span{padding:22px;border:1px solid var(--bo-border);border-radius:14px;background:linear-gradient(145deg,#111a29,#06090f)}
.bo-rules strong,.bo-rules span{display:block}
.bo-rules strong{color:var(--bo-red);margin-bottom:7px}
.bo-rules span,.bo-info-grid p,.bo-activity-grid p{color:var(--bo-muted);line-height:1.55}
.bo-activity-grid{grid-template-columns:repeat(4,1fr)}
.bo-activity-grid article{min-height:190px;border-top:4px solid var(--bo-blue)}
.bo-activity-grid article:nth-child(even){border-top-color:var(--bo-red)}
.bo-activity-grid h3{margin:0 0 10px;font-size:1.25rem}
.bo-family{border-left:8px solid var(--bo-red)}
.bo-info-grid{grid-template-columns:repeat(4,1fr)}
.bo-info-grid article{min-height:220px}
.bo-info-grid h3{margin-top:0;color:var(--bo-blue-light)}
.bo-cost{grid-template-columns:1.1fr .9fr}
.bo-cost ul{padding-left:20px;color:var(--bo-muted);line-height:1.75}
.bo-donation-list span{display:flex;align-items:center;min-height:76px;font-weight:900}
.bo-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border-radius:8px;color:#fff;font-weight:1000;text-decoration:none;transition:.2s}
.bo-button:hover{transform:translateY(-2px);filter:brightness(1.1)}
.bo-button-red{background:linear-gradient(135deg,var(--bo-red),var(--bo-red-dark));border:1px solid #ff6070}
.bo-button-blue{background:linear-gradient(135deg,var(--bo-blue),#102c72);border:1px solid var(--bo-blue-light)}
.bo-trip-grid,.bo-memory-grid,.bo-story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bo-trip-card,.bo-memory-grid article,.bo-story-grid article{padding:24px;border:1px solid var(--bo-border);border-radius:16px;background:linear-gradient(145deg,#111a29,#05080d)}
.bo-trip-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:var(--bo-blue-light);font-size:.72rem;font-weight:1000;letter-spacing:.08em}
.bo-status{padding:7px 10px;border-radius:999px;background:#1c2c45}
.bo-status-open{background:#0d6c35}
.bo-status-full{background:#9c1524}
.bo-status-canceled{background:#424854}
.bo-status-completed{background:#174d8b}
.bo-trip-card h3{font-size:1.55rem}
.bo-trip-card dl{display:grid;gap:9px}
.bo-trip-card dl div{display:grid;grid-template-columns:110px 1fr;gap:10px}
.bo-trip-card dt{color:var(--bo-blue-light);font-size:.75rem;font-weight:1000}
.bo-trip-card dd{margin:0;color:var(--bo-muted)}
.bo-memory-grid img,.bo-video{width:100%;aspect-ratio:16/10;border-radius:12px;overflow:hidden;object-fit:cover}
.bo-video iframe{width:100%;height:100%;border:0}
.bo-memory-grid article>div:last-child{padding-top:16px}
.bo-memory-grid span,.bo-story-grid span{color:var(--bo-blue-light);font-size:.75rem;font-weight:1000;letter-spacing:.12em}
.bo-story-grid{margin-top:24px}
.bo-story-grid p{color:var(--bo-muted);line-height:1.65}
.bo-story-cta{margin-top:30px}
.bo-empty{padding:34px;border:1px dashed #456a98;border-radius:16px;text-align:center;color:var(--bo-muted)}
.bo-final{width:min(1500px,calc(100% - 48px));margin:0 auto 34px;grid-template-columns:auto 1fr auto}
.bo-final img{width:120px;height:120px;border-radius:50%;object-fit:cover}
.bo-final span{color:var(--bo-blue-light);font-weight:1000;letter-spacing:.13em}
.bo-final h2{font-size:clamp(2rem,4vw,4.3rem);margin-bottom:0}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}
.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){
.bo-purpose-grid,.bo-info-grid,.bo-trip-grid,.bo-memory-grid,.bo-story-grid{grid-template-columns:repeat(2,1fr)}
.bo-activity-grid{grid-template-columns:repeat(2,1fr)}
.bo-two-column,.bo-family,.bo-cost,.bo-story-cta,.bo-final{grid-template-columns:1fr}
}
@media (max-width: 700px) {
    .bo-hero {
        width: calc(100% - 16px);
        height: auto;
        min-height: 0;
        margin-top: 10px;
        border-radius: 14px;
    }
    .bo-hero img {
        width: 100%;
        height: auto;
        object-fit: contain;
        object-position: center top;
    }
.bo-divider,.bo-section,.bo-final{width:calc(100% - 24px)}
.bo-section{padding:46px 0}
.bo-purpose-grid,.bo-info-grid,.bo-trip-grid,.bo-memory-grid,.bo-story-grid,.bo-activity-grid,.bo-rules,.bo-donation-list{grid-template-columns:1fr}
.bo-two-column,.bo-family,.bo-cost,.bo-story-cta,.bo-final{padding:24px}
.bo-heading h1,.bo-heading h2,.bo-two-column h2,.bo-family h2,.bo-cost h2,.bo-story-cta h2,.bo-final h2{font-size:clamp(2.2rem,11vw,3.7rem)}
.bo-trip-card dl div{grid-template-columns:1fr}
}


/* FINAL HERO DISPLAY OVERRIDE — DO NOT REMOVE */
body.brotherhood-outdoors-page main .bo-hero {
    display: block;
    position: relative;
    width: min(1600px, calc(100% - 32px));
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 20px auto 0;
    overflow: visible !important;
    border: 1px solid #345b88;
    border-radius: 24px;
    background: #000;
}

body.brotherhood-outdoors-page main .bo-hero > img {
    display: block !important;
    position: static !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center top !important;
    clip-path: none !important;
    transform: none !important;
}

@media (max-width: 700px) {
    body.brotherhood-outdoors-page main .bo-hero {
        width: calc(100% - 16px);
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        border-radius: 14px;
    }

    body.brotherhood-outdoors-page main .bo-hero > img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}