.frontpage-hero{container-type:inline-size;min-height:30.5rem;width:100%}.frontpage-hero__wrapper{align-content:end;display:grid;grid-auto-rows:max-content;grid-template-columns:[breakout-start] var(--breakout-offset) [centre-start] 1fr [centre-end] var(--breakout-offset) [breakout-end];height:100%;overflow:clip;padding-block:calc(var(--rnb--header--height, 4rem)*2) calc(var(--rnb--header--height, 3.5rem)*.875);position:relative}@media(width >= 768px){.frontpage-hero__wrapper{padding-bottom:var(--rnb--header--height,4rem)}}.frontpage-hero__wrapper:has([class*=frontpage-hero__image]){min-height:56.25cqi;padding-top:calc(var(--rnb--header--height, 4rem)*4)}.frontpage-hero__wrapper>:not(figure){grid-column:centre}.frontpage-hero__wrapper>:last-child{margin-bottom:0}.frontpage-hero :is([class*=frontpage-hero__image],[class*=frontpage-hero__image]>img){height:100%;inset:0;object-fit:cover;object-position:center;position:absolute;width:100%;z-index:-1}.frontpage-hero [class*=frontpage-hero__image]{background-color:var(--rnb--color--primary);grid-column:breakout;margin-bottom:0;margin-top:0;mask-composite:intersect;mask-image:var(--hero-mask-image-top),var(--hero-mask-image-bottom)}@media(width >= 768px){.frontpage-hero [class*=frontpage-hero__image]{mask-image:var(--hero-mask-image-top),var(--hero-mask-image-radial),var(--hero-mask-image-bottom)}}.frontpage-hero [class*=frontpage-hero__image] img{filter:brightness(1.3) saturate(1.1)}.frontpage-hero:where(:has(.frontpage-hero__image--portrait):has(.frontpage-hero__image--landscape)) .frontpage-hero__image--portrait{display:none;visibility:hidden}.frontpage-hero h1{font-size:var(--rnb--font-size--hero);font-weight:var(--rnb--font-weight--black);line-height:var(--rnb--line-height--h1);margin-bottom:1rem}@media(width >= 768px){.frontpage-hero h1{max-width:min(25ch,70%)}}.frontpage-hero :is(h2,h3,h4,h5,h6):before{background-color:var(--rnb--color--error);content:"Huom! Hero-lohkossa tulee käyttää ainoastaan h1-tason otsikkoa.";margin-right:.5em;padding:.2em .5em;position:relative}.frontpage-hero :is(h1,p){text-shadow:0 0 1em var(--color--black)}.frontpage-hero p{font-family:var(--rnb--font-family--paragraph);font-size:var(--rnb--font-size--body-large);font-weight:var(--rnb--font-weight--regular);line-height:var(--rnb--line-height--body-large)}@media(width >= 768px){.frontpage-hero p{max-width:min(69ch,70%)}}.frontpage-hero :is(h1,p):has(+.button){margin-bottom:2rem}@media(orientation:portrait)and (width < 768px){.frontpage-hero:has([class*=frontpage-hero__image]){min-height:177.78cqi}.frontpage-hero:has(.frontpage-hero__image--portrait) .frontpage-hero__image--portrait{display:block;visibility:visible}.frontpage-hero:has(.frontpage-hero__image--portrait) .frontpage-hero__image--landscape{display:none;visibility:hidden}}