/* Keep the legacy gradient first for Safari 15.5 and other older browsers. */
/* Geometry follows the 1920 × 3356 Figma news-detail frame. */
.news-hero{position:relative;height:calc(1000 * var(--u));overflow:hidden;color:white}
.news-hero .hero-art img{object-fit:cover;object-position:center}
.news-hero .hero-art::after{background:linear-gradient(to left,rgba(0,21,38,0) 37.5%,rgba(0,21,38,.9) 100%);background:linear-gradient(to left in srgb,rgba(0,21,38,0) 37.5%,rgba(0,21,38,.9) 100%)}
.news-hero-copy{position:absolute;top:calc(274 * var(--u));left:calc(102 * var(--u));right:calc(100 * var(--u))}
.news-hero-copy h2{margin:0;font-family:var(--heading);font-size:calc(150 * var(--u));font-weight:400;line-height:calc(130 * var(--u));letter-spacing:0;white-space:pre-line;text-wrap:initial;background:repeating-linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) calc(130 * var(--u)));background:repeating-linear-gradient(to bottom in srgb,#fff 0,rgba(255,255,255,0) calc(130 * var(--u)));background-clip:text;-webkit-background-clip:text;color:transparent}
.news-hero-copy p{margin:calc(20 * var(--u)) 0 0;font:300 calc(36 * var(--u))/calc(40 * var(--u)) var(--serif,Georgia,serif);letter-spacing:.05em;white-space:pre-line}
.news-hero-copy.has-title-motion h2{background:none;white-space:normal}
.news-title-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.news-hero-copy.has-title-motion .news-title-line>span{display:block;color:transparent;background:linear-gradient(180deg,#fff,#fff0) 0 0/100% calc(130 * var(--u)) no-repeat;background-clip:text;-webkit-background-clip:text;animation:news-title-in .95s cubic-bezier(.16,1,.3,1) calc(.18s + var(--line-index) * .12s) both}
.news-hero-copy.has-title-motion>p{animation:news-copy-in .9s cubic-bezier(.16,1,.3,1) .38s both}
@keyframes news-title-in{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@keyframes news-copy-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
/* News card links open the article immediately, without scrolling through the hero. */
html:has(#news-article:target){scroll-behavior:auto}
.news-article{min-height:calc(805 * var(--u));padding:calc(100 * var(--u)) calc(200 * var(--u));color:#000;background:#fff}
.news-article-heading{text-align:center}
.news-article-heading h1{margin:0;font-family:var(--heading);font-size:calc(82 * var(--u));font-weight:400;line-height:calc(80 * var(--u));letter-spacing:0;text-transform:uppercase;text-wrap:initial}
.news-article-heading p{margin:calc(10 * var(--u)) 0 0;font:400 calc(24 * var(--u))/calc(29 * var(--u)) var(--serif,Georgia,serif);letter-spacing:.05em}
.news-article-heading.has-title-motion .news-title-line>span{display:block;opacity:0;transform:translateY(105%)}
.news-article-heading.has-title-motion.is-revealed .news-title-line>span{animation:news-title-in .95s cubic-bezier(.16,1,.3,1) both}
.news-article-heading.has-title-motion>p{opacity:0;transform:translateY(22px)}
.news-article-heading.has-title-motion.is-revealed>p{animation:news-copy-in .9s cubic-bezier(.16,1,.3,1) .25s both}
.news-article-layout{display:grid;grid-template-columns:calc(645 * var(--u)) minmax(0,1fr);gap:calc(100 * var(--u));margin-top:calc(80 * var(--u));align-items:start}
.news-article-image{position:relative;height:auto;border-radius:calc(20 * var(--u));overflow:hidden}
.news-article-image>img{position:static;display:block;max-width:100%;width:100%;height:auto;object-fit:contain}
.news-article-body{margin:0;font-size:calc(20 * var(--u));font-weight:300;line-height:calc(40 * var(--u));overflow-wrap:break-word}
.news-article-body p{margin:0 0 1em}.news-article-body p:last-child{margin-bottom:0}
.news-article-body a{text-decoration:underline;text-underline-offset:.15em;color:#067c96}
.news-article-body ul,.news-article-body ol{padding-left:1.4em;margin:0 0 1em}
.news-article-body h2,.news-article-body h3{font:400 calc(30 * var(--u))/1.2 var(--heading);margin:1em 0 .5em}
.news-related{padding:calc(100 * var(--u)) calc(200 * var(--u));min-height:calc(651 * var(--u));background:#f3f6f9;color:#000}
.news-related>h2{margin:0;font-family:var(--heading);font-size:calc(36 * var(--u));font-weight:400;line-height:calc(43 * var(--u));letter-spacing:0;text-wrap:initial}
.news-related-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(20 * var(--u));margin-top:calc(40 * var(--u));align-items:stretch}
.news-related-card{position:relative;min-width:0;min-height:calc(368 * var(--u));padding-bottom:calc(64 * var(--u));border-radius:calc(20 * var(--u));overflow:hidden;background:#fff;box-shadow:calc(12 * var(--u)) calc(23 * var(--u)) calc(20 * var(--u)) #75838e0c,calc(6 * var(--u)) calc(12 * var(--u)) calc(11 * var(--u)) #75838e09}
.news-related-image{position:relative;display:block;height:calc(181 * var(--u));overflow:hidden}
.news-related-image>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .55s cubic-bezier(.2,.7,.3,1)}
.news-related-card:focus-within .news-related-image>img{transform:scale(1.055)}
@media(hover:hover) and (pointer:fine){.news-related-card:hover .news-related-image>img{transform:scale(1.055)}}
@media(prefers-reduced-motion:reduce){.news-related-image>img,.news-related-card:focus-within .news-related-image>img,.news-related-card:hover .news-related-image>img{transform:none;transition:none}}
.news-related-card h3{margin:calc(20 * var(--u));font:500 calc(20 * var(--u))/calc(23 * var(--u)) var(--body);letter-spacing:0}
.news-related-card h3 a:hover{text-decoration:underline;text-underline-offset:.15em}
.news-related-arrow{position:absolute;bottom:calc(20 * var(--u));right:calc(20 * var(--u));display:flex;align-items:center;justify-content:center;width:calc(33 * var(--u));height:calc(20 * var(--u));color:#1db4bf}
.news-related-arrow img{display:block;width:100%;height:100%;max-width:none}
.news-related-arrow:focus-visible{outline-offset:3px}
.news-related-empty{grid-column:1/-1;font-size:calc(20 * var(--u));line-height:1.5}
.news-footer-gap{height:calc(100 * var(--u));background:#fff}
@media(max-width:1023px){
 .news-hero{height:660px;min-height:75svh;max-height:850px}
 .news-hero .hero-art img{object-fit:cover;object-position:center}
 .news-hero-copy{top:190px;left:24px;right:24px}
 .news-hero-copy h2{font-size:clamp(58px,10vw,100px);line-height:1.02;background:linear-gradient(#fff,#fff9);background:linear-gradient(in srgb,#fff,#fff9);background-clip:text;-webkit-background-clip:text}
 .news-hero-copy.has-title-motion .news-title-line>span{background:linear-gradient(#fff,#fff9);background:linear-gradient(in srgb,#fff,#fff9);background-clip:text;-webkit-background-clip:text}
 .news-hero-copy p{margin:28px 0 0;max-width:600px;font-size:clamp(24px,4vw,32px);line-height:1.25;letter-spacing:0}
 /* Reserve space for the 90px mobile header without changing layout on history return. */
 .news-article{min-height:0;padding:114px 24px 64px}
 .news-article-heading h1{font-size:clamp(42px,7vw,70px);line-height:1.05}
 .news-article-heading p{margin:16px 0 0;font-size:24px;line-height:1.3;letter-spacing:0}
 .news-article-layout{grid-template-columns:1fr;gap:32px;margin-top:40px}
 .news-article-image{height:auto;border-radius:20px}
 .news-article-body{font-size:17px;line-height:1.8}
 .news-article-body h2,.news-article-body h3{font-size:28px}
 .news-related{padding:56px 24px;min-height:0}
 .news-related>h2{font-size:34px;line-height:1.2}
 .news-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px}
 .news-related-card{min-height:340px;border-radius:20px;padding-bottom:64px;box-shadow:8px 14px 18px #75838e10}
 .news-related-image{height:auto;aspect-ratio:288/181}
 .news-related-card h3{margin:20px;font-size:20px;line-height:1.2}
 .news-related-arrow{width:33px;height:20px;right:20px;bottom:20px}
 .news-related-empty{font-size:17px}
 .news-footer-gap{height:56px}
}
@media(max-width:540px){.news-hero{height:620px;min-height:0}.news-hero-copy{top:170px}.news-hero-copy h2{font-size:60px}.news-related-grid{grid-template-columns:1fr}.news-related-card{min-height:360px}}
@media(prefers-reduced-motion:reduce){
 .news-hero-copy.has-title-motion .news-title-line>span,.news-hero-copy.has-title-motion>p,.news-article-heading.has-title-motion .news-title-line>span,.news-article-heading.has-title-motion>p{animation:none;opacity:1;transform:none}
}