:root{color-scheme:dark;--bg:#0b1220;--panel:#1e2a44;--panel2:#415a7a;--text:#f5f2ea;--muted:#a7b7d6;--violet:#e79a63;--cyan:#f6c88d;--teal:#e79a63;--line:#415a7a;--width:1180px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 76% 7%,#26335d 0%,transparent 34%),radial-gradient(ellipse at 12% 47%,#1b1840 0%,transparent 42%),var(--bg);color:var(--text);line-height:1.65}a{color:var(--cyan)}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid var(--teal);outline-offset:4px}button{font:inherit;cursor:pointer}.skip{position:absolute;left:1rem;top:-5rem;background:white;color:black;padding:.6rem 1rem;z-index:100}.skip:focus{top:1rem}.wrap{width:min(calc(100% - 2.5rem),var(--width));margin-inline:auto}.site-header{border-bottom:1px solid #ffffff17;background:#0a1026dc;position:relative;z-index:20}.header-inner{display:flex;align-items:center;gap:1.5rem;min-height:80px}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--text);font:600 1.65rem Georgia,serif;white-space:nowrap}.brand-mark{display:inline-block;width:30px;height:30px;border-radius:50%;border:1px solid var(--cyan);box-shadow:0 0 0 4px #b986ff13,inset -9px -4px 13px #9c5afc88,0 0 14px #9b64ff44}.nav{margin-left:auto;display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}.nav a{text-decoration:none;color:var(--text);font-size:.9rem;white-space:nowrap}.nav a:hover,.nav a[aria-current=page]{color:var(--cyan)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line);color:white;border-radius:.6rem;padding:.3rem .7rem}.button{display:inline-block;border:1px solid #7c83c2;border-radius:100px;color:white;text-decoration:none;font-size:.95rem;font-weight:600;padding:.75rem 1.35rem;background:#121b34}.button.primary{background:linear-gradient(110deg,#8248d5,#386be1);border-color:transparent;box-shadow:0 5px 24px #8144d842}.button:hover{filter:brightness(1.2)}.eyebrow{color:var(--cyan);font-weight:700;text-transform:uppercase;letter-spacing:.19em;font-size:.74rem}.gradient{background:linear-gradient(90deg,#cc87ee,#7fcbf7);color:transparent;background-clip:text}.hero{min-height:580px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:3rem;padding:5.5rem 0}.hero h1{font:400 clamp(2.9rem,5.7vw,5.5rem)/1.09 Georgia,serif;letter-spacing:-.04em;margin:.5rem 0 1.4rem}.hero .lead{font-size:1.2rem;color:var(--text);max-width:37rem}.hero p{max-width:39rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.7rem}.hero-art{min-height:370px;position:relative;border-radius:46% 46% 12% 12%;background:radial-gradient(ellipse at 50% 39%,#cf98eb99,transparent 24%),radial-gradient(ellipse at 50% 110%,#317b8f77,transparent 52%),linear-gradient(150deg,#181736,#30345c 55%,#101527);box-shadow:inset 0 0 85px #090d20,0 0 90px #684eac28;overflow:hidden}.hero-art:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:3px solid #93deff8f;border-left-color:#b983f499;border-bottom-color:transparent;left:15%;top:8%;border-radius:50%;box-shadow:0 0 34px #a8d9ff70}.hero-art:after{content:"";position:absolute;left:-12%;right:-12%;bottom:-27%;height:57%;background:linear-gradient(160deg,#322955,#172744);border-radius:48% 53% 0 0;box-shadow:0 -18px 66px #a984e747}.hero-art span{position:absolute;bottom:2rem;left:2rem;z-index:1;color:#dfd3ff;font:italic 1.4rem Georgia,serif}.motto{text-align:center;font:400 clamp(1.5rem,3vw,2.3rem) Georgia,serif;padding:1.5rem 0 2.5rem}.section{padding:3.5rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section h2,.page-title{font:400 clamp(2.2rem,4vw,3.5rem)/1.15 Georgia,serif;margin:.25rem 0}.section-summary{color:var(--muted);max-width:36rem}.pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.pillar{border:1px solid var(--line);border-radius:19px;min-height:365px;padding:2.1rem;background:linear-gradient(135deg,#1a1e3bef,#111526f0),radial-gradient(circle at 88% 84%,#a3638b,#111526);position:relative;overflow:hidden}.pillar.meet{border-color:#6562a0}.pillar.become{border-color:#357e79;background:linear-gradient(135deg,#102c30,#101727)}.pillar h3{font:400 2.1rem Georgia,serif;margin:.1rem 0}.pillar p{color:var(--muted);max-width:32rem}.pillar ul{padding-left:1.15rem;color:#e5dff6}.pillar li{margin:.3rem 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{background:linear-gradient(160deg,#17203a,#101625);border:1px solid var(--line);padding:1.4rem;border-radius:15px;min-width:0}.card h3{font:400 1.55rem Georgia,serif;margin:.5rem 0}.card p{font-size:.95rem;color:var(--muted)}.card a{font-weight:600}.status{font-size:.75rem;border:1px solid #706d9b;border-radius:50px;padding:.2rem .65rem;color:#e0d6ff;display:inline-block}.status.future{border-color:#98764f;color:#ffe0a9}.status.research{border-color:#548ca0;color:#bcefff}.status.development{border-color:#816fb3;color:#ddc4ff}.closing{padding:5rem 0;text-align:center;background:radial-gradient(ellipse at 50% 80%,#4f3d784d,transparent 65%)}.closing h2{font:400 clamp(2.5rem,5vw,4.5rem)/1.2 Georgia,serif;margin:.5rem 0}.closing p{color:var(--muted);max-width:42rem;margin:1rem auto}.site-footer{border-top:1px solid var(--line);background:#080d1b;padding:2.7rem 0 1.2rem}.footer-grid{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:white}.fineprint{border-top:1px solid #ffffff15;padding-top:1rem;margin-top:2rem;font-size:.84rem;color:#adb3c8}.subpage{padding:4rem 0 6rem;min-height:60vh}.subpage .intro{font-size:1.12rem;color:var(--muted);max-width:45rem}.subpage .grid-section{margin-top:2rem}.notice{border-left:3px solid var(--teal);padding:1rem 1.3rem;background:#172738;margin:1.5rem 0;color:#e0f8f3}.intro-splash{position:fixed;inset:0;z-index:99;background:radial-gradient(circle at center,#292147,#090d1b 68%);display:grid;place-content:center;text-align:center;gap:1.1rem;opacity:1;transition:opacity .4s}.intro-splash[hidden]{display:none}.intro-splash.dismiss{opacity:0;pointer-events:none}.intro-splash .splash-name{font:400 clamp(2.5rem,8vw,6rem) Georgia,serif;color:white;text-shadow:0 0 30px #b886fb66}.intro-splash .splash-values{color:var(--cyan);letter-spacing:.15em;font-size:clamp(.9rem,2.1vw,1.4rem)}.intro-splash .splash-skip{position:absolute;right:2rem;top:2rem;background:#151e35;border:1px solid #8795b6;color:white;border-radius:100px;padding:.55rem 1rem}.intro-splash .splash-tag{font:italic 1.2rem Georgia,serif;color:#d8bdff}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:3.3rem 0}.hero-art{min-height:250px;max-width:600px;width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.nav{gap:.8rem}}@media(max-width:680px){.header-inner{flex-wrap:wrap;justify-content:space-between;padding:1rem 0;min-height:70px}.nav-toggle{display:none}.nav{display:flex;flex-basis:100%;flex-direction:column;align-items:stretch;margin:0;padding-bottom:.6rem}.js .nav-toggle{display:block}.js .nav{display:none}.js .nav.open{display:flex}.nav a{padding:.3rem 0}.hero h1{font-size:clamp(2.5rem,10vw,3.7rem)}.pillar-grid,.cards{grid-template-columns:1fr}.section-head{display:block}.pillar{min-height:0}.hero-art{min-height:230px}.wrap{width:min(calc(100% - 2rem),var(--width))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro-splash{display:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Auralethi brand proof palette: midnight, slate, blue steel, copper, champagne and pearl. This CSS treatment is provisional until extracted artwork ships. */
:root{--brand-midnight:#0b1220;--brand-slate:#1e2a44;--brand-steel:#415a7a;--brand-copper:#e79a63;--brand-champagne:#f6c88d;--brand-pearl:#f5f2ea;--brand-mist:#a7b7d6}
.brand-mark{border-color:var(--brand-champagne);box-shadow:0 0 0 4px #e79a6313,inset -9px -4px 13px #e79a6399,0 0 14px #f6c88d55}
.gradient{background:linear-gradient(90deg,var(--brand-copper),var(--brand-champagne),var(--brand-mist));color:transparent;background-clip:text}

/* Preserve the supplied artwork: the image is an embedded crop of the original proof, not a redrawn emblem. */
.brand-logo{display:block;width:42px;height:34px;object-fit:contain;flex-shrink:0}.splash-logo{display:block;width:min(180px,45vw);height:auto;margin-inline:auto;filter:drop-shadow(0 0 15px #f6c88d44)}

/* Exact image crop from the founder's original proof sheet: no generated replacement.
   Source: /assets/logo.png (1376x1101). Emblem bounds approx x=205..623, y=37..352.
   CSS sprite avoids another binary asset upload and keeps the logo's original design. */
.brand-emblem,.splash-emblem,.hero-emblem{
 --emblem-width:52px;display:inline-block;flex:none;width:var(--emblem-width);height:calc(var(--emblem-width) * .808);
 background-image:url('/assets/logo.png');background-repeat:no-repeat;
 background-size:330.14% auto;background-position:21.4% 4.8%;
 background-color:#0b1220;
}
.brand-emblem{--emblem-width:52px}
.splash-emblem{--emblem-width:clamp(190px,38vw,320px);justify-self:center;filter:drop-shadow(0 0 18px #f6c88d45)}
.hero-brand{min-height:440px;display:grid;place-items:center;isolation:isolate;
 background:radial-gradient(circle at 50% 45%,#e79a6324,transparent 41%),
 radial-gradient(circle at 50% 52%,#415a7a88,transparent 65%),#0b1220;
 border:1px solid #415a7a;border-radius:38% 38% 14% 14%}
.hero-brand::before,.hero-brand::after{content:none}
.hero-emblem{--emblem-width:min(76%,350px);z-index:2;position:relative;filter:drop-shadow(0 0 20px #f6c88d33)}
.hero-caption{z-index:3!important;bottom:1rem!important;left:0!important;right:0;text-align:center;font-size:1.15rem!important;color:#f5f2ea!important}
.hero-orbit{position:absolute;inset:9%;z-index:1;pointer-events:none;border-radius:50%;border:1px solid #f6c88d55;box-shadow:0 0 32px #e79a6321;animation:auralethi-orbit 28s linear infinite}
.hero-orbit::before{content:"";position:absolute;top:6%;left:16%;width:12px;height:12px;border-radius:50%;background:#f6c88d;box-shadow:0 0 15px #f6c88d}
.hero-orbit.orbit-two{inset:18%;border-color:#a7b7d64d;animation-duration:37s;animation-direction:reverse}
.hero-orbit.orbit-two::before{background:#a7b7d6;box-shadow:0 0 12px #a7b7d6}
@keyframes auralethi-orbit{to{transform:rotate(360deg)}}
.story-panel{max-width:850px;margin:3rem auto 0;padding:clamp(1.2rem,4vw,3rem);background:linear-gradient(155deg,#1e2a44ab,#0b1220);border:1px solid #415a7a;border-radius:20px}
.story-panel h2{font:400 clamp(1.6rem,3vw,2.3rem) Georgia,serif;color:#f6c88d;margin-top:2rem}
.story-panel h2:first-child{margin-top:0}
.story-panel p{font-size:1.05rem;line-height:1.9}
.story-panel .story-context{color:#a7b7d6;font-size:.85rem;line-height:1.6;margin-bottom:2rem}
.about-story>.intro{max-width:60rem}
@media(max-width:680px){.brand-emblem{--emblem-width:42px}.hero-brand{min-height:320px}.hero-caption{font-size:1rem!important}.hero-emblem{--emblem-width:min(72%,250px)}}
@media(prefers-reduced-motion:reduce){.hero-orbit{animation:none}}

/* Hero centering correction: the legacy .hero-art span absolute-position rule
   was pinning the emblem at bottom-left despite the hero grid alignment.
   The transparent standalone artwork can replace the sprite after its binary
   upload has been independently verified. */
.hero-brand .hero-emblem{position:relative;top:auto;right:auto;bottom:auto;left:auto;inset:auto;align-self:center;justify-self:center;max-width:76%;margin:0;display:block}
@media(max-width:680px){.hero-brand .hero-emblem{max-width:72%}}

/* Standalone approved transparent PNG: independent of legacy .hero-art span cropping. */
.hero-brand .hero-logo-img{display:block;position:relative;z-index:2;align-self:center;justify-self:center;width:min(76%,350px);max-height:76%;height:auto;object-fit:contain;filter:drop-shadow(0 0 20px #f6c88d33)}
@media(max-width:680px){.hero-brand .hero-logo-img{width:min(72%,250px)}}

/* Genuine isolated PNG for all branding. No opaque proof-sheet sprite crop. */
.brand-emblem,.splash-emblem{display:inline-block;flex:none;background-image:url('/assets/auralethi-logo-transparent-redo2.png');background-repeat:no-repeat;background-position:center;background-size:contain;background-color:transparent;border:0;box-shadow:none;filter:none}
.brand-emblem{width:44px;height:44px}
.splash-emblem{width:clamp(160px,35vw,300px);height:clamp(135px,28vw,245px);filter:drop-shadow(0 0 15px #f6c88d44)}
@media(max-width:680px){.brand-emblem{width:40px;height:40px}}

/* Historical timeline, source-linked and mobile friendly. */
.journey-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:1.1rem;margin-top:1.5rem}
.journey-entry{height:100%;display:flex;flex-direction:column}
.journey-entry h3{margin:.5rem 0;font:400 1.5rem Georgia,serif}
.journey-entry .journey-source{margin-top:auto}
.journey-tags{font-size:.78rem!important;color:var(--brand-mist,var(--muted))!important}

/* Use the original transparent PNG as a direct image in the introduction. */
.intro-splash .splash-logo-direct{display:block;width:clamp(160px,35vw,300px);height:auto;max-height:245px;object-fit:contain;justify-self:center;filter:drop-shadow(0 0 15px #f6c88d44);background:none;position:relative;inset:auto}

/* Resource navigation: progressively disclosed and keyboard accessible. */
.resource-browser{display:grid;gap:1rem;margin:1.5rem 0}
.resource-browser details{border:1px solid rgba(180,199,225,.24);border-radius:14px;padding:1rem;background:rgba(13,21,38,.36)}
.resource-browser details details{margin-top:.8rem;background:transparent}
.resource-browser summary{cursor:pointer;line-height:1.6;padding:.2rem;list-style-position:inside}
.resource-browser summary:focus-visible{outline:2px solid #e8b881;outline-offset:4px}
.resource-panel{padding:.85rem .25rem 0}
.resource-label{font-size:.85rem;opacity:.8;margin-left:.4rem}
.resource-note{font-size:.9rem;line-height:1.6;margin-top:1.6rem}
.resource-browser .card{overflow-wrap:anywhere}

/* Oregon Resource Navigator: responsive, keyboard-first, no login or collection. */
.resource-controls{display:grid;gap:.55rem;max-width:580px;margin:1.4rem 0}
.resource-controls label{font-weight:700}
.resource-controls select{width:100%;padding:.8rem;background:#101a2c;color:#fff;border:1px solid #8b9bb0;border-radius:.55rem;font:inherit}
.resource-controls select:focus-visible,.resource-result a:focus-visible{outline:2px solid #edc894;outline-offset:3px}
.resource-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1rem;margin:1rem 0 2rem}
.resource-result{display:flex;flex-direction:column;gap:.65rem}
.resource-result h3{margin:0}
.resource-result p{margin:.2rem 0}
.resource-result details{margin-top:.5rem;border-top:1px solid rgba(180,199,225,.24);padding-top:.75rem}
.resource-result summary{cursor:pointer;font-weight:600}
.resource-result li{margin:.6rem 0}
.resource-caveat{font-size:.84rem;opacity:.8}

/* Persistent, accessible emergency resource launcher. */
.crisis-help{position:fixed;right:1rem;bottom:1rem;z-index:9998;font:inherit;max-width:calc(100vw - 2rem)}
.crisis-toggle{background:#b92d40;color:#fff;border:2px solid #fff;border-radius:999px;padding:.85rem 1.15rem;font:700 1rem system-ui,sans-serif;box-shadow:0 5px 25px #0007;cursor:pointer}
.crisis-toggle:focus-visible,.crisis-close:focus-visible,.crisis-panel a:focus-visible{outline:3px solid #f7d58b;outline-offset:3px}
.crisis-panel{position:absolute;right:0;bottom:calc(100% + .6rem);width:min(400px,calc(100vw - 2rem));max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;border:2px solid #e2adba;border-radius:14px;background:#0d192c;color:#fff;box-shadow:0 15px 45px #0009;padding:1rem 1.15rem;font:400 .95rem/1.45 system-ui,sans-serif}
.crisis-panel[hidden]{display:none}
.crisis-panel p{margin:.8rem 0}
.crisis-panel a{color:#c9e8ff;text-decoration:underline;text-underline-offset:3px}
.crisis-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.crisis-header strong{font-size:1.1rem}
.crisis-close{background:transparent;color:white;border:1px solid #bbcede;border-radius:6px;padding:.4rem .55rem;cursor:pointer}
.crisis-disclaimer{font-size:.78rem;color:#e0e8f2}
@media(max-width:480px){.crisis-help{right:.6rem;bottom:max(.6rem,env(safe-area-inset-bottom))}.crisis-toggle{padding:.7rem .95rem}.crisis-panel{max-height:65vh}}

/* Quick exit appears on Safe to Become independently of emergency contacts. */
.quick-exit{position:fixed;top:max(.75rem,env(safe-area-inset-top));right:.75rem;z-index:10001;display:inline-flex;align-items:center;gap:.35rem;padding:.72rem 1rem;border:2px solid white;border-radius:.5rem;background:#8e1b2a;color:white!important;font:700 1rem/1.2 system-ui,sans-serif;text-decoration:none;box-shadow:0 6px 20px #0008}
.quick-exit:hover{background:#ac2135}
.quick-exit:focus-visible{outline:3px solid #ffe1a1;outline-offset:3px}
@media(max-width:550px){.quick-exit{top:max(.5rem,env(safe-area-inset-top));right:.5rem;padding:.55rem .7rem;font-size:.9rem}}

/* Keep the exit visible without covering primary navigation or the lower-right Crisis Help launcher. */
.quick-exit{top:auto;bottom:max(1rem,env(safe-area-inset-bottom));right:auto;left:1rem}
@media(max-width:550px){.quick-exit{top:auto;right:auto;bottom:max(.6rem,env(safe-area-inset-bottom));left:.6rem}}