/* team-8 */
.db-team-box .team-8{--tm-block-pad:96px; --tm-pad-x:24px; --tm-head-mb:26px; --tm-meta-num-size:var(--font-38); --tm-chip-h:36px; --tm-cols:3; --tm-flip-dur:0.62s; --tm-vis-delay:0.31s; --tm-turn-size:38px; --tm-bar-pad:20px 16px 18px; --tm-panel-pad:22px 18px;}
.db-team-box .team-8, .db-team-box .team-8 *, .db-team-box .team-8 *::before, .db-team-box .team-8 *::after{box-sizing:border-box;}
.db-team-box .team-8 .sr-only{position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;}
/* db-team-box */
.db-team-box .team-8.tm-root{padding:var(--tm-block-pad) 0; background-color:#f4f2ee;}
.db-team-box .team-8 .container{width:100%; max-width:960px; margin:0 auto; padding:0 var(--tm-pad-x);}
.db-team-box .team-8 .tm-head{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:var(--tm-head-mb);}
.db-team-box .team-8 .tm-head__main{min-width:0;}
.db-team-box .team-8 .tm-head__label{display:inline-flex; align-items:center; gap:10px; font-size:var(--font-11); font-weight:700; letter-spacing:0.3em; color:#6b6862; margin-bottom:14px;}
.db-team-box .team-8 .tm-head__label::before{content:""; width:22px; height:1px; background:rgba(28,27,25,0.68);}
.db-team-box .team-8 .tm-head__title{font-size:var(--font-30); font-weight:800; letter-spacing:-0.03em; line-height:1.28; color:#1c1b19; margin-bottom:12px;}
.db-team-box .team-8 .tm-head__lead{font-size:var(--font-14); line-height:1.8; color:#6b6862; max-width:520px;}
.db-team-box .team-8 .tm-head__sentence{display:block;}
.db-team-box .team-8 .tm-head__meta{display:flex; align-items:baseline; gap:8px;}
.db-team-box .team-8 .tm-head__meta-num{font-size:var(--tm-meta-num-size); font-weight:800; letter-spacing:-0.04em; line-height:1; color:#1c1b19;}
.db-team-box .team-8 .tm-head__meta-text{font-size:var(--font-12); font-weight:700; letter-spacing:0.16em; color:#6b6862;}
.db-team-box .team-8 .tm-filter{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-bottom:24px; padding-top:18px; border-top:1px solid rgba(28,27,25,0.14);}
.db-team-box .team-8 .tm-filter__list{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:6px; list-style:none; margin:0; padding:0;}
.db-team-box .team-8 .tm-filter__item{min-width:0;}
.db-team-box .team-8 .tm-chip{display:inline-flex; align-items:center; justify-content:center; height:var(--tm-chip-h); padding:0 14px; border:1px solid transparent; border-radius:999px; background:rgba(28,27,25,0.05); font-family:inherit; font-size:var(--font-13); color:#3d3a34; cursor:pointer; transition:background-color 0.3s cubic-bezier(0.22,0.61,0.36,1), color 0.3s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-8 .tm-chip:hover{background:rgba(28,27,25,0.11);}
.db-team-box .team-8 .tm-chip:focus-visible{outline:2px solid #1c1b19; outline-offset:2px;}
.db-team-box .team-8 .tm-chip.is-open{background:#171614; color:#f4f2ee;}
.db-team-box .team-8 .tm-filter__count{font-size:var(--font-12); color:#6b6862;}
.db-team-box .team-8 .tm-filter__num{font-weight:800; color:#1c1b19;}
.db-team-box .team-8 .tm-grid{display:grid; grid-template-columns:repeat(var(--tm-cols), minmax(0, 1fr)); align-items:start; justify-content:stretch; column-gap:8px; row-gap:8px; list-style:none; margin:0; padding:0;}
.db-team-box .team-8 .tm-item{display:none; min-width:0;}
.db-team-box .team-8 .tm-item.is-open{display:block;}
.db-team-box .team-8 .tm-empty{display:none; padding:56px 0; font-size:var(--font-14); color:#6b6862; text-align:center;}
.db-team-box .team-8 .tm-empty.is-open{display:block;}
.db-team-box .team-8 .tm-card{position:relative; width:100%; aspect-ratio:4/5; perspective:1400px;}
.db-team-box .team-8 .tm-flip{position:absolute; top:0; right:0; bottom:0; left:0; transform-style:preserve-3d; transition:transform var(--tm-flip-dur) cubic-bezier(0.3,0.8,0.3,1);}
.db-team-box .team-8 .tm-card.is-open .tm-flip{transform:rotateY(180deg);}
.db-team-box .team-8 .tm-front{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; width:100%; padding:0; border:0; border-radius:0px; background:#fbfaf8; font-family:inherit; text-align:left; cursor:pointer; backface-visibility:hidden; transition:visibility 0s linear 0s, box-shadow 0.3s cubic-bezier(0.22,0.61,0.36,1), transform 0.3s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-8 .tm-card.is-open .tm-front{visibility:hidden; transition-delay:var(--tm-vis-delay);}
.db-team-box .team-8 .tm-front__visual{position:relative; display:block; flex:0 0 64%; overflow:hidden; background:#f5eee2;}
.db-team-box .team-8 .tm-front__img{display:block; width:100%; height:100%; object-fit:cover; object-position:center 16%; transition:transform 0.3s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-8 .tm-front__tag{position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; height:22px; padding:0 9px; border-radius:999px; background:#171614; font-size:var(--font-10); font-weight:700; letter-spacing:0.08em; color:#f4f2ee;}
.db-team-box .team-8 .tm-front__turn{position:absolute; top:0; right:12px; display:block; width:var(--tm-turn-size); height:var(--tm-turn-size); border-radius:50%; background:#171614; transform:translateY(-50%); transition:transform 0.3s cubic-bezier(0.22,0.61,0.36,1), background 0.3s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-8 .tm-front__turn::before{position:absolute; top:50%; left:50%; content:""; width:14px; height:1px; margin-left:calc(14px / -2); background:#f4f2ee;}
.db-team-box .team-8 .tm-front__turn::after{position:absolute; top:50%; left:50%; content:""; width:6px; height:6px; margin-top:-3px; margin-left:calc(14px / 2 - 6px); border-top:1px solid #f4f2ee; border-right:1px solid #f4f2ee; transform:rotate(45deg);}
.db-team-box .team-8 .tm-front__bar{position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; flex:1 1 auto; gap:3px; padding:var(--tm-bar-pad);}
.db-team-box .team-8 .tm-front__name{display:block; font-size:var(--font-18); font-weight:800; letter-spacing:-0.02em; line-height:1.3; color:#1c1b19;}
.db-team-box .team-8 .tm-front__position{display:block; font-size:var(--font-13); line-height:1.5; color:#6b6862;}
.db-team-box .team-8 .tm-front__meta{display:inline-flex; align-items:center; gap:8px; margin-top:12px;}
.db-team-box .team-8 .tm-front__meta-rule{display:block; width:18px; height:1px; background:rgba(28,27,25,0.68);}
.db-team-box .team-8 .tm-front__meta-text{font-size:var(--font-11); font-weight:700; letter-spacing:0.1em; color:#6b6862;}
.db-team-box .team-8 .tm-front:hover{box-shadow:0 16px 34px -20px rgba(28,27,25,0.55); transform:translateY(-3px);}
.db-team-box .team-8 .tm-front:hover .tm-front__img{transform:scale(1.05);}
.db-team-box .team-8 .tm-front:hover .tm-front__turn{transform:translateY(-50%) scale(1.12);}
.db-team-box .team-8 .tm-front:focus-visible{outline:2px solid #1c1b19; outline-offset:-2px;}
.db-team-box .team-8 .tm-panel{position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; padding:var(--tm-panel-pad); border-radius:0px; background:#171614; overflow:auto; visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); transition:visibility 0s linear var(--tm-vis-delay);}
.db-team-box .team-8 .tm-card.is-open .tm-panel{visibility:visible; transition-delay:0s;}
.db-team-box .team-8 .tm-panel:focus-visible{outline:2px solid #f4f2ee; outline-offset:-4px;}
.db-team-box .team-8 .tm-panel__field{display:inline-flex; align-items:center; height:24px; padding:0 10px; border-radius:999px; background:rgba(244,242,238,0.10); font-size:var(--font-10); font-weight:700; letter-spacing:0.1em; color:#f4f2ee;}
.db-team-box .team-8 .tm-panel__name{margin-top:10px; font-size:var(--font-20); font-weight:800; letter-spacing:-0.02em; line-height:1.3; color:#f4f2ee;}
.db-team-box .team-8 .tm-panel__position{font-size:var(--font-12); line-height:1.5; color:#a8a29a;}
.db-team-box .team-8 .tm-panel__intro{margin-top:10px; font-size:var(--font-12); line-height:1.8; color:#a8a29a;}
.db-team-box .team-8 .tm-careers{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:5px; list-style:none; margin:12px 0 0; padding:0;}
.db-team-box .team-8 .tm-career{display:inline-flex; align-items:center; height:24px; padding:0 9px; border:0; border-radius:3px; background:rgba(244,242,238,0.10); font-size:var(--font-11); color:#f4f2ee;}
.db-team-box .team-8 .tm-back{display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:6px 2px; border:0; background:none; font-family:inherit; font-size:var(--font-11); font-weight:700; letter-spacing:0.12em; color:#f4f2ee; cursor:pointer;}
.db-team-box .team-8 .tm-back__arrow{position:relative; display:block; width:14px; height:1px; background:#f4f2ee; transition:transform 0.3s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-8 .tm-back__arrow::after{position:absolute; top:50%; left:0; content:""; width:6px; height:6px; margin-top:-3px; border-top:1px solid #f4f2ee; border-right:1px solid #f4f2ee; transform:rotate(-135deg);}
.db-team-box .team-8 .tm-back:hover .tm-back__arrow{transform:translateX(-4px);}
.db-team-box .team-8 .tm-back:focus-visible{outline:2px solid #f4f2ee; outline-offset:3px;}
.db-team-box .team-8 .tm-head__label{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-8 .tm-head__title{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-8 .tm-head__sentence{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-8 .tm-head__meta-text{white-space:nowrap;}
.db-team-box .team-8 .tm-front__tag{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-8 .tm-front__name{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-8 .tm-front__position{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-8 .tm-front__meta-text{white-space:nowrap;}
.db-team-box .team-8 .tm-panel__name{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-8 .tm-panel__position{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-8 .tm-panel__intro{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-8 .tm-career{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-8 .tm-back__text{white-space:nowrap;}
@media (max-width:1300px){
.db-team-box .team-8{--tm-block-pad:84px;}
}
@media (max-width:1100px){
.db-team-box .team-8{--tm-head-mb:22px; --tm-meta-num-size:var(--font-34);}
}
@media (max-width:991px){
.db-team-box .team-8{--tm-block-pad:72px; --tm-bar-pad:18px 14px 16px; --tm-turn-size:34px;}
}
@media (max-width:767px){
/* db-team-box */
.db-team-box .team-8{--tm-block-pad:60px; --tm-pad-x:20px; --tm-cols:2; --tm-chip-h:44px; --tm-panel-pad:18px 16px;}
.db-team-box .team-8 .tm-card{aspect-ratio:auto;}
.db-team-box .team-8 .tm-flip{position:relative; top:auto; right:auto; bottom:auto; left:auto;}
.db-team-box .team-8 .tm-front{position:relative; top:auto; right:auto; bottom:auto; left:auto;}
.db-team-box .team-8 .tm-front__visual{flex:0 0 auto;}
.db-team-box .team-8 .tm-front__img{height:auto;}
}
@media (max-width:480px){
.db-team-box .team-8{--tm-block-pad:48px; --tm-pad-x:16px; --tm-cols:1; --tm-meta-num-size:var(--font-30);}
.db-team-box .team-8 .tm-head__title{font-size:var(--font-24);}
}
@media (max-width:375px){
.db-team-box .team-8{--tm-pad-x:14px; --tm-turn-size:32px;}
}
@media (max-width:320px){
.db-team-box .team-8 .tm-head__title{font-size:var(--font-22);}
}
@media (prefers-reduced-motion:reduce){
.db-team-box .team-8{--tm-flip-dur:0.01ms; --tm-vis-delay:0s;}
.db-team-box .team-8 .tm-flip{transform:none;}
.db-team-box .team-8 .tm-card.is-open .tm-flip{transform:none;}
.db-team-box .team-8 .tm-panel{transform:none; backface-visibility:visible;}
.db-team-box .team-8 .tm-front{backface-visibility:visible;}
.db-team-box .team-8 .tm-front:hover{transform:none;}
.db-team-box .team-8 .tm-front:hover .tm-front__img{transform:none;}
.db-team-box .team-8 .tm-front:hover .tm-front__turn{transform:translateY(-50%);}
}