/* Preserve the manifesto and evidence; capabilities turn the spread,
   and the final scene resolves into one functional yellow destination. */
.capabilities{background:#e8e4dc;padding-top:88px;padding-bottom:96px;grid-template-columns:1.05fr 1fr;column-gap:10%;border-top:1px solid #d6d2cc}
.capabilities>.scene-coordinate{top:92px}
.capabilities .capability-presentation{grid-column:2;grid-row:1}
.capabilities .capability-index{grid-column:1;grid-row:1}
.capabilities .capability-intro h2{font-size:clamp(48px,5.1vw,78px);line-height:1.01}
.capabilities .capability-intro>p{max-width:29ch;margin-top:24px}
.capabilities .capability-matter{width:112%;margin:32px 0 0;height:clamp(280px,25vw,380px)}
.capabilities .capability-art[data-capability-art="01"]{width:90%;left:12%;top:-4%}
.capabilities .capability-art[data-capability-art="02"]{width:130%;left:-12%;top:0}
.capabilities .capability-art[data-capability-art="03"]{width:108%;left:-10%;top:8%}
.capabilities .capability-art[data-capability-art="04"]{width:128%;left:-10%;top:-22%}
.capabilities .capability-art[data-capability-art="05"]{width:86%;left:16%;top:10%}
.capabilities .capability-art[data-capability-art="06"]{width:130%;left:-18%;top:0}
.capabilities .capability-index li{padding-block:22px 24px}
.capabilities .capability-index li:first-child{padding-top:0}
.capabilities .capability-index h3{font-size:clamp(24px,2vw,30px)}
.capabilities .capability-index p{margin-top:10px}
.continuity .continuity-copy{width:56%;max-width:700px}
.continuity .continuity-structure{left:10%;width:100%}
.continuity .continuity-cell{left:67%;top:18%;width:min(53vw,900px)}
.continuity .public-button.light{background:#ffd642;color:#202024!important;min-width:230px}
.continuity .public-button.light:focus-visible{outline:3px solid #ffd642;outline-offset:7px}
.continuity .continuity-end{bottom:44px}
@media(min-width:761px) and (max-height:760px){
 .capabilities .capability-presentation{position:relative;top:0}
}
@media(min-width:761px) and (max-width:1100px){
 .capabilities{padding-left:11%;column-gap:6%;grid-template-columns:1.1fr 1fr}
 .capabilities .capability-intro h2{font-size:clamp(38px,4.8vw,53px)}
 .capabilities .capability-matter{height:300px}
 .continuity .continuity-copy{width:62%}
 .continuity .continuity-cell{left:70%;top:26%;width:76vw}
 .continuity .continuity-structure{left:16%;top:14%;width:110%;height:90%}
}
@media(max-width:760px){
 .capabilities{display:block;padding-top:44px;padding-bottom:48px}
 .capabilities>.scene-coordinate{top:48px}
 .capabilities .capability-intro h2{font-size:52px}
 .capabilities .capability-intro>p{font-size:16px;margin-top:22px;max-width:30ch}
 .capabilities .capability-matter{width:calc(100% + 48px);height:180px;margin:0 -24px 8px;background:#e8e4dc;clip-path:none;overflow:hidden}
 .capabilities .capability-matter::after{display:none}
 .capabilities .capability-art[data-capability-art]{width:100%;height:100%;left:0;top:0;object-fit:contain;object-position:75% 50%}
 .capabilities .capability-art:not([data-capability-art="04"]){mask-image:none}
 .capabilities .capability-index li{padding:20px 0 22px;scroll-margin-top:196px}
 .capabilities .capability-index li:first-child{padding-top:20px}
 .capabilities .capability-index h3{font-size:25px}
 .capabilities .capability-index p{margin-top:9px}
 .continuity{min-height:610px;padding:48px var(--gutter) 196px}
 .continuity .continuity-copy{width:100%;max-width:none}
 .continuity h2{font-size:clamp(42px,12.2vw,58px);line-height:1.02}
 .continuity-copy>p{font-size:17px;margin:22px 0 24px;max-width:27ch}
 .continuity .public-button.light{min-width:220px}
 .continuity .continuity-end{top:auto;bottom:48px;max-width:13ch;left:var(--gutter)}
 .continuity .continuity-cell{left:49%;top:64%;width:100vw}
 .continuity .continuity-structure{left:-52%;top:55%;width:170%;height:60%}
 .continuity .continuity-wave{width:25vw}
 .public-footer{padding-block:28px}
}
@media(max-width:360px){
 .capabilities .capability-intro h2{font-size:46px}
 .capabilities .capability-matter{height:160px}
 .capabilities .capability-index li{scroll-margin-top:176px}
 .capabilities .capability-index h3{font-size:23px}
 .continuity{min-height:620px}
 .continuity .continuity-cell{left:44%;top:68%;width:112vw}
}
@media(prefers-reduced-motion:reduce){.continuity .continuity-cell{animation:none!important}}