.auto-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}[data-auto-compare]{min-width:0}[data-auto-compare] .auto-project-title{margin:0;padding:22px 24px;background:#103e47;color:#fff;font-size:clamp(1.25rem,2vw,1.65rem)}.auto-compare-stage{position:relative;overflow:hidden;background:#172e32}[data-auto-compare] .auto-compare-frame{margin:0}[data-auto-compare] .auto-compare-frame img{display:block;width:100%;height:auto;object-fit:cover;object-position:center}.auto-compare-ready .auto-compare-stage{aspect-ratio:3 / 4}.auto-compare-ready .auto-compare-frame{position:absolute;inset:0;background:#172e32}.auto-compare-ready .auto-compare-frame img{height:100%;min-height:0}.auto-compare-ready [data-frame=after]{z-index:1}.auto-compare-ready .auto-compare-frame figcaption{display:none}.auto-compare-divider{position:absolute;z-index:2;top:0;bottom:0;width:2px;transform:translate(-50%);background:#fff;pointer-events:none;box-shadow:0 0 4px #103e47}.auto-compare-divider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border:2px solid #fff;border-radius:50%;background:#103e47;color:#fff;font:700 22px/1 sans-serif}.auto-compare-labels{position:absolute;z-index:3;inset:14px 14px auto;display:flex;justify-content:space-between;pointer-events:none}.auto-compare-labels span{padding:6px 12px;border-radius:20px;background:#103e47;color:#fff;font:700 .75rem/1.5 var(--sans, sans-serif)}[data-auto-compare] .auto-compare-frame figcaption{position:static;padding:14px 18px;min-height:76px;background:#103e47;color:#fff;font-size:.84rem;line-height:1.5}[data-auto-compare] .auto-compare-frame figcaption b{display:block;color:#ffd19c;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}[data-auto-compare] .auto-compare-frame figcaption span{color:#fff}.auto-compare-controls{display:flex;align-items:center;gap:6px;padding:12px;background:#f7f3ec}[data-auto-compare] .auto-compare-controls button{min-height:44px;padding:9px 15px;border:1px solid #9bacae;border-radius:6px;background:#fff;color:#103e47;font:700 .8rem/1.25 var(--sans, sans-serif);cursor:pointer}[data-auto-compare] .auto-compare-controls button[aria-pressed=true]{background:#103e47;color:#fff;border-color:#103e47}[data-auto-compare] .auto-compare-controls button:hover{border-color:#103e47}[data-auto-compare] .auto-compare-controls button:focus-visible{outline:3px solid #b65d15;outline-offset:3px}.auto-compare-playback{margin-left:auto}#galerie-finitions .finished-gallery-expanded{min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;align-items:start}#galerie-finitions .finished-gallery-expanded figure{grid-column:auto;grid-row:auto;min-height:0;aspect-ratio:3 / 4}#galerie-finitions figcaption a{display:inline-flex;align-items:center;min-height:32px;color:#fff;font-size:.8rem;text-decoration:underline;text-underline-offset:3px}#galerie-finitions figcaption a:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:1000px){#galerie-finitions .finished-gallery-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.auto-project-grid,#galerie-finitions .finished-gallery-expanded{grid-template-columns:minmax(0,1fr)}[data-auto-compare] .auto-compare-controls button{padding-inline:12px}}
