.card-swap{position:relative;width:100%;height:100%;outline:none;-webkit-tap-highlight-color:transparent}.card-swap-sizer{max-height:100%;overflow:hidden;pointer-events:none}.card-swap-sizer>span{display:block;width:100%;max-width:var(--swap-stage-w);aspect-ratio:var(--swap-ratio)}.card-swap-stage{position:absolute;top:50%;left:50%;width:var(--swap-stage-w);height:var(--swap-stage-h);perspective:900px;transform:translate(-50%,-50%);pointer-events:none}.card-swap-slot{position:absolute;top:var(--swap-oy);left:var(--swap-ox);width:var(--swap-w);height:var(--swap-h);margin:calc(var(--swap-h) / -2) 0 0 calc(var(--swap-w) / -2);border-radius:var(--swap-radius);overflow:hidden;isolation:isolate;box-shadow:var(--swap-shadow);pointer-events:auto;user-select:none;-webkit-user-select:none;touch-action:pan-y;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-swap:focus-visible .card-swap-slot[data-front]{outline:2px solid var(--swap-ink);outline-offset:3px}.card-swap-shade{position:absolute;inset:0;z-index:3;border-radius:inherit;background:var(--swap-shade);opacity:0;pointer-events:none}.card-swap-card{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:inherit;overflow:hidden;isolation:isolate;background:var(--swap-tile);color:var(--swap-ink)}.card-swap-card-rim{position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-tile-edge),inset 0 1px 0 var(--swap-tile-highlight);pointer-events:none}.card-swap-item{display:flex;flex-direction:column;gap:6px;height:100%;padding:6px;box-sizing:border-box}.card-swap-head{display:flex;flex:none;align-items:center;gap:10px;min-width:0;height:30px;padding:0 6px}.card-swap-icon{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--swap-badge)}.card-swap-title{overflow:hidden;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.card-swap-media{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:max(0px,calc(var(--swap-radius) - 6px));background:var(--swap-badge)}.card-swap-media img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}.card-swap-media:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--swap-media-edge);pointer-events:none}.journey-section{position:relative;z-index:2;min-height:100svh;background:linear-gradient(140deg,#fbf7fc,#f2e7f4 55%,#e9eef9);color:#353449;padding:100px 5vw 120px;isolation:isolate}.journey-section:before{content:"";position:absolute;top:-100px;left:0;right:0;height:100px;background:linear-gradient(transparent,#fbf7fc);pointer-events:none}.journey-balls{position:absolute;inset:0;z-index:-1;pointer-events:none}.journey-layout{display:grid;grid-template-columns:38% 62%;align-items:center;gap:20px;max-width:1550px;margin:auto;min-height:650px}.journey-copy{max-width:460px}.journey-copy small{letter-spacing:.17em;font-size:12px;color:#79758e}.journey-copy h2{font-size:clamp(40px,4vw,68px);font-weight:400;margin:24px 0}.journey-copy h3{font-size:21px;font-weight:400;line-height:1.6}.journey-copy p{font-size:15px;line-height:1.95;color:#757087}.journey-dynamic{margin-top:48px;animation:journey-in .5s ease both}.journey-dynamic>span{display:block;margin-top:24px;color:#898095}.journey-cards{height:650px;min-width:0;position:relative}.journey-hint{text-align:center;color:#898095;font-size:12px;margin-top:-22px}.experience-card{height:100%;padding:26px 30px;background:linear-gradient(140deg,#faf6ff,#e6dcf2);border-radius:18px;color:#494259}.tone-1{background:linear-gradient(140deg,#fff7fa,#f0dce7)}.tone-2{background:linear-gradient(140deg,#f8f4ff,#e3dcf3)}.tone-3{background:linear-gradient(140deg,#f4faff,#dfeaf3)}.experience-card header{display:flex;align-items:center;gap:10px;white-space:nowrap;border-bottom:1px solid #ffffff90;padding-bottom:18px;font-size:12px}.experience-card header strong{margin-right:auto;font-size:15px}.experience-card header span,.experience-card footer span{padding:5px 9px;border-radius:30px;background:#ffffff70;font-size:11px}.experience-card h3{font-size:29px;font-weight:400;margin:25px 0 18px}.experience-card p{font-size:14px;line-height:1.9;margin:14px 0}.experience-card footer{display:flex;gap:8px;margin-top:22px}@keyframes journey-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:900px){.journey-layout{grid-template-columns:1fr}.journey-copy{max-width:650px}.journey-section{padding:75px 24px 90px}.journey-cards{height:720px}.experience-card{padding:20px}.experience-card header{gap:5px;font-size:10px}.experience-card header strong{font-size:12px}.experience-card header span{padding:4px;font-size:10px}.experience-card p{font-size:14px}.journey-dynamic{margin-top:28px}}@media(prefers-reduced-motion:reduce){.journey-dynamic{animation:none}}.journey-section{height:100svh;min-height:0;padding:60px 5vw 30px;overflow:hidden;box-sizing:border-box}.journey-layout{height:100%;min-height:0;grid-template-columns:35% minmax(0,65%);gap:0}.journey-cards{height:100%;min-height:0}.journey-copy{padding-right:24px}.journey-hint{position:absolute;bottom:20px;left:0;right:0;margin:0}.journey-balls{inset:0}.journey-balls canvas{display:block!important;width:100%!important;height:100%!important;max-width:none;max-height:none;aspect-ratio:auto;transform:none}.experience-card{padding:0 28px 22px;overflow:hidden}.experience-card header{margin:0 -28px;padding:18px 22px;background:#cdbbdf;border-bottom:1px solid #b8a4cc;color:#43394f}.tone-1 header{background:#dfb8cd;border-color:#cda0b9}.tone-2 header{background:#c7b7e4;border-color:#b3a0d2}.tone-3 header{background:#b8d0e4;border-color:#9fbbd2}.experience-card h3{margin-top:22px}.experience-card p{line-height:1.85}.journey-copy h3{font-size:20px}@media(max-width:900px){.journey-section{padding:58px 18px 18px}.journey-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.journey-copy{max-width:none;padding:0}.journey-copy h2{font-size:30px;margin:10px 0}.journey-copy h3{font-size:15px;margin:8px 0}.journey-copy p{font-size:12px;line-height:1.6;margin:8px 0}.journey-cards{height:100%;min-height:0}.journey-hint{bottom:0;font-size:10px}.experience-card header{font-size:10px}.experience-card header strong{font-size:12px}}#journey-root{height:100%;min-height:0}@media(min-width:901px){.journey-copy{transform:translateY(-95px)}.journey-cards .card-swap{transform:translateY(-20px)}}.experience-card h3{margin:18px 0 14px}.experience-card p{margin:12px 0}.experience-card footer{margin-top:16px}@media(min-width:901px){.journey-cards .card-swap{transform:translateY(-36px)}}.journey-hint{inset:0 10px auto auto;text-align:right}@media(min-width:901px){.journey-cards .card-swap{transform:translateY(-48px)}}.journey-hint{left:18px;right:auto;top:12px;max-width:calc(100% - 110px);text-align:left}@media(max-width:900px){.journey-cards .card-swap{transform:translateY(-8px)}.journey-hint{left:4px;top:4px}}.journey-hint{left:auto;right:12px;top:42px;max-width:none;text-align:right;line-height:1.8}@media(min-width:901px){.journey-cards .card-swap{transform:translateY(-60px)}}@media(max-width:900px){.journey-cards .card-swap{transform:translateY(-16px)}.journey-hint{left:auto;right:4px;top:4px}}
