/* ==========================================================================
   Mazhaka V43 — Stories & archive page, plus small home-page adjustments.
   Loaded last on both pages. Overrides only; the hero is untouched.
   ========================================================================== */

/* ---- home: mobile menu refinements ---- */
@media (max-width:850px){
  /* "Our work" and "Programmes" are one block on phones, so the drawer lists it once */
  .mobile-menu .mobile-menu-primary > a[href="#work"]{display:none!important}
  /* the archive bridge and the social heading shrink: one wayfinding row, not a chapter */
  .archive-feature{padding:20px 0;margin-top:30px}
  .archive-feature h3{font-size:clamp(26px,7vw,32px);margin:6px 0 0}
  .archive-feature p{display:none}
  .v37-social-top h3{font-size:clamp(32px,9vw,40px)}
}
.mobile-menu-bottom-line{justify-content:flex-end}

/* ---- archive page ---- */
.page-archive{background:var(--cream);color:var(--ink)}
.page-archive .site-header{height:64px;background:var(--pine);color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.09)}
.page-archive .site-header .brand .on-top{display:none}
.page-archive .site-header .brand .on-scrolled{display:block}
.page-archive .nav a[aria-current="page"]{border-bottom:1px solid var(--ember)}
.page-archive main{padding-top:calc(var(--header-h,64px) + clamp(40px,6vw,96px));padding-bottom:clamp(64px,8vw,130px)}
.page-archive main>*{margin-left:auto;margin-right:auto;width:min(1180px,calc(100% - 2*var(--gutter)))}

.arc-eyebrow{font:650 12px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#a85832;margin:0 0 14px}
.arc-head h1{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:clamp(54px,8.4vw,128px);line-height:.94;letter-spacing:-.03em;color:var(--moss);margin:0 0 clamp(18px,2.4vw,30px)}
.arc-head h1 .accent{color:var(--orange)}
.arc-lead{max-width:56ch;font-size:clamp(16px,1.3vw,19px);line-height:1.7;color:var(--ink-soft)}

.arc-tools{position:sticky;top:var(--header-h,64px);z-index:5;background:var(--cream);margin-top:clamp(28px,4vw,56px);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:14px 24px;flex-wrap:wrap}
.arc-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;min-width:0;max-width:100%}
.arc-chips::-webkit-scrollbar{display:none}
.arc-chip{flex:0 0 auto;min-height:44px;padding:0 18px;border:1px solid rgba(22,51,42,.28);border-radius:100px;font:600 14px/1 var(--sans);color:var(--forest);background:transparent;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.arc-chip:hover{border-color:var(--forest)}
.arc-chip[aria-pressed="true"]{background:var(--forest);border-color:var(--forest);color:#fff}
.arc-chip:focus-visible,.arc-link:focus-visible,.mazhaka-live-toggle:focus-visible{outline:2px solid #a85832;outline-offset:3px}
.arc-count{font:500 13px/1.4 var(--sans);color:var(--ink-soft);margin:0}

.arc-interviews{margin-top:clamp(36px,5vw,72px);padding:clamp(24px,3.4vw,44px);background:var(--moss);color:var(--cream);border-radius:2px}
.arc-interviews .arc-eyebrow{color:var(--ember)}
.arc-interviews h2{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.06;letter-spacing:-.02em;margin:0 0 12px;max-width:22ch}
.arc-interviews p:last-child{max-width:58ch;color:#d3dfd2;line-height:1.7;font-size:15px;margin:0}

.arc-year{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,4vw,56px);letter-spacing:-.02em;color:var(--moss);margin:clamp(40px,5vw,72px) 0 6px;line-height:1}
.arc-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.arc-item{border-bottom:1px solid var(--line)}
.arc-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(14px,2.2vw,28px);width:100%;padding:clamp(14px,1.8vw,22px) 0;text-align:left;color:inherit;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}
.arc-thumb{display:block;width:clamp(72px,9vw,120px);aspect-ratio:1;overflow:hidden;background:#d6c8b4}
.arc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease,ease)}
.arc-thumb-mark{background:var(--paper) url(../mazhaka/logo/mazhaka-icon.svg) center/38% no-repeat}
.arc-link:hover .arc-thumb img{transform:scale(1.05)}
.arc-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.arc-meta{display:flex;flex-wrap:wrap;gap:2px 12px;font:600 12.5px/1.4 var(--sans);letter-spacing:.02em;color:#9a4a25}
.arc-title{font-family:'EB Garamond',Georgia,serif;font-size:clamp(24px,2.5vw,38px);line-height:1.08;letter-spacing:-.015em;color:var(--moss)}
.arc-sum{font:400 14.5px/1.55 var(--sans);color:var(--ink-soft);max-width:68ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.arc-go{font-size:22px;color:#a85832;transition:transform .25s}
.arc-link:hover .arc-go{transform:translateX(4px)}
.arc-empty{margin-top:40px;color:var(--ink-soft)}

/* live Facebook preview: opt-in, online only */
.arc-live{margin-top:clamp(56px,7vw,104px)}
.arc-live-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:6px}
.arc-live h2{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:clamp(32px,3.6vw,54px);letter-spacing:-.02em;color:var(--moss);margin:0;line-height:1.05}
.arc-live .mazhaka-social-links{margin-top:0}

[hidden]{display:none!important}
@media (max-width:640px){
  .arc-link{grid-template-columns:auto minmax(0,1fr);}
  .arc-go{display:none}
  .arc-count{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .arc-title{font-size:clamp(22px,6.4vw,28px)}
  .arc-tools{margin-left:calc(-1*var(--gutter));margin-right:calc(-1*var(--gutter));width:auto;padding-left:var(--gutter);padding-right:var(--gutter)}
}
@media (prefers-reduced-motion:reduce){.arc-thumb img,.arc-go{transition:none}}

/* ---- home, phones: one compact proof strip replaces the hidden "More than a game" chapter ---- */
.proof-strip{display:none}
@media (max-width:850px){
  .proof-strip{display:block;background:var(--cream);padding:clamp(30px,8vw,48px) var(--gutter) clamp(26px,7vw,40px);border-top:1px solid var(--line)}
  .proof-strip ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .proof-strip li{display:flex;flex-direction:column;gap:6px;min-width:0}
  .proof-strip strong{font-family:'EB Garamond',Georgia,serif;font-weight:400;font-size:clamp(34px,10vw,48px);line-height:1;letter-spacing:-.02em;color:var(--moss)}
  .proof-strip li:last-child strong{font-size:clamp(25px,7.2vw,36px);padding-top:.12em}
  .proof-strip span{font:400 13px/1.4 var(--sans);color:var(--ink-soft)}
  .proof-link{margin-top:20px;padding:10px 0;border:0;border-bottom:1px solid #a85832;background:none;font:650 13px/1.2 var(--sans);color:var(--forest);cursor:pointer}
  .proof-link:focus-visible{outline:2px solid #a85832;outline-offset:3px}
}