/* W&F 14 — a short touch-led introduction and a quieter compact IT chapter. */
.it-mobile-visual{display:none}
.team-network{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,95px);align-items:start;margin:0 var(--pad) clamp(45px,6vw,90px);padding:clamp(30px,4.5vw,65px);border:1px solid #d5c3a42b;border-radius:18px;background:radial-gradient(ellipse at 10% 5%,#9e7a3c12,transparent 70%),linear-gradient(125deg,#293034,#151d21);box-shadow:inset 0 1px #ffffff08}
.team-network h2{font-size:clamp(34px,3.7vw,58px);line-height:1.12;letter-spacing:-.04em;font-weight:300;margin:0;max-width:470px;color:#edece6}
.team-network h2 em,.team-network .network-accent{font-style:normal;color:#dfc598}
.team-network p{font-size:17px;line-height:1.85;color:#bcc8ce;max-width:630px;margin:0 0 19px}
.team-network p:last-child{margin-bottom:0}
.team-network .network-note{color:#ddc9a8;font-size:14px}
.high-contrast .team-network{background:#000;border-color:#fff}
.high-contrast .team-network h2,.high-contrast .team-network p,.high-contrast .team-network h2 em,.high-contrast .team-network .network-accent{color:#fff}
.large-text .team-network p{font-size:20px}

@media(max-width:1100px){
  /* The head is a desktop presentation; no hidden interactive canvas is needed on touch layouts. */
  .ai-portrait-14{display:none!important}
  .detail-page[data-service="ki-automatisierung"] .detail-hero-grid{grid-template-columns:minmax(0,1fr)}
  .it-feature{display:block;grid-template-columns:minmax(0,1fr)}
  .it-feature .service-body{grid-column:1/-1;max-width:820px;margin-inline:auto;padding-top:0}
  .it-mobile-visual{display:block;width:100%;max-width:820px;margin:0 auto 32px;padding:0;border:0;background:transparent}
  .it-mobile-visual .media-frame{aspect-ratio:21/9;border-radius:12px;overflow:hidden;border:1px solid #a6dcd62b;background:#121b1e}
  .it-mobile-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72)}
  .team-network{grid-template-columns:1fr;gap:25px;padding:34px;margin-bottom:55px}
  .team-network h2{max-width:620px;font-size:42px}
  .team-network p{max-width:760px;font-size:16px}
}

@media(min-width:761px) and (max-width:1100px){
  /* 225svh section minus the sticky viewport leaves 125svh of actual scroll travel. */
  .home-page.scene-enhanced .experience{height:225svh}
  .home-page.scene-enhanced .scene-media{width:min(calc(100% - 2 * var(--shell-inset)),calc((100svh - 190px)*7/2.6));max-height:none;top:calc(50% + 30px)}
  .home-page .scene-media .world-band .world-phrase{font-size:clamp(17px,2.1vw,23px);line-height:1.2}
  .home-page .scene-media .world-band .world-service{font-size:clamp(11px,1.25vw,14px);line-height:1.35}
}

@media(max-width:760px){
  /* One complete three-world scene, reached with about one to two deliberate swipes. */
  .home-page.scene-enhanced .experience{height:220svh}
  .home-page .experience[data-scene-layout="portrait"] .scene-media{width:min(calc(100% - 20px),calc((100svh - 132px)*.5625));max-height:none}
  .home-page.scene-enhanced .experience[data-scene-layout="portrait"] .scene-media{top:calc(50% + 34px)}
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band>a{min-height:56px;padding:8px 11px 10px}
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-phrase{font-size:clamp(15px,4.1vw,20px);line-height:1.15}
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-service{font-size:clamp(10px,2.7vw,12px);line-height:1.35}
  .it-mobile-visual .media-frame{aspect-ratio:16/9}
  .team-network{margin-inline:var(--pad);padding:29px 24px;gap:22px;border-radius:15px}
  .team-network h2{font-size:35px;line-height:1.13}
  .team-network p{font-size:15px;line-height:1.85}
}

@media(max-width:760px) and (max-height:650px){
  .home-page .experience[data-scene-layout="portrait"] .scene-media{width:min(calc(100% - 20px),calc((100svh - 102px)*.5625))}
  .home-page.scene-enhanced .experience[data-scene-layout="portrait"] .scene-media{top:calc(50% + 25px)}
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band>a{min-height:46px;padding:6px 8px}
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-phrase{font-size:14px;line-height:1.12}
  .home-page .experience[data-scene-layout="portrait"] .scene-media .world-band .world-service{font-size:10px;line-height:1.25}
}

@media(max-width:1100px) and (orientation:landscape) and (max-height:600px){
  .home-page.scene-enhanced .experience{height:210svh}
  .home-page.scene-enhanced .scene-media{top:calc(50% + 25px)}
}