@charset "UTF-8";
:root{color-scheme:dark;--ink:#080f14;--gold:#ccaa62;--paper:#eee8db;--muted:#b7b6af;--line:#ccaa6233}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.65 system-ui,sans-serif}a{color:inherit;text-underline-offset:.28em}button,input,textarea,select{font:inherit;color:inherit;background:#14212b;border:1px solid #627079;border-radius:3px;padding:.7em;max-width:100%}button,summary{cursor:pointer}button:hover,.button:hover{background:#ccaa6222}input:not([type=checkbox]):not([type=radio]),textarea{display:block;width:100%}label{display:block;margin-block:.8rem .25rem}fieldset{border:1px solid var(--line);min-width:0;margin-block:1rem}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.15;overflow-wrap:anywhere}h1{font-size:clamp(2.4rem,6vw,5.4rem);margin-block:1.4rem}h2{font-size:clamp(1.7rem,3vw,2.7rem)}img,video{max-width:100%;display:block}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #70d4e7;outline-offset:5px}.skip{position:absolute;inset-inline-start:1rem;inset-block-start:-10rem;padding:1rem;background:var(--ink);z-index:100}.skip:focus{inset-block-start:1rem}.masthead{padding:1.3rem clamp(1rem,4vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-block-end:1px solid var(--line);position:relative;z-index:10;background:#080f14ee}.brand{display:flex;align-items:center;gap:1rem;text-decoration:none;flex-shrink:0}.brand span{font-family:Georgia,serif;font-size:.88rem;line-height:1.5;letter-spacing:.07em}.masthead nav{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:.85rem}nav details{position:relative}nav details>div{position:absolute;inset-block-start:2.3rem;inset-inline-end:0;min-width:15rem;max-width:85vw;padding:1rem;background:#0e1920;border:1px solid var(--line);box-shadow:0 15px 50px #0009}nav details a{display:block;padding:.5rem;text-decoration:none}nav a:hover{color:var(--gold)}.hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(5rem,12vw,10rem) 1.5rem 7rem;text-align:center;background:radial-gradient(ellipse at 50% 110%,#aec3ca20,transparent 50%),linear-gradient(0deg,#12202c88,#080f14)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;inset:20% -20% -10%;background:radial-gradient(ellipse at 25% 80%,#8db1bc15,transparent 50%),radial-gradient(ellipse at 75% 80%,#cdb78325,transparent 45%);filter:blur(30px);animation:mist 20s ease-in-out infinite alternate}.hero:after{inset:45% -40% -30%;animation-direction:alternate-reverse}.aureole{position:absolute;width:min(75vw,46rem);aspect-ratio:1;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);border:1px solid #ccaa6222;border-radius:50%;box-shadow:0 0 0 1.7rem #ccaa6206,0 0 0 1.8rem #ccaa6210,0 0 100px #8b783711;z-index:-1}.aureole:before{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed #ccaa6215;animation:orbit 120s linear infinite}.hero h1{font-size:clamp(2.2rem,5.4vw,5.2rem);max-width:65rem;margin-inline:auto;letter-spacing:-.035em;text-shadow:0 4px 40px #0006}.hero h1 em{font-weight:400;font-style:normal;color:var(--gold)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--gold);font-size:.7rem}.intro{color:var(--muted);font-size:1.1rem;max-width:48rem;margin-inline:auto}.button{display:inline-flex;gap:2rem;align-items:center;text-decoration:none;border:1px solid var(--line);padding:.8rem 1.4rem;margin-block-start:1.7rem;color:var(--gold)}.presentation{max-width:76rem;margin:0 auto;padding:2rem clamp(1rem,4vw,3rem)}.section-heading{display:flex;justify-content:space-between;align-items:center;color:var(--gold)}figure{margin:0}.slide{margin-block:1rem;border:1px solid var(--line);background:#03080d}.slide img,.slide video{width:100%;aspect-ratio:16/9;object-fit:contain}.slide figcaption{padding:1rem;color:var(--muted)}.carousel-controls{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.carousel-controls[hidden],.slide[hidden]{display:none}.pathways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#e8e2d3;color:#182026;padding:4rem clamp(1rem,7vw,7rem);gap:3rem}.pathways .eyebrow{color:#735a2c}.pathways a{font-size:.85rem}.reading{max-width:68rem;margin:0 auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,3rem);min-height:55vh}.reading>h1{font-size:clamp(2.2rem,5vw,4rem)}.prose{max-width:48rem;font-family:Georgia,serif;font-size:1.1rem}.prose p{white-space:pre-wrap;line-height:1.85}.portraits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-block:2rem}.portraits img,.portrait-placeholder{width:100%;aspect-ratio:3/4;object-fit:contain;background:#131d23;border:1px solid var(--line)}.portrait-placeholder{display:grid;place-content:center;padding:2rem;color:var(--muted)}.portraits figcaption{font-size:.8rem;color:var(--muted);padding-block:1rem}.portraits strong{display:block;color:var(--gold);margin-block-start:.5rem}.entries article{padding-block:2rem;border-block-end:1px solid var(--line)}.notice{border:1px solid var(--gold);padding:1rem}footer{padding:2rem clamp(1rem,5vw,5rem);border-block-start:1px solid var(--line);display:flex;flex-wrap:wrap;gap:1.5rem;font-size:.78rem;color:var(--muted)}footer>span{margin-inline-end:auto}@keyframes mist{to{transform:translate3d(4%,-3%,0)}}@keyframes orbit{to{transform:rotate(360deg)}}@media(max-width:950px){.masthead{align-items:flex-start;flex-direction:column;gap:1.2rem}.masthead nav{gap:1rem;font-size:.8rem}.masthead nav details>div{inset-inline-start:0;inset-inline-end:auto}.masthead nav details:last-child>div{inset-inline-start:auto;inset-inline-end:0}}@media(max-width:640px){.hero{padding-block:4.5rem}.hero h1{font-size:2.4rem}.slide img,.slide video{aspect-ratio:9/16}.pathways{grid-template-columns:1fr;gap:1.5rem;padding-block:2.5rem}.pathways>div+div{border-block-start:1px solid #18202633;padding-block-start:1rem}.portraits{grid-template-columns:1fr}.brand img{width:44px;height:44px}.brand span{font-size:.8rem}.masthead nav{column-gap:.8rem}.reading{padding-block:2rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

.player-placeholder .slide img{height:auto;aspect-ratio:1673/940;object-fit:contain;background:#f8f7f1}.media-label{display:inline-block;margin-inline-start:1rem;font-size:.75rem;border:1px solid var(--line);padding:.15rem .5rem}.reader-saved{display:flex;gap:.7rem;flex-wrap:wrap}

/* Interaction stays usable when enlarged, with touch, or without animation. */
body{overflow-wrap:break-word}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#main:focus-visible{outline:2px solid #70d4e7;outline-offset:-2px}
.brand{flex-shrink:1;max-width:100%;min-width:0}.brand img{flex:none}.brand span{min-width:0;overflow-wrap:anywhere}
.masthead nav{min-width:0}.masthead nav details{min-width:0;max-width:100%;overflow-wrap:anywhere}.masthead nav summary,.masthead nav>a{min-height:44px;padding-block:.6rem}
nav details>div{inset-block-start:100%}nav details a{min-height:44px}
.pathways a,footer>a{display:inline-flex;align-items:center;min-height:44px}
.pathways a:focus-visible{outline-color:#075e70}
.motion-control{font:inherit;text-align:start;min-height:44px}.motion-control[hidden]{display:none}
.motion-control[aria-disabled=true]{cursor:default}
.hero:before,.hero:after,.aureole:before{animation-play-state:paused}
:root[data-motion=allow] .hero:before,:root[data-motion=allow] .hero:after,:root[data-motion=allow] .aureole:before{animation-play-state:running}
:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{animation:none!important;scroll-behavior:auto!important}
@media(max-width:950px){.masthead nav{width:100%}.masthead nav details[open]{flex-basis:100%}.masthead nav details>div{position:static;min-width:0;max-width:100%;margin-block:.25rem .5rem}}
@media(forced-colors:active){.hero{background:Canvas}.hero:before,.hero:after,.aureole{display:none}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,#main:focus-visible,.pathways a:focus-visible{outline-color:Highlight}}

/* Alternatives stay in the document and work with native controls without JS. */
.mobile-video{display:none}
.media-help,.media-alternative{padding:1rem;margin:0;border-block-start:1px solid var(--line)}
.media-alternative summary{min-height:44px;padding-block:.6rem}
.media-alternative h2{font-size:1.4rem}.media-alternative .prose{max-width:100%}
.field-required,.field-help{font-size:.95rem;color:var(--muted)}
.form-error-summary{border:2px solid var(--gold);padding:1rem;margin-block:1rem}
.form-error-summary a{display:inline-block;padding-block:.4rem}
[aria-invalid=true]{border:2px solid #ffb5a4}
.form-error-summary:focus,video:focus-visible{outline:2px solid #70d4e7;outline-offset:4px}
.reading form label:has(input[type=checkbox]),.reading form label:has(input[type=radio]){min-height:44px;padding-block:.5rem}
@media(max-width:640px){.desktop-video{display:none}.mobile-video{display:block}}
@media(forced-colors:active){[aria-invalid=true],.form-error-summary{border-color:Mark}.form-error-summary:focus,video:focus-visible{outline-color:Highlight}}