/* ======================================================================
   ZAUNTURA — ÜBER UNS "Atelier" (bento, cleaner, WOW) · loaded last
   ====================================================================== */
#ueber-uns.about2{position:relative;overflow:hidden}
.ab-aurora{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.7}
.ab-aurora::before{content:"";position:absolute;width:46vw;height:46vw;right:-10%;top:-14%;border-radius:50%;
  filter:blur(100px);background:radial-gradient(circle at 50% 50%,rgba(156,107,46,.12),transparent 62%)}
.about2 .wrap{position:relative;z-index:1}

/* intro head */
.ab-head{display:grid;grid-template-columns:1fr;gap:22px;margin-bottom:clamp(34px,4vw,54px);max-width:64rem}
.ab-head .kick{font-family:var(--font-display);font-size:11.5px;font-weight:600;letter-spacing:.22em;
  text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:13px}
.ab-head .kick::before{content:"";width:30px;height:1px;background:var(--accent)}
.ab-head h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;
  font-size:clamp(32px,4.6vw,60px);line-height:1.04;margin:0;color:var(--text);max-width:18ch}
.ab-head h2 .em{color:var(--accent)}

/* bento grid */
.ab-bento{display:grid;gap:16px;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(132px,auto)}
.ab-cell{position:relative;border:1px solid var(--line);border-radius:var(--r-card,18px);overflow:hidden;
  background:var(--surface);box-shadow:var(--shadow-sm,0 1px 2px rgba(27,23,20,.05));
  transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s,border-color .4s}
.ab-cell:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(27,23,20,.34);border-color:var(--text)}

/* portrait image cell (tall) */
.ab-photo{grid-column:span 2;grid-row:span 3;min-height:420px;padding:0}
.ab-photo image-slot{position:absolute;inset:0;width:100%;height:100%;display:block}
.ab-photo .ab-grad{position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(14,11,9,.82),transparent 52%)}
.ab-badge{position:absolute;left:18px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;
  background:rgba(20,17,14,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(232,224,210,.18);border-radius:14px;padding:12px 16px}
.ab-badge .yr{font-family:var(--font-display);font-weight:700;font-size:26px;color:#F8F5EE;line-height:1}
.ab-badge .tx{font-family:var(--font-display);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(244,239,230,.7);line-height:1.4}

/* story text cell */
.ab-story{grid-column:span 4;grid-row:span 2;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:clamp(26px,3vw,40px)}
.ab-story p{margin:0;font-size:clamp(15px,1.2vw,17px);line-height:1.62;color:var(--text-dim)}
.ab-story p .hl{color:var(--text);font-weight:500}
.ab-story .sig{font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--text);margin-top:6px}
.ab-story .sig span{display:block;font-weight:400;font-size:12.5px;color:var(--text-dim);margin-top:2px}

/* stat cells */
.ab-stat{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:24px 26px}
.ab-stat .n{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,3vw,42px);line-height:1;
  letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums}
.ab-stat .n .u{color:var(--accent)}
.ab-stat .l{font-size:12.5px;color:var(--text-dim);line-height:1.4}
.ab-stat.accent{background:var(--text);border-color:var(--text)}
.ab-stat.accent .n{color:var(--surface)}
.ab-stat.accent .n .u{color:var(--accent)}
.ab-stat.accent .l{color:rgba(244,239,230,.66)}

/* values row */
.ab-values{grid-column:span 6;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0;
  background:var(--surface)}
.ab-val{display:flex;gap:16px;align-items:flex-start;padding:26px 28px}
.ab-val + .ab-val{border-left:1px solid var(--line)}
.ab-val .ic{width:42px;height:42px;border-radius:12px;flex:none;display:flex;align-items:center;justify-content:center;
  background:rgba(156,107,46,.12);color:var(--accent)}
.ab-val .ic svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}
.ab-val h4{font-family:var(--font-display);font-weight:600;font-size:16px;margin:0 0 5px;letter-spacing:-.01em;color:var(--text)}
.ab-val p{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-dim)}

/* partner marquee */
.ab-partners{margin-top:clamp(34px,4vw,52px);border-top:1px solid var(--line);padding-top:30px}
.ab-partners .pl-lab{font-family:var(--font-display);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--text-dim);text-align:center;margin-bottom:20px}
.ab-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ab-marq-track{display:flex;width:max-content;align-items:center;gap:0;animation:abMarq 28s linear infinite}
.ab-marq:hover .ab-marq-track{animation-play-state:paused}
.ab-marq-track span{font-family:var(--font-display);font-weight:600;font-size:20px;letter-spacing:.02em;
  color:var(--text-dim);opacity:.6;padding:0 38px;white-space:nowrap;transition:opacity .3s,color .3s}
.ab-marq-track span:hover{opacity:1;color:var(--text)}
@keyframes abMarq{to{transform:translateX(-50%)}}

@media (max-width:900px){
  .ab-bento{grid-template-columns:repeat(2,1fr)}
  .ab-photo{grid-column:span 2;grid-row:auto;min-height:340px}
  .ab-story{grid-column:span 2;grid-row:auto}
  .ab-stat{grid-column:span 1}
  .ab-values{grid-column:span 2;grid-template-columns:1fr}
  .ab-val + .ab-val{border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:540px){.ab-bento{grid-template-columns:1fr}.ab-photo,.ab-story,.ab-stat{grid-column:span 1}}
@media (prefers-reduced-motion:reduce){.ab-marq-track{animation:none}}