/* Separate copy and artwork so the illustration never sits behind text. */
.works-hero{overflow:hidden;background:linear-gradient(110deg,#eff3ff,#eceeff 66%,#ede9ff);border-bottom:1px solid var(--line)}
.works-hero>.site-container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:40px;align-items:center;min-height:430px}
.works-hero-copy{position:relative;padding:58px 0 60px}
.works-hero-visual{position:relative;align-self:stretch;overflow:hidden;min-width:0}
.works-hero-art{position:absolute;right:0;top:50%;width:190%;max-width:none;height:auto;transform:translateY(-50%)}
.works-label{display:inline-block;padding:6px 16px;background:#4f46e5;color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em;line-height:1.7;border-radius:100px}
.works-hero h1{font-family:var(--sans);font-size:clamp(30px,3.1vw,42px);line-height:1.5;font-weight:700;letter-spacing:-.025em;margin-top:24px;color:#202e50}
.works-hero .lead{font-size:16px;line-height:1.95;max-width:510px;margin-top:22px;color:#394b6c;text-wrap:balance}
.works-hero-meta{font-size:13px;letter-spacing:.02em;color:#4b5b78;margin-top:27px}
.works-hero-meta span{margin:0 9px;color:#4f46e5}
@media(max-width:1000px){.works-hero>.site-container{gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.works-hero h1{font-size:30px}.works-hero .lead{font-size:15px}}
@media(max-width:760px){.works-hero>.site-container{grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.works-hero-copy{padding:35px 0 12px;max-width:600px}.works-hero h1{font-size:clamp(27px,6.8vw,36px);line-height:1.5;margin-top:20px}.works-label{font-size:11px}.works-hero .lead{font-size:15px;line-height:1.95;margin-top:18px}.works-hero-meta{margin-top:22px;font-size:12px}.works-hero-visual{height:235px}.works-hero-art{width:150%;right:0}.works-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#eff1ff 0%,transparent 20%)}}

.works-hero-visual{mask-image:linear-gradient(to right,transparent,#000 6%,#000 96%,transparent)}
.works-hero-art{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 88%,transparent)}