.website-craft{padding:70px 0;background:#fff}
.website-craft-layout{display:grid;grid-template-columns:.9fr 1.25fr;gap:clamp(35px,6vw,85px);align-items:center}
.website-craft-intro h2{font-size:clamp(39px,3.8vw,55px);line-height:1.05}
.website-craft-intro>p{font-size:19px;line-height:1.7;margin:25px 0 27px;max-width:450px}
.website-craft-intro>a{display:inline-flex;align-items:center;gap:25px;font-size:16px;font-weight:600}
.website-craft-intro>a svg{color:var(--orange)}
.website-craft-intro>a:hover{color:var(--orange)}
.website-craft-intro>a:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.website-craft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.website-craft-grid article{padding:26px;background:#f4f4f2;border-radius:7px;transition:transform .3s}
.website-craft-grid article:hover{transform:translateY(-3px)}
.craft-icon{display:block;color:var(--orange);margin-bottom:20px;width:43px;height:43px}
.craft-icon svg{display:block;width:100%;height:100%}
.website-craft-grid h3{font-size:27px;line-height:1.1;margin:0 0 13px;letter-spacing:-.025em}
.website-craft-grid p{font-size:17px;line-height:1.6;color:#626262;margin:0}
@media(max-width:1000px){.website-craft-layout{grid-template-columns:.85fr 1.2fr;gap:30px}.website-craft-grid{gap:14px}.website-craft-grid article{padding:22px}.website-craft-grid h3{font-size:25px}.website-craft-intro h2{font-size:40px}.website-craft-intro>p{font-size:18px}}
@media(max-width:800px){.website-craft{padding:45px 0}.website-craft-layout{grid-template-columns:1fr;gap:30px}.website-craft-intro{max-width:600px}.website-craft-intro h2{font-size:42px}.website-craft-intro>p{max-width:550px;margin:22px 0}.website-craft-grid article{padding:25px}}
@media(max-width:500px){.website-craft{padding:40px 0}.website-craft-intro h2{font-size:38px}.website-craft-intro>p{font-size:18px;line-height:1.65}.website-craft-grid{gap:12px}.website-craft-grid article{padding:19px 16px}.craft-icon{width:36px;height:36px;margin-bottom:16px}.website-craft-grid h3{font-size:23px;margin-bottom:12px}.website-craft-grid p{font-size:16px;line-height:1.6}}
@media(max-width:359px){.website-craft-grid{grid-template-columns:1fr}.website-craft-grid article{padding:22px}.website-craft-intro h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.website-craft-grid article{transition:none}}