:root{--ink:#34231f;--forest:#5a342d;--forest-2:#70483e;--cream:#f8efeb;--paper:#fcf8f6;--brown:#855043;--gold:#c58f82;--line:rgba(52,35,31,.17);--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.65}.skip{position:absolute;left:-999px;top:1rem;background:#fff;color:#000;padding:.6rem 1rem;z-index:100}.skip:focus{left:1rem}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);background:rgba(251,248,242,.96);position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:baseline;gap:.75rem}.brand-mark{font-family:var(--serif);font-size:1.8rem;font-weight:700;letter-spacing:-.04em}.brand-sub{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#516057}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.88rem;font-weight:600}.site-header nav a{text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:.65rem 1rem}.menu-button{display:none;border:0;background:none;font:inherit}.hero{height:min(780px,calc(100vh - 86px));min-height:640px;position:relative;overflow:hidden;color:#fff}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('brwn-hero.png') center/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(20,28,24,.9) 0%,rgba(20,28,24,.72) 38%,rgba(20,28,24,.12) 69%,rgba(20,28,24,0) 100%)}.hero-copy{position:relative;z-index:2;max-width:660px;padding:clamp(100px,15vh,160px) 6vw 0}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;margin:0 0 1.2rem;color:#e6cfaa}.eyebrow.dark{color:var(--brown)}.eyebrow.light{color:#dfc49b}.hero h1,.intro h2,.section-heading h2,.approach h2,.about h2,.consultation h2,.faq h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.98;margin:0}.hero h1{font-size:clamp(3.3rem,6.5vw,6.7rem);max-width:820px}.hero-lede{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:590px;margin:1.75rem 0 2.25rem;color:rgba(255,255,255,.88)}.hero-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:.75rem 1.4rem;text-decoration:none;font-size:.87rem;font-weight:700;letter-spacing:.02em;transition:.2s ease}.button-primary{background:var(--cream);color:var(--ink)}.button-primary:hover,.button-cream:hover{background:#fff;transform:translateY(-2px)}.text-link{text-decoration:none;font-weight:700;font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:.2rem}.credential-chip{position:absolute;z-index:2;right:2rem;bottom:2rem;background:rgba(245,239,229,.94);color:var(--ink);padding:.7rem 1rem;font-size:.78rem;font-weight:700;letter-spacing:.08em}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:clamp(90px,12vw,160px)}.intro h2,.section-heading h2,.about h2,.faq h2{font-size:clamp(2.7rem,5vw,5rem)}.intro-copy{padding-top:1rem;color:#435048}.intro-copy p:first-child{font-size:1.12rem;color:var(--ink)}.services{background:var(--cream);padding-block:clamp(90px,10vw,140px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:4rem}.section-heading.compact{display:block}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:330px;padding:2.2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.service-card.featured{background:var(--forest);color:#fff}.service-number{font-family:var(--serif);font-style:italic;color:var(--gold);margin-bottom:auto}.service-card h3,.process h3{font-family:var(--serif);font-size:1.75rem;line-height:1.1;margin:2.5rem 0 1rem}.service-card p{margin:0;color:inherit;opacity:.77;max-width:460px}.approach{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;padding-block:clamp(90px,12vw,160px)}.approach-panel{background:var(--forest);color:#fff;padding:clamp(36px,6vw,80px)}.approach h2{font-size:clamp(2.7rem,5vw,5.3rem);max-width:800px}.approach-panel>p:not(.eyebrow){font-size:1.1rem;color:rgba(255,255,255,.75);max-width:760px;margin:2rem 0}.approach-list{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 2rem;padding:2rem 0 0;margin:0;border-top:1px solid rgba(255,255,255,.2);list-style:none}.approach-list li:before{content:'—';color:var(--gold);margin-right:.6rem}.approach blockquote{margin:0;background:#d9c3aa;padding:clamp(35px,5vw,65px);display:flex;flex-direction:column;justify-content:center;font-family:var(--serif);font-size:clamp(1.8rem,3vw,3rem);line-height:1.15}.approach blockquote span{font-size:5rem;line-height:.6;color:var(--brown)}.about{background:#ece4d8;padding-block:clamp(90px,10vw,140px)}.about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}.monogram{aspect-ratio:4/5;background:var(--brown);color:var(--cream);display:grid;place-items:center;position:relative}.monogram span{font-family:var(--serif);font-size:clamp(7rem,17vw,13rem);font-style:italic}.monogram small{position:absolute;bottom:2rem;letter-spacing:.25em}.about-lede{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--brown)}.about-copy>p:not(.eyebrow){max-width:720px}.supervision-note{border-top:1px solid var(--line);padding-top:1.4rem;font-size:.9rem;color:#4d5a52}.process{padding-block:clamp(90px,10vw,140px)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;margin:4rem 0 0;list-style:none;border-top:1px solid var(--line)}.process-grid li{padding:2rem 2rem 2rem 0;border-right:1px solid var(--line)}.process-grid li+li{padding-left:2rem}.process-grid li:last-child{border-right:0}.process-grid span{color:var(--brown);font-size:.8rem;font-weight:700}.process-grid h3{margin:2rem 0 1rem}.process-grid p{color:#536058}.consultation{background:var(--forest);color:#fff;padding:clamp(100px,12vw,170px) 24px;text-align:center}.consultation-inner{max-width:900px;margin:auto}.consultation h2{font-size:clamp(3rem,6vw,6.6rem)}.consultation p{max-width:650px;margin:1.8rem auto;color:rgba(255,255,255,.7)}.button-cream{background:var(--cream);color:var(--ink);margin-top:.5rem}.booking-link[aria-disabled=true]{opacity:.55;pointer-events:none}.consultation .booking-note{font-size:.75rem;margin-top:.8rem}.faq{padding-block:clamp(90px,10vw,140px)}.faq-list{border-top:1px solid var(--line);margin-top:3rem}.faq-list details{border-bottom:1px solid var(--line);padding:1.25rem 0}.faq-list summary{font-family:var(--serif);font-size:1.4rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:'+';color:var(--brown)}.faq-list details[open] summary:after{content:'−'}.faq-list p{max-width:760px;color:#536058}footer{background:#111a16;color:#fff;padding:4rem clamp(24px,6vw,90px) 2rem}.footer-main{display:grid;grid-template-columns:1fr 1fr auto;gap:3rem;align-items:start;padding-bottom:4rem}.footer-brand{color:#fff}.footer-main p{margin:0;color:rgba(255,255,255,.65);max-width:420px}.footer-main>a:last-child{text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.2rem}.footer-legal{display:flex;justify-content:space-between;gap:3rem;border-top:1px solid rgba(255,255,255,.15);padding-top:1.5rem;color:rgba(255,255,255,.5);font-size:.72rem}.footer-legal p{max-width:650px;margin:0}
@media(max-width:820px){body{font-size:16px}.site-header{height:74px}.brand-sub{display:none}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:1.5rem 24px;flex-direction:column;align-items:stretch;gap:1.2rem;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{height:auto;min-height:720px}.hero-image{background-position:63% center}.hero-shade{background:linear-gradient(180deg,rgba(20,28,24,.25),rgba(20,28,24,.92) 72%)}.hero-copy{padding:310px 24px 80px}.hero h1{font-size:clamp(3rem,14vw,4.7rem)}.credential-chip{right:1rem;bottom:1rem}.intro,.approach,.about-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.service-card{min-height:285px}.approach-list{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-grid li,.process-grid li+li{border-right:0;border-bottom:1px solid var(--line);padding:2rem 0}.footer-main{grid-template-columns:1fr}.footer-legal{flex-direction:column}.wrap{width:min(100% - 32px,1180px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Expanded BRWN. story */
.site-header nav{gap:1.5rem;font-size:.84rem}
.hero{height:min(800px,calc(100vh - 86px));min-height:680px}
.hero-shade{background:linear-gradient(90deg,rgba(20,28,24,.94) 0%,rgba(20,28,24,.76) 43%,rgba(20,28,24,.13) 73%,rgba(20,28,24,0) 100%)}
.hero-copy{max-width:820px;padding:clamp(80px,12vh,130px) 6vw 0}
.hero h1{font-size:clamp(3.1rem,5.6vw,5.7rem);max-width:790px}
.hero-lede{max-width:650px}
.hero h1,.brave h2,.promise h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.98;margin:0}
.intro-copy>p:first-child{font-size:1.15rem;color:var(--ink)}
.affirmation{display:flex;flex-direction:column;gap:.15rem;margin-top:2rem;color:var(--brown);font-family:var(--serif);font-size:1.35rem;line-height:1.4}
.section-heading{gap:4rem}
.heading-note{max-width:390px;color:#536058;margin:0}
.served{background:var(--forest);color:#fff;padding-block:clamp(90px,11vw,150px)}
.served-heading{align-items:start}
.served-heading h2{max-width:820px}
.served-heading>p{max-width:380px;color:rgba(255,255,255,.68);margin:0}
.age-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}
.age-grid article{padding:2rem;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}
.age-grid span{color:var(--gold);font-family:var(--serif);font-size:1.3rem}
.age-grid h3,.needs-grid h3{font-family:var(--serif);font-size:2rem;line-height:1.05;margin:1.6rem 0 1rem}
.age-grid p{color:rgba(255,255,255,.67);margin:0}
.needs-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.18);margin-top:3rem}
.needs-grid article{background:var(--forest-2);padding:clamp(28px,4vw,55px)}
.needs-grid .eyebrow{margin-bottom:0}
.check-list{list-style:none;padding:1.5rem 0 0;margin:0;border-top:1px solid rgba(255,255,255,.17)}
.check-list li{padding:.45rem 0 .45rem 1.3rem;color:rgba(255,255,255,.75);position:relative}
.check-list li:before{content:'—';position:absolute;left:0;color:var(--gold)}
.brave{background:#e0cdb8;padding-block:clamp(90px,11vw,150px)}
.brave-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}
.brave h2{font-size:clamp(3rem,5.4vw,5.4rem)}
.brave-heading>p:last-child{font-family:var(--serif);font-size:1.45rem;color:var(--brown)}
.brave-lines{border-top:1px solid rgba(23,35,29,.25)}
.brave-lines p{margin:0;padding:1.25rem 0;border-bottom:1px solid rgba(23,35,29,.25);font-family:var(--serif);font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.35}
.promise{background:var(--brown);color:#fff;padding-block:clamp(90px,11vw,150px)}
.promise-inner{display:grid;grid-template-columns:.65fr 1.35fr;gap:2rem 7vw}
.promise-inner>.eyebrow{grid-column:1/-1}
.promise h2{font-size:clamp(3rem,5.6vw,5.8rem)}
.promise-copy{border-left:1px solid rgba(255,255,255,.25);padding-left:3rem;font-size:1.1rem;color:rgba(255,255,255,.75);align-self:center}
.promise-copy p:last-child{font-family:var(--serif);font-size:1.55rem;color:#fff}
.faq-list summary{gap:2rem}
.footer-main{grid-template-columns:1fr 1fr}

@media(max-width:980px){.site-header nav{gap:1rem}.site-header nav>a:not(.nav-cta){display:none}}
@media(max-width:820px){
  .site-header nav>a:not(.nav-cta){display:block}
  .hero{min-height:760px}
  .hero-shade{background:linear-gradient(180deg,rgba(20,28,24,.25),rgba(20,28,24,.94) 62%)}
  .hero-copy{padding:280px 24px 100px}
  .hero h1{font-size:clamp(2.8rem,12vw,4.4rem)}
  .section-heading,.served-heading{display:block}
  .section-heading>p,.served-heading>p{margin-top:1.5rem}
  .age-grid,.needs-grid{grid-template-columns:1fr}
  .brave-grid,.promise-inner{grid-template-columns:1fr}
  .promise-inner>.eyebrow{grid-column:auto}
  .promise-copy{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:2rem 0 0}
}

/* Clay and rose-gold brand palette */
.site-header{background:rgba(252,248,246,.96)}
.brand-sub{color:#755f57}
.hero-shade{background:linear-gradient(90deg,rgba(63,35,29,.95) 0%,rgba(83,46,39,.77) 43%,rgba(104,61,51,.16) 73%,rgba(104,61,51,0) 100%)}
.eyebrow{color:#e8b9aa}
.eyebrow.light{color:#efc6b9}
.intro-copy,.heading-note,.process-grid p,.faq-list p{color:#68544d}
.approach blockquote{background:#ddb2a5}
.about{background:#f1dcd5}
.supervision-note{color:#66534c}
.brave{background:#e8c6bb}
.brave-lines,.brave-lines p{border-color:rgba(52,35,31,.22)}
.promise{background:#855043}
.consultation{background:#5a342d}
.consultation .email-option{font-size:.9rem;margin-top:1.25rem;color:rgba(255,255,255,.76)}
.email-option a{color:#f6d8cf;font-weight:700;text-underline-offset:.24rem}
footer{background:#2f211d}

@media(max-width:820px){.hero-shade{background:linear-gradient(180deg,rgba(83,46,39,.22),rgba(63,35,29,.95) 62%)}}

/* Faith-based care and therapist portrait */
.faith-note{display:grid;grid-template-columns:.45fr 1.55fr;gap:2rem;margin-top:2rem;padding:2rem;border:1px solid var(--line);background:rgba(255,255,255,.42)}
.faith-note .eyebrow{margin:0}
.faith-note>p:last-child{max-width:720px;margin:0;color:#68544d}
.therapist-portrait{aspect-ratio:4/5;margin:0;overflow:hidden;background:var(--brown)}
.therapist-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 32%}

@media(max-width:820px){.faith-note{grid-template-columns:1fr}.therapist-portrait{width:min(100%,520px);margin-inline:auto}}

/* Temporary pre-launch credential notice */
.launch-notice{padding:.7rem 24px;background:#e8c6bb;color:var(--ink);text-align:center;font-size:.9rem;border-bottom:1px solid var(--line)}
.launch-notice strong{font-family:var(--serif);font-size:1rem}

/* Official BRWN. logo */
.site-header .brand{align-items:center}
.brand-logo{display:block;width:clamp(180px,20vw,245px);height:auto}

@media(max-width:820px){.brand-logo{width:172px}}