:root { --ink:#080808; --paper:#f4f0e7; --gold:#d3ae5e; --line:#302e2a; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.shell { width:min(1120px, calc(100% - 48px)); margin-inline:auto; }
.topbar { position:absolute; z-index:10; top:0; left:0; width:100%; min-height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 5vw; border-bottom:1px solid #ffffff24; }
.brand { display:flex; align-items:center; gap:12px; text-transform:uppercase; letter-spacing:.08em; font-size:.82rem; }
.brand span { display:grid; place-items:center; width:38px; height:38px; border:1px solid var(--gold); color:var(--gold); font-family:Georgia,serif; }
nav { display:flex; gap:34px; text-transform:uppercase; font-size:.75rem; letter-spacing:.15em; }
nav a:hover { color:var(--gold); }
.hero { min-height:94vh; position:relative; display:flex; align-items:flex-end; overflow:hidden; }
.hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.66) contrast(1.08); }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(6,6,6,.97) 0%,rgba(6,6,6,.68) 42%,rgba(6,6,6,.08) 78%),linear-gradient(0deg,rgba(6,6,6,.82),transparent 50%); }
.hero-content { position:relative; z-index:2; width:min(1120px, calc(100% - 48px)); margin:0 auto 8vh; }
.eyebrow { color:#ddd4c2; text-transform:uppercase; letter-spacing:.22em; font-size:.78rem; line-height:1.5; font-weight:700; }
.gold { color:var(--gold); }
h1 { margin:20px 0 18px; font-family:Georgia, 'Times New Roman', serif; font-weight:400; font-size:clamp(3.6rem,8.6vw,7.9rem); line-height:.8; letter-spacing:-.05em; }
h1 span { display:block; margin-top:24px; color:var(--gold); font-size:.56em; font-style:italic; letter-spacing:-.03em; }
.lead { max-width:620px; color:#e2ded4; font-size:clamp(1.05rem,2vw,1.35rem); line-height:1.55; }
.actions { display:flex; gap:12px; margin-top:30px; flex-wrap:wrap; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:14px; padding:0 22px; border:1px solid #ffffff55; text-transform:uppercase; letter-spacing:.1em; font-size:.78rem; font-weight:700; transition:.2s ease; }
.button.primary { background:var(--gold); color:#111; border-color:var(--gold); }
.button:hover { transform:translateY(-2px); box-shadow:0 8px 30px #d3ae5e2c; }
.glow-slogan,.bright-line { margin:26px 0 0; color:#ffe29b; font-family:Georgia,serif; font-size:clamp(1.15rem,2.4vw,1.7rem); font-style:italic; text-shadow:0 0 8px #d3ae5e,0 0 24px #d3ae5e77; }
.scroll-note { position:absolute; z-index:2; right:5vw; bottom:36px; margin:0; text-transform:uppercase; letter-spacing:.16em; font-size:.75rem; color:#ccc; }
.scroll-note span { color:var(--gold); margin-left:10px; }
.story { display:grid; grid-template-columns:60px 1.2fr .8fr; gap:55px; padding-block:105px; }
.section-number { color:#756c5e; font-family:Georgia,serif; font-size:1.1rem; border-top:1px solid var(--line); padding-top:15px; }
h2 { margin:14px 0 25px; font-family:Georgia,serif; font-weight:400; font-size:clamp(2.55rem,5vw,4.25rem); line-height:1.02; letter-spacing:-.04em; }
.story-copy > p,.bio-copy > p { max-width:650px; color:#bcb7ae; font-size:1.04rem; line-height:1.72; }
.story-copy strong { color:#fff; }
blockquote { margin:30px 0 0; padding:8px 0 8px 24px; border-left:2px solid var(--gold); color:#e7d8bb; font-family:Georgia,serif; font-size:1.3rem; line-height:1.45; font-style:italic; }
.listen-card { align-self:center; min-height:410px; padding:34px; background:#151412; border:1px solid var(--line); box-shadow:0 30px 90px #000; }
.disc { width:150px; aspect-ratio:1; border-radius:50%; margin:0 auto 28px; display:grid; place-items:center; background:repeating-radial-gradient(circle,#171717 0 3px,#25221e 4px 6px); border:1px solid #3c3933; }
.disc span { width:58px; aspect-ratio:1; border-radius:50%; display:grid; place-items:center; background:var(--gold); color:#111; font-family:Georgia,serif; }
.mini { color:#858078; font-size:.75rem; text-transform:uppercase; letter-spacing:.15em; }
.listen-card h3 { margin:5px 0; font-family:Georgia,serif; font-size:1.75rem; font-weight:400; }
.listen-card > p:not(.mini) { color:#aaa298; margin-top:5px; }
.platforms { border-top:1px solid var(--line); margin-top:22px; padding-top:10px; }
.platforms a { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid var(--line); font-size:.95rem; }
.platforms a:hover { color:var(--gold); }
.bio { padding:105px 0; background:#11100f; border-block:1px solid var(--line); }
.bio-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:75px; align-items:center; }
.bio-photo { position:relative; min-height:580px; overflow:hidden; background:#f2f2f2; }
.bio-photo:after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 100px #0000002b; }
.bio-photo img { width:100%; height:100%; min-height:580px; object-fit:cover; object-position:center top; }
.bio-copy h2 { max-width:700px; }
.bio-copy blockquote { max-width:650px; }
.mission { background:var(--paper); color:#101010; padding:95px 0; }
.mission-grid { display:grid; grid-template-columns:.8fr .72fr 1fr; gap:48px; align-items:center; }
.mission .eyebrow { color:#7e6840; }
.mission h2 { margin-bottom:0; }
.mission-image { height:500px; overflow:hidden; }
.mission-image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.mission-copy > p { font-family:Georgia,serif; color:#4f4a41; font-size:1.28rem; line-height:1.55; }
.mission-copy strong { color:#1a1713; }
.bright-line { color:#6e4e13; text-shadow:0 0 8px #d3ae5e88,0 0 20px #d3ae5e55; }
.event-label { margin-top:32px; color:#6e4e13 !important; text-transform:uppercase; letter-spacing:.16em; font-family:Arial,sans-serif !important; font-size:.8rem !important; font-weight:700; }
.tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.tags span { border:1px solid #bcb3a1; border-radius:999px; padding:10px 14px; text-transform:uppercase; letter-spacing:.08em; font-size:.75rem; }
.therapy { padding:100px 0; background:radial-gradient(circle at 80% 20%,#2e2718 0,transparent 32%),#090909; }
.therapy-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }
.therapy-photo { height:430px; overflow:hidden; border:1px solid #ffffff1d; }
.therapy-photo img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.75); }
.therapy-copy > p:not(.eyebrow) { max-width:680px; color:#bbb5ab; font-size:1.05rem; line-height:1.7; }
.glowing-title { color:#ffe6a7; text-shadow:0 0 11px #d3ae5e77,0 0 30px #d3ae5e44; }
.contact { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; padding-block:100px; }
.contact h2 { max-width:670px; }
.contact-intro { color:#aaa49b; font-size:1.05rem; }
.text-link { display:inline-flex; gap:12px; margin-top:12px; color:var(--gold); border-bottom:1px solid #d3ae5e77; padding-bottom:6px; font-size:1rem; }
.contact-actions { border-top:1px solid var(--line); }
.contact-link { display:flex; justify-content:space-between; padding:24px 3px; border-bottom:1px solid var(--line); color:#d5d0c7; font-size:1rem; }
.contact-link:hover { color:var(--gold); }
footer { display:flex; justify-content:space-between; padding:28px 5vw; border-top:1px solid var(--line); color:#817c73; text-transform:uppercase; letter-spacing:.09em; font-size:.75rem; }

@media (max-width:900px) {
  .mission-grid { grid-template-columns:1fr 1fr; }
  .mission-copy { grid-column:1/-1; }
}
@media (max-width:760px) {
  .shell { width:min(100% - 32px,1120px); }
  .topbar { min-height:68px; padding:0 16px; }
  .brand strong { display:none; }
  nav { gap:14px; font-size:.7rem; letter-spacing:.08em; }
  .hero { min-height:790px; }
  .hero-image { object-position:63% center; }
  .hero-shade { background:linear-gradient(0deg,#080808 5%,rgba(8,8,8,.38) 60%,rgba(8,8,8,.58)); }
  .hero-content { width:calc(100% - 32px); margin-bottom:60px; }
  h1 { font-size:3.3rem; line-height:.88; }
  .lead { font-size:1rem; max-width:360px; }
  .glow-slogan { font-size:1.2rem; }
  .scroll-note { display:none; }
  .story,.bio-grid,.mission-grid,.therapy-grid,.contact { grid-template-columns:1fr; gap:30px; }
  .story,.bio,.mission,.therapy,.contact { padding-block:70px; }
  .section-number { width:45px; }
  .listen-card { min-height:auto; }
  .bio-photo { min-height:440px; }
  .bio-photo img { min-height:440px; }
  .bio-grid { display:flex; flex-direction:column-reverse; }
  .mission-image { height:460px; }
  .mission-copy { grid-column:auto; }
  .therapy-photo { height:310px; }
  footer { flex-direction:column; gap:8px; padding-inline:16px; line-height:1.5; }
}