/* Show the work context without text obscuring the photo. */
.hero{display:grid;grid-template-columns:1fr 1.25fr;grid-template-areas:"copy photo";gap:48px;align-items:center;height:auto;min-height:0;padding:64px 0;width:86%;max-width:1280px;margin:auto;overflow:visible;background:#fff}
.hero-image{grid-area:photo;position:static;z-index:0;width:100%;height:auto;aspect-ratio:1600/616;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px #20252c12}
.hero-inner{grid-area:copy;padding:0;max-width:none;background:#fff}
.hero h1{font-size:clamp(40px,4.5vw,62px);letter-spacing:-.04em}
.hero-copy{max-width:420px;line-height:1.75}
.hero .eyebrow{font-size:12px}.hero .launch{font-size:13px}
@media(max-width:850px){.hero{grid-template-columns:1fr;grid-template-areas:"copy" "photo";gap:30px;padding:40px 0;width:90%}.hero-inner{padding:0}.hero-image{height:auto;object-position:center}.hero-copy{font-size:16px;max-width:580px}.hero h1{font-size:48px}.hero .eyebrow{font-size:12px}}
@media(max-width:380px){.header{height:auto;flex-wrap:wrap;padding-block:16px;gap:14px}.header .brand{width:100%}.header nav{width:100%;justify-content:space-between}.hero h1{font-size:36px}}