.hero{margin:10px 10px 5px;overflow:hidden;position:relative;@media screen and (min-width:768px){&{margin:10px 20px 16px}}@media screen and (min-width:1050px){&{margin:20px 40px 11px}}}.hero__media{inset:0;overflow:hidden;position:absolute;z-index:0}.hero__media:after{background:linear-gradient(66deg,rgba(0,0,0,.5),rgba(0,0,0,.5) 20%,transparent);content:"";inset:0;position:absolute}.hero__img{display:block;height:100%;object-fit:cover;width:100%}@media screen and (min-width:768px){.hero .container{padding:0 60px}}@media screen and (min-width:1050px){.hero .container{padding:0 110px}}.hero__contents{display:grid;max-width:315px;min-height:270px;place-items:center start;position:relative;z-index:1;@media screen and (min-width:768px){&{max-width:608px;min-height:390px}}@media screen and (min-width:1050px){&{max-width:920px}}}.hero__heading{color:#fff;font-size:2.3rem;font-weight:var(--fw-bold-jp);letter-spacing:var(--ls-root);line-height:var(--lh-heading);@media screen and (min-width:768px){&{font-size:4rem;padding-bottom:60px;padding-top:60px}}}.hero__heading:before{content:attr(data-decoration-text);display:block;font-family:var(--font-en);font-size:1.4rem;font-weight:500;letter-spacing:.15em;line-height:1.2;margin-bottom:6px;text-transform:uppercase}@media screen and (min-width:768px){.hero__heading:before{font-size:1.8rem;margin-bottom:17px}}@media screen and (min-width:1050px){.hero__heading:before{margin-bottom:11px}}