/* ZARYA Owner Stories page (V24.13).
   Replaces the Trust-only Human Story section. Look and proportions follow the approved V24.10 section
   (photo 1.14fr / panel .86fr, white panel, two measures); the five-owner selector becomes the shared
   journey band. Namespaced os-. */
:root{--os-ink:#081321;--os-gold-text:#855615;--os-muted:#5a6676;--os-line:#e7dfd5;--os-paper:#faf8f4;--os-field:#f7f5ef}
html{background:var(--os-paper)}
body.owner-stories-page{margin:0;background:var(--os-paper);color:var(--os-ink);font-family:"Inter ZARYA",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.owner-stories-page main{display:block}
.owner-stories-page *{box-sizing:border-box}
.owner-stories-page .zj-sr,.owner-stories-page .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.owner-stories-page .zj-sr[hidden]{display:none}

.os-eyebrow{margin:0 0 20px;font-size:12px;letter-spacing:.24em;font-weight:780;color:var(--os-gold-text);text-transform:uppercase}

/* ---------- State A: landing ---------- */
.os-hero{max-width:1440px;margin:0 auto;padding:clamp(28px,4vw,56px) clamp(20px,4vw,48px) clamp(40px,5vw,72px);display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:center;min-height:min(680px,calc(100vh - 64px))}
.os-hero[hidden]{display:none!important}
.os-hero__copy{min-width:0}
.os-hero h1{margin:0;font-size:clamp(40px,5.1vw,78px);line-height:1.04;font-weight:770;letter-spacing:-.062em;text-wrap:balance}
.os-lede{margin:clamp(18px,2vw,28px) 0 0;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--os-muted);max-width:30em}
.os-cta{display:inline-flex;align-items:center;gap:.45em;margin-top:clamp(26px,3vw,40px);min-height:52px;padding:0 30px;border-radius:999px;background:#101d2e;color:#fff;text-decoration:none;font-size:15px;font-weight:650;letter-spacing:-.005em;transition:background .2s}
.os-cta:hover{background:#263952}
.os-cta:focus-visible,.os-link:focus-visible{outline:3px solid rgba(143,98,36,.6);outline-offset:3px}
.os-hero__photo{margin:0;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:1100/825;background:#e6e5df;border:1px solid var(--os-line)}
.os-hero__photo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center}

/* ---------- State B: journey ---------- */
.zj-band--owners .zj-tab{display:flex;flex-direction:row;align-items:center;gap:11px;min-height:64px;padding:11px 14px}
.zj-av{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none;border:1px solid rgba(104,115,130,.22);background:#e6e5df}
.zj-band--owners .zj-tab .zj-tt{display:block;min-width:0;text-transform:none;letter-spacing:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.zj-band--owners .zj-tab .zj-tt b{margin-bottom:5px}
@media(max-width:800px){.zj-band--owners .zj-tab{min-width:176px}}

.os-stage{background:var(--os-field);border-bottom:1px solid rgba(17,33,50,.08)}
.os-story{padding:clamp(28px,4vw,56px) 0 clamp(32px,4vw,56px)}
.os-wrap{width:min(1400px,calc(100% - clamp(32px,5vw,70px)));margin:0 auto}
.os-main{display:grid;grid-template-columns:1.14fr .86fr;gap:18px;align-items:stretch}
.os-photo{margin:0;position:relative;border-radius:24px;overflow:hidden;min-height:450px;background:#e6e5df}
.os-photo img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;background:#eeeae4}
.os-panel{border:1px solid var(--os-line);background:#fff;border-radius:24px;padding:clamp(26px,3vw,46px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.os-name{margin:0;font-size:clamp(30px,3vw,46px);font-weight:750;letter-spacing:-.05em;line-height:1.1}
.os-role{margin:10px 0 2px;color:#5a6676;font-size:16px;line-height:1.5}
.os-car{margin:0;color:#5f6b7a;font-size:14px}
.os-quote{margin:30px 0;font-size:clamp(17px,1.5vw,21px);line-height:1.58;letter-spacing:-.025em;color:#243040;font-style:normal}
.os-measures{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.os-measure{background:#f7f5f1;border-radius:14px;padding:17px 18px;display:grid;gap:8px;min-width:0}
.os-measure strong{font-size:clamp(22px,2vw,32px);font-weight:760;letter-spacing:-.04em;white-space:normal;overflow-wrap:anywhere}
.os-measure span{font-size:12px;color:#566273}
@media(max-width:1050px){.os-main{grid-template-columns:1fr}.os-photo{min-height:0;aspect-ratio:1100/825}.os-hero{grid-template-columns:1fr;min-height:0}}
@media(max-width:650px){.os-main{gap:10px}.os-photo{border-radius:18px}.os-panel{padding:23px;border-radius:18px}.os-quote{margin:20px 0}.os-measures{gap:8px}.os-measure{padding:12px}.os-measure strong{font-size:22px}.os-hero{padding-top:22px}.os-hero__photo{border-radius:18px}}
@media(max-width:365px){.os-measures{grid-template-columns:1fr}.os-panel{padding:20px}}

/* in-flow Previous / Next row sits on the paper background beneath the stage */
.owner-stories-page .zj-actions{margin-top:22px;width:min(1400px,calc(100% - clamp(32px,5vw,70px)));padding-left:0;padding-right:0}

/* ---------- conclusion: restrained invitation ---------- */
.os-invite{max-width:1440px;margin:clamp(28px,4vw,52px) auto 0;padding:clamp(28px,3.5vw,44px) clamp(20px,4vw,48px) clamp(40px,5vw,72px);border-top:1px solid var(--os-line);text-align:center}
.os-invite__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.os-invite__note{margin:22px auto 0;max-width:46em;font-size:13px;line-height:1.6;color:#566273}
@media(max-width:560px){.os-invite__actions{flex-direction:column;align-items:stretch}.os-invite__actions .zj-btn{width:100%}}

@media(prefers-reduced-motion:reduce){.os-cta{transition:none}}