:root{--ink:#24302e;--soft:#f1f4f1;--accent:#52695f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.65 Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}header{display:flex;justify-content:space-between;align-items:center;padding:20px 6%;gap:18px;border-bottom:1px solid #e2e7e3;background:#fff}a{color:inherit}.logo{text-decoration:none;font-weight:900;letter-spacing:-.055em;font-size:25px;line-height:1}.logo small{display:block;font-size:10px;letter-spacing:.17em;margin-top:10px}nav{display:flex;gap:15px;flex-wrap:wrap;align-items:center}nav a{text-decoration:none;font-weight:700;font-size:12px}.btn{display:inline-block;text-decoration:none;background:var(--ink);color:white;padding:12px 20px;font-size:13px;font-weight:700}.btn.white{background:white;color:var(--ink)}.hero{padding:95px 9%;background:#e8eee9}.hero>div{max-width:880px}.eyebrow{font-size:12px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:var(--accent)}h1{font-size:clamp(44px,6.5vw,82px);letter-spacing:-.06em;line-height:1.05;margin:20px 0}h2{font-size:clamp(32px,4vw,51px);letter-spacing:-.045em;line-height:1.14;margin:13px 0 21px}h3{font-size:24px;letter-spacing:-.025em;margin:8px 0}p{max-width:770px}.lead{font-size:20px;max-width:800px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}section{padding:75px 9%}.soft{background:var(--soft)}.intro{max-width:850px;font-size:18px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px}.three{grid-template-columns:repeat(3,1fr)}.card{padding:30px;border:1px solid #d9e2dc;background:#fff}.card span{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--accent)}.card a{font-weight:800}.dark{background:var(--ink);color:#fff}.dark .eyebrow{color:#b5d0c0}.quote{font-size:24px;font-weight:700;line-height:1.4;max-width:850px}.note{font-size:13px;opacity:.8}footer{padding:35px 9%;font-size:13px;border-top:1px solid #ddd}footer a{margin-right:18px}.stack{display:grid;gap:20px;max-width:900px}.stack article{border-left:3px solid var(--accent);padding-left:22px}.tag{display:inline-block;border:1px solid #bdccc2;padding:5px 10px;font-size:12px;margin:4px 5px 4px 0}@media(max-width:900px){header{align-items:flex-start;flex-direction:column}nav{gap:12px}.three,.cards{grid-template-columns:1fr}section{padding:55px 7%}.hero{padding:75px 7%}}
/* Be The Why sitewide brand alignment: interior pages only; homepage and Lounge retain their approved designs */
body:not(.original-home):not(.lounge){--ink:#24302d;--soft:#f1f4f1;--accent:#536b61;color:#24302d;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.62}
body:not(.original-home):not(.lounge) header{background:#fff;border-bottom:1px solid #e6e8e7;padding:27px 8.2%}
body:not(.original-home):not(.lounge) .logo{font-size:26px;letter-spacing:-.055em}
body:not(.original-home):not(.lounge) .logo small{font-size:10px;letter-spacing:.15em;margin-top:0}
body:not(.original-home):not(.lounge) nav{gap:24px}
body:not(.original-home):not(.lounge) nav a{font-size:12px;color:#24302d}
body:not(.original-home):not(.lounge) h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.055em;line-height:1.04}
body:not(.original-home):not(.lounge) h2{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.045em;line-height:1.12}
body:not(.original-home):not(.lounge) h3{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.035em;line-height:1.3}
body:not(.original-home):not(.lounge) .eyebrow{color:#536b61;letter-spacing:.2em}
body:not(.original-home):not(.lounge) .hero,body:not(.original-home):not(.lounge) .feature-hero{background:#e8eee9}
body:not(.original-home):not(.lounge) .soft{background:#f1f4f1}
body:not(.original-home):not(.lounge) .btn{background:#24302d;color:#fff;font-weight:700;border-radius:0}
body:not(.original-home):not(.lounge) .btn.white{background:#fff;color:#24302d}
body:not(.original-home):not(.lounge) .card,body:not(.original-home):not(.lounge) .feature-tile{border-color:#d5dbd8}
body:not(.original-home):not(.lounge) .card span{color:#536b61}
body:not(.original-home):not(.lounge) .dark{background:#24302d}
body:not(.original-home):not(.lounge) footer{border-top:1px solid #ddd;color:#24302d;background:#fff}
@media(max-width:900px){body:not(.original-home):not(.lounge) header{padding:20px 7%}body:not(.original-home):not(.lounge) nav{gap:12px}}

/* Distinct, polished Be The Why page personalities — preserve each page's structure */
.btw-page{--page-accent:#536b61;--page-tint:#e8eee9;--page-ink:#24302d}
.btw-page .hero,.btw-page .feature-hero{background:var(--page-tint);position:relative;overflow:hidden}
.btw-page .hero:before,.btw-page .feature-hero:before{content:'';position:absolute;inset:0 0 auto auto;width:34%;height:100%;background:linear-gradient(145deg,transparent 30%,color-mix(in srgb,var(--page-accent) 13%,transparent));pointer-events:none}
.btw-page .hero>*,.btw-page .feature-hero>*{position:relative}
.btw-page .eyebrow,.btw-page .card span{color:var(--page-accent)}
.btw-page .soft{background:color-mix(in srgb,var(--page-tint) 65%,white)}
.btw-page .stack article{border-left-color:var(--page-accent)}
.btw-page .card,.btw-page .feature-tile{border-color:color-mix(in srgb,var(--page-accent) 25%,#e2e7e3);transition:box-shadow .2s ease,transform .2s ease}
.btw-page .card:hover,.btw-page .feature-tile:hover{box-shadow:0 10px 28px rgba(20,36,30,.08);transform:translateY(-2px)}
.btw-page .btn{background:var(--page-ink)}
.btw-programs{--page-accent:#49715e;--page-tint:#dfece3;--page-ink:#294d3e}
.btw-about{--page-accent:#876c43;--page-tint:#f2eadc;--page-ink:#3d4035}
.btw-impact{--page-accent:#3c756d;--page-tint:#deeeeb;--page-ink:#224e49}
.btw-events{--page-accent:#a16c41;--page-tint:#f2e5d8;--page-ink:#493d32}
.btw-involved{--page-accent:#6b794b;--page-tint:#eaf0dd;--page-ink:#36482f}
.btw-experiences{--page-accent:#8a7352;--page-tint:#eae5db;--page-ink:#302f2b}
.btw-speakers{--page-accent:#537181;--page-tint:#e2edf2;--page-ink:#293f4b}
.btw-tour{--page-accent:#84694c;--page-tint:#efe8df;--page-ink:#37342f}
.btw-contact{--page-accent:#4c7068;--page-tint:#e6efec;--page-ink:#28443e}
.btw-team{--page-accent:#62745d;--page-tint:#e8ede4;--page-ink:#354a38}
.btw-programs .hero,.btw-impact .hero{border-bottom:5px solid var(--page-accent)}
.btw-about .hero,.btw-team .hero{border-bottom:1px solid #d9cdb9}
.btw-events .hero,.btw-events .feature-hero{background:linear-gradient(115deg,#f2e5d8,#faf7f0)}
.btw-experiences .feature-hero{background:linear-gradient(115deg,#eae5db,#f7f4ed)}
.btw-speakers .hero,.btw-tour .feature-hero{background:linear-gradient(110deg,var(--page-tint),#f7f9f8)}
.btw-involved .hero{background:linear-gradient(120deg,#eaf0dd,#f6f8ef)}
.btw-contact .hero{border-left:8px solid var(--page-accent)}
.btw-page .btw-temp-photo img{border-radius:2px;box-shadow:0 12px 32px rgba(25,45,38,.10)}
.btw-page .dark{background:var(--page-ink)}
@media(prefers-reduced-motion:reduce){.btw-page .card,.btw-page .feature-tile{transition:none}}

/* Richer section color rhythm — less white, same brand and page identities */
body.btw-page main{background:var(--page-tint)}
body.btw-page main>section{background:color-mix(in srgb,var(--page-tint) 58%,white);position:relative}
body.btw-page main>section:nth-of-type(even){background:color-mix(in srgb,var(--page-tint) 86%,var(--page-accent) 14%)}
body.btw-page main>section:nth-of-type(3n){background:color-mix(in srgb,var(--page-tint) 62%,var(--page-ink) 38%);color:#fff}
body.btw-page main>section:nth-of-type(3n) h2,body.btw-page main>section:nth-of-type(3n) h3,body.btw-page main>section:nth-of-type(3n) p{color:inherit}
body.btw-page main>section:nth-of-type(3n) .eyebrow{color:#e4eddd}
body.btw-page main>section:nth-of-type(3n) .card,body.btw-page main>section:nth-of-type(3n) .feature-tile{color:#24302d}
body.btw-page main>section.dark{background:var(--page-ink);color:#fff}
body.btw-page main>section.soft{background:color-mix(in srgb,var(--page-tint) 83%,var(--page-accent) 17%)}
body.btw-page main>section.soft:nth-of-type(3n){background:color-mix(in srgb,var(--page-tint) 62%,var(--page-ink) 38%);color:#fff}
body.btw-page .hero,body.btw-page .feature-hero{background:var(--page-tint)}
body.btw-page .btw-temp-photo{background:transparent}
body.btw-page .card,body.btw-page .feature-tile{background:color-mix(in srgb,var(--page-tint) 25%,white)}
body.btw-page main>section:nth-of-type(3n) .btn{background:#fff;color:var(--page-ink)}

/* Shared responsive navigation */
.site-header{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;color:#24302d}
.site-header .logo{flex-shrink:0;color:#24302d}
.site-header .desktop-nav{display:flex;align-items:center;gap:22px;flex-wrap:nowrap}
.site-header .desktop-nav>a,.site-header .desktop-nav .nav-drop>summary{font-size:12px;font-weight:700;text-decoration:none;color:#24302d;white-space:nowrap;cursor:pointer;list-style:none}
.site-header .nav-drop>summary::-webkit-details-marker,.site-header .mobile-nav summary::-webkit-details-marker{display:none}
.site-header .nav-drop>summary:after{content:'⌄';font-size:13px;margin-left:5px}
.site-header .nav-drop{position:relative}
.site-header .nav-dropdown{position:absolute;top:calc(100% + 16px);left:-16px;min-width:225px;background:#fff;border:1px solid #d9e2dc;box-shadow:0 14px 30px rgba(15,35,25,.13);padding:10px;display:grid;gap:0}
.site-header .nav-dropdown a{font-size:13px;text-decoration:none;color:#24302d;padding:10px 12px;display:block;font-weight:600}
.site-header .nav-dropdown a:hover,.site-header .mobile-nav nav a:hover{background:#e8eee9}
.site-header .mobile-nav{display:none}
.site-header .mobile-nav>summary{cursor:pointer;display:flex;align-items:center;gap:9px;border:1px solid #cad6ce;padding:9px 13px;font-weight:700;font-size:13px;list-style:none;color:#24302d;background:#fff}
.site-header .menu-bars{font-size:20px;line-height:1}
.site-header .mobile-nav nav{position:absolute;top:100%;left:0;right:0;display:block;background:#fff;border-top:1px solid #e2e7e3;border-bottom:1px solid #d4ded7;padding:12px 6% 20px;box-shadow:0 18px 25px rgba(20,35,28,.13);max-height:75vh;overflow-y:auto}
.site-header .mobile-nav nav>a,.site-header .mobile-nav nav>details>summary{display:block;width:100%;padding:13px 10px;border-bottom:1px solid #edf0ed;font-size:15px;font-weight:700;color:#24302d;text-decoration:none;cursor:pointer;list-style:none}
.site-header .mobile-nav nav>details>summary:after{content:'+';float:right}
.site-header .mobile-nav nav>details[open]>summary:after{content:'−'}
.site-header .mobile-nav nav>details>div{display:grid;background:#f1f4f1;padding:6px 0}
.site-header .mobile-nav nav>details>div a{font-size:14px;text-decoration:none;color:#24302d;padding:10px 20px}
@media(max-width:1100px){.site-header .desktop-nav{display:none}.site-header .mobile-nav{display:block}.site-header{flex-direction:row;align-items:center}.original-home .site-header{flex-direction:row;align-items:center}body.btw-page .site-header{flex-direction:row;align-items:center}}

/* Brand symbol, visible action links, and clear donation pathway */
.site-header .logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.site-header .brand-name{display:block}
.site-header .brand-mark{display:inline-flex;align-items:flex-end;gap:3px;height:29px;flex-shrink:0;transform:skew(-12deg)}
.site-header .brand-mark i{display:block;width:5px;background:#536b61;border-radius:1px}
.site-header .brand-mark i:nth-child(1){height:15px}.site-header .brand-mark i:nth-child(2){height:22px}.site-header .brand-mark i:nth-child(3){height:29px}
.site-header .desktop-nav>a.nav-donate{background:#426451;color:#fff!important;padding:11px 17px;font-weight:800;border-radius:2px;letter-spacing:.015em}
.site-header .desktop-nav>a.nav-donate:hover{background:#294a38}
.site-header .mobile-nav nav>a.nav-donate-mobile{background:#426451;color:#fff!important;text-align:center;margin-top:12px;border:0;font-size:16px;font-weight:800}
.original-home .text-links a:first-child{color:#294f3b;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.original-home .text-links a:not(:first-child){color:#294f3b;text-decoration:underline;text-underline-offset:5px}
.original-home .kicker{color:#385c47}
body.btw-page .eyebrow,body.btw-page .card span{color:var(--page-ink);font-weight:800}
body.btw-page main>section:nth-of-type(3n) .eyebrow{color:#fff}
body.btw-page .card a,body.btw-page section a:not(.btn){text-decoration-color:currentColor;text-underline-offset:3px}

/* Authentic brand image and accessible, clearly active links */
.site-header .actual-logo{display:flex;align-items:center;flex-shrink:0;line-height:1}
.site-header .actual-logo img{display:block;width:178px;max-height:78px;height:auto;object-fit:contain;object-position:left center}
.original-home .text-links a,.original-home .text-links a:first-child{color:#171c1a!important;opacity:1!important;font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.original-home .text-links a:hover{color:#355c47!important}
.donation-feature{background:#d9e9db!important;color:#24302d!important;border-top:5px solid #426451}
.donation-feature .eyebrow{color:#294f3b!important}
.donation-feature .btn{display:inline-block;margin-top:12px;background:#294f3b!important;color:#fff!important}
.give-link{display:inline-block;margin-top:12px;color:#1d3e2b!important;font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){.site-header .actual-logo img{width:142px;max-height:64px}}

/* Larger original logo in responsive site header */
.site-header .actual-logo img{width:235px;max-height:96px}
@media(max-width:600px){.site-header .actual-logo img{width:184px;max-height:76px}}

/* Homepage primary text link: normal weight, still dark and clearly clickable */
.original-home .text-links a:first-child{font-weight:400!important}

.inquiry-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}.inquiry-actions .btn{background:#294f3b!important;color:#fff!important}

.inquiry-form-section{background:#e3eee6!important;color:#24302d!important}.btw-inquiry-form{max-width:800px;display:grid;gap:20px;margin-top:24px}.btw-inquiry-form .form-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.btw-inquiry-form label{display:grid;gap:7px;font-size:14px;font-weight:700}.btw-inquiry-form input,.btw-inquiry-form select,.btw-inquiry-form textarea{width:100%;padding:13px;border:1px solid #aebeb4;background:white;color:#24302d;font:inherit;border-radius:2px}.btw-inquiry-form button{border:0;cursor:pointer;justify-self:start}.btw-inquiry-form .note{font-size:13px}@media(max-width:650px){.btw-inquiry-form .form-two{grid-template-columns:1fr}}


.btw-story-photo{margin:26px 0 0;max-width:1080px}
.btw-story-photo img{display:block;width:100%;height:auto;aspect-ratio:2.4;object-fit:cover;border-radius:4px}
.btw-story-photo figcaption{margin-top:8px;font-size:.85rem;line-height:1.5}
.btw-page main>.btw-story-photo{width:84%;margin:10px auto 55px}
.feature-hero .btw-story-photo{margin:26px auto}
.btw-card-photo{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;margin-bottom:18px;border-radius:3px}
.l-photo-replacement:has(.lounge-room-photo){padding:0 0 20px;display:block;overflow:hidden;min-height:0}
.lounge-room-photo{display:block;width:100%;height:auto;margin-bottom:16px}
.l-photo-replacement:has(.lounge-room-photo)>strong,.l-photo-replacement:has(.lounge-room-photo)>p{margin-left:20px;margin-right:20px}
@media(max-width:700px){.btw-story-photo img{aspect-ratio:1.45}.btw-page main>.btw-story-photo{width:86%;margin-bottom:35px}}
.original-home .home-experiences .btw-story-photo img.home-purpose-photo{aspect-ratio:auto;width:min(100%,420px);height:auto;margin-inline:auto}
@media(min-width:851px){.btw-impact .btw-story-photo{max-width:820px}.btw-impact .btw-story-photo img{aspect-ratio:auto;height:auto;object-fit:contain}}

.btw-photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,24px);max-width:1080px;margin:28px auto 0}
.btw-photo-pair img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center 30%;border-radius:4px}
@media(max-width:600px){.btw-photo-pair{grid-template-columns:1fr}}