.material-page{--violet:#75628b;--flax:#d8c7ac;--ink:#35333d;color:var(--ink);background:#fcfaf5}.material-page img{display:block;width:100%;height:100%;object-fit:cover}.material-page h1,.material-page h2,.material-page h3{font-family:Georgia,serif;line-height:1.06}.material-page p,.material-page li{font:18px/1.65 Arial}.material-k{font:700 12px Arial;letter-spacing:.2em;color:#69527f}.material-hero{padding:35px 5%;display:grid;grid-template-columns:1fr 1fr;gap:0}.material-hero>div{padding:65px 8%;align-self:center;background:#e9e2ed;border-radius:36px 0 0 36px;background-image:linear-gradient(45deg,#ffffff28 25%,transparent 25%,transparent 75%,#ffffff28 75%);background-size:28px 28px}.material-hero img{border-radius:0 36px 36px 0}.material-hero h1{font-size:clamp(42px,5.6vw,76px)}.material-spectrum{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:55px 5%}.material-spectrum article{padding:24px;background:#fff;border-radius:24px;box-shadow:0 12px 32px #4b405218}.material-spectrum b{font:700 34px Georgia;color:var(--violet)}.material-feature{display:grid;grid-template-columns:1.1fr .9fr;background:#494250;color:#fff}.material-feature>div{padding:60px 8%;align-self:center}.material-feature img{min-height:440px}.material-lab{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:65px 5%}.material-lab figure{margin:0;background:#eee7dc;border-radius:28px;overflow:hidden}.material-lab img{aspect-ratio:4/3}.material-lab figcaption{padding:22px;font:700 17px/1.45 Arial}.material-seo{max-width:1000px;margin:auto;padding:68px 7%;background:#fff;border:2px solid #d7c8df}.material-seo h2{font-size:42px}.material-seo h3{font-size:28px}.material-choice{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;background:#ddd1e2}.material-choice>div{padding:60px 8%;align-self:center}.material-final{display:grid;grid-template-columns:1fr 1fr;margin:55px 5%;border-radius:32px;overflow:hidden;background:#e9e0d2}.material-final>div{padding:52px 8%;align-self:center}.material-links{padding:55px 5%}.material-links div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.material-links a{padding:20px;background:#fff;color:inherit;text-decoration:none;border-radius:18px}.material-links small,.material-links b{display:block}.workshop-cta .button{display:inline-block;padding:14px 22px;background:#494250;color:#fff;border-radius:99px;text-decoration:none}@media(max-width:800px){.material-hero,.material-feature,.material-choice,.material-final{grid-template-columns:1fr}.material-hero>div,.material-hero img{border-radius:0}.material-spectrum,.material-lab{grid-template-columns:1fr}.material-links div{grid-template-columns:1fr 1fr}.material-hero img{aspect-ratio:4/3}}
