.tch{--w: 300px;--w-open: 740px;--gap-photo: 72px;--r: 30px;--dir: 1;position:relative;isolation:isolate;max-width:1320px;margin:0 auto;padding:40px 24px 110px}[dir=rtl] .tch{--dir: -1}.tch-head,.tch-track{position:relative;z-index:1}.tch-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;position:relative;z-index:3}.tch-arrows{display:flex;gap:10px}.tch-arrow{width:52px;height:52px;border-radius:50%;border:1px solid var(--chip-line-ink);background:var(--frame);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .3s var(--ease-out),color .3s,opacity .3s,border-color .3s}.tch-arrow:hover:not(:disabled){background:var(--willow);border-color:var(--willow);color:#ffffff}.tch-arrow:disabled{opacity:.35;cursor:default}.tch-arrow--prev svg,[dir=rtl] .tch-arrow:not(.tch-arrow--prev) svg{transform:scaleX(-1)}[dir=rtl] .tch-arrow--prev svg{transform:none}.tch-arrow:focus-visible{outline:2px solid var(--bamboo);outline-offset:3px}.tch-track{display:flex;gap:20px;overflow-x:auto;overflow-y:hidden;padding:120px 24px 64px;margin:-70px -24px -40px;scroll-snap-type:x proximity;scroll-padding-inline:24px;scrollbar-width:none}.tch-track::-webkit-scrollbar{display:none}.tch-card{position:relative;flex:0 0 var(--w);height:520px;scroll-snap-align:start;transition:flex-basis .7s var(--ease-out)}.tch-card:hover,.tch-card:focus-within,.tch-card.is-open{z-index:2}.tch-card.is-open{flex-basis:var(--w-open)}.tch-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--r);background:var(--card);border:1px solid var(--frame-line);box-shadow:0 24px 60px -34px #03141a8c;transition:box-shadow .6s var(--ease-out),border-color .6s}.tch-glow{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);background:radial-gradient(70% 45% at 50% 70%,var(--card-glow-a),transparent 70%),radial-gradient(60% 30% at 50% 102%,var(--card-glow-b),transparent 70%);opacity:.8;transition:opacity .6s var(--ease-out),transform .8s var(--ease-out)}.tch-ghost{position:absolute;top:26px;inset-inline-start:0;width:var(--w);display:flex;flex-direction:column;align-items:center;font-size:calc(var(--w) * .17);font-weight:900;line-height:.95;letter-spacing:-.02em;white-space:nowrap;color:var(--ink);opacity:.09;transition:opacity .6s var(--ease-out),letter-spacing .8s var(--ease-out)}html[lang=en] .tch-ghost{font-weight:700;font-size:calc(var(--w) * .15);letter-spacing:-.04em;text-transform:uppercase}.tch-card.is-open .tch-ghost{opacity:.13}@media (hover: hover){.tch-card:hover .tch-ghost{opacity:.14;letter-spacing:.01em}html[lang=en] .tch-card:hover .tch-ghost{letter-spacing:-.01em}}.tch-stage{position:absolute;inset-block:0;inset-inline-start:0;width:var(--w);padding:0;border:0;background:none;color:inherit;cursor:pointer;clip-path:inset(-50% -34% 0 -34% round 0 0 var(--r) var(--r))}.tch-stage:focus-visible{outline:none}.tch-card:has(.tch-stage:focus-visible) .tch-frame{outline:2px solid var(--bamboo);outline-offset:3px}.tch-photo{position:absolute;bottom:0;inset-inline:0;margin-inline:auto;height:80%;width:auto;z-index:1;transform-origin:50% 100%;transition:transform .7s var(--ease-out),filter .7s var(--ease-out);filter:drop-shadow(0 18px 30px rgba(3,30,40,.25))}.tch-el{position:absolute;height:auto;transition:transform .8s var(--ease-out);filter:drop-shadow(0 18px 24px rgba(3,30,40,.3));animation:tch-float 5s ease-in-out infinite}.tch-el--back{top:9%;inset-inline-end:4%;width:46%;z-index:0}.tch-el--side{bottom:13%;inset-inline-start:2%;width:32%;z-index:2;animation-delay:-2.5s}@keyframes tch-float{0%,to{translate:0 0}50%{translate:0 -9px}}.tch-plus{position:absolute;bottom:16px;inset-inline-end:16px;z-index:3;width:42px;height:42px;border-radius:50%;background:#041a218c;border:1px solid rgba(255,255,255,.25);transition:transform .5s var(--ease-out),background .3s}.tch-plus span{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:16px;height:2px;border-radius:2px;background:#fff}.tch-plus span+span{transform:rotate(90deg)}.tch-card.is-open .tch-photo{transform:scale(1.3);filter:drop-shadow(0 30px 40px rgba(3,30,40,.35))}.tch-card.is-open .tch-el--back{transform:translate(calc(var(--dir) * 22%),-46%) scale(1.25) rotate(8deg)}.tch-card.is-open .tch-el--side{transform:translate(calc(var(--dir) * -34%),-14%) scale(1.3) rotate(-10deg)}.tch-card.is-open .tch-glow{opacity:1;transform:scale(1.1)}.tch-card.is-open .tch-frame{border-color:var(--card-line-hover)}.tch-card.is-open .tch-plus{transform:rotate(45deg);background:var(--willow)}.tch-card.is-open .tch-plus span{background:#ffffff}@media (hover: hover){.tch-card:hover .tch-photo,.tch-card:has(.tch-stage:focus-visible) .tch-photo{transform:scale(1.3);filter:drop-shadow(0 30px 40px rgba(3,30,40,.35))}.tch-card:hover .tch-el--back,.tch-card:has(.tch-stage:focus-visible) .tch-el--back{transform:translate(calc(var(--dir) * 22%),-46%) scale(1.25) rotate(8deg)}.tch-card:hover .tch-el--side,.tch-card:has(.tch-stage:focus-visible) .tch-el--side{transform:translate(calc(var(--dir) * -34%),-14%) scale(1.3) rotate(-10deg)}.tch-card:hover .tch-glow{opacity:1;transform:scale(1.1)}.tch-card:hover .tch-frame{border-color:var(--card-line-hover);box-shadow:0 34px 70px -30px #03141a99}}.tch-info{position:absolute;inset-block:0;inset-inline-start:var(--w);max-width:0;overflow:hidden;display:flex;align-items:center;opacity:0;visibility:hidden;transform:translate(calc(var(--dir) * -16px));transition:opacity .3s var(--ease-out),transform .5s var(--ease-out),visibility 0s .3s;z-index:1}.tch-info-in{flex:none;width:calc(var(--w-open) - var(--w));padding-block:30px;padding-inline:var(--gap-photo) 36px;display:flex;flex-direction:column;align-items:flex-start}.tch-card.is-open .tch-info{max-width:calc(var(--w-open) - var(--w));overflow:visible;opacity:1;visibility:visible;transform:none;transition:opacity .5s var(--ease-out) .3s,transform .7s var(--ease-out) .3s,visibility 0s}.tch-chip{padding:6px 14px 7px;border-radius:999px;background:var(--chip-bg-ink);border:1px solid var(--chip-line-ink);font-size:13.5px}.tch-name{margin:16px 0 0;font-size:clamp(28px,2.6vw,38px);font-weight:900;line-height:1.1}html[lang=en] .tch-name{font-weight:700;letter-spacing:-.02em}.tch-role{margin:8px 0 0;font-size:15px;font-weight:500;color:var(--cat-num)}.tch-bio{margin:16px 0 0;font-size:15px;line-height:1.75;opacity:.85}.tch-link{margin-top:22px;display:inline-flex;align-items:center;gap:10px;padding:5px;padding-inline-start:18px;border-radius:999px;background:var(--willow);color:#ffffff;text-decoration:none;font-size:15px;font-weight:700}.tch-round{width:36px;height:36px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;transition:transform .45s var(--ease-out)}[dir=rtl] .tch-round svg{transform:scaleX(-1)}.tch-link:hover .tch-round{transform:rotate(45deg)}[dir=rtl] .tch-link:hover .tch-round{transform:rotate(-45deg)}.tch-link:focus-visible{outline:2px solid var(--bamboo);outline-offset:3px}.tch-decor{position:absolute;inset-block:-60px -40px;left:50%;width:100vw;margin-left:-50vw;overflow:hidden;pointer-events:none;z-index:0}.tch-shape{position:absolute;display:block;scale:0;opacity:0;transition:scale 1.2s cubic-bezier(.34,1.56,.64,1),opacity .8s var(--ease-out)}.tch.is-in .tch-shape{scale:1;opacity:var(--o, 1)}.tch-shape-svg{display:block;width:100%;height:100%;overflow:visible}.tch-shape--1{--o: .32;width:620px;height:620px;top:26%;left:calc(50% - 310px);filter:blur(46px);transition-delay:0s}.tch-shape--1 .tch-shape-svg{animation:tch-spin 70s linear infinite}.tch-shape--2{--o: .9;width:190px;height:190px;top:4%;inset-inline-end:3%;transition-delay:.1s}.tch-shape--2 .tch-shape-svg{animation:tch-bob 7s ease-in-out infinite}.tch-shape--3{--o: 1;width:64px;height:64px;top:9%;inset-inline-start:38%;transition-delay:.3s}.tch-shape--3 .tch-shape-svg{animation:tch-twinkle 3.2s ease-in-out infinite}.tch-shape--4{--o: .8;width:34px;height:34px;top:22%;inset-inline-end:22%;transition-delay:.4s}.tch-shape--4 .tch-shape-svg{animation:tch-twinkle 2.6s ease-in-out -1.2s infinite}.tch-shape--5{--o: .85;width:150px;height:150px;bottom:6%;inset-inline-start:1.5%;transition-delay:.2s}.tch-shape--5 .tch-shape-svg{animation:tch-spin 36s linear infinite reverse,tch-bob 8s ease-in-out infinite}.tch-shape--6{--o: .9;width:96px;height:96px;bottom:14%;inset-inline-end:2%;transition-delay:.35s}.tch-shape--6 .tch-shape-svg{animation:tch-bob 6s ease-in-out -2s infinite}.tch-shape--7{--o: .75;width:110px;height:110px;top:38%;inset-inline-start:-1.5%;transition-delay:.25s}.tch-shape--7 .tch-shape-svg{animation:tch-spin 26s linear infinite}.tch-shape--8{--o: .26;width:380px;height:380px;bottom:-6%;inset-inline-end:16%;filter:blur(30px);transition-delay:.15s}.tch-shape--8 .tch-shape-svg{animation:tch-spin 90s linear infinite reverse}@keyframes tch-spin{to{transform:rotate(360deg)}}@keyframes tch-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(8deg)}}@keyframes tch-twinkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.55) rotate(45deg);opacity:.45}}:root[data-theme=light] .tch-shape--2,:root[data-theme=light] .tch-shape--5,:root[data-theme=light] .tch-shape--6,:root[data-theme=light] .tch-shape--7{--o: .6}@media (max-width: 700px){.tch{--w: min(78vw, 300px);padding:24px 16px 72px}.tch-head{align-items:flex-start;flex-direction:column}.tch-arrows{display:none}.tch-track{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x mandatory}.tch-card{height:480px}.tch-card.is-open{flex-basis:var(--w)}.tch-info{max-width:none}.tch-card:not(.is-open) .tch-info{max-height:0}.tch-info-in{flex:1 1 auto;min-width:0;width:auto;padding:0}.tch-info{inset:auto 10px 10px;width:auto;padding:18px;border-radius:22px;justify-content:flex-start;background:var(--frame);border:1px solid var(--frame-line);box-shadow:0 -10px 40px -20px #03141a80;transform:translateY(16px);z-index:4}.tch-name{margin-top:10px;font-size:26px}.tch-bio{font-size:13.5px;line-height:1.6;margin-top:10px}.tch-link{margin-top:14px}.tch-card.is-open .tch-plus{z-index:5;bottom:auto;top:14px}.tch-shape--1{width:360px;height:360px;left:calc(50% - 180px)}.tch-shape--2{width:110px;height:110px}.tch-shape--3,.tch-shape--7,.tch-shape--8{display:none}.tch-shape--5{width:90px;height:90px}.tch-shape--6{width:60px;height:60px}}@media (prefers-reduced-motion: reduce){.tch-card,.tch-photo,.tch-el,.tch-glow,.tch-plus,.tch-info,.tch-round{transition:none!important}.tch-el,.tch-shape-svg{animation:none!important}.tch-shape{transition:none}}