.flip-grid{perspective:1400px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:5rem 0 2rem;display:grid}.flip-card{cursor:pointer;perspective:1200px;outline:none;height:25rem}.flip-card__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.65,.25,1);position:relative}.flip-card:hover .flip-card__inner,.flip-card:focus-visible .flip-card__inner,.flip-card.is-flipped .flip-card__inner{transform:rotateY(180deg)}.flip-card__face{backface-visibility:hidden;border:1px solid #17171433;flex-direction:column;padding:clamp(1.6rem,3vw,3rem);display:flex;position:absolute;inset:0}.flip-card__front{text-align:center;background:#dfe6dc;justify-content:center;align-items:center}.flip-card__front p{margin:0;font:600 clamp(2.5rem,5vw,5rem)/1.1 Noto Serif KR,serif}.flip-card__front strong{letter-spacing:.16em;margin-top:1.2rem;font-size:.85rem}.flip-card__front small{color:#5d6f60;font-size:.68rem;position:absolute;bottom:1.5rem}.flip-card__number{color:#718374;font-size:.72rem;position:absolute;top:1.5rem;left:1.5rem}.flip-card__back{color:#f3efe4;background:#233b2a;transform:rotateY(180deg)}.flip-card__back>span{color:#b7c9b8;letter-spacing:.08em;font-size:.7rem;font-weight:700}.flip-card__back h3{margin:auto 0 1rem;font:600 clamp(2rem,3vw,3rem) Noto Serif KR,serif}.flip-card__back p{color:#d7ddd6;margin:0 0 1.5rem;font-size:.95rem;line-height:1.8}.flip-card__back b{color:#b7c9b8;border-top:1px solid #ffffff40;padding-top:1rem;font-size:.78rem}.flip-card:focus-visible{outline-offset:5px;outline:3px solid #913b32}@media (max-width:900px){.flip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.flip-grid{grid-template-columns:1fr}.flip-card{height:23rem}}@media (prefers-reduced-motion:reduce){.flip-card{height:auto}.flip-card__inner{transition:none;display:grid;transform:none!important}.flip-card__face{backface-visibility:visible;position:relative;inset:auto;transform:none}.flip-card__front{min-height:15rem}.flip-card__back{min-height:20rem}}