/* team-4 */
.db-team-box .team-4{--tm-block-pad:80px; --tm-pad-x:24px; --tm-cols:12; --tm-gap:18px; --tm-radius:14px; --tm-cut:24px; --tm-ratio:1/1; --tm-pad:22px; --tm-pad-lg:30px; --tm-ghost:var(--font-60); --tm-ghost-lg:var(--font-60); --tm-no-clear:34px; --tm-sec-gap:42px;}
/* db-team-box */
.db-team-box .team-4.team-4{padding:var(--tm-block-pad) 0; background-color:#f4f1f2; background-image:linear-gradient(160deg, #2b0a1c 0 25%, #f4f1f2 25% 100%);}
.db-team-box .team-4 .container{width:100%; max-width:1280px; margin:0 auto; padding:0 var(--tm-pad-x);}
.db-team-box .team-4 .tm-head{margin-bottom:var(--tm-sec-gap);}
.db-team-box .team-4 .tm-sign{display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:10px 16px;}
.db-team-box .team-4 .tm-sign__dash{flex:none; width:34px; height:2px; background:#e9a8c8;}
.db-team-box .team-4 .tm-sign__text{font-size:var(--font-20); font-weight:800; letter-spacing:-0.02em; color:#ffffff;}
.db-team-box .team-4 .tm-sign__caption{font-size:var(--font-14); color:#c9a3b5;}
.db-team-box .team-4 .tm-mosaic{display:grid; grid-template-columns:repeat(var(--tm-cols), minmax(0, 1fr)); align-items:stretch; justify-content:start; column-gap:var(--tm-gap); row-gap:var(--tm-gap); list-style:none; margin:0; padding:0;}
.db-team-box .team-4 .tm-tile{position:relative; display:flex; min-width:0; filter:drop-shadow(0 2px 3px rgba(26,16,22,0.07)) drop-shadow(0 10px 18px rgba(26,16,22,0.10)); transition:transform 0.34s cubic-bezier(0.22,0.61,0.36,1), filter 0.34s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-4 .tm-tile:hover{transform:translateY(calc(5px * -1)); filter:drop-shadow(0 4px 6px rgba(26,16,22,0.09)) drop-shadow(0 16px 28px rgba(168,35,107,0.22));}
.db-team-box .team-4 .tm-tile__in{display:flex; flex-direction:column; align-items:stretch; justify-content:flex-start; flex:1; min-width:0; border-radius:var(--tm-radius); background:#ffffff; overflow:hidden; clip-path:polygon(0 0, calc(100% - var(--tm-cut)) 0, 100% var(--tm-cut), 100% 100%, 0 100%);}
.db-team-box .team-4 .tm-tile--lg{grid-column:span 6;}
.db-team-box .team-4 .tm-tile--md{grid-column:span 4;}
.db-team-box .team-4 .tm-tile--sm{grid-column:span 3;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__in{flex-direction:row; align-items:stretch;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__visual{flex:0 0 46%;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__body{flex:1; justify-content:center; padding:var(--tm-pad-lg);}
.db-team-box .team-4 .tm-tile__visual{position:relative; overflow:hidden;}
.db-team-box .team-4 .tm-tile__photo{display:block; width:100%; height:100%; aspect-ratio:var(--tm-ratio); object-fit:cover; object-position:center 16%; background:#f1e6ec; transition:transform 0.34s cubic-bezier(0.22,0.61,0.36,1);}
.db-team-box .team-4 .tm-tile--lg .tm-tile__photo{aspect-ratio:auto; min-height:100%;}
.db-team-box .team-4 .tm-tile:hover .tm-tile__photo{transform:scale(1.07);}
.db-team-box .team-4 .tm-tile__field{position:absolute; top:12px; left:12px; display:inline-flex; align-items:center; height:25px; padding:0 11px; border-radius:999px; background:rgba(26,16,22,0.74); backdrop-filter:blur(3px); font-size:var(--font-11); font-weight:700; letter-spacing:0.04em; color:#ffffff;}
.db-team-box .team-4 .tm-tile__body{position:relative; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; flex:1; min-width:0; padding:var(--tm-pad);}
.db-team-box .team-4 .tm-tile__no{position:absolute; top:10px; right:14px; font-size:var(--tm-ghost); font-weight:900; line-height:1.14; letter-spacing:-0.06em; background-image:linear-gradient(150deg, #d94f92 0%, #6d1345 100%); -webkit-background-clip:text; background-clip:text; color:transparent; pointer-events:none; transition:opacity 0.34s cubic-bezier(0.22,0.61,0.36,1), transform 0.34s cubic-bezier(0.22,0.61,0.36,1); opacity:0.30; transform-origin:right top;}
.db-team-box .team-4 .tm-tile:hover .tm-tile__no{opacity:0.55; transform:scale(1.06);}
.db-team-box .team-4 .tm-tile__body{padding-right:calc(var(--tm-pad) + var(--tm-no-clear));}
.db-team-box .team-4 .tm-tile__role{display:inline-flex; align-items:center; height:24px; padding:0 10px; margin-bottom:10px; border-radius:6px; background:rgba(168,35,107,0.08); font-size:var(--font-11); font-weight:700; color:#6d1345;}
.db-team-box .team-4 .tm-tile__name{font-size:var(--font-19); font-weight:800; letter-spacing:-0.02em; line-height:1.3; color:#1a1016; margin-bottom:4px;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__name{font-size:var(--font-26);}
.db-team-box .team-4 .tm-tile--lg .tm-tile__no{font-size:var(--tm-ghost-lg);}
.db-team-box .team-4 .tm-tile__en{font-size:var(--font-10); font-weight:600; letter-spacing:0.14em; color:#6b5a63;}
.db-team-box .team-4 .tm-tile__quote{display:none; width:100%; margin-top:16px; padding-top:16px; border-top:1px solid rgba(26,16,22,0.10); font-size:var(--font-14); line-height:1.75; color:#4a3a42;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__quote{display:block;}
.db-team-box .team-4 .tm-sign__text{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-4 .tm-sign__caption{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-4 .tm-tile__field{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-4 .tm-tile__no{white-space:nowrap;}
.db-team-box .team-4 .tm-tile__role{word-break:keep-all; white-space:nowrap;}
.db-team-box .team-4 .tm-tile__name{word-break:keep-all; overflow-wrap:break-word;}
.db-team-box .team-4 .tm-tile__en{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
.db-team-box .team-4 .tm-tile__quote{word-break:keep-all; overflow-wrap:break-word;}
@media (max-width:1300px){
.db-team-box .team-4{--tm-gap:16px; --tm-block-pad:72px; --tm-ghost:var(--font-50); --tm-ghost-lg:var(--font-60);}
}
@media (max-width:1100px){
.db-team-box .team-4{--tm-pad:20px; --tm-pad-lg:26px; --tm-ghost:var(--font-46); --tm-ghost-lg:var(--font-50);}
}
@media (max-width:991px){
/* db-team-box */
.db-team-box .team-4{--tm-cols:6; --tm-block-pad:64px; --tm-sec-gap:34px;}
.db-team-box .team-4 .tm-tile--lg{grid-column:span 6;}
.db-team-box .team-4 .tm-tile--md{grid-column:span 2;}
.db-team-box .team-4 .tm-tile--sm{grid-column:span 3;}
}
@media (max-width:767px){
/* db-team-box */
.db-team-box .team-4{--tm-cols:1; --tm-pad-x:20px; --tm-block-pad:52px; --tm-cut:18px;}
.db-team-box .team-4 .tm-tile--lg, .db-team-box .team-4 .tm-tile--md, .db-team-box .team-4 .tm-tile--sm{grid-column:span 1;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__in{flex-direction:column;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__visual{flex:none;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__photo{aspect-ratio:4/3; min-height:0;}
.db-team-box .team-4 .tm-tile--lg .tm-tile__body{justify-content:flex-start; padding:var(--tm-pad);}
}
@media (max-width:480px){
.db-team-box .team-4{--tm-pad-x:16px; --tm-block-pad:44px; --tm-pad:18px; --tm-cut:0px; --tm-radius:12px; --tm-gap:14px; --tm-ghost:var(--font-40); --tm-ghost-lg:var(--font-46); --tm-no-clear:24px; --tm-ratio:4/3;}
}
@media (max-width:320px){
.db-team-box .team-4{--tm-pad-x:12px; --tm-pad:15px;}
}
@media (prefers-reduced-motion:reduce){
.db-team-box .team-4 .tm-tile, .db-team-box .team-4 .tm-tile__photo, .db-team-box .team-4 .tm-tile__no{transition-duration:0.01ms;}
.db-team-box .team-4 .tm-tile:hover .tm-tile__no{transform:none;}
.db-team-box .team-4 .tm-tile:hover{transform:none;}
.db-team-box .team-4 .tm-tile:hover .tm-tile__photo{transform:none;}
}