/* Scoped to the new editorial section. */
.focus-section{padding:90px 4vw 100px;background:#0c0e12;color:#edf0f5;font-family:Sans,Arial,sans-serif}
.focus-section *{box-sizing:border-box}
.focus-section .focus-topline{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #edf0f526;padding-top:22px;font-size:11px;letter-spacing:1.4px;color:#a8b7c9}
.focus-section .focus-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:6vw;align-items:end;margin:44px 0 38px}
.focus-section h2{font-weight:400;font-size:clamp(36px,5.3vw,76px);line-height:1.02;letter-spacing:-2px;margin:0;color:#edf0f5}
.focus-section h2 span{color:#bddcff}
.focus-section .focus-intro{font-size:15px;line-height:1.7;color:#abb9cb;max-width:410px;margin:0}
.focus-section .focus-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}
.focus-section .focus-card{min-width:0;position:relative;isolation:isolate;border:1px solid #bddcff33;border-radius:22px;padding:28px 30px;background:linear-gradient(145deg,#253347,#151c27 72%);box-shadow:inset 0 1px 0 #eef7ff25,inset 0 -1px 0 #a4c8e51c,0 10px 35px #0000001a;transition:translate .35s cubic-bezier(.2,.65,.3,1),border-color .35s,box-shadow .35s}
.focus-section .focus-card-main{grid-row:span 2;min-height:610px;display:flex;flex-direction:column;background:linear-gradient(145deg,#2d4057,#17212e 70%)}
.focus-section .focus-card-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;color:#b7c9de;font-size:10px;line-height:1.5;letter-spacing:1.1px}
.focus-section .focus-card-year{letter-spacing:0;color:#9aacc1}
.focus-section h3{font-weight:400;font-size:clamp(24px,2.5vw,34px);line-height:1.14;letter-spacing:-.7px;margin:18px 0 14px;color:#edf0f5}
.focus-section .focus-card-main h3{font-size:clamp(36px,4vw,54px);max-width:430px;margin:28px 0 22px;letter-spacing:-1.5px}
.focus-section .focus-summary{font-size:14px;line-height:1.7;color:#bdc9d8;margin:0 0 22px;max-width:460px}
.focus-section .focus-card-main .focus-summary{font-size:16px}
.focus-section .focus-visual{position:relative;margin:auto 0 28px;padding:35px 0 20px;display:flex;gap:10px;align-items:end;height:155px;max-width:320px;opacity:.8;pointer-events:none}
.focus-section .focus-visual span{position:absolute;display:block;width:180px;height:70px;left:35px;top:42px;border:1px solid #bddcff66;border-radius:50%;transform:rotate(-28deg)}
.focus-section .focus-visual span:nth-child(2){left:70px;transform:rotate(28deg);border-color:#bddcff40}
.focus-section .focus-visual span:nth-child(3){left:105px;transform:rotate(-28deg);border-color:#bddcff26}
.focus-section .focus-visual-label{font-size:11px;color:#a8b7c9;margin:-18px 0 30px;letter-spacing:.5px}
.focus-section details{margin-top:auto;border-top:1px solid #bddcff26}
.focus-section summary{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:48px;padding:14px 0 0;list-style:none;cursor:pointer;font-size:12px;color:#d5e6fa}
.focus-section summary::-webkit-details-marker{display:none}
.focus-section summary::after{content:'+';font-size:23px;font-weight:400}
.focus-section details[open] summary::after{content:'−'}
.focus-section summary:focus-visible,.focus-section a:focus-visible{outline:2px solid #bddcff;outline-offset:5px}
.focus-section .focus-detail{padding-top:20px}
.focus-section .focus-detail h4{font-weight:400;font-size:11px;letter-spacing:1px;color:#bddcff;margin:22px 0 8px;text-transform:uppercase}
.focus-section .focus-detail h4:first-child{margin-top:0}
.focus-section .focus-detail p{font-size:14px;line-height:1.7;color:#bdc9d8;margin:0}
.focus-section .focus-source{padding-top:18px;margin-top:20px;border-top:1px solid #bddcff26}
.focus-section .focus-source a{color:#d5e6fa;text-decoration:underline;text-underline-offset:4px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.focus-section .focus-source small{display:block;color:#a2b1c3;font-size:11px;line-height:1.6;margin:10px 0 0}
.focus-section .focus-footer{margin:24px 0 0;color:#929eae;font-size:12px;line-height:1.7}
@media(hover:hover) and (pointer:fine){.focus-section .focus-card:hover{border-color:#d9eaff60;box-shadow:inset 0 1px 0 #edf7ff20,0 12px 30px #00000030}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html:not(.paused) .focus-section .focus-card:hover{translate:0 -3px}}
@media(prefers-reduced-motion:reduce){.focus-section .focus-card{transition:none}}
@media(max-width:760px){.focus-section{padding:65px 6vw}.focus-section .focus-topline{font-size:10px;letter-spacing:.7px}.focus-section .focus-topline span:last-child{max-width:135px;text-align:right}.focus-section .focus-heading{grid-template-columns:1fr;gap:22px;margin:32px 0}.focus-section h2{font-size:46px;letter-spacing:-1.5px}.focus-section .focus-intro{font-size:14px}.focus-section .focus-grid{grid-template-columns:1fr;gap:14px}.focus-section .focus-card{padding:25px 24px}.focus-section .focus-card-main{grid-row:auto;min-height:0}.focus-section .focus-card-main h3{font-size:38px;margin:24px 0 18px}.focus-section .focus-card-main .focus-summary{font-size:15px}.focus-section .focus-visual{height:100px;padding-top:10px;margin-top:0;margin-bottom:20px;max-width:250px}.focus-section .focus-visual-label{margin-bottom:22px}.focus-section h3{font-size:28px}.focus-section summary{min-height:48px}}

@media(max-width:760px){.focus-section .focus-visual span{top:8px;width:140px;left:0}.focus-section .focus-visual span:nth-child(2){left:45px}.focus-section .focus-visual span:nth-child(3){left:90px}}
/* Match the landing page headline face and keep long words inside small screens. */
.focus-section h2{font-family:Display,Arial,sans-serif;font-weight:700;overflow-wrap:anywhere}
@media(max-width:760px){.focus-section h2{font-size:clamp(28px,10vw,46px)}}
