.materials-page{width:min(var(--container-max), 100% - 2 * var(--gutter));color:var(--text-primary);font-family:var(--fgeo-font-body);margin:0 auto}.materials-page .materials-hero{align-items:end;gap:var(--space-8);min-height:37rem;padding:var(--space-9) 0 var(--space-8);border-bottom:1px solid var(--border-subtle);grid-template-columns:minmax(0,1.1fr) minmax(19rem,.65fr);display:grid;position:relative;overflow:hidden;background:0 0!important}.materials-page .materials-hero:before{content:"";aspect-ratio:1;border:1px solid var(--border-strong);background:radial-gradient(circle,#2f7dff2e 0 2%,#0000 3% 22%,#ff6b221f 23% 23.4%,#0000 24% 45%,#79b5ff1a 46% 46.3%,#0000 47%);border-radius:50%;width:min(31rem,42vw);position:absolute;bottom:3rem;right:0;box-shadow:inset 0 0 5rem #2f7dff14}.materials-page .materials-hero:after{content:"ARCHIVE / KNOWLEDGE / METHODS / SYSTEMS";color:var(--text-muted);font:500 .5625rem/1 var(--fgeo-font-mono);letter-spacing:.12em;writing-mode:vertical-rl;position:absolute;bottom:2rem;right:1rem}.materials-kicker{color:var(--accent-info-soft);font:500 var(--type-label)/1.35 var(--fgeo-font-mono);letter-spacing:.12em;text-transform:uppercase;grid-column:1;margin:0}.materials-page .materials-hero h1{max-width:12ch;margin:var(--space-5) 0;color:var(--text-primary);font:800 var(--type-display-lg)/.92 var(--fgeo-font-display);letter-spacing:-.06em;grid-column:1}.materials-page .materials-hero h1 em{color:var(--accent-action);font-style:normal}.materials-page .materials-hero>p:not(.materials-kicker){max-width:40rem;color:var(--text-secondary);font:400 var(--type-lead)/1.5 var(--fgeo-font-body);grid-column:1;margin:0}.materials-hero-meta{z-index:2;min-height:18rem;padding:var(--space-5);border:1px solid var(--border-subtle);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#0b1624c7;flex-direction:column;grid-area:1/2/span 4;justify-content:space-between;align-self:end;display:flex;position:relative}.materials-hero-meta span{color:var(--text-muted);font:500 .625rem/1.4 var(--fgeo-font-mono);letter-spacing:.09em;text-transform:uppercase}.materials-hero-meta b{max-width:12ch;color:var(--text-primary);font:750 2rem/1.05 var(--fgeo-font-display);letter-spacing:-.04em}.materials-toolbar{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle);display:flex}.materials-toolbar p{color:var(--text-primary);font:700 1rem/1 var(--fgeo-font-display);margin:0}.materials-toolbar span{color:var(--text-muted);font:500 .625rem/1.4 var(--fgeo-font-mono);letter-spacing:.07em;text-transform:uppercase}.materials-grid{gap:var(--space-5);padding:var(--space-6) 0 var(--space-9);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.material-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);min-width:0;transition:translate var(--motion-normal) var(--motion-ease), border-color var(--motion-fast), box-shadow var(--motion-normal);overflow:hidden}.material-card:hover{border-color:var(--accent-action);box-shadow:var(--shadow-panel);translate:0 -.25rem}.material-card-link{height:100%;color:inherit;grid-template-rows:17rem 1fr;display:grid}.material-card-image{border-bottom:1px solid var(--border-subtle);background:var(--surface-primary);position:relative;overflow:hidden}.material-card-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#07111d85);position:absolute;inset:0}.material-card-image img{object-fit:cover;filter:saturate(.72)contrast(1.08);transition:scale var(--motion-slow) var(--motion-ease), filter var(--motion-slow)}.material-card:hover img{filter:saturate(.95)contrast(1.08);scale:1.035}.material-card-body{min-height:21rem;padding:var(--space-6);flex-direction:column;display:flex}.material-card-top{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.material-card-top span,.material-card-top small{color:var(--accent-info-soft);font:500 .625rem/1.35 var(--fgeo-font-mono);letter-spacing:.08em;text-transform:uppercase}.material-card-top small{color:var(--text-muted);text-align:right}.material-card-body h2{max-width:16ch;margin:var(--space-8) 0 var(--space-4);color:var(--text-primary);font:760 clamp(1.75rem, 3vw, 3rem)/1 var(--fgeo-font-display);letter-spacing:-.045em}.material-card-body p{max-width:42rem;color:var(--text-muted);font:400 1rem/1.6 var(--fgeo-font-body);margin:0}.material-card-more{justify-content:space-between;align-items:center;gap:var(--space-4);padding-top:var(--space-6);color:var(--accent-action);font:650 .6875rem/1.3 var(--fgeo-font-mono);letter-spacing:.07em;text-transform:uppercase;margin-top:auto;display:flex}.material-card-placeholder{opacity:.68}.material-card-placeholder:hover{border-color:var(--border-strong);box-shadow:none;translate:none}.materials-note{gap:var(--space-8);padding:var(--space-9) 0;border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);display:grid}.materials-note h2{max-width:12ch;margin:var(--space-5) 0 0;color:var(--text-primary);font:760 var(--type-h2)/1 var(--fgeo-font-display);letter-spacing:-.045em}.materials-note h2 em{color:var(--accent-action);font-style:normal}.materials-note>div:last-child p{max-width:36rem;margin:0 0 var(--space-5);color:var(--text-secondary);font:400 1.0625rem/1.65 var(--fgeo-font-body)}.materials-note-link{color:var(--accent-action);font:600 .6875rem/1.3 var(--fgeo-font-mono);letter-spacing:.07em;text-transform:uppercase}@media (max-width:959px){.materials-page .materials-hero{min-height:0;padding-top:var(--space-8);grid-template-columns:1fr}.materials-page .materials-hero:before{opacity:.55;width:26rem;top:4rem;bottom:auto;right:-8rem}.materials-hero-meta{grid-area:auto/1;min-height:10rem}.materials-grid{grid-template-columns:1fr}.material-card-link{grid-template-rows:1fr;grid-template-columns:minmax(14rem,.7fr) 1fr}.material-card-body{min-height:19rem}.materials-note{grid-template-columns:1fr}}@media (max-width:639px){.materials-page .materials-hero{gap:var(--space-6);padding:var(--space-8) 0 var(--space-7)}.materials-page .materials-hero:before{right:-14rem}.materials-page .materials-hero h1{font-size:clamp(3.2rem,16vw,5rem)}.materials-toolbar{flex-direction:column;align-items:flex-start}.material-card-link{grid-template-rows:14rem 1fr;grid-template-columns:1fr}.material-card-body{min-height:20rem;padding:var(--space-5)}.material-card-body h2{margin-top:var(--space-7)}}