/* Separate dealing and hover transforms so the two effects never compete. */
#masthead { isolation: isolate; }
#masthead.showing-news { display: flex; align-items: center; overflow: hidden; padding-bottom: 7rem; }
#masthead.showing-news::before { content: ''; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse at 15% 20%, #51d4e137, transparent 50%), radial-gradient(ellipse at 90% 80%, #ccae6840, transparent 45%), linear-gradient(160deg, #061b32, #103e5c 65%, #174e61); }
#masthead.showing-news::after { content: ''; position: absolute; width: 650px; height: 650px; right: -260px; top: -330px; border: 1px solid #ffffff12; border-radius: 50%; box-shadow: 0 0 0 70px #ffffff04, 0 0 0 140px #ffffff03; z-index: -1; pointer-events: none; }
.hero-news-heading { margin-bottom: 3rem; gap: 1.5rem; justify-content: flex-end; }
.hero-news-heading.hero-news-footer { display: flex; width: 100%; margin: 1.5rem 0 0; flex-direction: row; justify-content: center; align-items: center; text-align: center; }
.hero-news-footer > a { margin-inline: auto; }
.hero-news-eyebrow { display: inline-flex; align-items: center; gap: .6rem; color: #bde8ef; font-size: .8rem; letter-spacing: .12em; }
.hero-news-eyebrow::before { content: ''; width: 24px; height: 2px; background: #e8c782; }
.hero-news-heading h2 { margin-top: .8rem; font-size: clamp(1.6rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.4; }
.hero-news-heading > a { color: #ffe3a6; border: 1px solid #ffe3a640; border-radius: 30px; padding: .65rem 1.1rem; font-size: .85rem; background: #ffffff06; }
.hero-news-heading > a:hover { background: #ffffff14; text-decoration: none; }
.hero-news-grid { gap: 1.4rem; perspective: 1500px; padding: .8rem .25rem 1.5rem; }
.hero-news-deal { display: flex; min-width: 0; position: relative; transform-origin: 50% 85%; animation: news-card-deal 1.4s cubic-bezier(.16,.75,.22,1) both; animation-delay: calc(var(--card-order) * .38s); }
.hero-news-deal:nth-child(1) { --rest-angle: -2deg; }
.hero-news-deal:nth-child(2) { --rest-angle: 1deg; }
.hero-news-deal:nth-child(3) { --rest-angle: -1deg; }
.hero-news-deal:nth-child(4) { --rest-angle: 2deg; }
.hero-news-deal:hover, .hero-news-deal:focus-within { z-index: 2; }
.hero-news-card { position: relative; width: 100%; animation: none; background: linear-gradient(150deg, #fff, #f3f7fa); border: 5px solid #fff; border-radius: 19px; box-shadow: 0 2px 0 #c8d6df, 0 5px 0 -1px #91a9b8, 0 18px 24px -12px #0009, 0 30px 55px -18px #0008; transform: perspective(900px) rotateZ(var(--rest-angle)); transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s; }
.hero-news-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 25%, #ffffff60 45%, transparent 65%); transform: translateX(-140%); transition: transform .8s; }
.hero-news-card:hover, .hero-news-card:focus-visible { box-shadow: 0 2px 0 #d6e2ea, 0 6px 0 -1px #91a9b8, 0 32px 45px -15px #000a; }
@media (hover: hover) and (pointer: fine) {
    .hero-news-card:hover { transform: perspective(900px) translateY(-14px) rotateX(5deg) rotateY(-4deg) rotateZ(0); }
    .hero-news-card:hover::after { transform: translateX(140%); }
}
.hero-news-number { position: absolute; top: .7rem; left: .7rem; z-index: 1; display: grid; place-items: center; width: 33px; height: 39px; border-radius: 9px; color: #23435b; background: #fffffff2; box-shadow: 0 3px 12px #001b3430; font-size: .85rem; font-weight: 700; }
.hero-news-card img { height: 175px; border-radius: 12px 12px 4px 4px; }
.hero-news-body { padding: 1.2rem 1rem 1rem; }
.hero-news-body small { color: #708396; font-size: .72rem; }
.hero-news-body h3 { line-height: 1.65; }
#masthead .hero-news-body p { color: #687b8a; font-size: .86rem; line-height: 1.8; }
.hero-news-more { padding-top: .9rem; border-top: 1px solid #dde6ec; color: #16728f; font-size: .82rem; }
.hero-controls { bottom: 1.8rem; }
.hero-controls button { min-height: 44px; min-width: 44px; border-color: #ffffff35; transition: background .2s; }
.hero-controls button:hover { background: #21617e; }
@keyframes news-card-deal {
    0% { opacity: 0; transform: translate3d(-90px,-100px,180px) rotateX(38deg) rotateY(-24deg) rotateZ(-18deg) scale(.88); }
    30% { opacity: 1; }
    72% { transform: translate3d(0,8px,0) rotateX(-5deg) rotateY(3deg) rotateZ(1deg) scale(1.015); }
    100% { opacity: 1; transform: translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1); }
}
@media (max-width: 991px) { .hero-news-grid { gap: 1.8rem; } }
@media (max-width: 575px) { .hero-news-grid { gap: 1.7rem; padding-left: .65rem; padding-right: .65rem; } .hero-news-heading { margin-bottom: 1.8rem; } .hero-news-card img { height: 200px; } .hero-news-card { --rest-angle: 0deg; } }
@media (prefers-reduced-motion: reduce) { .hero-news-deal { animation: none; } .hero-news-card, .hero-news-card:hover { transform: none; transition: none; } .hero-news-card::after { display: none; } .hero-controls button { transition: none; } }