.regions-section{padding:90px 0 65px;background:#f4f6fc;color:#233653;scroll-margin-top:112px}.regions-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.regions-heading h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5.3vw,76px);line-height:1.06;letter-spacing:-.045em;margin:0}.regions-heading h2 em{font-weight:400;color:#526b9a}.regions-heading-side{max-width:320px;padding-bottom:5px}.regions-heading-side p{font-size:16px;line-height:1.75;color:#53637d;margin:0 0 22px}.regions-heading-side>a{font-size:13px;border-bottom:1px solid #9babca;padding-bottom:8px;display:inline-flex;gap:35px;align-items:center}.regions-heading-side>a span{font-size:24px;line-height:1}.region-progress{position:sticky;top:98px;z-index:6;display:grid;grid-template-columns:.7fr 1.25fr .7fr 1.3fr .85fr;gap:5px;background:#f4f6cf00;background:#f4f6fc;padding:17px 0 22px}.region-progress a{padding:11px 12px;border-bottom:2px solid #dbe2ef;font-size:14px;display:flex;align-items:center;gap:12px;color:#60718d;transition:color .2s,border-color .2s}.region-progress a span{font-size:10px;color:#7f91b0}.region-progress a[aria-current=true]{color:#284879;border-color:#375997}.region-progress a[aria-current=true] span{color:#284879}.region-progress a:hover{color:#284879;border-color:#375997}.region-card-stack{padding-bottom:35px}.region-card{position:sticky;top:calc(180px + var(--region-order)*7px);z-index:calc(1 + var(--region-order));display:grid;grid-template-columns:1.12fr 1fr;min-height:540px;margin-bottom:34px;background:#fff;border:1px solid #d5def0;box-shadow:0 12px 36px #233b6610;scroll-margin-top:183px}.region-card:last-child{margin-bottom:0}.region-card-copy{padding:38px 44px 36px;min-width:0;display:flex;flex-direction:column}.region-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:.1em;color:#52709b;margin-bottom:35px}.region-card-top>span:last-child{white-space:nowrap}.region-card h3{font-family:var(--serif);font-weight:400;font-size:clamp(39px,4.4vw,63px);line-height:1.1;letter-spacing:-.05em;margin:0 0 21px;overflow-wrap:normal}.region-card h3>span{color:#93aace}.region-card-intro{font-size:15px;line-height:1.8;color:#5a6b83;margin:0 0 27px;max-width:440px}.region-service{margin-top:auto}.region-label{font-size:10px;letter-spacing:.11em;color:#526b8e}.region-service dl{margin:10px 0}.region-service dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-top:1px solid #e0e6f0;padding:10px 0}.region-service dt{font-size:15px}.region-service dd{font-size:23px;margin:0;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.region-demo-note{font-size:11px;color:#69798e;line-height:1.6;margin:8px 0 22px}.region-map-link{border:0;border-bottom:1px solid #9cacc5;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:10px 0;background:none;align-self:flex-start;font-size:13px;color:#294a83}.region-map-link>span{font-size:25px;line-height:1}.region-map-link:hover{color:#111f37;border-color:#111f37}.region-portrait{background:radial-gradient(ellipse at 100% 0,#bcd7ec,transparent 70%),#dbe5f7;position:relative;overflow:hidden;min-height:100%;color:#3c5d94;display:flex;align-items:flex-end}.region-portrait-initial{position:absolute;top:30px;left:35px;font-family:var(--serif);font-size:220px;line-height:1;color:#fff6;letter-spacing:-.08em}.region-portrait-sketch{position:absolute;width:87%;height:auto;right:0;bottom:118px;max-height:360px}.region-portrait-badge{position:absolute;top:24px;right:25px;border:1px solid #42639750;border-radius:30px;padding:5px 11px;font-size:9px;letter-spacing:.09em}.region-portrait-caption{position:relative;z-index:1;width:100%;background:linear-gradient(0deg,#dbe5f7 68%,#dbe5f700);padding:65px 35px 30px}.region-portrait-caption>span{font-size:9px;letter-spacing:.12em}.region-portrait-caption p{font-family:var(--serif);font-size:29px;line-height:1.17;letter-spacing:-.02em;margin:12px 0}.region-portrait-caption small{display:block;max-width:300px;font-size:11px;line-height:1.6;color:#506991}.region-tone-lilac .region-portrait{background:radial-gradient(ellipse at 100% 0,#cbd5ef,transparent 75%),#dfdef3;color:#68658c}.region-tone-lilac .region-portrait-caption{background:linear-gradient(0deg,#dfdef3 68%,#dfdef300)}.region-tone-teal .region-portrait{background:radial-gradient(ellipse at 100% 0,#c0dedf,transparent 75%),#d9e9ed;color:#3e727e}.region-tone-teal .region-portrait-caption{background:linear-gradient(0deg,#d9e9ed 68%,#d9e9ed00)}.region-tone-slate .region-portrait{background:radial-gradient(ellipse at 100% 0,#b6cfe5,transparent 75%),#dce3ef;color:#4b6788}.region-tone-slate .region-portrait-caption{background:linear-gradient(0deg,#dce3ef 68%,#dce3ef00)}
.region-map-section{padding-top:55px;scroll-margin-top:115px}.region-map-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}.region-map-heading h3{font-family:var(--serif);font-weight:400;letter-spacing:-.04em;font-size:55px;line-height:1.07;margin:0}.region-map-heading h3 em{color:#536d9a}.region-map-heading>p{color:#596d8c;font-size:15px;line-height:1.8;margin:0 0 5px}.region-map-layout{display:grid;grid-template-columns:1.6fr 1fr;background:#fff;border:1px solid #d4def0}.region-map-info{padding:40px 33px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:110px;min-width:0}.region-map-info-label{font-size:9px;letter-spacing:.12em;color:#5d7497}.region-map-info h4{font-family:var(--serif);font-size:34px;font-weight:400;letter-spacing:-.04em;line-height:1.15;margin:22px 0 17px}.region-map-info #region-map-intro{font-size:14px;line-height:1.8;color:#5a6c84;margin:0 0 24px}.region-map-times{font-size:14px;margin:0}.region-map-times>div{border-top:1px solid #dce4ef;display:flex;justify-content:space-between;gap:15px;padding:13px 0}.region-map-times dd{margin:0;font-variant-numeric:tabular-nums}.region-map-return{font-size:13px;color:#2c4d86;border-bottom:1px solid #bdcbe2;padding:10px 0;display:flex;justify-content:space-between;gap:15px}.region-map-return span{font-size:19px}.regions-prototype-note{font-size:11px;line-height:1.6;max-width:650px;color:#6b7890;margin:22px 0 0}.region-card.is-seen .region-portrait-sketch{animation:region-portrait-enter .85s ease-out both}.region-map-section.is-seen .region-map-art{animation:region-map-enter .75s ease-out both}.region-map-info.is-changing #region-map-details{animation:region-detail-enter .3s ease-out}@keyframes region-portrait-enter{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes region-map-enter{from{opacity:.4;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes region-detail-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.region-card-copy{padding:30px}.region-card h3{font-size:43px}.region-card-top{font-size:8px;gap:10px}.region-portrait-caption{padding-left:27px;padding-right:27px}.region-map-layout{grid-template-columns:1.35fr 1fr}.region-map-info{padding:30px 23px}.region-map-info h4{font-size:29px}.region-map-times{font-size:13px}.region-progress a{font-size:12px;padding-left:5px;gap:8px}}
@media(max-width:850px),(max-height:800px){.region-card{position:relative;top:auto}.region-progress{position:relative;top:auto}.region-card{scroll-margin-top:110px}}
@media(max-width:850px){.regions-section{padding:55px 0 40px}.regions-heading{display:block;margin-bottom:27px}.regions-heading h2{font-size:55px}.regions-heading-side{max-width:none;margin-top:24px}.regions-heading-side p br{display:none}.regions-heading-side p{margin-bottom:14px}.region-progress{grid-template-columns:1fr 1fr;padding:10px 0 23px;gap:8px 20px}.region-progress a{font-size:13px}.region-card{grid-template-columns:1fr;min-height:0;margin-bottom:25px}.region-card h3{font-size:clamp(35px,6.8vw,55px)}.region-card-copy{padding:31px}.region-card-top{margin-bottom:27px}.region-card-intro{max-width:none}.region-service dd{font-size:24px}.region-portrait{min-height:330px}.region-portrait-sketch{height:280px;width:auto;right:0;bottom:0;max-width:65%}.region-portrait-initial{font-size:175px;top:35px;left:27px}.region-portrait-caption{background:linear-gradient(90deg,#dbe5f7 45%,#dbe5f722)!important;width:100%;padding:130px 27px 28px}.region-portrait-caption p{font-size:27px;max-width:210px}.region-portrait-caption small{max-width:220px}.region-tone-lilac .region-portrait-caption{background:linear-gradient(90deg,#dfdef3 45%,#dfdef322)!important}.region-tone-teal .region-portrait-caption{background:linear-gradient(90deg,#d9e9ed 45%,#d9e9ed22)!important}.region-tone-slate .region-portrait-caption{background:linear-gradient(90deg,#dce3ef 45%,#dce3ef22)!important}.region-map-section{padding-top:20px}.region-map-heading{display:block}.region-map-heading h3{font-size:46px}.region-map-heading>p{margin-top:23px}.region-map-layout{grid-template-columns:1fr}.region-map-info{padding:30px}.region-map-info h4{font-size:36px}.region-map-times{font-size:15px}}
@media(max-width:430px){.regions-heading h2{font-size:40px}.regions-heading-side p{font-size:14px}.region-progress{gap:7px 10px}.region-progress a{font-size:11px;gap:6px}.region-progress a span{font-size:9px}.region-card-copy{padding:24px 20px}.region-card h3{font-size:32px;letter-spacing:-.055em}.region-card-top{font-size:7px;letter-spacing:.06em}.region-card-intro{font-size:14px;line-height:1.75}.region-service dd{font-size:20px}.region-service dt{font-size:13px}.region-demo-note{font-size:10px}.region-portrait{min-height:290px}.region-portrait-caption{padding:100px 21px 25px}.region-portrait-caption p{font-size:25px}.region-portrait-caption small{max-width:205px}.region-portrait-sketch{height:230px;max-width:72%}.region-map-info{padding:26px 21px}.region-map-info h4{font-size:30px}.region-map-times{font-size:13px}.region-map-heading h3{font-size:41px}.region-map-heading>p{font-size:14px}.regions-prototype-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){.region-card.is-seen .region-portrait-sketch,.region-map-section.is-seen .region-map-art,.region-map-info.is-changing #region-map-details{animation:none}.region-progress a{transition:none}}

.region-map-art {
  --region-map-ink: #edf4ff;
  position: relative;
  isolation: isolate;
  min-width: 0;
  color: var(--region-map-ink);
  background: radial-gradient(ellipse at 18% 22%, #2c527e 0%, transparent 64%), linear-gradient(150deg, #203d63, #172c4d 78%);
  overflow: hidden;
  border: 1px solid rgba(197, 215, 245, .18);
}
.region-map-art *, .region-map-art *::before, .region-map-art *::after { box-sizing: border-box; }
.region-map-kicker { position: relative; z-index: 1; display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 26px 30px 0; color: #b9cdeb; font-size: 10px; font-weight: 600; letter-spacing: .16em; }
.region-map-compass { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; line-height: 1; }
.region-map-compass span { font-size: 24px; font-weight: 400; }
.region-map-canvas { position: relative; aspect-ratio: 800 / 650; min-height: 330px; width: 100%; }
.region-map-drawing { position: absolute; width: 100%; height: 100%; inset: 0; }
.region-map-water { opacity: .58; }
.region-map-river-main { stroke-width: 4; }
.region-map-river-small { stroke-width: 2; }
.region-map-country { position: absolute; color: #afc4df; font-size: 9px; letter-spacing: .18em; font-weight: 500; opacity: .6; pointer-events: none; }
.region-map-country-north { top: 5%; left: 50%; }
.region-map-country-south { bottom: 9%; left: 7%; }
.region-map-water-label { position: absolute; pointer-events: none; color: #a3c9e4; font: italic 13px Georgia, serif; opacity: .7; }
.region-map-water-danube { top: 24%; left: 45%; transform: rotate(19deg); }
.region-map-water-moson { top: 42%; left: 30%; transform: rotate(29deg); font-size: 11px; }
.region-map-water-raba { top: 72%; left: 36%; transform: rotate(-40deg); }
.region-map-pin {
  position: absolute;
  z-index: 2;
  top: var(--map-y);
  left: var(--map-x);
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
  appearance: none;
  border: 0;
  border-radius: 50%;
  padding: 0;
  background: transparent;
  color: var(--region-map-ink);
  font: inherit;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
.region-map-dot { display: block; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; border: 2px solid #e5efff; background: #799bcc; border-radius: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 7px rgba(161, 191, 232, .1); transition: box-shadow .25s, background .25s, transform .25s; }
.region-map-pin[aria-pressed="true"] .region-map-dot { background: #fff; box-shadow: 0 0 0 7px rgba(211, 229, 255, .16), 0 0 0 15px rgba(211, 229, 255, .06); }
.region-map-label { position: absolute; left: 50%; top: 39px; transform: translateX(-50%); white-space: nowrap; font-size: clamp(13px, 1.15vw, 17px); line-height: 1.25; font-weight: 500; background: #213c60; border: 1px solid rgba(204, 221, 246, .18); border-radius: 5px; padding: 8px 11px; box-shadow: 0 5px 18px rgba(4, 17, 33, .13); transition: background .25s, color .25s, border-color .25s; }
.region-map-label small { display: block; font-size: 10px; font-weight: 400; color: #b8cce8; letter-spacing: .025em; margin-top: 4px; }
.region-map-pin[aria-pressed="true"] .region-map-label { background: #eef4ff; color: #203f68; border-color: #eef4ff; }
.region-map-pin[aria-pressed="true"] .region-map-label small { color: #496586; }
.region-map-pin:hover .region-map-dot { transform: translate(-50%, -50%) scale(1.25); box-shadow: 0 0 0 10px rgba(211, 229, 255, .15); }
.region-map-pin:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.region-map-pin:focus-visible .region-map-label { outline: 2px solid #fff; outline-offset: 3px; }
.region-map-home { position: absolute; left: var(--map-x); top: var(--map-y); display: flex; align-items: center; gap: 12px; transform: translate(-7px, -7px); pointer-events: none; }
.region-map-home-dot { width: 14px; height: 14px; flex: none; border: 1px solid #9bb7dc; border-radius: 50%; background: #203d63; box-shadow: inset 0 0 0 4px #203d63, inset 0 0 0 8px #c3d8f4; }
.region-map-home > span:last-child { font: 28px/1 Georgia, serif; transform: translateY(8px); }
.region-map-home small { display: block; margin-top: 8px; color: #b8cce8; font: 9px/1.3 Arial, sans-serif; letter-spacing: .07em; }
.region-map-hint { display: flex; align-items: center; gap: 12px; margin: 0 30px !important; padding: 18px 0; border-top: 1px solid rgba(198, 218, 245, .18); font-size: 12px !important; line-height: 1.5 !important; color: #e2ecfb !important; }
.region-map-hint > span { font-size: 24px; line-height: 1; }
.region-map-note { margin: 0 !important; padding: 0 30px 26px; font-size: 10px !important; line-height: 1.6 !important; color: #b1c4df !important; max-width: none !important; }
@media (max-width: 600px) {
  .region-map-kicker { padding: 22px 18px 0; font-size: 9px; letter-spacing: .13em; }
  .region-map-label { font-size: 13px; padding: 7px 9px; }
  .region-map-pin-moson .region-map-label { transform: translateX(-38%); }
  .region-map-pin-meder .region-map-label { transform: translateX(-55%); }
  .region-map-country { font-size: 8px; letter-spacing: .12em; }
  .region-map-country-north { left: 53%; }
  .region-map-water-moson { font-size: 10px; left: 25%; }
  .region-map-home { gap: 8px; }
  .region-map-home > span:last-child { font-size: 24px; }
  .region-map-hint { margin: 0 18px !important; font-size: 11px !important; }
  .region-map-note { padding: 0 18px 22px; }
}
@media (prefers-reduced-motion: no-preference) {
  .region-map-art.is-visible .region-map-water path { animation: region-map-draw 1.6s cubic-bezier(.3,.1,.2,1) both; stroke-dasharray: 1; }
  .region-map-art.is-visible .region-map-pin { animation: region-map-arrive .65s ease-out both; }
  .region-map-art.is-visible .region-map-pin-meder { animation-delay: .12s; }
  .region-map-art.is-visible .region-map-pin-csorna { animation-delay: .24s; }
  .region-map-art.is-visible .region-map-pin-tet { animation-delay: .36s; }
  @keyframes region-map-draw { from { stroke-dashoffset: 1; opacity: .2; } to { stroke-dashoffset: 0; opacity: 1; } }
  @keyframes region-map-arrive { from { opacity: 0; transform: translate(-50%, calc(-50% + 12px)); } to { opacity: 1; transform: translate(-50%, -50%); } }
}
@media (prefers-reduced-motion: reduce) {
  .region-map-art *, .region-map-art *::before, .region-map-art *::after { animation: none !important; transition: none !important; }
}
/* Anchor offsets complement the site's global scroll padding. */
.regions-section,.region-map-section,.region-map-info{scroll-margin-top:10px}.region-card{scroll-margin-top:80px}
.region-map-info .region-demo-note{white-space:pre-line}
@media(max-width:850px),(max-height:800px){.region-card{scroll-margin-top:10px}}

@media(max-width:350px){.region-card h3{font-size:30px}.region-map-info h4{font-size:28px}}