.m5-story, .m5-hero {font-family:-apple-system,BlinkMacSystemFont,Inter,Arial,sans-serif;color:#1d1d1f;line-height:1.45}
.m5-story *, .m5-hero * {box-sizing:border-box}
.m5-hero {position:relative;isolation:isolate;overflow:hidden;border-radius:20px;background:#17232a;color:white;margin:0 0 20px;min-height:330px;aspect-ratio:2.5}
.m5-hero picture,.m5-hero picture img {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.m5-hero:after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,21,27,.88),rgba(10,21,27,.52) 39%,transparent 68%);z-index:0}
.m5-hero .m5-caption {position:relative;z-index:1;padding:clamp(28px,4vw,66px);max-width:49%}
.m5-caption .m5-kicker,.m5-story .m5-kicker {margin:0 0 10px;font-size:14px;font-weight:650;letter-spacing:.01em;color:inherit}
.m5-hero .m5-caption .m5-kicker {color:#f5f7fa}
.m5-hero .m5-name {color:white;font-size:clamp(42px,4.9vw,76px);line-height:.98;letter-spacing:-.055em;font-weight:700;margin:0 0 16px}
.m5-hero .m5-intro {color:white;font-size:clamp(16px,1.5vw,21px);line-height:1.35;margin:0 0 22px;max-width:27ch}
.m5-hero a.m5-action {display:inline-block;background:white;border-radius:99px;color:#192329;padding:10px 18px;text-decoration:none;font-size:15px;font-weight:600}
.m5-hero a.m5-action:hover {background:#e7ecef}
.m5-story {margin:24px auto 32px;max-width:1270px}
.m5-story h2,.m5-story h3,.m5-story p {font-family:inherit;color:inherit}
.m5-story h2 {font-size:clamp(29px,3.5vw,48px);letter-spacing:-.045em;line-height:1.08;margin:0 0 15px}
.m5-story h3 {font-size:clamp(21px,2.4vw,31px);letter-spacing:-.035em;line-height:1.12;margin:0 0 9px}
.m5-story p {font-size:16px;line-height:1.5;margin:0 0 12px}
.m5-story .m5-stats {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:21px 0 34px}
.m5-stats div {border-radius:17px;background:#f5f5f7;padding:clamp(16px,2vw,30px)}
.m5-stats strong {display:block;font-size:clamp(26px,3vw,42px);line-height:1.12;letter-spacing:-.055em}
.m5-stats span {display:block;margin-top:8px;font-size:15px;color:#505256}
.m5-story .m5-duo {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.m5-story .m5-panel {background:#18191b;color:white;border-radius:18px;overflow:hidden}
.m5-story .m5-panel img {display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover}
.m5-story .m5-panel div {padding:22px clamp(18px,2vw,32px) 25px}
.m5-story .m5-panel p {color:#e0e1e3}
.m5-story a {color:#075da5;text-decoration:underline;text-underline-offset:3px}
.m5-story .m5-panel a {color:#acd8ff}
.m5-story .m5-index {margin-top:38px}
.m5-story .m5-groups {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:20px 0}
.m5-story .m5-group {border-top:1px solid #d8dce0;padding-top:17px}
.m5-story .m5-group h3 {font-size:20px}
.m5-story .m5-group ul {padding:0;margin:0;list-style:none}
.m5-story .m5-group li {margin:0;padding:0;list-style:none}
.m5-story .m5-group a {display:inline-block;padding:6px 0;font-size:15px;line-height:1.4}
.m5-story .m5-feature {display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(20px,4vw,48px);margin-bottom:26px;background:#f5f5f7;border-radius:18px;overflow:hidden}
.m5-story .m5-feature img {display:block;width:100%;height:auto;max-height:450px;object-fit:cover}
.m5-story .m5-feature div {padding:22px}
.m5-story .m5-foot {font-size:14px;color:#52565a}
.m5-story a:focus-visible,.m5-hero a:focus-visible {outline:3px solid #1684d4;outline-offset:2px}
@media(max-width:700px){
 .m5-hero {aspect-ratio:.84;min-height:355px;max-height:470px;border-radius:16px}
 .m5-hero:after {background:linear-gradient(0deg,rgba(8,18,23,.92),rgba(8,18,23,.55) 42%,transparent 73%)}
 .m5-hero picture img {object-position:center bottom}
 .m5-hero .m5-caption {position:absolute;bottom:0;max-width:100%;padding:20px}
 .m5-hero .m5-name {font-size:43px;margin-bottom:6px}
 .m5-hero .m5-kicker {margin-bottom:5px}
 .m5-hero .m5-intro {font-size:15px;margin-bottom:10px;max-width:30ch}
 .m5-story .m5-stats {gap:6px;margin:16px 0 26px}
 .m5-stats div {padding:14px 7px;border-radius:12px}
 .m5-stats strong {font-size:24px}
 .m5-stats span {font-size:12px;line-height:1.3}
 .m5-story .m5-duo,.m5-story .m5-groups,.m5-story .m5-feature {grid-template-columns:1fr}
 .m5-story .m5-feature {gap:0}
 .m5-story .m5-index {margin-top:26px}
}

.m5-story .m5-detail-title {font-family:inherit;font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.035em;margin:0 0 20px;color:#1d1d1f;overflow-wrap:break-word}
.m5-purchase-title {font-size:clamp(22px,2.2vw,34px);font-weight:700;line-height:1.18;color:inherit}