.l-cmn-rec-base-section{position:relative;padding:40px 20px 60px;overflow:hidden;z-index:var(--z-base)}.l-cmn-rec-base-container{position:relative;max-width:1280px;margin:0 auto}.p-cmn-rec-base__grid{display:flex;flex-direction:column;gap:20px}.p-cmn-rec-base__grid>p,.p-cmn-rec-base__grid>br{display:none}.p-cmn-rec-base__card{display:block;text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease}.p-cmn-rec-base__card-image{position:relative;aspect-ratio:3 / 4;background-color:#e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgb(0 0 0 / .95)}.p-cmn-rec-base__card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.p-cmn-rec-base__card-icon{position:absolute;top:12px;right:12px;background:rgb(255 255 255 / .8);backdrop-filter:blur(4px);padding:6px;border-radius:50%}.p-cmn-rec-base__card-icon svg{width:16px;height:16px;color:#1f2937;transition:transform 0.3s ease}.p-cmn-rec-base__card-info{position:absolute;bottom:12px;left:0;background:rgb(255 255 255 / .9);padding:10px 12px;width:calc(100% - 24px);margin:0 12px;border-radius:8px;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.p-cmn-rec-base__card-year{font-size:.75rem}.p-cmn-rec-base__card-role{font-size:1rem;color:#1f2937;margin:0}.p-cmn-rec-base__card-name{font-size:1.25rem;font-weight:700;color:#1f2937;margin:2px 0;transition:color 0.3s ease}.p-cmn-rec-base__card-copy{font-size:1rem;color:#4b5563;margin:4px 0 0;line-height:1.5}@media screen and (max-height:500px) and (orientation:landscape){.p-cmn-rec-base__grid{display:flex;flex-direction:column;gap:12px}.p-cmn-rec-base__card{width:100%}.p-cmn-rec-base__card-image{display:flex;flex-direction:row;height:110px;aspect-ratio:auto;background:#fff;border:1px solid #eee;box-shadow:none}.p-cmn-rec-base__card-image img{width:35%;height:100%;object-fit:cover;position:static}.p-cmn-rec-base__card-info{position:static;width:65%;height:100%;padding:8px 12px;margin:0;background:#fff;box-shadow:none;display:flex;flex-direction:column;justify-content:center;text-align:left}.p-cmn-rec-base__card-role,.p-cmn-rec-base__card-name,.p-cmn-rec-base__card-copy{color:#333;margin:0}.p-cmn-rec-base__card-role{font-size:.7rem}.p-cmn-rec-base__card-name{font-size:.9rem;font-weight:700}.p-cmn-rec-base__card-copy{font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.p-cmn-rec-base__card-icon{display:none}}@media screen and (min-width:768px) and (min-height:501px){.l-cmn-rec-base-section{padding:60px 20px 80px}.p-cmn-rec-base__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,280px));justify-content:center;gap:24px}@media (hover:hover){.p-cmn-rec-base__card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / .15)}.p-cmn-rec-base__card:hover .p-cmn-rec-base__card-image img{transform:scale(1.1)}.p-cmn-rec-base__card:hover .p-cmn-rec-base__card-name{color:#00b2a9}.p-cmn-rec-base__card:hover .p-cmn-rec-base__card-icon svg{transform:translate(3px,-3px)}}}@media screen and (min-width:1024px) and (min-height:501px){.p-cmn-rec-base__grid>*:not(.p-cmn-rec-base__card){display:none;width:0;height:0;margin:0;padding:0}}