#feature .section__inner { display: flex; flex-direction: column; align-items: center; gap: calc(48px * var(--spc)); padding: 0; }
#feature .hero-title { line-height: normal; margin-bottom: 0; text-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .15); }
#feature .tab-panel { gap: calc(30px * var(--spc)); }
#feature .feature-cards { display: flex; flex-direction: row; align-items: flex-start; justify-content: center; gap: calc(10px * var(--spc)); width: 100%; min-height: calc(378px * var(--spc)); }
#feature .feature-card { flex: 1; display: flex; flex-direction: column; gap: calc(20px * var(--spc)); filter: drop-shadow(0 16px 16px rgba(12, 12, 13, .4)); }
#feature .feature-card--notitle { gap: calc(30px * var(--spc)); }
#feature .feature-card__shot { position: relative; display: block; width: 100%; height: calc(244px * var(--spc)); border: 1px solid rgba(255, 255, 255, .3); border-radius: calc(20px * var(--spc)); overflow: hidden; }
#feature .feature-card__shot img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
#feature .feature-card__shot::after { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, .1); pointer-events: none; }
#feature .feature-card__text { display: flex; flex-direction: column; gap: calc(6px * var(--spc)); padding: 0 calc(10px * var(--spc)); text-align: center; }
#feature .feature-card__title { font-family: var(--font-body); font-weight: 700; font-size: calc(20px * var(--spc)); line-height: 1.8; color: #FFFFFF; }
#feature .feature-card__desc { font-family: var(--font-body); font-weight: 400; font-size: calc(16px * var(--spc)); line-height: 1.5; color: #DFE2E7; }