.materials-page{position:relative;isolation:isolate;padding-bottom:clamp(3.5rem,8vw,6rem)}.materials-page--brand:before,.materials-page--hub:before{content:"";position:absolute;inset:0 0 auto;height:min(42vh,28rem);pointer-events:none;z-index:-1;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 88%);mask-image:linear-gradient(180deg,#000,transparent 88%);opacity:.45}.materials-page__mast{display:grid;grid-gap:1.25rem;gap:1.25rem;padding-bottom:2rem;margin-bottom:1.75rem;border-bottom:1px solid var(--border);animation:materials-rise .7s ease both}.materials-page__mast h1{margin:0;font-size:clamp(2.6rem,8vw,5.25rem);line-height:.92;letter-spacing:-.045em}.materials-page__mast .section-head__lead{max-width:36ch;font-size:1rem}@media (min-width:900px){.materials-page__mast{grid-template-columns:1fr minmax(18rem,28rem);align-items:end;gap:3rem;padding-bottom:2.5rem}}.materials-page__crumbs{margin-bottom:1.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);animation:materials-rise .5s ease both}.materials-page__crumbs a{color:var(--accent)}.materials-page__stage{display:grid;grid-gap:1.75rem;gap:1.75rem;margin-bottom:2.75rem}@media (min-width:900px){.materials-page__stage{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);gap:3.25rem;align-items:end}}.materials-page__hero{position:relative;aspect-ratio:5/4;overflow:hidden;background:var(--charcoal);animation:materials-rise .8s ease both}@media (min-width:900px){.materials-page__hero{aspect-ratio:4/5;min-height:32rem}}.materials-page__hero img{object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.materials-page__hero:hover img{transform:scale(1.04)}.materials-page__copy{animation:materials-rise .75s ease .08s both}.materials-page__copy h1{margin:0 0 .65rem;font-size:clamp(2.4rem,6vw,4.25rem);line-height:.92;letter-spacing:-.04em}.materials-page__copy .section-head__lead{margin-bottom:1.15rem;max-width:36ch;color:var(--text);font-size:1.05rem}.materials-page__body{margin:0;max-width:42rem;color:var(--text);font-size:1rem;line-height:1.65}.materials-page__facts{margin:1.5rem 0 0;padding:0;list-style:none}.materials-page__facts li{display:grid;grid-template-columns:2rem 1fr;grid-gap:.75rem;gap:.75rem;padding:.72rem 0;border-top:1px solid var(--border);color:var(--text);font-size:.92rem;line-height:1.4}.materials-page__facts li:before{content:attr(data-i);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--muted);padding-top:.18rem}.materials-page__tray{margin-top:.5rem}.materials-page__tray h2{margin:0 0 1rem;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.materials-page__how{display:grid;grid-gap:.65rem 2rem;gap:.65rem 2rem;margin-top:2.75rem;padding-top:1.75rem;border-top:1px solid var(--border)}@media (min-width:720px){.materials-page__how{grid-template-columns:minmax(10rem,16rem) minmax(0,36rem);align-items:baseline}}.materials-page__how h2{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.materials-page__attr,.materials-page__factory,.materials-page__how p{margin:0;color:var(--muted);line-height:1.6}.materials-page__factory{margin:1.5rem 0;max-width:40rem}.materials-page__attr{margin-top:1.15rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em}.materials-page__attr a{color:var(--accent)}.materials-page__cta{margin:2.25rem 0 0}.materials-swatches{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.85rem .65rem;gap:.85rem .65rem;margin:0;padding:0;list-style:none}@media (min-width:720px){.materials-swatches{grid-template-columns:repeat(4,1fr);gap:1rem .75rem}}.materials-swatches__item{margin:0}.materials-swatches__media{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--charcoal)}.materials-swatches__media img{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.materials-swatches__item:hover img{transform:scale(1.05)}.materials-swatches__caption{display:grid;grid-template-columns:1.6rem 1fr;grid-gap:.4rem;gap:.4rem;margin-top:.45rem;align-items:start}.materials-swatches__index{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;color:var(--muted);padding-top:.12rem}.materials-swatches__name{font-size:.78rem;line-height:1.35;color:var(--text)}@keyframes materials-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.materials-page__copy,.materials-page__crumbs,.materials-page__hero,.materials-page__hero img,.materials-page__mast,.materials-swatches__media img{animation:none;transition:none}.materials-page__hero:hover img,.materials-swatches__item:hover img{transform:none}}