.band{position:relative;overflow:hidden;isolation:isolate}.band--strip{height:clamp(120px,14vw,220px)}.band--rule{height:clamp(44px,5vw,84px)}.band__art{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.9;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}.band--rule .band__art{opacity:.85;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.band--field .band__art{position:absolute;inset:0;opacity:.12;-webkit-mask-image:radial-gradient(105% 125% at 50% 50%,#000 30%,transparent 100%);mask-image:radial-gradient(105% 125% at 50% 50%,#000 30%,transparent 100%)}.band__content{position:relative;z-index:1}@media (max-width:640px){.band--optional.band--field .band__art,.band--optional.band--rule{display:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .band__art{opacity:.4}:root:not([data-theme=light]) .band--rule .band__art{opacity:.35}:root:not([data-theme=light]) .band--field .band__art{opacity:.12}}:root[data-theme=dark] .band__art{opacity:.4}:root[data-theme=dark] .band--rule .band__art{opacity:.35}:root[data-theme=dark] .band--field .band__art{opacity:.12}