.system-case-page{--system-paper:#f0ede5;--system-ink:#282923;--system-muted:#6b6b63;--system-line:#28292329;--system-accent:#76522c;background:var(--system-paper)}.system-case{color:var(--system-ink);background:var(--system-paper)}.system-case :where(h1,h2,h3,h4,p){text-wrap:pretty}.system-case :where(h1,h2){text-wrap:balance}.system-kicker{color:var(--system-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:10px;font-weight:680}.system-hero,.system-principle,.system-pipeline,.human-gates,.system-limits,.decision-cards,.system-next{padding-inline:var(--page-x)}.system-hero{flex-direction:column;justify-content:space-between;min-height:calc(100svh - 82px);padding-top:clamp(65px,8vw,125px);padding-bottom:clamp(70px,8vw,120px);display:flex}.system-hero h1{letter-spacing:-.025em;max-width:1360px;margin:clamp(55px,8vw,115px) 0;font-size:clamp(56px,8vw,126px);font-weight:500;line-height:.98}.system-hero-foot{grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(55px,9vw,145px);display:grid}.system-hero-foot>p{color:#4b4b45;max-width:740px;margin:0;font-size:clamp(18px,1.55vw,23px);line-height:1.55}.system-hero-foot dl{border-top:1px solid var(--system-line);margin:0}.system-hero-foot dl div{border-bottom:1px solid var(--system-line);grid-template-columns:145px 1fr;gap:20px;min-height:52px;padding:12px 0;display:grid}.system-hero-foot dt{color:var(--system-muted);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.system-hero-foot dd{margin:0;font-size:12px}.system-principle{color:#eeece5;background:#292b26;grid-template-columns:.35fr 1.2fr .65fr;gap:clamp(30px,6vw,100px);padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(100px,12vw,180px);display:grid}.system-principle h2,.system-pipeline>header h2,.human-gates h2,.system-limits h2,.decision-cards h2{letter-spacing:-.025em;margin:0;font-size:clamp(43px,5.5vw,84px);font-weight:500;line-height:1.03}.system-principle .system-kicker{color:#aaa89f}.system-principle>p:last-child{color:#aaa89f;max-width:550px;margin:4px 0 0;font-size:16px;line-height:1.6}.system-pipeline{padding-top:clamp(105px,12vw,185px);padding-bottom:clamp(105px,12vw,185px)}.system-pipeline>header{grid-template-columns:.4fr 1fr;gap:clamp(30px,6vw,100px);display:grid}.phase-list,.cast-flow{border-top:1px solid var(--system-line);margin:clamp(75px,9vw,135px) 0 0;padding:0;list-style:none}.phase{border-bottom:1px solid var(--system-line);grid-template-columns:.65fr 1.35fr;gap:clamp(40px,7vw,120px);padding:42px 0 0;display:grid}.phase-heading{grid-template-columns:45px 1fr;gap:15px;display:grid}.phase-heading>span,.phase ol>li>span,.cast-flow>li>span{color:var(--system-accent);font-variant-numeric:tabular-nums;font-size:10px}.phase-heading h3{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(27px,3vw,45px);font-weight:520;line-height:1.08}.phase-heading p{max-width:420px;color:var(--system-muted);margin:0;font-size:13px;line-height:1.55}.phase ol{margin:0;padding:0;list-style:none}.phase ol>li{border-top:1px solid var(--system-line);grid-template-columns:45px 1fr;gap:15px;min-height:135px;padding:22px 0;display:grid}.phase ol>li:first-child{border-top:0}.phase h4,.cast-flow h3{margin:0 0 9px;font-size:clamp(20px,2vw,29px);font-weight:530;line-height:1.15}.phase ol p,.cast-flow p{max-width:700px;color:var(--system-muted);margin:0;font-size:14px;line-height:1.55}.cast-flow>li{border-bottom:1px solid var(--system-line);grid-template-columns:80px 1fr;align-items:start;gap:35px;min-height:145px;padding:25px 0;display:grid}.human-gates,.decision-cards{color:#eeece5;background:#292b26;grid-template-columns:1fr 1fr;gap:clamp(65px,10vw,160px);padding-top:clamp(105px,11vw,175px);padding-bottom:clamp(105px,11vw,175px);display:grid}.human-gates .system-kicker,.decision-cards .system-kicker{color:#aaa89f;margin-bottom:28px}.human-gates ul{border-top:1px solid #eeece52b;margin:0;padding:0;list-style:none}.human-gates li{border-bottom:1px solid #eeece52b;grid-template-columns:40px 1fr;gap:15px;min-height:110px;padding:20px 0;display:grid}.human-gates li span{color:#d2b793;font-size:10px}.human-gates li p{color:#c0beb6;max-width:620px;margin:0;font-size:16px;line-height:1.5}.decision-card-grid{gap:8px;display:grid}.decision-card-grid article{background:#363832;flex-direction:column;justify-content:space-between;min-height:190px;padding:25px;display:flex;box-shadow:0 0 0 1px #eeece51a}.decision-card-grid small{color:#d2b793;letter-spacing:.07em;text-transform:uppercase;font-size:9px}.decision-card-grid strong{max-width:650px;font-size:clamp(22px,2.4vw,35px);font-weight:500;line-height:1.12}.system-limits{grid-template-columns:1fr .7fr;gap:clamp(65px,10vw,160px);padding-top:clamp(105px,11vw,175px);padding-bottom:clamp(105px,11vw,175px);display:grid}.system-limits .system-kicker{margin-bottom:28px}.system-limits>p{max-width:650px;color:var(--system-muted);margin:47px 0 0;font-size:17px;line-height:1.65}.system-next{color:#eeece5;background:#292b26;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:70svh;padding-top:clamp(90px,10vw,155px);padding-bottom:clamp(90px,10vw,155px);display:flex}.system-next p{letter-spacing:-.025em;max-width:1100px;margin:0;font-size:clamp(43px,6vw,92px);font-weight:500;line-height:1.02}.system-next a{color:#292b26;background:#eeece5;border-radius:99px;align-items:center;gap:25px;min-height:50px;margin-top:65px;padding:0 20px;font-size:10px;font-weight:680;text-decoration:none;display:inline-flex}.system-next a:active{transform:scale(.96)}.system-next a:focus-visible{outline-offset:4px;outline:3px solid #d2b793}@media (width<=900px){.system-hero-foot,.system-principle,.phase,.human-gates,.system-limits,.decision-cards,.system-pipeline>header{grid-template-columns:1fr}.system-principle>p:last-child,.system-limits>p{margin-top:0}}@media (width<=600px){.system-hero,.system-principle,.system-pipeline,.human-gates,.system-limits,.decision-cards,.system-next{padding-left:17px;padding-right:17px}.system-hero{min-height:auto}.system-hero h1{margin:60px 0;font-size:13vw}.system-hero-foot dl div{grid-template-columns:115px 1fr}.system-principle h2,.system-pipeline>header h2,.human-gates h2,.system-limits h2,.decision-cards h2{font-size:11vw}.phase{padding-top:28px}.phase-heading,.phase ol>li{grid-template-columns:32px 1fr}.cast-flow>li{grid-template-columns:42px 1fr;gap:15px}.system-next{min-height:620px}.system-next p{font-size:11vw}}
