/* Edition 4: a complete navigation, connected Web/App motion and editorial subpages. */
.header{gap:22px}.desktop-nav{gap:24px;align-items:center}.desktop-nav>[aria-current=page]{color:#88b8ff}.preview-nav-group{position:relative;display:flex;align-items:center;gap:8px}.nav-disclosure{width:20px;height:28px;font-size:17px;background:none;color:#b9bdc4}.preview-dropdown{display:none;position:absolute;left:-24px;top:100%;width:250px;background:#1c1f24;border:1px solid #ffffff20;padding:14px 20px;box-shadow:0 22px 50px #0005;font-size:12px}.preview-nav-group.is-open>.preview-dropdown{display:block}.preview-dropdown a{display:block;padding:11px 3px}.preview-dropdown .preview-nav-group{display:block;border-top:1px solid #ffffff20;margin-top:7px;padding-top:6px}.preview-dropdown .nav-disclosure{position:absolute;right:0;top:10px}.preview-dropdown .preview-dropdown{position:static;width:auto;box-shadow:none;border:0;border-left:1px solid #ffffff25;background:none;padding:0 0 0 15px;font-size:11px}.desktop-nav a[aria-current=page]{color:#9bc4ff}.header-cta{gap:15px}
.app-hero{height:min(610px,69svh);transform-style:flat;margin-left:-30px;margin-right:-40px}.hero-device-field{perspective:1500px;transform-style:flat}.hero-laptop{position:absolute;width:143%;height:91%;left:-30%;top:0;z-index:1}.device-stage canvas{display:block;width:100%;height:100%}.device-stage .device-fallback{position:absolute;inset:auto;width:67%;height:auto;aspect-ratio:1.24;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-2deg)}.device-stage .device-fallback img{height:auto;width:100%;aspect-ratio:1.54;object-fit:cover;object-position:top;border:5px solid #9b9fa7;border-bottom:8px solid #41444a;border-radius:10px}.device-stage.ready .device-fallback{opacity:0;visibility:hidden}.hero-phone-front{width:min(37%,28svh,213px);left:66%;top:27%;transform:rotateY(-10deg) rotateZ(7deg);z-index:3}.hero-project{left:10%;bottom:0}.hero h1{font-size:clamp(60px,7.25vw,112px)}.hero-copy>p{max-width:400px}.hero-copy h1>span{color:#7aaeff}
.digital-assembly{height:660svh;background:#14191f;position:relative}.assembly-stage{height:100svh;min-height:680px;position:sticky;top:0;overflow:clip;isolation:isolate}.assembly-stage:before{content:'';position:absolute;width:90%;height:85%;left:5%;top:10%;border:1px solid #a9bdd412;border-radius:50%;transform:rotateX(65deg);z-index:-1}.assembly-heading{position:absolute;left:var(--pad);right:var(--pad);top:46px;z-index:3;pointer-events:none}.assembly-heading>p{font-size:12px;color:#a3afbe;margin-bottom:17px}.assembly-heading h2{font-size:clamp(33px,3.7vw,58px);font-weight:400;letter-spacing:-.045em;line-height:1.08}.assembly-world{position:absolute;inset:120px 0 75px}.assembly-world canvas{width:100%;height:100%;display:block}.assembly-fallback{position:absolute;inset:15% 22% 22%;border:10px solid #aeb0b8;border-radius:15px;background:#222;overflow:hidden}.assembly-fallback img{width:100%;height:100%;object-fit:cover;object-position:top}.assembly-world.ready .assembly-fallback{visibility:hidden}.assembly-phone{position:absolute!important;left:67%;top:29%;width:min(16vw,24svh,205px);opacity:0;--phone-screen:#fff;--phone-status:#151515}.assembly-copy{position:absolute;left:var(--pad);bottom:106px;z-index:4}.assembly-copy p{display:none;font-size:clamp(17px,1.9vw,26px);letter-spacing:-.02em;color:#c4cedb}.assembly-copy p.active{display:block}.assembly-navigation{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:11px;z-index:4}.assembly-navigation>div{display:flex;gap:30px}.assembly-navigation button{padding:12px 0;background:transparent;color:#a0adbd;border-bottom:1px solid transparent}.assembly-navigation button[aria-pressed=true]{color:#fff;border-color:#a7c7ee}.assembly-navigation>a{color:#b7c8dd}.assembly-progress{position:absolute;left:0;right:0;bottom:-14px;height:1px;background:#a1b6d529}.assembly-progress i{display:block;height:1px;background:#91b1da;transform:scaleX(0);transform-origin:left}
.order-overview{position:absolute!important;width:252px;top:1%;left:53%;z-index:5;--phone-screen:#f2efdf;--phone-status:#171a16;opacity:0;transform:translate(60px,35px) rotate(15deg);transform-origin:top left}.cart-screen{color:#1a1c18;padding:0 13px;font-size:9px}.cart-brand{font:25px Anton,sans-serif;display:flex;justify-content:space-between;margin:2px 0 22px}.cart-brand span{font:17px Archivo,sans-serif}.cart-screen>small{font:6px Plex,monospace;letter-spacing:.05em}.cart-screen>h3{font:31px/1 Anton,sans-serif;letter-spacing:-.02em;margin:9px 0 20px}.cart-item{display:flex;gap:9px;align-items:center;border-bottom:1px solid #19211722;padding:9px 0}.cart-item b{font-size:10px}.cart-item small{display:block;font-size:7px;color:#62635b;margin:4px 0}.cart-item span{font-size:8px}.cart-food{display:block;flex-shrink:0;width:49px;height:48px;background-image:url('../koz/food.webp');background-size:200%;background-repeat:no-repeat}.cart-food.doner{background-position:right top}.cart-food.falafel{background-image:url('../koz/menu.webp');background-position:right top}.cart-food.ayran{background-image:url('../koz/menu.webp');background-size:200%;background-position:right bottom}.cart-pickup{padding:15px 0 10px;display:flex;justify-content:space-between;font-size:8px}.cart-pickup span{font:6px Plex,monospace}.cart-total{border-top:1px solid #19211740;display:flex;justify-content:space-between;padding:11px 0;font-size:12px}.cart-checkout{padding:12px 8px;background:#171a17;color:#f9f8ee;font-size:8px;text-align:center}.cart-demo{display:block;margin-top:12px;font-size:5px!important}.commerce-visual{transform-style:flat}.phone{z-index:4}.pickup{z-index:6}.commerce-visual>.receipt{display:none}
/* Shared page composition: generous type, real product photography and consistent hardware. */
.page-hero{padding-top:160px;padding-bottom:65px;min-height:820px;height:100svh;max-height:1050px;display:grid;grid-template-columns:48% 52%;align-items:center;overflow:clip;gap:0}.page-eyebrow{font-size:13px;color:#a5afbf;margin-bottom:28px}.page-hero h1{font-size:clamp(57px,6.5vw,103px);line-height:1.04;letter-spacing:-.055em;font-weight:400;position:relative;z-index:3}.page-hero h1 em{font-size:1.08em;color:#9abce8;white-space:nowrap}.page-hero-copy>p:not(.page-eyebrow){max-width:365px;margin:28px 0;font-size:15px;line-height:1.8;color:#afb6c0}.page-hero-visual{position:relative;height:540px;perspective:1500px;transform-style:flat}.visual-note{position:absolute;left:10%;right:0;bottom:0;font-size:10px;color:#a6b0bf}.reference-hero-laptop{position:absolute;width:130%;left:-21%;top:5%;height:90%}.reference-hero-phone{position:absolute!important;width:35%;max-width:215px;right:-1%;top:19%;transform:rotate(9deg);--phone-screen:#101813}.portfolio{background:#f0f0eb;color:#22262d;padding-top:0;padding-bottom:90px}.portfolio-filter{display:flex;align-items:center;gap:30px;position:sticky;top:0;background:#f0f0ebed;backdrop-filter:blur(15px);z-index:9;border-bottom:1px solid #24282e30;padding:24px 0}.portfolio-filter button{background:none;padding:10px 0;font-size:12px;color:#72757a;border-bottom:1px solid transparent}.portfolio-filter button[aria-pressed=true]{color:#101318;border-color:#101318}.portfolio-filter>a{margin-left:auto;font-size:12px}.filter-status{font-size:10px;color:#6c7079;padding:20px 0 0}.portfolio-case{padding:70px 0 100px;border-bottom:1px solid #22262d24;display:grid;grid-template-columns:61% 31%;gap:8%;align-items:center;scroll-margin-top:95px}.portfolio-case:last-child{border-bottom:0}.portfolio-visual{position:relative;min-height:590px;perspective:1500px;overflow:clip;isolation:isolate}.portfolio-copy>span{font-size:10px;line-height:1.6;color:#687281}.portfolio-copy h2{font-size:clamp(32px,3.3vw,53px);letter-spacing:-.06em;margin:18px 0 23px;font-weight:400}.portfolio-copy h3{font-size:20px;line-height:1.35;letter-spacing:-.03em;margin-bottom:16px;font-weight:400}.portfolio-copy>p{font-size:14px;color:#626870;line-height:1.8}.portfolio-copy dl{margin:26px 0}.portfolio-copy dl>div{padding:15px 0;border-top:1px solid #22262d22}.portfolio-copy dt{font-size:9px;color:#737b85;margin-bottom:9px}.portfolio-copy dd{font-size:12px;line-height:1.7;margin:0}.portfolio-copy .inline-link{font-size:11px}.alynivo-visual{background:#dbdae2}.immo-visual{background:#d3ddd4}.portfolio-phone{position:absolute!important;width:33%;left:52%;top:8%;transform:rotate(7deg);z-index:2}.portfolio-chat{position:absolute;left:7%;top:24%;width:49%;background:#f4f3f6;color:#38354b;padding:30px 25px;box-shadow:0 20px 45px #33304a14;transform:rotate(-4deg);font-size:17px;border-radius:10px}.portfolio-chat>b{font-size:25px}.portfolio-chat>small{display:block;font-size:6px;letter-spacing:.06em;margin-top:8px}.portfolio-chat>p{padding:20px 0 25px;font-size:16px;line-height:1.55}.portfolio-chat>div{background:#e3e0eb;padding:16px;font-size:11px;line-height:1.7;border-radius:6px}.portfolio-chat>span{display:block;font-size:7px;color:#72717c;margin-top:20px}.portfolio-protocol{position:absolute;left:10%;top:13%;width:47%;background:#f6f4eb;padding:34px 25px;transform:rotate(-9deg);box-shadow:0 25px 40px #35453a20}.portfolio-protocol>small{font-size:7px;display:block;line-height:1.7}.portfolio-protocol h3{font-size:32px;margin:25px 0}.portfolio-protocol hr{border:0;border-top:1px solid #23372c30}.portfolio-protocol>span{font-size:7px;display:block;margin-top:20px;color:#627568}.portfolio-protocol>p{font-size:12px;line-height:1.9;margin:10px 0 23px}.client-bgents{background:#cecac0}.portfolio-visual.client-aa{background:#d5dce4}.client-socialvantix{background:#d9d6e9}.client-akunamatata{background:#d4dbce}.editorial-laptop{position:absolute;width:80%;left:4%;top:22%;transform:rotateY(-13deg) rotateZ(-5deg)}.editorial-lid{border:7px solid #41454b;border-radius:12px;background:#202327;overflow:hidden;box-shadow:0 15px 30px #0002}.editorial-lid .browser-top{height:23px;font-size:6px;background:#eceef0;color:#62666c;gap:4px;padding:0 10px}.editorial-lid .browser-top i{width:4px;height:4px}.editorial-screen{height:auto;aspect-ratio:1.6;overflow:hidden;background:white}.editorial-screen img{width:100%;height:auto;max-width:none;will-change:transform}.editorial-base{position:relative;left:-7%;width:114%;height:15px;background:linear-gradient(#e6e8eb,#6b6f76 80%,#363a41);border-radius:2px 2px 40% 40%}.editorial-base:after{content:'';position:absolute;left:43%;width:14%;height:5px;background:#71767e;border-radius:0 0 8px 8px}.portfolio-mobile{position:absolute!important;width:23%;left:70%;top:37%;z-index:3;transform:rotate(9deg);--phone-screen:#fff;--phone-status:#222}.portfolio-web .portfolio-visual{min-height:570px}
.lab-gallery{padding-top:110px;padding-bottom:120px;background:#141619}.lab-heading{display:grid;grid-template-columns:1fr 2.1fr 1fr;align-items:start;gap:35px;margin-bottom:60px}.lab-heading>p{font-size:12px;color:#adb5c0;padding-top:7px}.lab-heading h2{font-size:clamp(38px,4vw,64px);line-height:1.07;font-weight:400}.lab-heading>span{font-size:12px;line-height:1.8;color:#a9afb8;padding-top:8px}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.lab-card{height:490px;position:relative;overflow:clip;isolation:isolate;display:block;background:#0b0c0e}.lab-card>img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.6,.2,1)}.lab-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000b);z-index:1;pointer-events:none}.lab-card>div:not(.doner-cutout){position:absolute;left:25px;right:20px;bottom:30px;z-index:2}.lab-card small{font-size:7px;letter-spacing:.06em}.lab-card h3{font-size:39px;margin:12px 0 18px}.lab-card span{font-size:10px}.lab-tea img{object-position:65% center}.lab-building img{object-position:47% center}.lab-food .doner-cutout{position:absolute;left:0;right:0;top:3%;height:80%;width:110%;transition:transform .6s}.lab-card:hover>img,.lab-card:hover>.doner-cutout{transform:scale(1.05)}.page-contact{padding-top:110px;padding-bottom:100px;background:#202936;display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:35px}.page-contact>p{font-size:12px;color:#b3bdca;padding-top:8px}.page-contact h2{font-weight:400;font-size:clamp(40px,4.5vw,70px);line-height:1.07}.page-contact>div>p{font-size:12px;color:#bac3d0;line-height:1.8;margin:7px 0 28px}.page-contact .button{font-size:10px;gap:25px}
.service-app-front{position:absolute!important;width:39%;max-width:245px;top:0;left:54%;transform:rotate(8deg);--phone-screen:#101813}.service-app-back{position:absolute!important;width:36%;max-width:225px;top:13%;left:15%;transform:rotate(-10deg)}.app-page-devices .visual-note{left:15%;bottom:-3%}.service-statement{background:#eeeee8;color:#22282d;padding-top:95px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center}.service-statement h2{font-size:clamp(42px,4.8vw,75px);font-weight:400;line-height:1.05}.service-statement>p{font-size:17px;line-height:1.85;max-width:470px;color:#666d72}.app-development-story{background:#dae0dc;color:#243029;display:grid;grid-template-columns:53% 40%;gap:7%;position:relative}.development-visual{height:100svh;min-height:660px;position:sticky;top:0;display:grid;place-items:center;perspective:1400px}.development-phone{width:260px;transform:rotate(-7deg);--phone-screen:#101813;z-index:2}.development-orbit{position:absolute;inset:22% 0;border:1px solid #6b837750;border-radius:50%;transform:rotate(-20deg);display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#5b7062}.development-orbit span{position:absolute;background:#dae0dc;padding:12px;transform:rotate(20deg)}.development-orbit span:nth-child(1){left:-10px;top:40%}.development-orbit span:nth-child(2){right:30%;top:-17px}.development-orbit span:nth-child(3){right:-30px;top:50%}.development-orbit span:nth-child(4){left:20%;bottom:-15px}.development-steps article{min-height:75svh;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #314a3722;padding:80px 0}.development-steps article:last-child{border:0}.development-steps small{font:8px Plex,monospace;color:#67796b;margin-bottom:24px;letter-spacing:.1em}.development-steps h2{font-size:clamp(32px,3.6vw,53px);font-weight:400;line-height:1.1}.development-steps p{font-size:14px;color:#5c6b60;margin-top:25px;line-height:1.9}.service-options{padding-top:120px;padding-bottom:115px;display:grid;grid-template-columns:1fr 1fr;gap:13%;background:#eceeea;color:#21292b}.service-options>div>p{font-size:12px;color:#697676;margin-bottom:30px}.service-options h2{font-weight:400;font-size:clamp(38px,4.5vw,68px);line-height:1.09}.service-options article{padding:28px 0;border-top:1px solid #25373a30}.service-options h3{font-size:25px;font-weight:400;margin-bottom:16px}.service-options article p{font-size:14px;line-height:1.85;color:#626e6d}.service-options .inline-link{font-size:11px;margin-top:10px}.service-proof{padding-top:90px;padding-bottom:90px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.service-proof>div>p:first-child{font-size:12px;color:#a8afbc;margin-bottom:28px}.service-proof h2{font-weight:400;font-size:clamp(40px,4.3vw,66px);line-height:1.06}.service-proof h2+p{font-size:14px;color:#aab2be;line-height:1.8;margin:27px 0;max-width:400px}.service-proof-art{position:relative;height:560px;background:#23212b;overflow:clip;perspective:1200px}.proof-phone{position:absolute!important;left:45%;top:7%;width:44%;transform:rotate(8deg)}.service-proof-art>strong{position:absolute;left:7%;top:40%;font-size:42px;font-weight:400;letter-spacing:-.05em}.service-proof-art>strong>span{display:block;font-size:10px;letter-spacing:0;max-width:140px;margin-top:18px;line-height:1.8;color:#bdb6d5}.web-hero-laptop{position:absolute;width:130%;height:100%;left:-20%;top:-4%}.web-hero-phone{position:absolute!important;width:31%;top:29%;right:0;transform:rotate(8deg);--phone-screen:#fff;--phone-status:#222}.web-page-device .visual-note{left:3%}.web-page-hero h1{font-size:clamp(52px,5.85vw,96px)}.responsive-showcase{background:#d8dfe7;color:#213041;padding-top:70px;padding-bottom:60px;overflow:clip}.responsive-heading{display:flex;justify-content:space-between;align-items:start}.responsive-heading>p{font-size:12px;color:#59697d}.responsive-heading h2{font-size:clamp(43px,4.6vw,72px);font-weight:400;line-height:1.08;min-width:50%}.responsive-devices{height:650px;position:relative;max-width:1000px;margin:0 auto;perspective:1500px}.responsive-laptop{position:absolute;width:90%;height:100%;left:-3%;top:-4%}.responsive-phone{position:absolute!important;width:20%;right:7%;top:30%;transform:rotate(7deg);--phone-screen:white;--phone-status:#222}.responsive-devices>span{position:absolute;left:12%;bottom:50px;font:9px Plex,monospace;color:#5e6e81}.responsive-description{font-size:14px;text-align:center;color:#617080;line-height:1.8}.web-process{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:120px;padding-bottom:110px}.web-process>div>p{font-size:12px;color:#aeb6c4;margin-bottom:30px}.web-process h2{font-size:clamp(38px,4vw,62px);font-weight:400;line-height:1.09}.web-process ol{list-style:none;margin:0;padding:0}.web-process li{display:flex;gap:25px;border-top:1px solid #ffffff28;padding:30px 0}.web-process li>span{font:9px Plex,monospace;color:#93a5bd;padding-top:6px}.web-process h3{font-size:25px;font-weight:400;margin-bottom:18px}.web-process li p{font-size:14px;color:#a6afbc;line-height:1.85}
/* Static state is complete and useful, including when JavaScript or WebGL is unavailable. */
.motion-off .digital-assembly{height:auto}.motion-off .assembly-stage{position:relative;height:800px}.motion-off .assembly-phone,.fallback-only .assembly-phone{opacity:1!important;transform:none!important}.motion-off .assembly-navigation>div{display:none}.motion-off .assembly-progress{display:none}.motion-off .assembly-copy p{display:none}.motion-off .assembly-copy p:last-child{display:block}.motion-off .order-overview{opacity:1!important;transform:rotate(7deg)!important}.motion-off .app-development-story{align-items:start}.motion-off .development-visual{position:relative}.motion-off .development-steps article{min-height:0;padding:45px 0}
@media(min-width:761px) and (max-width:1100px){.hero-laptop{left:-35%;width:148%}.hero-phone-front{left:66%;width:36%;top:29%}.page-hero{min-height:780px}.page-hero h1{font-size:6.5vw}.page-hero-copy>p:not(.page-eyebrow){font-size:13px;max-width:300px}.page-hero-visual{height:460px}.portfolio-case{grid-template-columns:58% 35%;gap:7%;padding:55px 0 70px}.portfolio-visual,.portfolio-web .portfolio-visual{min-height:440px}.portfolio-copy h2{font-size:34px}.portfolio-copy>p{font-size:12px}.portfolio-copy h3{font-size:17px}.portfolio-chat{padding:22px 15px;top:22%}.portfolio-chat>p{font-size:12px;padding:15px 0}.portfolio-chat>div{font-size:9px}.portfolio-protocol{padding:25px 18px}.portfolio-protocol h3{font-size:25px;margin:15px 0}.portfolio-protocol>p{font-size:10px;margin-bottom:15px}.lab-heading,.page-contact{grid-template-columns:1fr 2fr}.lab-heading>span,.page-contact>div{grid-column:2}.lab-card{height:380px}.lab-card h3{font-size:29px}.lab-card>div:not(.doner-cutout){left:18px;bottom:22px}.service-app-front{left:53%;width:43%}.service-app-back{left:7%;width:40%}.app-page-devices .visual-note{left:7%;font-size:8px;bottom:-4%}.development-phone{width:215px}.service-proof-art{height:460px}.service-proof-art>strong{font-size:32px}.responsive-devices{height:540px}.development-orbit{font-size:8px}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:30px;height:34px;background:none;padding:0}.menu-toggle span{height:1px;width:25px;background:#f0f0eb}.mobile-menu:not([hidden]){display:block;position:fixed;inset:96px 0 0;background:#15181d;z-index:99;padding:22px var(--pad) 40px;overflow:auto}.mobile-menu>div>a{display:block;border:0;padding:10px 0;font-size:23px;line-height:1.15;letter-spacing:-.02em}.mobile-menu>.mobile-nav-level-1>a{font-size:16px;color:#b9c1cf;padding:8px 0 8px 20px}.mobile-menu>.mobile-nav-level-2>a{font-size:13px;color:#99a7bd;padding:7px 0 7px 40px}.mobile-menu>button{background:#edf0f6;color:#17191e;padding:15px 20px;font-size:12px;margin-top:20px}.mobile-menu>p{font-size:11px;color:#a7b0c0;margin-top:20px}.menu-open .header{position:fixed;background:#15181d}}
@media(max-width:760px){.header{height:80px;gap:15px}.header .logo img{width:117px}.header-right{gap:14px}.header-cta{display:none}.mobile-menu:not([hidden]){top:80px}.mobile-menu>div>a{font-size:21px;padding:9px 0}.mobile-menu>.mobile-nav-level-1>a{font-size:14px;padding:7px 0 7px 18px}.mobile-menu>.mobile-nav-level-2>a{font-size:12px;padding:6px 0 6px 35px}.hero{padding-top:125px;min-height:950px;height:auto;max-height:none}.hero-grid{display:block}.hero h1{font-size:clamp(55px,14.5vw,83px)}.hero-copy>p{font-size:14px;max-width:350px}.app-hero{height:390px;margin:0 -15px 25px}.hero-laptop{left:-15%;top:0;width:119%;height:96%}.hero-phone-front{width:33%;max-width:165px;left:65%;top:33%}.hero-project{left:6%;bottom:-3%;font-size:9px}.hero-bottom{margin-top:18px}.hero-bottom>a:first-child{font-size:8px}.hero-bottom>.preview-label{font-size:7px}.digital-assembly{height:590svh}.assembly-stage{min-height:700px}.assembly-heading{top:35px}.assembly-heading>p{font-size:10px}.assembly-heading h2{font-size:32px;line-height:1.1}.assembly-world{inset:145px -25px 145px}.assembly-phone{left:66%;top:39%;width:26%}.assembly-copy{bottom:121px;max-width:300px}.assembly-copy p{font-size:21px}.assembly-navigation{bottom:29px;display:block}.assembly-navigation>div{gap:28px}.assembly-navigation button{font-size:10px}.assembly-navigation>a{display:block;font-size:10px;margin-top:15px}.assembly-fallback{inset:25% 13% 20%;border-width:6px}.order-overview{scale:.65;top:0;left:48%}.cart-screen>h3{font-size:29px}.page-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:start;height:auto;min-height:0;max-height:none;padding-top:125px;padding-bottom:50px}.page-eyebrow{font-size:11px;margin-bottom:23px}.page-hero h1,.web-page-hero h1{font-size:clamp(47px,12.3vw,77px);line-height:1.06}.page-hero h1 em{font-size:1.06em}.page-hero-copy>p:not(.page-eyebrow){font-size:14px;margin:24px 0;max-width:340px}.page-hero-visual{height:360px;margin:20px -15px 0}.reference-hero-laptop{width:114%;left:-15%;top:0;height:100%}.reference-hero-phone{width:31%;right:3%;top:29%}.visual-note{left:4%;bottom:0;font-size:8px}.portfolio{padding-bottom:35px}.portfolio-filter{gap:18px;padding:17px 0;flex-wrap:wrap;row-gap:5px}.portfolio-filter button{font-size:10px;padding:7px 0}.portfolio-filter>a{font-size:9px;margin-left:0;width:100%;padding-top:8px}.filter-status{font-size:9px;padding-top:15px}.portfolio-case{display:block;padding:30px 0 55px;scroll-margin-top:125px}.portfolio-visual,.portfolio-web .portfolio-visual{min-height:0;height:auto;aspect-ratio:.93;margin-bottom:30px}.portfolio-copy>span{font-size:9px}.portfolio-copy h2{font-size:36px;margin:14px 0 20px}.portfolio-copy h3{font-size:20px;max-width:300px}.portfolio-copy>p{font-size:14px}.portfolio-copy dl{margin:22px 0}.portfolio-copy dl>div{padding:13px 0}.portfolio-copy .inline-link{font-size:12px}.portfolio-phone{width:38%;left:52%;top:10%}.portfolio-chat{left:5%;top:23%;width:53%;padding:22px 15px}.portfolio-chat>b{font-size:21px}.portfolio-chat>small{font-size:5px}.portfolio-chat>p{font-size:12px;padding:17px 0}.portfolio-chat>div{padding:13px;font-size:9px}.portfolio-chat>span{font-size:6px;margin-top:14px}.portfolio-protocol{left:7%;width:52%;padding:23px 17px}.portfolio-protocol h3{font-size:24px;margin:20px 0}.portfolio-protocol>small{font-size:5px}.portfolio-protocol>span{font-size:6px;margin-top:15px}.portfolio-protocol>p{font-size:9px;margin:8px 0 15px}.portfolio-mobile{width:26%;left:66%;top:41%}.editorial-laptop{width:83%;left:3%;top:22%}.editorial-lid{border-width:5px;border-radius:9px}.editorial-base{height:10px}.lab-gallery{padding-top:65px;padding-bottom:70px}.lab-heading{display:block;margin-bottom:35px}.lab-heading>p{font-size:11px;margin-bottom:25px}.lab-heading h2{font-size:40px}.lab-heading>span{display:block;font-size:12px;margin-top:25px}.lab-grid{grid-template-columns:1fr;gap:25px}.lab-card{height:420px}.lab-card h3{font-size:42px}.lab-card span{font-size:11px}.page-contact{display:block;padding-top:65px;padding-bottom:65px}.page-contact>p{font-size:11px;margin-bottom:27px}.page-contact h2{font-size:42px}.page-contact>div>p{font-size:13px;margin:28px 0 24px}.page-contact .button{font-size:12px}.app-page-devices{height:415px;margin-top:40px;margin-bottom:10px}.service-app-front{width:43%;max-width:195px;left:51%;top:0}.service-app-back{width:39%;max-width:179px;left:9%;top:10%}.app-page-devices .visual-note{left:9%;font-size:8px;bottom:-3%}.service-statement{display:block;padding-top:65px;padding-bottom:65px}.service-statement h2{font-size:43px}.service-statement>p{font-size:14px;line-height:1.9;margin-top:28px}.app-development-story{display:block}.development-visual{position:relative;height:520px;min-height:0}.development-phone{width:195px}.development-orbit{inset:15% 0;font-size:8px}.development-orbit span:nth-child(3){right:-15px}.development-steps article{min-height:0;padding:45px 0}.development-steps small{font-size:7px;margin-bottom:22px}.development-steps h2{font-size:33px}.development-steps p{font-size:14px;margin-top:22px}.service-options{display:block;padding-top:65px;padding-bottom:45px}.service-options h2{font-size:39px;margin-bottom:40px}.service-options h3{font-size:25px}.service-options article p{font-size:14px}.service-proof{display:block;padding-top:65px;padding-bottom:65px}.service-proof h2{font-size:42px}.service-proof-art{height:420px;margin-top:40px}.service-proof-art>strong{font-size:32px}.service-proof-art>strong>span{font-size:9px;max-width:120px}.proof-phone{left:48%;width:44%;top:8%}.web-hero-laptop{width:122%;left:-15%;top:-4%;height:100%}.web-hero-phone{width:30%;right:1%;top:31%}.responsive-showcase{padding-top:55px;padding-bottom:50px}.responsive-heading{display:block}.responsive-heading>p{font-size:10px;margin-bottom:25px}.responsive-heading h2{font-size:40px}.responsive-devices{height:370px;margin:10px -15px 15px}.responsive-laptop{width:114%;height:100%;left:-19%;top:0}.responsive-phone{width:28%;right:1%;top:29%}.responsive-devices>span{font-size:7px;left:9%;bottom:13px}.responsive-description{font-size:12px;text-align:left}.responsive-description br{display:none}.web-process{display:block;padding-top:65px;padding-bottom:40px}.web-process h2{font-size:39px;margin-bottom:40px}.web-process li{gap:20px;padding:25px 0}.web-process h3{font-size:24px}.web-process li p{font-size:14px}.motion-off .assembly-stage{height:720px}.motion-off .assembly-navigation>a{margin:0}.motion-off .assembly-copy{bottom:80px}}
@media(prefers-reduced-motion:reduce){.lab-card>img,.lab-card>.doner-cutout{transition:none}.editorial-screen img{will-change:auto}}
#projekte{scroll-margin-top:0}
@media(min-width:761px){.assembly-world{inset:160px 0 130px}}

.order-extras{display:grid;gap:15px}.order-row{align-items:center}
/* Cart rows use one complete sprite cell; the confirmation remains inside the safe screen. */
.cart-brand{font:24px/1.1 Anton,sans-serif;margin:2px 0 13px}.cart-screen>h3{font-size:29px;margin:7px 0 11px}.cart-food{width:54px;height:36px;background-size:200% 200%}.cart-food.ayran{background-size:200% 200%}.cart-item{padding:7px 0}.cart-pickup{padding:12px 0 8px}.cart-total{padding:8px 0}.cart-checkout{padding:10px 7px}.cart-demo{margin-top:8px}
@media(min-width:761px) and (max-width:1000px){.web-page-hero h1 em{white-space:normal}.page-hero-copy{position:relative;z-index:4}.web-page-hero .page-hero-visual{margin-left:25px}.web-hero-laptop{width:125%;left:-12%}}