/* Owner-selected A: open technical grid. About-only, no preview dependencies. */
.section.why-technical { padding:48px 0 52px; background:var(--paper-sunk); color:var(--ink); scroll-margin-top:calc(var(--nav-h) + 12px); }
.why-technical__heading { margin-bottom:32px; }
.why-technical__heading .eyebrow { margin-bottom:12px; color:var(--red-ink); }
.why-technical__heading h2 { margin:0; font:800 clamp(32px,3.5vw,46px)/1.08 var(--font-display); letter-spacing:-.008em; color:var(--ink); }
.why-technical .wh-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; column-gap:48px; }
.why-technical .wh-grid-item { display:flex; align-items:center; gap:22px; min-width:0; min-height:147px; padding:24px 0; border-top:1px solid var(--line-strong); }
.why-technical .wh-grid-item p { margin:0; min-width:0; max-width:260px; font:500 20px/1.4 var(--font-sans); overflow-wrap:anywhere; }
.why-technical .wh-grid-item p:lang(de) { hyphens:auto; }
.why-technical .wh-drawing { display:block; flex:none; width:64px; height:64px; color:var(--ink); overflow:visible; }
.why-technical .wh-accent { color:var(--red-ink); stroke:currentColor; }
.why-technical .wh-fine { opacity:.4; stroke-width:.7; }
@media(hover:hover) {
  .why-technical .wh-grid-item:hover .wh-moving { animation:why-tool 1.4s ease-in-out 1; }
  .why-technical .wh-grid-item:hover .wh-clock { transform-origin:40px 23px; animation:why-clock 1.4s ease-in-out 1; }
  .why-technical .wh-grid-item:hover .wh-chips { animation:why-chips .7s ease-out 2; }
}
@keyframes why-tool { 0%,100% { transform:translateY(0); } 45%,60% { transform:translateY(-3px); } }
@keyframes why-clock { 0%,100% { transform:rotate(0); } 60% { transform:rotate(90deg); } }
@keyframes why-chips { 0%,100% { opacity:.25; } 40% { opacity:1; transform:translate(1px,-1px); } }
@media(max-width:1050px) {
  .why-technical .wh-grid { column-gap:30px; }
  .why-technical .wh-grid-item { align-items:flex-start; gap:16px; }
  .why-technical .wh-drawing { width:52px; height:52px; }
  .why-technical .wh-grid-item p { font-size:18px; }
}
@media(max-width:760px) {
  .section.why-technical { padding:30px 0 34px; }
  .why-technical__heading { margin-bottom:23px; }
  .why-technical__heading h2 { font-size:32px; max-width:420px; }
  .why-technical .wh-grid { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:25px; }
  .why-technical .wh-grid-item { flex-direction:column; gap:14px; padding:23px 0; min-height:180px; }
  .why-technical .wh-drawing { width:56px; height:56px; }
  .why-technical .wh-grid-item p { font-size:17px; }
}
@media(max-width:360px) {
  .why-technical .wh-grid { column-gap:20px; }
  .why-technical .wh-grid-item p { font-size:16px; }
  .why-technical__heading h2 { font-size:29px; }
}
@media(prefers-reduced-motion:reduce) {
  .why-technical *, .why-technical *::before,.why-technical *::after { animation:none!important; transition:none!important; }
}