/* Shared proportions and live preview behavior for the 50-design collection. */
.heritage-stage{--hi-paper:#fff8e8;--hi-ink:#30291f;isolation:isolate;line-height:1.4}
.atelier-hero .design-frame:has(.heritage-stage){max-width:720px;box-shadow:0 20px 70px #24302118}
.atelier-hero .heritage-stage{min-height:calc(var(--u)*140);aspect-ratio:5/7}
.heritage-stage img{display:block;max-width:100%;object-fit:cover}
.heritage-stage.uses-artwork img{object-position:50% 78%}
.design-stage .signature-art{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 80%;opacity:.22;pointer-events:none}
.design-stage:has(.signature-art){isolation:isolate}
.design-preview .design-type{position:relative;display:inline-block;inset:auto;margin:9px 10px 10px;padding:4px 0;background:transparent;color:#344c3c;font-size:9px;letter-spacing:.6px;z-index:1}
.design-preview{background:#f2eee4!important}
.collection-tools{display:flex;align-items:end;gap:18px;flex-wrap:wrap;margin:0 0 30px;padding:18px 0;border-block:1px solid #ccd2c2}
.collection-tools label{font-size:11px;font-weight:600;color:#334737}
.collection-tools select{display:block;margin-top:7px;min-width:240px;background:#fffdf7;color:#334737;padding:10px 30px 10px 12px;border:1px solid #a8b69e;border-radius:6px;font-size:12px}
.collection-tools p{font-size:12px;color:#4d604a;margin:0 auto 10px 0}
.collection-tools .btn-quiet{font-size:11px;padding:10px 12px}
.collection .design-card h3{font-size:15px;line-height:1.45;color:#243b2b}
.collection .design-concept{color:#4f5d4a;font-size:11px}
.collection .design-meta{color:#4c5946}.collection .design-actions a{font-size:11px;color:#254a33}
.collection .section-heading p{color:#53634c}
.collection .filter-row button{color:#42523b;border-color:#aaba9e}.collection .filter-row button.active{color:#fff}
.stage-thumbnail *,.stage-thumbnail *:before,.stage-thumbnail *:after{animation-play-state:paused!important}
.preview-live .stage-thumbnail *,.preview-live .stage-thumbnail *:before,.preview-live .stage-thumbnail *:after{animation-play-state:running!important}
@media(prefers-reduced-motion:no-preference){
 .stage-thumbnail img:not(.signature-art){animation:collection-breathe 12s ease-in-out infinite alternate;transform-origin:center}
 .atelier-hero .design-stage img:not(.signature-art){animation:collection-breathe 14s ease-in-out infinite alternate;transform-origin:center}
 .atelier-hero .signature-art{animation:artwork-light 12s ease-in-out infinite alternate}
}
@keyframes collection-breathe{from{scale:1}to{scale:1.035}}
@keyframes artwork-light{from{opacity:.16}to{opacity:.26}}
@media(prefers-reduced-motion:reduce){.heritage-stage *,.stage-thumbnail *{animation:none!important;transition:none!important}}
@media(max-width:600px){.collection-tools{gap:12px}.collection-tools label,.collection-tools select{width:100%}.collection-tools p{width:100%;margin:2px 0}.collection-grid{gap:22px 14px}.collection .design-card h3{font-size:13px}.design-preview .design-type{font-size:8px}}

.heritage-stage:not(.uses-artwork) img{object-position:center 30%}