/* @group @variables */

[class*="m-root-hero"] {
--root-hero-grid-template-columns: var(--x-padding-left) 1fr var(--x-padding-right);
--root-hero-grid-template-rows: 1fr 2.25rem auto 2.25rem;
--head-2-color: var(--color-white);
}

@media all and (min-width:48em) {

[class*="m-root-hero"] {
--root-hero-grid-template-columns: .07fr 1fr .07fr;
--root-hero-grid-template-rows: 1fr 2.25rem auto 2.25rem;
}

}

/* @media all and (min-width:62em) {

[class*="m-root-hero"] {
--root-hero-grid-template-columns: .07fr 1fr .07fr;
}

} */

/* @end @variables */

/* @group @m-root-hero */

[class*="m-root-hero"] {
position: relative;
overflow: hidden;
display: grid;
grid-template-columns: var(--root-hero-grid-template-columns);
grid-template-rows: var(--root-hero-grid-template-rows) ;
}

[class*="a-root-hero-media"] {
grid-column: 1 / 4;
grid-row: 1 / o;
}

[class*="a-root-hero-contents"] {
grid-column: 2;
grid-row: 3;
}

[class*="m-root-hero"]:before {
content: '';
position: relative;
z-index: 1;
grid-column: 1 / 4;
grid-row: 2 / 5;
}

/* @end @m-root-hero */

/* @group @m-root-hero */

[class*="m-root-hero"]:before {
background-image: linear-gradient(180deg, hsla(0, 0%, 0%, 0) 0%, hsla(0, 0%, 0%, .675) 100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* @end @m-root-hero */

/* @group @a-root-hero-media */

[class*="a-root-hero-media"] {
position: relative;
overflow: hidden;
max-height: 50vw;
background-color: var(--color-darkgray);
}

@media all and (min-width:48em) {

[class*="a-root-hero-media"] {
max-height: 30rem;
}

}

/* @media all and (min-width:74em) {

[class*="a-root-hero-media"] {
height: 30rem;
}

} */

[class*="a-root-hero-media"] img {
position: relative;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center; 
transition: var(--transition);
}

[class*="m-root-hero"]:hover [class*="a-root-hero-media"] img {
transform: scale(1.1875);
}

/* @end @a-root-hero-media */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-root-hero-contents"] {
--content-block-gap-primary: 1.5rem;
--head-2-font-family: var(--font-family-heading);
--head-2-font-size: clamp(1.125rem, 3vw, 1.5rem);
--head-2-line-height: 1.33333333;
--head-2-font-weight: 200;
--head-2-font-variation-settings: "wght" 200;
--head-2-text-align: center;
}

[class*="m-hero-slider"] {
--root-hero-contents-opacity: 0;
}

[class*="m-hero-slider"] [class*="is-active"] {
--root-hero-contents-opacity: 1;
}

@media all and (min-width:48em) {

[class*="a-root-hero-contents"] {
--head-2-font-size: 1.5rem;
}

}

/* @media all and (min-width:62em) {

[class*="a-root-hero-contents"] {
--head-2-font-size: 1.875rem;
}

} */

/* @end @variables */



/* @group @a-root-hero-contents */

[class*="a-root-hero-contents"] {
display: grid;
grid-template-columns: 1fr minmax(12rem, 18rem) 1fr;
grid-template-rows: 1fr auto;
gap: var(--content-block-gap-primary);
}

[class*="a-root-hero-contents"] h2 {
grid-column: 1 / 4;
grid-row: 1;
}

[class*="a-root-hero-contents"] p {
grid-column: 2;
grid-row: 2;
}

/* @end @a-root-hero-contents */


/* @group @a-root-hero-contents */

[class*="a-root-hero-contents"] {
box-sizing: border-box;
position: relative;
z-index: 2;
width: 100%;
max-width: 50rem;
margin: auto;
padding: 1.5rem 1.5rem 0;
color: var(--color-white);
opacity: var(--root-hero-contents-opacity);
transition: var(--transition);
}

/* @end @a-root-hero-contents */

/* -------------------------------------------------------- */

/* @group @a-entries-hero-title-pc */

@media all and (max-width:47.9375em) {

[class*="a-entries-hero-title-pc"] {
display: none;
}

}

/* @end @a-entries-hero-title-pc */

/* @group @a-entries-hero-title-sp */

[class*="a-entries-hero-title-sp"] {
font-family: var(--font-family-heading);
font-size: clamp(1.125rem, 3vw, 1.5rem);
line-height: 1.33333333;
font-weight: 500;
font-variation-settings: "wght" 500;
text-align: center;
}

@media all and (min-width:48em) {

[class*="a-entries-hero-title-sp"] {
display: none;
}

}

/* @end @a-entries-hero-title-sp */

/* -------------------------------------------------------- */

/* @group @variables */

[class*="a-root-hero-category"] {
--root-hero-category-top: 0;
--root-hero-category-left: 0;
--root-hero-category-padding: .375rem;
--root-hero-category-min-width: 9rem;
--root-hero-category-font-size: .625rem;
}

[class*="m-hero-slider"] {
--root-hero-category-opacity: 0;
}

[class*="m-hero-slider"] [class*="is-active"] {
--root-hero-category-opacity: 1;
}

@media all and (min-width:48em) {

[class*="a-root-hero-category"] {
--root-hero-category-top: 1.125rem;
--root-hero-category-left: 1.125rem;
--root-hero-category-padding: .5625rem;
--root-hero-category-font-size: .75rem;
}

}

/* @end @variables */

/* @group @a-entries-category */

[class*="a-root-hero-category"] {
box-sizing: border-box;
position: absolute;
z-index: 3;
top: var(--root-hero-category-top);
left: var(--root-hero-category-left);
display: flex;
justify-content: center;
align-items: center;
min-width: var(--root-hero-category-min-width);
padding: var(--root-hero-category-padding);
background-color: hsla(0, 0%, 100%, .9375);
font-size: var(--root-hero-category-font-size);
color: var(--color-primary);
opacity: var(--root-hero-category-opacity);
-webkit-backdrop-filter: blur(.125rem);
backdrop-filter: blur(.125rem);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

/* @end @a-entries-category */