/* Lower half: a working lab, a product, an engagement, then a conversation.
   Existing typeface; coal #111210, bone #e3dfd1, gold #fff385,
   oxidized red #5b1f21 and steel #918e87. No changes above the lab. */
#section-web3,#h2a1,#ki-agenten,#section-5 {
  width:min(1200px, calc(100% - 72px));margin-inline:auto;
  padding-inline:0;scroll-margin-top:100px;
}
#section-web3 .lab-intro,.section-context { color:#a9a59c; }
.section-context { font-size:17px;letter-spacing:.02em;margin:0 0 24px;line-height:1.4; }
#section-web3.web3-section {
  height:auto;min-height:0;
  display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
  gap:52px 70px;padding-block:40px 112px;
}
#section-web3 .web3-frame { display:contents; }
#section-web3 .web3-left { grid-column:1/-1;padding:0;display:flex;align-items:end;gap:60px;justify-content:space-between; }
#section-web3 .web3-title { margin:0;line-height:.8;flex-wrap:wrap;gap:12px; }
#section-web3 .web3-tag { font-size:clamp(32px,4.4vw,62px); }
#section-web3 .web3-num { font-size:clamp(100px,12vw,174px);line-height:.82; }
#section-web3 .lab-intro { max-width:30ch;font-size:22px;line-height:1.45;margin:0 0 4px; }
#section-web3 .web3-right { grid-column:1;grid-row:2;align-self:start;min-width:0;position:sticky;top:110px;animation:none; }
#section-web3 .web3-text { grid-column:2;grid-row:2;display:block;margin:0;min-height:0; }
#section-web3 .web3-text .lead { font-size:clamp(25px,2.35vw,33px);font-weight:500;line-height:1.3;margin-bottom:28px;text-wrap:pretty; }
#section-web3 .web3-text p:not(.lead) { font-size:20px;line-height:1.65;color:#bbb7b0;max-width:58ch; }
#section-web3 .w3-carousel { width:100%;min-width:0; }
#section-web3 .w3-track { height:360px;min-height:0;max-height:none; }
#section-web3 .w3-caption { max-width:90%;font-size:16px;letter-spacing:.04em; }
#section-web3 .w3-dots { margin-top:26px; }
#h2a1 {
  display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:70px;
  padding-block:76px 90px;margin-block:0 112px;
  border-block:1px solid #453638;
  background:radial-gradient(ellipse at 12% 50%,rgba(91,31,33,.2),transparent 63%);
}
#h2a1 .product-heading,#h2a1 .product-copy { min-width:0; }
#h2a1 h2 { margin:0;font-size:clamp(112px,15vw,210px);line-height:.82;letter-spacing:-.065em;font-weight:600;color:#e3dfd1; }
#h2a1 h2 span { display:block;margin-top:28px;font-size:20px;line-height:1.4;letter-spacing:0;font-weight:400;color:#a9a59c; }
#h2a1 .product-link { margin-top:44px; }
#h2a1 .capability-lead { margin:0 0 26px;font-size:28px;line-height:1.35; }
#h2a1 .intro-secondary { margin:0;font-size:20px;line-height:1.65; }
#h2a1 .text-link,#ki-agenten .text-link { color:#fff385;text-decoration:none;border-bottom:1px solid #77704b;padding-bottom:9px;display:inline-flex;gap:28px;align-items:center; }
#h2a1 .text-link:hover,#ki-agenten .text-link:hover { border-color:#fff385; }
#ki-agenten { display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:70px;margin-block:0 130px; }
#ki-agenten .agent-heading { position:sticky;top:110px;align-self:start;min-width:0; }
#ki-agenten h2 { font-size:clamp(42px,4.7vw,66px);font-weight:500;line-height:1.04;letter-spacing:-.02em;margin:0 0 28px;max-width:12ch;text-wrap:balance; }
#ki-agenten .capability-lead { font-size:21px;line-height:1.55;color:#bcb7b0;max-width:40ch;margin:0 0 20px; }
#ki-agenten .capability-grid { display:block;margin:0;min-width:0; }
#ki-agenten .capability-grid article { border-top:1px solid #49403f;padding:26px 0 34px; }
#ki-agenten .capability-grid article:first-child { border-color:#9c8658; }
#ki-agenten .capability-grid h3 { font-size:29px;font-weight:500;line-height:1.2;margin:0 0 16px;color:#e3dfd1; }
#ki-agenten .capability-grid p { font-size:19px;line-height:1.65;margin:0;color:#bcb7b0; }
#section-5 { min-height:0;margin-block:0;padding-block:66px 30px;border-top:1px solid #453638;display:grid;grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);gap:0 70px; }
#section-5 > .section-context { grid-column:1/-1; }
#section-5 .contact-section-title { position:static;color:#e3dfd1;font-size:clamp(68px,9vw,128px);text-transform:none;font-weight:500;letter-spacing:-.035em;line-height:.94;margin:0; }
#section-5 .contact-intro { grid-column:1;font-size:22px;color:#bcb7b0;line-height:1.5;max-width:30ch;margin:28px 0 0; }
#section-5 .contact-links-wrapper { grid-column:2;grid-row:2/4;position:static;overflow:visible;max-height:none;margin:0;display:block;contain:none; }
#section-5 .contact-links { gap:0;display:block;transform:none; }
#section-5 .contact-link { display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:8px 16px;font-size:clamp(23px,2.4vw,34px);font-weight:400;letter-spacing:0;text-transform:none;white-space:normal;text-align:left;padding:19px 0 24px;border-bottom:1px solid #49403f;color:#e3dfd1; }
#section-5 .contact-channel { grid-column:1/-1;font-size:16px;color:#a9a59c; }
#section-5 .contact-link-text { min-width:0;overflow-wrap:anywhere; }
#section-5 .contact-link:first-child { padding-top:0;color:#fff385; }
#section-5 .contact-link::after { display:none; }
#section-5 .contact-link:hover { color:#ff9670; }
#section-5 .tbc-wrap { position:static;grid-column:1/-1;margin-top:72px; }
#section-5 .tbc-headline { font-size:clamp(20px,3vw,38px);font-weight:300;letter-spacing:.06em;opacity:.65; }
#section-5 { position:relative;z-index:2; }
#section-5::before {
  content:"";position:absolute;inset:0 -20px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 25%,rgba(16,7,20,.55) 53%,rgba(16,7,20,.18) 83%,transparent);
}
#section-5 .contact-section-title,
#section-5 .contact-intro,
#section-5 .contact-link,
#section-5 .section-context { text-shadow:0 2px 5px #100714,0 0 18px #100714,0 0 32px #100714; }
.site-footer:has(.footer-garden) { border-top:0;background:transparent;margin-top:0; }
.site-footer:has(.footer-garden) .footer-inner { border-top:1px solid #453638;padding-top:26px;width:min(1200px, calc(100% - 72px));padding-inline:0; }
.site-footer:has(.footer-garden) .footer-tagline { font-size:17px; }
.site-footer:has(.footer-garden) .footer-links { gap:16px 24px; }
.site-footer:has(.footer-garden) {
  --garden-height:clamp(520px, 52vw, 720px);
  isolation:isolate;min-height:270px;
  padding-top:44px;padding-bottom:100px;
}
.site-footer:has(.footer-garden)::before {
  content:none;
}
.site-footer:has(.footer-garden) .footer-garden {
  z-index:0;top:auto;bottom:0;height:var(--garden-height);
}
.site-footer:has(.footer-garden) .footer-inner {
  border-top:0;padding-top:0;text-shadow:0 2px 5px #100714,0 0 16px #100714;
}
.site-footer:has(.footer-garden) .footer-tagline,
.site-footer:has(.footer-garden) .sitemap-title { color:#c6bbab; }
@media(max-width:900px) {
  #section-web3,#h2a1,#ki-agenten,#section-5 { width:calc(100% - 40px); }
  #section-web3.web3-section { gap:32px;padding-block:20px 72px; }
  #section-web3 .web3-left { gap:28px;align-items:start;flex-direction:column; }
  #section-web3 .lab-intro { max-width:44ch;font-size:20px; }
  #section-web3 .web3-right { position:static; }
  #section-web3 .w3-track { height:280px; }
  #h2a1,#ki-agenten,#section-5 { gap:36px; }
  #h2a1 { padding-block:52px;margin-bottom:72px; }
  #ki-agenten { margin-bottom:72px; }
  #ki-agenten .agent-heading { position:static; }
  #section-5 .contact-link { font-size:25px; }
  .site-footer:has(.footer-garden) .footer-inner { width:calc(100% - 40px); }
}
@media(max-width:650px) {
  #section-web3.web3-section,#h2a1,#ki-agenten,#section-5 { grid-template-columns:minmax(0,1fr); }
  #section-web3 .web3-right { grid-column:1;grid-row:2; }
  #section-web3 .web3-text { grid-column:1;grid-row:3; }
  #section-web3 .web3-text .lead { font-size:25px; }
  #section-web3 .web3-text p:not(.lead),#h2a1 .intro-secondary { font-size:19px; }
  #h2a1 .capability-lead { font-size:25px; }
  #h2a1 .product-link { margin-top:26px; }
  #ki-agenten h2 { max-width:16ch; }
  #ki-agenten .capability-lead { max-width:none; }
  #section-5 { padding-top:42px;gap:0; }
  #section-5 .contact-intro { margin-bottom:36px; }
  #section-5 .contact-links-wrapper { grid-column:1;grid-row:auto; }
  #section-5 .tbc-wrap { margin-top:44px; }
  .site-footer:has(.footer-garden) .footer-links { flex-direction:row;flex-wrap:wrap; }
}