.material-story{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 78% 35%,#f7f1e8,#efe4d7 65%,#e9dccb);color:#302319;padding:0 0 142px;scroll-margin-top:95px}
.material-story:before,.material-story:after{content:'';position:absolute;z-index:2;width:350px;height:450px;background:url('../img/icons/leaf-shadow.svg') center/contain no-repeat;opacity:.2;filter:blur(9px);pointer-events:none}
.material-story:before{right:-100px;top:-160px;transform:rotate(-35deg)}
.material-story:after{left:-160px;bottom:-180px;transform:rotate(25deg);opacity:.27;filter:blur(12px)}
.material-story-layout{display:grid;grid-template-columns:62% 38%;direction:ltr;align-items:center;min-height:640px}
.material-story-photo{height:clamp(520px,46vw,730px);overflow:hidden;border-radius:0 50% 43% 0 / 0 67% 38% 0;position:relative;z-index:1;background:#d6c7b4}
.material-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:43% center}
.material-story-copy{direction:rtl;text-align:center;padding:55px 12% 20px 0;position:relative;z-index:3}
.material-story-brand{display:block;font:500 10px var(--font-body);letter-spacing:7px;direction:ltr;color:#7f6b56}
.material-story-stem{display:block;width:1px;height:65px;background:#a38a70;margin:20px auto 0}
.material-story h2{font-family:var(--font-heading);font-size:clamp(30px,3vw,47px);font-weight:600;line-height:1.75;margin:-5px 0 23px;color:#2e2117}
.material-story-description{font-size:13px;line-height:2.2;color:#948675;font-weight:400;margin:0 auto;text-align:right;max-width:430px}
.material-story-features{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:42px 0 0;gap:0;direction:rtl}
.material-story-features li{padding:0 9px;position:relative;text-align:center}
.material-story-features li+li{border-right:1px solid #ae957c}
.material-story-icon{display:block;width:35px;height:35px;margin:0 auto 13px;fill:none;stroke:#8d663d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.material-story-features strong{display:block;font-family:var(--font-body);font-weight:600;font-size:12px;line-height:1.9}
.material-story-features small{display:block;font-size:11px;line-height:1.8;color:#665341;margin-top:2px}
.material-story-cta{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:0;width:max-content;margin:4px auto -112px;color:#493322;font-size:12px;font-weight:600}
.material-story-cta-circle{display:grid;place-items:center;width:62px;height:62px;border:1px solid #a88158;border-radius:50%;background:#f5ecdf66;transition:background .25s,color .25s}
.material-story-cta-circle svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.material-story-cta:before{content:'';position:absolute;top:62px;width:1px;height:24px;background:#a68b6d}
.material-story-cta-label{margin-top:34px}
.material-story-cta:after{content:'';width:1px;height:48px;background:#a68b6d;margin-top:15px}
.material-story-cta:hover .material-story-cta-circle{background:#493322;color:#fff3df}
.material-story-cta:focus-visible{outline:2px solid #916c46;outline-offset:8px;border-radius:35px}
@media(min-width:1600px){.material-story-copy{padding-right:16%}.material-story h2{font-size:46px}.material-story-description{font-size:15px}.material-story-features strong{font-size:14px}.material-story-features small{font-size:12px}}
@media(min-width:768px) and (max-width:1100px){.material-story-layout{grid-template-columns:55% 45%;min-height:560px}.material-story-photo{height:560px}.material-story-copy{padding:35px 9% 20px 5%}.material-story h2{font-size:30px}.material-story-description{font-size:12px}.material-story-stem{height:42px}.material-story-features{margin-top:28px}.material-story-features li{padding-inline:5px}.material-story-features strong{font-size:11px}.material-story-features small{font-size:10px}}
@media(max-width:767px){.material-story{padding-bottom:145px}.material-story-layout{display:flex;flex-direction:column;min-height:0}.material-story-photo{width:100%;height:360px;border-radius:0 42% 35% 0 / 0 48% 30% 0}.material-story-photo img{object-position:center}.material-story-copy{width:100%;padding:35px 7% 28px}.material-story-brand{font-size:9px;letter-spacing:6px}.material-story-stem{height:38px;margin-top:15px}.material-story h2{font-size:30px;line-height:1.8;margin-top:0;margin-bottom:18px}.material-story-description{font-size:12px;line-height:2.3;text-align:center;max-width:360px}.material-story-features{margin-top:30px}.material-story-features strong{font-size:12px}.material-story-features small{font-size:10px}.material-story-icon{width:32px;height:32px;margin-bottom:10px}.material-story:before{width:230px;height:280px;right:-140px;top:330px;opacity:.12}.material-story:after{width:250px;height:320px;left:-150px;bottom:-100px;opacity:.16}.material-story-cta{margin-top:0}.material-story-cta-circle{width:56px;height:56px}.material-story-cta:before{top:56px}.material-story-cta-label{font-size:11px}}
@media(max-width:360px){.material-story-photo{height:310px}.material-story h2{font-size:27px}.material-story-features strong{font-size:11px}.material-story-features small{font-size:9px}.material-story-copy{padding-inline:6%}}
@media(prefers-reduced-motion:reduce){.material-story-cta-circle{transition:none}}