.media{gap:.7rem;margin:0;display:grid}.media__frame{border-radius:calc(var(--radius) * 1.3);background:var(--ink-2);aspect-ratio:var(--ratio,16 / 9);position:relative;overflow:hidden;box-shadow:0 0 0 1px oklch(82% .13 210/.22),0 40px 80px -40px oklch(5% .02 265/.95)}.media__frame picture{position:absolute;inset:0}.media__el{object-fit:cover;object-position:var(--focus,50% 50%);width:100%;height:100%;display:block;position:absolute;inset:0}.media__cap{font:500 .74rem/1.4 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.page-hero__grid{align-items:center;gap:clamp(2rem,1.5rem + 2vw,3rem);display:grid}.page-hero__media{perspective:1400px}.page-hero__media .media__frame{transform-origin:50% 60%}@media (width>=960px){.page-hero--split .page-hero__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.page-hero--mirror .page-hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.page-hero--mirror .page-hero__media{order:-1}.page-hero--split .media__frame{transform:rotateY(-7deg)rotateX(2deg)}.page-hero--mirror .media__frame{transform:rotateY(7deg)rotateX(2deg)}}.page-hero--band .page-hero__media{--ratio:21 / 9}@media (width<=700px){.page-hero--band .page-hero__media{--ratio:4 / 3}}@media (width>=960px){.page-hero--band .page-hero__text{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:0 3rem;display:grid}.page-hero--band .page-hero__text .label{grid-column:1/-1}.page-hero--band .page-hero__text h1{margin-bottom:0}}.page-hero--backdrop{align-items:center;min-height:min(80dvh,46rem);display:grid}.page-hero--backdrop .page-hero__grid{position:static}.page-hero--backdrop .page-hero__text{z-index:1;position:relative}.page-hero--backdrop .page-hero__media{z-index:0;perspective:none;position:absolute;inset:0}.page-hero--backdrop .media,.page-hero--backdrop .media__frame{aspect-ratio:auto;height:100%;box-shadow:none;border-radius:0}.page-hero--backdrop .media__frame:after{content:"";background:linear-gradient(90deg, var(--ink) 0 25%, oklch(14.5% .012 265/.7) 55%, transparent);position:absolute;inset:0}.page-hero--backdrop .page-hero__text{max-width:36rem}