.hero-photo{--hero-skew:21deg;--hero-skew-flat:4deg;--hero-bar:22px;min-height:420px;position:relative;container-type:size}.hero-photo__clip{clip-path:polygon(calc(100cqh * tan(var(--hero-skew))) 0, 100% 0, 100% 100%, 0 100%);position:absolute;inset:0}.hero-photo__bar{width:var(--hero-bar);background:linear-gradient(90deg, var(--brand-sky) 0 40%, transparent 40% 60%, var(--brand-red) 60%);transform:skewX(calc(-1 * var(--hero-skew)));transform-origin:0 100%;position:absolute;top:0;bottom:0;left:0}@media (max-width:1180px){.hero-photo{--hero-bar:14px;min-height:260px}.hero-photo__clip{clip-path:polygon(0 calc(100cqw * tan(var(--hero-skew-flat))), 100% 0, 100% 100%, 0 100%)}.hero-photo__bar{width:100%;height:var(--hero-bar);background:linear-gradient(180deg, var(--brand-sky) 0 40%, transparent 40% 60%, var(--brand-red) 60%);transform:skewY(calc(-1 * var(--hero-skew-flat)));transform-origin:100% 0;top:0;bottom:auto;right:0}}@media (max-width:600px){.hero-photo{--hero-skew-flat:5deg;--hero-bar:10px;min-height:200px}}