.hero-plate{--hp-plate-h:var(--hp-ph);inset-inline:0;height:calc(var(--hp-ph) + var(--hp-pb,0px));background:linear-gradient(var(--color-ink), var(--color-ink)) left top / 100% calc(var(--hp-plate-h) - 16px) no-repeat, var(--color-page);pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:0;overflow-x:clip;container-type:inline-size}.hero-plate.hero-plate--top{top:calc(var(--hp-py,0px) - var(--chrome-h));height:auto;min-height:var(--hp-ph);bottom:0}.hero-plate-surface{--hp-overscan:32px;inset:calc(-1 * var(--hp-overscan)) 0;background:linear-gradient(var(--color-ink), var(--color-ink)) left top / 100% calc(var(--hp-plate-h) + var(--hp-overscan) - 16px) no-repeat, var(--color-page);position:absolute}.hero-plate-img{inset:var(--hp-overscan) 0 auto;width:100%;height:var(--hp-ph);max-width:none;display:block;position:absolute;-webkit-mask-image:linear-gradient(#0000,#000 24px calc(100% - 16px),#0000);mask-image:linear-gradient(#0000,#000 24px calc(100% - 16px),#0000)}.hero-plate-ext{display:none}.hero-art{left:calc(50% - 195px + var(--ha-px) * 1px);top:calc(var(--ha-py) * 1px);width:calc(var(--ha-pw) * 1px);height:calc(var(--ha-ph) * 1px);position:absolute}.hero-art-img{width:100%;max-width:none;height:100%;display:block}@media (min-width:64rem){.hero-plate,.hero-plate.hero-plate--top{--hero-u:clamp(.6px, (100cqw - 384px) / 1056, 1px);--hp-plate-h:var(--hp-dh);top:calc(-1 * var(--chrome-h));height:auto;min-height:var(--hp-dh);bottom:0}.hero-plate.hero-plate--art{--hp-plate-h:806px}.hero-plate-img{inset:var(--hp-overscan) auto auto calc(50% - 720px);width:1440px;height:var(--hp-dh);-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 24px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000),linear-gradient(#0000,#000 24px calc(100% - 16px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero-plate-ext{inset:var(--hp-overscan) 0 auto;height:var(--hp-dh);background:var(--hp-edge-l) left top / 50% 100% no-repeat, var(--hp-edge-r) right top / 50% 100% no-repeat;display:block;position:absolute}.hero-plate--art .hero-plate-img,.hero-plate--art .hero-plate-ext{top:calc(var(--hp-overscan) + 790px - 790 * var(--hero-u));height:calc(var(--hp-dhn) * var(--hero-u))}.hero-plate--art.hero-plate--center .hero-plate-img{left:calc(50% - 720 * var(--hero-u));width:calc(1440 * var(--hero-u))}.hero-art{inset-inline-start:calc(50cqw + min(616px, 50cqw - var(--gutter)) - (1336 - var(--ha-dx)) * var(--hero-u));top:calc(790px - (790 - var(--ha-dy)) * var(--hero-u));width:calc(var(--ha-dw) * var(--hero-u));height:calc(var(--ha-dh) * var(--hero-u))}.hero-art.hero-art--center{inset-inline-start:calc(50cqw - (720 - var(--ha-dx)) * var(--hero-u))}}