.about-page{--ink:#f3f1ec;--paper:#050505;background:var(--paper);color:var(--ink);min-height:100vh}
.about-page .site-header{min-height:154px}
.about-page .brand>span{color:#777}
.about-page .brand-word .brand-letter{color:var(--ink)}
.about-page nav a:nth-child(2){display:inline-flex}
.about-page .language-options button{color:#777}
.about-page .language-options button.selected{color:var(--navigation-accent)}
.about-motion{width:100%;overflow:hidden;background:#050505}
.about-motion iframe{display:block;width:100%;height:100%;border:0;background:#050505}
.coordinate-motion{height:clamp(360px,52vw,720px)}
.emergence-motion{height:clamp(440px,60vw,850px)}
.about-statement{padding:100px 12vw 120px}
.about-label{font-size:12px;letter-spacing:.12em;color:#777;margin:0 0 42px}
.about-statement h1{font-size:clamp(38px,6.5vw,96px);font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:0 0 58px}
.about-lead{max-width:1050px;font-size:clamp(23px,2.5vw,36px);line-height:1.6;letter-spacing:-.025em;margin:0 0 36px}
.about-body{max-width:660px;margin:0 0 0 auto;color:#9a9a96;font-size:17px;line-height:1.85}
.about-coordinates{padding:100px 3.5vw 130px}
.coordinate-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-bottom:80px}
.coordinate-intro h2{font-size:clamp(28px,3.5vw,50px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0}
.coordinate-intro p{color:#90908c;font-size:16px;line-height:1.8;max-width:530px;margin:0}
.coordinate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.coordinate-grid article{display:grid;grid-template-columns:120px 1fr;gap:30px;padding:55px 7vw 65px 0;min-height:290px}
.coordinate-grid article:nth-child(even){padding-left:4vw;padding-right:0}
.coordinate-symbol{font-size:90px;line-height:1;letter-spacing:-.07em}
.coordinate-grid h3{font-size:22px;font-weight:400;margin:7px 0 22px}
.coordinate-grid p{color:#92928e;font-size:16px;line-height:1.85;margin:0;max-width:420px}
.about-contact{display:flex;justify-content:space-between;gap:30px;padding:65px 3.5vw 90px;align-items:baseline}
.about-contact p{font-size:clamp(25px,3vw,44px);margin:0;letter-spacing:-.04em}
.about-contact a{font-size:16px;text-decoration:underline;text-underline-offset:6px}
.about-page footer{border:0;color:#777}
.about-page .registrations{background:#050505;color:#777}
@media(max-width:800px){.about-page .site-header{min-height:126px}.coordinate-motion{height:360px}.emergence-motion{height:500px}.about-statement{padding:65px 20px 80px}.about-statement h1{margin-bottom:38px}.about-label{margin-bottom:30px}.about-body{font-size:16px}.about-coordinates{padding:65px 20px 80px}.coordinate-intro{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.coordinate-grid article{grid-template-columns:1fr;gap:20px;padding:30px 20px 40px 0;min-height:0}.coordinate-grid article:nth-child(even){padding-left:20px}.coordinate-symbol{font-size:66px}.coordinate-grid h3{font-size:20px}.coordinate-grid p{font-size:15px}.about-contact{padding:45px 20px 65px;flex-direction:column;gap:25px}}
/* The coordinates meet at a short central cross, with open outer edges. */
.coordinate-grid{position:relative;column-gap:5vw;row-gap:30px}
.coordinate-grid::before,.coordinate-grid::after{content:"";position:absolute;pointer-events:none;background:#333;left:50%;top:50%;transform:translate(-50%,-50%)}
.coordinate-grid::before{width:32%;height:1px}
.coordinate-grid::after{width:1px;height:38%}
.scroll-reveal{opacity:0;transform:translate3d(0,36px,0);transition:opacity 1.1s cubic-bezier(.22,1,.36,1),transform 1.3s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
.about-motion.scroll-reveal{transform:translate3d(0,24px,0) scale(.97);transition-duration:1.5s}
.about-motion.scroll-reveal.is-visible{transform:translate3d(0,0,0) scale(1)}
@supports(animation-timeline:view()){
 .about-motion iframe{animation:motion-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
 @keyframes motion-depth{from{transform:translateY(-24px) scale(1.04)}to{transform:translateY(24px) scale(1.04)}}
}
@media(max-width:800px){.coordinate-grid{column-gap:32px;row-gap:40px}.coordinate-grid article,.coordinate-grid article:nth-child(even){padding:25px 0}.coordinate-grid::before{width:38%}.coordinate-grid::after{height:40%}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.about-motion.scroll-reveal{opacity:1;transform:none;transition:none}.about-motion iframe{animation:none}}

.universe-story{position:relative;isolation:isolate;--universe-opacity:0}
.universe-backdrop{position:sticky;top:0;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;z-index:-1;pointer-events:none;opacity:var(--universe-opacity);will-change:opacity}
.universe-backdrop .emergence-motion{height:100%;background:transparent}
.universe-backdrop iframe{animation:none;transform:none}
.universe-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.2),rgba(5,5,5,.08) 50%,rgba(5,5,5,.3))}
.universe-story .about-statement,.universe-story .about-coordinates{position:relative;background:transparent;text-shadow:0 2px 14px #050505,0 0 30px #050505}
.universe-story .about-body,.universe-story .coordinate-intro p,.universe-story .coordinate-grid p{color:#b9b9b4}
.universe-interlude{height:100vh;height:100svh;pointer-events:none}
@media(prefers-reduced-motion:reduce){.universe-backdrop{position:relative;margin-bottom:0;height:65vh;opacity:1}.universe-interlude{display:none}}
.about-lead{font-weight:500;max-width:1000px}
.about-body p{margin:0 0 28px}.about-body p:last-child{margin-bottom:0}
.coordinate-grid article{grid-template-columns:90px minmax(0,1fr);gap:24px;padding-right:4vw}
.coordinate-grid p.coordinate-beginning{font-style:italic;color:var(--ink);margin-bottom:20px}
.coordinate-grid p.coordinate-taxonomy{font-size:13px;line-height:1.8;color:#83837f;margin-top:28px;overflow-wrap:anywhere}
.coordinate-grid h3{margin-bottom:18px}
@media(max-width:800px){.coordinate-grid article{grid-template-columns:1fr;padding-right:0}.about-body{max-width:580px}.coordinate-intro{gap:30px}}
@media(max-width:600px){
 .about-statement{padding:70px 24px 80px}.about-statement h1{font-size:clamp(38px,10vw,58px);max-width:12ch;line-height:1.08}
 .about-lead{font-size:23px;line-height:1.55}.about-body{font-size:17px;line-height:1.85}
 .about-coordinates{padding:65px 24px 90px}.coordinate-intro{margin-bottom:48px}.coordinate-intro h2{font-size:32px;max-width:16ch}.coordinate-intro p{font-size:17px}
 .coordinate-grid{grid-template-columns:1fr;gap:60px;padding-top:70px}
 .coordinate-grid::before{top:20px;width:42px}.coordinate-grid::after{top:20px;height:42px}
 .coordinate-grid article,.coordinate-grid article:nth-child(even){grid-template-columns:48px minmax(0,1fr);gap:20px;padding:0;min-height:0}
 .coordinate-symbol{font-size:52px}.coordinate-grid h3{font-size:24px;margin:3px 0 20px}.coordinate-grid p{font-size:17px;line-height:1.8;max-width:none}.coordinate-grid p.coordinate-taxonomy{font-size:14px;margin-top:24px}
 .universe-backdrop::after{background:rgba(5,5,5,.35)}.universe-interlude{height:85svh}
}
@media(max-width:600px){
 .coordinate-grid{padding-top:0;gap:0}
 .coordinate-grid::before,.coordinate-grid::after{display:none}
 .coordinate-grid article,.coordinate-grid article:nth-child(even){position:relative;padding:38px 0}
 .coordinate-grid article:first-child{padding-top:0}
 .coordinate-grid article+article::before{content:"";position:absolute;top:0;left:68px;width:48px;height:1px;background:#484845}
}

.about-page .coordinate-grid p.coordinate-beginning{color:var(--navigation-accent);text-shadow:none}