.hero-portrait-root{width:100%;max-width:380px;margin:0 auto;position:relative}.hero-portrait-visual{position:relative}.hero-portrait-frame{aspect-ratio:4/3;position:relative;overflow:hidden}.hero-portrait-img{object-fit:cover;object-position:center top;width:100%;height:100%}.hero-portrait-brackets{pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0;overflow:visible}.hero-portrait-bracket{stroke:var(--color-teal);stroke-width:.9px;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke;opacity:.55}.hero-portrait-scale{display:none}@media (min-width:48rem){.hero-portrait-frame{aspect-ratio:3/4}.hero-portrait-img{object-position:center}.hero-portrait-brackets{display:block}}@media (min-width:80rem){.hero-portrait-scale{inset-block:12%;width:2rem;color:var(--color-teal-dark);font-family:var(--font-heading), sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.68;pointer-events:none;grid-template-rows:auto 1fr auto;justify-items:center;gap:.65rem;font-size:.625rem;font-weight:600;line-height:1;display:grid;position:absolute;right:-3rem}.hero-portrait-scale span{writing-mode:vertical-rl}.hero-portrait-scale i{background:repeating-linear-gradient(to bottom, var(--color-teal-dark) 0 1px, transparent 1px 8px);opacity:.5;width:1px;height:100%}}