﻿/* Healing Rooms visual layer matched to the current Unscarred site. */
:root{
  --bg:#08060a;--bg-1:#0d0a10;--bg-2:#15101a;--bg-3:#1a121f;
  --ink:#f3ead6;--ink-mute:#b8ac90;--ink-dim:#817765;
  --line:#302432;--line-soft:#211921;
  --gold:#d8b366;--gold-bright:#e9c878;--gold-deep:#8a6b30;
  --serif:'Cormorant Garamond','Times New Roman',serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:'Inter',system-ui,sans-serif;
  --display:var(--serif);
}

/* Room imagery and a menu that connects back to the full Unscarred site */
.door{overflow:hidden!important}.door:before{content:"";position:absolute;inset:0;background:center/cover no-repeat;opacity:.16;filter:saturate(.55) contrast(1.08);mix-blend-mode:screen}.door:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,10,.12),rgba(8,6,10,.82));pointer-events:none}.door>*{position:relative;z-index:1}.doorUnit:nth-child(1) .door:before{background-image:url('/assets/images/rooms/magnifier-constellation.png')}.doorUnit:nth-child(2) .door:before{background-image:url('/assets/images/rooms/dissolve-purple.jpg')}.doorUnit:nth-child(3) .door:before{background-image:url('/images/abstract_blurred_human_nervous_system_background_with_soft_g.png')}.doorUnit:nth-child(4) .door:before{background-image:url('/assets/images/rooms/cracked-mask.png')}.doorUnit:nth-child(5) .door:before{background-image:url('/assets/images/programs/anxious-healing.png')}.doorUnit:nth-child(6) .door:before{background-image:url('/assets/images/rooms/spiral-cliff.jpg')}
.siteMenu{display:flex!important;align-items:center;gap:18px}.siteMenu a{font-family:var(--mono)!important;font-size:.64rem!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--ink-mute)!important;white-space:nowrap}.siteMenu a:hover{color:var(--gold-bright)!important}.siteMenu .shop{padding:9px 14px;border:1px solid var(--gold-deep);border-radius:999px;color:var(--gold)!important}
@media(max-width:980px){nav{gap:14px!important}.siteMenu{max-width:56vw;overflow-x:auto;padding:8px 0}.siteMenu::-webkit-scrollbar{height:2px}.siteMenu::-webkit-scrollbar-thumb{background:var(--gold-deep)}nav>.links{display:none!important}}
@media(max-width:760px){nav .brand span{display:none}.siteMenu{max-width:calc(100vw - 110px);gap:15px}.siteMenu a{font-size:.58rem!important}.siteMenu .shop{padding:7px 10px}.navCta{display:none!important}}

html,body{background:var(--bg)!important;color:var(--ink)!important;font-family:var(--sans)!important;font-weight:300}

h1,h2,h3,blockquote,.brandHeroArt figcaption,.core b,.door h3,.route h3{font-family:var(--serif)!important;font-weight:400!important}

button,a,.heroCopy p,.heading p,.detail p,.logic p,.pathways p,.support p,.intake p{font-family:var(--sans)!important}

.kicker,.label,.doorNumber,.doorUnit>b,.route>small,.offers small,.intake form>small{font-family:var(--mono)!important}

nav,.hero,.rooms,.pathways,.intake,.system,.support,footer{background-color:var(--bg)!important}

nav{background:rgba(8,6,10,.88)!important;border-color:var(--line-soft)!important}

.brand i{background:transparent!important;border:1px solid var(--gold-deep);color:var(--gold)!important;box-shadow:0 0 20px rgba(216,179,102,.12)}

.brand b,.brand small{color:var(--ink)!important}
.links a{color:var(--ink-mute)!important}
.links a:hover{color:var(--gold)!important}

