.owner-quotes,.owner-photos{display:grid;min-width:0}
.owner-quote,.owner-photo{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,translate .45s ease,visibility .45s;translate:18px 0}
.owner-quote.is-active,.owner-photo.is-active{opacity:1;visibility:visible;pointer-events:auto;translate:0 0}
.owner-photos{align-self:center;margin:12px 5px 12px 0}
.owner-photo{align-self:start;width:100%}
.owner-photo img{width:100%;aspect-ratio:720/570;object-fit:contain;background:#fff}
.owner-photo a{display:block}
.owner-photo a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
.owner-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:36px;flex-wrap:nowrap}
.owner-controls[hidden]{display:none}
.owner-dots{display:flex;gap:2px}
.owner-dot{border:0;background:none;padding:0;display:grid;place-items:center;width:32px;height:44px;color:var(--ink)}
.owner-dot span{width:8px;height:8px;border-radius:50%;border:1px solid var(--ink);transition:background .2s,transform .2s}
.owner-dot[aria-pressed=true] span{background:var(--ink);transform:scale(1.3)}
.owner-dot:hover span{background:var(--yellow)}
.owner-controls button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.owner-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:680px){.owner-controls{gap:8px;margin-top:25px}.owner-dot{width:28px}.owner-photos{margin-inline:7px}.owner-quotes .story-context{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.owner-quote,.owner-photo,.owner-dot span{transition:none;translate:none}}

/* Let each mobile proof image define its own height, so quote-to-image spacing stays balanced. */
@media(max-width:680px){.owner-photos{display:block;position:relative;margin:8px 7px 6px}.owner-photo{position:absolute;inset:0;width:100%}.owner-photo.is-active{position:relative}.owner-photo img{height:auto;aspect-ratio:auto;object-fit:contain}}

.owner-arrow{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer}
.owner-arrow svg{display:block;pointer-events:none}
.owner-arrow:hover{color:var(--yellow)}