/* Shared outward-card composition. Detail-page media is deliberately untouched. */
.concept-card .cb-card-preview{container-type:inline-size;border-radius:24px;overflow:hidden;isolation:isolate;background:var(--concept-bg)}
.concept-card{--concept-bg:#eae6db;--concept-ink:#254c3d}
.concept-purple{--concept-bg:#ece2f7;--concept-ink:#492265}
.concept-store-pos{--concept-bg:#f2dfc8;--concept-ink:#322b23}
.concept-cartharbor{--concept-bg:#103c30;--concept-ink:#f0f3d9}
.concept-stage{position:absolute;inset:0;display:flex;flex-direction:column;color:var(--concept-ink);background:var(--concept-bg);overflow:hidden}
.concept-copy{position:relative;z-index:2;flex:none;padding:6.5% 7% 0}
.concept-brand{display:flex;align-items:center;justify-content:space-between;font-size:4.5cqw;font-weight:600;letter-spacing:-.04em;line-height:1.2}
.concept-arrow{display:grid;place-items:center;width:9cqw;height:9cqw;border:1px solid currentColor;border-radius:50%;font-size:6cqw;font-weight:300;transition:background .25s,color .25s,rotate .25s}
.concept-copy small{display:block;margin:4.8% 0 2.8%;font-size:2.2cqw;line-height:1.3;letter-spacing:.07em;font-weight:500}
.concept-copy>strong{display:block;font-size:8.5cqw;line-height:.98;letter-spacing:-.055em;font-weight:500}
.concept-purple .concept-copy>strong{font-family:Georgia,serif;font-weight:400;font-size:9.4cqw;letter-spacing:-.055em}
.concept-art{flex:1;min-height:0;position:relative;margin:1.5% 3% 0;display:flex;align-items:center;justify-content:center}
.concept-card .concept-art img{position:static!important;display:block;width:auto!important;height:100%!important;aspect-ratio:1;max-width:100%;max-height:100%;object-fit:contain!important;transform:none!important;scale:none!important;transition:none!important;border-radius:18px;mix-blend-mode:normal}
.concept-detail{position:relative;flex:none;padding:2% 7% 5.5%;font-size:2.7cqw;line-height:1.3;font-weight:500}
.concept-card:hover .concept-arrow,.concept-card:focus-visible .concept-arrow{background:var(--concept-ink);color:var(--concept-bg);rotate:45deg}
.concept-card:focus-visible{outline:3px solid #8563bd;outline-offset:7px;border-radius:24px}
@media(max-width:767px){
 .concept-copy{padding:4% 6% 0}
 .concept-brand{font-size:4.8cqw}
 .concept-arrow{width:7.5cqw;height:7.5cqw;font-size:5.5cqw}
 .concept-copy small{margin:2% 0;font-size:max(8px,2.2cqw)}
 .concept-copy>strong{font-size:7.4cqw}
 .concept-purple .concept-copy>strong{font-size:8cqw}
 .concept-detail{padding:1.5% 6% 3%;font-size:max(10px,2.7cqw)}
}
@media(prefers-reduced-motion:reduce){.concept-card *{animation:none!important;transition:none!important}}