/* NINEWORKS editorial archive — Design Articles / Global References */
.editorial-page{background:var(--bg,#f2f2f0);color:var(--ink,#191919)}
.editorial-page main{overflow:clip}
.editorial-hero{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);align-items:end;min-height:42vh;padding-top:clamp(64px,7vw,112px);padding-bottom:clamp(42px,4vw,68px)}
.editorial-hero__title{grid-column:1/span 5}
.editorial-hero__copy{grid-column:7/-1;max-width:620px}
.editorial-hero__copy .lead{margin:0 0 16px;font-size:clamp(17px,1.2vw,20px);font-weight:500;line-height:1.55;letter-spacing:-.03em;word-break:keep-all}
.editorial-hero__copy>p:last-child{margin:0;color:#676767;font-size:clamp(14px,.92vw,16px);line-height:1.75;letter-spacing:-.022em;word-break:keep-all;text-wrap:pretty}
.editorial-page .page-title{margin:.12em 0 0;font-size:clamp(54px,7.3vw,112px);font-weight:500;line-height:.9;letter-spacing:-.068em}
.editorial-filter{position:sticky;z-index:20;top:var(--header-h);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:min(calc(100% - 48px),var(--container,1440px));max-width:var(--container,1440px);margin:0 auto;overflow:hidden;border:1px solid var(--line,#d7d7d2);background:rgba(242,242,240,.94);backdrop-filter:blur(12px)}
.editorial-filter button{min-height:50px;padding:0 18px;border:0;border-left:1px solid var(--line,#d7d7d2);background:transparent;color:#777;font:inherit;font-size:10px;font-weight:500;letter-spacing:.045em;text-align:left;cursor:pointer;transition:background .2s ease,color .2s ease}
.editorial-filter button:first-child{border-left:0}
.editorial-filter button:hover,.editorial-filter button.is-active{background:#1d1d1b;color:#fff}
.editorial-archive{padding-top:clamp(34px,3.4vw,56px);padding-bottom:var(--section-y)}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(58px,5vw,86px) clamp(18px,1.5vw,26px)}
.archive-loading,.archive-error{grid-column:1/-1;margin:0;padding:36px 0 56px;border-top:1px solid var(--line,#d7d7d2);color:#777;font-size:13px;line-height:1.7;letter-spacing:-.015em}
.archive-error{color:#555}
.magazine-card,.reference-card{min-width:0}
.magazine-card[hidden],.reference-card[hidden]{display:none!important}
.magazine-card__link,.reference-card__link{display:block;color:inherit;text-decoration:none}
.magazine-card__media,.reference-card__media{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;background:#e5e5e1}
.magazine-card__media img,.reference-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.93);transition:transform .55s var(--ease,ease),filter .3s ease}
.magazine-card:hover .magazine-card__media img,.reference-card:hover .reference-card__media img{transform:scale(1.018);filter:saturate(1)}
.magazine-card__meta,.reference-card__meta{display:flex;justify-content:space-between;gap:16px;margin-top:13px;color:#858585;font-size:9.5px;line-height:1.4;text-transform:uppercase;letter-spacing:.055em}
.magazine-card h3,.reference-card h3{max-width:24ch;margin:13px 0 0;font-size:clamp(18px,1.32vw,22px);font-weight:500;line-height:1.34;letter-spacing:-.038em;word-break:keep-all;text-wrap:balance}
.magazine-card__summary,.reference-card__summary{max-width:46ch;margin:9px 0 0;color:#6d6d6d;font-size:12px;line-height:1.7;letter-spacing:-.018em;word-break:keep-all;text-wrap:pretty}
.magazine-card__status,.reference-card__status{display:inline-flex;margin-top:16px;padding-bottom:2px;border-bottom:1px solid #aaa;color:#555;font-size:9.5px;letter-spacing:.045em;text-transform:uppercase}
.reference-card__badge{position:absolute;top:12px;left:12px;padding:7px 9px;background:rgba(248,248,246,.92);font-size:9px;font-weight:500;line-height:1;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.reference-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gutter);padding-top:clamp(28px,3vw,46px);padding-bottom:clamp(12px,1.5vw,22px);border-top:1px solid var(--line,#d7d7d2)}
.reference-intro__label{grid-column:1/span 3;margin:0;color:#777;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.reference-intro__copy{grid-column:7/-1;max-width:620px;margin:0;font-size:14px;line-height:1.75;color:#666;word-break:keep-all}
@media(max-width:1080px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.editorial-filter{width:min(calc(100% - 40px),var(--container,1440px))}}
@media(max-width:760px){
  .editorial-hero{grid-template-columns:1fr;gap:28px;min-height:auto;padding-top:48px;padding-bottom:38px}
  .editorial-hero__title,.editorial-hero__copy{grid-column:1}
  .editorial-page .page-title{font-size:clamp(48px,15vw,72px);line-height:.92}
  .editorial-filter{top:62px;display:flex;width:calc(100% - 36px);overflow-x:auto;white-space:nowrap;scrollbar-width:none}
  .editorial-filter::-webkit-scrollbar{display:none}
  .editorial-filter button{flex:0 0 auto;min-width:148px;border-left:1px solid var(--line,#d7d7d2)}
  .editorial-filter button:first-child{border-left:0}
  .editorial-archive{padding-top:26px}
  .editorial-grid{grid-template-columns:1fr;gap:44px}
  .magazine-card h3,.reference-card h3{max-width:none;font-size:20px}
  .magazine-card__summary,.reference-card__summary{max-width:none}
  .reference-intro{grid-template-columns:1fr;gap:12px;padding-top:22px}
  .reference-intro__label,.reference-intro__copy{grid-column:1}
}