.format-module{
    --bg:#0A0A0B;
    --tile:#F7F6F3;
    --line:#E3E1DA;
    --accent:#2F6FDB;
    --ink:#F2F1ED;
    --muted:#87868C;
  }.format-module *{box-sizing:border-box;margin:0;padding:0;}.format-module{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
    padding:100px 72px 140px;
  }.format-module .header{max-width:640px;margin:0 auto 56px;}.format-module .meta{
    font-family:'Space Mono',monospace;
    font-size:12px;
    letter-spacing:0.06em;
    color:var(--muted);
    margin-bottom:18px;
  }.format-module h2{
    font-family:'Sora',sans-serif;
    font-weight:600;
    font-size:clamp(28px,3.4vw,40px);
  }.format-module .row{
    max-width:1100px;
    margin:0 auto;
    display:flex;
    gap:10px;
    height:460px;
  }.format-module .tile{
    position:relative;
    background:var(--tile);
    border:1px solid var(--line);
    border-radius:8px;
    flex:1;
    overflow:hidden;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    padding:26px 26px 28px;
    box-shadow:0 30px 70px -24px rgba(0,0,0,0.65);
    transition:flex 0.55s cubic-bezier(.4,0,.2,1), border-color 0.3s ease, box-shadow 0.3s ease;
  }.format-module .tile.active{
    flex:3.4;
    border-color:#D2D0C8;
    box-shadow:0 40px 90px -20px rgba(0,0,0,0.75);
    cursor:default;
  }.format-module .idx{
    font-family:'Space Mono',monospace;
    font-size:15px;
    color:#9B9A93;
    margin-bottom:16px;
  }.format-module .icon-wrap{
    width:80px;height:80px;
    flex-shrink:0;
    margin-bottom:20px;
    transition:width 0.5s ease, height 0.5s ease;
  }.format-module .tile.active .icon-wrap{width:112px;height:112px;}.format-module .icon-wrap svg{width:100%;height:100%;overflow:visible;}.format-module .icon-wrap *{animation-play-state:paused !important;}.format-module .tile.active .icon-wrap *{animation-play-state:running !important;}.format-module .bottom{margin-top:auto;}.format-module .cat{
    font-family:'Space Mono',monospace;
    font-size:11px;
    letter-spacing:0.08em;
    color:var(--accent);
    margin-bottom:14px;
    white-space:nowrap;
  }.format-module .title{
    font-family:'Fraunces',serif;
    font-weight:500;
    font-size:16px;
    line-height:1.28;
    margin-bottom:10px;
    white-space:normal;
    color:#17171A;
    transition:font-size 0.5s ease;
  }.format-module .tile.active .title{font-size:22px;}.format-module .flip-char{display:inline-block;color:var(--accent);transform-style:preserve-3d;transition:transform 0.32s cubic-bezier(.4,0,.2,1);}.format-module .flip-char.flipping{transform:rotateY(90deg);}.format-module .duration{
    font-family:'Space Mono',monospace;
    font-size:11px;
    color:#84837C;
  }.format-module .more{
    max-height:0;
    opacity:0;
    overflow:hidden;
    transition:max-height 0.5s ease, opacity 0.4s ease;
    transition-delay:0s, 0s;
  }.format-module .tile.active .more{
    max-height:240px;
    opacity:1;
    transition-delay:0.15s, 0.25s;
  }.format-module .desc{
    font-size:14.5px;
    line-height:1.6;
    color:#4B4A45;
    max-width:42ch;
    margin:14px 0 16px;
  }.format-module .link{
    font-size:13.5px;
    color:var(--accent);
    text-decoration:none;
  }.format-module .link.disabled{color:#9B9A93;}@media (max-width:860px){.format-module .row{flex-direction:column;height:auto;}.format-module .tile{flex:none !important;}.format-module .tile.active{padding-bottom:32px;}.format-module .title{white-space:normal;}}.format-module .ring{transform-origin:32px 32px;animation:ring-pulse 3.6s ease-out infinite;}.format-module .ring2{animation-delay:1.2s;}.format-module .ring3{animation-delay:2.4s;}@keyframes ring-pulse{0%{r:4;opacity:0.9;stroke-width:2;}100%{r:22;opacity:0;stroke-width:0.4;}}.format-module .core-dot{animation:core-pulse 3.6s ease-in-out infinite;}@keyframes core-pulse{0%,100%{r:4;}50%{r:5.2;}}.format-module .pr-cursor-line{
    stroke-dasharray:36;
    stroke-dashoffset:36;
    animation:pr-type 5.4s ease-in-out infinite;
  }@keyframes pr-type{0%{stroke-dashoffset:36;}35%{stroke-dashoffset:0;}55%,100%{stroke-dashoffset:0;}}.format-module .pr-caret{animation:pr-caret-blink 0.8s step-end infinite, pr-caret-move 5.4s ease-in-out infinite;}@keyframes pr-caret-blink{50%{opacity:0;}}@keyframes pr-caret-move{0%{transform:translateX(0);}35%,100%{transform:translateX(36px);}}.format-module .pr-field-box{animation:pr-field-glow 5.4s ease-in-out infinite;}@keyframes pr-field-glow{0%,38%{stroke:#D8D6CF;}45%,58%{stroke:#2F6FDB;}75%,100%{stroke:#D8D6CF;}}.format-module .pr-arrow{animation:pr-arrow-fire 5.4s ease-in-out infinite;transform-origin:78px 52px;}@keyframes pr-arrow-fire{0%,42%{fill:#232327;stroke:#D8D6CF;}46%,60%{fill:#2F6FDB;stroke:#2F6FDB;}75%,100%{fill:#232327;stroke:#D8D6CF;}}.format-module .pr-spark{opacity:0;transform-origin:78px 22px;animation:pr-spark-think 5.4s ease-in-out infinite;}@keyframes pr-spark-think{
    0%,48%{opacity:0;transform:scale(0.5) rotate(0deg);}
    56%{opacity:1;transform:scale(1.15) rotate(25deg);}
    70%{opacity:1;transform:scale(1) rotate(0deg);}
    85%,100%{opacity:0;transform:scale(0.6) rotate(-15deg);}
  }.format-module .pr-response{
    stroke-dasharray:26;stroke-dashoffset:26;opacity:0;
    animation:pr-response-draw 5.4s ease-in-out infinite;
  }@keyframes pr-response-draw{
    0%,58%{stroke-dashoffset:26;opacity:0;}
    65%{opacity:1;}
    80%{stroke-dashoffset:0;opacity:1;}
    92%,100%{opacity:0;stroke-dashoffset:0;}
  }.format-module .cp-bezel{transform-origin:50px 50px;animation:cp-bezel-spin 22s linear infinite;}@keyframes cp-bezel-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}.format-module .cp-needle{transform-origin:50px 50px;animation:cp-needle-find 6.5s cubic-bezier(.3,1.4,.4,1) infinite;}@keyframes cp-needle-find{
    0%{transform:rotate(20deg);}
    30%{transform:rotate(310deg);}
    48%{transform:rotate(210deg);}
    65%,88%{transform:rotate(250deg);}
    100%{transform:rotate(20deg);}
  }.format-module .cp-lock{opacity:0;animation:cp-lock-flash 6.5s cubic-bezier(.3,1.4,.4,1) infinite;}@keyframes cp-lock-flash{0%,63%{opacity:0;r:3;}68%{opacity:0.9;r:14;}80%,100%{opacity:0;r:16;}}

