/* B: independent-work composition with a white board and original full-background assets. */
.variant-white .showcase-card{height:auto;min-height:432px;padding:16px;background:#fff;border:1px solid #e5eaf1}
.variant-white .showcase-copy{order:2;padding:18px 8px 0}
.variant-white .showcase-copy .project-type{font-size:12px;font-weight:400;color:#607086}
.variant-white .showcase-copy h3{font-size:24px;font-weight:550;line-height:1.4;margin-top:8px;letter-spacing:-.02em}
.variant-white .showcase-copy p{position:static;width:auto;height:auto;padding:0;margin:10px 0 0;overflow:visible;clip-path:none;white-space:normal;font-size:14px;line-height:1.8;color:#607086}
.variant-white .showcase-art,.variant-white .showcase-art[data-cover="onboard"],.variant-white .showcase-card .cover-placeholder{order:1;position:relative;inset:auto;width:100%;aspect-ratio:8/4.75;margin:0;border-radius:12px;flex-shrink:0;overflow:hidden}
.variant-white .showcase-art img,.variant-white .showcase-art[data-cover="onboard"] img{position:absolute;left:0;top:0;width:100%;height:auto;max-width:100%;object-fit:contain}
.variant-white .showcase-capabilities{display:none}


.variant-white .creation-card{background:#fff;border:1px solid #e5eaf1}

@media(max-width:760px){.variant-white .showcase-card{min-height:360px;padding:12px}.variant-white .showcase-copy{padding:16px 8px 0}.variant-white .showcase-copy h3{font-size:21px}.variant-white .showcase-copy .project-type{font-size:11px}.variant-white .showcase-copy p{font-size:13px;line-height:1.7;margin-top:8px}}

/* Selected interaction: a quiet outline and a directional arrow in the text area. */
.variant-white .showcase-card:after{content:none;display:none}
.variant-white .showcase-copy p{padding-right:32px}
.variant-white .project-arrow{position:absolute;right:8px;bottom:3px;width:22px;height:22px;color:#263344;transition:transform .22s cubic-bezier(.22,1,.36,1)}
.variant-white .showcase-card,.variant-white .creation-card{transition:border-color .22s ease}
@media(hover:hover){
 .variant-white .showcase-card:hover,.variant-white .creation-card:hover{border-color:var(--home-blue)}
 .variant-white .showcase-card:hover .project-arrow{transform:translateX(4px)}
 .variant-white .creation-card:hover h3{color:var(--home-ink)}
}
.variant-white .showcase-card:focus-visible,.variant-white .creation-card:focus-visible{border-color:var(--home-blue)}
.variant-white .showcase-card:focus-visible .project-arrow{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.variant-white .project-arrow{transition:none;transform:none!important}}

/* Verified results stay secondary to the project scene and description. */
.variant-white .project-results{position:static;order:3;display:flex;flex-wrap:wrap;gap:6px;margin:auto 8px 8px;padding:20px 0 0;list-style:none}
.variant-white .project-results li{padding:5px 8px;border-radius:5px;background:#eff3f8;color:#3c5069;font-size:12px;font-weight:450;line-height:1.5;white-space:nowrap}
@media(max-width:760px){.variant-white .project-results{gap:5px}.variant-white .project-results li{padding:4px 7px;font-size:11px}}