:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; min-height: 100%; background: #14383d; }
main { position: relative; isolation: isolate; display: grid; place-items: center; width: 100%; height: 100vh; height: 100svh; overflow: hidden; }
.homepage-artwork { position: relative; z-index: 1; width: min(100%, calc(100svh * 1343 / 1055)); aspect-ratio: 1343 / 1055; }
.homepage-image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.brand-vector { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }