.materiali-hero{background:var(--ink-950);color:#f4f1ea;padding:200px 56px 96px}@media (max-width:900px){.materiali-hero{padding:140px 24px 64px}}.materiali-hero__inner{max-width:1280px;margin:0 auto}.materiali-hero__title{font-family:var(--font-sans);letter-spacing:-.025em;color:#f8f7f4;margin:16px 0 24px;font-size:clamp(36px,4.5vw,64px);font-weight:300;line-height:1.02}.materiali-hero__title em{font-family:var(--font-display);font-weight:300}.materiali-hero__lede{font-family:var(--font-text);color:#f4f1eabf;max-width:56ch;margin:0;font-size:17px;line-height:1.7}.materiali-gallery{background:var(--bone);border-top:1px solid var(--hairline);padding:0 0 160px}.materiali-gallery__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:56px;max-width:1440px;margin:0 auto;padding:80px 56px 40px;display:flex}@media (max-width:900px){.materiali-gallery__head{padding:56px 24px 24px}}.materiali-gallery__title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink-950);margin:0;font-size:clamp(28px,3.2vw,40px);font-weight:300;line-height:1.05}.materiali-gallery__count{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-500);font-size:11px}.materiali-empty{max-width:1440px;font-family:var(--font-text);color:var(--ink-500);margin:0 auto;padding:0 56px 40px;font-size:16px}@media (max-width:900px){.materiali-empty{padding:0 24px 24px}}.materiali-grid{background:var(--hairline);border:1px solid var(--hairline);grid-template-columns:repeat(4,1fr);gap:1px;max-width:1440px;margin:0 auto;padding:0 56px;display:grid}@media (max-width:1200px){.materiali-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.materiali-grid{grid-template-columns:repeat(2,1fr);padding:0 24px}}.materiali-card{background:var(--bone);flex-direction:column;display:flex}.materiali-card__media{aspect-ratio:4/3;background:#fff;position:relative;overflow:hidden}.materiali-card__media img{object-fit:contain;width:100%;height:100%;padding:12px;position:absolute;inset:0}.materiali-card__body{border-top:1px solid var(--hairline);padding:14px 16px 20px}.materiali-card__name{font-family:var(--font-text);color:var(--ink-950);font-size:14px;line-height:1.35}.materiali-card__meta{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);margin-top:4px;font-size:10px}.materiali-card__brand{font-family:var(--font-text);color:var(--ink-500,#5b6270);margin-top:6px;font-size:11px;font-style:italic}.materiali-kind-bar{gap:8px;margin-bottom:12px}.materiali-kind-tab{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-500);border:1px solid var(--hairline);cursor:pointer;background:0 0;padding:10px 20px;font-size:11px;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.materiali-kind-tab:hover{color:var(--ink-950);border-color:#0f111266}.materiali-kind-tab.is-active{background:var(--ink-950);border-color:var(--ink-950);color:#fff}.cat-tag-bar{flex-wrap:wrap;align-items:center;gap:18px;max-width:1440px;margin:0 auto;padding:0 56px 40px;display:flex}.cat-tag-bar__label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-500);flex:none;font-size:10px}.cat-tag-bar__pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cat-tag-bar__pill{appearance:none;border:1px solid var(--hairline-strong,#0f11122e);color:var(--ink-700);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;opacity:.7;background:0 0;padding:6px 14px;font-size:11px;transition:background-color .2s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.cat-tag-bar__pill:hover{opacity:1;border-color:var(--ink-700)}.cat-tag-bar__pill.is-active{background:var(--ink-950);color:var(--bone,#f8f7f4);border-color:var(--ink-950);opacity:1}.cat-tag-bar__clear{appearance:none;color:var(--ink-500);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;opacity:.6;text-underline-offset:4px;background:0 0;border:0;margin-left:6px;padding:6px 4px;font-size:10px;text-decoration:underline;text-decoration-thickness:.5px}.cat-tag-bar__clear:hover{opacity:1;color:var(--ink-950)}@media (max-width:900px){.cat-tag-bar{gap:12px;padding:0 24px 24px}.cat-tag-bar__pill{letter-spacing:.14em;padding:6px 10px;font-size:10px}}.materiali-layout{grid-template-columns:220px 1fr;align-items:start;gap:64px;max-width:1440px;margin:0 auto;padding:0 56px;display:grid}@media (max-width:900px){.materiali-layout{grid-template-columns:1fr;gap:24px;padding:0 24px}}.materiali-index{flex-direction:column;gap:2px;display:flex;position:sticky;top:120px}@media (max-width:900px){.materiali-index{flex-flow:wrap;gap:4px 18px;position:static}}.materiali-index__link{border-bottom:1px solid #0000;align-items:baseline;gap:10px;padding:8px 0;text-decoration:none;transition:color .2s cubic-bezier(.16,1,.3,1);display:flex}.materiali-index__num{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-500);font-size:10px}.materiali-index__label{font-family:var(--font-sans);letter-spacing:-.005em;color:var(--ink-500);font-size:14px;font-weight:400;transition:color .2s cubic-bezier(.16,1,.3,1)}.materiali-index__count{font-family:var(--font-mono);color:var(--ink-500);opacity:.6;margin-left:auto;font-size:10px}@media (max-width:900px){.materiali-index__count{margin-left:0}}.materiali-index__link:hover .materiali-index__label{color:var(--ink-950)}.materiali-index__link.is-active .materiali-index__label{color:var(--ink-950);font-weight:500}.materiali-index__link.is-active .materiali-index__num{color:var(--ink-950)}.materiali-chapter{padding:56px 0 8px;scroll-margin-top:110px}.materiali-chapter:first-child{padding-top:8px}.materiali-chapter__head{margin-bottom:24px}.materiali-chapter__eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-500);margin-bottom:14px;font-size:10px}.materiali-chapter__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}.materiali-chapter__title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink-950);align-items:baseline;gap:20px;margin:0;font-size:clamp(26px,2.6vw,36px);font-weight:300;display:flex}.materiali-chapter__num{font-family:var(--font-display);color:var(--ink-950);font-size:clamp(44px,4.6vw,68px);font-weight:300;line-height:.9}.materiali-chapter__count{font-family:var(--font-display);color:var(--ink-950);font-size:28px;font-weight:300}.materiali-chapter__count span{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-500);margin-left:6px;font-size:10px}.materiali-chapter__desc{font-family:var(--font-display);color:var(--ink-700);max-width:52ch;margin:10px 0 18px;font-size:19px;font-style:italic;font-weight:300;line-height:1.5}.materiali-chapter__rule{background:var(--ink-950);opacity:.18;transform-origin:0;height:1px;transition:transform .9s cubic-bezier(.16,1,.3,1) .12s;transform:scaleX(0)}.materiali-chapter__head.is-visible .materiali-chapter__rule{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.materiali-chapter__rule{transition:none;transform:none}}.materiali-expand{grid-template-rows:0fr;transition:grid-template-rows .52s cubic-bezier(.16,1,.3,1);display:grid}.materiali-expand.is-open{grid-template-rows:1fr}.materiali-expand__clip{min-height:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.materiali-expand{transition:none}}.materiali-grid--cont{border-top:0}.materiali-more-row{justify-content:center;padding:18px 0 0;display:flex}.materiali-more{appearance:none;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-500);cursor:pointer;text-underline-offset:5px;background:0 0;border:0;padding:8px 4px;font-size:10px;text-decoration:underline;text-decoration-thickness:.5px;transition:color .2s cubic-bezier(.16,1,.3,1)}.materiali-more:hover{color:var(--ink-950)}.materiali-card__name{font-family:var(--font-sans);letter-spacing:-.005em;font-size:14.5px;font-weight:500}.materiali-card__media img{transition:transform .6s cubic-bezier(.16,1,.3,1)}.materiali-card:hover .materiali-card__media img{transform:scale(1.03)}@media (prefers-reduced-motion:reduce){.materiali-card__media img{transition:none}.materiali-card:hover .materiali-card__media img{transform:none}}.materiali-count{align-items:baseline;gap:10px;display:flex}.materiali-count em{font-family:var(--font-display);color:var(--ink-950);font-size:44px;font-style:normal;font-weight:300;line-height:1}.materiali-count span{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-500);font-size:10px}.materiali-gallery__title em{font-family:var(--font-display);font-weight:300}.materiali-lightbox{z-index:100;background:#f8f7f4fa;grid-template-rows:1fr auto auto;animation:.24s cubic-bezier(.16,1,.3,1) matlbFade;display:grid;position:fixed;inset:0}@keyframes matlbFade{0%{opacity:0}to{opacity:1}}.materiali-lightbox__close{z-index:4;color:#0f1112c7;cursor:pointer;background:#ffffffe6;border:1px solid #0f11122e;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;line-height:1;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:22px;right:22px}.materiali-lightbox__close:hover{background:#fff;border-color:#0f111273;transform:rotate(90deg)}.materiali-lightbox__counter{z-index:4;align-items:baseline;gap:8px;display:flex;position:absolute;top:30px;left:32px}.materiali-lightbox__counter em{font-family:var(--font-display);color:var(--ink-950);font-size:30px;font-style:normal;font-weight:300;line-height:1}.materiali-lightbox__counter span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--ink-500);font-size:10px}.materiali-lightbox__stage{justify-content:center;align-items:center;min-height:0;padding:84px 110px 24px;display:flex}@media (max-width:900px){.materiali-lightbox__stage{padding:76px 20px 12px}}.materiali-lightbox__frame{justify-content:center;align-items:center;width:100%;height:100%;animation:.6s cubic-bezier(.16,1,.3,1) matlbIn;display:flex}@keyframes matlbIn{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.materiali-lightbox__img{object-fit:contain;border:1px solid var(--hairline);background:#fff;width:auto;max-width:100%;height:auto;max-height:100%}.materiali-lightbox__nav{display:contents}.materiali-lightbox__arrow{z-index:4;width:44px;height:44px;color:var(--ink-950);cursor:pointer;background:#ffffffe6;border:1px solid #0f11122e;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.materiali-lightbox__arrow:hover{background:#fff;border-color:#0f111273}.materiali-lightbox__arrow--prev{left:28px}.materiali-lightbox__arrow--next{right:28px}@media (max-width:900px){.materiali-lightbox__nav{justify-content:center;gap:18px;padding:10px 0 14px;display:flex}.materiali-lightbox__arrow{position:static;transform:none}}.materiali-lightbox__bar{padding:16px 32px calc(env(safe-area-inset-bottom,0px) + 18px);border-top:1px solid var(--hairline);background:var(--bone);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex}@media (max-width:900px){.materiali-lightbox__bar{padding:14px 20px calc(env(safe-area-inset-bottom,0px) + 14px)}}.materiali-lightbox__name{font-family:var(--font-sans);letter-spacing:-.005em;color:var(--ink-950);font-size:16px;font-weight:500}.materiali-lightbox__meta{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-500);margin-top:4px;font-size:10px}.materiali-lightbox__coll{font-family:var(--font-text);color:var(--ink-500);font-size:13px}.materiali-lightbox__coll em{font-family:var(--font-display);color:var(--ink-950);font-size:17px;font-style:italic;font-weight:400}@media (prefers-reduced-motion:reduce){.materiali-lightbox,.materiali-lightbox__frame{animation:none}}