.work-doc{position:relative;z-index:1}.sec.work-hero{padding-top:22vh;padding-bottom:16vh;min-height:85vh}.work-hero .sec-inner{min-height:52vh}.work-hero .ed-meta{grid-column:10 / 13;grid-row:1;text-align:right}.work-hero .ed-display{grid-column:1 / 10;grid-row:1;min-width:0;margin-top:1.15em}.work-hero .ed-body{grid-column:10 / 13;grid-row:2;align-self:end;margin-top:0;max-width:26ch}.sec.sec-feature{display:block;padding-top:12vh;padding-bottom:14vh;color:inherit;text-decoration:none;overflow:hidden}.sec-feature .sec-inner{align-items:start;padding-top:56px;border-top:var(--line)}.sec-feature .ed-display{margin-top:18px}.sec-feature .ed-kicker{grid-column:1 / 5;margin-top:12px}.sec-feature .ed-body{margin-top:18px}.work-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin-top:26px;padding-top:18px;border-top:var(--line);list-style:none;font-size:13px;font-weight:500;line-height:1.35}.work-points li{padding-left:10px;border-left:var(--line)}.sec-feature .work-go{margin-top:36px;width:max-content;justify-self:start;box-shadow:0 1px 0 transparent;transition:box-shadow .25s ease}.sec-feature .work-go span{display:inline-block;transition:transform .35s ease}.sec-feature:hover .work-go{box-shadow:0 1px 0 var(--ink)}.sec-feature:hover .work-go span{transform:translate(2px,-2px)}.feature-visual{position:relative;overflow:hidden;min-width:0;pointer-events:none}.feature-still{overflow:hidden;padding-left:3%;padding-right:3%}.feature-still img{display:block;width:100%;height:auto}.feature-stage{position:absolute;top:0;right:0;bottom:0;left:0;font-family:General Sans,sans-serif;color:#161714}.stage-piece{display:block;height:auto;background:#fff;border:1px solid rgba(22,23,20,.08);border-radius:10px;box-shadow:0 28px 60px #0c111829}.stage-mtn{position:relative;inset:auto}.stage-scene{position:relative}.stage-mtn .stage-base{position:relative;width:100%;z-index:1;box-shadow:0 16px 40px #0c11181a}.stage-mtn .stage-versand{position:absolute;left:4%;bottom:-6%;width:calc(100% * 326 / 1440);z-index:3}.stage-mtn .stage-auftraege{position:absolute;right:0;bottom:-2%;width:calc(100% * 978 / 1440);z-index:2}.stage-dowola{position:relative;inset:auto}.stage-dowola .stage-base{position:relative;width:100%;z-index:1;box-shadow:0 16px 40px #0c11181a}.stage-dowola .stage-points{position:absolute;left:2%;bottom:-8%;width:calc(100% * 724 / 1440);height:auto;z-index:2}.stage-dowola .stage-ca{position:absolute;left:44%;bottom:-8%;width:calc(100% * 354 / 1440);z-index:3}.stage-dowola .stage-kpis{position:absolute;left:64%;bottom:-8%;width:calc(100% * 536 / 1440);display:grid;grid-template-columns:1fr 1fr;gap:calc(100% * 14 / 536);z-index:4}.stage-dowola .stage-points,.stage-dowola .stage-ca,.stage-dowola .stage-kpis .stage-piece{background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 22px 40px rgba(12,17,24,.14))}.stage-dowola .stage-kpis .stage-piece{width:100%}.ui-piece{position:absolute;background:#fff;border:1px solid rgba(22,23,20,.1);border-radius:12px;box-shadow:0 22px 48px #16171414}.ui-lbl{display:block;font-size:10px;font-weight:500;letter-spacing:.04em;color:#16171480}.ui-sub{margin:6px 0 0;font-size:11px;color:#16171473}.ui-pill{display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:600}.ui-pill--up{background:#e8f4ea;color:#2f7a3e}.ui-chip{padding:5px 8px;border:1px solid rgba(22,23,20,.1);border-radius:8px;font-size:10px;color:#1617148c}.ui-side{top:4%;left:-4%;width:31%;padding:16px 14px 18px;background:#2a2926;border-color:transparent;color:#ece8de;transform:rotate(1.6deg);z-index:2}.ui-side-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.ui-side-brand span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ece8de;color:#2a2926;font-size:9px;font-weight:700}.ui-side-brand b{display:block;font-size:11px;font-weight:600}.ui-side-brand em{display:block;font-size:10px;font-style:normal;color:#ece8de80}.ui-side .ui-lbl{color:#ece8de66;margin-bottom:10px}.ui-side ul{list-style:none}.ui-side li{padding:7px 8px;font-size:12px;color:#ece8deb8}.ui-side li.is-on{background:#ece8de1f;border-radius:7px;color:#ece8de}.ui-table{top:16%;left:14%;width:86%;padding:16px 16px 8px;transform:rotate(-1.1deg)}.ui-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.ui-table-head strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.03em}.ui-btn{padding:7px 10px;border-radius:8px;background:#161714;color:#ece8de;font-size:11px;font-weight:600;white-space:nowrap}.ui-table table{width:100%;border-collapse:collapse;font-size:11px}.ui-table th{padding:8px 6px;border-bottom:1px solid rgba(22,23,20,.08);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#16171466;text-align:left}.ui-table td{padding:9px 6px;border-bottom:1px solid rgba(22,23,20,.06);white-space:nowrap}.ui-table td:last-child,.ui-table th:last-child{text-align:right}.ui-tag{display:inline-block;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:600}.ui-tag--draft{background:#ecebe6;color:#5c5a54}.ui-tag--late{background:#f6e1df;color:#a33b32}.ui-tag--paid{background:#e5f2e7;color:#2f7a3e}.ui-tag--part{background:#f6ead4;color:#9a6420}.ui-attn{right:-8%;bottom:2%;width:44%;padding:14px 16px 12px;transform:rotate(-2deg);z-index:3}.ui-attn ul{list-style:none;margin-top:10px}.ui-attn li{display:flex;align-items:center;gap:8px;padding:7px 0;font-size:12px}.ui-attn li+li{border-top:1px solid rgba(22,23,20,.06)}.ui-attn i{width:7px;height:7px;border-radius:50%}.ui-attn i.hot{background:#c44a3d}.ui-attn i.mid{background:#e08a3c}.ui-attn b{flex:1;font-weight:500}.ui-attn span{color:#a33b32;font-weight:600}.sec.sec-feature--mtn{overflow:visible;padding-top:12vh;padding-bottom:10vh}.sec-feature--mtn .ed-meta,.sec-feature--mtn .ed-display,.sec-feature--mtn .ed-kicker,.sec-feature--mtn .ed-body,.sec-feature--mtn .work-points,.sec-feature--mtn .work-go{grid-column:1 / 5}.sec-feature--mtn .ed-meta{padding-top:16vh}.sec-feature--mtn .feature-visual{grid-column:5 / 13;grid-row:1 / 7;min-height:0;overflow:visible;padding:6vh 4% 8vh 0;margin-top:0;margin-bottom:0;margin-right:calc(14px - var(--gutter))}.sec.sec-feature--dowola{overflow:visible;padding-top:12vh;padding-bottom:10vh}.sec-feature--dowola .feature-copy{grid-column:9 / 13;grid-row:1;padding-top:16vh}.sec-feature--dowola .feature-visual{grid-column:1 / 9;grid-row:1;min-height:0;overflow:visible;padding:6vh 2% 10vh;margin-top:0;margin-bottom:0;margin-left:calc(14px - var(--gutter))}.sec-feature--mtn .feature-still,.sec-feature--dowola .feature-still{overflow:hidden;padding:6vh 3% 8vh;margin-left:0;margin-right:0}.sec.proj-hero{padding-top:20vh;padding-bottom:8vh}.proj-hero .ed-meta{grid-column:1 / 6;white-space:normal}.proj-hero .ed-display{grid-column:1 / 10;margin-top:22px}.proj-intro{grid-column:1 / 8;margin-top:28px}.proj-meta{grid-column:9 / 13;grid-row:1 / 4;align-self:start;display:grid;gap:14px}.proj-meta div{padding-top:10px;border-top:var(--line)}.proj-meta dt{font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-48)}.proj-meta dd{margin-top:4px;font-size:13px;font-weight:500;line-height:1.4}.proj-hero-visual{grid-column:1 / -1;margin-top:48px;overflow:hidden;background:#121412}.proj-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16 / 8.6;object-fit:cover;object-position:0 0}.sec.proj-block{padding-top:10vh;padding-bottom:10vh}.proj-block .sec-inner{align-items:start}.proj-kicker{grid-column:1 / 4;font-size:var(--type-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-48)}.proj-copy{grid-column:5 / 12}.proj-copy .ed-display--mid{margin-bottom:22px}.proj-note{margin-top:22px;max-width:28ch}.proj-note strong{display:block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink)}.proj-note span{display:block;margin-top:6px;font-size:13px;line-height:1.45;color:var(--ink-48)}.sec.proj-idea{padding-top:18vh;padding-bottom:18vh}.proj-idea .ed-display{grid-column:1 / 12}.proj-diagram{grid-column:1 / 12;margin-top:56px;display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(0,1.4fr);gap:28px 36px;align-items:center;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-78)}.proj-diagram ul{list-style:none}.proj-diagram li+li{margin-top:10px}.proj-diagram .hub{font-family:var(--display);font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:-.02em;color:var(--ink)}.proj-diagram .reads li{padding-top:8px;border-top:var(--line)}.sec.sandbox{padding-top:6vh;padding-bottom:4vh}.sandbox-cap{grid-column:1 / 8;margin-bottom:56px}.sandbox-num{font-size:var(--type-meta);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.sandbox-line{margin-top:8px;font-size:var(--type-body);line-height:1.5;color:var(--ink-78);max-width:42ch}.sandbox-stage{position:relative;grid-column:1 / -1;overflow:hidden;background:#ece8de}.sandbox--float .sandbox-stage{grid-column:2 / 12;border-radius:10px;box-shadow:0 28px 60px #0c111829}.sandbox-stage video,.sandbox-stage img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:0 0}.sec.tech-strip{padding-top:8vh;padding-bottom:6vh}.tech-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:var(--line)}.tech-grid li{list-style:none;padding:22px 22px 28px;border-right:var(--line)}.tech-grid li:first-child{padding-left:0}.tech-grid li:last-child{border-right:0;padding-right:0}.tech-grid h3{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.tech-grid p{margin-top:12px;font-size:14px;line-height:1.5;color:var(--ink-78);max-width:28ch}.also-visual{grid-column:1 / -1;margin-top:32px;overflow:hidden;background:#121412}.also-visual img{display:block;width:100%;height:auto;aspect-ratio:16 / 8.6;object-fit:cover;object-position:top center}.sec.proj-result{padding-top:12vh;padding-bottom:16vh}.proj-result .proj-copy{grid-column:1 / 10}.sec.proj-next{display:block;padding-top:12vh;padding-bottom:16vh;color:inherit;text-decoration:none}.proj-next .sec-inner{padding-top:56px;border-top:var(--line)}.proj-next .ed-kicker{grid-column:1 / 4}.proj-next .ed-display{grid-column:1 / 11;margin-top:18px}@media (max-width: 820px){.sec.work-hero{min-height:0;padding-top:128px;padding-bottom:22vh}.work-hero .sec-inner{min-height:0}.work-hero .ed-meta,.work-hero .ed-display,.work-hero .ed-body{grid-column:1 / 13;grid-row:auto;text-align:left}.work-hero .ed-display{margin-top:22px}.work-hero .ed-body{margin-top:36px}.sec.sec-feature{padding-top:48px;padding-bottom:48px;overflow:hidden}.sec.sec-feature--mtn,.sec.sec-feature--dowola{padding-top:48px;padding-bottom:48px;overflow:visible}.sec-feature--mtn .ed-meta,.sec-feature--mtn .ed-display,.sec-feature--mtn .ed-kicker,.sec-feature--mtn .ed-body,.sec-feature--mtn .work-points,.sec-feature--mtn .work-go,.sec-feature--mtn .feature-visual,.sec-feature--dowola .feature-copy,.sec-feature--dowola .feature-visual{grid-column:1 / 13;grid-row:auto}.sec-feature--mtn .ed-meta,.sec-feature--dowola .feature-copy{padding-top:0}.sec-feature--dowola .feature-visual{order:6}.sec-feature--mtn .feature-visual,.sec-feature--dowola .feature-visual{min-height:300px;margin:56px calc(14px - var(--gutter)) 0}.sec-feature--mtn .feature-visual,.sec-feature--dowola .feature-visual{min-height:0;overflow:visible;padding:0 0 8vh}.sec-feature--mtn .feature-still,.sec-feature--dowola .feature-still{overflow:hidden;padding:0 3%;margin-left:0;margin-right:0}.ui-side{width:42%}.ui-table{left:10%;width:102%}.ui-attn{width:70%;right:-12%}.sec.proj-hero{padding-top:120px}.proj-hero .ed-meta,.proj-hero .ed-display,.proj-intro,.proj-meta,.proj-hero-visual{grid-column:1 / 13;grid-row:auto}.proj-meta{margin-top:32px;grid-template-columns:1fr 1fr}.proj-hero-visual img{aspect-ratio:4 / 3}.proj-kicker,.proj-copy,.proj-idea .ed-display,.proj-diagram,.sandbox-cap,.sandbox-stage,.tech-grid,.also-visual,.proj-result .proj-copy,.proj-next .ed-kicker,.proj-next .ed-display{grid-column:1 / 13}.proj-kicker{margin-bottom:14px}.sec.proj-idea{padding-top:12vh;padding-bottom:12vh}.proj-diagram{grid-template-columns:1fr;gap:22px}.tech-grid{grid-template-columns:1fr}.tech-grid li{padding:20px 0;border-right:0;border-bottom:var(--line)}.sandbox--float .sandbox-stage{grid-column:1 / 13}.sandbox-stage video,.sandbox-stage img{aspect-ratio:16 / 10;object-fit:contain;object-position:0 0}}@media (min-width: 1920px){.work-hero .ed-display{grid-column:1 / 7}.proj-hero .ed-display{grid-column:1 / 9}}
