/* About ZARYA: four chapters. Images are the frozen extracted files, shown at native aspect, never cropped except Chapter 4 (wide landscape) which uses a subject-safe crop. */
.about-head{max-width:var(--max);margin:0 auto;padding:clamp(28px,4vw,48px) var(--gutter) 0;display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.about-head h1{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.about-head p{font-size:13px;color:var(--muted)}
.tabs{max-width:var(--max);margin:14px auto 0;padding:0 var(--gutter);display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.tabs::-webkit-scrollbar{display:none}
.tab{appearance:none;flex:none;background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:0 18px 0 0;min-height:48px;font-size:14px;font-weight:550;color:var(--muted);cursor:pointer;white-space:nowrap;letter-spacing:-.005em}
.tab span{font-weight:700;letter-spacing:.06em;margin-right:6px}
.tab:hover{color:var(--ink)}
.tab[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--champagne-2);font-weight:650}

.chapter{max-width:var(--max);margin:0 auto;padding:clamp(20px,3vw,36px) var(--gutter) 0;scroll-margin-top:calc(var(--header-h) + 130px)}
.chapter[hidden]{display:none}
.chapter__frame{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fcfbf8}
.chapter__copy{padding:34px 22px 30px}
.chapter__copy .eyebrow{display:block;margin-bottom:22px}
.chapter__copy .display{font-size:var(--h-hero-m);margin-bottom:24px;text-wrap:balance}
.chapter__body{font-size:var(--body-lg);color:var(--muted);line-height:1.6;max-width:30em}
.chapter__lead{margin-top:20px;font-size:clamp(17px,1.4vw,21px);font-weight:650;letter-spacing:-.015em;line-height:1.4;color:var(--ink);max-width:24em}
.chapter__rule{display:block;width:44px;height:1px;background:var(--champagne-2);margin:22px 0 0}
.chapter__art{position:relative;aspect-ratio:var(--ratio);overflow:hidden;background:transparent}
.chapter__art img{width:100%;height:100%;display:block;object-fit:cover}
.founders{margin-top:clamp(26px,3vw,44px);padding-top:20px;border-top:1px solid var(--line-2);display:flex;flex-direction:column;gap:5px;max-width:420px}
.founders .eyebrow{font-size:10.5px;letter-spacing:.2em}
.founders strong{font-size:clamp(18px,1.6vw,22px);font-weight:650;letter-spacing:-.02em;line-height:1.3}
.founders span{font-size:13.5px;color:var(--muted)}

.pager{max-width:var(--max);margin:0 auto;padding:22px var(--gutter) clamp(48px,6vw,88px);display:flex;align-items:center;justify-content:space-between;gap:12px}
.pager button{appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid var(--line-2);background:#fff;font-size:14px;font-weight:620;cursor:pointer;transition:border-color .2s,opacity .2s}
.pager button:hover:not(:disabled){border-color:var(--ink)}
.pager button:disabled{opacity:.4;cursor:not-allowed}
.pager svg{width:15px;height:15px}
.dots{display:flex;gap:7px;align-items:center}
.dots i{width:7px;height:7px;border-radius:7px;background:#cfc8bc;transition:width .3s,background .3s}
.dots i.on{width:26px;background:var(--champagne-2)}

/* chapter 1/2/3 art: native ratio. chapter 4: wide landscape */
#chapter-01{--ratio:936/847}#chapter-02{--ratio:936/847}#chapter-03{--ratio:860/922}#chapter-04{--ratio:1670/942}

@media(min-width:1200px){
  .chapter{--h:clamp(560px,45vw,700px)}
  .chapter__frame{height:var(--h)}
  .chapter__copy{position:absolute;left:0;top:0;bottom:0;width:calc(100% - var(--art-w));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 clamp(24px,2.5vw,40px) 0 clamp(36px,4.2vw,64px);z-index:2}
  .chapter__copy .display{font-size:clamp(32px,3.4vw,49px);text-wrap:wrap}
  .chapter__art{position:absolute;right:0;top:0;bottom:0;aspect-ratio:auto;width:var(--art-w)}
  .chapter__art img{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%);mask-image:linear-gradient(90deg,transparent 0,#000 8%)}
  #chapter-01,#chapter-02{--art-w:calc(var(--h) * 936 / 847)}
  #chapter-03{--art-w:calc(var(--h) * 860 / 922)}
  #chapter-04{--art-w:62%}
  #chapter-04 .chapter__art img{object-position:78% 50%;-webkit-mask-image:radial-gradient(ellipse 100% 80% at 100% 50%,#000 calc(100% - 1.2%),transparent 100%);mask-image:radial-gradient(ellipse 100% 80% at 100% 50%,#000 calc(100% - 1.2%),transparent 100%)}
  #chapter-04 .chapter__art::after{content:"";position:absolute;left:0;top:-30%;width:200%;height:160%;border:1px solid rgba(201,161,94,.75);border-radius:50%;pointer-events:none}
}
@media(max-width:1199px){
  .chapter__copy .display{font-size:clamp(32px,6.6vw,56px)}
  .chapter__frame{display:flex;flex-direction:column}
}
@media(max-width:1199px) and (min-width:700px){.chapter__copy{padding:44px 40px 36px}}
@media(max-width:560px){.tab{padding-right:14px;font-size:13.5px}}

@media(max-width:400px){.pager{gap:8px}.pager button{padding:0 14px;font-size:13px;min-height:46px}.dots i.on{width:20px}}

/* Batch 8 corrections */
.founders .eyebrow{font-size:12px}
.chapter__next{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;padding:26px 4px 0}
.chapter__next p{margin:0;font-size:clamp(17px,1.4vw,20px);font-weight:650;letter-spacing:-.015em;flex:1 1 280px}
.chapter__contact{color:var(--ink);text-underline-offset:3px;font-weight:600}
.chapter__body,.chapter__lead{color:#4f5c70}
.chapter__lead{color:var(--ink)}
.tab:focus-visible,.pager button:focus-visible,.chapter__contact:focus-visible,.cta:focus-visible,.chapter__copy h2:focus-visible{outline:3px solid #855615;outline-offset:3px}
.chapter__copy h2:focus{outline:none}
@media(min-width:1200px){.chapter__copy .display{font-size:clamp(34px,3.2vw,46px)}}
@media(max-width:600px){.tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;overflow:visible}.tab{white-space:normal;text-align:left;padding:8px 4px 8px 0}}
/* RSP-001: side-by-side from 900px so the art shows in the first view */
@media(min-width:900px) and (max-width:1199px){
  .chapter__frame{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}
  .chapter__copy{display:flex;flex-direction:column;justify-content:center;padding:36px 28px 36px 40px}
  .chapter__copy .display{font-size:clamp(28px,3.6vw,40px)}
  .chapter__art{height:100%;aspect-ratio:auto;min-height:100%}
  #chapter-01 .chapter__art,#chapter-02 .chapter__art{aspect-ratio:936/847}
  #chapter-03 .chapter__art{aspect-ratio:860/922}
  #chapter-04 .chapter__art{aspect-ratio:auto}
  #chapter-04 .chapter__art img{object-position:78% 50%}
}

.chapter__next .zs-btn{background:#081424;color:#fff!important;display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;text-decoration:none;font-weight:650}
.chapter__next{padding-top:26px;margin-bottom:32px}


/* V9 ZRY-XPG-012: chapter 1 headline keeps its authored three-line structure on desktop */
@media(min-width:1200px){.chapter__copy .display{text-wrap:wrap}}

/* V17 About art integration: approved copy unchanged; four images frozen. */
.chapter__frame{background:#fffefa;border-color:rgba(12,30,49,.075);box-shadow:0 12px 48px rgba(20,31,47,.045)}
@media(min-width:1200px){
  .chapter__frame{height:clamp(570px,47vw,710px)}
  .chapter__art{width:100%!important;left:0;right:0;top:0;bottom:0}
  .chapter__art img{object-fit:cover;object-position:center center;mask-image:none!important;-webkit-mask-image:none!important}
  .chapter__copy{width:47%;padding-left:clamp(38px,4vw,68px);padding-right:clamp(12px,1.5vw,30px);z-index:3}
  .chapter__copy .display{font-size:clamp(32px,3vw,47px);line-height:1.09;max-width:12.5em}
  .chapter__body{max-width:29em}
  #chapter-03 .chapter__art img{object-fit:cover;object-position:67% 55%}
  #chapter-04 .chapter__art img{object-position:center!important}
  #chapter-04 .chapter__art::after{display:none}
}
@media(min-width:900px) and (max-width:1199px){
  .chapter__frame{display:block;position:relative;min-height:540px}
  .chapter__art{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto!important}
  .chapter__art img{object-fit:cover;object-position:55% center}
  .chapter__copy{width:49%;position:relative;z-index:2;min-height:540px;padding:40px 20px 40px 36px}
  #chapter-03 .chapter__art img{object-position:67% center}
}
@media(max-width:899px){
  .chapter__frame{display:flex;flex-direction:column}
  .chapter__copy{padding:clamp(28px,6vw,44px)}
  .chapter__art{height:auto;min-height:0;aspect-ratio:16/10!important;background:#f4f2ed}
  .chapter__art img{object-fit:cover;object-position:80% center;mask-image:none!important;-webkit-mask-image:none!important}
  #chapter-03 .chapter__art{aspect-ratio:4/5!important}
  #chapter-03 .chapter__art img{object-position:65% 55%}
}
@media(max-width:560px){
  .chapter__copy .display{font-size:clamp(32px,8vw,44px);line-height:1.12}
  .chapter__art{aspect-ratio:4/3!important}
  .chapter__art img{object-position:80% center}
  #chapter-03 .chapter__art{aspect-ratio:4/5!important}
}

/* V18 controlled repair — source art and copy remain frozen.
   Desktop: protected opaque left content area; art anchored on right.
   Never allow editorial text to float across live photo or app screens. */
@media(min-width:900px){
  .chapter__frame{display:grid!important;grid-template-columns:39% 61%!important;min-height:620px;height:auto!important;isolation:isolate;background:#fffefa!important}
  .chapter__copy{position:relative!important;inset:auto!important;width:auto!important;min-width:0!important;z-index:2!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:38px clamp(24px,2.2vw,38px) 38px clamp(32px,3.4vw,56px)!important;background:#fffefa}
  .chapter__copy .display{font-size:clamp(31px,2.6vw,43px)!important;line-height:1.12!important;max-width:100%!important;margin-bottom:20px;overflow-wrap:normal}
  .chapter__body{font-size:clamp(16px,1.18vw,18px)!important;line-height:1.58!important;max-width:100%!important}
  .chapter__lead{font-size:clamp(17px,1.25vw,19px)!important;line-height:1.45}
  .chapter__art{position:relative!important;inset:auto!important;width:100%!important;min-width:0;min-height:620px;height:auto!important;aspect-ratio:auto!important;background:#f9f5ed!important;overflow:hidden}
  .chapter__art img{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;object-position:80% 50%!important;-webkit-mask-image:none!important;mask-image:none!important}
  #chapter-01 .chapter__art img,#chapter-02 .chapter__art img,#chapter-04 .chapter__art img{object-position:75% center!important}
  #chapter-03 .chapter__art{background:#f7f4ee!important}
  #chapter-03 .chapter__art img{object-fit:contain!important;object-position:center center!important}
  #chapter-04 .chapter__art::after{display:none!important}
  .founders{margin-top:24px;padding-top:17px}
}
@media(min-width:900px) and (max-width:1199px){
  .chapter__frame{grid-template-columns:42% 58%!important;min-height:560px}
  .chapter__art{min-height:560px}
  .chapter__copy{min-height:0!important;padding:30px 22px 30px 32px!important}
  .chapter__copy .display{font-size:clamp(29px,3vw,35px)!important}
}
@media(max-width:899px){
  .chapter__frame{display:flex!important;flex-direction:column!important}
  .chapter__copy{position:relative!important;width:100%!important;min-height:0!important;background:#fffefa!important}
  .chapter__art{position:relative!important;inset:auto!important;width:100%!important;aspect-ratio:16/10!important;min-height:0!important}
  .chapter__art img{object-fit:cover!important;object-position:72% center!important}
  #chapter-03 .chapter__art{aspect-ratio:4/5!important;background:#f8f4ee!important}
  #chapter-03 .chapter__art img{object-fit:contain!important;object-position:center center!important}
}

/* V19 — About Chapter 01 visual review. Frozen artwork is a full-width design canvas.
   Inherits site's Inter ZARYA / colour / display-weight / tracking typography tokens. */
@media(min-width:900px){
 #chapter-01 .chapter__frame{display:block!important;position:relative!important;height:auto!important;min-height:0!important;aspect-ratio:1672 / 941;background:#fffefa!important;isolation:isolate}
 #chapter-01 .chapter__art{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;background:transparent!important}
 #chapter-01 .chapter__art img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important}
 #chapter-01 .chapter__copy{position:absolute!important;left:0!important;top:0!important;bottom:0!important;z-index:2!important;width:34%!important;min-width:0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;background:transparent!important;padding:0 1.4% 0 5.2%!important}
 #chapter-01 .chapter__copy .eyebrow{font-size:12px!important;font-weight:700!important;letter-spacing:.2em!important;color:var(--champagne)!important;margin-bottom:19px!important}
 #chapter-01 .chapter__copy .display{font-family:var(--font)!important;font-size:clamp(30px,2.72vw,42px)!important;font-weight:var(--display-weight)!important;letter-spacing:var(--display-track)!important;line-height:1.07!important;text-wrap:initial!important;margin:0 0 22px!important;max-width:100%!important}
 #chapter-01 .chapter__copy .display br{display:none}
 #chapter-01 .chapter__body{font-family:var(--font)!important;font-size:var(--body-lg)!important;line-height:1.54!important;color:var(--muted)!important;max-width:100%!important}
}
@media(min-width:900px) and (max-width:1199px){#chapter-01 .chapter__copy{width:36%!important;padding-left:4%!important}#chapter-01 .chapter__copy .display{font-size:clamp(29px,3vw,35px)!important}#chapter-01 .chapter__body{font-size:15px!important}}
@media(max-width:899px){
 #chapter-01 .chapter__frame{display:flex!important;flex-direction:column!important;aspect-ratio:auto!important}
 #chapter-01 .chapter__copy{background:#fffefa!important}
 #chapter-01 .chapter__copy .display{font-family:var(--font)!important;font-weight:var(--display-weight)!important;letter-spacing:var(--display-track)!important;line-height:1.07!important}
 #chapter-01 .chapter__art{aspect-ratio:1672/941!important;height:auto!important;min-height:0!important}
 #chapter-01 .chapter__art img{object-fit:contain!important;object-position:center!important}
}