.cc_5wnqhdky_DFFNbYD5Ls .pfeel { padding: clamp(4rem, 8vw, 7rem) 0; background: var(--hanne-chalk); color: var(--hanne-ink); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__head { display: grid; gap: 1rem; margin-bottom: 3rem; }
@media (min-width: 1024px) { .cc_5wnqhdky_DFFNbYD5Ls .pfeel__head { grid-template-columns: 1.2fr .8fr; align-items: end; } }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__head p { max-width: 26rem; margin: 0; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__title { font-size: clamp(3rem, 7vw, 6.4rem); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__title span { display: block; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__grid { display: grid; gap: 1.4rem; }
@media (min-width: 900px) { .cc_5wnqhdky_DFFNbYD5Ls .pfeel__grid { grid-template-columns: repeat(3, 1fr); } }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__card { position: relative; border-radius: 2rem; background: var(--sbg); padding: 1.2rem 1.2rem 1.6rem; user-select: none; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__label { position: absolute; z-index: 3; top: 2rem; left: 2rem; background: var(--hanne-white); border-radius: 2rem; padding: .35rem .8rem; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__ph { position: relative; aspect-ratio: 4 / 5; border-radius: 1.2rem; overflow: hidden; cursor: pointer; touch-action: none; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__ph img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1.4s cubic-bezier(.34, 1.3, .64, 1); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__card.is-down .pfeel__ph img { transform: scale(calc(1.06 + var(--sink) * .5)) translateY(calc(var(--sink) * 6%)); transition-duration: 1.1s; transition-timing-function: var(--hanne-ease); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__ph::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 62%, transparent 0, rgba(0, 0, 0, .35) 70%); opacity: 0; transition: opacity .8s; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__card.is-down .pfeel__ph::after { opacity: 1; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__hold { position: absolute; z-index: 2; left: 50%; top: 58%; transform: translate(-50%, -50%); width: 5.4rem; height: 5.4rem; border-radius: 50%; display: grid; place-items: center; text-align: center; background: rgba(255, 255, 255, .28); backdrop-filter: blur(8px); color: var(--hanne-white); border: 1px solid rgba(255, 255, 255, .5); transition: transform .6s var(--hanne-ease); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__card.is-down .pfeel__hold { transform: translate(-50%, -50%) scale(.7); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__depth { position: absolute; z-index: 2; right: .9rem; top: .9rem; bottom: .9rem; width: 2rem; display: flex; flex-direction: column; align-items: center; gap: .5rem; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__depth i { flex: 1; width: .45rem; border-radius: 1rem; background: rgba(255, 255, 255, .35); position: relative; overflow: hidden; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__depth i::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 0; background: var(--hanne-white); border-radius: 1rem; transition: height 1.1s var(--hanne-ease); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__card.is-down .pfeel__depth i::after { height: calc(var(--sink) * 100%); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__depth b { writing-mode: vertical-rl; transform: rotate(180deg); color: var(--hanne-white); opacity: 0; transition: opacity .5s; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__card.is-down .pfeel__depth b { opacity: 1; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__name { display: block; margin-top: .9rem; font-family: var(--hanne-font-soft); font-weight: 700; font-size: 1.5rem; letter-spacing: -.02em; color: inherit; text-decoration: none; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__firm { display: flex; gap: .3rem; margin: .6rem 0; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__firm i { flex: 1; height: .45rem; border-radius: 1rem; background: rgba(0, 0, 0, .14); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__firm i.on { background: var(--hanne-ink); }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__dl { display: grid; grid-template-columns: auto 1fr; gap: .2rem 1rem; margin: 0; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__dl dt { opacity: .7; }
.cc_5wnqhdky_DFFNbYD5Ls .pfeel__dl dd { margin: 0; font-weight: 700; text-align: right; }