.materials-page main{overflow:hidden}.materials-hero{min-height:640px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(36px,8vw,120px);align-items:center;padding-top:clamp(72px,11vw,150px);padding-bottom:clamp(70px,10vw,140px)}.materials-hero-copy{max-width:690px}.materials-hero h1{font-size:clamp(3.1rem,7.5vw,7rem);line-height:.98;letter-spacing:-.075em;max-width:760px;margin:20px 0 22px}.hero-deck{font-size:clamp(1.15rem,2vw,1.5rem);color:var(--color-text-muted);margin:0 0 28px}.materials-hero .lead{max-width:650px}.materials-hero p{max-width:670px}.materials-question{font-size:clamp(1.2rem,2.2vw,1.65rem);line-height:1.4;margin:34px 0;color:var(--color-text)}.materials-hero .button{margin-top:6px}.materials-hero-visual{min-height:390px;position:relative;border:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-surface),transparent);overflow:hidden}.materials-hero-visual:before,.materials-hero-visual:after{content:"";position:absolute;inset:14% 12%;border:1px solid var(--color-border);transform:skewY(-26deg) rotate(18deg)}.materials-hero-visual:after{inset:28% 19%;border-style:dashed;opacity:.6}.texture-ring{position:absolute;border:1px solid var(--color-signal);border-radius:50%;opacity:.5}.ring-one{width:270px;height:270px;left:16%;top:16%}.ring-two{width:160px;height:160px;left:33%;top:31%;border-color:var(--color-text)}.texture-grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:42px 42px;opacity:.25;transform:perspective(300px) rotateX(55deg) scale(1.5);transform-origin:center bottom}.texture-node{position:absolute;width:9px;height:9px;background:var(--color-signal);border-radius:50%;box-shadow:0 0 0 7px color-mix(in srgb,var(--color-signal) 15%,transparent)}.node-one{left:20%;top:26%}.node-two{right:23%;top:45%}.node-three{left:38%;bottom:19%}.materials-section{padding-top:clamp(72px,10vw,140px);padding-bottom:clamp(82px,12vw,160px)}.materials-heading{max-width:760px;margin-bottom:54px}.materials-heading h2,.materials-lab-section h2,.materials-end h2{font-size:clamp(2.1rem,4.7vw,4.3rem);letter-spacing:-.055em;line-height:1.04}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.material-card{min-height:440px;padding:30px;border:1px solid var(--color-border);background:var(--color-surface);position:relative;overflow:hidden}.material-card:after{content:"";position:absolute;right:-35px;bottom:-50px;width:180px;height:180px;border:1px solid var(--color-border);transform:rotate(25deg);opacity:.4}.material-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.material-number{font-family:var(--font-mono,monospace);font-size:.8rem;color:var(--color-text-muted);letter-spacing:.1em}.material-status{font-family:var(--font-mono,monospace);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-signal)}.material-card h3{font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.1;letter-spacing:-.035em;max-width:420px;margin:50px 0 18px;position:relative;z-index:1}.material-intro{min-height:66px;max-width:520px;position:relative;z-index:1}.material-card dl{border-top:1px solid var(--color-border);margin-top:26px;padding-top:18px;position:relative;z-index:1}.material-card dl div{display:grid;grid-template-columns:80px 1fr;gap:16px;margin:10px 0}.material-card dt{font-family:var(--font-mono,monospace);font-size:.69rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.material-card dd{margin:0;font-size:.92rem;color:var(--color-text)}.material-mark{position:absolute;right:30px;top:82px;width:58px;height:58px;border:1px solid var(--color-border);opacity:.7}.mark-wood{border-radius:50%;background:repeating-radial-gradient(circle at 30% 55%,transparent 0 6px,var(--color-border) 7px 8px)}.mark-carbon{transform:rotate(45deg);background:repeating-linear-gradient(45deg,transparent 0 7px,var(--color-border) 8px 9px)}.mark-flex{border-radius:50%;border-width:3px 1px 3px 1px}.mark-glow{border-radius:50%;box-shadow:0 0 35px var(--color-signal)}.mark-metal{transform:rotate(45deg);background:linear-gradient(135deg,transparent 48%,var(--color-border) 49% 51%,transparent 52%)}.mark-recycle{border-radius:50% 0 50% 0;transform:rotate(45deg)}.materials-lab-section{padding:clamp(70px,10vw,140px) 0}.lab-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(44px,10vw,160px)}.lab-copy{max-width:680px}.lab-copy .lead{font-size:clamp(1.3rem,2.4vw,2rem);color:var(--color-text)}.lab-copy ul{list-style:none;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:14px 0;margin:30px 0}.lab-copy li{padding:9px 0;font-size:clamp(1.15rem,2vw,1.5rem)}.lab-copy li:before{content:"↳";display:inline-block;color:var(--color-signal);margin-right:14px}.lab-note{margin-top:34px;color:var(--color-text-muted);font-size:.92rem}.materials-end{padding:clamp(84px,12vw,160px) 0}.materials-end h2{max-width:780px;margin:18px 0 34px}.materials-end .actions{align-items:center}
:root[data-theme="light"] .materials-hero-visual{background:linear-gradient(135deg,var(--color-surface-muted),transparent)}:root[data-theme="light"] .material-card{background:var(--color-surface-muted)}
@media (max-width:760px){.materials-hero{display:block;min-height:auto;padding-top:62px;padding-bottom:70px}.materials-hero h1{font-size:clamp(3rem,16vw,5.3rem)}.materials-hero-visual{min-height:260px;margin-top:52px}.materials-section{padding-top:72px;padding-bottom:84px}.material-grid{grid-template-columns:1fr;gap:12px}.material-card{min-height:0;padding:24px}.material-card h3{margin-top:42px}.material-intro{min-height:0}.material-card dl div{grid-template-columns:72px 1fr;gap:10px}.lab-layout{grid-template-columns:1fr;gap:34px}.materials-end{padding:88px 0}.materials-end .actions{align-items:flex-start;flex-direction:column}}