.scenario-page{padding:120px 0 90px}.scenario-intro{max-width:900px;padding:20px 0 55px}.scenario-back{display:inline-block;color:#a3bfd1;margin-bottom:38px}.scenario-intro h1{font-size:clamp(48px,7vw,88px);line-height:1.04;letter-spacing:-3px;margin:24px 0}.scenario-intro>p{max-width:760px;font-size:21px;color:#b5ccd9;line-height:1.65}.scenario-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.scenario-nav a{border:1px solid #29404f;padding:10px 15px;color:#c9e2f2}.scenario-section{padding:35px 0 55px;scroll-margin-top:100px}.scenario-section h2{font-size:clamp(28px,4vw,44px);margin:16px 0 28px}.scenario-figure{margin:0 0 26px;border:1px solid #29404f;background:#111d27;overflow:hidden}.scenario-figure>a{display:block;background:#fff}.scenario-figure img{display:block;width:100%;height:auto}.scenario-figure figcaption{display:flex;flex-direction:column;gap:7px;padding:19px 22px;color:#b4cbd9;line-height:1.55}.scenario-figure figcaption strong{font-size:18px;color:#e6f1f7}.scenario-figure figcaption>a{align-self:flex-start;font-size:13px;text-decoration:underline;text-underline-offset:4px}.scenario-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scenario-animation{padding:0;margin:0 0 28px;border:0}.scenario-animation video{max-height:760px;background:#fff}.scenario-caption,.scenario-note{font-size:14px;line-height:1.7;color:#a5bdcd}.scenario-note{max-width:850px;margin:15px 0 35px}.scenario-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:28px;margin-top:36px}.scenario-card{max-width:760px;display:block;border:1px solid #29404f;background:#111d27;transition:border-color .2s}.scenario-card:hover{border-color:#93c8eb}.scenario-card>img{width:100%;height:auto;display:block}.scenario-card>div{padding:28px}.scenario-card span{font-size:12px;letter-spacing:2px;color:#a2c5dd}.scenario-card h3{font-size:34px;margin:13px 0}.scenario-card p{font-size:17px;line-height:1.6;color:#b5ccd9}.scenario-card b{display:block;margin-top:22px;color:#d2e9f9}.scenario-card:focus-visible,.scenario-nav a:focus-visible{outline:2px solid #9cd1ff;outline-offset:4px}@media(max-width:700px){.scenario-page{padding-top:95px}.scenario-intro h1{letter-spacing:-2px}.scenario-intro>p{font-size:18px}.scenario-pair{grid-template-columns:1fr;gap:8px}.scenario-section{padding:20px 0 35px}.scenario-figure figcaption{padding:15px}.scenario-card>div{padding:22px}}