.ecosystem-portraits{padding:110px 6vw 90px;background:#f3eee5;overflow:hidden}.ecosystem-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;align-items:end;margin-bottom:45px}.ecosystem-intro h2{font-size:clamp(39px,4.8vw,76px);margin-top:20px;line-height:1.2}.ecosystem-intro h2 em{color:#b73544}.ecosystem-context>p{font-size:14px;max-width:370px;color:#4b645d}.ecosystem-context dl{display:flex;gap:40px;margin:30px 0 0}.ecosystem-context dt{font:700 17px/1.5 Be,Arial,sans-serif}.ecosystem-context dd{margin:5px 0 0;font-size:11px;color:#526c62}.character-rail{display:flex;gap:32px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;position:relative;padding:0 0 15px;scroll-behavior:auto}.character-rail::-webkit-scrollbar{display:none}.character-card{margin:0;flex:0 0 min(400px,39vw);min-width:0;align-self:start}.character-card>a{display:block;height:460px;overflow:hidden;border-radius:110px 0 0 0;background:#213d41}.character-card:nth-child(2)>a{border-radius:0 0 110px 0}.character-card img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .6s}.character-card>a:hover img{transform:scale(1.025)}.character-card figcaption{padding:23px 2px 0}.character-branch{font-size:8px;letter-spacing:.09em;color:#8f4148;line-height:1.7}.character-card h3{font-size:28px;line-height:1.3;margin:9px 0 8px;letter-spacing:-.04em}.character-card figcaption>p:not(.character-branch){font-size:12px;color:#48625a}.character-card small{display:block;font-size:9px;line-height:1.6;color:#67796f;margin-top:12px}.character-na>a{background:#e5d7c4}.character-na img{object-fit:contain;object-position:50% 100%}.character-footer{display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid #284d412b;margin-top:35px;padding-top:20px}.character-footer p{font-size:11px;color:#607568;max-width:520px}.character-motion{background:none;border:0;padding:10px 0;color:#345949;font-size:10px;white-space:nowrap}.character-motion:before{content:'Ⅱ';margin-right:10px}.character-motion[aria-pressed=true]:before{content:'▶'}@media(max-width:800px){.ecosystem-portraits{padding:70px 6vw}.ecosystem-intro{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.ecosystem-intro h2{font-size:42px}.ecosystem-context>p{font-size:13px}.ecosystem-context dl{gap:35px;margin-top:22px}.character-rail{gap:22px}.character-card{flex-basis:78vw}.character-card>a{height:380px;border-top-left-radius:80px}.character-card:nth-child(2)>a{border-top-left-radius:0;border-bottom-right-radius:80px}.character-card h3{font-size:25px}.character-footer{align-items:start;flex-direction:column;gap:10px;margin-top:25px}.character-footer p{font-size:10px}.character-branch{font-size:7px}}@media(max-width:380px){.ecosystem-intro h2{font-size:36px}.character-card>a{height:330px}.character-card h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.character-card img{transition:none}.character-card>a:hover img{transform:none}}