main>#materials{background:#181416;border:1px solid #4b2b3b;border-radius:32px;padding:58px 0;overflow:clip}.material-finale{grid-template-columns:1.15fr 1fr;gap:50px;background:none}.material-copy h2{font-family:Eesti,sans-serif;font-weight:500;font-size:clamp(37px,3.6vw,53px);line-height:1.1;letter-spacing:-.025em}.material-intro{color:#c8b8c1;font-size:19px;max-width:470px;margin-top:20px}.resource-list{list-style:none;padding:0!important;margin:30px 0!important}.resource-list li{display:flex;gap:20px;align-items:center;border-top:1px solid #52323f;padding:20px 0;margin:0!important}.resource-list li:last-child{border-bottom:1px solid #52323f}.resource-list .icon{width:29px;height:29px;color:#ff76ad;flex:none}.resource-list h3{font-size:22px;font-weight:500;color:#fff}.resource-list p{font-size:16px;color:#c3adba;margin-top:5px;line-height:1.4}.material-copy .btn{background:#e0005b;color:white;min-height:56px;padding:17px 30px;width:auto}.material-copy .btn:hover{background:#bf004c}.guide-visual{height:510px;background:none;border-radius:0;max-width:none;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.guide-visual img{width:100%;height:430px;max-height:430px;object-fit:contain}.guide-caption{font-size:17px;color:#e1c4d2;text-align:center;line-height:1.4}.materials .resource-list{font-size:inherit}
@media(max-width:1000px){.material-finale{gap:30px}.guide-visual{height:440px}.guide-visual img{height:360px;max-height:360px}.resource-list h3{font-size:20px}.resource-list p{font-size:15px}}
@media(max-width:760px){main>#materials{border-radius:24px;padding:35px 0}.material-finale{grid-template-columns:1fr;gap:25px}.material-copy h2{font-size:35px}.material-intro{font-size:17px;margin-top:17px}.resource-list{margin:25px 0!important}.resource-list li{gap:15px;padding:17px 0}.resource-list h3{font-size:20px}.resource-list p{font-size:15px}.resource-list .icon{width:26px;height:26px}.material-copy .btn{width:100%;padding:16px 15px;font-size:17px}.guide-visual{height:330px;max-width:310px;margin:auto;width:100%}.guide-visual img{height:270px;max-height:270px}.guide-caption{font-size:15px}}
@media(max-width:360px){.material-copy h2{font-size:30px}.resource-list h3{font-size:18px}.resource-list p{font-size:14px}.resource-list li{gap:13px}.guide-visual{height:295px}.guide-visual img{height:240px;max-height:240px}}