.keyvisuals{padding:var(--spacing-3xl)0;background:var(--color-dark)}.keyvisuals__container{max-width:1200px;padding:0 var(--spacing-base);margin:0 auto}.keyvisuals__grid{gap:var(--spacing-xl);grid-template-columns:1fr;align-items:center;display:grid}.keyvisual{text-align:center;padding:var(--spacing-lg);background:var(--color-dark-variant);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);flex-direction:column;align-items:center;display:flex}.keyvisual:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary);transform:translateY(-4px)}.keyvisual__icon{width:80px;height:80px;margin:0 auto var(--spacing-base);filter:brightness(0)saturate()invert(98%)sepia(4%)saturate(205%)hue-rotate(314deg)brightness(99%)contrast(96%);transition:filter var(--transition-base);display:block}.keyvisual:hover .keyvisual__icon{filter:brightness(0)saturate()invert(61%)sepia(8%)saturate(1977%)hue-rotate(141deg)brightness(92%)contrast(89%)}[data-theme=light] .keyvisual__icon{filter:brightness(0)saturate()}[data-theme=light] .keyvisual:hover .keyvisual__icon{filter:brightness(0)saturate()invert(61%)sepia(8%)saturate(1977%)hue-rotate(141deg)brightness(92%)contrast(89%)}.keyvisual__title{font-family:var(--font-title);font-size:var(--font-size-xl);color:var(--color-light);margin-bottom:var(--spacing-sm);word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;font-weight:600;line-height:1.4}.keyvisual__description{font-family:var(--font-text);font-size:var(--font-size-base);color:var(--color-text-muted);align-content:center;max-width:280px;margin:0 auto;line-height:1.5}@media (width>=768px){.keyvisuals__grid{gap:var(--spacing-2xl);grid-template-columns:repeat(2,1fr)}.keyvisuals__grid .keyvisual:nth-child(3):last-child{grid-column:1/-1;justify-self:center;max-width:50%}.keyvisual__icon{width:90px;height:90px}.keyvisual__title{font-size:var(--font-size-2xl)}.keyvisual__description{font-size:var(--font-size-lg);max-width:320px}}@media (width>=1024px){.keyvisuals{padding:var(--spacing-4xl)0}.keyvisuals__grid{gap:clamp(var(--spacing-lg),2.5vw,var(--spacing-2xl));justify-content:space-between;align-items:stretch;display:flex}.keyvisuals__grid .keyvisual:nth-child(3):last-child{grid-column:auto;justify-self:auto;max-width:none}.keyvisual{padding:var(--spacing-2xl);min-height:400px;max-width:calc(33.333% - clamp(var(--spacing-base),1.67vw,var(--spacing-xl)));flex-direction:column;flex:1;display:flex}.keyvisual__icon{width:100px;height:100px;margin-bottom:var(--spacing-lg);flex-shrink:0}.keyvisual__title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-base);flex-shrink:0;justify-content:center;align-items:flex-start;height:3.5rem;display:flex}.keyvisual__description{font-size:var(--font-size-base);text-align:center;flex-grow:1;max-width:350px}}@media (width>=1200px){.keyvisuals__grid{gap:clamp(var(--spacing-xl),3vw,var(--spacing-3xl))}.keyvisual{max-width:calc(33.333% - clamp(var(--spacing-lg),2vw,var(--spacing-2xl)));padding:clamp(var(--spacing-xl),2vw,var(--spacing-2xl))}}@media (width>=1440px){.keyvisuals__container{padding:0 var(--spacing-lg)}.keyvisuals__grid{gap:clamp(var(--spacing-2xl),4vw,var(--spacing-4xl))}.keyvisual{padding:var(--spacing-3xl)var(--spacing-xl);min-height:450px;max-width:calc(33.333% - clamp(var(--spacing-xl),2.67vw,var(--spacing-3xl)))}.keyvisual__icon{width:120px;height:120px}.keyvisual__title{font-size:var(--font-size-xl)}.keyvisual__description{font-size:var(--font-size-lg);max-width:400px}}.keyvisual.animate-reveal{opacity:0;transition:opacity var(--transition-slow),transform var(--transition-slow);transform:translateY(30px)}.keyvisual.animate-reveal.animate-in{opacity:1;transform:translateY(0)}.keyvisual.animate-reveal:nth-child(2){transition-delay:.2s}.keyvisual.animate-reveal:nth-child(3){transition-delay:.4s}