section.japa-materials, section.japa-materials * { box-sizing: border-box; }
section.japa-materials { width: 100%; max-width: none; margin: 0; color: #34261e; font-family: Georgia, 'Times New Roman', serif; background: #f8f1e7; --ivory:#f8f2e9;--ink:#35271f;--body:#66564a;--line:#d6b989; }
section.japa-materials button.cta { border: 0; cursor: pointer; appearance: none; }
section.japa-materials h1, section.japa-materials h2, section.japa-materials h3, section.japa-materials p { color: inherit; }
section.japa-materials .panel{
 position:relative;width:100%;min-height:clamp(450px,26vw,590px);
 overflow:hidden;background:var(--ivory);
}section.japa-materials .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}section.japa-materials .content{
 position:relative;z-index:2;width:44%;margin-left:52%;
 padding:clamp(25px,4.2vw,25px) 3.5% 25px 0;
}section.japa-materials h2{margin:0 0 6px;font-size:clamp(30px,2.25vw,44px);line-height:1.05;font-weight:500;}section.japa-materials .subtitle{margin:0 0 25px;font-size:clamp(19px,1.45vw,28px);line-height:1.15;}section.japa-materials .materials{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26px,2.8vw,52px);}section.japa-materials .material{display:grid;grid-template-columns:88px 1fr;gap:17px;align-items:start;}section.japa-materials .bead{width:88px;height:88px;border-radius:50%;object-fit:cover;box-shadow:none;}section.japa-materials .material h3{margin:2px 0 5px;font-size:clamp(18px,1.3vw,24px);font-weight:600;}section.japa-materials .lead{margin:0 0 9px;font-size:clamp(15px,1vw,18px);font-weight:600;color:var(--body);}section.japa-materials .text{margin:0;font-size:clamp(15px,.93vw,17px);line-height:1.45;color:var(--body);}@media(max-width:1100px) and (min-width:681px){section.japa-materials .panel{min-height:610px;}section.japa-materials .bg{object-position:42% center;}section.japa-materials .content{width:49%;margin-left:48%;padding:25px 2.5% 25px 0;}section.japa-materials h2{font-size:31px;}section.japa-materials .subtitle{font-size:19px;margin-bottom:24px;}section.japa-materials .materials{grid-template-columns:1fr;gap:23px;}section.japa-materials .material{grid-template-columns:72px 1fr;gap:14px;}section.japa-materials .bead{width:72px;height:72px;}section.japa-materials .material h3{font-size:19px;}section.japa-materials .lead, section.japa-materials .text{font-size:15px;}
}section.japa-materials .mobile{display:none;}@media(max-width:680px){section.japa-materials .panel{display:none;}section.japa-materials .mobile{display:block;background:var(--ivory);}section.japa-materials .mobile-hero{display:block;width:100%;height:72vw;min-height:275px;max-height:390px;object-fit:cover;object-position:38% center;}section.japa-materials .mobile-copy{padding:25px 23px 25px;}section.japa-materials .mobile-copy h2{font-size:30px;margin-bottom:6px;}section.japa-materials .mobile-copy .subtitle{font-size:19px;line-height:1.15;margin-bottom:25px;}section.japa-materials .mobile-material{margin-bottom:25px;}section.japa-materials .mobile-material:last-child{margin-bottom:0;}section.japa-materials .mobile-head{display:flex;align-items:center;gap:15px;margin-bottom:13px;}section.japa-materials .mobile-head .bead{width:68px;height:68px;flex:0 0 68px;}section.japa-materials .mobile-title h3{margin:0 0 4px;font-size:20px;}section.japa-materials .mobile-title .lead{margin:0;font-size:16px;}section.japa-materials .mobile-material .text{font-size:15.5px;line-height:1.52;}
}@media(max-width:390px){section.japa-materials .mobile-copy{padding:25px 20px 25px;}section.japa-materials .mobile-copy h2{font-size:27px;}section.japa-materials .mobile-copy .subtitle{font-size:18px;}section.japa-materials .mobile-material .text{font-size:15px;}
}