@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-cyrillic-ext-wght-normal.okcGN4Nq.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-cyrillic-wght-normal.BS41q_Tv.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-greek-ext-wght-normal.DQgQPNk4.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-greek-wght-normal.sS1B39LI.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-vietnamese-wght-normal.TKKdAiBA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-latin-ext-wght-normal.B4u9PlvR.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-tight-latin-wght-normal.DX-nOvPD.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--nacht: #141414;--papier: #f7f6f3;--weiss: #ffffff;--beton: #8f8e8a;--grau: #62615c;--zitrone: #fff44f;--linie: #2c2c2a;--font: "Inter Tight Variable", "Helvetica Neue", Helvetica, Arial, sans-serif;--ease: cubic-bezier(.2, .7, .1, 1);--gx: max(20px, env(safe-area-inset-left, 0px));--gy: max(20px, env(safe-area-inset-right, 0px));color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--nacht);color:var(--papier);font:400 18px/1.55 var(--font);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:800;letter-spacing:-.045em;line-height:.95;text-wrap:balance}a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--zitrone);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:-999px;top:8px;background:var(--zitrone);color:var(--nacht);padding:8px 12px;z-index:100}.skip:focus{left:8px}.wrap{max-width:1320px;margin:0 auto;padding-left:var(--gx);padding-right:var(--gy)}.dot{display:inline-block;width:.27em;height:.27em;margin-left:.05em;vertical-align:baseline;overflow:visible}.nowrap{white-space:nowrap}.label{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--beton)}.btn{display:inline-flex;align-items:center;gap:10px;font:700 16px/1 var(--font);padding:16px 24px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;transition:transform .3s var(--ease),background .3s}.btn:hover{transform:translateY(-2px)}.btn-z{background:var(--zitrone);color:var(--nacht)}.btn-o{box-shadow:inset 0 0 0 1.5px currentColor;color:inherit;background:transparent}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background .4s,backdrop-filter .4s}.nav.solid{background:#141414c7;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}.nav .wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav .logo svg{height:28px;width:auto;color:var(--papier);display:block}.nav nav{display:flex;gap:28px;font-weight:600;font-size:15px}.nav nav a{text-decoration:none;color:#cfceca}.nav nav a:hover{color:var(--papier)}.nav .btn{padding:12px 18px;font-size:14px}@media(max-width:860px){.nav nav{display:none}}.hero{position:relative;height:230vh}.hero .stage{position:sticky;top:0;height:100vh;min-height:620px;overflow:hidden;display:grid;align-items:center}.hero canvas{position:absolute;inset:0;width:100%!important;height:100%!important}.hero .fallback{position:absolute;right:6vw;top:50%;width:min(30vw,400px);transform:translateY(-50%);display:none}.no3d .hero .fallback{display:block}@media(max-width:859px){.hero .stage{align-items:end;padding-bottom:14vh}.hero .fallback{top:15%;transform:none;width:40vw;right:8vw}}.hero .copy{position:relative;z-index:2;pointer-events:none}.hero .copy a{pointer-events:auto}.hero h1{font-size:clamp(64px,12vw,200px);font-weight:900;letter-spacing:-.06em;line-height:.84;max-width:9ch}.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em}.hero h1 .ln>span{display:inline-block}.hero .sub{margin-top:36px;max-width:36ch;font-size:clamp(18px,1.6vw,22px);color:#cfceca}.hero .ctas{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}.scrollcue{position:absolute;left:50%;bottom:28px;transform:translate(-50%);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--beton);display:grid;justify-items:center;gap:10px;z-index:2}.scrollcue i{width:1.5px;height:40px;background:linear-gradient(var(--beton),transparent)}.marquee{border-block:1px solid var(--linie);overflow:hidden;padding-block:26px}.marquee .track{display:flex;gap:48px;width:max-content;animation:mq 40s linear infinite;font-size:clamp(32px,4vw,56px);font-weight:800;letter-spacing:-.04em}.marquee .track span{display:inline-flex;align-items:center;gap:48px}.marquee .track span:after{content:"";width:.3em;height:.3em;border-radius:50%;background:var(--zitrone)}@keyframes mq{to{transform:translate(-50%)}}.manifest{padding-block:clamp(120px,18vw,240px)}.manifest p{font-size:clamp(36px,5.4vw,84px);font-weight:800;letter-spacing:-.045em;line-height:1.02;max-width:18ch}.manifest .w{color:#3a3a37;transition:color .2s}.manifest .w.on{color:var(--papier)}.services{position:relative}.services .pin{height:100vh;display:flex;flex-direction:column;justify-content:center;gap:40px;overflow:hidden}.services .head{display:flex;justify-content:space-between;align-items:end;gap:24px}.services h2,.section-h2{font-size:clamp(44px,6.4vw,104px)}.services .rail{display:flex;gap:24px;padding-left:var(--gx);width:max-content}.svc{width:min(78vw,560px);min-height:min(62vh,520px);border-radius:32px;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.svc .n{font-size:15px;font-weight:700;opacity:.7}.svc h3{font-size:clamp(36px,3.6vw,56px)}.svc p{max-width:32ch;margin-top:16px;opacity:.8}.svc .big{position:absolute;right:-10px;bottom:-60px;font-size:280px;font-weight:900;letter-spacing:-.07em;line-height:1;opacity:.08}.t-nacht{background:#1e1e1d;color:var(--papier);box-shadow:inset 0 0 0 1px var(--linie)}.t-zitrone{background:var(--zitrone);color:var(--nacht)}.t-papier{background:var(--papier);color:var(--nacht)}.t-beton{background:var(--beton);color:var(--nacht)}@media(max-width:760px){.services .pin{height:auto;padding-block:96px}.services .rail{flex-direction:column;width:auto;padding-right:var(--gy)}.svc{width:100%;min-height:360px}}.work{padding-block:clamp(96px,12vw,180px);background:var(--papier);color:var(--nacht)}.work .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin-top:56px}.work .card{grid-column:span 6;display:grid;gap:16px;text-decoration:none}.work .card:nth-child(1){grid-column:span 12}.work .card .img{border-radius:28px;overflow:hidden;background:#ddd;aspect-ratio:16/9}.work .card:nth-child(1) .img{aspect-ratio:21/9}.work .card img{width:100%;height:115%;object-fit:cover;will-change:transform}.work .meta{display:flex;justify-content:space-between;gap:16px;color:var(--grau);font-size:15px;font-weight:600}.work h3{font-size:clamp(26px,2.4vw,36px);letter-spacing:-.03em}.work .note{margin-top:32px;color:var(--grau);font-size:15px}@media(max-width:760px){.work .card{grid-column:span 12}}.steps{padding-block:clamp(96px,12vw,180px)}.steps .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:64px;border-top:1px solid var(--linie);padding-top:40px}.steps .s b{display:block;font-size:clamp(90px,11vw,170px);line-height:.85;font-weight:900;letter-spacing:-.07em;color:#2a2a28;transition:color .6s}.steps .s.on b{color:var(--zitrone)}.steps h3{font-size:30px;margin-top:20px;letter-spacing:-.03em}.steps p{color:#b9b8b3;margin-top:10px;max-width:30ch}@media(max-width:760px){.steps .list{grid-template-columns:1fr}}.studio{padding-block:clamp(96px,12vw,180px);background:var(--beton);color:var(--nacht)}.studio .in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end}.studio p{font-size:clamp(20px,1.8vw,24px);max-width:40ch}.studio .parent{margin-top:24px;font-weight:700}@media(max-width:860px){.studio .in{grid-template-columns:1fr}}.contact{background:var(--zitrone);color:var(--nacht);padding-block:clamp(96px,12vw,180px)}.contact .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:64px;align-items:start}.contact h2{font-size:clamp(56px,9vw,150px);font-weight:900;letter-spacing:-.06em}.contact .direct{margin-top:32px;display:grid;gap:6px;font-size:20px;font-weight:700}.contact .direct a{text-decoration:none}form{display:grid;gap:14px}form label{display:grid;gap:6px;font-size:14px;font-weight:700}form input,form textarea{font:500 17px var(--font);padding:14px 16px;border-radius:14px;border:1.5px solid var(--nacht);background:#ffffff8c;color:var(--nacht)}form textarea{min-height:140px;resize:vertical}form .hp{position:absolute;left:-9999px}form .small{font-size:13px}form .msg{font-weight:700;min-height:1.4em}form .btn{background:var(--nacht);color:var(--zitrone);justify-self:start}@media(max-width:860px){.contact .in{grid-template-columns:1fr}}footer{padding-block:64px 40px;color:#b9b8b3;font-size:15px}footer .top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid var(--linie)}footer .top svg{height:40px;width:auto;color:var(--papier)}footer nav{display:flex;gap:24px;flex-wrap:wrap}footer a{text-decoration:none}footer a:hover{color:var(--papier)}footer .bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px}.legal{padding-top:160px;padding-bottom:120px;background:var(--papier);color:var(--nacht);min-height:100vh}.legal .in{max-width:760px}.legal h1{font-size:clamp(48px,7vw,96px);margin-bottom:40px}.legal h2{font-size:26px;letter-spacing:-.02em;margin:40px 0 12px}.legal p,.legal li{margin-bottom:12px}.legal .draft{background:var(--zitrone);padding:12px 16px;border-radius:12px;font-weight:700;margin-bottom:32px}.rv{will-change:transform,opacity}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero{height:auto}.hero .stage{position:relative;height:auto;min-height:100vh}}