:root{color-scheme:dark;--bg:#100e18;--ink:#fff3ec;--muted:#c8bee8;--accent:#bda1fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.65 'Hanken Grotesk',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#d2b6fa}a:focus-visible{outline:3px solid #ffc17f;outline-offset:6px}.skip{position:fixed;top:6px;left:6px;z-index:20;translate:0 -160%;background:#fff3ec;color:#281831;padding:12px}.skip:focus{translate:none}header{height:82px;display:flex;align-items:center;gap:34px;padding:0 max(28px,calc((100vw - 1280px)/2));border-bottom:1px solid #ffffff13;position:sticky;top:0;z-index:10;background:#100e18ed;backdrop-filter:blur(16px)}.brand{font:800 22px/1.1 'Archivo',sans-serif;letter-spacing:-.06em}.brand span{color:#ff8d51}.back{margin-left:auto;font-size:13px;display:flex;gap:12px;align-items:center;color:var(--muted)}.contact{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:15px 24px;border-radius:100px;font:700 14px/1.3 'Hanken Grotesk',sans-serif;background:linear-gradient(145deg,#a378fa,#7540d7);border:1px solid #cfb6f755;box-shadow:inset 0 1px #fff4,0 6px 22px #0003;color:#fff3ec}.eyebrow{font:600 11px/1.5 'Hanken Grotesk',sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#ffb27e;margin:0 0 22px}main{overflow:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'Archivo',sans-serif;letter-spacing:-.05em}h1{font-size:clamp(48px,6.5vw,94px);line-height:1.02;font-weight:800}h1 em,h2 em{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.035em;color:#d9c4ff}h2{font-size:clamp(32px,3.5vw,50px);line-height:1.08;font-weight:800}.case-intro{max-width:1280px;margin:auto;padding:110px 48px 62px;position:relative}.case-intro::before{content:'';position:absolute;z-index:-1;left:-20%;top:-40%;width:85%;height:150%;background:radial-gradient(ellipse,#6337a929,transparent 70%);pointer-events:none}.case-intro>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:20px;line-height:1.6;margin-top:30px}.intro-meta{display:flex;align-items:baseline;gap:24px;margin-top:34px;padding-top:22px;border-top:1px solid #d7c3eb25;max-width:900px;font-size:13px;color:var(--muted)}.intro-meta strong{font-size:16px;color:var(--ink)}
.case-stage{position:relative;max-width:1360px;margin:0 auto;border-radius:28px;isolation:isolate;height:clamp(440px,48vw,680px);overflow:hidden;border:1px solid #d7c3eb22;background:#583478}.case-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.case-stage::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,#160d2540,#160d2577)}.case-window{position:absolute;left:9%;top:12%;width:72%;border:1px solid #fff7;box-shadow:0 30px 70px #140a2755;border-radius:16px;overflow:hidden;rotate:-3deg;background:#24192f}.window-bar{height:34px;display:flex;align-items:center;gap:25px;padding:0 14px;background:#21192c;color:#e8d8f0;font-size:11px}.window-bar i{font-size:8px;letter-spacing:3px;color:#cba7e7;font-style:normal}.case-window .case-scroll{height:clamp(300px,34vw,470px);overflow:hidden}.case-scroll img{display:block;width:100%;height:auto;will-change:transform}.case-phone{position:absolute;right:6%;bottom:7%;width:17%;height:76%;padding:5px;border:1px solid #c4aecf99;border-radius:26px;background:linear-gradient(150deg,#49384f,#100b16);box-shadow:0 24px 55px #10071d66;rotate:3deg}.case-phone .case-scroll{height:100%;overflow:hidden;border-radius:21px;background:#f5f0eb}.case-phone>i{position:absolute;top:10px;left:34%;right:34%;height:8px;border-radius:20px;background:#150e1c}.stage-link{position:absolute;right:32px;bottom:22px;font-size:12px;padding:8px 14px;border-radius:100px;background:#191021ca;backdrop-filter:blur(8px);border:1px solid #ffffff30;display:flex;align-items:center;gap:18px}.case-stage[data-kind="illustration"]{background:#f7f3e9}.case-stage[data-kind="illustration"] .case-art{object-fit:contain;opacity:.7}.case-stage[data-kind="illustration"]::after{background:linear-gradient(110deg,#163b3425,#163b3460)}
.case-chapter,.case-result{max-width:1280px;margin:auto;padding:150px 48px 0;display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}.chapter-label>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffb27e;display:block;margin-bottom:25px}.chapter-label h2{max-width:470px}.chapter-copy{padding-top:43px;display:grid;gap:24px;color:var(--muted);font-size:18px}.case-decisions{max-width:1280px;margin:auto;padding:150px 48px 0}.case-decisions>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.case-decisions article{padding:28px 0 0;border-top:1px solid #c8a5ef40}.case-decisions article>span{font:400 42px/1 'Instrument Serif',serif;color:#bd99ee}.case-decisions h3{font-size:23px;line-height:1.2;margin:22px 0 16px}.case-decisions p{color:var(--muted);font-size:16px;line-height:1.7}.case-detail{max-width:1280px;margin:150px auto 0;padding:48px;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center;border:1px solid #c9afe52b;border-radius:26px;background:linear-gradient(140deg,#2a1d3f,#191320)}.case-detail p:not(.eyebrow){margin-top:26px;color:var(--muted);font-size:17px}.case-detail figure{height:470px;overflow:hidden;border-radius:16px;box-shadow:0 20px 38px #0003;background:#ede8e0;border:1px solid #ffffff30}.case-detail figure img{display:block;width:100%;height:auto;translate:0 -19%}.case-einfachachtsam .case-detail figure img{translate:0 -34%}.case-frugaltec .case-detail figure img{translate:0 -12%}.case-result{grid-template-columns:1fr 1fr;align-items:center}.case-result>div>p:not(.eyebrow){margin-top:24px;color:var(--muted)}.case-result ul{list-style:none;padding:0;margin:28px 0 0;display:flex;flex-wrap:wrap;gap:7px 20px;font-size:13px;color:#ddc9ef}.case-result li{padding-bottom:5px;border-bottom:1px solid #b69ac544}.case-result figure{margin:0 -32px 0 0;padding:36px 40px;background:#f7efe9;color:#38273f;border-radius:22px;box-shadow:0 15px 40px #0003}.case-result figure>span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#88529c}.case-result blockquote{font-size:19px;line-height:1.65;margin:18px 0 24px}.case-result figcaption{font-size:12px;line-height:1.6;color:#796880}.case-result figcaption strong{display:block;color:#38273f;font-size:14px}.case-next{max-width:1184px;margin:150px auto 0;padding:32px 0;border-top:1px solid #c9afe533;border-bottom:1px solid #c9afe533}.case-next>a{display:flex;justify-content:space-between;align-items:center;gap:30px;font:700 clamp(32px,4vw,52px)/1.2 'Archivo',sans-serif;letter-spacing:-.05em}.case-outro{text-align:center;padding:130px 24px 150px}.case-outro h2{font-size:clamp(44px,5vw,72px)}.case-outro p{color:var(--muted);margin:25px 0}.case-outro .contact{margin-top:8px}footer{border-top:1px solid #ffffff1a;max-width:1184px;margin:auto;padding:34px 0 45px;display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px;font-size:12px;color:var(--muted)}footer p{margin-right:auto}footer nav{display:flex;gap:20px}footer small{flex-basis:100%;font-size:10px;opacity:.6}
@media(max-width:1400px){.case-stage{margin-inline:28px}.case-detail{margin-inline:48px}.case-next,footer{margin-inline:48px}}
@media(max-width:1000px){header{padding:0 24px;gap:24px}header .contact{font-size:12px;padding:12px 18px}.case-intro{padding-top:80px}.case-chapter,.case-result{gap:38px;padding-top:110px}.case-decisions{padding-top:110px}.case-detail{padding:34px;gap:34px;margin-top:110px}.case-result figure{margin-right:0;padding:28px}.case-result blockquote{font-size:17px}.case-phone{border-radius:22px}.case-phone .case-scroll{border-radius:17px}.case-detail figure{height:390px}.case-next{margin-top:110px}}
@media(max-width:700px){header{height:70px;gap:16px;padding:0 20px}.brand{font-size:20px}header .contact{display:none}.back{font-size:12px;gap:8px}.case-intro{padding:64px 24px 38px}h1{font-size:clamp(42px,8.5vw,62px)}.eyebrow{font-size:9px}.case-intro>p:not(.eyebrow){font-size:17px;margin-top:24px}.intro-meta{flex-direction:column;gap:8px;line-height:1.7;margin-top:28px}.case-stage{margin:0 16px;height:360px;border-radius:20px}.case-window{left:6%;top:13%;width:79%;border-radius:10px}.window-bar{height:25px;font-size:8px;gap:14px;padding:0 10px}.case-window .case-scroll{height:230px}.case-phone{width:24%;height:65%;right:4%;bottom:7%;border-radius:16px;padding:3px}.case-phone .case-scroll{border-radius:12px}.case-phone>i{top:7px;height:5px}.stage-link{bottom:12px;right:14px;font-size:10px;padding:6px 10px}.case-chapter,.case-result{display:grid;grid-template-columns:1fr;gap:28px;padding:90px 24px 0}.chapter-copy{padding-top:0;font-size:17px;gap:20px}.case-decisions{padding:90px 24px 0}.case-decisions>div{grid-template-columns:1fr;margin-top:30px;gap:26px}.case-decisions article{padding-top:24px}.case-decisions article>span{font-size:32px}.case-decisions h3{font-size:22px;margin:15px 0 12px}.case-detail{grid-template-columns:1fr;gap:30px;margin:90px 16px 0;padding:27px 24px;border-radius:22px}.case-detail figure{height:350px}.case-detail p:not(.eyebrow){font-size:16px;margin-top:20px}.case-result figure{padding:28px;margin:0}.case-result blockquote{font-size:17px}.case-next{margin:90px 24px 0}.case-next .eyebrow{font-size:10px}.case-next>a{font-size:32px;overflow-wrap:anywhere}.case-next svg{width:34px;flex:none}.case-outro{padding:90px 24px 100px}footer{margin:0 24px;padding:30px 0;display:block}footer p{margin:20px 0}footer nav{margin:24px 0}footer small{display:block}h2{font-size:34px}}
@media(max-width:380px){.case-intro{padding-left:20px;padding-right:20px}h1{font-size:42px}.case-detail figure{height:300px}.case-stage{height:320px}.case-window .case-scroll{height:200px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.case-scroll img{transform:none!important;will-change:auto}}