/* Laatta: pyöristetty kortti .mt-wrapin sisällä. Sävy (navy, blush, mist, image) ja asettelu (split, row, stack)
   ovat asetuksia; kohdat (items) esitetään vaiheina, korttei tai kuvalaattoina. */
.mt-section.mt-banner{padding-block-start:var(--mt-space-section-lg)}
.mt-banner__card{position:relative;display:grid;overflow:hidden;border-radius:var(--mt-radius);color:var(--mt-text)}
.mt-banner__card--navy,.mt-banner__card--image{background:var(--mt-navy);color:var(--mt-on-navy-soft)}
.mt-banner__card--blush{background:var(--mt-blush)}
.mt-banner__card--mist{background:var(--mt-mist)}
.mt-banner__bg,.mt-banner__bg img{position:absolute;inset:0;inline-size:100%;block-size:100%}
.mt-banner__bg img{object-fit:cover}
.mt-banner__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in oklch,var(--mt-navy) 95%,transparent),color-mix(in oklch,var(--mt-navy) 65%,transparent) 55%,color-mix(in oklch,var(--mt-navy) 20%,transparent))}
.mt-banner__media{position:relative;min-block-size:14rem;background:var(--mt-mist)}
.mt-banner__media img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.mt-banner__body{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2rem;min-inline-size:0;padding:clamp(1.5rem,5vw,3.5rem)}
.mt-banner__copy{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-inline-size:0}
.mt-banner__card--split .mt-banner__copy{gap:1rem}
.mt-banner__title{margin:0;font:400 var(--mt-fs-h2-lg)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-ink);text-wrap:balance}
.mt-banner__card--row .mt-banner__title{font-size:var(--mt-fs-h2)}
.mt-banner__title--statement{max-inline-size:61.25rem;font:400 var(--mt-fs-h3)/1.35 var(--mt-font-display)}
.mt-banner__card--navy .mt-banner__title,.mt-banner__card--image .mt-banner__title{color:var(--mt-white)}
.mt-banner__text{max-inline-size:47.5rem;font-size:var(--mt-fs-base);line-height:1.5}
.mt-banner__text>:first-child{margin-block-start:0}
.mt-banner__text>:last-child{margin-block-end:0}
.mt-banner__text a{color:inherit;text-underline-offset:.2em}
.mt-banner__checks{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;font-size:var(--mt-fs-base);line-height:1.5}
.mt-banner__checks li{display:flex;gap:.625rem}
.mt-banner__checks .mt-icon{margin-block-start:.25rem;color:var(--mt-coral)}
.mt-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.875rem 1.5rem;margin:.5rem 0 0}
.mt-banner__link{display:inline-flex;align-items:center;gap:.5rem;min-block-size:1.5rem;padding-block:.25rem .3125rem;border-block-end:.0625rem solid currentColor;color:var(--mt-navy);font:500 var(--mt-fs-xs)/1.2 var(--mt-font-display);letter-spacing:var(--mt-tracking-caps);text-transform:uppercase;text-decoration:none}
.mt-banner__link:hover{color:var(--mt-coral-deep)}
.mt-banner__card--navy .mt-banner__link,.mt-banner__card--image .mt-banner__link{color:var(--mt-white)}
.mt-banner__card--navy .mt-banner__link:hover,.mt-banner__card--image .mt-banner__link:hover{color:var(--mt-on-navy-soft)}
.mt-banner__link--large{padding-block:.25rem;border:0;font:400 var(--mt-fs-xl)/1.15 var(--mt-font-display);letter-spacing:0;text-transform:none}
.mt-banner__link--large:hover{text-decoration:underline}

