/* Work page. Mobile: v2 L250-L284 (accordion). >=768: Desktop work.html (3 cards, always open). */
.page-work{background:var(--white)}

/* ---------- Hero ---------- */
.whero{position:relative;isolation:isolate;display:flex;flex-direction:column;padding-block:324px 8px;background:var(--white)}
.whero__img{position:absolute;inset-block-start:0;inset-inline:0;inline-size:100%;block-size:300px;object-fit:cover;background:#D9AFAD;z-index:-2}
.whero__shade{position:absolute;inset-block-start:0;inset-inline:0;block-size:300px;z-index:-1;background:linear-gradient(rgba(255,255,255,.55) 0%,rgba(255,255,255,0) 40%,rgba(255,255,255,.7) 100%)}
.whero__inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.whero__title{font-size:26px;line-height:1.25;font-weight:800;color:var(--ink);max-inline-size:760px}
@media (min-width:768px){
  .whero{overflow:hidden;justify-content:flex-end;min-block-size:400px;padding-block:calc(var(--hdr-h) + 120px) 48px;background:#D9AFAD}
  .whero__img,.whero__shade{block-size:100%}
  .whero__inner{gap:16px}
  .whero__title{font-size:40px;line-height:1.15}
}
@media (min-width:1024px){
  .whero{min-block-size:480px;padding-block-end:56px}
  .whero__title{font-size:var(--fs-48)}
}

/* ---------- Cards ---------- */
.wlist{background:var(--white);padding-block:20px 56px}
.wlist__grid{display:flex;flex-direction:column;gap:24px}
.wcard{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--r-14) var(--r-14) 0 0;background:var(--ink);color:var(--on-dark)}
.wcard__head{all:unset;box-sizing:border-box;display:block;cursor:pointer}
.wcard__head:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.wcard__media{position:relative;display:block}
.wcard__media img{inline-size:100%;block-size:120px;object-fit:cover;background:#B4B6B7}
.wcard__media::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:70%;background:linear-gradient(rgba(14,18,21,0) 0%,rgba(14,18,21,.4) 45%,rgba(14,18,21,.85) 80%,#0E1215 100%)}
.wcard__row{position:relative;display:flex;align-items:center;gap:14px;margin-block-start:-26px;padding:0 14px 12px}
.wcard__chev{flex:none;inline-size:28px;block-size:28px;padding:5px;transition:transform .2s}
.wcard__head[aria-expanded="true"] .wcard__chev{transform:rotate(180deg)}
.wcard__txt{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:start}
.wcard__tag{padding:2px 8px;border-radius:var(--r-4);background:var(--accent);color:var(--on-accent);font-size:var(--fs-11);font-weight:700}
.wcard__title{font-size:var(--fs-15);font-weight:700;line-height:1.3;letter-spacing:0}
.wcard__meta{font-size:var(--fs-12);color:#B8BEC0}
.wcard__panel{display:flex;flex-direction:column;gap:12px;flex:1;padding:12px 14px 16px;border-block-start:1px solid rgba(255,255,255,.08);font-size:var(--fs-14);line-height:1.6;color:var(--muted-4)}
.wcard__body{flex:1}
.wcard__link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;color:var(--on-dark);font-size:var(--fs-14);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.wcard__link:hover{opacity:.85}
.is-acc .wcard__head[aria-expanded="false"] + .wcard__panel{display:none}

@media (min-width:768px){
  .wlist{padding-block:40px var(--section-y)}
  .wlist__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .wcard__head{cursor:default}
  .wcard__media img{block-size:200px}
  .wcard__chev{display:none}
  .wcard__row{margin-block-start:-26px;padding:0 16px 14px;align-items:flex-start}
  .wcard__title{font-size:var(--fs-16)}
  .wcard__meta{font-size:var(--fs-12)}
  .wcard__panel{padding:14px 16px 20px;font-size:var(--fs-14)}
}
@media (min-width:1024px){
  .wlist{padding-block-start:56px}
  .wlist__grid{gap:24px}
  .wcard__media img{block-size:240px}
  .wcard__row{padding:0 20px 16px}
  .wcard__tag{font-size:var(--fs-11)}
  .wcard__title{font-size:var(--fs-18)}
  .wcard__meta{font-size:var(--fs-13)}
  .wcard__panel{padding:16px 20px 24px;gap:16px;font-size:var(--fs-15)}
  .wcard__link{font-size:var(--fs-15)}
}