/* ============ WORK — immersive visual archive ============ */
.wmast{position:relative;padding:clamp(9rem,20vh,15rem) 0 clamp(3rem,6vh,5rem);overflow:hidden;}
.wmast__glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(60% 80% at 20% 20%,rgba(0,58,155,.30),transparent 60%),radial-gradient(40% 60% at 90% 10%,rgba(254,182,0,.08),transparent 65%),linear-gradient(180deg,var(--k-blue-dark),var(--surface-0) 70%);}
.wmast .wrap{position:relative;z-index:2;}
.wmast__title{font-size:var(--d1);font-weight:600;letter-spacing:-.04em;line-height:.9;margin:1.4rem 0;}
.wmast__title .serif{display:block;color:var(--k-gold);}
.wmast__sub{max-width:58ch;color:var(--text-secondary);font-size:var(--h);}
.wmast__stats{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:2.6rem;padding-top:2rem;border-top:1px solid var(--hair);}
.wmast__stats span{font-size:.85rem;color:var(--text-dim);letter-spacing:.04em;} .wmast__stats b{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-right:.3rem;}

.wbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,var(--surface-0) 70%,transparent);flex-wrap:wrap;}
.wbar__filters{display:flex;flex-wrap:wrap;gap:.5rem;}
.wbar__filters button{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--hair);border-radius:100px;padding:.55em 1.2em;transition:all var(--t-fast) var(--ease);}
.wbar__filters button:hover{color:var(--text-primary);border-color:var(--k-blue-soft);}
.wbar__filters button.on{background:var(--k-blue);border-color:var(--k-blue);color:var(--text-primary);}
.wbar__count{font-size:.78rem;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;}
.wbar__count span{color:var(--k-gold);}

.warchive{padding-bottom:clamp(4rem,10vh,9rem);}
.warchive__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(1rem,2vw,2rem);}
/* varied tile spans → editorial rhythm, not uniform cards */
.wtile{position:relative;border-radius:10px;overflow:hidden;background:var(--surface-2);cursor:pointer;grid-column:span 6;aspect-ratio:4/3;transition:opacity .5s var(--ease),transform .5s var(--ease);}
.wtile:nth-child(6n+1){grid-column:span 7;aspect-ratio:16/10;}
.wtile:nth-child(6n+2){grid-column:span 5;aspect-ratio:4/5;}
.wtile:nth-child(6n+3){grid-column:span 5;aspect-ratio:4/5;}
.wtile:nth-child(6n+4){grid-column:span 7;aspect-ratio:16/10;}
.wtile:nth-child(6n+5){grid-column:span 6;aspect-ratio:3/2;}
.wtile:nth-child(6n){grid-column:span 6;aspect-ratio:3/2;}
.wtile.is-hidden{display:none;}
.wtile__media{position:absolute;inset:0;transition:transform .7s var(--ease);}
.wtile:hover .wtile__media{transform:scale(1.06);}
.wtile__media .pm__img{transition:filter .5s var(--ease);filter:saturate(.92) brightness(.82);}
.wtile:hover .wtile__media .pm__img{filter:saturate(1.05) brightness(.95);}
.wtile__scrim{position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,rgba(var(--scrim),.9) 4%,rgba(var(--scrim),.15) 46%,transparent 70%);}
.wtile__info{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:clamp(1rem,2vw,1.8rem);transform:translateY(8px);opacity:.92;transition:transform .5s var(--ease),opacity .5s;}
.wtile:hover .wtile__info{transform:translateY(0);opacity:1;}
.wtile__num{font-size:.72rem;color:var(--k-gold);letter-spacing:.16em;}
.wtile__title{font-size:clamp(1.2rem,2.2vw,1.9rem);font-weight:600;letter-spacing:-.02em;line-height:1.02;margin:.35rem 0 .5rem;}
.wtile__meta{display:flex;flex-wrap:wrap;gap:.3rem .9rem;font-size:.74rem;color:var(--text-secondary);letter-spacing:.04em;}
.wtile__meta .ind{color:var(--text-dim);}
.wtile__open{position:absolute;top:1rem;right:1rem;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;font-size:.9rem;background:rgba(2,5,17,.4);backdrop-filter:blur(4px);opacity:0;transform:scale(.8);transition:opacity .4s var(--ease),transform .4s var(--ease),background .3s;}
.wtile:hover .wtile__open{opacity:1;transform:scale(1);} .wtile:hover .wtile__open{background:var(--k-gold);color:var(--surface-black);border-color:var(--k-gold);}

.wcta{position:relative;padding:clamp(6rem,14vh,12rem) 0;overflow:hidden;}
.wcta__glow{position:absolute;inset:0;z-index:0;background:radial-gradient(70% 90% at 50% 50%,var(--k-blue-deep),var(--surface-0) 70%);}
.wcta__big{font-size:var(--d2);font-weight:600;letter-spacing:-.03em;margin-top:1.5rem;} .wcta__big .serif{color:var(--k-gold);}

@media(max-width:900px){
  .warchive__grid{grid-template-columns:repeat(6,1fr);}
  .wtile,.wtile:nth-child(6n+1),.wtile:nth-child(6n+2),.wtile:nth-child(6n+3),.wtile:nth-child(6n+4),.wtile:nth-child(6n+5),.wtile:nth-child(6n){grid-column:span 6;aspect-ratio:3/2;}
  .wbar{position:static;}
}
@media(max-width:560px){ .wmast__stats{gap:1.4rem;} }