.tr-hero-media{aspect-ratio:4/3;margin:4rem 0 0;position:relative}.tr-hero-media img{object-position:100% 50%}.tr-hero-media:after{content:"";pointer-events:none;background:linear-gradient(to top, var(--color-ink-900), transparent 35%);position:absolute;inset:0}.tr-hero-grain{z-index:1;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.tr-hero-caption{right:max(var(--gutter), (100% - var(--container-max)) / 2 + var(--gutter));z-index:2;position:absolute;bottom:1rem}.tr-hero-type{padding-top:2rem;padding-bottom:clamp(3rem,2rem + 4vw,6rem)}.tr-hero-col{max-width:40rem}@media (min-width:64rem){.tr-hero{--tr-col-edge:calc(max(var(--gutter), (100% - var(--container-max)) / 2 + var(--gutter)) + min(40rem, 42vw));align-items:center;min-height:min(100svh,53.95vw);display:flex}.tr-hero-media{aspect-ratio:auto;margin:0;position:absolute;inset:0}.tr-hero-media img{object-position:100% 40%}.tr-hero-media:after{background:linear-gradient(90deg, var(--color-ink-900) calc(var(--tr-col-edge) - 8rem), color-mix(in oklab, var(--color-ink-900) 92%, transparent) var(--tr-col-edge), color-mix(in oklab, var(--color-ink-900) 40%, transparent) calc(var(--tr-col-edge) + 9rem), transparent calc(var(--tr-col-edge) + 18rem)), linear-gradient(to top, var(--color-ink-900), transparent 48%), linear-gradient(to bottom, color-mix(in oklab, var(--color-ink-900) 85%, transparent) 0 4.5rem, transparent 10rem)}.tr-hero-caption{bottom:1.5rem}.tr-hero-type{width:100%;padding-top:6.5rem;padding-bottom:3rem}.tr-hero-col{max-width:min(40rem,42vw)}}