.dnd-section:has(.hero){--padding:var(--spacing-16x);background:var(--background-dark);padding-block:var(--padding)!important;&:has(.hero--fw-image){padding-block:0!important;@media (max-width:820px){padding-block:var(--padding)!important}}}.hero{display:flex;gap:var(--spacing-24x);justify-content:space-between;&.hero--fw-image{justify-content:flex-start}& .btn-group{margin-top:var(--spacing-8x)}@media (max-width:820px){flex-direction:column;gap:var(--spacing-8x)}}.hero__body{flex:0 1 548px;.hero--fw-image &{padding-block:var(--padding)}@media (max-width:820px){flex:none;.hero--fw-image &{padding-block:0}}}.hero-rating{align-items:center;display:flex;gap:var(--spacing-5x);margin-top:var(--spacing-6x)}.hero-rating__stars{align-items:center;display:flex;gap:4px}.hero-rating__link{font-weight:600}.hero-form-wrapper{flex:0 1 534px;position:relative;z-index:0;.hero--fw-image &{flex:0 1 697px;padding-block:var(--padding);& .form{max-width:477px}}@media (max-width:820px){flex:none;.hero--fw-image &{flex:none;padding:0;& .form{max-width:none}}}}.hero-image{--width-offset:calc(100vw - var(--container-width));height:100%;inset:0 auto auto 104px;max-width:none;object-fit:cover;position:absolute;width:calc(100% + var(--width-offset)/2);z-index:-1;@media (max-width:1380px){width:calc(100% + var(--container-padding))}@media (max-width:820px){display:none}}