@media(max-width:600px){.work-intro h2{overflow-wrap:anywhere;font-size:27px}}.format-review{position:relative;background:#e8edf5;color:#17243a;padding:18px 5%;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font:13px Inter,sans-serif}.format-review nav{display:flex;gap:22px;flex-wrap:wrap}.format-review a{color:inherit}.format-review a[aria-current]{font-weight:700;text-decoration:underline}.format-module{scroll-margin-top:100px}.format-module .row{height:auto;max-width:none;gap:22px}.format-module .tile{min-width:0;min-height:0;cursor:default;box-shadow:none;flex:1;border-radius:0;padding:30px;transition:border-color .2s}.format-module .icon-wrap{position:static;width:100px;height:100px;margin:12px 0 30px}.format-module .icon-wrap *{animation-play-state:running!important}.format-module .title{font-size:25px;max-width:none;min-height:65px}.format-module .more,.format-module .tile:not(.active) .more,.format-module .tile:not(.active) .more a{opacity:1;max-height:none;overflow:visible;visibility:visible}.format-module .bottom{margin-top:0;display:flex;flex:1;flex-direction:column}.format-module .more{display:flex;flex:1;flex-direction:column}.format-module .desc{font-size:15px;margin:22px 0;max-width:none}.format-module .more .link{margin-top:auto;padding-top:18px;display:block}.format-module .duration{color:#686861}.format-module .cat{color:#245bb2}.format-module .idx{color:#686861}.format-module .header{margin-bottom:40px}.format-module .link:focus-visible{outline:2px solid #2f6fdb;outline-offset:5px}

.format-module .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;position:relative}.format-module .row:before{content:'';position:absolute;height:1px;background:#51647e;top:82px;left:45px;right:45px}.format-module .tile{background:transparent;border:0;padding:0;overflow:visible}.format-module .idx{color:#8fbeff;font-size:12px}.format-module .icon-wrap{position:relative;background:#e9edf1;border-radius:50%;width:120px;height:120px;padding:16px;margin:0 0 38px}.format-module .cat{color:#8fbeff}.format-module .title{font-family:Sora,sans-serif;font-size:23px;color:#f5f6f8;min-height:65px}.format-module .duration{color:#b1bcc9}.format-module .desc{color:#c6cbd3}.format-module .more .link{color:#8fbeff;border-top:1px solid #3f4855}.format-module .header{max-width:700px;margin-bottom:50px}
@media(max-width:1100px){.format-module .row{gap:16px}.format-module .tile{padding:22px}.format-module .title{font-size:22px}}@media(max-width:800px){.format-module .row{display:flex;flex-direction:column;gap:20px}.format-module .tile{display:flex;padding:25px;min-height:0}.format-module .title{min-height:0;max-width:none;font-size:25px}.format-module .icon-wrap{position:static;margin:0 0 20px;width:90px;height:90px}.format-module .bottom{display:flex}.format-module .more{display:flex}.format-module .desc{margin:20px 0}.format-module .row:before{display:none}.format-module .idx{position:static;margin:0 0 18px}.format-module .duration{margin:10px 0}.format-module .cat{margin-bottom:12px}}

.home .format-module{padding:75px 5% 90px}.home .format-module .header{margin-left:0}.home .format-module .title{font-size:24px}@media(max-width:600px){.home .format-module{padding:50px 24px}.home .format-module .tile{padding:20px 0}}
/* Startseite: gleicher roter, kräftiger X/+ Akzent wie bei Mensch × Maschine */
.format-module .title .flip-char{color:#ff5d4f;font-family:'IBM Plex Mono',monospace;font-size:1.18em;font-style:normal;font-weight:700;line-height:.8;vertical-align:.02em}
.format-module .title .flip-char{font-size:1.04em}
.format-module .title .flip-char{font-size:.96em}

/* Startseite – Fokuslinse: Originalgrafiken bleiben animiert, Details öffnen per Klick. */
.home .format-module.lens-mode .row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;align-items:start;position:relative;overflow:visible}
.home .format-module.lens-mode .row:before{display:none}
.home .format-module.lens-mode .tile{position:relative;display:block;min-width:0;padding:0 0 24px;overflow:visible;background:transparent;border:0;cursor:pointer;opacity:1;transition:opacity .4s ease}
.home .format-module.lens-mode .tile:not(:last-child):before{content:'';position:absolute;z-index:0;top:76px;left:120px;width:calc(100% - 80px);height:1px;background:#51647e;pointer-events:none}
.home .format-module.lens-mode .idx{position:relative;z-index:2;margin:0 0 15px}
.home .format-module.lens-mode .icon-wrap{position:relative;z-index:2;width:120px;height:120px;margin:0 0 35px;padding:16px;border-radius:50%;background:#e9edf1;transform-origin:center;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,background .4s ease}
.home .format-module.lens-mode .icon-wrap *{animation-play-state:running!important}
.home .format-module.lens-mode .bottom{position:relative;display:block;margin:0;padding-right:34px}
.home .format-module.lens-mode .cat{margin-bottom:13px}
.home .format-module.lens-mode .title{min-height:58px;margin-bottom:10px;font-size:23px}
.home .format-module.lens-mode .duration{margin:0}
.home .format-module.lens-mode .bottom:after{content:'+';position:absolute;right:0;top:42px;display:grid;place-items:center;width:27px;height:27px;border:1px solid #52647e;border-radius:50%;color:#8fbeff;font:300 20px/1 Sora,sans-serif;transition:transform .35s ease,color .35s,border-color .35s}
.home .format-module.lens-mode .more,.home .format-module.lens-mode .tile:not(.active) .more{display:block;max-height:0;opacity:0;overflow:hidden;visibility:hidden;transition:max-height .5s ease,opacity .35s ease,visibility 0s linear .5s}
.home .format-module.lens-mode .tile.active .more{max-height:260px;opacity:1;overflow:visible;visibility:visible;transition:max-height .55s ease,opacity .4s ease .12s,visibility 0s}
.home .format-module.lens-mode .tile.active .icon-wrap{transform:scale(1.28);background:#f5f6f7;box-shadow:0 0 0 16px rgba(143,190,255,.06),0 22px 55px rgba(0,0,0,.3)}
.home .format-module.lens-mode .tile.active .bottom:after{transform:rotate(45deg);color:#ef6558;border-color:#ef6558}
.home .format-module.lens-mode .row:has(.tile.active) .tile:not(.active){opacity:.48}
.home .format-module.lens-mode .desc{margin:22px 0 14px;color:#c6cbd3;font-size:14px;line-height:1.62}
.home .format-module.lens-mode .more .link{display:inline-block;margin:0;padding:11px 0 0;border-top:1px solid #3f4855;color:#8fbeff}
.home .format-module.lens-mode .tile:focus-visible{outline:1px solid #8fbeff;outline-offset:10px}
@media(max-width:800px){.home .format-module.lens-mode .row{grid-template-columns:1fr;gap:0}.home .format-module.lens-mode .tile{padding:25px 0;border-bottom:1px solid #34404f}.home .format-module.lens-mode .tile:not(:last-child):before{display:none}.home .format-module.lens-mode .icon-wrap{width:90px;height:90px;margin-bottom:20px}.home .format-module.lens-mode .tile.active .icon-wrap{transform:scale(1.12)}.home .format-module.lens-mode .title{min-height:0}}