/* Frankenskates What We Believe — locked component v4.0
   This file owns the Principles cards. Global design-system changes should not target
   .principles-v2 descendants. All meaningful copy remains HTML in /about/index.php. */
.principles-v2{--principles-gap:14px;overflow:hidden}
.principles-v2>.wrap{width:min(94vw,1480px);max-width:1480px}
.principles-v2 .principles-heading h2{font-family:'Bangers','Arial Narrow',Impact,sans-serif!important;font-weight:400!important;font-style:normal!important;transform:none!important;font-size:clamp(3rem,7vw,6.8rem);line-height:.9;letter-spacing:.018em!important;text-transform:uppercase;margin:.2em 0 .55em;color:#fff}
.principles-v2 .principles-heading h2 span{color:#fff}
.principles-v2 .principles-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--principles-gap);width:100%}
.principles-v2 .principle-card{--accent:#22e7d0;position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#050607;border:2px solid var(--accent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 32%,transparent)!important}
.principles-v2 .principle-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,transparent),transparent 28%)}
.principles-v2 .principle-art{position:relative!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:4/3!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden!important;flex:0 0 auto!important;border-bottom:2px solid var(--accent)!important;background:#050607!important}
.principles-v2 .principle-art>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;object-fit:cover!important;object-position:center!important;transform:none!important;filter:none!important}
.principles-v2 .principle-copy{position:relative;padding:1.15rem 1rem 1.3rem;display:flex;flex-direction:column;flex:1;min-width:0}
.principles-v2 .principle-copy h3{margin:0 0 .85rem;color:#fff;text-transform:uppercase;font-family:'Bangers','Arial Narrow',Impact,sans-serif!important;font-weight:400!important;font-style:normal!important;font-size:clamp(1.18rem,1.55vw,1.72rem)!important;line-height:.96!important;letter-spacing:.02em!important;overflow-wrap:normal;word-break:normal}
.principles-v2 .principle-copy h3 em{display:block;color:var(--accent);font-style:normal}
.principles-v2 .principle-copy p{color:#eee;line-height:1.55;margin:0 0 1.1rem;flex:0 0 auto}
.principles-v2 .principle-mark{width:68px;height:68px;margin:auto auto .8rem;color:var(--accent);display:grid;place-items:center;flex:0 0 auto;padding-top:1.2rem}
.principles-v2 .principle-mark svg{display:block;width:60px;height:60px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 60%,transparent))}
.principles-v2 .principle-copy strong{display:block;color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;text-align:center}
.principles-v2 .principle-teal{--accent:#22e7d0}.principles-v2 .principle-purple{--accent:#b84cff}.principles-v2 .principle-yellow{--accent:#ffe12f}.principles-v2 .principle-blue{--accent:#29b9ff}.principles-v2 .principle-pink{--accent:#ff3ca6}
@media(max-width:1280px){.principles-v2 .principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.principles-v2 .principle-card:last-child{grid-column:1/-1;max-width:620px}}
@media(max-width:650px){.principles-v2>.wrap{width:min(92vw,1480px)}.principles-v2 .principles-grid{grid-template-columns:1fr}.principles-v2 .principle-card:last-child{grid-column:auto;max-width:none}.principles-v2 .principle-copy h3{font-size:2rem!important}}