/* Hero reconstruction: whole native fields, content participates in sizing.
   No absolute-height dependency: CSS zoom and long text cannot escape hero. */
.art-home .hero{display:grid;grid-template-columns:minmax(0,1fr);background:var(--ice);overflow:visible}
.art-home .hero>picture{grid-area:1/1;align-self:end;display:block;min-width:0}
.art-home .hero-art{display:block;width:100%;height:auto}
.art-home .hero-copy{position:relative;grid-area:1/1;align-self:start;top:auto;left:auto;right:auto;width:auto;max-width:1280px;margin:0 max(80px,calc((100% - 1280px)/2));padding:56px 0 112px;min-width:0}
.art-home .hero h1{overflow-wrap:anywhere}
.art-home .hero .button{max-width:100%;white-space:normal;flex-wrap:wrap;row-gap:8px}
.art-home .hero .button span{flex:0 0 auto}
@media(min-width:761px) and (max-width:1100px){.art-home .hero-copy{margin-inline:48px;padding-top:32px;padding-bottom:96px}}
@media(max-width:760px){.art-home .hero-copy{margin-inline:24px;padding-top:32px;padding-bottom:96px}}
@media(max-width:359px){.art-home .hero-copy{margin-inline:16px;padding-top:24px}}