/* Lifestyle photographs replace the four feature symbols across the journey. */
.feature-photo{display:block;width:100%;height:auto;object-fit:cover;pointer-events:none}
.card-back{background:#e7e4f5;border-color:#d7cfe9}
.card-back-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.card-back-copy{position:absolute;left:0;right:0;bottom:7%;display:flex;flex-direction:column;align-items:center;gap:2px;color:#5e407f}
.card-back .card-back-copy b{padding:0;background:none;font-size:clamp(15px,2.9vw,30px);font-weight:700;letter-spacing:-.055em;line-height:1.05}
.card-back-copy>span{font-size:10px;font-weight:500;letter-spacing:.2em;line-height:1.4}
.vote-grid{max-width:960px;gap:18px}
.vote-card{padding:0;overflow:hidden;border-radius:16px;text-align:left;transition:transform .18s,border-color .18s,box-shadow .18s}
.vote-card>.feature-photo{aspect-ratio:1;object-fit:cover}
.vote-card-copy{display:block;padding:19px 17px 21px}
.vote-card strong{font-size:17px}
.vote-card small{font-size:12px;line-height:1.7;min-height:41px;margin-top:8px}
.vote-card[aria-pressed=true]:after{top:12px;right:12px;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:var(--purple);color:#fff;box-shadow:0 0 0 3px #fff}
@media(hover:hover){.vote-card:hover:not(:disabled){transform:translateY(-3px)}}
.card-face{padding:0;justify-content:flex-start}
.card-face>.feature-photo{width:100%;height:calc(100% - 36px);object-fit:cover;flex:none}
.card-face b{display:flex;align-items:center;justify-content:center;flex:1;font-size:14px;padding:4px;line-height:1.35}
.memory-card.matched:disabled{opacity:.8}
.feature-reveal>.feature-photo{aspect-ratio:16/10;object-fit:cover;border-radius:13px;margin:18px 0 20px}
.feature-reveal{padding:28px 28px 26px}
.feature-reveal h2{margin:10px 0}
.feature-reveal h3{margin:12px 0 15px}
.feature-reveal .small{margin-bottom:8px}
.feature-reveal .primary{margin-top:7px}
.result-feature{padding:0 0 17px;overflow:hidden}
.result-feature>.feature-photo{aspect-ratio:4/3;object-fit:cover}
.result-feature strong,.result-feature p{margin-left:9px;margin-right:9px}
.hero-mini,.mini-deck span{display:block;overflow:hidden}
.hero-mini>.feature-photo,.mini-deck .feature-photo{width:100%;height:100%;object-fit:cover}
@media(max-width:640px){
 .card-back-copy{gap:1px;bottom:7%}
 .card-back-copy>span{font-size:7px;letter-spacing:.15em;line-height:1.2}
 .vote-grid{gap:12px}
 .vote-card{border-radius:13px}
 .vote-card-copy{padding:13px 11px 15px}
 .vote-card strong{font-size:14px}
 .vote-card small{font-size:11px;min-height:38px;margin-top:6px}
 .card-face>.feature-photo{height:calc(100% - 27px)}
 .card-face b{font-size:10px;padding:2px}
 .feature-reveal{padding:23px 22px}
 .feature-reveal>.feature-photo{aspect-ratio:16/10;margin:14px 0}
 .feature-reveal h2{font-size:25px}
 .feature-reveal h3{font-size:20px}
}