:root{--ink:#20201e;--paper:#f0ede7;--muted:#77746e;--line:#d5d1c9;--acid:#d8f46a;--black:#161615;--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:5;background:rgba(240,237,231,.7);backdrop-filter:blur(16px)}.brand{font-weight:800;display:flex;align-items:center;gap:10px;font-size:16px;letter-spacing:-.04em}.brand-mark{background:var(--ink);color:var(--paper);width:29px;height:29px;display:grid;place-items:center;font-size:10px;letter-spacing:-.08em}.brand-logo{width:58px;height:58px;padding:0;object-fit:contain;display:block}.site-header .brand-logo{filter:invert(1)}.desktop-nav{display:flex;gap:34px;margin-left:12%}.desktop-nav a,.header-cta{font-size:12px;font-weight:600}.desktop-nav a{color:var(--muted);transition:color .25s}.desktop-nav a:hover{color:var(--ink)}.header-cta{border-bottom:1px solid var(--ink);padding-bottom:4px}.header-cta span,.text-link span,.button span{margin-left:12px;transition:transform .3s;display:inline-block}.header-cta:hover span,.text-link:hover span,.button:hover span{transform:translate(3px,-3px)}.menu-toggle{display:none;background:none;border:0}.section-pad{padding-left:11vw;padding-right:11vw}.hero{min-height:780px;padding-top:180px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw}.eyebrow{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 28px}.status-dot{display:inline-block;width:7px;height:7px;background:#a9d500;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #dcecb2}.hero h1,.section-intro h2,.work-heading h2,.services h2,.contact h2{font-size:clamp(54px,7vw,106px);letter-spacing:-.08em;line-height:.91;margin:0;font-weight:700}.hero h1 em,.contact h2 em{font-family:var(--serif);font-weight:400}.hero-description{max-width:390px;color:var(--muted);font-size:16px;margin:34px 0 35px}.hero-actions{display:flex;align-items:center;gap:27px}.button{border:0;padding:16px 21px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s}.button-dark{background:var(--ink);color:var(--paper)}.button-light{background:var(--acid);color:var(--ink);width:max-content}.button:hover{transform:translateY(-3px);box-shadow:7px 7px 0 rgba(32,32,30,.13)}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link span{font-size:16px}.hero-art{position:relative;height:510px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:300px;height:300px;background:var(--acid);top:45px;right:10%}.orb-two{width:160px;height:160px;background:#d6cec5;bottom:40px;left:2%}.art-card{position:absolute;width:270px;height:370px;border:1px solid rgba(32,32,30,.35);transform:rotate(11deg);top:70px;right:23%;background:rgba(255,255,255,.13)}.art-card-front{transform:rotate(-8deg);top:60px;right:20%;background:linear-gradient(145deg,#282926,#777e63);color:var(--paper);padding:26px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:25px 35px 70px rgba(32,32,30,.18)}.art-label{font:17px var(--serif);line-height:1.1}.art-number{font:10px var(--mono);align-self:flex-end}.art-number span{opacity:.5}.art-line{width:100%;height:1px;background:rgba(240,237,231,.55)}.scroll-note{position:absolute;bottom:0;right:2%;font:10px var(--mono);text-transform:uppercase;color:var(--muted);transform:rotate(-90deg);transform-origin:right}.scroll-note span{margin-left:20px;font-size:16px}.marquee{background:var(--acid);overflow:hidden;padding:14px 0;border-bottom:1px solid var(--ink);border-top:1px solid var(--ink)}.marquee-track{display:flex;gap:38px;white-space:nowrap;animation:slide 25s linear infinite;font:12px var(--mono);text-transform:uppercase;align-items:center}.marquee b{font-size:18px}.about{display:grid;grid-template-columns:1fr 1fr;padding-top:160px;padding-bottom:150px;gap:10vw}.section-intro h2 span,.work-heading h2 span,.services h2 span{font-family:var(--serif);font-weight:400}.about-content{max-width:470px;padding-top:55px}.lead{font-size:24px;letter-spacing:-.04em;line-height:1.25;margin:0 0 30px}.about-content>p:not(.lead){color:var(--muted);max-width:360px;margin-bottom:32px}.expertise{background:var(--black);color:var(--paper);padding-top:75px;padding-bottom:80px}.expertise-top{display:flex;justify-content:space-between;border-bottom:1px solid #44413d;padding-bottom:20px}.expertise-top .eyebrow,.expertise-top .mono{color:#aaa69e}.mono{font:10px var(--mono)}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.expertise-item{padding:48px 25px 18px 0;border-right:1px solid #44413d}.expertise-item:last-child{border:0}.item-icon{color:var(--acid);font-size:28px}.expertise-item h3{font-size:23px;line-height:1.05;letter-spacing:-.06em;margin:28px 0 16px}.expertise-item p{color:#aaa69e;font-size:12px;max-width:150px}.work{padding-top:155px;padding-bottom:160px}.work-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:90px}.work-intro{max-width:200px;color:var(--muted);font-size:12px;margin:0}.project{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center;margin-bottom:140px}.project-two{grid-template-columns:.85fr 1.15fr}.project-copy{max-width:360px}.project-copy h3{font-size:clamp(47px,5vw,75px);letter-spacing:-.09em;line-height:.88;margin:0 0 28px}.project-copy h3 em{font-family:var(--serif);font-weight:400}.project-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:30px}.case-stats{display:flex;gap:28px;border-top:1px solid var(--line);padding:16px 0 27px;margin-bottom:4px}.case-stats span{font:9px var(--mono);text-transform:uppercase;color:var(--muted)}.case-stats b{display:block;color:var(--ink);font-size:16px;margin-bottom:4px}.project-visual{height:480px;position:relative;display:grid;place-items:center;overflow:hidden}.visual-one{background:#232522}.visual-one .visual-caption{color:#8f8c85}.visual-two{background:#e2c7af}.visual-caption{position:absolute;right:22px;bottom:20px;font:10px var(--mono)}.mock-browser{background:#242521;width:72%;height:70%;color:var(--paper);box-shadow:22px 23px 0 rgba(32,32,30,.13);transition:transform .7s}.project-visual:hover .mock-browser,.project-visual:hover .mock-shop{transform:scale(1.05)}.browser-bar{height:27px;background:#d4d7cb;color:#555;padding:6px 9px;display:flex;gap:4px;align-items:center;font:7px var(--mono)}.browser-bar i{width:5px;height:5px;background:#92978a;border-radius:50%}.browser-bar span{margin-left:auto;margin-right:auto}.browser-content{padding:34px 28px;position:relative;height:calc(100% - 27px);overflow:hidden}.mock-kicker{font:7px var(--mono);color:#a9b79e}.browser-content strong{font:clamp(25px,3vw,44px);line-height:.88;display:block;margin-top:45px;letter-spacing:-.08em}.browser-content em{font-family:var(--serif);font-weight:400}.browser-content small{position:absolute;bottom:22px;font:8px var(--mono)}.mock-circle{position:absolute;width:150px;height:150px;border-radius:50%;background:#c9d4c2;right:-40px;top:75px}.mock-shop{background:#f7ead9;width:72%;height:74%;padding:22px;color:#44403c;transition:transform .7s}.shop-header{display:flex;justify-content:space-between;font:9px var(--mono)}.shop-header span:first-child{font:bold 20px var(--serif);line-height:.8}.shop-product{height:79%;margin-top:24px;background:#d7ac89;position:relative;padding:13px;display:flex;flex-direction:column;justify-content:flex-end;color:#f8eddf}.product-shape{position:absolute;inset:26px 26px 55px;background:radial-gradient(ellipse at 60% 35%,#eacfae 0 14%,transparent 15%),linear-gradient(130deg,#a47758,#eed5b0 60%,#9a7359);mix-blend-mode:multiply}.shop-product span,.shop-product strong{position:relative;font-size:8px}.shop-product strong{font:13px var(--serif);margin-top:5px}.services{background:#d9d4cb;padding-top:140px;padding-bottom:150px;display:grid;grid-template-columns:1fr 1.35fr;gap:9vw}.services h2{margin-top:45px}.service-list{border-top:1px solid #aaa59d}.service{border-bottom:1px solid #aaa59d;display:flex;justify-content:space-between;align-items:center;padding:25px 0;transition:padding .3s}.service:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.18)}.service-num{font:10px var(--mono);color:var(--muted)}.service h3{font-size:20px;line-height:1.1;letter-spacing:-.05em;margin:0}.service-arrow{font-size:22px}.quote{padding-top:160px;padding-bottom:170px;max-width:950px;margin:auto}.quote-mark{font:100px var(--serif);line-height:.5}.quote blockquote{font-size:clamp(31px,4vw,55px);line-height:1.04;letter-spacing:-.07em;margin:35px 0 42px;max-width:800px}.quote blockquote em{font-family:var(--serif);font-weight:400}.quote-byline{display:flex;align-items:center;gap:12px}.avatar{width:34px;height:34px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font:9px var(--mono)}.quote-byline b,.quote-byline small{display:block;font-size:11px}.quote-byline small{color:var(--muted);font-size:10px}.quote-controls{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin-top:65px;padding-top:14px;font:10px var(--mono);color:var(--muted)}.contact{background:var(--black);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:130px;padding-bottom:130px}.contact .eyebrow{color:#aaa69e}.contact h2{color:var(--paper)}.contact-intro>p:not(.eyebrow){color:#aaa69e;max-width:260px;margin-top:35px}.direct-links{margin-top:60px;display:grid;gap:12px;width:max-content}.direct-links a{font-size:12px;border-bottom:1px solid #555;padding-bottom:7px}.direct-links span{margin-left:35px;color:var(--acid)}.contact-form{padding-top:22px}.contact-form label{display:block;font:10px var(--mono);text-transform:uppercase;color:#aaa69e;margin-bottom:26px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #504e49;color:var(--paper);padding:12px 0 11px;outline:none;border-radius:0;resize:vertical}.contact-form select{color:#aaa69e}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:var(--acid)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#66635e}.form-status{font-size:11px;color:var(--acid);margin:17px 0 0}.footer{background:var(--black);color:var(--paper);padding:55px 11vw 28px;border-top:1px solid #44413d}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:85px}.footer-top p{color:#aaa69e;font:14px var(--serif);line-height:1.1;margin:0}.back-top{font:10px var(--mono);border-bottom:1px solid #555;padding-bottom:5px}.footer-bottom{border-top:1px solid #44413d;padding-top:15px;display:grid;grid-template-columns:1fr 1fr 1fr;color:#77746e;font:10px var(--mono)}.footer-bottom div{display:flex;gap:20px}.footer-bottom div:last-child{justify-content:flex-end}.footer-bottom a:hover{color:var(--paper)}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.28s}@keyframes slide{to{transform:translateX(-30%)}}.cursor-glow{position:fixed;width:250px;height:250px;pointer-events:none;border-radius:50%;background:rgba(216,244,106,.08);filter:blur(35px);transform:translate(-50%,-50%);z-index:0}
@media(max-width:800px){.section-pad{padding-left:7vw;padding-right:7vw}.site-header{padding:0 7vw;height:70px}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:8px}.menu-toggle span{display:block;background:var(--ink);width:23px;height:1px}.desktop-nav.mobile-open{display:flex;position:absolute;top:70px;left:0;right:0;margin:0;padding:24px 7vw;flex-direction:column;gap:18px;background:var(--paper);border-bottom:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:130px;min-height:auto;padding-bottom:70px}.hero-art{height:390px;margin-top:20px}.art-card{right:25%;transform:rotate(9deg) scale(.8)}.art-card-front{right:20%;transform:rotate(-8deg) scale(.8)}.orb-one{right:9%}.scroll-note{right:0}.about,.services,.contact{grid-template-columns:1fr;gap:55px}.about{padding-top:100px;padding-bottom:100px}.about-content{padding-top:0}.expertise-grid{grid-template-columns:1fr 1fr}.expertise-item{border-bottom:1px solid #44413d;padding-top:30px}.work{padding-top:100px;padding-bottom:80px}.work-heading{display:block;margin-bottom:60px}.work-intro{margin-top:30px}.project,.project-two{display:flex;flex-direction:column;gap:40px;margin-bottom:95px;align-items:stretch}.project-two .project-copy{order:1}.project-two .project-visual{order:2}.project-visual{height:370px}.project-copy{max-width:430px}.services{padding-top:100px;padding-bottom:100px}.services h2{margin-top:0}.quote{padding-top:100px;padding-bottom:110px}.contact{padding-top:95px;padding-bottom:100px}.footer{padding-left:7vw;padding-right:7vw}.footer-top{padding-bottom:60px}.footer-bottom{grid-template-columns:1fr;gap:20px}.footer-bottom div:last-child{justify-content:flex-start}.footer-bottom div{gap:15px}}
@media(max-width:450px){.hero h1{font-size:55px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-art{height:340px}.art-card{right:16%}.art-card-front{right:10%}.expertise-grid{grid-template-columns:1fr}.expertise-item{border-right:0}.project-visual{height:300px}.mock-browser,.mock-shop{width:80%;height:72%}.project-copy h3{font-size:53px}.footer-top{display:grid;gap:30px}}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1.1fr;gap:7vw;padding:55px 0 70px;border-bottom:1px solid #44413d}.footer-about{display:flex;flex-direction:column;align-items:flex-start}.footer-motto{font-size:clamp(24px,3vw,38px);font-weight:700;letter-spacing:-.07em;line-height:.95;margin:0 0 18px}.footer-motto em{font-family:var(--serif);font-weight:400}.footer-submotto{color:#77746e;font:10px var(--mono);line-height:1.7;text-transform:uppercase;margin:0 0 25px}.footer-cta{background:var(--acid);color:var(--ink);padding:12px 16px;font-size:11px;font-weight:700;transition:transform .25s}.footer-cta span{margin-left:18px}.footer-cta:hover{transform:translateY(-3px)}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h3{color:#aaa69e;font:10px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.footer-column>a:not(.footer-link-card){color:#aaa69e;font-size:13px;transition:color .2s}.footer-column>a:not(.footer-link-card):hover{color:var(--paper)}.footer-link-card{display:flex;align-items:center;gap:12px;padding:10px;background:#20201e;border:1px solid #353532;transition:border-color .2s}.footer-link-card:hover{border-color:var(--acid)}.footer-link-card>span:last-child{display:flex;flex-direction:column;gap:2px}.footer-link-card small{color:#77746e;font:9px var(--mono)}.footer-link-card b{font-size:12px;font-weight:600}.footer-link-icon{width:28px;height:28px;display:grid;place-items:center;background:#2c2c28;color:var(--acid);font-size:13px;font-weight:700}.footer-bottom{align-items:center}.footer-mark{justify-self:center;display:grid;place-items:center;width:50px;height:50px;border:1px solid #44413d;transition:border-color .2s}.footer-mark img{width:100%;height:100%;padding:5px;object-fit:contain;filter:invert(1)}.footer-mark:hover{border-color:var(--acid)}.footer-heart{color:var(--acid);margin-left:4px}@media (max-width:700px){.footer-grid{grid-template-columns:1fr;gap:45px;padding:45px 0 55px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start}.footer-mark{align-self:center;order:-1}.footer-bottom>span:last-child{align-self:center}}
/* Language Switcher */
.lang-switch{display:inline-flex;align-items:center;gap:6px;font:11px var(--mono);color:var(--muted);margin-left:22px}
.lang-btn{background:none;border:0;padding:3px 5px;font:inherit;color:var(--muted);cursor:pointer;transition:color .2s;text-transform:uppercase;font-weight:600}
.lang-btn:hover,.lang-btn.active{color:var(--ink);font-weight:700}
.lang-sep{opacity:.35;font-size:10px}
@media (max-width: 800px) {
  .lang-switch{margin-left:auto;margin-right:12px}
}

/* Runstoppables Clean Mockup Image Display */
.mock-browser-image{display:flex;flex-direction:column;overflow:hidden;background:#181816;width:88%;height:82%;box-shadow:22px 24px 0 rgba(18,18,16,.24);border:1px solid rgba(255,255,255,.08);border-radius:4px}
.mock-browser-image .browser-bar{flex-shrink:0;height:28px;background:#232420;color:#918e87;border-bottom:1px solid rgba(255,255,255,.05);padding:0 12px;display:flex;align-items:center;font:8px var(--mono)}
.mock-browser-image .browser-bar i{width:5px;height:5px;background:#4e5048;border-radius:50%;display:inline-block;margin-right:3px}
.mock-browser-image .browser-bar span{margin-left:auto;margin-right:auto}
.browser-img-wrap{flex:1 1 auto;min-height:0;width:100%;position:relative;overflow:hidden;background:#111210}
.project-img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.notalagou-img{object-position:left center}
.project-visual:hover .project-img{transform:scale(1.08)}

/* Multilingual Toggle Rules */
body[data-lang="en"] .lang-el{display:none !important}
body[data-lang="el"] .lang-en{display:none !important}
.footer-mark img {
  width: 58px;
  height: 58px;
  display: block;
  filter: none !important;
  opacity: 1;
}
.footer-mark {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-self: center;
  align-self: center;
}
.footer-bottom > span:last-child {
  text-align: right;
}