/* Life Challenges — an interactive visual essay */
.life-challenges{--lc-cyan:#48a9b6;--lc-gold:#d39b38;--lc-red:#c95f55;--lc-green:#548b6d;--lc-violet:#7465a8;--lc-soft:color-mix(in srgb,var(--lc-cyan) 7%,var(--surface));color:var(--muted)}
[data-theme="dark"] .life-challenges{--lc-cyan:#71c5cf;--lc-gold:#e6b65d;--lc-red:#e18177;--lc-green:#79ae8f;--lc-violet:#a799d4}
body:has(.life-challenges) #pointcloud-bg,body:has(.life-challenges) .shape-toggle-btn{display:none!important}.life-challenges .page-content{max-width:68rem}.life-challenges .page-header{display:none}.lc-section{margin-bottom:clamp(4rem,8vw,7rem);scroll-margin-top:5rem}.lc-section-head{max-width:48rem;margin-bottom:2rem}.lc-section-head>span,.lc-kicker{display:block;margin-bottom:.65rem;color:var(--lc-cyan);font:700 .7rem/1.2 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}.lc-section-head h2{max-width:17ch;margin:.1rem 0 .8rem;color:var(--text);font:650 clamp(2rem,4.8vw,4rem)/.98 "Space Grotesk",sans-serif;letter-spacing:-.055em}.lc-section-head p{max-width:62ch;font-size:1.03rem;line-height:1.72}.lc-progress{position:fixed;z-index:20;inset:0 0 auto;height:3px;background:transparent}.lc-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--lc-cyan),var(--lc-gold),var(--lc-red))}.lc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:center;min-height:min(720px,80vh);padding:3rem 0 1rem}.lc-hero h1{max-width:11ch;margin:0 0 1.25rem;color:var(--text);font:650 clamp(2.8rem,6.5vw,6rem)/.89 "Space Grotesk",sans-serif;letter-spacing:-.07em}.lc-hero-copy>p:last-child{max-width:41rem;font-size:1.08rem;line-height:1.75}.lc-hero-machine{position:relative;display:grid;place-items:center;min-height:31rem}.lc-raw-field{position:absolute;left:0;top:7%;width:42%;height:86%}.lc-raw-field i{position:absolute;display:grid;place-items:center;width:5.5rem;height:2rem;border:1px solid color-mix(in srgb,var(--lc-red) 45%,var(--line));border-radius:50%;background:var(--surface);color:var(--text);font:600 .68rem "Space Grotesk";animation:lcDrift 5s ease-in-out infinite;animation-delay:calc(var(--i)*-.7s)}.lc-raw-field i:nth-child(1){top:3%;left:5%}.lc-raw-field i:nth-child(2){top:24%;left:22%}.lc-raw-field i:nth-child(3){top:46%;left:0}.lc-raw-field i:nth-child(4){top:67%;left:26%}.lc-raw-field i:nth-child(5){top:86%;left:2%}.lc-converter{position:absolute;left:38%;z-index:2;display:grid;place-items:center;width:7rem;aspect-ratio:1;border:1px solid var(--lc-gold);border-radius:50%;background:color-mix(in srgb,var(--lc-gold) 7%,var(--surface));box-shadow:0 0 0 1rem color-mix(in srgb,var(--lc-gold) 5%,transparent)}.lc-converter b{color:var(--lc-gold);font-size:1.8rem}.lc-converter span{font:650 .65rem "Space Grotesk";text-transform:uppercase}.lc-capacity-orbit{position:absolute;right:0;display:grid;place-items:center;width:18rem;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--lc-cyan) 45%,transparent);border-radius:50%;animation:lcSpin 24s linear infinite}.lc-capacity-orbit>strong{display:grid;place-items:center;width:8rem;aspect-ratio:1;border-radius:50%;background:var(--text);color:var(--surface);font:650 1.15rem/1.05 "Space Grotesk";text-align:center;animation:lcCounter 24s linear infinite}.lc-capacity-orbit small{font-size:.58rem;letter-spacing:.04em}.lc-capacity-orbit>span{position:absolute;transform:rotate(calc(var(--i)*72deg)) translateX(9rem) rotate(calc(var(--i)*-72deg));padding:.3rem .55rem;background:var(--surface);color:var(--lc-cyan);font:650 .65rem "Space Grotesk";animation:lcCounter 24s linear infinite}.lc-hero-rule{grid-column:1/-1;margin:0;padding:1.1rem 1.3rem;border-left:3px solid var(--lc-gold);background:color-mix(in srgb,var(--lc-gold) 7%,var(--surface));color:var(--text);font:600 clamp(1rem,2vw,1.25rem)/1.5 "Space Grotesk"}.lc-rail{position:sticky;z-index:12;top:1rem;display:flex;justify-content:center;gap:.25rem;width:max-content;max-width:100%;margin:-2rem auto 6rem;padding:.35rem;border:1px solid var(--line);border-radius:99px;background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 8px 30px color-mix(in srgb,#000 9%,transparent);backdrop-filter:blur(14px);overflow:auto}.lc-rail a{display:flex;gap:.38rem;padding:.55rem .75rem;border-radius:99px;color:var(--muted);font:650 .69rem "Space Grotesk";white-space:nowrap}.lc-rail a:hover,.lc-rail a.is-active{background:var(--text);color:var(--surface)}.lc-rail span{opacity:.55}.lc-panel{margin:0;padding:clamp(1rem,3vw,2rem);border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,var(--lc-soft),var(--surface) 60%);box-shadow:0 22px 55px color-mix(in srgb,#000 7%,transparent)}.lc-panel figcaption{display:flex;justify-content:space-between;gap:1rem;margin-bottom:2rem;font-size:.75rem}.lc-panel figcaption b{color:var(--text);font-family:"Space Grotesk"}.lc-equation{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;margin:1rem 0 2.5rem}.lc-equation div{display:grid;min-width:6rem;padding:.7rem;border:1px solid var(--line);border-radius:.5rem;text-align:center}.lc-equation span{font:.62rem "Space Grotesk";text-transform:uppercase}.lc-equation b{color:var(--text);font-size:1.35rem}.lc-equation>i{font-style:normal;color:var(--lc-gold)}.lc-equation>strong{padding:.8rem 1rem;border-radius:.5rem;background:var(--text);color:var(--surface);font:650 .8rem "Space Grotesk";text-transform:uppercase}.lc-lab-body{display:grid;grid-template-columns:1fr 14rem;gap:3rem;align-items:center}.lc-ranges{display:grid;gap:1.2rem}.lc-ranges label,.lc-pressure-chart>label,.lc-certainty{display:grid;grid-template-columns:8rem 1fr;align-items:center;gap:1rem;color:var(--text);font:.78rem "Space Grotesk"}input[type="range"]{width:100%;accent-color:var(--lc-cyan)}.lc-vessel{position:relative;height:14rem;border:2px solid var(--text);border-top:0;border-radius:0 0 4rem 4rem;overflow:hidden}.lc-vessel>span{position:absolute;inset:auto 0 0;height:50%;background:linear-gradient(var(--lc-cyan),var(--lc-violet));transition:height .4s}.lc-vessel>i{position:absolute;z-index:2;left:0;right:0;height:2px;background:var(--lc-red);box-shadow:0 0 12px var(--lc-red);transition:bottom .4s}.lc-vessel>b{position:absolute;z-index:3;inset:50% 0 auto;color:var(--surface);font:650 .7rem "Space Grotesk";text-align:center;text-transform:uppercase}.lc-answer{min-height:1.6em;margin:1.5rem 0 0;color:var(--text);font-size:.95rem}.lc-formula{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:wrap;margin-top:1.2rem;padding:1rem;color:var(--muted);font:600 .72rem "Space Grotesk";text-transform:uppercase}.lc-formula i{color:var(--lc-gold);font-style:normal}.lc-formula strong{color:var(--lc-green)}.lc-diagnosis{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem}.lc-obstacle-picker{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.lc-obstacle-picker button{min-height:5rem;padding:1rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);color:var(--muted);font:650 .8rem "Space Grotesk";cursor:pointer}.lc-obstacle-picker button:hover,.lc-obstacle-picker button.is-active{border-color:var(--lc-cyan);background:var(--lc-soft);color:var(--text);transform:translateY(-2px)}.lc-scan{position:relative;min-height:24rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(135deg,color-mix(in srgb,var(--lc-cyan) 10%,var(--surface)),var(--surface));overflow:hidden}.lc-scan-beam{position:absolute;inset:0 auto 0 -25%;width:22%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--lc-cyan) 15%,transparent),transparent);animation:lcScan 3s ease-in-out infinite}.lc-scan>span{color:var(--lc-cyan);font:700 .65rem "Space Grotesk";letter-spacing:.12em;text-transform:uppercase}.lc-scan>strong{display:block;max-width:12ch;margin:2rem 0 1rem;color:var(--text);font:650 clamp(1.8rem,4vw,3.4rem)/1 "Space Grotesk"}.lc-scan p{max-width:44ch;line-height:1.7}.lc-diagnosis-route{position:absolute;inset:auto 2rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}.lc-diagnosis-route small{text-transform:uppercase}.lc-diagnosis-route b{color:var(--lc-gold);font-family:"Space Grotesk"}.lc-future-map svg{width:100%;overflow:visible}.lc-future-map line{stroke:color-mix(in srgb,var(--lc-cyan) 55%,var(--line));stroke-width:1.5;transition:opacity .4s}.lc-future-map circle{fill:var(--surface);stroke:var(--lc-cyan);stroke-width:2;transition:opacity .4s,transform .4s;transform-box:fill-box;transform-origin:center}.lc-future-map text{fill:var(--text);font:600 12px "Space Grotesk";text-anchor:middle}.lc-certainty{grid-template-columns:10rem 1fr auto}.lc-certainty b{min-width:7rem;color:var(--lc-cyan);text-align:right}.lc-quote{margin:1.2rem 0 0;padding:1.5rem;border:0;border-left:3px solid var(--lc-violet);background:color-mix(in srgb,var(--lc-violet) 7%,var(--surface));color:var(--text);font:600 clamp(1.1rem,2.4vw,1.45rem)/1.5 "Space Grotesk"}.lc-pressure-chart svg{width:100%}.lc-chart-area{fill:url(#lcArea)}.lc-chart-line{fill:none;stroke:var(--text);stroke-width:3}.lc-chart-guide{stroke:var(--lc-gold);stroke-dasharray:5 5}.lc-chart-dot{fill:var(--lc-gold);stroke:var(--surface);stroke-width:4}.lc-pressure-chart text{fill:var(--muted);font:600 12px "Space Grotesk"}.lc-pressure-readout{display:flex;gap:1rem;align-items:baseline;margin-top:1.2rem}.lc-pressure-readout b{min-width:9rem;color:var(--text);font:650 1.2rem "Space Grotesk"}.lc-game{padding:clamp(1.2rem,3vw,2.5rem);border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--lc-violet) 5%,var(--surface))}.lc-game-top{display:flex;justify-content:space-between;color:var(--muted);font:650 .7rem "Space Grotesk";text-transform:uppercase}.lc-game-top b{color:var(--lc-green)}.lc-game-card{min-height:15rem;padding:clamp(2rem,5vw,4rem) 0}.lc-game-card small{color:var(--lc-red);font:700 .65rem "Space Grotesk";letter-spacing:.12em;text-transform:uppercase}.lc-game-card h3{max-width:18ch;margin:.8rem 0;color:var(--text);font:650 clamp(1.8rem,4vw,3rem)/1 "Space Grotesk"}.lc-game-card p{max-width:55ch;line-height:1.7}.lc-game-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.lc-game-actions button,.lc-next{padding:1rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface);color:var(--text);font:650 .78rem "Space Grotesk";cursor:pointer}.lc-game-actions button:hover{border-color:var(--lc-cyan);transform:translateY(-2px)}.lc-game-actions button:disabled{opacity:.45;transform:none}.lc-game-feedback{min-height:5rem;padding:1.2rem 0;color:var(--text);line-height:1.65}.lc-next{display:none;border-color:var(--lc-green);color:var(--lc-green)}.lc-next.is-visible{display:inline-block}.lc-architecture{display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem}.lc-arch-track{display:grid;gap:.5rem}.lc-arch-track button{display:grid;grid-template-columns:2.5rem 1fr;gap:0 .5rem;padding:.9rem;border:1px solid var(--line);border-radius:.55rem;background:var(--surface);color:var(--muted);text-align:left;cursor:pointer}.lc-arch-track button>span{grid-row:1/3;color:var(--lc-cyan);font:650 .7rem "Space Grotesk"}.lc-arch-track b{color:var(--text);font-family:"Space Grotesk"}.lc-arch-track small{margin-top:.2rem}.lc-arch-track button.is-active{border-color:var(--lc-cyan);background:var(--lc-soft);transform:translateX(.4rem)}.lc-arch-stage{display:grid;grid-template-columns:auto 1fr 15rem;gap:1.5rem;align-items:center;min-height:27rem;padding:2rem;border:1px solid var(--line);border-radius:.8rem;background:linear-gradient(145deg,var(--surface),var(--lc-soft))}.lc-arch-stage>span{align-self:start;color:color-mix(in srgb,var(--lc-cyan) 22%,transparent);font:650 6rem/1 "Space Grotesk"}.lc-arch-stage small{color:var(--lc-cyan);text-transform:uppercase}.lc-arch-stage h3{margin:.6rem 0;color:var(--text);font:650 clamp(1.6rem,3vw,2.5rem)/1 "Space Grotesk"}.lc-arch-stage p{line-height:1.7}.lc-arch-stage svg{width:100%}.lc-arch-stage svg *{fill:none;stroke:var(--lc-cyan);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.lc-question-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.lc-question-grid article{min-height:11rem;padding:1.3rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface)}.lc-question-grid span{color:var(--lc-gold);font:700 .65rem "Space Grotesk";text-transform:uppercase}.lc-question-grid p{margin-top:2rem;color:var(--text);font:600 1.08rem/1.5 "Space Grotesk"}.lc-final{margin-top:1rem;padding:clamp(1.5rem,4vw,3rem);background:var(--text);color:var(--surface);border-radius:.8rem}.lc-final>p{max-width:22ch;margin:0 0 2rem;font:650 clamp(1.8rem,4vw,3rem)/1 "Space Grotesk"}.lc-final>div{display:flex;flex-wrap:wrap;gap:.5rem}.lc-final span{padding:.55rem .75rem;border:1px solid color-mix(in srgb,var(--surface) 25%,transparent);border-radius:99px;font:.68rem "Space Grotesk"}
.lc-comfort-stage{--distance:18%;padding:clamp(1.2rem,3vw,2.4rem);border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,color-mix(in srgb,var(--lc-violet) 7%,var(--surface)),var(--surface));box-shadow:0 22px 55px color-mix(in srgb,#000 7%,transparent)}.lc-comfort-controls{display:grid;gap:clamp(1.8rem,4vw,3rem)}.lc-comfort-picker{display:flex;flex-wrap:wrap;gap:.5rem}.lc-comfort-picker button{padding:.65rem .9rem;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--muted);font:650 .72rem "Space Grotesk";cursor:pointer}.lc-comfort-picker button:hover,.lc-comfort-picker button.is-active{border-color:var(--lc-violet);background:color-mix(in srgb,var(--lc-violet) 10%,var(--surface));color:var(--text)}.lc-distance{display:grid;gap:.75rem;color:var(--text);font:650 .76rem "Space Grotesk"}.lc-distance input{height:1.2rem;background:linear-gradient(90deg,var(--lc-violet) 0 var(--distance),color-mix(in srgb,var(--line) 80%,transparent) var(--distance) 100%)}.lc-distance small{display:grid;grid-template-columns:1fr 1fr 1fr;color:var(--muted);font:500 .65rem "Space Grotesk"}.lc-distance small span:nth-child(2){text-align:center}.lc-distance small span:last-child{text-align:right}.lc-comfort-status{margin-top:clamp(2rem,5vw,4rem);padding-top:1.5rem;border-top:1px solid var(--line)}.lc-comfort-status span{display:block;margin-bottom:.7rem;color:var(--lc-violet);font:700 .65rem "Space Grotesk";letter-spacing:.1em;text-transform:uppercase}.lc-comfort-status h3{max-width:23ch;margin:0;color:var(--text);font:650 clamp(1.7rem,4vw,3rem)/1.02 "Space Grotesk";letter-spacing:-.035em}.lc-comfort-notes{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.4rem}.lc-comfort-notes article{min-height:10rem;padding:1.3rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface);transition:opacity .35s,transform .35s}.lc-comfort-notes small{color:var(--lc-cyan);font:700 .65rem "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}.lc-comfort-notes p{margin:.8rem 0 0;line-height:1.65}.lc-comfort-stage[data-phase="now"] .lc-comfort-later{opacity:.42}.lc-comfort-stage[data-phase="later"] .lc-comfort-now{opacity:.58}.lc-meaning-path{margin-top:1rem;padding:clamp(1.3rem,3vw,2rem);border-left:3px solid var(--lc-gold);background:color-mix(in srgb,var(--lc-gold) 6%,var(--surface))}.lc-meaning-path>p{max-width:58ch;margin:0 0 1.5rem;color:var(--text);font:600 1rem/1.6 "Space Grotesk"}.lc-meaning-path ol{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0;padding:0;list-style:none;counter-reset:meaning}.lc-meaning-path li{position:relative;display:grid;gap:.35rem;min-width:0;padding:1rem 1rem 1rem 2.8rem;border:1px solid color-mix(in srgb,var(--lc-gold) 30%,var(--line));border-radius:.55rem;background:var(--surface);counter-increment:meaning}.lc-meaning-path li:before{content:counter(meaning,decimal-leading-zero);position:absolute;left:1rem;top:1.05rem;color:var(--lc-gold);font:650 .62rem "Space Grotesk"}.lc-meaning-path small{color:var(--muted);font:500 .6rem "Space Grotesk";letter-spacing:.08em;text-transform:uppercase}.lc-meaning-path strong{color:var(--text);font:650 .8rem/1.35 "Space Grotesk"}
.lc-poem{position:relative;display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(2rem,7vw,7rem);padding:clamp(3rem,8vw,7rem) clamp(1.5rem,6vw,5rem);border:1px solid var(--line);border-radius:1rem;background:linear-gradient(150deg,color-mix(in srgb,var(--lc-violet) 9%,var(--surface)),var(--surface) 48%,color-mix(in srgb,var(--lc-gold) 6%,var(--surface)));overflow:hidden}.lc-poem:before{content:"";position:absolute;top:0;bottom:0;left:38%;width:1px;background:linear-gradient(transparent,var(--lc-gold) 18%,var(--lc-gold) 82%,transparent);opacity:.55}.lc-poem-head{position:sticky;top:7rem;align-self:start}.lc-poem-head span{color:var(--lc-gold);font:700 .68rem "Space Grotesk";letter-spacing:.14em;text-transform:uppercase}.lc-poem-head h2{max-width:7ch;margin:1rem 0 0;color:var(--text);font:650 clamp(2.8rem,6vw,5.8rem)/.88 "Space Grotesk";letter-spacing:-.065em}.lc-poem-body{position:relative;counter-reset:stanza}.lc-poem-body p{position:relative;margin:0 0 clamp(2.8rem,6vw,5rem);color:var(--text);font:450 clamp(1.12rem,2vw,1.45rem)/1.72 "Manrope",sans-serif;counter-increment:stanza}.lc-poem-body p:before{content:counter(stanza,decimal-leading-zero);position:absolute;right:calc(100% + 1.2rem);top:.35rem;color:color-mix(in srgb,var(--lc-gold) 65%,var(--muted));font:600 .58rem "Space Grotesk"}.lc-poem-body p:nth-child(even){margin-left:clamp(0rem,5vw,4rem)}.lc-poem-body p:last-child{margin-bottom:0;font-weight:600}
@keyframes lcDrift{50%{transform:translate(8px,-9px)}}@keyframes lcSpin{to{transform:rotate(360deg)}}@keyframes lcCounter{to{transform:rotate(-360deg)}}@keyframes lcScan{50%{left:105%}}
@media(max-width:800px){.lc-hero{grid-template-columns:1fr;min-height:auto}.lc-hero-machine{min-height:27rem}.lc-raw-field{left:2%}.lc-capacity-orbit{right:2%;width:15rem}.lc-capacity-orbit>span{transform:rotate(calc(var(--i)*72deg)) translateX(7.5rem) rotate(calc(var(--i)*-72deg))}.lc-lab-body,.lc-diagnosis,.lc-architecture{grid-template-columns:1fr}.lc-arch-stage{grid-template-columns:auto 1fr}.lc-arch-stage svg{grid-column:1/-1;max-width:17rem;margin:auto}.lc-question-grid{grid-template-columns:repeat(2,1fr)}.lc-poem{grid-template-columns:1fr}.lc-poem:before{left:1rem}.lc-poem-head{position:relative;top:auto}.lc-poem-head h2{max-width:10ch}.lc-poem-body{padding-left:1rem}.lc-poem-body p:before{right:auto;left:-1.5rem}.lc-poem-body p:nth-child(even){margin-left:0}}
@media(max-width:560px){.lc-hero h1{font-size:clamp(2.6rem,13vw,4rem)}.lc-hero-machine{overflow:hidden;transform:scale(.82);margin:-2rem -3rem}.lc-capacity-orbit{right:7%}.lc-rail{justify-content:flex-start;margin-bottom:4rem}.lc-rail a{padding:.55rem}.lc-rail a:not(.is-active){font-size:0}.lc-rail a span{font-size:.69rem}.lc-lab-body{gap:2rem}.lc-vessel{width:11rem;margin:auto}.lc-ranges label,.lc-pressure-chart>label,.lc-certainty{grid-template-columns:1fr}.lc-certainty b{text-align:left}.lc-obstacle-picker,.lc-game-actions,.lc-question-grid,.lc-comfort-notes,.lc-meaning-path ol{grid-template-columns:1fr}.lc-distance small{font-size:.58rem}.lc-comfort-notes article{min-height:0}.lc-scan{min-height:27rem}.lc-diagnosis-route{align-items:flex-start;flex-direction:column}.lc-game-card{min-height:18rem}.lc-arch-stage{grid-template-columns:1fr}.lc-arch-stage>span{font-size:4rem}.lc-question-grid article{min-height:8rem}.lc-question-grid p{margin-top:1rem}}
@media(prefers-reduced-motion:reduce){.life-challenges *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}