/* Application directions describe suitable questions; case studies own specific research. */
.scenario-section{padding:90px 0 76px;background:#091e34;color:#eaf3fa;scroll-margin-top:74px}
.scenario-section .section-heading{margin-bottom:36px}
.scenario-section .section-aside{color:#97afc3;font-size:14px;line-height:1.9;max-width:310px}
.scenario-section .solutions-layout{grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:start}
.scenario-section .solution-list{padding:0;border-top:1px solid #31475a}
.scenario-section .solution-list button{display:grid;grid-template-columns:27px 1fr 65px;align-items:center;gap:12px;width:100%;height:91px;padding:10px 12px;text-align:left;border:0;border-bottom:1px solid #31475a;background:transparent;color:#a4bacc;font-size:16px;transition:background .2s,color .2s}
.scenario-section .solution-list button>span{font-size:12px;color:#7d9ab1;align-self:center}
.scenario-section .solution-list button>img{width:65px;height:48px;object-fit:cover;opacity:.55;filter:saturate(.65);transition:opacity .2s}
.scenario-section .solution-list button[aria-selected=true]{background:#123b50;color:#fff;box-shadow:inset 2px 0 #32d2ce}
.scenario-section .solution-list button[aria-selected=true]>span{color:#40d7d1}
.scenario-section .solution-list button[aria-selected=true]>img,.scenario-section .solution-list button:hover>img{opacity:1}
.scenario-section .solution-list button:hover{color:#fff;background:#123044}
.scenario-section .solution-panel{padding:0;border:0;background:transparent;min-height:0;overflow:visible}
.scenario-photo{position:relative;margin:0 0 27px;overflow:hidden;background:#102e47;height:286px}
.scenario-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:saturate(.75);animation:photo-enter .3s ease-out}
.scenario-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#07182e90);pointer-events:none}
.scenario-photo figcaption{position:absolute;z-index:1;bottom:13px;right:15px;color:#fff;font-size:12px;letter-spacing:.2px;text-shadow:0 1px 4px #000}
.scenario-section .solution-panel h3{font-size:26px;line-height:1.6;margin:11px 0 9px;color:#f1f6fb}
.scenario-section .solution-panel>p{color:#a6bdcf;font-size:14px;line-height:1.95;margin:0;max-width:none;min-height:55px}
.scenario-section .solution-tags{margin:18px 0 22px;gap:10px}
.scenario-section .solution-tags span{color:#9bc4d2;background:#102d42;border:1px solid #2b4b61;padding:5px 11px;font-size:12px}
.scenario-section .scenario-scope{border-top:1px solid #31475a;padding-top:17px}
.scenario-section .scenario-scope .detail-label{font-size:12px;letter-spacing:1px;color:#69c3cc}
.scenario-section .scenario-scope h3{font-size:23px;line-height:1.5;margin:9px 0}
.scenario-section .scenario-scope p{font-size:14px;line-height:1.85;color:#a6bdcf;margin:0}
.scenario-section .scenario-scope .solution-tags{margin:14px 0 0}
.scenario-section .research-expand{margin-top:33px;padding-top:21px;color:#a7c0d3;font-size:14px}
.scenario-section .research-expand b{font-weight:400}
.scenario-section .research-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 38px;margin-top:18px}
.scenario-section .library-case{display:grid;grid-template-columns:29px 1fr 20px;gap:15px;align-items:center;border:0;border-bottom:1px solid #294457;background:transparent;padding:19px 0}
.scenario-section .library-case:hover{background:none;border-color:#56babd}
.scenario-section .library-case small{font-size:12px;color:#81a2bb}
.scenario-section .library-case h3{font-size:15px;margin:0;font-weight:400;color:#c6d9e7}
.scenario-section .library-case>span{margin:0;font-size:17px}
.scenario-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:23px;color:#7f9db5;font-size:12px;line-height:1.8}
.scenario-footer a{color:#7f9db5;text-decoration:underline;text-underline-offset:4px}
.scenario-footer .text-link{font-size:13px;color:#71d9d3;text-decoration:none;white-space:nowrap}
@keyframes photo-enter{from{opacity:.5}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.scenario-photo>img{animation:none}}
