.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#f6f9fd 5%,#edf3ff 50%,#e5edfc 100%);padding-top:43px}
.hero-art{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 83% 33%,#c0d4ff70,transparent 55%),radial-gradient(ellipse at 72% 83%,#c6ccda88,transparent 60%)}
#floating-lines{display:block;width:100%;height:100%;mask-image:linear-gradient(90deg,#0002,#0008 40%,#000 62%)}
.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f6f9fde8 0%,#f6f9fdbf 26%,#f6f9fd40 53%,transparent 70%);pointer-events:none}
.hero-inner{position:relative}.hero-grid{min-height:455px;grid-template-columns:1.25fr 1fr;gap:50px;padding-block:43px 53px}.hero-copy{position:relative}.hero-description{color:#526e8a}.hero-topline,.hero-foot{position:relative}.hero-foot{border-color:#bed0e780}.hero-visual{align-self:stretch;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:340px;color:#55729c}
.visual-caption{position:absolute;top:19px;right:0;font-size:7px;letter-spacing:2px;color:#6c82a0}.hero-visual p{font:54px/1.1 Georgia,serif;letter-spacing:-2.7px;transform:rotate(-7deg);color:#6986ac;text-shadow:0 1px #ffffffc9}.hero-visual p em{font-weight:400;background:linear-gradient(120deg,#4570f5,#7894c5 28%,#fcffff 47%,#6f7f96 54%,#6a6a6a 82%,#4570f5);background-clip:text;color:transparent;background-size:220% 100%;animation:line-chrome 9s ease-in-out infinite alternate}.visual-hint{position:absolute;bottom:15px;right:0;font-size:7px;letter-spacing:2px;color:#6983a3}.visual-hint span{margin-left:20px;font-size:17px}
@keyframes line-chrome{to{background-position:100% 0}}
.hero.motion-paused .hero-visual p em{animation-play-state:paused}
.line-motion-toggle{display:flex;align-items:center;gap:6px;margin:0 0 16px auto;padding:5px 10px;border:1px solid #b6cce180;border-radius:20px;font-size:9px;background:#f7fbff9c;color:#5c7a99}.line-motion-toggle:hover{background:#fff}
.experience-list{display:grid;gap:14px;margin-bottom:25px}.swipe-row{--drawer-width:176px;--swipe-offset:0px;--action-scale:1;position:relative}.swipe-shell{position:relative;border-radius:16px;overflow:hidden;background:#d7e5f4;isolation:isolate;border:1px solid #d7e4ef}.swipe-actions{position:absolute;right:0;top:0;bottom:0;width:var(--drawer-width);display:grid;grid-template-columns:1fr 1fr}.swipe-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#dae6f3;color:#426b91;font-size:10px;padding:10px 6px;transition:background .2s}.swipe-action>span:first-child{font-size:22px;transform:scale(var(--action-scale));transition:transform .25s}.swipe-detail{background:#6994c2;color:#fff}.swipe-detail:hover{background:#537fac}.swipe-reset:hover{background:#c6dbef}.swipe-action:focus-visible{outline-offset:-5px}.swipe-surface{position:relative;z-index:1;display:grid;grid-template-columns:166px 1fr 44px;align-items:center;gap:25px;min-height:128px;padding:23px 25px;background:linear-gradient(115deg,#f7fbff,#ebf3fa);border-radius:15px;box-shadow:3px 0 18px #45759a0d;transform:translateX(var(--swipe-offset));transition:transform 430ms cubic-bezier(.2,.8,.25,1.12);touch-action:pan-y;cursor:grab}
.swipe-row.is-dragging .swipe-surface{transition:none;cursor:grabbing;user-select:none}.swipe-row.is-ready{--action-scale:1.16}.swipe-row.is-ready .swipe-detail{background:#3f78ae}.swipe-summary h3{font-size:14px;font-weight:500;margin-bottom:6px}.swipe-summary>p{font-size:11px;color:#647f96;line-height:1.9}.swipe-tag{display:block;font-size:8px;color:#7994aa;margin-top:7px}.swipe-toggle{width:36px;height:36px;border-radius:50%;background:#e1ecf7;color:#507ba0;flex-shrink:0;transition:background .2s,transform .3s}.swipe-toggle:hover{background:#d2e3f2}.swipe-row.is-open .swipe-toggle span{display:inline-block;transform:rotate(180deg)}.swipe-surface .experience-kind{align-items:center}.swipe-surface .experience-kind>span{font-size:19px}.swipe-surface .experience-kind p{font-size:12px;margin:0}.swipe-surface .experience-kind small{font-size:9px}
.swipe-detail-panel{margin:9px 0 2px;padding:23px 28px;border:1px solid #dce7f0;border-radius:13px;background:#f0f6fb;animation:detail-unfold 240ms ease-out}.swipe-detail-panel[hidden]{display:none}.swipe-detail-panel>p{font-size:12px;line-height:2.1;color:#56768f;max-width:870px}.swipe-detail-close{display:block;margin-top:15px;background:none;padding:0;color:#46749a;font-size:10px}.swipe-detail-close:hover{text-decoration:underline}
@keyframes detail-unfold{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.hero-grid{gap:30px}.hero-visual p{font-size:46px}.swipe-surface{grid-template-columns:136px 1fr 36px;gap:17px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1.35fr 1fr;min-height:440px;gap:14px}.hero-visual p{font-size:40px}.visual-caption{font-size:6px;letter-spacing:1px}.swipe-surface{grid-template-columns:120px 1fr 36px;padding:22px 20px}.swipe-surface .experience-kind{gap:13px}}
@media(max-width:740px){.hero{padding-top:27px}.hero-grid{display:block;min-height:0;padding:32px 0 27px}.hero-art:after{background:linear-gradient(90deg,#f6f9fdd9,#f6f9fd38),linear-gradient(#f6f9fd80,transparent 70%)}#floating-lines{mask-image:linear-gradient(#0008,#000)}.hero-visual{display:none}.hero-copy{padding-bottom:36px}.hero-description{max-width:340px}.hero-foot{font-size:8px}.line-motion-toggle{font-size:8px;margin-bottom:10px}.swipe-row{--drawer-width:144px}.swipe-surface{grid-template-columns:1fr 36px;gap:9px 12px;padding:19px 17px;min-height:157px}.swipe-surface .experience-kind{grid-column:1;gap:12px}.swipe-surface .experience-kind>span{font-size:14px}.swipe-surface .experience-kind p{font-size:10px}.swipe-surface .experience-kind small{display:inline;margin-left:10px}.swipe-summary{grid-column:1;grid-row:2}.swipe-summary h3{font-size:13px}.swipe-summary>p{font-size:10px}.swipe-tag{font-size:8px}.swipe-toggle{grid-column:2;grid-row:1 / 3}.swipe-action{font-size:9px}.swipe-detail-panel{padding:19px}.swipe-detail-panel>p{font-size:11px}#swipe-instructions{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-visual p em{animation:none}.swipe-surface,.swipe-action,.swipe-toggle{transition:none}.swipe-detail-panel{animation:none}}