/* Principal character: the approved card, within the established site system. */
#full-code .principal-team-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
#full-code .principal-team-grid .role-column{display:flex;flex-direction:column}
#full-code .principal-team-grid .role-card{flex:1}
#full-code .principal-team-grid .traditional{min-height:64px}
#full-code .principal-column .role-card{box-shadow:0 0 0 2px #65d1c3}
#full-code .principal-column .traditional strong{color:#65d1c3}
#full-code .principal-line a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:#65d1c3;text-decoration:none;font-weight:600}
#full-code .principal-line a:hover{text-decoration:underline;text-underline-offset:4px}
#full-code .principal-line a span{color:inherit}
#full-code .principal-line a:focus-visible{outline:3px solid #65d1c3;outline-offset:4px}
.principal-feature{background:#f3f2ed;color:#151211;scroll-margin-top:100px}
.principal-feature-inner{box-sizing:border-box;width:100%;max-width:1220px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:90px;align-items:center}
.principal-feature .principal-eyebrow{display:block;font:700 10px/1.5 Inter,sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#155e57;margin:0 0 20px}
.principal-feature .principal-feature-copy h2{font:700 clamp(39px,4.8vw,64px)/1.08 Poppins,sans-serif;letter-spacing:-.052em;margin:0;text-wrap:balance}
.principal-feature-copy h2 span{color:#155e57}
.principal-feature .principal-intro{font:400 17px/1.7 Inter,sans-serif;color:#55504a;margin:24px 0 28px}
.principal-retainer{border-left:3px solid #31baae;padding:1px 0 1px 20px;max-width:440px}
.principal-feature .principal-retainer .principal-eyebrow{font-size:9px;margin:0 0 9px}
.principal-feature .principal-retainer>p:last-child{font:400 14px/1.75 Inter,sans-serif;margin:0;color:#55504a}
.principal-feature .principal-promises{list-style:none;padding:0;margin:26px 0;max-width:460px}
.principal-promises li{display:flex;gap:17px;padding:13px 0;border-bottom:1px solid #dcdad3}
.principal-promises li>span{font:600 10px/2 Inter,sans-serif;color:#155e57;min-width:18px}
.principal-promises strong{font:600 13px/1.6 Inter,sans-serif}
.principal-feature .principal-promises p{font:400 12px/1.65 Inter,sans-serif;color:#605b56;margin:3px 0 0}
.principal-feature .principal-scope{font:400 12px/1.75 Inter,sans-serif;color:#605b56;max-width:440px;margin:0 0 18px}
.principal-feature .principal-link{font:600 12px/1.6 Inter,sans-serif;display:inline-flex;align-items:center;gap:22px;min-height:44px;color:#155e57;text-decoration:none}
.principal-feature .principal-link:hover{text-decoration:underline;text-underline-offset:4px}
.principal-feature .principal-link:focus-visible{outline:3px solid #155e57;outline-offset:5px}
.principal-showcase{width:100%;max-width:340px;justify-self:center;perspective:1200px}
.principal-float{transform-origin:50% 95%}
html[data-motion=on] .principal-float{animation:principal-card-float 6s ease-in-out infinite}
@keyframes principal-card-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-12px) rotate(2deg)}}
.principal-tilt{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
html[data-motion=on] .principal-tilt{transform:perspective(900px) rotateX(calc(var(--pointer-y,0)*-4deg)) rotateY(calc(var(--pointer-x,0)*6deg))}
.principal-profile{box-shadow:0 20px 45px #28251d1c,0 2px 5px #28251d10;border:1px solid #d5ccb9;border-radius:13px;background:#f8f7f1;overflow:hidden}
.principal-profile>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.principal-profile>div{padding:21px 25px 24px}
.principal-feature .principal-profile .principal-eyebrow{font-size:10px;margin:0 0 5px}
.principal-feature .principal-profile h3{font:700 29px/1.2 Poppins,sans-serif;letter-spacing:-.035em;margin:0;color:#151211}
.principal-feature .principal-profile p{font:400 13px/1.7 Inter,sans-serif;color:#5d5751;margin:10px 0 0;max-width:275px}
.principal-feature .principal-caption{text-align:center;margin:25px 0 0;font:400 11px/1.6 Inter,sans-serif;color:#605b56}
.principal-caption strong{font-weight:500;display:block}
.principal-caption span{font-size:10px;display:block;margin-top:6px}
@media(max-width:1170px){#full-code .principal-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px}#full-code .principal-team-grid .role-card h3{font-size:18px}#full-code .principal-team-grid .role-card>div{padding:20px}#full-code .principal-team-grid .traditional{min-height:48px}.principal-feature-inner{gap:55px}.principal-showcase{max-width:300px}}
@media(max-width:760px){.principal-feature-inner{grid-template-columns:1fr;gap:45px;padding:55px 25px}.principal-feature-copy{max-width:550px}.principal-feature .principal-feature-copy h2{font-size:clamp(39px,7.8vw,58px)}.principal-showcase{max-width:310px}.principal-feature .principal-intro{font-size:16px}.principal-feature .principal-profile h3{font-size:27px}}
@media(max-width:650px){#full-code .principal-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 14px}#full-code .principal-team-grid .role-card h3{font-size:14px}#full-code .principal-team-grid .role-card>div{padding:17px 12px}#full-code .principal-team-grid .traditional{min-height:58px}.principal-feature-inner{padding-left:22px;padding-right:22px}}
@media(max-width:359px){#full-code .principal-team-grid .role-card h3{font-size:12px}#full-code .principal-team-grid .role-card>div{padding:15px 10px}.principal-feature .principal-feature-copy h2{font-size:36px}.principal-feature .principal-intro{font-size:14px}.principal-profile>div{padding:20px}.principal-feature .principal-profile h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){html:not([data-motion=on]) .principal-tilt{transform:none}}
@media print{.principal-feature-inner{gap:40px;padding-top:30px;padding-bottom:30px}.principal-float,.principal-tilt{animation:none!important;transform:none!important}.principal-showcase{break-inside:avoid}}