.sp-team{position:relative;isolation:isolate;background:#fff;overflow-x:clip}.sp-team--blush{background:radial-gradient(70% 60% at 70% 40%,#fff,#fff0 70%),var(--sec-blush, #FCE7EB)}.sp-team--sand{background:var(--sec-sand, #F8F1EA)}.sp-team__kanji{position:absolute;z-index:-1;left:3%;top:24px;font-size:clamp(120px,20vw,300px)}.sp-team__grid{display:grid;grid-template-columns:1fr;gap:34px;max-width:360px;margin:0 auto;padding:8px 0 0;list-style:none}@media(min-width:700px){.sp-team__grid{grid-template-columns:repeat(2,1fr);max-width:720px}}@media(min-width:1000px){.sp-team__grid{grid-template-columns:repeat(3,1fr);max-width:1080px;gap:40px}}.sp-team__item{display:flex;flex-direction:column;align-items:center;text-align:center}.sp-team__card{--tilt: -1.6deg;--rx: 0deg;--ry: 0deg;--px: 0px;--py: 0px;position:relative;width:100%;perspective:1400px;cursor:pointer;border-radius:24px;outline:none;transform:rotate(var(--tilt));transition:transform .5s var(--soft, ease);-webkit-tap-highlight-color:transparent}.sp-team__item:nth-child(2n) .sp-team__card{--tilt: 1.6deg}.sp-team__item:nth-child(2n){padding-top:14px}@media(hover:hover){.sp-team__card:hover{transform:rotate(0) translateY(-6px)}}.sp-team__card.is-flipped{transform:rotate(0)}.sp-team__card:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--rose-deep)}.sp-team__inner{display:grid;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s cubic-bezier(.2,.75,.2,1)}.sp-team__card.is-tilting .sp-team__inner{transition:transform .18s ease-out}.sp-team__face{position:relative;grid-area:1 / 1;display:flex;flex-direction:column;border-radius:24px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.sp-team__front{padding:12px 12px 0;background:#fff;border:1.5px solid rgba(246,120,142,.42);box-shadow:0 2px 6px #5a28370f,0 26px 56px -24px #c24f696b;transition:box-shadow .4s var(--soft, ease)}@media(hover:hover){.sp-team__card:hover .sp-team__front{box-shadow:0 2px 6px #5a28370f,0 34px 70px -24px #c24f698c}}.sp-team__photo{position:relative;aspect-ratio:4 / 5;border-radius:15px;overflow:hidden;background:var(--blush)}.sp-team__photo img{display:block;width:106%;height:106%;max-width:none;margin:-3%;object-fit:cover;transform:translate(var(--px),var(--py));transition:transform .5s var(--soft, ease)}.sp-team__card.is-tilting .sp-team__photo img{transition:transform .18s ease-out}.sp-team__initials{display:grid;place-items:center;height:100%;font-family:var(--font-display);font-size:64px;font-weight:600;color:var(--rose-deep)}.sp-team__hint{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink);font-size:12.5px;font-weight:600;box-shadow:0 6px 16px -8px #5a283766}.sp-team__hint svg{color:var(--rose-deep)}.sp-team__hint-tap{display:none}@media(hover:none){.sp-team__hint-hover{display:none}.sp-team__hint-tap{display:inline}}.sp-team__cap{padding:16px 8px 20px}.sp-team__name{margin:0 0 8px;font-family:var(--font-display);font-weight:600;font-size:21px;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}.sp-team__role{display:inline-block;margin:0;padding:5px 12px;border-radius:999px;background:var(--blush, #FDEBEF);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-deep)}.sp-team__back{transform:rotateY(180deg);justify-content:flex-start;padding:36px 30px 30px;text-align:left;color:#fff;background:linear-gradient(160deg,#f6788e,#d95f7b,#c24f69);border:1.5px solid rgba(255,255,255,.5);box-shadow:0 2px 6px #5a283714,0 30px 64px -24px #c24f6999}.sp-team__mark{width:42px;height:31px;color:#ffffff8c;margin-bottom:18px;flex:none}.sp-team__topic{margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffffd9}.sp-team__quote{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(20px,18px + .5vw,24px);line-height:1.4;letter-spacing:-.005em;text-wrap:pretty}.sp-team__sign{display:flex;flex-direction:column;gap:2px;margin:auto 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.35);font-size:14px}.sp-team__sign strong{font-family:var(--font-display);font-weight:600;font-size:17px}.sp-team__sign span{color:#ffffffd9}.sp-team__bio{margin:22px 6px 0;font-size:15px;line-height:1.6;color:var(--ink-soft);max-width:34ch}.sp-team__ig{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:14px;font-weight:600;color:var(--rose-deep);text-decoration:none}@media(hover:hover){.sp-team__ig:hover{text-decoration:underline}}.sp-team__cta{display:flex;justify-content:center;margin-top:44px}@media(prefers-reduced-motion:reduce){.sp-team__card,.sp-team__card:hover{transform:none!important}.sp-team__inner,.sp-team__card.is-flipped .sp-team__inner,.sp-team__card:hover .sp-team__inner{transform:none!important;transition:none}.sp-team__back{transform:none;opacity:0;transition:opacity .3s ease}.sp-team__card.is-flipped .sp-team__back{opacity:1}.sp-team__photo img{transform:none!important}}@media(prefers-reduced-motion:reduce)and (hover:hover){.sp-team__card:hover .sp-team__back{opacity:1}}.sp-team__card.is-flipped .sp-team__inner{transform:rotateX(var(--rx)) rotateY(calc(180deg + var(--ry)))}@media(hover:hover){.sp-team__card:hover .sp-team__inner{transform:rotateX(var(--rx)) rotateY(calc(180deg + var(--ry)))}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/sp-team.css.map */