.capability-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.capability-cards>.reveal,.about-principle-cards>.reveal{min-width:0;display:flex}.capability-card-surface,.principle-card-surface{width:100%;height:100%;transition:transform .6s var(--ease-out)}.capability-card{isolation:isolate;border:1px solid var(--color-border);background:var(--color-surface-elevated);height:100%;box-shadow:0 18px 38px -35px var(--color-brand-primary);border-radius:30px;padding:32px;scroll-margin-top:110px;transition:box-shadow .5s,border-color .5s;position:relative;overflow:hidden}.capability-card:after,.about-principle-card:after{content:"";border:1px solid color-mix(in srgb, var(--color-border-strong) 10.2%, transparent);width:160px;height:160px;box-shadow:0 0 0 22px color-mix(in srgb, var(--color-brand-primary) 3.14%, transparent);z-index:-1;border-radius:50%;position:absolute;top:-55px;right:-55px}.capability-cards>.reveal:nth-child(2) .capability-card{background:var(--color-surface-elevated)}.capability-cards>.reveal:nth-child(3) .capability-card{background:var(--color-surface-light)}.capability-cards>.reveal:nth-child(4) .capability-card,.capability-cards>.reveal:nth-child(5) .capability-card{background:var(--color-surface-elevated)}.capability-cards>.reveal:nth-child(6) .capability-card{background:var(--color-surface-light)}.capability-card-icon,.principle-card-icon{background:color-mix(in srgb, var(--color-surface-elevated) 53.33%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 61.18%, transparent);width:61px;height:61px;color:var(--color-text-accent);box-shadow:0 9px 18px -16px var(--color-brand-primary);transition:transform .5s var(--ease-out);border-radius:20px;place-items:center;margin-bottom:35px;display:grid}.capability-card h3{letter-spacing:-.05em;max-width:280px;min-height:65px;font-size:27px;line-height:1.2}.capability-card p{margin-top:18px;font-size:13px;line-height:1.85}.capability-card .capability-card-value{color:var(--color-text-primary);min-height:79px;margin-top:12px;font-size:16px;line-height:1.65}.capability-card ul{flex-wrap:wrap;gap:7px;margin-top:26px;padding:0;list-style:none;display:flex}.capability-card li{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface-elevated) 20.78%, transparent);border-radius:10px;padding:8px 10px;font-size:10px;line-height:1.4}.about-principle-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:22px;display:grid}.about-principle-cards>.reveal{grid-column:span 2}.about-principle-cards>.reveal:nth-child(n+4){grid-column:span 3}.about-principle-card{border:1px solid var(--color-border);background:var(--color-surface-elevated);isolation:isolate;height:100%;box-shadow:0 18px 38px -35px var(--color-brand-primary);border-radius:30px;padding:34px;transition:box-shadow .5s,border-color .5s;position:relative;overflow:hidden}.about-principle-card h3{letter-spacing:-.05em;max-width:350px;font-size:29px;line-height:1.25}.company-page .about-principle-card p{max-width:470px;margin-top:20px;font-size:14px;line-height:1.9}.about-principle-cards>.reveal:nth-child(2) .about-principle-card,.about-principle-cards>.reveal:nth-child(3) .about-principle-card{background:var(--color-surface-elevated)}.about-principle-cards>.reveal:nth-child(4) .about-principle-card{background:var(--color-surface-light)}.about-principle-cards>.reveal:last-child .about-principle-card{background:var(--color-bg-dark);color:var(--color-bg-light);border-color:var(--color-bg-dark)}.about-principle-cards>.reveal:last-child p{color:var(--color-text-on-dark-muted)}.about-principle-cards>.reveal:last-child .principle-card-icon{background:color-mix(in srgb, var(--color-surface-elevated) 6.27%, transparent);border-color:color-mix(in srgb, var(--color-border) 9.8%, transparent);color:var(--color-accent-on-dark)}@media (hover:hover) and (pointer:fine){.capability-card:hover,.about-principle-card:hover{box-shadow:0 25px 45px -30px color-mix(in srgb, var(--color-brand-primary) 33.33%, transparent);border-color:var(--color-border)}.capability-card:hover .capability-card-icon,.about-principle-card:hover .principle-card-icon{transform:translateY(-4px)rotate(-4deg)}}@media (max-width:1100px){.capability-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card h3,.capability-card .capability-card-value{min-height:0}.about-principle-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.about-principle-cards>.reveal,.about-principle-cards>.reveal:nth-child(n+4){grid-column:span 1}.about-principle-cards>.reveal:last-child{grid-column:1/-1}.about-principle-card{padding:30px}}@media (max-width:580px){.capability-cards,.about-principle-cards{grid-template-columns:1fr;gap:16px}.capability-card,.about-principle-card{border-radius:25px;padding:28px}.capability-card-icon,.principle-card-icon{border-radius:17px;width:54px;height:54px;margin-bottom:27px}.capability-card h3,.about-principle-card h3{font-size:28px}.capability-card .capability-card-value{font-size:16px}.capability-card p,.company-page .about-principle-card p{font-size:14px}.capability-card li{font-size:11px}.about-principle-cards>.reveal{grid-column:1!important}}@media (prefers-reduced-motion:reduce){.capability-card-icon,.principle-card-icon{transform:none!important}}html[data-motion=paused] .capability-card-icon,html[data-motion=paused] .principle-card-icon{transform:none!important}
