/* A restrained interpretation of tilted value cards, using THEHIGH's palette. */
.cp-about .cp-process{background:radial-gradient(ellipse at 70% 42%,#ffe9d94d,transparent 55%),#f8f8f6;padding-block:112px 130px;overflow:clip}
.cp-about .cp-process .cp-split-heading{display:block;margin-bottom:76px}
.cp-about .cp-process .cp-label{display:block;margin-bottom:24px}
.cp-about .cp-process .cp-split-heading h2{max-width:980px}
.cp-about .cp-process .cp-split-heading p{max-width:730px;margin-top:26px}
.cp-expertise-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;padding:10px 10px 20px;align-items:stretch}
.cp-expertise-card{display:flex;flex-direction:column;min-width:0;position:relative;padding:30px 24px 24px;border:1px solid #dcd6cf;border-radius:6px;background:linear-gradient(145deg,#fffdf9,#fff);color:#333;text-align:center;transform:rotate(var(--role-tilt));box-shadow:0 14px 34px #3b201107;transition:transform .6s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .4s}
.cp-expertise-kicker{color:#a66c48;font-size:12px;font-weight:600;letter-spacing:.06em}
.cp-about .cp-expertise-card h3{font-size:25px;line-height:1.35;letter-spacing:-.045em;margin:15px 0 0;font-weight:700;color:#1c1c1c}
.cp-expertise-art{width:min(100%,240px);aspect-ratio:1;margin:26px auto;color:#58524b}
.cp-expertise-art svg{display:block;width:100%;height:100%;overflow:visible}
.cp-expertise-art .role-accent{stroke:#ee7138}
.cp-expertise-art .role-dot{fill:#ee7138;stroke:#ee7138}
.cp-about .cp-expertise-card>p{font-size:14px;line-height:1.8;color:#777;word-break:keep-all;margin:0;min-height:51px}
.cp-expertise-role{margin-top:26px;padding-top:20px;border-top:1px solid #e8e3dc;display:flex;flex-direction:column;gap:7px}
.cp-expertise-role>span{font-size:12px;color:#999}
.cp-expertise-role>strong{font-size:15px;color:#34302b;font-weight:600;word-break:keep-all}
.cp-expertise-art .role-spin{transform-origin:120px 120px;animation:role-orbit 16s linear infinite;animation-play-state:paused}
.cp-expertise-art .role-breathe{transform-origin:120px 120px;animation:role-breathe 4s ease-in-out infinite;animation-play-state:paused}
.cp-expertise-card.is-role-visible .role-spin,.cp-expertise-card.is-role-visible .role-breathe{animation-play-state:running}
.cp-expertise-card.is-role-entering{animation:role-card-enter .9s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--role-delay)}
@keyframes role-orbit{to{transform:rotate(360deg)}}
@keyframes role-breathe{0%,100%{transform:scale(.94)}50%{transform:scale(1.06)}}
@keyframes role-card-enter{from{opacity:0;transform:translateY(52px) rotate(0deg) scale(.96)}to{opacity:1;transform:translateY(0) rotate(var(--role-tilt)) scale(1)}}
@media(hover:hover){.cp-expertise-card:hover{transform:translateY(-10px) rotate(0deg);border-color:#eea276;box-shadow:0 20px 42px #ae5b1c12}.cp-expertise-card:hover .role-spin{animation-duration:7s}}
@media(max-width:1100px){.cp-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.cp-expertise-card{padding-inline:30px}.cp-expertise-art{width:220px}.cp-about .cp-expertise-card>p{min-height:0}}
@media(max-width:700px){.cp-about .cp-process{padding-block:70px 80px}.cp-about .cp-process .cp-split-heading{margin-bottom:44px}.cp-expertise-grid{grid-template-columns:1fr;gap:34px;padding-inline:12px}.cp-expertise-card{padding:30px 28px 26px;max-width:410px;width:100%;justify-self:center}.cp-expertise-art{width:200px;margin-block:24px}.cp-about .cp-expertise-card h3{font-size:27px}.cp-about .cp-expertise-card>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.cp-expertise-card,.cp-expertise-card *{animation:none!important;transition:none!important}}