.material-groups{grid-template-columns:repeat(5,minmax(0,1fr))}
.material-groups article:nth-child(5){--material-color:#8c4f25;--material-tint:#f3e5d8}
.material-reference{max-width:880px;margin:52px auto 0}.material-library-card{display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;width:100%;padding:0;overflow:hidden;border:0;background:#202425;color:#fff;text-align:left;cursor:pointer;box-shadow:0 18px 45px rgba(22,25,26,.18);transition:transform .3s,box-shadow .3s}.material-library-card:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(22,25,26,.25)}.material-library-card:focus-visible,.material-library-close:focus-visible{outline:3px solid #d73338;outline-offset:4px}.material-library-cover{min-height:250px;overflow:hidden}.material-library-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.material-library-card:hover img{transform:scale(1.035)}.material-library-copy{display:flex;flex-direction:column;justify-content:center;padding:34px 40px}.material-library-copy small{margin-bottom:12px;color:#e95459;font:700 11px/1 "Barlow Condensed";letter-spacing:.2em}.material-library-copy strong{font:600 clamp(29px,3vw,42px)/1 "Barlow Condensed"}.material-library-copy>span{max-width:520px;margin-top:15px;color:#c9ced0;font-size:15px;line-height:1.55}.material-library-copy b{margin-top:27px;color:#fff;font:600 13px/1 "Barlow Condensed";letter-spacing:.11em}.material-library-copy b i{margin-left:8px;color:#e95459;font-style:normal}
.material-library-modal{width:min(1160px,calc(100% - 32px));max-height:90vh;margin:auto;padding:0;border:0;background:#f1efeb;color:#202425;box-shadow:0 32px 90px rgba(0,0,0,.42)}.material-library-modal::backdrop{background:rgba(13,16,17,.8);backdrop-filter:blur(5px)}.material-library-shell{position:relative;padding:clamp(28px,5vw,64px)}.material-library-close{position:sticky;z-index:3;top:0;float:right;width:46px;height:46px;margin:-8px -8px 0 20px;border:0;border-radius:50%;background:#202425;color:#fff;font:300 30px/1 Arial;cursor:pointer}.material-library-modal header{max-width:850px;padding:0 70px 30px 0}.material-library-modal header>span{color:#a51d22;font:700 12px/1 "Barlow Condensed";letter-spacing:.18em}.material-library-modal h3{margin:10px 0 13px;font:600 clamp(32px,4vw,54px)/1 "Barlow Condensed"}.material-library-modal header p{margin:0;color:#64696b;line-height:1.65}.material-library-modal details{clear:both;border-top:1px solid #c9c6c0}.material-library-modal details:last-of-type{border-bottom:1px solid #c9c6c0}.material-library-modal summary{display:grid;grid-template-columns:54px 1fr 28px;align-items:center;min-height:74px;cursor:pointer;list-style:none}.material-library-modal summary::-webkit-details-marker{display:none}.material-library-modal summary b{color:#a51d22;font:600 14px "Barlow Condensed";letter-spacing:.1em}.material-library-modal summary span{font:600 23px "Barlow Condensed"}.material-library-modal summary i{font:400 26px "Barlow Condensed";font-style:normal;transition:transform .25s}.material-library-modal details[open] summary i{transform:rotate(45deg)}
.material-table-scroll{overflow-x:auto;padding:0 0 25px}.material-library-modal table{width:100%;min-width:700px;border-collapse:collapse;background:#fff}.material-library-modal th,.material-library-modal td{padding:13px 15px;border:1px solid #dedbd5;text-align:left;vertical-align:top}.material-library-modal th{background:#202425;color:#fff;font:600 14px "Barlow Condensed";letter-spacing:.04em}.material-library-modal td{color:#3f4446;font-size:14px;line-height:1.45}.material-library-modal tbody tr:nth-child(even){background:#f4f2ee}.material-reference-note{margin:22px 0 0;padding:17px 19px;border-left:3px solid #a51d22;background:#e7e3dd;color:#555b5d;font-size:13px;line-height:1.65}
@media(max-width:1180px){.material-groups{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.material-groups{grid-template-columns:repeat(2,1fr)}.material-library-card{grid-template-columns:.8fr 1.2fr}.material-library-copy{padding:28px}}@media(max-width:620px){.material-groups{grid-template-columns:1fr}.material-library-card{grid-template-columns:1fr}.material-library-cover{min-height:180px;max-height:210px}.material-library-copy{padding:27px 25px}.material-library-modal{width:calc(100% - 18px);max-height:94vh}.material-library-shell{padding:24px 18px 30px}.material-library-modal header{padding-right:45px}.material-library-modal summary{grid-template-columns:38px 1fr 24px}.material-library-modal summary span{font-size:19px}.material-library-close{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.material-library-card,.material-library-cover img,.material-library-modal summary i{transition:none}}
.material-library-modal{background:#e9e7e2}.material-library-modal header{position:relative;max-width:none;margin:calc(clamp(28px,5vw,64px) * -1) calc(clamp(28px,5vw,64px) * -1) 30px;padding:clamp(36px,5vw,64px);padding-right:120px;overflow:hidden;background:radial-gradient(circle at 88% 15%,#a51d2255,transparent 28%),linear-gradient(135deg,#191d1e,#0d1011);color:#fff}.material-library-modal header:after{content:"01  02  03";position:absolute;right:5%;bottom:-12px;color:#ffffff0b;font:700 clamp(72px,10vw,132px)/1 "Barlow Condensed";letter-spacing:-.05em;white-space:nowrap}.material-library-modal header>span{position:relative;z-index:1;color:#ef6267}.material-library-modal h3{position:relative;z-index:1;max-width:720px;margin-top:16px;font-size:clamp(38px,5vw,66px);letter-spacing:-.025em}.material-library-modal header p{position:relative;z-index:1;max-width:760px;color:#c2c8ca;font-size:16px}.material-library-modal details{margin-top:10px;border:1px solid #cbc8c1;background:#f7f6f3}.material-library-modal details:last-of-type{border-bottom:1px solid #cbc8c1}.material-library-modal summary{min-height:82px;padding:0 20px;background:#f7f6f3}.material-library-modal details[open] summary{background:#202425;color:#fff}.material-library-modal summary span{font-size:22px;letter-spacing:.01em}.material-library-modal details[open] summary b{color:#ef6267}.material-library-modal .material-table-scroll{padding:18px}.material-library-modal table{box-shadow:0 8px 24px #25282912}.material-library-modal th{background:#303536;border-color:#4a4e4f}.material-library-modal td{padding-block:14px}.material-reference-note{margin-top:20px;background:#fff;border-left-width:4px}@media(max-width:620px){.material-library-modal header{margin:-24px -18px 24px;padding:34px 60px 30px 22px}.material-library-modal header:after{display:none}.material-library-modal h3{font-size:38px}.material-library-modal summary{padding:0 12px}.material-library-modal .material-table-scroll{padding:10px}}