/* DevMarken Studio Edition — isolated from assets/css/app.css. */
:root{--ink:#191b1e;--muted:#676c73;--soft:#9c9fa4;--blue:#2458e8;--paper:#fafaf8;--line:#dedfdd;--ease:cubic-bezier(.22,.68,0,1.02);--header-h:88px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button,fieldset{margin:0}button{border:0}input,textarea{min-width:0}img,svg{display:block}img{max-width:100%}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:400}ul{list-style:none;margin:0;padding:0}::selection{background:#d6e1ff;color:#14171e}:focus-visible{outline:2px solid var(--blue);outline-offset:6px}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary::marker{content:""}details>summary .icon{flex-shrink:0}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}.icon{flex:0 0 auto;width:20px;height:20px}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.section{padding-block:118px}.section-label{font-size:10px;letter-spacing:.15em;line-height:1.5;color:#73777e;text-transform:uppercase;margin-bottom:33px;display:flex;align-items:center;gap:10px}.section h2,.portal-section h2{font-size:clamp(32px,3.45vw,50px);line-height:1.16;letter-spacing:-.052em}.muted-heading{color:#8b8e94}.blue-dot{width:6px;height:6px;background:var(--blue);display:inline-block;border-radius:50%;flex:0 0 auto}.anchor-alias{position:absolute;transform:translateY(-80px);pointer-events:none}.skip-link{position:fixed;z-index:1000;top:12px;left:16px;padding:12px 20px;background:var(--ink);color:white;transform:translateY(-180%);border-radius:6px}.skip-link:focus{transform:translateY(0)}
/* Navigation */
.site-header{height:var(--header-h);position:sticky;top:0;z-index:60;background:rgba(250,250,248,.96);border-bottom:1px solid transparent;transition:border-color .25s,box-shadow .25s}.site-header.is-scrolled{border-color:rgba(0,0,0,.075);box-shadow:0 8px 25px #12182003}.header-inner{height:100%;display:flex;align-items:center;gap:35px;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;flex-shrink:0}.brand-mark{display:block;width:25px;height:27px}.brand-mark svg{width:100%;height:100%}.brand-name{font-size:24px;font-weight:500;letter-spacing:-1.2px;line-height:1}.brand-dot{color:var(--blue)}.desktop-nav{display:flex;align-items:center;gap:27px;margin-left:55px;font-size:12px;line-height:1.3;color:#62666d}.desktop-nav>a,.client-link{transition:color .2s}.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.client-link:hover{color:var(--blue)}.header-right{display:flex;align-items:center;gap:24px}.header-right>.client-link{padding-left:20px;border-left:1px solid var(--line)}.client-link{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:11px;color:#4e535a}.client-link .icon{width:13px;height:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 21px;border-radius:5px;font-size:12px;font-weight:400;line-height:1.35;min-height:49px;transition:background .2s,box-shadow .2s,transform .2s;position:relative}.button .icon{width:17px;height:17px;transition:transform .25s var(--ease)}.button:hover .icon{transform:translate(2px,-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#30353c;box-shadow:0 5px 17px #1d26301a}.button-light{background:#fbfbfb;color:var(--ink)}.button-light:hover{background:#e9efff}.header-cta{font-size:11px;min-height:42px;padding:12px 15px;gap:19px}.header-cta .icon{width:15px;height:15px}.disclosure{position:relative}.services-dropdown>summary,.lang-dropdown>summary{display:flex;align-items:center;gap:5px;padding:10px 0}.services-dropdown>summary .icon,.lang-dropdown>summary .icon{width:12px;height:12px;transition:transform .2s}.disclosure[open]>summary>.icon{transform:rotate(180deg)}.services-panel,.language-panel,.mobile-panel{position:absolute;background:#fff;box-shadow:0 18px 65px #141d3020;border:1px solid #e8e9e7;border-radius:10px;z-index:65}.services-panel{top:calc(100% + 14px);left:-175px;width:455px;padding:12px}.services-panel>a{display:flex;align-items:center;gap:14px;padding:16px 13px;border-radius:5px;transition:background .2s}.services-panel>a:hover{background:#f3f5fa}.service-index{font-size:10px;align-self:flex-start;padding-top:5px;color:#9297a0}.service-name{font-size:14px;display:block;color:var(--ink)}.services-panel small{display:block;font-size:11px;line-height:1.5;margin-top:5px;color:var(--muted)}.services-panel .icon{width:16px;height:16px;margin-left:auto;color:#777c85}.lang-dropdown{font-size:10px;letter-spacing:.045em}.lang-dropdown>summary{gap:6px;min-width:40px;justify-content:center;min-height:44px}.language-panel{top:calc(100% + 8px);right:-15px;min-width:165px;padding:7px;letter-spacing:0}.language-panel>a{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:11px 12px;border-radius:4px;font-size:12px}.language-panel>a:hover,.language-panel a[aria-current=true]{background:#f0f3fb}.language-panel a .icon{width:14px;height:14px;color:var(--blue)}.mobile-nav{display:none}
/* Opening statement */
.hero{padding-top:62px;padding-bottom:29px}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em;color:#555b63;line-height:1.3;margin-bottom:28px}.hero-studio-code{margin-left:auto;font-size:9px;color:#888e96;letter-spacing:.06em}.hero-grid{display:grid;grid-template-columns:minmax(0,1.74fr) minmax(0,1fr);gap:60px;align-items:end}.hero h1{font-size:clamp(58px,6.8vw,98px);line-height:1.075;letter-spacing:-.066em;font-weight:400;padding-bottom:2px}.hero-line-two{color:#93979e}.blue-period{color:var(--blue)}.hero-aside{max-width:350px;margin-left:auto;padding-bottom:5px}.hero-aside>p{font-size:15px;color:#656b73;line-height:1.8;letter-spacing:-.012em;margin-bottom:23px}.button-primary{padding-inline:19px;min-height:51px;width:100%;justify-content:space-between}.hero-secondary{margin-top:17px;font-size:11px!important;color:#555c65;justify-content:space-between!important;width:100%;padding:0 2px}.hero-secondary .icon{width:15px;height:15px}.hero-baseline{display:flex;justify-content:space-between;align-items:center;margin-top:43px;font-size:10px;color:#7a8088;line-height:1.5}.hero-baseline>a{display:flex;gap:11px;align-items:center}.hero-baseline .icon{width:14px;height:14px}.text-link{display:inline-flex;align-items:center;gap:23px;font-size:13px}.text-link .icon{transition:transform .2s}.text-link:hover .icon{transform:translate(2px,-2px)}.underlined{border-bottom:1px solid #a9acb1;padding-bottom:8px}.underlined:hover{color:var(--blue);border-color:var(--blue)}
/* Flagship responsive design stage */
.showcase-stage{height:610px;position:relative;border-radius:13px;background:#e6e9ec;overflow:hidden;isolation:isolate}.stage-topline,.stage-bottomline{position:absolute;left:33px;right:33px;display:flex;justify-content:space-between;align-items:center;z-index:5;pointer-events:none;color:#64707a;font-size:9px;letter-spacing:.11em}.stage-topline{top:26px}.stage-topline>span:first-child{display:flex;align-items:center;gap:13px}.tiny-cross{font-size:17px;line-height:1}.stage-bottomline{bottom:26px;letter-spacing:.02em;font-size:10px}.stage-bottomline>span:last-child{display:flex;align-items:center;gap:16px}.stage-bottomline .icon{width:15px;height:15px}.stage-orbit{border:1px solid #cdd3d94f;border-radius:50%;position:absolute;z-index:-1;pointer-events:none}.orbit-one{width:750px;height:750px;top:-120px;left:-220px}.orbit-two{width:920px;height:920px;top:145px;right:-330px}.hero-browser{position:absolute;z-index:2;left:12%;top:80px;width:71%;background:#fff;border:1px solid #fff;border-radius:8px;overflow:hidden;transform:rotate(-5deg);box-shadow:10px 29px 54px #1d232831,1px 3px 5px #343b4115}.browser-chrome{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 13px;font-size:8px;letter-spacing:.015em;line-height:1;color:#81878c;background:#f7f7f6;border-bottom:1px solid #e9e9e4}.browser-dots{display:flex;gap:4px;align-items:center}.browser-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#d3d5d5}.browser-chrome>span:last-child{font-size:10px}.hero-phone{position:absolute;z-index:4;right:7.5%;bottom:61px;width:174px;padding:6px;background:#202322;border:2px solid #40433d;border-radius:29px;transform:rotate(8deg);box-shadow:12px 22px 25px #181f313d,inset 0 0 0 1px #9fa49b}.phone-screen{position:relative;overflow:hidden;border-radius:21px;background:#eeece3;min-height:317px}.phone-island{position:absolute;z-index:2;left:50%;top:5px;transform:translateX(-50%);background:#202322;width:57px;height:13px;border-radius:10px}.phone-header{padding:28px 14px 12px;display:flex;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:21px;color:#303c32}.phone-header>span{font-family:Arial,sans-serif;font-size:12px}.phone-screen>img{width:100%;height:105px;object-fit:cover;object-position:center}.phone-copy{padding:19px 15px 20px;color:#333e30}.phone-copy>span:first-child{font-size:5px;letter-spacing:1.5px;display:block}.phone-title{font-family:Georgia,serif;font-size:24px;line-height:1.12;letter-spacing:-1px;margin:11px 0 14px;display:block}.phone-cta{font-size:7px;display:flex;justify-content:space-between;border-bottom:1px solid #8b967f;padding-bottom:5px;max-width:100px}.stage-tag{position:absolute;z-index:5;left:5%;bottom:82px;display:flex;align-items:center;gap:13px;border:1px solid #ffffffe0;border-radius:7px;background:rgba(255,255,255,.96);padding:17px 20px;box-shadow:0 8px 30px #22324712}.stage-tag>.icon{width:27px;height:27px;color:var(--blue)}.stage-tag>span>span{display:block;font-size:12px;letter-spacing:-.02em}.stage-tag small{font-size:9px;color:#838a93;display:block;margin-top:2px}.showcase-caption{display:flex;justify-content:space-between;padding:14px 0 0;font-size:9px;color:#868c93;letter-spacing:.02em}.showcase-caption>span:last-child{font-size:8px;letter-spacing:.13em}.capabilities{display:grid;grid-template-columns:repeat(4,1fr);padding:40px 0 37px;gap:22px;border-bottom:1px solid var(--line)}.capabilities>div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:12px;line-height:1.4;color:#5a6067}.capabilities .icon{width:21px;height:21px;color:#616972}
/* Mini-sites: native, responsive typography, no screenshot text to translate. */
.custom-site{aspect-ratio:1.74;background:#eeefed}.custom-site>img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}

.mock-site{width:100%;container-type:inline-size;overflow:hidden;text-align:left;font-weight:400;line-height:1.4;display:block}.mock-nav{height:9.9cqw;padding:0 5cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-size:1.35cqw}.mock-links{display:flex;gap:2.5cqw}.mock-nav-cta{border-bottom:1px solid currentColor;padding-bottom:.6cqw;font-size:1.15cqw;white-space:nowrap}.olive{background:#f1efe6;color:#394134}.olive-logo{font-family:Georgia,serif;font-size:3.5cqw;line-height:1;letter-spacing:-.1cqw;display:block}.olive-logo>span{font-family:Arial,sans-serif;font-size:.63cqw;letter-spacing:.28cqw;display:block;text-align:center;margin-top:.75cqw}.olive-main{display:grid;grid-template-columns:1.06fr 1fr;height:40.5cqw}.olive-copy{padding:4.6cqw 3cqw 1.8cqw 5cqw;position:relative}.mock-eyebrow{font-size:.8cqw;letter-spacing:.22cqw;display:block;line-height:1.6}.olive-title{font-family:Georgia,"Times New Roman",serif;display:block;font-size:6.25cqw;line-height:1.05;letter-spacing:-.28cqw;margin-top:2.3cqw}.olive-body{font-size:1.1cqw;line-height:1.8;display:block;max-width:31cqw;margin-top:2cqw;color:#646a59}.olive-cta{display:flex;align-items:center;justify-content:space-between;max-width:19cqw;font-size:1cqw;border-bottom:1px solid #9ba18e;padding-bottom:.9cqw;margin-top:3cqw}.olive-cta>span{font-size:1.5cqw}.olive-bottom{display:block;font-size:.8cqw;color:#787b70;position:absolute;bottom:1.8cqw;left:5cqw}.olive-photo{position:relative;overflow:hidden;margin-right:3.2cqw}.olive-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.photo-caption{font-size:.75cqw;position:absolute;bottom:1.5cqw;left:1.5cqw;right:1.5cqw;color:#fff;letter-spacing:.12cqw;background:#1e1b117a;width:fit-content;padding:.6cqw 1cqw}.mock-bottom{display:flex;align-items:center;justify-content:space-between;gap:2cqw;height:7cqw;padding:0 5cqw;font-size:.75cqw;letter-spacing:.1cqw}.forma{background:#f1f2ef;color:#293128}.forma .mock-nav{border-bottom:1px solid #d2d7cd;margin:0 4cqw;padding-inline:0}.forma-logo{font-size:4.4cqw;font-weight:500;letter-spacing:-.33cqw;position:relative;line-height:1}.forma-logo>span{font-size:1.3cqw;position:absolute;right:-1.8cqw;top:-.2cqw}.forma-main{height:40.5cqw;display:grid;grid-template-columns:1.06fr 1fr}.forma-copy{position:relative;z-index:2;padding:4.8cqw 0 0 5cqw}.forma-title{display:block;font-size:6.4cqw;letter-spacing:-.38cqw;line-height:1.07;margin-top:2.4cqw}.forma-body{display:block;font-size:1.1cqw;line-height:1.7;width:28cqw;margin-top:2.2cqw;color:#73796f}.forma-round{display:flex;align-items:center;justify-content:center;width:4.2cqw;height:4.2cqw;background:#314332;color:white;border-radius:50%;font-size:2.3cqw;margin-top:3cqw}.forma .mock-bottom{border-top:1px solid #d2d7cd;margin:0 4cqw;padding-inline:0;letter-spacing:0;font-size:.95cqw}.sculpture-scene{position:relative;overflow:hidden;perspective:700px}.sculpture{width:26cqw;height:32cqw;position:absolute;top:4.2cqw;left:8cqw;border-radius:45% 48% 47% 45%;background:conic-gradient(from 205deg,#444d43 0%,#bcc3b5 9%,#f0f1e9 22%,#697765 37%,#253325 49%,#718169 58%,#e5e9d9 73%,#fff 80%,#7e8b77 92%,#434d3b);box-shadow:inset -1.3cqw .9cqw 1.2cqw #13221033,1.5cqw 1.5cqw 2cqw #21302221;transform:rotate(-28deg) rotateY(-20deg)}.sculpture:before{content:"";position:absolute;inset:7.5cqw 6cqw;border-radius:50%;background:linear-gradient(145deg,#d5dcd0,#edf0e9 60%,#bfcab5);box-shadow:inset .7cqw 1.3cqw 1.1cqw #18281165,-.6cqw -.6cqw .8cqw #f5f7edaa}.sculpture:after{content:"";position:absolute;inset:.6cqw;border:1px solid #ffffff80;border-radius:inherit}.sculpture-back{top:7.5cqw;left:3.3cqw;background:linear-gradient(110deg,#2c3a29,#a5b19b 20%,#40533a 70%,#273821);transform:rotate(27deg) rotateY(-35deg);box-shadow:1cqw 1cqw 1cqw #27382330}.sculpture-back:before{background:#dce2d7}.sculpture-shadow{position:absolute;width:31cqw;height:3.5cqw;border-radius:50%;background:#4658402e;filter:blur(1cqw);bottom:1.6cqw;left:3cqw;transform:rotate(-8deg)}.sculpture-caption{position:absolute;bottom:1.4cqw;right:4cqw;font-size:1cqw;color:#87917e}
/* The studio */
.studio-section{position:relative}.studio-grid{display:grid;grid-template-columns:1.14fr 1fr;gap:105px}.studio-intro>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:435px;margin:28px 0 27px}.studio-intro .text-link{font-size:12px}.principles{padding-top:0}.principle{display:grid;grid-template-columns:26px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:25px 0}.principle:first-child{padding-top:2px}.principle:last-child{border-bottom:0;padding-bottom:0}.principle-number{font-size:10px;color:#959ba3;line-height:2.4}.principle h3{font-size:18px;letter-spacing:-.03em;margin-bottom:9px;line-height:1.4}.principle p{font-size:12px;line-height:1.9;color:var(--muted);max-width:335px}
/* Creative directions */
.work-section{background:#f0f0ed;position:relative}.section-heading-row{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:end;margin-bottom:53px}.section-heading-row>p{max-width:320px;justify-self:end;font-size:13px;line-height:1.9;color:var(--muted);padding-bottom:4px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-card{min-width:0}.project-visual{display:block;width:100%;height:410px;position:relative;isolation:isolate;border-radius:8px;overflow:hidden;text-align:left;padding:0;color:var(--ink)}.project-olive{background:#d8d9d0}.project-forma{background:#dfe2df}.project-image-label{position:absolute;top:22px;left:23px;font-size:9px;letter-spacing:.06em;z-index:3;color:#62685c}.project-open{position:absolute;z-index:4;right:18px;top:18px;width:34px;height:34px;border:1px solid #8f978277;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s,border-color .3s}.project-open .icon{width:17px;height:17px}.project-browser{display:block;position:absolute;left:8%;top:90px;width:91%;transform:rotate(-5deg);transform-origin:center;box-shadow:1px 12px 23px #2b342b22;border-radius:5px;overflow:hidden;border:1px solid #fff;transition:transform .65s var(--ease)}.project-forma .project-browser{width:87%;left:7.5%;top:85px;transform:rotate(4deg)}.project-browser .browser-chrome{height:21px;font-size:6px;padding:0 9px}.project-browser .browser-dots{gap:3px}.project-browser .browser-dots i{width:3px;height:3px}.project-browser .browser-chrome>span:last-child{font-size:8px}.project-visual:hover .project-browser,.project-visual:focus-within .project-browser{transform:rotate(-2deg) translateY(-5px)}.project-forma:hover .project-browser,.project-forma:focus-within .project-browser{transform:rotate(1deg) translateY(-5px)}.project-visual:hover .project-open,.project-visual:focus-within .project-open{background:var(--ink);color:white;border-color:var(--ink)}.project-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:23px}.project-meta h3{font-size:23px;line-height:1.4;letter-spacing:-.05em}.project-meta p{font-size:11px;color:var(--muted);margin-top:3px}.project-meta-number{font-size:8px;letter-spacing:.08em;color:#858a87}.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.project-tags>span{font-size:8px;letter-spacing:.01em;line-height:1.5;padding:5px 9px;border:1px solid #d6d9d1;border-radius:3px;color:#70766d}.concept-disclaimer{display:flex;gap:8px;align-items:center;font-size:10px;color:#777e75;margin-top:40px}.concept-disclaimer .icon{width:14px;height:14px}
/* Method */
.method-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:68px}.method-step{border-top:1px solid #c9cdd0}.step-top{display:flex;align-items:center;justify-content:space-between;padding:17px 0 39px}.step-top>span{font-size:12px;color:#a1a6ad;font-variant-numeric:tabular-nums}.step-top .icon{width:16px;height:16px;color:#8b929a}.method-step h3{font-size:20px;letter-spacing:-.04em;margin-bottom:11px}.method-step>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:232px}
/* Client workspace */
.portal-section{padding:99px 0 104px;background:#181b20;color:#f7f8fa;position:relative;overflow:hidden}.portal-grid{display:grid;grid-template-columns:1fr 1.21fr;gap:85px;align-items:center}.portal-copy{position:relative;z-index:2}.portal-copy .section-label{font-size:9px;color:#919aa8;margin-bottom:30px;letter-spacing:.13em}.portal-section h2{font-size:41px;line-height:1.2;color:#f6f6f6;letter-spacing:-.045em}.portal-copy>p{font-size:12px;line-height:1.95;color:#9ba3ad;margin-top:25px;max-width:360px}.portal-copy>.button{margin-top:26px;font-size:11px;padding-inline:17px;gap:30px}.portal-points{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:28px;max-width:340px}.portal-points>span{display:flex;align-items:center;gap:5px;font-size:9px;color:#9ca5b1}.portal-points .icon{width:12px;height:12px;color:#d1d7df}.portal-visual{min-width:0;position:relative;padding:35px 0 0}.portal-visual:before{content:"";width:550px;height:550px;position:absolute;z-index:0;border:1px solid #ffffff07;border-radius:50%;left:10%;top:calc(50% - 290px)}.portal-visual:after{content:"";width:690px;height:690px;position:absolute;z-index:0;border:1px solid #ffffff05;border-radius:50%;left:-2%;top:calc(50% - 360px)}.workspace{container-type:inline-size;background:#f6f7f9;color:#363d48;width:100%;border:5px solid #2c3139;border-radius:10px;overflow:hidden;box-shadow:0 20px 35px #0003;position:relative;z-index:1;transform:perspective(1300px) rotateY(-7deg) rotateZ(1deg)}.ws-top{display:flex;align-items:center;gap:2.5cqw;padding:0 3cqw;height:10cqw;background:#fff;border-bottom:1px solid #e8ebf0}.ws-brand{font-size:2.55cqw;letter-spacing:-.15cqw;line-height:1;font-weight:500}.ws-brand>span{color:var(--blue)}.ws-top-label{color:#9199a5;font-size:1.3cqw;padding-left:2.3cqw;border-left:1px solid #e5e8ed}.demo-label{font-size:1.1cqw;color:#8c95a0;margin-left:auto;letter-spacing:.2cqw}.ws-avatar{width:3.8cqw;height:3.8cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3cqw;background:#ecf0fb;color:#4e64b3}.ws-body{display:grid;grid-template-columns:21% 1fr;min-height:47cqw}.ws-nav{background:white;border-right:1px solid #e8ebf0;display:flex;flex-direction:column;gap:1cqw;padding:3.2cqw 1.3cqw;font-size:1.35cqw;position:relative}.ws-nav>span{display:flex;align-items:center;gap:1.2cqw;padding:1.2cqw .9cqw;border-radius:.5cqw;color:#84909b}.ws-nav>span .icon{width:2cqw;height:2cqw}.ws-nav>span.ws-nav-active{background:#eef2fb;color:#3769ce}.ws-nav-bottom{position:absolute;bottom:3cqw;left:2.3cqw;font-size:.9cqw;letter-spacing:.12cqw;line-height:1.8;color:#a0a6af}.ws-content{padding:3.5cqw 3.5cqw 2.5cqw;min-width:0}.ws-kicker{font-size:1.3cqw;color:#929caa;display:block}.ws-title{font-size:3.2cqw;line-height:1.3;letter-spacing:-.12cqw;display:block;margin-top:.65cqw;margin-bottom:2.5cqw}.ws-cards{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}.ws-card{padding:2cqw 2cqw 1.6cqw;background:white;border:1px solid #e4e8ed;border-radius:1cqw;min-width:0}.ws-card>.icon{width:2.3cqw;height:2.3cqw;color:#77879b;margin-bottom:1.4cqw}.ws-card>span{font-size:1.7cqw;display:block;line-height:1.5}.ws-card>.ws-status{font-size:1.3cqw;color:#77836b;margin-top:1cqw;display:flex;align-items:center;gap:.7cqw}.ws-status i{width:.7cqw;height:.7cqw;background:#6d9471;border-radius:50%}.ws-card>small{font-size:1.3cqw;display:block;color:#939ba7;margin-top:1cqw}.ws-task{display:flex;align-items:center;gap:1.5cqw;background:#fff;border:1px solid #e4e8ed;border-radius:1cqw;margin-top:2cqw;padding:2cqw}.ws-task-icon{padding:1.1cqw;background:#f0f3fa;color:#6a85b9;border-radius:.6cqw}.ws-task-icon .icon{width:2.7cqw;height:2.7cqw}.ws-task>div>span{display:block;font-size:1.65cqw}.ws-task small{font-size:1.25cqw;color:#9098a4;display:block;line-height:1.7}.ws-task-arrow{margin-left:auto;color:#98a2b2;font-size:2cqw}.ws-next{display:flex;flex-direction:column;gap:.4cqw;margin-top:2.1cqw;padding:0 1cqw;color:#8994a4;font-size:1.2cqw}.ws-next>span:last-child{display:flex;justify-content:space-between;font-size:1.6cqw;color:#586b85}.ws-next b{font-weight:400}.portal-caption{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.02em;color:#919aa6;position:relative;z-index:1;margin-top:18px;padding-left:10px}.portal-caption>span{width:4px;height:4px;border-radius:50%;background:#77889f}
/* Questions */
.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:100px}.faq-heading .section-label{margin-bottom:28px}.faq-section h2{font-size:43px;line-height:1.19}.faq-list{border-top:1px solid var(--line);margin-top:2px}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:23px 0;font-size:14px;letter-spacing:-.015em;line-height:1.55;transition:color .2s}.faq-item summary:hover{color:var(--blue)}.faq-item summary .icon{width:17px;height:17px;color:#7d8793;transition:transform .25s}.faq-item[open] summary .icon{transform:rotate(45deg);color:var(--blue)}.faq-item>p{font-size:12px;color:var(--muted);line-height:1.95;padding:0 40px 25px 0}
/* Project enquiry */
.contact-section{background:#f0f1ee;position:relative;border-top:1px solid #e5e7e2}.contact-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:108px;align-items:start}.contact-intro .section-label{margin-bottom:32px}.contact-section h2{font-size:48px;line-height:1.18}.contact-intro>p{font-size:13px;line-height:1.95;color:var(--muted);margin:25px 0 27px;max-width:370px}.contact-note{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.7;color:#787f73;max-width:365px}.contact-note .icon{width:17px;height:17px;color:#6d7969}.direct-contact{margin-top:70px;display:flex;align-items:flex-start;flex-direction:column;gap:12px}.direct-contact>span{font-size:10px;color:#828a7d}.direct-contact>a{font-size:18px;letter-spacing:-.02em;max-width:100%;overflow-wrap:anywhere}.contact-form{padding-top:4px;min-width:0}.service-choices{border:0;padding:0 0 30px}.service-choices legend{font-size:12px;margin-bottom:15px;padding:0;color:#50584d}.service-choices>div{display:flex;flex-wrap:wrap;gap:8px}.service-choices label{position:relative;cursor:pointer;display:flex;min-width:0}.service-choices label input{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.service-choices label>span{display:block;padding:9px 13px;border:1px solid #cfd4cb;border-radius:4px;font-size:10px;line-height:1.5;color:#71776c;transition:background .2s,border-color .2s,color .2s}.service-choices input:checked+span{background:#252b23;color:white;border-color:#252b23}.service-choices input:focus-visible+span{outline:2px solid var(--blue);outline-offset:4px}.service-choices label:hover>span{border-color:#676f60}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px 26px}.form-grid>label,.message-label{display:block;font-size:11px;line-height:1.6;color:#50574d}.optional{font-size:9px;color:#8b9285;margin-left:3px}.form-grid input,.message-label textarea{display:block;background:transparent;border:0;border-bottom:1px solid #c9cfc4;border-radius:0;width:100%;color:#252c22;line-height:1.55;padding:12px 0 10px;margin-top:4px;font-size:14px;transition:border-color .2s,background .2s}.form-grid input{height:46px}.form-grid input:focus,.message-label textarea:focus{outline:0;border-bottom-color:var(--blue);background:#fff5}.form-grid input:focus-visible,.message-label textarea:focus-visible{box-shadow:0 2px 0 var(--blue)}.form-grid input::placeholder,.message-label textarea::placeholder{color:#90968b;font-size:12px;opacity:1}.message-label{margin-top:24px}.message-label textarea{resize:vertical;min-height:98px;max-height:400px;font-size:14px;padding-top:10px}.form-required{font-size:9px;color:#808a78;margin-top:9px}.form-submit-row{margin-top:25px;display:flex;justify-content:flex-start}.button-submit{min-width:215px;justify-content:space-between;font-size:11px;padding-inline:20px}.privacy-note{font-size:9px;line-height:1.9;color:#737d6b;margin-top:17px;max-width:455px}.privacy-note>a{display:inline;text-decoration:underline;text-underline-offset:3px}.form-notice{padding:17px;display:flex;align-items:flex-start;gap:13px;font-size:12px;line-height:1.8;border-radius:5px;margin-bottom:25px}.form-notice .icon{margin-top:2px;width:18px;height:18px}.form-success{border:1px solid #c4d5bd;background:#e6eee2;color:#48613e}.form-error{border:1px solid #e2c2b7;background:#fae9e3;color:#874a36}.honeypot{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;opacity:0;pointer-events:none}
/* Closing signature */
.site-footer{padding-top:52px;background:var(--paper);overflow:hidden}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>.brand .brand-name{font-size:22px}.footer-top>.brand .brand-mark{width:22px}.footer-top>p{font-size:12px;letter-spacing:-.01em;color:#747b85;margin-left:auto;margin-right:45px}.back-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#6b7581}.back-top .icon{width:14px;height:14px}.footer-middle{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:31px;font-size:10px;color:#8a9097}.footer-middle>nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap;color:#727983}.footer-middle>nav a:hover{color:var(--blue)}.footer-wordmark{font-size:clamp(70px,14.3vw,206px);line-height:1.17;letter-spacing:-.083em;color:#e5e6e4;white-space:nowrap;margin:32px 0 20px;font-weight:400;user-select:none}.footer-wordmark>span{color:#d8dfef}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0 26px;border-top:1px solid var(--line);font-size:9px;line-height:1.5;color:#8f959c}.footer-bottom>span:last-child{font-size:8px;letter-spacing:.07em}
/* Functional project previews */
.concept-dialog{border:0;max-width:920px;width:calc(100% - 40px);max-height:calc(100dvh - 60px);padding:0;border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 30px 120px #0005;overflow:auto}.concept-dialog:not([open]){display:none}.concept-dialog::backdrop{background:#0e141bbc;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 22px;font-size:10px;letter-spacing:.04em;position:sticky;top:0;z-index:2;background:rgba(250,250,248,.97);border-bottom:1px solid #dedfda}.icon-button{width:35px;height:35px;display:flex;align-items:center;justify-content:center;background:#edeFEB;border-radius:50%}.icon-button .icon{width:17px;height:17px}.icon-button:hover{background:#dde4f4}.dialog-preview{padding:23px;background:#e4e6df}.dialog-preview>.mock-site{border:1px solid #d7dbd0;box-shadow:0 7px 20px #0b2b0210;border-radius:4px}.dialog-details{padding:32px 35px 18px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.dialog-details .section-label{margin-bottom:7px;font-size:9px}.dialog-details h2{font-size:32px;line-height:1.3;letter-spacing:-.05em}.dialog-details p{font-size:12px;line-height:1.8;color:var(--muted);max-width:420px;margin-top:12px}.dialog-details .button{font-size:11px}.dialog-note{padding:0 35px 26px;font-size:9px;color:#858c83;line-height:1.8}.dialog-fallback{position:fixed;inset:30px 0 auto;z-index:200;margin:auto;background:var(--paper)}
/* Motion starts only when an observer is successfully attached. */
.reveal.is-pending{opacity:0;transform:translateY(19px)}.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}
/* Language-aware line lengths */
html[lang="sq"] .hero h1,html[lang="es"] .hero h1{font-size:clamp(48px,5.8vw,85px)}html[lang="de"] .hero h1{font-size:clamp(54px,6.1vw,89px)}html[lang="sq"] .contact-section h2,html[lang="es"] .contact-section h2,html[lang="de"] .contact-section h2{font-size:42px}html[lang="sq"] .portal-section h2,html[lang="de"] .portal-section h2{font-size:37px}html[lang="de"] .desktop-nav{gap:20px;margin-left:15px}html[lang="sq"] .desktop-nav{margin-left:20px;gap:21px}
/* Tablet */
@media(min-width:1600px){.showcase-stage{height:625px}.hero{padding-top:80px}.hero h1{font-size:100px}.hero-browser{top:86px}.hero-baseline{margin-top:54px}}
@media(max-width:1200px){.wrap{width:calc(100% - 72px)}.desktop-nav{margin-left:5px;gap:20px}.header-right{gap:17px}.header-inner{gap:25px}.client-link{font-size:10px}.header-right>.client-link{padding-left:12px}.hero-grid{gap:45px;grid-template-columns:1.75fr 1fr}.hero-aside>p{font-size:13px}.hero h1{font-size:7vw}.button-primary{font-size:11px;gap:17px}.showcase-stage{height:535px}.hero-browser{left:10%;top:80px;width:73%}.hero-phone{width:160px;right:6%;bottom:55px}.phone-screen{min-height:303px}.stage-tag{left:4%;bottom:60px;padding:14px 15px}.stage-tag>span>span{font-size:11px}.studio-grid{gap:65px}.section{padding-block:95px}.section-heading-row{gap:65px}.project-visual{height:350px}.project-browser{top:80px}.project-forma .project-browser{top:80px}.contact-grid{gap:65px}.contact-section h2{font-size:41px}.portal-grid{gap:50px}.portal-section h2{font-size:35px}.portal-section{padding:83px 0 89px}.faq-section{gap:70px}.hero-baseline{font-size:9px}.method-steps{gap:24px}.footer-top>p{margin-right:15px}}
@media(max-width:1020px){:root{--header-h:76px}.wrap{width:calc(100% - 56px)}.desktop-nav,.header-right>.client-link{display:none}.header-right{gap:20px}.header-cta{order:2}.lang-dropdown{order:1}.mobile-nav{display:block;order:3}.mobile-nav>summary{width:38px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.mobile-nav>summary>span{width:21px;height:1px;background:var(--ink);transition:transform .2s}.mobile-nav[open]>summary>span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-nav[open]>summary>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-panel{right:0;top:calc(100% + 17px);width:min(390px,calc(100vw - 40px));padding:17px 25px 22px;max-height:calc(100dvh - 120px);overflow:auto}.mobile-panel>a{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:18px;border-bottom:1px solid #eaede7;line-height:1.3;letter-spacing:-.025em}.mobile-panel>a>span{font-size:9px;color:#a1a7af;letter-spacing:0}.mobile-panel>a .icon{width:16px;height:16px}.mobile-panel .mobile-client{justify-content:flex-start;gap:10px;margin-top:10px;color:#6d7580;font-size:12px;border-bottom:0}.mobile-services{border-bottom:1px solid #eaede7}.mobile-services>summary{font-size:18px;line-height:1.3;letter-spacing:-.025em;display:flex;justify-content:space-between;align-items:center;padding:16px 0}.mobile-services>summary .icon{width:16px;height:16px;color:#8f97a2}.mobile-services[open]>summary .icon{transform:rotate(45deg)}.mobile-services>div{padding:0 0 10px 10px}.mobile-services>div>a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;font-size:12px;color:#697380;line-height:1.4}.mobile-services>div>a>.icon{width:13px;height:13px}.hero{padding-top:51px}.hero-grid{grid-template-columns:1.6fr 1fr;gap:32px}.hero h1{font-size:7vw}.hero-aside>p{font-size:12px;line-height:1.8;margin-bottom:16px}.hero .button-primary{font-size:10px;padding:13px 14px;min-height:45px;gap:10px}.hero-secondary{font-size:10px!important;margin-top:12px}.hero-eyebrow{font-size:9px}.hero-baseline{margin-top:33px}.showcase-stage{height:470px}.hero-browser{top:74px;left:8%;width:76%}.hero-phone{width:144px;bottom:51px;right:5%}.phone-screen{min-height:264px}.phone-header{font-size:19px;padding:27px 12px 10px}.phone-screen>img{height:83px}.phone-title{font-size:21px}.phone-copy{padding:15px 12px}.phone-copy>span:first-child{font-size:4px;letter-spacing:1.1px}.phone-cta{font-size:6px}.stage-tag{bottom:53px;left:4%;padding:12px 13px;gap:9px}.stage-tag>.icon{width:22px;height:22px}.stage-tag>span>span{font-size:10px}.stage-tag small{font-size:8px}.stage-topline{top:21px;left:25px;right:25px;font-size:8px}.stage-bottomline{bottom:21px;left:25px;right:25px;font-size:9px}.capabilities>div{font-size:10px;gap:8px}.capabilities .icon{width:18px;height:18px}.capabilities{padding:31px 0}.section{padding-block:82px}.section h2{font-size:36px}.studio-grid{gap:45px;grid-template-columns:1.04fr 1fr}.studio-intro>p{font-size:12px}.principle p{font-size:11px}.principle h3{font-size:16px}.principle{gap:13px;grid-template-columns:20px 1fr;padding-block:23px}.section-heading-row{gap:40px;margin-bottom:36px}.section-heading-row>p{font-size:12px}.projects-grid{gap:22px}.project-visual{height:300px}.project-browser{top:76px}.project-forma .project-browser{top:80px;width:89%;left:6%}.project-meta-number{display:none}.project-meta h3{font-size:21px}.method-steps{gap:21px;margin-top:45px}.method-step h3{font-size:18px}.method-step>p{font-size:11px}.step-top{padding-bottom:27px}.portal-grid{gap:35px;grid-template-columns:1fr 1.12fr}.portal-section h2{font-size:31px}.portal-copy>p{font-size:11px}.portal-copy .section-label{font-size:8px}.portal-points>span{font-size:8px}.portal-caption{font-size:8px}.faq-section{gap:47px;grid-template-columns:1fr 1.5fr}.faq-item summary{font-size:13px}.faq-item>p{font-size:11px}.contact-grid{gap:50px;grid-template-columns:1fr 1.08fr}.contact-section h2{font-size:35px}.contact-intro>p{font-size:12px}.contact-note{font-size:9px}.service-choices label>span{font-size:9px;padding:8px 10px}.service-choices>div{gap:6px}.form-grid{gap:21px 18px}.optional{font-size:8px}.footer-top>p{font-size:10px}.footer-middle{font-size:9px}.footer-middle>nav{gap:18px}.footer-bottom{font-size:8px}html[lang="sq"] .hero h1,html[lang="es"] .hero h1{font-size:5.75vw}html[lang="de"] .hero h1{font-size:6.25vw}html[lang="sq"] .portal-section h2,html[lang="de"] .portal-section h2{font-size:29px}html[lang="sq"] .contact-section h2,html[lang="de"] .contact-section h2,html[lang="es"] .contact-section h2{font-size:33px}}
/* Phones */
@media(max-width:700px){:root{--header-h:72px}.wrap{width:calc(100% - 40px)}html{scroll-padding-top:88px}.brand-mark{width:22px;height:24px}.brand-name{font-size:23px;letter-spacing:-1.1px}.brand{gap:8px}.header-right{gap:10px}.header-cta{display:none}.lang-dropdown>summary{font-size:9px}.header-inner{gap:10px}.mobile-nav>summary{width:32px}.mobile-panel{top:calc(100% + 14px)}.hero{padding-top:39px;padding-bottom:24px}.hero-eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:24px;gap:8px}.hero-eyebrow .blue-dot{width:5px;height:5px}.hero-studio-code{display:none}.hero-grid{display:block}.hero h1{font-size:clamp(45px,10.8vw,73px);line-height:1.08;letter-spacing:-.065em}.hero-aside{margin:23px 0 0;max-width:420px;display:flex;flex-wrap:wrap;gap:0 22px;align-items:center;padding:0}.hero-aside>p{font-size:12px;line-height:1.9;margin-bottom:20px;width:100%;max-width:345px}.hero .button-primary{width:auto;min-height:48px;font-size:11px;padding:14px 17px;gap:23px;max-width:100%;text-align:left}.hero-secondary{width:auto;margin-top:0;font-size:10px!important;gap:12px;min-height:42px}.hero-secondary .icon{width:14px;height:14px}.hero-baseline{margin-top:27px;font-size:8px;gap:20px;align-items:flex-end}.hero-baseline>span{max-width:220px;line-height:1.6}.hero-baseline>a{font-size:0;gap:0;padding:5px}.hero-baseline>a>.icon{width:17px;height:17px}.showcase-stage{height:365px;border-radius:8px}.stage-topline{top:19px;left:19px;right:19px;font-size:6px;letter-spacing:.075em}.stage-topline>span:first-child{gap:7px}.tiny-cross{font-size:13px}.hero-browser{width:92%;top:80px;left:-3%;transform:rotate(-6deg);border-radius:4px;box-shadow:5px 16px 28px #23303f30}.hero-browser>.browser-chrome{height:19px;padding:0 8px;font-size:5px}.hero-browser>.browser-chrome>.browser-dots i{width:3px;height:3px}.hero-browser>.browser-chrome>.browser-dots{gap:2px}.hero-browser>.browser-chrome>span:last-child{font-size:7px}.hero-phone{width:104px;border-radius:20px;right:6%;bottom:42px;padding:4px;border-width:1.5px;box-shadow:7px 11px 15px #181f313d,inset 0 0 0 1px #9fa49b}.phone-screen{border-radius:14px;min-height:197px}.phone-island{width:36px;height:9px;top:3px}.phone-header{font-size:14px;padding:18px 8px 8px}.phone-header>span{font-size:8px}.phone-screen>img{height:59px}.phone-copy{padding:11px 8px 12px}.phone-copy>span:first-child{font-size:3.2px;letter-spacing:.6px}.phone-title{font-size:17px;letter-spacing:-.6px;margin:8px 0 10px}.phone-cta{font-size:4.5px;padding-bottom:3px;max-width:74px}.stage-tag{left:5%;bottom:42px;border-radius:5px;padding:10px 11px;gap:8px;max-width:62%}.stage-tag>.icon{width:20px;height:20px}.stage-tag>span>span{font-size:8px;line-height:1.4}.stage-tag small{font-size:6px;margin-top:3px}.stage-bottomline{bottom:16px;left:18px;right:18px;font-size:7px;letter-spacing:0}.stage-bottomline>span:last-child{gap:5px;font-size:6px}.stage-bottomline .icon{width:10px;height:10px}.showcase-caption{font-size:7px;line-height:1.6;padding-top:12px;gap:20px}.showcase-caption>span:last-child{font-size:6px;white-space:nowrap;align-self:flex-start;padding-top:2px}.capabilities{grid-template-columns:1fr 1fr;gap:20px 16px;padding:30px 0}.capabilities>div{font-size:10px;justify-content:flex-start;gap:10px;padding-left:4px}.capabilities .icon{width:18px;height:18px}.section{padding-block:68px}.section-label{font-size:8px;letter-spacing:.14em;margin-bottom:25px}.section h2{font-size:34px;line-height:1.17;letter-spacing:-.053em}.studio-grid{display:block}.studio-intro>p{font-size:12px;line-height:1.95;margin:23px 0 25px;max-width:405px}.studio-intro .text-link{font-size:11px}.principles{margin-top:39px}.principle{grid-template-columns:20px 1fr;gap:15px;padding:22px 0}.principle:first-child{padding-top:22px;border-top:1px solid var(--line)}.principle h3{font-size:17px;line-height:1.35;margin-bottom:7px}.principle p{font-size:11px;max-width:none;line-height:1.9}.principle-number{font-size:9px}.section-heading-row{display:block;margin-bottom:29px}.section-heading-row>p{max-width:390px;margin-top:21px;font-size:12px;line-height:1.9}.projects-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:340px;border-radius:7px}.project-browser{width:88%;top:86px;left:9%}.project-forma .project-browser{top:81px;width:86%;left:7%}.project-image-label{top:19px;left:19px;font-size:8px}.project-open{top:14px;right:14px;width:31px;height:31px}.project-open>.icon{width:14px;height:14px}.project-meta{margin-top:17px}.project-meta h3{font-size:22px}.project-meta p{font-size:10px}.project-meta-number{display:block;font-size:7px}.project-tags{margin-top:12px}.project-tags>span{font-size:7px}.concept-disclaimer{font-size:8px;line-height:1.7;gap:7px;align-items:flex-start;margin-top:30px}.concept-disclaimer>.icon{margin-top:1px;width:12px;height:12px}.method-steps{grid-template-columns:1fr 1fr;gap:35px 20px;margin-top:40px}.step-top{padding-top:14px;padding-bottom:24px}.step-top>span{font-size:11px}.step-top>.icon{width:14px;height:14px}.method-step h3{font-size:18px;margin-bottom:8px}.method-step>p{font-size:10px;line-height:1.9}.portal-section{padding:63px 0 51px}.portal-grid{display:block}.portal-section h2{font-size:33px;line-height:1.17;max-width:460px}.portal-copy .section-label{font-size:8px;margin-bottom:24px}.portal-copy>p{font-size:11px;line-height:1.95;max-width:390px;margin-top:22px}.portal-copy>.button{font-size:10px;min-height:44px;margin-top:22px}.portal-points{gap:10px 15px;max-width:none;margin-top:22px}.portal-points>span{font-size:8px;line-height:1.5}.portal-visual{padding-top:38px;width:100%}.workspace{border-width:4px;transform:perspective(1000px) rotateY(-4deg) rotateZ(1deg);border-radius:7px}.portal-caption{font-size:7px;margin-top:15px;padding-left:2px}.faq-section{display:block}.faq-heading h2{font-size:34px}.faq-list{margin-top:31px}.faq-item summary{font-size:12px;padding:20px 0;line-height:1.7;gap:25px}.faq-item summary .icon{width:15px;height:15px}.faq-item>p{font-size:11px;padding:0 19px 21px 0;line-height:1.95}.contact-grid{display:block}.contact-section h2{font-size:36px;line-height:1.15}.contact-intro>p{font-size:12px;max-width:390px;margin-top:24px}.contact-note{font-size:9px;max-width:365px}.contact-form{margin-top:44px}.service-choices legend{font-size:11px;margin-bottom:13px}.service-choices label>span{font-size:9px;padding:8px 10px}.service-choices{padding-bottom:26px}.service-choices>div{gap:7px}.form-grid{gap:23px 20px}.form-grid>label,.message-label{font-size:10px}.form-grid input,.message-label textarea{font-size:16px;/* Avoid focus zoom on iOS. */}.form-grid input::placeholder,.message-label textarea::placeholder{font-size:11px}.form-grid input{height:47px}.optional{font-size:8px}.message-label{margin-top:24px}.message-label textarea{min-height:115px}.form-required{font-size:8px;margin-top:11px}.button-submit{width:100%;min-height:48px;font-size:11px}.privacy-note{font-size:8px;line-height:1.9;margin-top:15px}.form-submit-row{margin-top:24px}.direct-contact{margin-top:27px}.direct-contact>a{font-size:17px}.site-footer{padding-top:38px}.footer-top{gap:20px}.footer-top>.brand .brand-name{font-size:21px}.footer-top>.brand .brand-mark{width:21px}.footer-top>p{display:none}.back-top{font-size:9px;gap:9px}.footer-middle{display:block;margin-top:25px}.footer-middle>span{font-size:9px}.footer-middle>nav{gap:14px 22px;font-size:9px;margin-top:21px}.footer-wordmark{font-size:14.5vw;letter-spacing:-.082em;margin:31px 0 21px;line-height:1.15}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:7px;padding:19px 0 22px}.footer-bottom>span:nth-child(2){grid-column:1/-1;grid-row:2;font-size:7px}.footer-bottom>span:last-child{font-size:7px}.concept-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 30px);border-radius:7px}.dialog-top{padding:9px 13px;font-size:9px}.dialog-top>.icon-button{width:32px;height:32px}.dialog-preview{padding:13px}.dialog-details{display:block;padding:24px 22px 14px}.dialog-details h2{font-size:28px}.dialog-details p{font-size:11px;line-height:1.9}.dialog-details .button{margin-top:21px;font-size:10px;min-height:44px}.dialog-note{padding:0 22px 22px;font-size:8px;line-height:1.9}.dialog-details .section-label{font-size:8px}html[lang="sq"] .hero h1,html[lang="es"] .hero h1{font-size:clamp(39px,8.6vw,61px)}html[lang="de"] .hero h1{font-size:clamp(44px,9.2vw,66px)}html[lang="sq"] .contact-section h2,html[lang="de"] .contact-section h2,html[lang="es"] .contact-section h2{font-size:33px}html[lang="sq"] .portal-section h2,html[lang="de"] .portal-section h2{font-size:31px}}
@media(min-width:480px) and (max-width:700px){.showcase-stage{height:440px}.hero-browser{top:84px;width:87%;left:3%}.hero-phone{width:137px;bottom:51px}.phone-screen{min-height:253px}.phone-header{padding:24px 11px 11px;font-size:18px}.phone-screen>img{height:79px}.phone-copy{padding:13px 11px 14px}.phone-title{font-size:21px}.phone-copy>span:first-child{font-size:4px}.phone-cta{font-size:6px}.stage-tag{bottom:56px}.stage-tag>span>span{font-size:10px}.stage-tag small{font-size:8px}.project-visual{height:410px}}
@media(max-width:380px){.wrap{width:calc(100% - 34px)}.hero h1{font-size:43px}.hero-aside{gap:2px 16px}.hero .button-primary{font-size:10px;gap:15px;min-height:45px}.hero-secondary{font-size:9px!important;gap:8px}.showcase-stage{height:327px}.hero-browser{top:77px}.hero-phone{width:94px;right:5%;bottom:37px}.phone-screen{min-height:183px}.phone-title{font-size:15px}.phone-header{font-size:13px}.phone-screen>img{height:55px}.stage-tag{bottom:36px;max-width:64%;padding:8px 9px}.stage-tag>.icon{width:17px;height:17px}.stage-tag>span>span{font-size:7px}.stage-tag small{font-size:6px}.stage-topline{font-size:5px;left:15px;right:15px}.stage-bottomline{left:15px;right:15px;font-size:6px;bottom:13px}.stage-bottomline>span:last-child{font-size:5px}.project-visual{height:300px}.project-browser{top:78px}.project-forma .project-browser{top:77px}.section h2{font-size:31px}.contact-section h2{font-size:33px}.brand-name{font-size:21px}.brand-mark{width:21px}.section{padding-block:59px}.method-steps{gap:31px 17px}.method-step h3{font-size:16px}.method-step>p{font-size:10px}.project-meta-number{font-size:6px}.form-grid{grid-template-columns:1fr;gap:19px}.hero-aside>p{font-size:11px}.capabilities>div{font-size:9px;gap:8px}html[lang="sq"] .hero h1,html[lang="es"] .hero h1{font-size:34px}html[lang="de"] .hero h1{font-size:37px}html[lang="sq"] .contact-section h2,html[lang="de"] .contact-section h2,html[lang="es"] .contact-section h2{font-size:30px}html[lang="sq"] .portal-section h2,html[lang="de"] .portal-section h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal.is-pending{opacity:1;transform:none}}
@media print{.site-header,.showcase-wrap,.contact-form,.concept-dialog,.back-top,.hero-secondary,.portal-visual{display:none!important}.wrap{width:100%;max-width:none}.section,.portal-section{padding:25px 0;background:white;color:#111}.reveal.is-pending{opacity:1;transform:none}.button{border:1px solid #888;background:white!important;color:black!important}.footer-wordmark{display:none}.project-card,.method-step,.principle{break-inside:avoid}}

/* A separate overlay keeps the preview markup valid and fully keyboard operable. */
.project-trigger{position:absolute;inset:0;width:100%;height:100%;z-index:5;display:block;background:transparent;border:0;padding:0;border-radius:inherit}
.project-visual:focus-within{outline:2px solid var(--blue);outline-offset:5px}
.honeypot input{max-width:1px!important}
@media(max-width:700px){
 .hero-aside>p{font-size:13px;line-height:1.85}.hero .button-primary{font-size:12px}.hero-secondary{font-size:11px!important}
 .hero-aside{gap:3px 19px}.hero-eyebrow{font-size:9px}.hero-baseline{font-size:9px}
 .capabilities>div{font-size:11px}.section-label{font-size:9px}
 .studio-intro>p,.section-heading-row>p,.contact-intro>p{font-size:13px}.principle p{font-size:12px}.method-step>p{font-size:12px}
 .portal-copy>p,.faq-item>p{font-size:12px}.faq-item summary{font-size:14px}
 .project-meta p{font-size:11px}.concept-disclaimer{font-size:9px}
 .form-grid>label,.message-label,.service-choices legend{font-size:12px}.service-choices label>span{font-size:10px}
 .form-grid input::placeholder,.message-label textarea::placeholder{font-size:12px}.optional{font-size:9px}
 .privacy-note{font-size:10px}.form-required{font-size:9px}.button-submit{font-size:12px}
 .contact-note{font-size:10px}.lang-dropdown>summary{font-size:10px}
}
@media(max-width:380px){.hero .button-primary{font-size:11px}.hero-secondary{font-size:10px!important}.hero-eyebrow{font-size:8px}.capabilities>div{font-size:10px}.hero-aside>p{font-size:12px}.method-step>p{font-size:11px}}