/* Three complementary roles, one shared route to social networks and AI. */
.change-section{background:var(--surface-canvas);scroll-margin-top:0;margin-block:var(--method-change-gap-adjustment,0px) 0}
.experience .change-section>.wrap{width:min(calc(100% - 96px),1440px);max-width:none;padding:0}
.change-editorial{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:80px;align-items:center;min-height:100svh;padding:var(--scene-padding-top) 0 var(--scene-padding-bottom);box-sizing:border-box;align-content:center}
.change-kicker{margin:0 0 28px}
.change-intro h2{font:600 clamp(42px,4.6vw,64px)/1.08 var(--font-ui);letter-spacing:-.04em}
.change-intro h2 em{font-style:normal;color:var(--accent-graphic)}
.change-roles{display:grid;gap:24px;margin-top:32px;max-width:50ch}
.change-role h3{font:600 17px/1.3 var(--font-body);margin:0 0 8px;color:var(--text-primary)}
.change-role:last-child h3{color:var(--ln-brand-700)}
.change-role p{font-size:16px;line-height:1.6;color:var(--text-secondary);margin:0}
.change-role strong{font-weight:500;color:var(--text-primary)}
.change-method__link{display:inline-flex;align-items:center;gap:7px;min-height:44px;margin-top:16px;font-size:14px;font-weight:500;color:var(--ln-brand-700);text-decoration:none}
.change-method__link svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.change-method__link:hover{text-decoration:underline;text-underline-offset:4px}
.change-visual{min-width:0}
.change-system{margin:0;background:var(--surface-subtle);border-radius:24px;padding:32px 32px 28px;display:flex;flex-direction:column;align-items:center}
.change-system__brand{display:flex;align-items:center;gap:10px;border-radius:50px;background:var(--ln-neutral-700);color:#fff;padding:12px 20px;font-size:14px;font-weight:500}
.change-system__brand svg{fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.change-system__stem{width:1px;height:22px;background:#d5d1ca}
.change-system__conductor{width:min(100%,320px);background:#fff;padding:18px 16px 16px;border-radius:16px;text-align:center}
.change-system__signature{font:600 20px/1.2 var(--font-ui);letter-spacing:-.04em;color:var(--text-primary)}
.change-system__signature>span{color:var(--accent-graphic)}
.change-system__verb{display:block;font-size:12px;color:var(--text-secondary);margin-top:3px}
.change-system__conductor p{margin:12px 0 0;font-size:12px;line-height:1.4;color:var(--text-primary)}
.change-system__conductor p span{color:var(--accent-graphic);padding:0 6px}
.change-system__branches{display:block;width:100%;height:38px;overflow:visible;flex:none}
.change-system__branches path{fill:none;stroke:#edb693;stroke-width:1;vector-effect:non-scaling-stroke}
.change-system__voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;justify-items:center}
.change-system__voices>span{display:grid;place-items:center;width:48px;height:48px;background:#fff;border-radius:50%;color:var(--ln-brand-700);box-shadow:0 0 0 5px #f973160c}
.change-system__voices svg{fill:currentColor}
.change-system__caption{text-align:center;margin-top:15px}
.change-system__caption strong{display:block;font-size:15px;line-height:1.4;font-weight:600}
.change-system__caption>span{display:block;font-size:12px;line-height:1.4;color:var(--text-secondary);margin-top:3px}
.change-system__branches--outlets{margin-top:12px;height:30px}
.change-system__branches--outlets path{stroke:#d5d1ca}
.change-system__outlets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%}
.change-system__outlets>div{padding:16px 10px;background:#fff;border-radius:12px;text-align:center}
.change-platforms{display:flex;justify-content:center;align-items:center;gap:12px;min-height:24px;margin-bottom:10px}
.change-platforms img{width:22px;height:22px;object-fit:contain}
.change-system__outlets strong{font-size:13px;line-height:1.4;font-weight:500}
.change-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.experience .change-actions .gate-button{width:100%;min-width:0;max-width:none;min-height:72px;padding:22px 24px;border-radius:16px;border:0;box-shadow:none;font-family:var(--font-body);font-size:17px;font-weight:600;letter-spacing:0;gap:16px;justify-content:space-between}
.experience .change-actions .gate-button--brand{background:var(--action-primary-bg);color:var(--text-inverse)}
.experience .change-actions .gate-button--voice{background:#eeedeb;color:var(--ln-neutral-700)}
.experience .change-actions .gate-button:hover{background:var(--action-primary-hover);color:var(--text-inverse)}
.experience .change-actions .gate-button span{font-size:25px;line-height:1}
.change-action>p{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:12px 4px 0;max-width:34ch}
@media(min-width:761px) and (max-width:1100px){
 .experience .change-section>.wrap{width:calc(100% - 64px)}
 .change-editorial{gap:48px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
 .change-system{padding:28px 20px}
}
@media(max-width:1000px){
 .change-editorial{grid-template-columns:1fr;gap:48px}
 .change-intro{max-width:620px}.change-roles{max-width:55ch}
 .change-visual{max-width:620px;width:100%;justify-self:center}
}
@media(max-width:760px){
 .experience .change-section>.wrap{width:calc(100% - 48px)}
 .change-intro h2{font-size:clamp(36px,9.5vw,44px)}.change-kicker{margin-bottom:24px}
 .change-roles{gap:22px;margin-top:28px}.change-role p{font-size:15px;line-height:1.65}
 .change-system{padding:24px 16px;border-radius:20px}
 .change-system__outlets{gap:10px}.change-system__outlets>div{padding:16px 8px}
 .change-platforms{gap:8px}.change-platforms img{width:20px;height:20px}
 .change-system__outlets strong{font-size:12px}
}
@media(max-width:380px){.change-platforms{gap:6px}.change-platforms img{width:18px;height:18px}}
@media(min-width:761px) and (max-width:1150px){.experience .change-actions .gate-button{font-size:15px;padding:20px;gap:10px}}
@media(max-width:760px){.change-actions{gap:10px}.experience .change-actions .gate-button{min-height:66px;padding:18px 15px;border-radius:14px;font-size:15px;gap:8px}.experience .change-actions .gate-button span{font-size:21px}}
@media(max-width:380px){.change-actions{grid-template-columns:1fr;gap:20px}.experience .change-actions .gate-button{min-height:56px;padding:16px 20px}}
@media(prefers-reduced-motion:reduce){.experience .change-actions .gate-button,.experience .change-actions .gate-button span{transition:none;transform:none}}