/* Selected editorial Psi + eye: sparse, quiet and subordinate to the words. */
.identity-mark{position:absolute;right:-5%;top:50%;width:clamp(280px,40vw,570px);height:auto;transform:translateY(-50%);fill:currentColor;color:white;opacity:.11;pointer-events:none;z-index:-1}
.identity-eye{width:clamp(350px,49vw,690px);right:-8%}
.term-strip .identity-mark{opacity:.065}
.identity-panel{position:relative;isolation:isolate;overflow:hidden}
.page-intro:not(.photo-intro){position:relative;isolation:isolate;overflow:hidden}
.identity-panel:before,.join-section:before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;pointer-events:none}
.term-strip:before{background-image:linear-gradient(100deg,#24252bf5,#24252be3),url('assets/learning-together.jpg')}
.join-section:before{background-image:linear-gradient(100deg,#782337f5,#782337e6),url('assets/hero-light-v2.jpg')}
.join-section .identity-mark{width:430px;right:29%;opacity:.07}
.precepts-section:before{background-image:linear-gradient(100deg,#f3f2f4f5,#f3f2f4d9),url('assets/remote-viewing-v2.jpg')}
.precepts-section .identity-mark{opacity:.55;right:-8%;width:680px}
.alumni-feature:before{background-image:linear-gradient(95deg,#faf8f5f5,#faf8f5db),url('assets/paired-practice.jpg')}
.alumni-feature .identity-mark{opacity:.6}

/* Dark navigation and the original atmospheric homepage direction. */
.public-site .public-header{background:#242127;color:#fff;border-bottom:1px solid #ffffff1a}
.public-header .wordmark{font-size:42px;letter-spacing:.1em}
.public-header .wordmark span{font-size:9px;letter-spacing:.55em}
.public-header .menu{color:var(--charcoal)}
.public-header .nav-disclosure{color:inherit}
.home-page .opening{background:#242127;color:#fff;min-height:760px}
.home-page .hero-gallery{top:0}
.home-page .hero-gallery:after{background:linear-gradient(90deg,#19191ff0 0%,#211e26cf 32%,#24212b63 62%,#24212b12 100%),linear-gradient(0deg,#201d29a8,transparent 36%)}
.home-page .hero-slide img{object-position:70% center}
.home-page .hero-copy{padding:100px 5% 96px}
.home-page .hero-copy .eyebrow{color:#edc1ce}
.home-page .hero-description{color:#f0e8eb}
.home-page .quiet-link{color:#fff;border-color:#ffffff70}
.home-page .hero-bottom{color:#fff}
.home-page .slide-controls button{color:#fff;background:#25202970;border:1px solid #ffffff60}
.home-page .slide-controls button:hover{background:#782337}

/* Photo texture is discernible, but the gradient keeps headings in front. */
.page-intro.photo-intro{min-height:0;padding:48px 6% 42px}
.photo-intro:before{opacity:1;background-position:center 44%}
.photo-intro:after{background:linear-gradient(95deg,#faf8f5f5 0%,#faf8f5e6 38%,#faf8f5b3 100%);z-index:-1}
.photo-intro .identity-mark{z-index:0;opacity:.35;right:-5%}
.photo-intro>.eyebrow,.photo-intro>h1,.photo-intro>.intro-bottom{position:relative;z-index:1}
.inner-page .page-intro h1{font-size:clamp(43px,4.8vw,68px);max-width:1000px;line-height:1.06}
.page-intro .intro-bottom{margin-top:22px;gap:30px}
.page-intro .page-deck{font-size:18px;line-height:1.6;max-width:690px}
.page-intro .eyebrow{margin-bottom:20px}

@media(min-width:1001px) and (max-width:1200px){.public-header .wordmark{font-size:34px}.public-header nav{gap:14px;font-size:11px}}
@media(max-width:1000px){
 .public-site .public-header nav{background:#29252d;color:white;border-color:#ab6075}
 .public-site .public-header nav a{color:inherit}
 .public-header .menu{color:white}
 .public-header .menu small{color:#d5cbd2}
 .public-site .public-header #mobile-menu-toggle{color:white;border-color:#ffffff66}
 .public-header .wordmark{font-size:35px}
}
@media(max-width:640px){
 .home-page .opening{min-height:780px}
 .home-page .hero-gallery{top:0}
 .home-page .hero-gallery:after{background:linear-gradient(180deg,#242127ed 8%,#242127dd 35%,#24212750 73%,#24212780),linear-gradient(90deg,#24212766,transparent)}
 .home-page .hero-slide img{object-position:65% center}
 .home-page .hero-copy{padding:46px 6% 235px}
 .home-page .hero-copy h1{font-size:clamp(40px,11.5vw,49px)}
 .home-page .hero-description{color:#f0e8eb}
 .home-page .hero-actions .quiet-link{background:transparent;color:#fff;padding:8px 0}
 .page-intro.photo-intro{padding:35px 6% 32px}
 .inner-page .page-intro h1{font-size:40px}
 .page-intro .page-deck{font-size:16px}
 .photo-intro:after{background:linear-gradient(95deg,#faf8f5ed,#faf8f5cf)}
 .page-intro .intro-bottom{gap:18px;margin-top:18px}
 .photo-intro .identity-mark{right:-29%;width:330px;opacity:.4}
 .identity-panel .identity-mark{right:-130px;width:390px;opacity:.07}
 .join-section .identity-mark{right:-110px;width:370px;opacity:.065}
 .public-header .wordmark{font-size:30px}
 .public-header .wordmark span{font-size:8px}
}

/* Psi logo in the existing header and footer logo positions. */
.wordmark{display:inline-flex;align-items:center;gap:12px}
.wordmark .brand-symbol{display:block;flex:none;width:auto;height:calc(.85em + 22px);aspect-ratio:254/262;fill:currentColor}
.wordmark .brand-name,.public-header .wordmark .brand-name{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0}
.public-header .wordmark{font-size:35px}
@media(min-width:1001px) and (max-width:1200px){.public-header .wordmark{font-size:29px;gap:9px}}
@media(max-width:1000px){.public-header .wordmark{font-size:30px;gap:9px}}
@media(max-width:640px){.public-header .wordmark{font-size:26px;gap:8px}.public-header .brand-symbol{height:calc(.85em + 21px)}}
@media(max-width:480px){.public-header{gap:6px}.public-header .utilities .member-entry{flex:none;width:88px;padding:7px 6px}}
@media(max-width:350px){.public-header .wordmark{font-size:23px}}