.material-hero{padding:88px max(6vw,24px) 64px;background:#f1eadb;color:#382c22}.material-hero>span{color:#9b3d2d;font-weight:800;letter-spacing:.16em}.material-hero h1{font-size:clamp(38px,5vw,68px);margin:14px 0;max-width:900px}.material-hero p{font-size:18px;line-height:1.9;max-width:820px}.material-hero nav{margin-top:26px}.material-hero nav a{color:#7d3529}.material-hero nav i{margin:0 10px}.card-hero{background:#eee4d6}.material-page{max-width:1440px;margin:auto;padding:60px 5vw 90px}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.filter-row button{border:1px solid #cabca7;background:#fff;padding:10px 18px;border-radius:30px;color:#4e4035}.filter-row button.active{background:#8f3529;color:#fff;border-color:#8f3529}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.project-tile{color:inherit;text-decoration:none;background:#fff;border:1px solid #e7ded2;border-radius:5px;overflow:hidden;padding-bottom:24px;box-shadow:0 12px 35px #48311d10}.project-tile>div{height:250px;position:relative;background:#ddd;overflow:hidden}.project-tile img{width:100%;height:100%;object-fit:cover;transition:.35s}.project-tile:hover img{transform:scale(1.025)}.project-tile span{position:absolute;left:15px;bottom:15px;background:#8f3529;color:#fff;padding:6px 11px}.project-tile h2,.project-tile p,.project-tile>b{margin-left:22px;margin-right:22px}.project-tile h2{font-size:21px;margin-top:20px}.project-tile p{color:#70665e;line-height:1.75;min-height:84px}.project-tile>b{color:#963b2d}.material-detail-head{background:#f2ede4}.project-detail,.card-study{max-width:1400px;margin:auto;padding:55px 5vw 70px;display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.75fr);gap:42px;align-items:start}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project-gallery a{position:relative;background:#eee;min-height:320px}.project-gallery img{width:100%;height:100%;max-height:660px;object-fit:contain}.project-gallery span,.card-focus span{position:absolute;right:12px;bottom:12px;background:#2d211dcc;color:#fff;padding:7px 11px}.project-detail aside,.card-study aside{background:#f6f0e7;padding:30px;position:sticky;top:90px}.project-detail li,.card-study li{margin:0 0 18px;line-height:1.8}.related-material{max-width:1300px;margin:0 auto;padding:15px 5vw 80px}.related-material>div{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.related-material a{color:inherit;text-decoration:none}.related-material img{width:100%;height:170px;object-fit:cover;display:block;margin-bottom:12px}.card-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.card-wall a{position:relative;color:inherit;text-decoration:none;background:#fff;padding:12px 12px 22px;border:1px solid #e4d8ca}.card-wall img{width:100%;aspect-ratio:3/4;object-fit:cover}.card-wall span{position:absolute;top:22px;left:22px;background:#91382b;color:#fff;padding:7px}.card-wall h2{font-size:17px}.card-wall b{color:#91382b}.card-focus{position:relative;display:block;background:#eee}.card-focus img{width:100%;display:block}.home-projects,.home-cards{padding:70px max(5vw,24px);max-width:1500px;margin:auto}.home-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.home-project-grid a,.home-card-row a{color:inherit;text-decoration:none}.home-project-grid img{width:100%;height:230px;object-fit:cover}.home-project-grid span{color:#95392b}.home-card-row{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.home-card-row img{width:100%;aspect-ratio:3/4;object-fit:cover}.channel-material-feature{max-width:1400px;margin:0 auto;padding:55px 5vw}.channel-material-feature .project-grid{margin-top:25px}.thought-card-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.thought-card-strip a{color:inherit;text-decoration:none}.thought-card-strip img{width:100%;aspect-ratio:3/4;object-fit:cover}.section-link{color:#943a2c;font-weight:800;text-decoration:none}
@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}.project-detail,.card-study{grid-template-columns:1fr}.project-detail aside,.card-study aside{position:static}.card-wall,.home-card-row,.thought-card-strip{grid-template-columns:repeat(2,1fr)}.home-project-grid{grid-template-columns:1fr 1fr}.related-material>div{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.project-grid,.home-project-grid,.project-gallery{grid-template-columns:1fr}.card-wall{grid-template-columns:1fr}.project-tile>div{height:210px}.related-material>div{grid-template-columns:1fr 1fr}.related-material img{height:110px}}