/* Reserve media geometry in the initial HTML, before any deferred enhancement. */
@media(max-width:700px){
html body #main section.framer-1mp1l2r[data-framer-name="Hero"],
html body #main section.framer-vlxzk2[data-framer-name="video"]{position:relative!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/3!important;padding:0!important;transform:none!important;translate:none!important;scale:1!important;overflow:hidden!important}
html body #main section.framer-1mp1l2r[data-framer-name="Hero"]>[data-framer-name="Container"],
html body #main section.framer-1mp1l2r[data-framer-name="Hero"]>[data-framer-name="Bg video"],
html body #main section.framer-vlxzk2[data-framer-name="video"]>div{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;transform:none!important;translate:none!important;scale:1!important}
html body #main section.framer-1mp1l2r[data-framer-name="Hero"] video,
html body #main section.framer-vlxzk2[data-framer-name="video"] video{width:100%!important;height:100%!important;object-fit:cover!important;transform:none!important;translate:none!important;scale:1!important}
html body #main section.framer-1mp1l2r[data-framer-name="Hero"] [data-framer-name="Loader"]{display:none!important}
html body #main section.framer-1mp1l2r[data-framer-name="Hero"] [data-framer-name="Content"]{height:100%!important;min-height:0!important;padding:20px!important;justify-content:flex-end!important}
}
/* Selected collaboration timeline. */
html body .pa-process[data-variant="2"]{background:#fff;border:1px solid #e5e5e5}
html body .pa-process[data-variant="2"] .pa-process-steps{gap:0!important}
html body .pa-process[data-variant="2"] article{position:relative;border:0;border-top:2px solid #ff2b16;border-radius:0;background:none;padding:28px 24px 0 0;display:block}
.pa-process[data-variant="2"] article::before{content:'';position:absolute;left:0;top:-7px;width:12px;height:12px;background:#ff2b16;border-radius:50%}
html body .pa-process[data-variant="2"] .pa-step-num{font-size:18px;letter-spacing:0;margin-bottom:36px;display:block}
@media(max-width:700px){
html body .pa-process[data-variant="2"] .pa-process-steps{display:block}
html body .pa-process[data-variant="2"] article{border-top:0;border-left:2px solid #ff2b16;padding:0 0 32px 25px;margin-left:6px}
html body .pa-process[data-variant="2"] article:last-child{padding-bottom:0;border-left-color:transparent}
.pa-process[data-variant="2"] article::before{left:-7px;top:3px}
html body .pa-process[data-variant="2"] .pa-step-num{margin-bottom:12px}
html body .pa-process[data-variant="2"] article h3{margin:0 0 8px!important}
}
@media(max-width:700px){
/* Stats stay readable in a compact two by two grid. */
html body section[data-framer-name="Stats"]{height:auto!important;min-height:0!important;padding:24px 20px!important}
html body section[data-framer-name="Stats"] .framer-yvazzb,html body .pa-mobile-stats-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 14px!important;width:100%!important;height:auto!important;padding:0!important}
html body .pa-mobile-stats-grid>div,html body .pa-mobile-stats-grid .pa-stat{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important}
html body .pa-mobile-stats-grid .pa-stat{padding:16px 0!important;gap:10px!important;align-items:flex-start!important}
html body .pa-mobile-stats-grid .pa-stat [data-framer-name="Counter"]{height:46px!important;min-height:0!important;overflow:hidden!important}
html body .pa-mobile-stats-grid .pa-stat [data-framer-name="Counter"] *{font-size:32px!important;line-height:1.2!important}
html body .pa-mobile-stats-grid .pa-stat p{font-size:12px!important;line-height:1.4!important}
/* Pull the project heading, introduction and call to action together. */
html body section.pa-portfolio-stable{padding:24px 16px!important;gap:24px!important}
html body section.pa-portfolio-stable>div:first-child{height:auto!important;min-height:0!important;gap:18px!important;padding:0!important}
html body section.pa-portfolio-stable [data-framer-name="Heading"],html body section.pa-portfolio-stable [data-framer-name="Content"]{height:auto!important;min-height:0!important;gap:16px!important;padding-block:0!important}
html body section.pa-portfolio-stable [data-framer-name="Year"] p{font-size:0!important}
html body section.pa-portfolio-stable [data-framer-name="Year"] p::after{content:'©2027';font-size:14px}
html body section.pa-portfolio-stable .pa-all-projects{margin:6px 0 0!important;min-height:46px!important;height:46px!important;padding:5px 16px 5px 5px!important;max-width:100%!important;gap:12px!important}
html body section.pa-portfolio-stable .pa-all-projects .pa-button-icon{width:34px!important;height:34px!important;min-width:34px!important}
html body section.pa-portfolio-stable .pa-all-projects .pa-button-label{font-size:13px!important;line-height:1.2!important;white-space:nowrap!important}
/* The second film is a conventional landscape player. */
html body #main section.framer-vlxzk2[data-framer-name="video"]{aspect-ratio:16/9!important}
/* Slightly larger logos with less surrounding space. */
html body .pa-client-logo-tile{width:calc(100cqw / 5 - 4px)!important;height:54px!important}
html body .pa-client-logo-tile img{max-width:90%!important;max-height:35px!important}
html body section[data-framer-name="Client"]{height:auto!important;min-height:0!important;padding-block:18px!important}
html body .pa-client-caption{padding-bottom:8px!important}
/* Native touch scrolling, with part of the next quote visible. */
html body .pa-testimonial-section,html body .pa-testimonial-layout{height:auto!important;min-height:0!important;max-height:none!important;display:block!important}
html body .pa-testimonial-section{padding:24px 16px!important}
html body .pa-testimonial-layout>[data-framer-name="Content"]{height:auto!important;min-height:0!important;gap:16px!important;padding-bottom:24px!important}
html body .pa-testimonial-track{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:12px!important;width:100%!important;height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:4px 0 12px!important;scrollbar-width:thin;scrollbar-color:#ff2b16 #eee}
html body .pa-testimonial-track>.pa-quote-card{flex:0 0 88%!important;width:88%!important;min-width:0!important;height:auto!important;min-height:0!important;scroll-snap-align:start;opacity:1!important;filter:none!important;transform:none!important;translate:none!important}
html body .pa-testimonial-track>.pa-quote-card>div{height:100%!important;min-height:0!important;padding:20px!important;gap:18px!important;box-sizing:border-box!important}
html body .pa-testimonial-track .pa-quote-card [data-framer-name="Body Text"]{height:auto!important;min-height:0!important}
html body .pa-testimonial-track .pa-quote-card p{font-size:14px!important;line-height:1.5!important}
html body .pa-testimonial-track .pa-quote-card [data-framer-name="BG Pattern"]{display:none!important}
html body .pa-testimonial-layout::after{content:'↔ Nach links oder rechts swipen';display:block;font:12px/1.4 'Inter Display',Arial,sans-serif;color:#777;margin-top:6px}
}
@media(max-width:700px){
html body section.pa-portfolio-stable>div:first-child :is([data-framer-name="Top"],.framer-1qkbha0,.framer-9u5km9,[data-framer-name="Title/Body text"]){gap:12px!important;justify-content:flex-start!important;height:auto!important;min-height:0!important}
html body .pa-testimonial-track .framer-8gmnfo{height:50px!important;min-height:0!important}
html body .pa-testimonial-track .framer-1uugyi0{gap:14px!important;height:auto!important;min-height:0!important}
}
@media(max-width:700px){
html body .pa-testimonial-track{justify-content:flex-start!important}
html body .pa-testimonial-track :is(.pa-reveal,.pa-site-blur){opacity:1!important;filter:none!important;translate:none!important;transform:none!important}
}
@media(max-width:700px){
html body section.pa-portfolio-stable>div:first-child .pa-all-projects{display:none!important}
html body .framer-1ixfw9a{height:auto!important;min-height:0!important;padding:0 16px 24px!important;margin:0!important;gap:0!important}
html body .pa-mobile-project-more{display:inline-flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px!important;height:46px!important;width:auto!important;max-width:100%!important;padding:6px 18px 6px 6px!important;border-radius:40px!important;background:#f5f4f3!important;color:#191919!important;font:500 13px/1.2 'Inter Display',Arial,sans-serif!important}
html body .pa-mobile-project-more>span:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ff2b16;color:#fff;font-size:20px}
}
.pa-mobile-project-more{display:none}
@media(max-width:700px){html body .framer-1ixfw9a a:not(.pa-mobile-project-more){display:none!important}}