body,html{margin:0;padding:0}.hero-section{background:#000;box-sizing:border-box;display:flex;height:var(--hero-height,825px);justify-content:center;opacity:0;overflow:hidden;padding:120px 0 100px;position:relative;transition:opacity 1.5s ease-out;width:100%}#hero-bg-a{opacity:1}#hero-bg-b{opacity:0}.hero-bottom-gradient{background:linear-gradient(180deg,transparent 0,#000);bottom:0;height:220px;left:0;pointer-events:none;position:absolute;right:0;z-index:5}.hero-content{box-sizing:border-box;color:#fff;max-width:100%;padding:0 20px;position:relative;text-align:center;width:1280px;z-index:10}.hero-logo{display:block;height:auto;margin:170px auto 56px;max-width:100%;width:310px}.hero-copy{color:#fff;font-family:"Noto Serif SC",serif;font-size:24px;letter-spacing:.15em;margin:0}.hero-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transition:opacity 1.6s ease-in-out}