/* Still They Speak · The Threshold identity */
:root{--brand-burgundy:#641729;--brand-ivory:#f7f0e3;--brand-brass:#b59554;--night:#21171b;--night-raised:#2c1d23;--paper:#f0e7d8;--light:#faf4e9;--ink:#4b202c;--gold:#cfb575;--muted:#c7b9b8;--red:#a17b46;--app-bg:#21171b;--app-paper:#f3eadc;--app-muted:#c5b6b7;--app-gold:#cfb575;--app-line:#cfb57540}
html{scroll-padding-top:125px}body:before{opacity:.018}.app-nav{background:#f7f0e3fa;color:var(--brand-burgundy);border-bottom:1px solid #64172925;padding:15px 4.2%;gap:30px;min-height:101px}.app-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.app-brand img{width:48px;height:52px}.app-brand .brand-words{margin:0;color:var(--brand-burgundy);font:23px/.86 var(--display);text-transform:uppercase;letter-spacing:-.035em}.app-nav nav{gap:22px}.app-nav nav a{color:#684d50;font-size:11px}.app-nav nav a:hover,.app-nav nav a[aria-current=page]{color:var(--brand-burgundy);border-color:var(--brand-burgundy)}.app-nav .connection-link{color:var(--brand-burgundy)}.app-brand:hover{color:var(--brand-burgundy)}
.brand-introduction{background:var(--brand-ivory);color:var(--brand-burgundy);padding:72px 9% 76px;display:grid;grid-template-columns:1.15fr 1fr;gap:11%;align-items:center;position:relative;border-bottom:5px solid var(--brand-burgundy)}.identity-lockup{display:flex;align-items:center;gap:27px}.identity-lockup img{width:clamp(115px,14vw,210px);height:auto}.identity-name{font:clamp(56px,6.2vw,96px)/.88 var(--display);letter-spacing:-.035em;text-transform:uppercase}.identity-eyebrow{font:10px/1.6 var(--ui);text-transform:uppercase;letter-spacing:.18em;color:#826339;margin-bottom:22px}.identity-statement{font:clamp(26px,2.8vw,40px)/1.16 var(--display);letter-spacing:-.02em}.identity-description{font:15px/1.8 var(--text);color:#6c5155;margin:19px 0;max-width:360px}.identity-message>a{display:inline-flex;gap:45px;font:11px/1.5 var(--ui);text-decoration:none;border-bottom:1px solid #b59554;padding:7px 0;color:var(--brand-burgundy)}.identity-message>a:hover{color:#86273d}.identity-message>a span{font-size:18px}
.cinematic-opening{border-bottom:1px solid var(--app-line)}.opening-kicker,.opening-caption span{color:#cfb575}.opening-copy h1 em{color:#dbc594}.opening-edge{color:#c7b9b8}.opening-bottom{border-color:#cfb57540}.ivory-button{background:var(--brand-ivory);color:var(--brand-burgundy)}.ivory-button:hover{background:#e8d8bc;color:var(--brand-burgundy)}
.story-directory{background:var(--brand-ivory);color:var(--brand-burgundy)}.directory-heading h2{color:var(--brand-burgundy)}.directory-heading h2 em{color:#906d3d}.directory-heading>p,.directory-name>span,.directory-format,.directory-number,.directory-foot{color:#735a5c}.story-directory .label{color:#8b663b}.directory-story{border-color:#6417292b;transition:background .2s,padding .2s}.directory-story:hover{background:#64172906;padding-left:12px;padding-right:12px;color:var(--brand-burgundy)}.directory-name strong{color:var(--brand-burgundy)}.directory-arrow{color:#976e39}.directory-photo{border:1px solid #b5955450}.directory-foot button:hover{color:var(--brand-burgundy)}
#workspace{padding-top:56px}#workspace>h1,#workspace .experience-header h1{color:var(--brand-ivory)}#workspace .overline{color:var(--app-gold)}#workspace button.primary{background:var(--brand-ivory);color:var(--brand-burgundy)}#workspace button:focus-visible,a:focus-visible{outline:2px solid var(--brand-brass);outline-offset:5px}.reader-paper{background:var(--brand-ivory);color:#382c2d;border-top:4px solid var(--brand-burgundy)}.reader-paper h2{color:var(--brand-burgundy)}.story-experience{--chalk:#f3eadc;--soft:#c5b6b7}.experience-header{border-left:2px solid var(--brand-brass);padding-left:28px}.experience-stage{border-color:#b5955460}.stage-top,.stage-caption{background:#2c1d23;border-color:#b5955440}.experience-audio{border-color:#b5955450}.experience-explanation{border-bottom:1px solid #b5955430}.focus-toolbar{background:#321b25;border-bottom:1px solid var(--brand-brass)}
.footer-identity{display:flex;gap:17px;align-items:center;text-decoration:none;min-width:230px}.footer-identity>span{font:25px/1.1 var(--display);color:var(--brand-ivory)}.footer-identity small{display:block;margin-top:10px;font:8px/1.5 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-brass)}.site-footer{gap:35px;align-items:center}.site-footer>p{max-width:470px}.focus-mode .brand-introduction{display:none}::selection{background:#b59554;color:#21171b}
@media(min-width:1800px){.brand-introduction{padding-top:90px;padding-bottom:90px}}
@media(max-width:1100px){.app-nav{gap:20px}.app-nav nav{gap:9px 18px}.app-nav nav a{font-size:10px}.brand-introduction{gap:6%;padding:55px 7%}.identity-lockup{gap:18px}.identity-name{font-size:65px}.identity-lockup img{width:130px}}
@media(max-width:760px){html{scroll-padding-top:145px}.app-nav{padding:12px 5%;gap:10px;flex-wrap:wrap}.app-brand{gap:9px}.app-brand img{width:36px;height:39px}.app-brand .brand-words{font-size:18px}.app-nav nav{order:3;width:100%;flex-wrap:nowrap;overflow-x:auto;gap:22px;padding:4px 0;scrollbar-width:thin}.app-nav nav a{white-space:nowrap;font-size:10px;flex-shrink:0}.app-nav .connection-link{margin-left:auto}.brand-introduction{grid-template-columns:1fr;padding:44px 8% 39px;gap:34px}.identity-lockup{gap:23px}.identity-lockup img{width:116px}.identity-name{font-size:67px}.identity-message{border-top:1px solid #64172925;padding-top:25px}.identity-eyebrow{font-size:9px;margin-bottom:15px}.identity-statement{font-size:29px}.identity-description{font-size:14px;margin:15px 0}.identity-message>a{font-size:11px}.experience-header{padding-left:17px;margin-bottom:35px}.footer-identity{margin-bottom:18px}.site-footer{padding:30px 7%;display:block}.site-footer>p{margin:18px 0}.directory-name strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.directory-story{transition:none}}
@media(max-width:360px){.identity-lockup{gap:18px}.identity-lockup img{width:92px}.identity-name{font-size:56px}}
.student-account{max-width:760px;margin:0 auto}.student-account form{display:grid;gap:12px;max-width:420px}.student-account form label{margin:12px 0 0!important}.student-account form button{margin-top:14px}.student-account .action-row{margin:25px 0}.account-email{font-size:22px;margin:25px 0}.student-account #account-message{margin:22px 0;color:var(--app-gold)}#favorites-search{margin:28px 0 12px;width:min(100%,520px)}#favorites-message{color:var(--app-gold);margin-bottom:18px}.story-favorite{margin-top:20px!important}#student-account-link{border:1px solid #64172940;padding:9px 12px}.app-nav nav{gap:16px}.app-nav{gap:22px}
