@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{
  --paper:#f6f3eb;--ink:#343730;--muted:#62665c;--rule:#c5c6b9;
  --sans:Manrope,Arial,sans-serif;--gutter:clamp(22px,5.8vw,112px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:32px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 13px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
::selection{background:#dce0cb;color:var(--ink)}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul{margin:0}
h2,h3{font-weight:400}
:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.symbol-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.page-width{margin-inline:var(--gutter)}
.skip-link{position:absolute;left:var(--gutter);top:-100px;padding:12px 18px;background:var(--ink);color:var(--paper);z-index:10}
.skip-link:focus{top:12px}
.site-header{display:flex;justify-content:space-between;align-items:center;min-height:80px;gap:24px;font-size:12px}
.site-header nav{display:flex;gap:32px}
.header-right{display:flex;align-items:center;gap:48px}
.site-header .languages{gap:8px;font-size:10px}
.languages a{justify-content:center;min-width:28px;color:var(--muted)}
.languages a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.intro{min-height:calc(100svh - 80px);display:flex;flex-direction:column;justify-content:space-between}
.intro-primary{padding-block:clamp(56px,12svh,150px) 100px;text-align:center}
.wordmark{font-weight:400;font-size:15.8vw;line-height:1.03;letter-spacing:-.073em;white-space:nowrap}
.intro-primary h2{font-size:clamp(16px,2.15vw,34px);line-height:1.5;letter-spacing:-.045em;margin-top:28px}
.intro-margins{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-bottom:38px;font-size:12px}
.intro-margins p{color:var(--muted)}
.text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;font-size:12px;line-height:1.5;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.text-link:hover{text-decoration-color:transparent}
.text-link .icon{transition:transform .2s}
.text-link:hover .icon{transform:translate(2px,-2px)}
.examples{border-top:1px solid var(--rule);padding-bottom:80px}
.section-caption{font-size:22px;letter-spacing:-.045em;line-height:1.5;text-align:center;padding:72px 0 64px}
.project+.project{margin-top:80px}
.project-preview{display:block;position:relative;overflow:hidden;background:#e8e3d8;aspect-ratio:16/9;margin-inline:8.333%}
.project-window{position:absolute;inset:0}
.project-window iframe{display:block;position:absolute;left:0;top:0;width:1280px;height:720px;border:0;transform:scale(var(--preview-scale,1));transform-origin:top left;pointer-events:none;background:var(--paper)}
.project-caption{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:24px;margin-top:28px;font-size:12px}
.project-caption h3{font-size:12px}
.project-type{color:var(--muted);font-size:11px;text-align:center}
.offer{border-top:1px solid var(--rule);padding-block:72px 80px}
.offer-intro{text-align:center}
.offer h2{font-size:clamp(21px,2.6vw,36px);letter-spacing:-.045em;line-height:1.3}
.price{font-size:clamp(40px,4.2vw,60px);line-height:1.2;letter-spacing:-.065em;margin-top:32px;font-variant-numeric:tabular-nums}
.tax-note{font-size:11px;color:var(--muted);margin-top:6px}
.offer-detail{display:grid;grid-template-columns:1fr 1fr;gap:16.666%;align-items:end;margin-top:64px}
.scope-list{list-style:none;padding:0}
.scope-list li{padding:10px 0;border-bottom:1px solid var(--rule);font-size:12px}
.small-note{font-size:11px;line-height:1.8;color:var(--muted)}
.offer-notes{max-width:310px;justify-self:end;text-align:right;display:grid;gap:20px;justify-items:end}
.contact{border-top:1px solid var(--rule);padding-block:90px 38px}
.contact-primary{text-align:center}
.contact h2{font-size:clamp(25px,3.4vw,48px);line-height:1.25;letter-spacing:-.055em}
.contact-primary p{font-size:12px;color:var(--muted);margin-top:18px}
.contact-email{display:inline-flex;align-items:center;gap:18px;min-height:48px;margin-top:36px;font-size:clamp(20px,2.6vw,32px);letter-spacing:-.045em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}
.contact-email .icon{transition:transform .2s}
.contact-email:hover .icon{transform:translate(3px,-3px)}
.contact-margins{display:flex;justify-content:space-between;gap:40px;margin-top:100px;font-size:11px;color:var(--muted)}
.contact-margins p:last-child{text-align:right}
.site-footer{display:flex;align-items:center;gap:32px;padding:24px 0;border-top:1px solid var(--rule);font-size:11px}
.footer-wordmark{font-size:22px;letter-spacing:-.065em;line-height:1;min-height:44px;display:flex;align-items:center}
.site-footer>span{color:var(--muted)}
.back-top{margin-left:auto;display:inline-flex;align-items:center;gap:14px;min-height:44px}
@media(min-width:1931px){.wordmark{font-size:calc((100vw - 224px)*.179)}}
@media(max-width:700px){
  .site-header{font-size:11px;min-height:72px}.site-header nav{gap:22px}
  .site-header:has(.header-right){align-items:start;padding-block:18px;gap:12px}
  .site-header:has(.header-right) .studio-description{max-width:115px;padding-top:12px}
  .header-right{flex-direction:column;align-items:end;gap:0}
  .site-header .languages{gap:8px}.languages a{min-height:36px!important}
  .intro{min-height:calc(90svh - 72px)}
  .intro-primary{padding-block:clamp(74px,13svh,120px) 90px}
  .intro-primary h2{margin-top:24px;font-size:clamp(15px,3.3vw,23px);letter-spacing:-.045em}
  .wordmark{font-size:15.1vw;line-height:1.2}
  .intro-margins{gap:22px;padding-bottom:28px;font-size:10px}
  .intro-margins .text-link{font-size:10px;gap:8px}
  .intro-margins .icon{width:13px;height:13px}
  .section-caption{font-size:19px;padding:48px 0 40px}
  .examples{padding-bottom:48px}
  .project-preview{margin-inline:0}
  .project-caption{grid-template-columns:1fr auto;gap:0 14px;margin-top:16px}
  .project-caption h3{font-size:12px}.project-type{grid-row:2;text-align:left;font-size:10px}
  .project-caption>.text-link{grid-column:2;grid-row:1/3;font-size:11px;gap:8px}
  .offer{padding-block:48px}.offer-detail{gap:28px;margin-top:44px}
  .scope-list li{font-size:11px}.offer-detail .small-note{font-size:10px}
  .contact{padding-block:60px 28px}.contact-primary p{font-size:11px;max-width:240px;margin-inline:auto}
  .contact-margins{margin-top:64px;gap:26px;font-size:10px}.desktop-break{display:none}
  html[lang="el"] .project-caption{grid-template-columns:1fr}
  html[lang="el"] .project-caption>.text-link{grid-column:1;grid-row:3;margin-top:8px}
  .site-footer{gap:12px;font-size:10px;flex-wrap:wrap}.site-footer>span{order:3;flex-basis:100%}
}
@media(max-width:600px){
  .project-preview{aspect-ratio:4/3}.project-window iframe{width:960px;height:720px}
  .offer-detail{grid-template-columns:1fr;gap:28px}
  .offer-notes{max-width:285px}
  .contact-margins{flex-direction:column;gap:22px}.contact-margins p{max-width:270px}.contact-margins p:last-child{align-self:end}
}
@media(max-width:380px){
  .site-header{font-size:10px}.site-header nav{gap:16px}
  .intro-margins{gap:10px}.intro-margins p{max-width:133px}
  .intro-margins .text-link{gap:5px;font-size:9px}
  .offer-detail{grid-template-columns:1fr;gap:24px}
  .offer-notes{max-width:260px}
  .contact-margins{flex-direction:column;gap:20px}.contact-margins p{max-width:240px}.contact-margins p:last-child{align-self:end}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.site-footer .legal-link{display:inline-flex;align-items:center;min-height:44px;font-size:11px}.legal-link:hover{text-decoration:underline;text-underline-offset:4px}