/* Native, copyable connection story. Every rule is local to this component. */
.ibu-connection-story {
  --connection-blue:#2476a8;
  --connection-night:#123247;
  --connection-text:#edf6fb;
  --connection-soft:#c1d8e6;
  --story-progress:0;
  --step-progress:0;
  margin-block:clamp(28px,4vw,56px);
  margin-block-start:clamp(16px,2vw,24px);
  overflow:visible;
  overflow-wrap:anywhere;
}
.ibu-connection-story .ibu-connection-story__inner { width:min(1200px,calc(100% - 48px));margin-inline:auto; }
.ibu-connection-story .ibu-connection-story__accessible { position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0; }
.ibu-connection-story [hidden] { display:none!important; }
.ibu-connection-story .ibu-connection-story__stage {
  position:relative;isolation:isolate;padding:0;overflow:hidden;border:1px solid #284c62;border-radius:22px;
  background:radial-gradient(ellipse at 51% 30%,#214e67 0%,transparent 55%),linear-gradient(130deg,#102c40 0%,#153b50 63%,#193a50 100%);
  color:var(--connection-text);box-shadow:0 16px 38px rgba(26,58,79,.08);
}
.ibu-connection-story .ibu-connection-story__stage::before { content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(141,208,238,.025),transparent 46%);pointer-events:none; }
.ibu-connection-story .ibu-connection-story__topline { display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0;padding:25px 36px 0; }
.ibu-connection-story .ibu-connection-story__eyebrow { display:flex;align-items:center;gap:11px;min-width:0;margin:0;color:#b3daed;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:.12em;text-transform:uppercase; }
.ibu-connection-story .ibu-connection-story__eyebrow>svg { flex:0 0 22px;width:22px;height:22px;color:#75bde1; }
.ibu-connection-story .ibu-connection-story__counter { display:flex;align-items:baseline;gap:6px;flex:0 0 auto;color:#a0bdce;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.06em; }
.ibu-connection-story .ibu-connection-story__counter>span:first-child { color:#e1f3fe;font-size:19px;font-weight:600; }
.ibu-connection-story .ibu-connection-story__scene {
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.65fr) minmax(0,1fr);align-items:end;gap:20px;
  max-width:1100px;min-height:350px;margin:0 auto;padding:14px 34px 0;
}
.ibu-connection-story .ibu-connection-story__map { position:absolute;z-index:-2;inset:0 -5%;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(182,220,239,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(182,220,239,.07) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(ellipse,#000 10%,transparent 73%); }
.ibu-connection-story .ibu-connection-story__routes { position:absolute;z-index:-1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none; }
.ibu-connection-story .ibu-connection-story__routes--small { display:none; }
.ibu-connection-story .ibu-connection-story__land { stroke:#82b4cd;stroke-width:1;opacity:.1; }
.ibu-connection-story .ibu-connection-story__land--far { opacity:.07; }
.ibu-connection-story .ibu-connection-story__route-bed { stroke:#83b8d3;stroke-width:12;opacity:.08; }
.ibu-connection-story .ibu-connection-story__route-reveal { stroke:#72bce4;stroke-width:2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:.7; }
.ibu-connection-story .ibu-connection-story__route-trace { stroke:#bcdfef;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 18;opacity:.5; }
.ibu-connection-story .ibu-connection-story__milestone { fill:#c3e8fa;stroke:#244c63;stroke-width:5;paint-order:stroke; }
.ibu-connection-story .ibu-connection-story__traveller { opacity:0; }
.ibu-connection-story .ibu-connection-story__traveller circle { fill:#e7f7ff;stroke:#478db5;stroke-width:2; }
.ibu-connection-story .ibu-connection-story__traveller path { stroke:#2476a8;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round; }
.ibu-connection-story .ibu-connection-story__actor {
  display:block;position:relative;float:none;clear:none;min-width:0;width:100%;max-width:340px;height:auto;margin:0 auto;padding:0;
  border:0;border-radius:0;background:none;box-shadow:none;text-align:center;overflow:visible;
}
.ibu-connection-story .ibu-connection-story__artboard { display:grid;place-items:center;position:relative;float:none;width:100%;height:auto;aspect-ratio:360 / 330;margin:0;padding:0;border:0;background:none;overflow:visible; }
.ibu-connection-story .ibu-connection-story__artboard>.ibu-connection-story__art { display:block;position:static;float:none;width:100%;height:auto;max-width:none;max-height:none;margin:0;overflow:visible; }
.ibu-connection-story .ibu-connection-story__artboard--photo { aspect-ratio:auto;min-height:0;height:auto; }
.ibu-connection-story .ibu-connection-story__artboard>a,.ibu-connection-story .ibu-connection-story__artboard picture { display:block;width:100%;max-width:100%;height:auto!important;margin:0;padding:0; }
.ibu-connection-story .ibu-connection-story__artboard img { display:block;position:static;float:none;clear:none;width:100%;max-width:100%;height:auto!important;max-height:295px;aspect-ratio:auto!important;margin:0;padding:0;object-fit:contain;border:0;border-radius:12px;box-shadow:0 12px 25px rgba(0,0,0,.12); }
.ibu-connection-story .ibu-connection-story__actor>figcaption { display:block;position:static;float:none;width:100%;height:auto;margin:7px 0 0;padding:0;border:0;color:#e7f3fb;font-family:inherit;font-size:clamp(13px,1.5vw,17px);font-weight:550;line-height:1.5;text-align:center;letter-spacing:0;text-wrap:balance; }
.ibu-connection-story .ibu-connection-story__hub { position:relative;align-self:center;min-width:0;max-width:220px;width:100%;margin:-5px auto 0;text-align:center; }
.ibu-connection-story .ibu-connection-story__anchor { display:block;width:100%;height:auto;margin:0;overflow:visible;filter:drop-shadow(0 8px 22px rgba(4,22,37,.15)); }
.ibu-connection-story .ibu-connection-story__halo { transform-box:fill-box;transform-origin:center;transition:opacity .7s ease,transform .7s ease; }
.ibu-connection-story .ibu-connection-story__match,.ibu-connection-story .ibu-connection-story__next { transform-box:fill-box;transform-origin:center;transition:opacity .55s ease,transform .55s cubic-bezier(.2,.65,.2,1); }
.ibu-connection-story .ibu-connection-story__company-talk { opacity:0;transition:opacity .6s ease; }
.ibu-connection-story.is-enhanced[data-graphic-phase="2"] .ibu-connection-story__company-talk { opacity:1; }
.ibu-connection-story .ibu-connection-story__dialogue { opacity:0;transform:translateY(7px);transition:opacity .5s ease,transform .5s ease; }
.ibu-connection-story .ibu-connection-story__meeting-label { position:relative;margin:-5px -24px 0;padding:0;color:#b9e1f4;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:.1em;text-transform:uppercase;text-wrap:balance; }
.ibu-connection-story .ibu-connection-story__panels { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px;margin:0;padding:26px 36px 30px; }
.ibu-connection-story .ibu-connection-story__panel { min-width:0;margin:0;padding:0;text-align:left; }
.ibu-connection-story .ibu-connection-story__phase-label { margin:0 0 8px;padding:0;color:#8fcced;font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.16em;text-transform:uppercase; }
.ibu-connection-story .ibu-connection-story__phase-heading { margin:0;padding:0;color:#f3f9fd;font-size:clamp(21px,2.1vw,28px);font-weight:550;line-height:1.3;letter-spacing:-.02em;text-wrap:balance; }
.ibu-connection-story .ibu-connection-story__phase-text { max-width:720px;margin:14px auto 0;padding:0;color:var(--connection-soft);font-size:15px;font-weight:400;line-height:1.8;letter-spacing:0; }
.ibu-connection-story.is-enhanced .ibu-connection-story__panels { display:grid;grid-template-columns:1fr;min-height:195px;align-content:start;padding-top:24px;padding-bottom:30px; }
.ibu-connection-story.is-enhanced .ibu-connection-story__panel { grid-area:1 / 1;max-width:780px;width:100%;margin:0 auto;text-align:center; }
.ibu-connection-story.is-enhanced .ibu-connection-story__panel:not(.is-current) { visibility:hidden;pointer-events:none; }
.ibu-connection-story .ibu-connection-story__footer { display:flex;align-items:center;gap:28px;margin:0 36px;padding:0 0 21px;border-top:1px solid rgba(191,220,237,.14); }
.ibu-connection-story .ibu-connection-story__steps { display:flex;flex:1 1 auto;flex-wrap:wrap;gap:20px;min-width:0;list-style:none;margin:0;padding:0;counter-reset:none; }
.ibu-connection-story .ibu-connection-story__step { position:relative;flex:1 1 110px;min-width:0;list-style:none;margin:0;padding:0;border:0; }
.ibu-connection-story .ibu-connection-story__step::before { content:none; }
.ibu-connection-story .ibu-connection-story__step-button {
  display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;position:relative;width:100%;min-height:57px;height:auto;margin:0;padding:16px 0 12px;
  border:0;border-radius:0;background:none;box-shadow:none;color:#a9c2d3;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;
  letter-spacing:0;text-align:left;text-transform:none;white-space:normal;cursor:pointer;transition:color .2s ease;
}
.ibu-connection-story .ibu-connection-story__step-button:disabled { opacity:1;cursor:default; }
.ibu-connection-story .ibu-connection-story__step-button:hover,.ibu-connection-story .ibu-connection-story__step-button:active { background:none;box-shadow:none;color:#fff; }
.ibu-connection-story .ibu-connection-story__step-number { font-size:10px;line-height:1.8;font-weight:600;font-variant-numeric:tabular-nums;opacity:.6; }
.ibu-connection-story .ibu-connection-story__step-label { display:block;min-width:0; }
.ibu-connection-story .ibu-connection-story__step-track { position:absolute;top:-1px;left:0;right:0;height:2px;background:rgba(191,220,237,.14); }
.ibu-connection-story .ibu-connection-story__step-track::before { content:'';position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:#77c2ea; }
.ibu-connection-story .ibu-connection-story__step.is-current .ibu-connection-story__step-track::before { transform:scaleX(var(--step-progress)); }
.ibu-connection-story .ibu-connection-story__step.is-complete .ibu-connection-story__step-track::before { transform:scaleX(1);background:#4488ad; }
.ibu-connection-story .ibu-connection-story__step.is-current .ibu-connection-story__step-button { color:#f5fbff; }
.ibu-connection-story .ibu-connection-story__step.is-current .ibu-connection-story__step-number { color:#9fdaee;opacity:1; }
.ibu-connection-story .ibu-connection-story__motion {
  display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-height:38px;height:auto;margin:15px 0 0;padding:8px 12px;
  border:1px solid rgba(198,227,244,.28);border-radius:20px;background:rgba(231,246,255,.04);box-shadow:none;color:#e0f0f9;font-family:inherit;
  font-size:11px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none;white-space:normal;cursor:pointer;
}
.ibu-connection-story .ibu-connection-story__motion:hover,.ibu-connection-story .ibu-connection-story__motion:active { border-color:#b6e4f9;background:rgba(231,246,255,.1);color:#fff;box-shadow:none; }
.ibu-connection-story .ibu-connection-story__motion>svg { flex:0 0 14px;width:14px;height:14px; }
.ibu-connection-story .ibu-connection-story__play-icon { display:none; }
.ibu-connection-story:not([data-running="true"]) .ibu-connection-story__pause-icon { display:none; }
.ibu-connection-story:not([data-running="true"]) .ibu-connection-story__play-icon { display:block; }
.ibu-connection-story .ibu-connection-story__motion:focus-visible,.ibu-connection-story .ibu-connection-story__step-button:focus-visible { outline:2px solid #a2ddf8;outline-offset:5px; }
.ibu-connection-story .ibu-connection-story__outcome { display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px 30px;border-top:1px solid rgba(191,220,237,.1);background:rgba(5,25,39,.2);color:#bbd9e8;font-size:12px;font-weight:450;line-height:1.7;text-align:center; }
.ibu-connection-story .ibu-connection-story__outcome>svg { flex:0 0 20px;width:20px;height:20px;color:#8fc8bd; }

/* Each selected station changes the illustrated story as well as its explanation. */
.ibu-connection-story.is-enhanced[data-graphic-phase="0"] .ibu-connection-story__match,.ibu-connection-story.is-enhanced[data-graphic-phase="0"] .ibu-connection-story__next { opacity:0;transform:scale(.7); }
.ibu-connection-story.is-enhanced[data-graphic-phase="0"] .ibu-connection-story__halo { opacity:.35;transform:scale(.93); }
.ibu-connection-story.is-enhanced[data-graphic-phase="1"] .ibu-connection-story__next { opacity:0;transform:translateX(-6px); }
.ibu-connection-story.is-enhanced[data-graphic-phase="1"] .ibu-connection-story__dialogue { opacity:1;transform:translateY(0); }
.ibu-connection-story.is-enhanced[data-graphic-phase="1"] .ibu-connection-story__halo { opacity:1;transform:scale(1.04); }
.ibu-connection-story.is-enhanced[data-graphic-phase="2"] .ibu-connection-story__door-light { fill:#d7e8bc; }
.ibu-connection-story.is-enhanced[data-graphic-phase="2"] .ibu-connection-story__halo--two { transform:rotate(14deg) scale(1.06); }

/* A single youth group stays in one SVG coordinate system for the entire loop. */
.ibu-connection-story { --story-duration:24000ms;--story-offset:0ms;--story-travel-x:0px;--story-travel-y:0px;--gait-duration:1050ms;--gait-offset:0ms; }
.ibu-connection-story--graphic .ibu-connection-story__scene { min-height:390px;padding-bottom:70px; }
.ibu-connection-story--graphic .ibu-connection-story__routes { display:none; }
.ibu-connection-story--graphic .ibu-connection-story__map { opacity:.18; }
.ibu-connection-story--graphic .ibu-connection-story__actor--young { grid-column:1;grid-row:1;z-index:3; }
.ibu-connection-story--graphic .ibu-connection-story__actor--company { grid-column:3;grid-row:1;z-index:1; }
.ibu-connection-story--graphic .ibu-connection-story__hub { position:absolute;left:50%;bottom:3px;max-width:148px;width:148px;margin:0;transform:translateX(-50%);z-index:2; }
.ibu-connection-story--graphic .ibu-connection-story__anchor { filter:none; }
.ibu-connection-story--graphic .ibu-connection-story__hub .ibu-connection-story__dialogue { display:none; }
.ibu-connection-story--graphic[data-graphic-phase="1"] .ibu-connection-story__match { opacity:0;transform:scale(.7); }
.ibu-connection-story--graphic .ibu-connection-story__meeting-label { margin-top:-9px;font-size:9px;letter-spacing:.08em; }
.ibu-connection-story .ibu-connection-story__water { position:absolute;inset:0;z-index:-1;width:100%;height:100%;overflow:hidden;pointer-events:none; }
.ibu-connection-story .ibu-connection-story__water-current { fill:none;stroke:#8bc3d2;stroke-width:1.2;stroke-opacity:.22;vector-effect:non-scaling-stroke; }
.ibu-connection-story .ibu-connection-story__tether { fill:none;stroke:#b6ced2;stroke-width:1.15;stroke-dasharray:2 5;stroke-opacity:.4;stroke-linecap:round;vector-effect:non-scaling-stroke; }
.ibu-connection-story .ibu-connection-story__boardwalk { fill:none;stroke:#91b3ba;stroke-width:5;stroke-dasharray:2 4;stroke-opacity:.26; }
.ibu-connection-story .ibu-connection-story__platform-wake { fill:none;stroke:#8fc7d5;stroke-width:1.2;stroke-opacity:.23; }
.ibu-connection-story .ibu-connection-story__young-people { transform-box:view-box;transform-origin:0 0; }
.ibu-connection-story .ibu-connection-story__walk-leg,.ibu-connection-story .ibu-connection-story__walk-body,.ibu-connection-story .ibu-connection-story__walk-arm { transform-box:view-box; }
.ibu-connection-story .ibu-connection-story__person--first .ibu-connection-story__walk-leg--left { transform-origin:99px 219px; }
.ibu-connection-story .ibu-connection-story__person--first .ibu-connection-story__walk-leg--right { transform-origin:118px 219px; }
.ibu-connection-story .ibu-connection-story__person--second .ibu-connection-story__walk-leg--left { transform-origin:186px 219px; }
.ibu-connection-story .ibu-connection-story__person--second .ibu-connection-story__walk-leg--right { transform-origin:209px 219px; }
.ibu-connection-story .ibu-connection-story__person--first .ibu-connection-story__walk-body { transform-origin:108px 219px; }
.ibu-connection-story .ibu-connection-story__person--second .ibu-connection-story__walk-body { transform-origin:200px 219px; }
.ibu-connection-story .ibu-connection-story__person--first .ibu-connection-story__walk-arm { transform-origin:78px 196px; }
.ibu-connection-story .ibu-connection-story__person--second .ibu-connection-story__walk-arm--left { transform-origin:160px 195px; }
.ibu-connection-story .ibu-connection-story__person--second .ibu-connection-story__walk-arm--right { transform-origin:237px 194px; }
.ibu-connection-story .ibu-connection-story__anchor-piece { transform-box:fill-box;transform-origin:center; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__route-reveal { animation:ibu-connection-route-build var(--story-duration) linear infinite; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__route-trace { animation:ibu-connection-route-flow var(--story-duration) linear infinite; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__float { animation:ibu-connection-float var(--story-duration) ease-in-out infinite; }
.ibu-connection-story.is-enhanced[data-animated="true"][data-motion-geometry="true"]:not(.is-reduced) .ibu-connection-story__young-people { animation:ibu-connection-young-walk var(--story-duration) linear infinite;will-change:transform,opacity; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__youth-talk { animation:ibu-connection-youth-talk var(--story-duration) ease-in-out infinite; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__route-reveal,
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__route-trace,
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__float,
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__young-people,
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__youth-talk { animation-delay:var(--story-offset); }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__water-current { animation:ibu-connection-current 8s ease-in-out infinite; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) [data-story-water-current="1"] { animation-duration:10s;animation-direction:reverse; }
.ibu-connection-story.is-enhanced[data-animated="true"]:not(.is-reduced) [data-story-water-current="2"] { animation-duration:12s; }
/* One shared, very small lift keeps people and their platforms together. */
.ibu-connection-story--graphic.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__buoyant-world,
.ibu-connection-story--graphic.is-enhanced[data-animated="true"]:not(.is-reduced) .ibu-connection-story__buoyant-people { animation:ibu-connection-buoyancy 6.8s ease-in-out infinite; }
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__walk-leg { animation:ibu-connection-gait-leg var(--gait-duration) ease-in-out infinite;animation-delay:var(--gait-offset); }
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__walk-leg--right,
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__person--second .ibu-connection-story__walk-leg--left { animation-direction:reverse; }
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__person--second .ibu-connection-story__walk-leg--right { animation-direction:normal; }
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__walk-body { animation:ibu-connection-gait-body var(--gait-duration) ease-in-out infinite;animation-delay:var(--gait-offset); }
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__walk-arm { animation:ibu-connection-gait-arm var(--gait-duration) ease-in-out infinite;animation-delay:var(--gait-offset); }
.ibu-connection-story.is-enhanced[data-animated="true"][data-walking="true"]:not(.is-reduced) .ibu-connection-story__walk-arm--right { animation-direction:reverse; }
.ibu-connection-story:not([data-running="true"]) .ibu-connection-story__stage * { animation-play-state:paused!important; }
@keyframes ibu-connection-route-build { 0%,6%,100% { stroke-dashoffset:1;opacity:.2; } 30% { stroke-dashoffset:.6;opacity:.7; } 65%,88% { stroke-dashoffset:0;opacity:.7; } 96% { stroke-dashoffset:0;opacity:.1; } }
@keyframes ibu-connection-route-flow { from { stroke-dashoffset:0; } to { stroke-dashoffset:-126; } }
@keyframes ibu-connection-young-walk {
  0%,30% { opacity:1;transform:translate(0,0);animation-timing-function:cubic-bezier(.4,0,.6,1); }
  67%,88% { opacity:1;transform:translate(var(--story-travel-x),var(--story-travel-y)); }
  93%,95% { opacity:0;transform:translate(var(--story-travel-x),var(--story-travel-y)); }
  96% { opacity:0;transform:translate(0,0); }
  99%,100% { opacity:1;transform:translate(0,0); }
}
@keyframes ibu-connection-gait-leg { 0%,50%,100% { transform:translateX(0) rotate(0); } 25% { transform:translateX(1.5px) rotate(9deg); } 75% { transform:translateX(-1.5px) rotate(-9deg); } }
@keyframes ibu-connection-gait-body { 0%,50%,100% { transform:translateY(0); } 25%,75% { transform:translateY(-1.1px); } }
@keyframes ibu-connection-gait-arm { 0%,50%,100% { transform:rotate(0); } 25% { transform:rotate(-3deg); } 75% { transform:rotate(3deg); } }
@keyframes ibu-connection-current { 0%,100% { transform:translate(0,0); } 50% { transform:translate(-22px,2.2px); } }
@keyframes ibu-connection-buoyancy { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-1.2px); } }
@keyframes ibu-connection-float { 0%,100% { transform:translateY(0); } 25%,75% { transform:translateY(-5px); } 50% { transform:translateY(0); } }
@keyframes ibu-connection-youth-talk { 0%,22%,100% { opacity:1;transform:translateY(0); } 29%,93% { opacity:0;transform:translateY(-3px); } 98% { opacity:1;transform:translateY(0); } }

/* Only the two new project articles have a compact intro-to-animation junction. */
#ankerplatz-de-intro,#ankerplatz-en-intro { padding-bottom:0; }
#ankerplatz-de-intro .ibu-text-layout,#ankerplatz-en-intro .ibu-text-layout { padding-bottom:24px; }
#ankerplatz-de-story,#ankerplatz-en-story { padding-top:0; }
.ibu-connection-story .ibu-connection-story__custom { width:100%;min-width:0;overflow-wrap:anywhere; }
.ibu-connection-story .ibu-connection-story__custom img,.ibu-connection-story .ibu-connection-story__custom video,.ibu-connection-story .ibu-connection-story__custom svg { max-width:100%; }

/* Add depth below the platforms on desktop; their top position stays the same. */
@media(min-width:901px) {
  .ibu-connection-story--graphic .ibu-connection-story__scene { min-height:418px;padding-bottom:98px; }
}
@media(max-width:900px) {
  .ibu-connection-story .ibu-connection-story__scene { grid-template-columns:minmax(0,1fr) minmax(130px,.7fr) minmax(0,1fr);min-height:290px;gap:12px;padding-inline:20px; }
  .ibu-connection-story .ibu-connection-story__topline { padding-inline:25px; }
  .ibu-connection-story .ibu-connection-story__actor>figcaption { font-size:13px; }
  .ibu-connection-story .ibu-connection-story__meeting-label { margin-inline:-10px;font-size:10px; }
  .ibu-connection-story .ibu-connection-story__panels { padding-inline:25px; }
  .ibu-connection-story .ibu-connection-story__footer { margin-inline:25px;gap:18px; }
  .ibu-connection-story .ibu-connection-story__steps { gap:14px; }
}
@media(max-width:640px) {
  .ibu-connection-story .ibu-connection-story__inner { width:calc(100% - 32px); }
  .ibu-connection-story .ibu-connection-story__stage { border-radius:17px; }
  .ibu-connection-story .ibu-connection-story__topline { padding:19px 20px 0;gap:14px; }
  .ibu-connection-story .ibu-connection-story__eyebrow { gap:8px;font-size:9px;letter-spacing:.09em; }
  .ibu-connection-story .ibu-connection-story__eyebrow>svg { flex-basis:19px;width:19px;height:19px; }
  .ibu-connection-story .ibu-connection-story__counter { gap:4px;font-size:9px; }
  .ibu-connection-story .ibu-connection-story__counter>span:first-child { font-size:16px; }
  .ibu-connection-story .ibu-connection-story__scene { grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:18px;min-height:0;padding:17px 16px 150px; }
  .ibu-connection-story .ibu-connection-story__routes--wide { display:none; }
  .ibu-connection-story .ibu-connection-story__routes--small { display:block; }
  .ibu-connection-story .ibu-connection-story__actor { max-width:220px; }
  .ibu-connection-story .ibu-connection-story__actor--young { grid-column:1;grid-row:1; }
  .ibu-connection-story .ibu-connection-story__actor--company { grid-column:2;grid-row:1; }
  .ibu-connection-story .ibu-connection-story__actor>figcaption { font-size:12px; }
  .ibu-connection-story .ibu-connection-story__hub { position:absolute;left:50%;bottom:0;max-width:146px;margin:0;transform:translateX(-50%); }
  .ibu-connection-story--graphic .ibu-connection-story__scene { min-height:0;padding-bottom:150px; }
  .ibu-connection-story--graphic .ibu-connection-story__actor--company { grid-column:2; }
  .ibu-connection-story--graphic .ibu-connection-story__hub { bottom:0;max-width:146px;width:146px; }
  .ibu-connection-story .ibu-connection-story__meeting-label { max-width:210px;margin:-4px -32px 0;font-size:10px;letter-spacing:.08em; }
  .ibu-connection-story .ibu-connection-story__artboard img { max-height:195px;border-radius:8px; }
  .ibu-connection-story .ibu-connection-story__panels,.ibu-connection-story.is-enhanced .ibu-connection-story__panels { min-height:0;gap:28px;padding:25px 23px 27px; }
  .ibu-connection-story .ibu-connection-story__phase-heading { font-size:22px; }
  .ibu-connection-story .ibu-connection-story__phase-text { font-size:14px;line-height:1.8; }
  .ibu-connection-story .ibu-connection-story__footer { display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-inline:20px;padding-bottom:18px; }
  .ibu-connection-story .ibu-connection-story__steps { gap:12px; }
  .ibu-connection-story .ibu-connection-story__step { flex-basis:75px; }
  .ibu-connection-story .ibu-connection-story__step-button { grid-template-columns:1fr;align-content:start;gap:1px;min-height:66px;padding-top:11px;padding-bottom:6px;font-size:11px; }
  .ibu-connection-story .ibu-connection-story__step-number { font-size:9px; }
  .ibu-connection-story .ibu-connection-story__motion { align-self:center;min-height:34px;margin-top:5px;font-size:10px; }
  .ibu-connection-story .ibu-connection-story__outcome { padding:14px 21px;font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  .ibu-connection-story .ibu-connection-story__stage * { animation:none!important;transition:none!important; }
}