@font-face{font-family:'PR Geist';src:url('fonts/geist-normal-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:'PR Geist';src:url('fonts/geist-normal-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'PR Geist';src:url('fonts/geist-normal-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'PR Instrument Serif';src:url('fonts/instrument-serif-normal-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'PR Instrument Serif';src:url('fonts/instrument-serif-italic-400.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
/* Readable base layout; enhancement changes only the second chapter. */
.pr-understand,.pr-understand-context{box-sizing:border-box;color:#f0f3fa;background:#02040b;font-family:'PR Geist',system-ui,sans-serif;font-synthesis:none}
.pr-understand *,.pr-understand-context *{box-sizing:border-box}
.pr-understand{position:relative;background:linear-gradient(#000,#03091a 25%,#02040b 85%)}
.pr-understand-stage{position:relative;max-width:1600px;margin:auto;padding:70px clamp(24px,7vw,120px) 80px;display:flex;flex-direction:column}
.pr-understand-top{display:flex;justify-content:space-between;gap:24px;color:#91a5c8;font-size:11px;letter-spacing:.1em;line-height:1.6}
.pr-understand-top>span:first-child{text-transform:uppercase}
.pr-understand-label,.pr-understand-number{display:block;margin:0 0 25px;font:400 11px/1.6 'PR Geist',system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#8babef}
.pr-understand h2,.pr-understand h3,.pr-understand-context h2{font:300 clamp(46px,5.2vw,78px)/1.06 'PR Geist',system-ui,sans-serif;letter-spacing:-.05em;margin:0}
.pr-understand em,.pr-understand-context em{font-family:'PR Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.025em;color:#dbe7ff}
.pr-understand-explore{display:contents}
.pr-understand-question{order:1;margin-top:100px}
.pr-understand-views{order:3}.pr-understand-purpose{order:4}.pr-perspective-engine{order:2}
.pr-understand-views{list-style:none;margin:70px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.pr-understand-views li{padding-top:24px;border-top:1px solid #91b6ff30}
.pr-understand-views h3{font-size:34px;line-height:1.1;letter-spacing:-.03em}
.pr-understand-views h3 em{display:block;font-size:1.12em}
.pr-understand-views p,.pr-beat-description{margin:26px 0 0;color:#aebbd0;font-size:16px;line-height:1.7;max-width:38ch}
.pr-understand-purpose{text-align:center;max-width:820px;margin:100px auto 0;padding-top:70px;border-top:1px solid #91b6ff30}
.pr-understand-purpose h2{font-size:clamp(64px,8vw,120px);line-height:1.03}
.pr-understand-purpose>p:last-child{margin:40px auto 0;max-width:42ch;font-size:clamp(17px,1.6vw,23px);line-height:1.65;color:#b9c7dc}
.pr-perspective-engine,.pr-understand-progress{display:none}
.pr-perspective-engine.is-ready{display:block;width:100%;max-width:580px;height:480px;margin:30px auto;position:relative;pointer-events:none}
.pr-perspective-engine canvas{display:block;width:100%;height:100%}
.pr-understand-context{padding:65px clamp(24px,7vw,120px) 80px;display:grid;grid-template-columns:1fr 1fr;gap:65px 12%;max-width:1600px;margin:auto;background:linear-gradient(#02040b,#000)}
.pr-understand-context h2{font-size:clamp(38px,4vw,58px)}
.pr-understand-context dl{margin:0}
.pr-understand-context dl>div{border-top:1px solid #91b6ff30;padding:24px 0 28px}
.pr-understand-context dt{font-size:24px;letter-spacing:-.025em}
.pr-understand-context dt>span{display:inline-block;width:40px;color:#8babef;font-size:11px;vertical-align:middle;letter-spacing:.05em}
.pr-understand-context dd{margin:13px 0 0 40px;max-width:42ch;font-size:16px;line-height:1.75;color:#aebbd0}
.pr-understand-bridge{grid-column:1/-1;text-align:center;font-size:12px;letter-spacing:.04em;color:#91a5c8;margin:20px 0 0}
.pr-understand-bridge span{display:block;font-size:23px;margin-top:20px}
@media(prefers-reduced-motion:no-preference){
 .pr-understand.is-enhanced{height:460vh}
 .is-enhanced .pr-understand-stage{height:100vh;position:sticky;top:0;overflow:clip;padding-block:44px;display:block}
 .is-enhanced .pr-understand-top{position:relative;z-index:2}
 .is-enhanced .pr-understand-explore{display:block;position:absolute;inset:0;overflow:hidden;margin:0;z-index:1;pointer-events:none}
 .is-enhanced .pr-understand-explore::before{content:'';position:absolute;left:0;top:6%;width:60%;height:52%;background:radial-gradient(ellipse at 35% 48%,#02050df5 0 44%,#02050d99 63%,transparent 78%);pointer-events:none}
 .is-enhanced .pr-understand-views{display:contents}
 .is-enhanced .pr-understand-question,.is-enhanced [data-perspective],.is-enhanced .pr-understand-purpose{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;margin:0;padding:15vh 7% 90px;max-width:none;border:0;visibility:var(--beat-visible,hidden);pointer-events:none;transform:translateX(var(--beat-x,0%));will-change:transform}
 /* The two eye beats sit lower so their serif line meets the returned gaze. */
 .is-enhanced [data-perspective]:last-child,.is-enhanced .pr-understand-purpose{padding-top:20vh}
 .is-enhanced h2,.is-enhanced .pr-understand-views h3{font-size:clamp(44px,4.4vw,68px);line-height:1.05;opacity:var(--heading-opacity,1);max-width:12ch}
 .is-enhanced h2 em,.is-enhanced h3 em{display:block;transform:translateX(var(--serif-x,0px));opacity:var(--serif-opacity,1)}
 .is-enhanced .pr-understand-question h2{font-size:clamp(42px,3.9vw,60px)}
 .is-enhanced .pr-understand-question h2 em{display:block}
 .is-enhanced .pr-understand-views h3 em{font-size:1.12em}
 .is-enhanced .pr-understand-purpose h2{font-size:clamp(48px,4.5vw,70px)}
 .is-enhanced .pr-understand-views p,.is-enhanced .pr-beat-description,.is-enhanced .pr-understand-purpose>p:last-child{font-size:clamp(15px,1.2vw,18px);margin:22px 0 0;max-width:38ch;opacity:var(--detail-opacity,1);transform:translateX(var(--detail-x,0px))}
 .is-enhanced .pr-understand-desktop-break{display:none}
 .is-enhanced .pr-perspective-engine.is-ready{position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0}
 .is-enhanced .pr-understand-progress{display:flex;position:absolute;bottom:40px;left:7%;right:7%;justify-content:space-between;align-items:center;gap:24px;color:#91a5c8;font-size:10px;letter-spacing:.08em;z-index:2}
 .pr-understand-progress i{height:1px;flex:1;background:linear-gradient(to right,#9fc2ff calc(var(--chapter-progress,0)*100%),#91b6ff25 0)}
}
.pr-next-chapter{display:grid;grid-template-columns:1fr 1.1fr;gap:5%;text-align:left;min-height:720px}
.pr-next-monolith{position:relative;height:600px;width:100%;pointer-events:none}
.pr-next-monolith canvas{width:100%;height:100%;display:block}
.pr-next-monolith>span{position:absolute;bottom:35px;left:0;right:0;text-align:center;font:10px 'PR Geist',system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#9faac4}
.pr-next-monolith:not(.is-ready)::before{content:'';position:absolute;inset:18% 32%;background:linear-gradient(110deg,#101b31,#02040a 75%);border:1px solid #8ea9db60;transform:perspective(600px) rotateY(-24deg);box-shadow:12px 9px 0 #080d18}
.pr-home-content{font-synthesis:none}
.pr-home-content,.pr-home-content h2,.pr-home-content h3,.pr-home-content .eyebrow,.pr-home-content .pr-next-copy>p,.pr-home-content .pr-next-footnote,.pr-home-content .pr-next-copy h2{font-family:'PR Geist',system-ui,sans-serif}
.pr-home-content .pr-next-copy h2 em{font-family:'PR Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em}
.pr-home-content .home-invite h2{font-weight:300}
.pr-home-content .home-invite p{font-size:16px;line-height:1.65}
@media(max-width:899px){
 .pr-understand-stage{padding-top:45px;padding-bottom:60px}
 .pr-understand-top{font-size:9px;gap:20px}.pr-understand-top>span:last-child{max-width:18ch;text-align:right}
 .pr-understand-question{margin-top:65px}
 .pr-understand-question h2{font-size:clamp(48px,9vw,76px)}
 .pr-understand-views{grid-template-columns:1fr;gap:36px}
 .pr-understand-views h3{font-size:40px}.pr-understand-views p{font-size:16px}
 .pr-understand-purpose{margin-top:70px;padding-top:60px}.pr-understand-purpose h2{font-size:clamp(60px,12vw,94px)}
 .pr-perspective-engine.is-ready{height:340px}
 .pr-understand-desktop-break{display:none}
 .pr-understand-context{grid-template-columns:1fr;gap:40px;padding-top:30px;padding-bottom:50px}
 .pr-understand-context h2{font-size:44px}.pr-understand-context dd{margin-left:0}
 .pr-next-chapter{grid-template-columns:1fr;gap:0;text-align:center;min-height:0}
 .pr-next-monolith{height:410px;max-width:480px;margin:auto}
 .pr-next-copy{padding:10px 0 70px}
}

.is-enhanced .pr-understand-label,.is-enhanced .pr-understand-number{opacity:var(--detail-opacity,1)}

/* Portrait phones retain the full story, with text above the particle object. */
@media(max-width:899px) and (min-height:400px) and (prefers-reduced-motion:no-preference){
 .pr-understand.is-enhanced{height:460svh}
 .is-enhanced .pr-understand-stage{height:100svh;min-height:400px;padding:22px 7%}
 .is-enhanced .pr-understand-top{font-size:8px;gap:18px}
 .is-enhanced .pr-understand-explore::before{display:none}
 .is-enhanced .pr-understand-question,.is-enhanced [data-perspective],.is-enhanced .pr-understand-purpose{padding:clamp(60px,11svh,100px) 7% 0;margin:0}
 .is-enhanced h2,.is-enhanced .pr-understand-question h2,.is-enhanced .pr-understand-views h3,.is-enhanced .pr-understand-purpose h2{font-size:clamp(32px,9.2vw,46px);max-width:none;line-height:1.04}
 .is-enhanced .pr-understand-label,.is-enhanced .pr-understand-number{font-size:9px;margin-bottom:14px}
 .is-enhanced .pr-understand-views p,.is-enhanced .pr-beat-description,.is-enhanced .pr-understand-purpose>p:last-child{font-size:14px;line-height:1.5;margin:14px 0 0;max-width:38ch}
 .is-enhanced .pr-perspective-engine.is-ready{inset:clamp(220px,42svh,340px) 0 auto;height:clamp(170px,40svh,380px);width:100%;max-width:none;margin:0}
 .is-enhanced .pr-understand-progress{left:7%;right:7%;bottom:18px;font-size:8px;gap:10px}
}

@media(max-width:899px) and (max-height:559px) and (prefers-reduced-motion:no-preference){
 .is-enhanced .pr-understand-stage{padding-top:16px}
 .is-enhanced .pr-understand-top{font-size:7px}
 .is-enhanced .pr-understand-question,.is-enhanced [data-perspective],.is-enhanced .pr-understand-purpose{padding-top:58px}
 .is-enhanced h2,.is-enhanced .pr-understand-question h2,.is-enhanced .pr-understand-views h3,.is-enhanced .pr-understand-purpose h2{font-size:clamp(28px,9vw,36px)}
 .is-enhanced .pr-understand-label,.is-enhanced .pr-understand-number{font-size:8px;margin-bottom:10px}
 .is-enhanced .pr-understand-views p,.is-enhanced .pr-beat-description,.is-enhanced .pr-understand-purpose>p:last-child{font-size:12px;line-height:1.45;margin-top:10px}
 .is-enhanced .pr-perspective-engine.is-ready{top:46%;height:43%}
 .is-enhanced .pr-understand-progress{bottom:14px;font-size:7px}
}
/* Tablet closing keeps the desktop relationship; phones get a tighter stack. */
@media(min-width:600px) and (max-width:899px){
 .pr-next-chapter{grid-template-columns:1fr 1.1fr;gap:24px;min-height:520px;text-align:left}
 .pr-next-monolith{height:420px}
 .pr-next-copy{padding:30px 0}
 .pr-home-content .pr-next-copy h2{font-size:clamp(36px,5vw,46px)}
 .pr-next-copy>p:not(.eyebrow){font-size:14px}
}
@media(max-width:599px){
 .pr-next-monolith{height:clamp(230px,48svh,340px)}
 .pr-next-monolith>span{bottom:16px}
 .pr-next-copy{padding:20px 0 36px}
 .pr-home-content .pr-next-copy h2{font-size:clamp(36px,10vw,48px)}
}
