/* Desktop proof of the selected 04C system. Hero rules stay untouched. */
.system-section{margin:0 56px;padding:72px 0;scroll-margin-top:24px}
.system-label{font-size:11px;line-height:1.6;letter-spacing:.025em}
.system-label h2{font-size:17px;font-weight:550;letter-spacing:-.02em;margin:10px 0 0}
.system-about{display:grid;grid-template-columns:360px minmax(0,1fr);padding-top:82px;padding-bottom:50px}
.system-intro{max-width:740px;font-size:19px;line-height:1.65;letter-spacing:-.015em}
.system-intro p+p{margin-top:20px}
.system-quote{grid-column:1/-1;margin:52px 0 0;display:grid;grid-template-columns:360px minmax(0,1fr);align-items:end}
.system-quote blockquote{margin:0;grid-column:1/-1;font-size:53px;line-height:1.2;letter-spacing:-.047em;font-weight:500}
.system-quote .quote-continuation{display:block;margin-left:360px}
.system-quote figcaption{grid-column:2;font-size:11px;letter-spacing:.02em;margin-top:20px}
.system-audience{display:grid;grid-template-columns:360px minmax(0,1fr);padding-top:66px;padding-bottom:90px}
.system-audience-text{max-width:780px}
.system-audience-lead{font-size:27px;line-height:1.42;letter-spacing:-.034em;font-weight:500}
.system-audience-detail{margin:25px 0 0 170px;max-width:610px;font-size:17px;line-height:1.65;letter-spacing:-.01em}
.system-program{padding-top:54px;padding-bottom:84px}
.system-program-heading{display:grid;grid-template-columns:360px minmax(0,1fr);align-items:start;margin-bottom:46px}
.system-program-heading>p{font-size:11px;letter-spacing:.08em;padding-top:3px}
.system-modules{list-style:none;margin:0;padding:0}
.system-module{position:relative}
.system-module summary{display:block;margin-left:230px;padding:25px 100px 25px 0;cursor:pointer;list-style:none}
.system-module summary::-webkit-details-marker{display:none}
.system-module summary::marker{content:''}
.system-module summary:focus-visible{outline:none}
.system-module summary:focus-visible .module-toggle{outline:2px solid currentColor;outline-offset:5px}
.module-number{display:inline-block;margin-right:26px;font-size:43px;line-height:1;font-weight:450;letter-spacing:-.06em}
.system-module h3{display:inline;margin:0;padding:0;font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.03em}
.module-toggle{position:absolute;top:25px;right:0;width:32px;font-size:28px;line-height:1.2;text-align:center;font-weight:400}
.module-toggle::before{content:'+'}
.system-module[open] .module-toggle::before{content:'−'}
.module-description{position:relative;margin:0 0 0 198px;overflow:hidden;color:#EEEAF0;background:#292531}
.module-description p{margin:0;max-width:1020px;padding:32px 60px 36px 162px;font-size:20px;line-height:1.55;letter-spacing:-.015em}
.system-module[open] summary{padding-bottom:20px}
.system-module[open] .module-number{transform:translateX(-32px)}
.system-module[open]{padding-bottom:30px}
/* The dark surface starts at the selected number (230 - 32); text follows the 360px grid axis. */
@media(prefers-reduced-motion:no-preference){
.module-number{transition:transform 380ms ease}
.system-module summary{transition:padding-bottom 380ms ease}
}


/* The final sequence: portraits, practical reading, one continuous dark ending. */
.system-teachers,.system-info{display:grid;grid-template-columns:360px minmax(0,1fr)}
.system-teachers{padding-top:50px;padding-bottom:84px}
.system-portraits{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.system-portraits{padding-bottom:70px}.system-portraits article:last-child{margin-top:0}
.system-portrait{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.system-portrait.natalia{object-position:50% 45%}
.system-portrait.artem{object-position:50% 0%}
.system-portraits h3{margin:18px 0 8px;font-size:25px;line-height:1.3;font-weight:500;letter-spacing:-.035em}
.system-portraits p{font-size:15px;line-height:1.55;max-width:390px}
.system-info{padding-top:62px;padding-bottom:100px}
.system-info .system-label h2{max-width:230px}
.system-info dl{margin:0}
.system-info dl>div{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:18px 0}
.system-info dl>div:first-child{padding-top:0}
.system-info dt{font-size:13px;line-height:1.65;padding-top:3px}
.system-info dd{margin:0;font-size:20px;line-height:1.45;letter-spacing:-.02em}
.system-ending,.system-footer{background:#292531;color:#EEEAF0;box-shadow:0 0 0 100vmax #292531;clip-path:inset(0 -100vmax)}
.system-ending-inner{margin:0 56px;padding:72px 0 64px;display:grid;grid-template-columns:360px minmax(0,1fr)}
.system-ending .system-label{padding-top:16px;letter-spacing:.06em}
.system-enroll-copy h2{font-size:64px;line-height:1.15;font-weight:500;letter-spacing:-.055em;margin:0 0 25px}
.system-enroll-copy>p{font-size:19px;line-height:1.5}
.system-enroll-copy button{font:inherit;font-size:14px;line-height:1.5;margin-top:32px;padding:14px 22px;background:transparent;border:1px solid currentColor;color:inherit;opacity:.55;cursor:not-allowed}
.system-footer-inner{margin:0 56px;padding:42px 0 52px;display:grid;grid-template-columns:360px minmax(0,1fr);font-size:12px;line-height:1.6}
.system-footer-inner>p{max-width:230px}
.system-contacts h2{font-size:11px;font-weight:400;letter-spacing:.04em;margin:0 0 18px}
.system-contact-people{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.system-contact-people p{font-size:15px;margin-bottom:4px}
.system-contact-people a{display:inline-block;padding-block:8px}
.system-contact-people a:hover{text-decoration:underline;text-underline-offset:4px}