.material-hub-page{background:var(--paper);padding:7rem clamp(1.2rem,5vw,5rem) 5rem}.material-hub-hero{color:#fff8ed;border-radius:1.5rem;max-width:44rem;margin-bottom:3rem;padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 1.5rem 4rem #3b2a1b24}.material-hub-marble{background:linear-gradient(#0000,#1c1611bf),linear-gradient(135deg,#d9cbb8,#8c6f54)}.material-hub-wood{background:linear-gradient(#0000,#1c1611ad),repeating-linear-gradient(92deg,#4927134d 0 .08rem,#0000 .1rem 1rem),linear-gradient(135deg,#c78e58,#623b25)}.material-hub-glass{background:linear-gradient(#0000,#152223b8),linear-gradient(135deg,#e8ffffeb,#669391e0)}.material-hub-stone{background:linear-gradient(#0000,#1c1611b8),radial-gradient(circle at 30% 20%,#d8c7ad,#0000 12rem),linear-gradient(135deg,#827060,#332a23)}.material-hub-back{color:#fff8edc7;margin-bottom:1rem;font-size:.88rem;font-weight:600;display:inline-block}.material-hub-hero h1{font-family:var(--font-display), Georgia, serif;letter-spacing:-.06em;margin-bottom:.75rem;font-size:clamp(2.8rem,7vw,4.5rem);line-height:.92}.material-hub-purpose{max-width:36rem;margin-bottom:.65rem;font-size:1.08rem;line-height:1.6}.material-hub-role{color:#fff8edd1;margin:0;font-weight:700}.material-hub-layout{grid-template-columns:minmax(14rem,.75fr) minmax(0,1.25fr);gap:clamp(1.5rem,4vw,3rem);max-width:76rem;margin-inline:auto;display:grid}.material-hub-aside{background:#fffaf3eb;border:1px solid #3e2d1f14;border-radius:1.25rem;height:fit-content;padding:1.25rem}.material-hub-aside h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.03em;margin-bottom:.85rem;font-size:1.45rem}.material-hub-aside ul{color:#4a4038;margin:0 0 1rem;padding-left:1.1rem;line-height:1.65}.material-hub-aside li+li{margin-top:.4rem}.material-hub-note{color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.material-hub-guides h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.03em;margin-bottom:1rem;font-size:1.65rem}.material-hub-start{margin-bottom:2rem}.material-hub-featured{color:inherit;background:#fffaf3;border:1px solid #3e2d1f1a;border-radius:1.25rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:block;box-shadow:0 1rem 2.5rem #3b2a1b14}.material-hub-featured:hover{transform:translateY(-2px);box-shadow:0 1.2rem 2.8rem #3b2a1b1f}.material-hub-featured span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.material-hub-featured h3{font-family:var(--font-display), Georgia, serif;margin:.55rem 0;font-size:1.45rem;line-height:1.1}.material-hub-featured p{color:var(--muted);margin:0 0 .75rem;line-height:1.6}.material-hub-featured strong{color:#5c4735;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.material-hub-list{margin:0;padding:0;list-style:none}.material-hub-list li+li{margin-top:.75rem}.material-hub-list a{color:inherit;background:#fffaf3b8;border:1px solid #3e2d1f14;border-radius:1rem;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1rem 1.1rem;transition:background .2s;display:grid}.material-hub-list a:hover{background:#fffaf3}.material-hub-list span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.material-hub-list h3{margin:0 0 .35rem;font-size:1.05rem;line-height:1.2}.material-hub-list p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.material-hub-planned{margin-top:2rem}.material-hub-planned h2,.material-hub-soon h2{font-family:var(--font-display), Georgia, serif;letter-spacing:-.03em;margin-bottom:.75rem;font-size:1.45rem}.material-hub-soon p:last-child{max-width:38rem;color:var(--muted);margin:0;line-height:1.65}.material-hub-planned-list{margin:0;padding:0;list-style:none}.material-hub-planned-list li{background:#fffaf38c;border:1px dashed #3e2d1f24;border-radius:1rem;grid-template-columns:4.5rem 1fr;gap:1rem;padding:1rem 1.1rem;display:grid}.material-hub-planned-list li+li{margin-top:.75rem}.material-hub-planned-list span{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700}.material-hub-planned-list h3{margin:0 0 .35rem;font-size:1.02rem;line-height:1.2}.material-hub-planned-list p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}@media (max-width:900px){.material-hub-layout{grid-template-columns:1fr}.material-hub-list a,.material-hub-planned-list li{grid-template-columns:1fr;gap:.35rem}}