/* Softwarehaus Berlin — graphite / lime, original motion identity. */
:root{--paper:#f4f4f4;--ink:#1b1b1b;--green:#383838;--muted:#5f5f5f;--line:#d3d3d3;--lime:#d4ff91;--soft:#ececec;--radius:0}
body{font-size:16px}h1,h2,h3{font-weight:650;letter-spacing:-.055em}h2{font-size:clamp(38px,4.7vw,70px);line-height:1.07}h3{line-height:1.2}em{font-style:normal}.container{width:min(1440px,calc(100% - 112px))}.section{padding-block:120px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.13em;color:#5b5b5b}.eyebrow>span{display:none}.text-link{font-size:13px;font-weight:650}.button{border-radius:0;min-height:55px;padding:17px 24px;font-size:12px;gap:30px}.button--dark,.button--primary{background:#252525;color:#fff}.button--dark:hover,.button--primary:hover{background:#494949}.button--lime{background:var(--lime);color:#1e1e1e}.button--outline{border-color:#858585}.button .icon,.text-link .icon{transition:transform .2s}.button:hover .icon,.text-link:hover .icon{transform:translateX(4px)}
.site-header{background:#191919f5;color:#f4f4f4;border-bottom:1px solid #ffffff20;backdrop-filter:blur(18px)}.header-inner{height:90px;gap:26px}.brand-lockup{width:230px;height:46px}.desktop-nav{gap:25px}.desktop-nav a{font-size:12px;font-weight:550}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--lime)}.header-inner>.button{background:var(--lime);color:#1e1e1e;font-size:11px;min-height:43px;padding:12px 17px;gap:22px}.header-inner>.button:hover{background:#d4ff91}.language-switch{font-size:10px;color:#bdbdbd}.language-switch [aria-current]{color:var(--lime)}.menu-toggle{border-color:#6c6c6c;border-radius:0}.mobile-nav{background:#191919;color:#f5f5f5}.mobile-nav>a{border-color:#4a4a4a}.site-header :focus-visible,.studio-hero :focus-visible,.site-footer :focus-visible{outline-color:var(--lime)}
.studio-hero{background:#191919;color:#f4f4f4;overflow:hidden;position:relative}.studio-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 77% 42%,#d4ff9114,transparent 48%);pointer-events:none}.studio-kicker{position:relative;display:flex;justify-content:space-between;gap:20px;padding-top:28px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#cacaca}.studio-kicker>span:first-child:before{content:"";display:inline-block;width:6px;height:6px;background:var(--lime);margin-right:12px}.studio-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:660px;position:relative}.studio-hero-copy{position:relative;z-index:3;padding:48px 0 70px;pointer-events:none}.studio-hero-copy a{pointer-events:auto}.studio-hero h1{font-size:clamp(88px,9.5vw,150px);line-height:.94;letter-spacing:-.075em;margin-bottom:34px;font-weight:700}.studio-hero h1 span{color:var(--lime)}.studio-hero-copy>p{font-size:15px;line-height:1.85;max-width:440px;color:#c3c3c3}.studio-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.studio-actions .button{background:var(--lime);color:#1a1a1a}.studio-actions .button:hover{background:#d4ff91}.studio-actions>.text-link{font-size:11px;gap:12px;color:#e7e7e7}.studio-object{position:relative;width:135%;height:660px;margin:0 0 0 -20%;isolation:isolate;align-self:stretch;display:flex;align-items:center}.studio-object>img{width:100%;height:100%;object-fit:contain;position:relative;z-index:1}.studio-object.has-3d>img{opacity:0}.studio-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.scene-orbit{position:absolute;width:78%;height:42%;border:1px solid #d4ff9123;border-radius:50%;left:11%;top:27%;transform:rotate(-32deg);pointer-events:none}.scene-orbit.orbit-two{transform:rotate(45deg);height:65%;top:17%;width:67%;left:17%;border-color:#d4ff9112}.studio-object:after{content:"+";position:absolute;right:13%;top:15%;color:#d4ff9180;font:22px monospace}.studio-object figcaption{position:absolute;bottom:33px;left:19%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px/1.5 monospace;color:#d4ff91;z-index:4}.studio-3d-button{border:1px solid #6f6f6f;background:#252525b3;color:#eeeeee;padding:11px 13px;font:10px/1.4 Manrope,sans-serif;white-space:nowrap}.studio-3d-button:hover{border-color:var(--lime);color:var(--lime)}.studio-3d-status{position:absolute;bottom:10px;right:8%;font-size:9px;color:#d4ff91;z-index:4}.studio-3d-status:empty{display:none}.studio-bottom{position:relative;display:flex;justify-content:space-between;gap:25px;padding:24px 0;border-top:1px solid #ffffff28;font-size:11px;color:#bebebe}.studio-bottom a{white-space:nowrap;color:var(--lime)}
.studio-proof{background:#252525;color:#f5f5f5;border-top:1px solid #4f4f4f}.studio-proof>.container{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:35px;align-items:center;padding-block:34px}.studio-proof p{font-size:12px;max-width:180px;margin:0;color:#d4ff91}.studio-proof .container>div{display:flex;align-items:center;gap:18px}.studio-proof strong{font-size:40px;letter-spacing:-.065em;line-height:1;white-space:nowrap;font-weight:650;color:var(--lime)}.studio-proof .container>div>span{font-size:10px;max-width:115px;line-height:1.6;color:#c6c6c6}
.studio-section-heading{display:grid;grid-template-columns:210px 1fr;gap:18px 40px;margin-bottom:65px}.studio-section-heading>.eyebrow{padding-top:8px;margin:0}.studio-section-heading h2{max-width:870px;margin:0}.studio-section-heading>p:not(.eyebrow){grid-column:2;font-size:15px;max-width:560px;margin:5px 0 0}.service-index{border-top:1px solid #aaaaaa}.service-index>a{display:grid;grid-template-columns:55px 1.05fr 1fr 28px;align-items:start;gap:25px;padding:38px 0;border-bottom:1px solid #cacaca;transition:background .2s,padding .2s}.service-index>a:hover{background:var(--lime);padding-inline:20px}.service-index-number{font:12px/2 monospace;color:#666666;padding-top:5px}.service-index h3{font-size:32px;letter-spacing:-.045em;margin:0}.service-index p{font-size:13px;line-height:1.8;margin:0;max-width:400px}.service-index .icon{margin-top:5px}.studio-service-foot{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:30px}.studio-service-foot p{font-size:12px;max-width:700px;margin:0}.studio-service-foot a{white-space:nowrap;font-size:11px}
.studio-work{background:#e3e3e3;border-block:1px solid #c8c8c8}.feature-project{display:grid;grid-template-columns:1.45fr .7fr;gap:100px;border-top:1px solid #d4ff91;padding-top:50px;align-items:start}.feature-project-copy h3{font-size:clamp(36px,4vw,58px);max-width:700px;margin:24px 0}.feature-project-copy>p:not(.eyebrow){font-size:15px;max-width:650px}.feature-project dl{margin:35px 0}.feature-project dl>div{display:grid;grid-template-columns:90px 1fr;gap:22px;padding-block:20px;border-top:1px solid #d4ff91}.feature-project dt{font-size:11px;color:#5e5e5e}.feature-project dd{margin:0;font-size:13px;line-height:1.8;color:#434343}.project-facts{border-left:1px solid #d4ff91;padding-left:40px}.case-index{display:block;font-size:140px;font-weight:750;letter-spacing:-.09em;line-height:.9;margin-bottom:40px;color:#363636}.project-facts ul{list-style:none;margin:0;padding:0}.project-facts li{padding:18px 0;border-top:1px solid #d4ff91}.project-facts strong,.project-facts li span{display:block}.project-facts strong{font-size:14px;margin-bottom:5px}.project-facts li span{font-size:11px;color:#5e5e5e}.project-notes{display:grid;grid-template-columns:1fr 1fr;margin-top:70px;border-top:1px solid #d4ff91}.project-notes>a{padding:35px 55px 0 0}.project-notes>a+a{border-left:1px solid #d4ff91;padding-left:55px;padding-right:0}.project-notes>a>span:first-child{font-size:10px;color:#5e5e5e}.project-notes h3{font-size:32px;max-width:480px;margin:25px 0 18px}.project-notes p{font-size:13px;max-width:480px}.project-note-link{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;font-size:11px;color:#404040}.project-note-link .icon{width:24px}.all-work{display:flex;justify-content:flex-end;margin-top:50px}
.studio-ai{background:var(--lime);color:#212121;position:relative;overflow:hidden}.studio-ai>.container{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;position:relative}.studio-ai .eyebrow{color:#454545}.studio-ai h2{font-size:clamp(46px,5.1vw,76px);max-width:660px;margin:30px 0}.studio-ai-title>p:not(.eyebrow){font-size:14px;color:#454545;max-width:500px}.studio-ai .text-link{color:#2a2a2a;margin-top:16px}.ai-scenarios{padding-top:54px}.ai-scenarios>article{display:flex;gap:25px;padding:30px 0;border-top:1px solid #929292}.ai-scenarios>article>span{font:11px/2 monospace;color:#484848}.ai-scenarios h3{font-size:27px;margin-bottom:16px}.ai-scenarios p{font-size:13px;line-height:1.8;color:#454545;margin:0}
.studio-principal{display:grid;grid-template-columns:340px 1fr;align-items:center;gap:110px}.studio-portrait{position:relative}.studio-portrait:before{content:"";position:absolute;inset:20px -20px 15px 20px;background:var(--lime);z-index:-1}.studio-portrait img{width:100%;filter:grayscale(1);aspect-ratio:1;object-fit:cover}.studio-portrait>span{display:block;padding-top:18px;font-size:10px;color:#5c5c5c}.studio-principal h2{max-width:760px;font-size:58px;margin:25px 0}.studio-principal p:not(.eyebrow){font-size:14px;max-width:640px}.studio-principal .text-link{margin-top:12px}.scope-section{border-top:1px solid #d4ff91;padding-block:48px;display:flex;align-items:center;justify-content:space-between;gap:45px}.scope-section h2{font-size:29px;margin-bottom:12px}.scope-section p{font-size:13px;max-width:700px;margin:0}.scope-section>.text-link{white-space:nowrap;font-size:12px}
.cta-section{background:#252525;color:#f5f5f5;padding-block:100px;position:relative;overflow:hidden;margin:0}.cta-section:after{content:none}.cta-inner h2{font-size:clamp(45px,5.5vw,84px)}.cta-inner em{color:var(--lime)}.cta-inner p,.cta-note,.cta-inner .eyebrow{color:#d4ff91}.cta-section .button--lime{background:var(--lime);color:#1e1e1e}.site-footer{background:#191919;color:#e6e6e6;padding-top:65px}.footer-top{border-color:#484848}.footer-top p,.footer-grid a{color:#c1c1c1}.footer-contact{font-size:16px}.footer-label{color:var(--lime)}.footer-bottom{border-color:#484848;color:#d4ff91;font-size:10px}.footer-grid{padding-block:45px}.footer-grid a:hover{color:var(--lime)}.preview-label{color:#d4ff91}
.page-intro{padding-block:45px 65px}.page-intro h1{font-size:clamp(46px,5.5vw,80px)}.page-intro .eyebrow,.breadcrumbs{color:#5f5f5f}.project-grid{gap:32px}.project-card{border-top:1px solid #999999;padding:32px 0;display:flex;flex-direction:column;align-items:flex-start}.project-number{font-size:72px;line-height:1;letter-spacing:-.08em;font-weight:700;color:#505050;margin-bottom:30px}.project-meta{width:100%;gap:12px;align-items:flex-start}.project-card h3{font-size:30px;margin-top:25px}.project-card>.text-link{margin-top:auto}.status{border-radius:0;white-space:normal;font-size:10px;color:#535353;border-color:#d4ff91}.project-detail-meta{padding-block:20px;border-block:1px solid #d4ff91}
@media(max-width:1150px){.container{width:calc(100% - 72px)}.header-inner{gap:18px}.brand-lockup{width:200px;height:40px}.desktop-nav{gap:18px}.studio-hero h1{font-size:99px}.studio-hero-grid{min-height:600px}.studio-object{height:600px}.studio-actions{gap:20px}.studio-actions .button{padding:16px 18px;gap:20px}.studio-section-heading{grid-template-columns:160px 1fr}.service-index h3{font-size:28px}.feature-project{gap:60px}.studio-ai>.container{gap:60px}.studio-principal{gap:75px;grid-template-columns:290px 1fr}.studio-principal h2{font-size:47px}.studio-proof strong{font-size:34px}}
@media(max-width:950px){.header-inner>.button{margin-left:auto}.language-switch{margin-left:0}.studio-hero h1{font-size:82px}.studio-hero-copy>p{font-size:14px}.studio-actions{flex-direction:column;align-items:flex-start;gap:16px}.studio-object{width:145%;margin-left:-25%;height:580px}.studio-object figcaption{left:22%;font-size:8px;gap:10px}.studio-proof>.container{grid-template-columns:repeat(3,1fr)}.studio-proof p{display:none}.section{padding-block:85px}.studio-section-heading{grid-template-columns:1fr;gap:22px}.studio-section-heading>p:not(.eyebrow){grid-column:1}.service-index>a{grid-template-columns:30px .9fr 1fr 22px;gap:20px}.service-index h3{font-size:25px}.feature-project{gap:40px;grid-template-columns:1.2fr .7fr}.project-facts{padding-left:28px}.case-index{font-size:100px}.project-notes h3{font-size:28px}.project-notes>a{padding-right:30px}.project-notes>a+a{padding-left:30px}.studio-ai>.container{gap:40px}.studio-principal{gap:50px;grid-template-columns:250px 1fr}.studio-principal h2{font-size:39px}.scope-section{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header-inner{height:76px;gap:12px}.brand-lockup{width:180px;height:36px}.language-switch{font-size:9px;gap:5px}.menu-toggle{width:36px;height:36px}.header-inner>.button{display:none}.studio-kicker{padding-top:24px;font-size:8px;gap:15px;letter-spacing:.06em}.studio-kicker>span:last-child{max-width:110px;text-align:right}.studio-hero-grid{grid-template-columns:1fr;min-height:0}.studio-hero-copy{padding:44px 0 0}.studio-hero h1{font-size:clamp(68px,18vw,110px);line-height:.97;margin-bottom:25px}.studio-hero-copy>p{font-size:14px;max-width:460px}.studio-actions{flex-direction:row;align-items:center;gap:22px;margin-top:25px;flex-wrap:wrap}.studio-actions>.button{font-size:11px;gap:20px;min-height:53px}.studio-actions>.text-link{font-size:10px}.studio-object{width:120%;height:auto;max-height:490px;margin:-10px 0 0 -10%;aspect-ratio:1;overflow:hidden}.studio-object figcaption{bottom:23px;left:9%;right:9%;font-size:8px}.studio-object figcaption>span{max-width:160px}.studio-3d-button{font-size:9px;padding:10px}.studio-3d-status{bottom:4px;right:9%}.studio-bottom{padding:19px 0;font-size:9px;gap:18px}.studio-bottom>span{max-width:220px}.studio-proof>.container{gap:20px;padding-block:28px}.studio-proof .container>div{flex-direction:column;align-items:flex-start;gap:12px}.studio-proof strong{font-size:32px}.studio-proof .container>div>span{font-size:9px}.section{padding-block:72px}.studio-section-heading{margin-bottom:38px;gap:22px}.studio-section-heading h2{font-size:42px;max-width:500px}.studio-section-heading>p:not(.eyebrow){font-size:13px}.service-index>a{grid-template-columns:25px 1fr 20px;gap:12px;padding:27px 0}.service-index h3{font-size:26px}.service-index p{grid-column:2;grid-row:2;font-size:12px}.service-index>a>.icon{grid-column:3;grid-row:1;width:20px}.service-index-number{font-size:10px;padding:0}.service-index>a:hover{padding-inline:0}.studio-service-foot{align-items:flex-start;flex-direction:column;gap:20px}.studio-service-foot p{font-size:11px;line-height:1.8}.feature-project{grid-template-columns:1fr;padding-top:30px;gap:30px}.feature-project-copy h3{font-size:39px}.feature-project-copy>p:not(.eyebrow){font-size:13px}.feature-project dl>div{grid-template-columns:70px 1fr;gap:12px}.feature-project dd{font-size:12px}.project-facts{border-left:0;border-top:1px solid #d4ff91;padding:25px 0 0}.case-index{display:none}.project-facts ul{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.project-facts strong{font-size:12px}.project-facts li span{font-size:10px}.project-notes{grid-template-columns:1fr;margin-top:45px}.project-notes>a{padding:30px 0}.project-notes>a+a{padding:30px 0 0;border-left:0;border-top:1px solid #d4ff91}.project-notes h3{font-size:29px;margin-top:20px}.project-notes p{font-size:12px}.project-note-link{margin-top:24px}.all-work{justify-content:flex-start;margin-top:35px}.studio-ai>.container{grid-template-columns:1fr;gap:35px}.studio-ai h2{font-size:49px;margin:25px 0}.studio-ai-title>p:not(.eyebrow){font-size:13px}.ai-scenarios{padding-top:0}.ai-scenarios>article{padding-block:27px}.ai-scenarios h3{font-size:25px}.studio-principal{grid-template-columns:1fr;gap:40px}.studio-portrait{max-width:280px}.studio-principal h2{font-size:42px}.studio-principal p:not(.eyebrow){font-size:13px}.scope-section{padding-block:40px;gap:24px}.scope-section h2{font-size:28px}.scope-section p{font-size:12px}.cta-section{padding-block:70px}.cta-inner h2{font-size:48px}.footer-top{gap:26px}.footer-contact{font-size:13px}.footer-grid{gap:30px}.page-intro{padding-top:28px;padding-bottom:40px}.page-intro h1{font-size:44px}.project-card h3{font-size:28px}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand-lockup{width:156px;height:32px}.header-inner{gap:9px}.studio-hero h1{font-size:63px}.studio-ai h2{font-size:43px}.studio-object figcaption>span{max-width:115px}}
@media(prefers-reduced-motion:no-preference){.studio-hero-copy{animation:hero-arrive .8s ease both}@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Inner pages share the typography, borders and material palette. */
.page-intro{padding-block:40px 60px}.page-intro h1{font-size:clamp(44px,5.2vw,74px)}.page-intro .eyebrow,.breadcrumbs{color:#666666}.service-detail-card,.price-card,.inquiry-panel{border-radius:2px;background:#fff;border-color:#d4d4d4}.service-detail-card:hover{border-color:#949494}.service-detail-card>div,.service-detail-card>div .icon{color:#5e5e5e}.service-filter button{border-color:#d4ff91;border-radius:2px}.service-filter button[aria-pressed=true]{background:#414141;border-color:#414141}.service-lead-symbol{background:#ededed;border-radius:2px}.deliverables,.soft-panel,.inline-callout{background:#f0f0f0;border-radius:2px}.checklist .icon{color:#5c5c5c}.price-card.price-featured{background:#f0f0f0;border-color:#d4ff91}.price-category{color:#616161}.pricing-section,.process-section{background:#efefef}.process-steps>article{border-color:#d4ff91}.author-portrait{border-radius:2px}.author-portrait>span{background:#323232ed}.pills span{color:#525252;border-color:#d4ff91}.experience-list article>span{color:#6a6a6a}.case-layout aside{border-color:#d4ff91}.project-art{border-radius:2px}.art-caption{color:#545454}.art-fleet{background-color:#363636}.art-fleet .art-caption{color:#d4ff91}.blueprint-label{color:#d4ff91}.blueprint-grid>span{border-color:#909090}.blueprint-grid small{color:#d4ff91}.art-website{background:#e5e5e5}.art-market{background:#e7e7e7}.form-progress b{border-color:#d4ff91}.form-progress>span{color:#656565}.form-progress .active{color:#454545}.form-progress .active b{background:#494949;border-color:#494949}.topic-option>span{background:#fafafa;border-color:#d4d4d4;border-radius:2px}.topic-option .icon{color:#666666}.topic-option input:checked+span{background:#efefef;border-color:#7f7f7f;box-shadow:inset 0 0 0 1px #7f7f7f}.topic-option>input,.consent-field input{accent-color:#5e5e5e}.topic-option input:focus-visible+span{outline-color:#7a7a7a}.field-row input,textarea,select{border-color:#d4ff91!important}.contact-note{background:#f1f1f1;border-radius:2px}.contact-note>span{color:#5a5a5a}.contact-person span,.contact-location{color:#666666}.contact-person img{border-radius:2px}.article-card>div{color:#5e5e5e}.article-card{border-color:#d4ff91}.article-author{color:#666666}.page-intro+.section-first{padding-top:10px}

html[lang="en"] .studio-hero h1{font-size:clamp(76px,8.2vw,132px)}
@media(max-width:950px) and (min-width:701px){html[lang="en"] .studio-hero h1{font-size:67px}}
@media(max-width:700px){html[lang="en"] .studio-hero h1{font-size:clamp(53px,14.3vw,92px)}}

@media(max-width:360px){.page-intro h1{font-size:36px;hyphens:auto;overflow-wrap:break-word}}