﻿:root{--fs-h1:clamp(2rem,3.5vw,3rem)}
h1{font-size:var(--fs-h1);line-height:1.15;margin:0 0 .5em}
:is(section,article,nav,aside) h1{font-size:var(--fs-h1)}

.welcome{position:relative;width:100%;color:#fff;overflow:hidden;min-height:clamp(56vh,56vw,78vh);margin-bottom:clamp(24px,4vw,56px);margin-top:80px}
.welcome__media{position:absolute;inset:0;margin:0;width:100%;height:100%}
.welcome__media picture,.welcome__media img{aspect-ratio:16/9;object-fit:cover;width:100%}
.welcome::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(10,15,43,.35) 75%);pointer-events:none}
.welcome__media img{width:100%;height:100%;object-fit:cover;object-position:center center;border-radius:0 0 clamp(8px,2vw,32px) clamp(8px,2vw,32px)}
.welcome__overlay{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding:clamp(16px,3vw,40px)}
.welcome__content{background:rgba(10,15,43,.48);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 10px 28px rgba(0,0,0,.25);padding:clamp(16px,3vw,32px);max-width:var(--desk-maxw)}
.welcome__content h1{margin:0 0 10px;font-size:clamp(1.05rem,3.2vw,1.55rem);line-height:1.2}
.welcome__content p{margin:0 0 12px;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.55;color:#f3f6ff}
.welcome__cta{display:grid;gap:12px;margin-top:12px}
.welcome__cta>*{width:100%;justify-self:stretch}

@media(max-width:1024px){
  .welcome{min-height:auto;--mobile-card-offset:clamp(52px,12vw,120px)}
  .welcome__media{position:relative;inset:auto;height:auto}
  .welcome__media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:var(--hero-focus)}
  .welcome::before{display:none}
  .welcome__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(0deg,rgba(10,15,43,.46),rgba(10,15,43,0));pointer-events:none}
  .welcome__overlay{padding:0 clamp(14px,4vw,24px) clamp(14px,4vw,24px);margin-top:calc(-1*var(--mobile-overlap,0px));display:block}
  .welcome__content{width:min(94%,640px);margin-left:clamp(12px,4vw,28px);background:rgba(255,255,255,.92);color:#0A0F2B;border:1px solid rgba(10,15,43,.08);border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.22);backdrop-filter:none;-webkit-backdrop-filter:none;padding:clamp(14px,4vw,22px);max-width:none;margin-top:var(--mobile-card-offset,0)}
  .welcome__content p{color:#333}
}

@media(min-width:1025px){
  .welcome{min-height:68vh;margin:0 auto}
  .welcome__overlay{align-items:end;justify-items:start;padding:clamp(16px,3vw,40px)}
  .welcome__content{position:relative;margin:clamp(20px,3vw,36px) 0}
}

.breadcrumb{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.breadcrumb li{display:flex;align-items:center;max-width:100%;font-size:1rem;min-width:0}
.breadcrumb li a:hover{text-decoration:underline}
.breadcrumb li:not(:last-child)::after{content:'›';padding:0 4px;color:var(--muted,#777);flex:0 0 auto}
.breadcrumb li:last-child::after{content:''}
.breadcrumb li:last-child a{color:inherit;pointer-events:none;text-decoration:none;font-weight:600}

@media(max-width:480px){
  .breadcrumb{margin:12px 0 0}
  .breadcrumb li{font-size:.95rem}
}