/* Kohdat */
.mt-banner__items{display:grid;gap:1.5rem;margin:0;padding:0;list-style:none}
.mt-banner__item{display:flex;flex-direction:column;gap:.625rem;min-inline-size:0}
.mt-banner__item p{margin:0;font-size:var(--mt-fs-base);line-height:1.5}
.mt-banner__item-title{margin:0;font:500 var(--mt-fs-xl)/1.5 var(--mt-font-body);color:var(--mt-ink)}
.mt-banner__card--navy .mt-banner__item-title,.mt-banner__card--image .mt-banner__item-title{color:var(--mt-white)}
.mt-banner__item-value{font:400 var(--mt-fs-lg)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-coral-strong)}
.mt-banner__card--navy .mt-banner__item-value,.mt-banner__card--image .mt-banner__item-value{color:var(--mt-coral)}
.mt-banner__items--steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr))}
.mt-banner__items--steps .mt-banner__item{padding-block-start:1.25rem;border-block-start:.125rem solid var(--mt-navy)}
.mt-banner__card--navy .mt-banner__items--steps .mt-banner__item,.mt-banner__card--image .mt-banner__items--steps .mt-banner__item{border-color:color-mix(in oklch,var(--mt-white) 25%,transparent)}
.mt-banner__items--cards{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));align-items:start}
.mt-banner__items--cards .mt-banner__item{padding:1.5rem;border-radius:var(--mt-radius);background:var(--mt-white)}
.mt-banner__card--navy .mt-banner__items--cards .mt-banner__item,.mt-banner__card--image .mt-banner__items--cards .mt-banner__item{background:color-mix(in oklch,var(--mt-white) 8%,transparent)}
.mt-banner__items--cards .mt-icon{color:var(--mt-coral-strong)}
.mt-banner__card--navy .mt-banner__items--cards .mt-icon,.mt-banner__card--image .mt-banner__items--cards .mt-icon{color:var(--mt-coral)}
.mt-banner__items--tiles{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
.mt-banner__items--tiles .mt-banner__item{position:relative;justify-content:flex-end;min-block-size:13.75rem;padding:1.5rem;overflow:hidden;border-radius:var(--mt-radius);background:var(--mt-navy)}
.mt-banner__items--tiles .mt-banner__item img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:cover}
.mt-banner__items--tiles .mt-banner__item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,color-mix(in oklch,var(--mt-navy) 96%,transparent),color-mix(in oklch,var(--mt-navy) 33%,transparent) 65%,transparent)}
.mt-banner__items--tiles .mt-banner__item-title{position:relative;z-index:1;font:400 var(--mt-fs-h4)/1.15 var(--mt-font-display);letter-spacing:-.03125rem;color:var(--mt-white)}

/* Tiivis */
.mt-banner__card--compact .mt-banner__body{gap:1.75rem;padding:3rem}
.mt-banner__card--compact .mt-banner__title{font-size:var(--mt-fs-h2)}

/* Lomake (uutiskirje): kenttä ja painike samassa pillissä. Kenttätyylit tulevat components/forms.css:stä. */
.mt-banner__form{inline-size:100%;min-inline-size:0}
.mt-banner .mt-banner__form .gform_wrapper{margin:0}
.mt-banner .mt-banner__form form{display:flex;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1.375rem;border:.0625rem solid var(--mt-line);border-radius:var(--mt-radius-pill);background:var(--mt-white);color:var(--mt-ink)}
.mt-banner .mt-banner__form .gform_body{flex:1;min-inline-size:0}
.mt-banner .mt-banner__form .gform_fields{display:block}
.mt-banner .mt-banner__form .gfield_label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.mt-banner .mt-banner__form .gfield input[type=email]{inline-size:100%;min-block-size:2.625rem;padding:0;border:0;background:transparent}
.mt-banner .mt-banner__form .gfield input[type=email]:focus-visible{outline-offset:.25rem}
.mt-banner .mt-banner__form .gform_footer{margin:0;padding:0}
.mt-banner .mt-banner__form .gform_button{min-block-size:2.625rem;white-space:nowrap}
.mt-banner .mt-banner__form .gform_confirmation_message{margin:0}
.mt-banner__placeholder{margin:0;padding:1rem 1.5rem;border:.0625rem dashed var(--mt-field);border-radius:var(--mt-radius);color:var(--mt-muted);text-align:center}

/* Asettelut */
.mt-banner__card--row{gap:1.5rem;padding:2.5rem clamp(1.5rem,5vw,3rem)}
.mt-banner__card--row.mt-banner__card--navy,.mt-banner__card--row.mt-banner__card--image{padding-block:3rem}
.mt-banner__card--row .mt-banner__body{padding:0}
.mt-banner__aside{position:relative;min-inline-size:0}
/* CTA-kaista (Pen: Site / CTA-kaista): tiiviimpi tekstipalsta, korkeus 217 px */
.mt-banner__card--cta .mt-banner__copy{gap:.625rem}
.mt-banner__aside .mt-banner__actions{flex-direction:column;align-items:center;margin:0}
@container (min-width:56rem){
  .mt-banner__card--split:has(.mt-banner__media){grid-template-columns:minmax(0,560fr) minmax(0,704fr)}
  .mt-banner__card--split.mt-banner__card--flip:has(.mt-banner__media){grid-template-columns:minmax(0,704fr) minmax(0,560fr)}
  .mt-banner__card--flip .mt-banner__media{order:2}
  .mt-banner__card--split:has(.mt-banner__media){min-block-size:23.75rem}
  .mt-banner__card--split .mt-banner__body{padding-block:4rem}
  .mt-banner__card--row{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}
  .mt-banner__card--row.mt-banner__card--navy,.mt-banner__card--row.mt-banner__card--image{padding-inline:3.5rem}
  .mt-banner__card--row .mt-banner__body{flex:1 1 0}
  .mt-banner__card--row .mt-banner__aside{flex:none}
  .mt-banner__card--row .mt-banner__form{flex:0 1 28.75rem}
  .mt-banner__card--row:has(.mt-banner__items) .mt-banner__body{flex:0 1 22.5rem}
  .mt-banner__card--row:has(.mt-banner__items) .mt-banner__aside:has(.mt-banner__items){flex:1 1 0}
}