.navCta,.button.primary,.formBtn{background:linear-gradient(180deg,var(--gold-bright),#b8893f)!important;color:#1a1206!important;border:1px solid var(--gold-bright)!important;box-shadow:0 12px 40px -12px rgba(216,179,102,.5)!important}

.hero{background:radial-gradient(ellipse at 25% 42%,rgba(138,95,194,.10),transparent 45%),var(--bg)!important;grid-template-columns:minmax(0,1.1fr) minmax(240px,.72fr) minmax(360px,.92fr)!important;height:auto!important;min-height:100vh!important;overflow:visible!important;gap:clamp(24px,3.5vw,64px)!important;padding-bottom:90px!important}

.heroCopy .kicker,.label{font-family:var(--mono)!important;color:var(--gold)!important;letter-spacing:.24em!important}

.heroCopy h1,.heroCopy h1 em{color:var(--ink)!important}
.heroCopy h1 em{color:var(--gold)!important}

.heroCopy>p:not(.kicker),.heading>p,.detail>div>p:not(.label),.pathways p,.intake>div>p{color:#cfc3a8!important}

.brandHeroArt img{border-radius:10px!important;opacity:.72;filter:saturate(.7) contrast(1.05)!important;border-color:var(--gold-deep)!important;box-shadow:0 32px 100px #000!important}

.brandHeroArt figcaption{background:rgba(8,6,10,.92)!important;border-color:var(--gold-deep)!important;color:var(--gold)!important}

.brandHeroArt:after{background:radial-gradient(circle,rgba(138,95,194,.22),transparent 65%)!important}

.map{width:100%!important;max-width:560px!important;aspect-ratio:1!important;height:auto!important;min-width:0!important;justify-self:center!important;align-self:center!important;overflow:visible!important;transform:none!important;margin-inline:auto!important}

.map .core{border-color:var(--gold-deep)!important;background:rgba(13,10,16,.92)!important;color:var(--ink)!important}

.map .node{--c:var(--gold)!important;background:var(--bg-2)!important;border-color:var(--gold-deep)!important;color:var(--ink)!important}
.map .node b{color:var(--gold)!important}
.map .node small{color:var(--ink-mute)!important}

.brandImageStrip{background:var(--bg-1)!important;border-color:var(--line)!important}
.brandImageStrip img{opacity:.38!important;filter:saturate(.55) sepia(.12)!important}

.premise{background:#efe6d3!important}
.premise,.premise p,.premise blockquote{color:#211a18!important}
.premise blockquote em{color:#76551e!important}

.rooms{background:var(--bg)!important}
.hallway{background:radial-gradient(ellipse at 50% 0,rgba(216,179,102,.08),transparent 55%),var(--bg-1)!important}

.doorUnit{color:var(--ink)!important}
.doorUnit .door{background-color:var(--bg-2)!important;background-position:center!important;background-size:cover!important;border-color:var(--gold-deep)!important}
.doorUnit .door:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,6,10,.40),rgba(8,6,10,.88));z-index:0}
.doorUnit .door>*{position:relative;z-index:1}
.doorUnit:nth-child(1) .door{background-image:url('/assets/images/rooms/magnifier-constellation.png')!important}
.doorUnit:nth-child(2) .door{background-image:url('/images/abstract_blurred_human_nervous_system_background_with_soft_g.png')!important}
.doorUnit:nth-child(3) .door{background-image:url('/assets/images/rooms/dissolve-purple.jpg')!important}
.doorUnit:nth-child(4) .door{background-image:url('/assets/images/rooms/cracked-mask.png')!important}
.doorUnit:nth-child(5) .door{background-image:url('/assets/images/rooms/spiral-cliff.jpg')!important}
.doorUnit:nth-child(6) .door{background-image:url('/images/abstract_blurred_human_nervous_system_background_with_soft_g.png')!important}

.doorUnit .doorNumber,.doorUnit>b{color:var(--gold)!important}
.doorUnit h3{color:var(--ink)!important;text-shadow:0 2px 18px #000}
.doorUnit small{color:#e2d8c0!important}

.doorRow .doorUnit{--c:var(--gold)!important}

.doorUnit .door{border-color:var(--gold-deep)!important;box-shadow:inset 0 0 0 10px rgba(8,6,10,.58),inset 0 0 58px rgba(0,0,0,.72),0 0 18px rgba(216,179,102,.22),0 0 46px rgba(138,95,194,.08)!important}

.doorUnit:hover .door{border-color:var(--gold)!important;box-shadow:inset 0 0 0 10px rgba(8,6,10,.50),inset 0 0 54px rgba(0,0,0,.65),0 0 25px rgba(216,179,102,.34),0 0 58px rgba(138,95,194,.13)!important}

.doorUnit .doorLight{background:linear-gradient(90deg,transparent,var(--gold-bright) 20%,var(--gold-bright) 80%,transparent)!important;opacity:.62!important;box-shadow:0 0 16px 4px rgba(233,200,120,.40),0 0 34px 10px rgba(138,95,194,.12)!important}

.doorUnit .door i{color:var(--gold)!important;text-shadow:0 0 14px rgba(216,179,102,.52)!important}

.doorUnit .handle{background:var(--gold)!important;box-shadow:0 0 9px rgba(216,179,102,.55)!important}

.detail{background:#efe6d3!important;color:#211a18!important}
.detail h2,.detail p{color:#211a18!important}
.detail .label,.detailList span,.detailList a{color:#76551e!important}

.system{color:var(--ink)!important}
.heading.light h2,.system h3,.bridge b{color:var(--ink)!important}
.system p,.logic p,.bridge small{color:var(--ink-mute)!important}
.logic article,.bridge{border-color:var(--line)!important;background:var(--bg-1)!important}

.pathTabs button,.route,.offers a,.intake form button{background:var(--bg-1)!important;border-color:var(--line)!important;color:var(--ink)!important}
.pathTabs button span,.route>small,.offers small{color:var(--gold)!important}
.route p,.route em,.offers em{color:var(--ink-mute)!important}

.founderBreak{background:var(--bg-1)!important}
.founderBreak img{border-radius:10px!important;border-color:var(--gold-deep)!important;filter:saturate(.65)}
.founderBreak h2{color:var(--ink)!important}
.founderBreak p:not(.label){color:var(--ink-mute)!important}

.mirror{background:radial-gradient(ellipse at 20% 20%,rgba(138,95,194,.18),transparent 60%),var(--bg-2)!important}
.mirror h2,.mirror p{color:var(--ink)!important}
.button.light{border-color:var(--gold-deep)!important;color:var(--gold)!important;background:transparent!important}

.intake{background:radial-gradient(ellipse at 50% 0,rgba(216,179,102,.08),transparent 65%),var(--bg)!important}
.intake h2,.intake label{color:var(--ink)!important}
.intake form small{color:var(--ink-mute)!important}

footer,footer p,footer a,footer small{color:var(--ink-mute)!important}
footer{border-color:var(--line)!important}

@media(max-width:1220px){.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.75fr)!important}
.map{grid-column:1/-1!important;width:min(560px,76vw)!important;margin-top:24px!important}
}

@media(max-width:760px){.hero{grid-template-columns:1fr!important;padding-top:110px!important}
.brandHeroArt{width:min(82vw,440px)!important;justify-self:center!important}
.map{grid-column:auto!important;width:min(500px,88vw)!important;height:auto!important;min-height:0!important;margin:32px auto 44px!important;transform:none!important}
.heroCopy>p:not(.kicker),.heading>p,.detail>div>p:not(.label),.pathways p,.intake>div>p{color:#ddd2b9!important}
}


