/* PHASE1-AFTER-THE-SLEEPER */
:root{--p1-bone:#e7dfcf;--p1-gold:#b89a63;--p1-smoke:#5c5854;--p1-ink:#1f1d1b;--p1-blue:#8a97a3;--p1-teal:#6e807c;--p1-rust:#8f4a37;--p1-rose:#b68f86;--p1-navy:#344250}
.phase1-continuation,.phase1-beyond,.phase1-home-teaser{color:inherit}
.phase1-continuation{overflow:hidden}
.phase1-hero,.phase1-section,.phase1-beyond,.phase1-home-teaser{max-width:1180px;margin:0 auto;padding:clamp(72px,9vw,140px) clamp(22px,5vw,64px)}
.phase1-hero{min-height:72vh;display:flex;flex-direction:column;justify-content:center}
.phase1-kicker,.phase1-role{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;opacity:.72}
.phase1-hero h1,.phase1-section h2,.phase1-beyond h2,.phase1-home-teaser h2{margin:.18em 0 .35em;line-height:.88;letter-spacing:-.035em}
.phase1-hero h1{font-size:clamp(4rem,11vw,9rem)}
.phase1-section h2,.phase1-beyond h2,.phase1-home-teaser h2{font-size:clamp(2.7rem,7vw,6.5rem)}
.phase1-deck{font-size:clamp(1.25rem,2.6vw,2rem);opacity:.84;margin:0 0 2rem}
.phase1-rule{width:84px;border-top:1px solid var(--p1-gold);margin:1.5rem 0 2rem}
.phase1-intro,.phase1-section>p,.phase1-home-teaser>p{max-width:760px;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.75}
.phase1-narrow{max-width:950px}
.phase1-questions{margin:2.5rem 0;border-left:1px solid var(--p1-gold);padding-left:clamp(20px,4vw,48px)}
.phase1-questions p{font-size:clamp(1.15rem,2.3vw,1.65rem);margin:.8rem 0}
.phase1-emphasis,.phase1-final{font-size:clamp(1.5rem,3vw,2.4rem)!important;letter-spacing:.02em}
.phase1-figure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:3rem;background:rgba(255,255,255,.12)}
.phase1-figure{--accent:var(--p1-gold);min-height:300px;padding:clamp(26px,3vw,44px);background:#111;position:relative;border-top:3px solid var(--accent)}
.phase1-figure .phase1-index{display:block;font-size:.72rem;opacity:.42;margin-bottom:3.2rem}
.phase1-figure h3{margin:.35rem 0 1rem;font-size:clamp(1.7rem,3vw,2.6rem)}
.phase1-figure p:last-child{line-height:1.6;opacity:.82}
.phase1-figure.heir{--accent:#c9b582}.phase1-figure.engineer{--accent:#6f8d88}.phase1-figure.archivist{--accent:#a4746b}.phase1-figure.organiser{--accent:#9d4637}.phase1-figure.commander{--accent:#536779}.phase1-figure.unknown{--accent:#d5d5cc}
.phase1-fracture{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.phase1-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.15);margin:2.5rem 0 4rem}
.phase1-two-col>div{background:#111;padding:clamp(28px,4vw,54px)}
.phase1-two-col h3{font-size:1.5rem;margin-top:0}.phase1-two-col p{line-height:1.7;opacity:.82}
.phase1-cta{display:inline-block;margin-top:1rem;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--p1-gold);padding-bottom:.35rem}
.phase1-boundary-note{opacity:.66;margin-top:2.5rem;font-size:.95rem!important}
.phase1-home-teaser{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
@media(max-width:850px){.phase1-figure-grid{grid-template-columns:1fr 1fr}.phase1-two-col{grid-template-columns:1fr}}
@media(max-width:560px){.phase1-figure-grid{grid-template-columns:1fr}.phase1-figure{min-height:240px}}


/* PHASE1-FIGURE-ART-V2 */
.phase1-figure{overflow:hidden}
.phase1-figure-art{margin:calc(clamp(26px,3vw,44px) * -1);margin-bottom:28px;aspect-ratio:4/5;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));overflow:hidden}
.phase1-figure-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 20%;filter:saturate(.92) contrast(1.03);transition:transform .6s ease,filter .6s ease}
.phase1-figure:hover .phase1-figure-art img{transform:scale(1.018);filter:saturate(1) contrast(1.04)}
.phase1-figure-art.is-missing{display:none}
.phase1-character-grid .phase1-figure-art{aspect-ratio:3/4}
.phase1-figure.heir .phase1-figure-art{box-shadow:inset 0 -70px 90px -65px #c9b582}
.phase1-figure.engineer .phase1-figure-art{box-shadow:inset 0 -70px 90px -65px #6f8d88}
.phase1-figure.archivist .phase1-figure-art{box-shadow:inset 0 -70px 90px -65px #a4746b}
.phase1-figure.organiser .phase1-figure-art{box-shadow:inset 0 -70px 90px -65px #9d4637}
.phase1-figure.commander .phase1-figure-art{box-shadow:inset 0 -70px 90px -65px #536779}
.phase1-figure.unknown .phase1-figure-art{box-shadow:inset 0 -70px 90px -65px #d5d5cc}