.about-tools.tools-redesign{position:relative;isolation:isolate;min-height:0;padding-block:112px;align-items:start}
.tools-redesign .tools-intro{grid-column:1/5;position:relative;z-index:2}
.tools-redesign h2,.tools-redesign p{grid-column:auto;padding:0}
.tools-intro p{max-width:380px;margin-top:28px;font-size:18px;line-height:28px}
.tools-cards{grid-column:6/12;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;position:relative;z-index:2}
.tool-card{position:relative;min-width:0;min-height:220px;padding:24px;border:1px solid var(--color-structure);border-radius:12px;background:var(--color-base);transition:transform 220ms ease-out,border-color 220ms ease-out}
.tool-symbol{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-structure) 40%,var(--color-base));border-radius:8px;font-family:var(--font-heading);font-size:25px;color:var(--color-accent);margin-bottom:20px}
.tool-symbol svg{width:28px;height:32px}
.tool-card h3{font-size:18px;line-height:26px;margin-bottom:8px}
.tool-card p{font-size:16px;line-height:24px}
.tool-arrow{position:absolute;top:24px;right:24px;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--color-structure);border-radius:50%;font-size:18px;opacity:.65;transition:transform 220ms ease-out}
.tools-art{position:absolute;width:360px;right:-28px;top:48px;z-index:1;animation:focus-art-float 6s ease-in-out infinite}
.tools-art-hover{transition:transform 350ms ease-out}
.tools-art img{display:block;width:100%;height:auto}
@media(hover:hover) and (pointer:fine){
 .tool-card:hover{border-color:var(--color-text)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .tool-card:hover{transform:translateY(-2px)}
 .tool-card:hover .tool-arrow{transform:translate(2px,-2px)}
 .tools-art:hover{animation-play-state:paused}
 .tools-art:hover .tools-art-hover{transform:scale(1.05) rotate(1deg)}
}
@media(min-width:768px) and (max-width:1199px){
 .about-tools.tools-redesign{padding-block:80px}
 .tools-redesign .tools-intro{grid-column:1/4}
 .tools-cards{grid-column:4/-1;gap:16px}
 .tool-card{padding:20px;min-height:240px}
 .tool-card h3{font-size:16px;line-height:24px}
 .tool-card p{font-size:14px;line-height:22px}
 .tool-arrow{top:20px;right:20px}
 .tools-art{width:280px;right:-16px;top:24px}
 .tools-intro p{font-size:16px;line-height:24px}
 .tools-redesign h2{font-size:30px;line-height:40px}
}
@media(max-width:767px){
 .about-tools.tools-redesign{padding-block:48px 64px;gap:32px}
 .tools-redesign .tools-intro,.tools-cards{grid-column:1/-1}
 .tools-cards{grid-template-columns:1fr;gap:16px}
 .tools-intro p{margin-top:24px;font-size:16px;line-height:24px}
 .tool-card{min-height:200px}
 .tools-art{position:relative;grid-column:1/-1;width:min(80%,260px);justify-self:end;right:auto;top:auto;margin-top:-8px}
}
@media(prefers-reduced-motion:reduce){
 .tools-art{animation:none;transform:none}
 .tools-art-hover,.tool-card,.tool-arrow{transition:none;transform:none}
}