.header .brand{gap:0}
.wordmark-image{display:block;width:196px;height:auto;mix-blend-mode:normal}
.header-tools{display:flex;align-items:center;gap:30px}
.header nav{gap:31px}
.language-switch{display:flex;align-items:center;gap:5px;flex-shrink:0;font-size:9px;color:#aa9782}
.language-switch button{position:relative;font-size:10px;letter-spacing:.7px;font-weight:500;line-height:1.2;color:#93806b;border:0;background:transparent;padding:9px 5px;cursor:pointer}
.language-switch button[aria-pressed="true"]{color:var(--brown);font-weight:700}
.language-switch button[aria-pressed="true"]:after{content:'';position:absolute;bottom:2px;left:5px;right:5px;height:1px;background:var(--brown)}
.concept-strip>span:last-child{letter-spacing:.6px}
.section-side .line-art--about{width:174px;height:75px;margin-top:42px;margin-bottom:24px;opacity:.8}
.line-art--about span{border-color:#b39b7e}
.contact-top{gap:28px}
.contact-top>span{max-width:260px;text-align:right;line-height:1.6}
.contact-top .line-art--contact{width:156px;height:46px;margin:-12px 0;flex-shrink:0;opacity:.5}
.line-art--contact span{width:90px;height:90px;top:23px;border-color:#cfb694}
.line-art--contact i{background:var(--brown);top:43px}
.footer-brand .wordmark-image{width:145px}
.detail-word{font-size:clamp(26px,3.5vw,52px)}
.focus-list summary{grid-template-columns:55px minmax(0,1.4fr) minmax(0,1fr) 30px}
.item-subtitle{line-height:1.7}
html[lang="el"] .hero h1{font-size:clamp(47px,5.1vw,76px);letter-spacing:-1.5px}
html[lang="el"] .hero .hero-copy{width:83%}
html[lang="el"] .hero .hero-caption{font-size:7px;letter-spacing:1px;gap:24px}
html[lang="el"] .item-title{font-size:26px}
html[lang="el"] .item-subtitle{font-size:11px}
html[lang="el"] .detail-word{font-size:clamp(26px,3.1vw,46px)}
html[lang="el"] .principles h3{font-size:23px}
@media(max-width:1100px){.wordmark-image{width:177px}.header-tools{gap:22px}.header nav{gap:23px}.header nav>a{font-size:12px}.nav-contact{min-width:110px;gap:16px}html[lang="el"] .item-title{font-size:23px}html[lang="el"] .hero h1{font-size:59px}}
@media(max-width:900px){.header-tools{gap:17px}.header nav{gap:18px}.wordmark-image{width:167px}.nav-contact{min-width:100px}.language-switch{gap:3px}.header nav>a{font-size:11px}}
@media(max-width:800px){.wordmark-image{width:167px}.header-tools{gap:20px}.header nav>a{font-size:14px}.header nav{gap:0}.section-side{flex-direction:row;align-items:center}.section-side .line-art--about{width:135px;height:51px;margin:-10px 0;opacity:.65}.line-art--about span{width:75px;height:75px;top:24px}.line-art--about span:nth-child(2){left:19px}.line-art--about span:nth-child(3){left:38px}.line-art--about span:nth-child(4){left:57px}.line-art--about i{left:55px;top:38px;width:49px}.topic-line{font-size:21px;gap:24px}.focus-list summary{grid-template-columns:35px minmax(0,1fr) 28px}.contact-top .line-art--contact{width:120px}.contact-top>span{max-width:175px}.footer-brand .wordmark-image{width:135px}html[lang="el"] .hero .hero-copy{width:100%}html[lang="el"] .hero h1{font-size:clamp(48px,6.8vw,59px)}html[lang="el"] .item-title{font-size:24px}html[lang="el"] .approach h2{font-size:30px}}
@media(max-width:560px){.wordmark-image{width:157px}.header-tools{gap:15px}.language-switch{gap:2px}.language-switch button{font-size:9px;padding:9px 4px}.menu-toggle{padding-left:0;gap:10px;font-size:11px}.menu-icon{width:19px}.language-switch button[aria-pressed="true"]:after{left:4px;right:4px}.hero h1{font-size:clamp(43px,11.8vw,61px)}.hero .hero-actions{gap:22px}.hero .hero-caption{font-size:6.5px;letter-spacing:.8px;gap:15px}.topic-line{gap:8px;font-size:15px;letter-spacing:-.3px}.topic-cross{font-size:11px}.topic-line a{width:26px;height:26px;flex-shrink:0}.section-side .line-art--about{display:block;width:110px;height:43px;margin:-7px 0;opacity:.75}.line-art--about span{width:65px;height:65px;top:23px}.line-art--about span:nth-child(2){left:15px}.line-art--about span:nth-child(3){left:30px}.line-art--about span:nth-child(4){left:45px}.line-art--about i{left:45px;top:35px;width:42px}.approach-left>.line-art{display:block;width:175px;height:65px;margin-top:26px;margin-bottom:3px;opacity:.8}.focus-list summary{grid-template-columns:27px minmax(0,1fr) 25px}.contact-top .line-art--contact{display:none}.contact-top>span{font-size:7px;max-width:160px}.contact-top{gap:18px}.contact-email{font-size:25px}.footer-brand .wordmark-image{width:128px}footer>span{font-size:7px;letter-spacing:.8px}html[lang="el"] .hero h1{font-size:39px;line-height:1.2;letter-spacing:-.8px}html[lang="el"] .hero .hero-copy{min-height:600px}html[lang="el"] .hero .hero-intro{font-size:13px}html[lang="el"] .hero .hero-actions{gap:18px}html[lang="el"] .hero .hero-actions .button{gap:16px;font-size:10px;padding:13px 15px}html[lang="el"] .hero .text-link{font-size:10px;gap:10px}html[lang="el"] .hero .hero-caption{font-size:6px;gap:13px;letter-spacing:.5px}html[lang="el"] .topic-line{font-size:14px;gap:8px}html[lang="el"] .item-title{font-size:22px}html[lang="el"] .about-copy h2{font-size:31px}html[lang="el"] .section-heading h2{font-size:33px}html[lang="el"] .principles h3{font-size:23px}html[lang="el"] .contact h2{font-size:37px}html[lang="el"] .contact h2 em{font-size:39px}html[lang="el"] .back-top{font-size:9px;gap:10px}}
@media(max-width:360px){.wordmark-image{width:140px}.header-tools{gap:11px}.menu-toggle{gap:8px}.hero .hero-caption{font-size:6px;gap:12px}.topic-line{font-size:13.5px;gap:7px}.topic-line a{width:23px;height:23px}html[lang="el"] .hero h1{font-size:35px}html[lang="el"] .hero .hero-actions{gap:12px}html[lang="el"] .topic-line{font-size:12.5px;gap:7px}html[lang="el"] .hero .hero-caption{font-size:5.5px;gap:8px}}

/* The complete brand motifs emerge instead of drawing individual hairlines. */
.line-art{--line-ink:var(--brown);opacity:.35}
.line-art span,.line-art--about span{border-color:var(--line-ink)}
.section-side .line-art--about,.contact-top .line-art--contact,.approach-left>.line-art{opacity:.35}
.line-art--contact{--line-ink:#f1dfc8}
.line-art--contact span{border-color:var(--line-ink)}
.line-art[data-line-reveal="waiting"]{opacity:.05;transform:translateY(22px) scale(.96)}
.line-art[data-line-reveal="drawn"]{animation:motif-emerge 2.4s cubic-bezier(.22,.45,.3,1) both}
@keyframes motif-emerge{
  from{opacity:.05;transform:translateY(22px) scale(.96)}
  to{opacity:.35;transform:translateY(0) scale(1)}
}
.approach-left>.line-art{width:280px;max-width:100%;height:112px;margin-top:38px}
.approach-left>.line-art span{width:140px;height:140px;top:28px;border-width:1.5px}
.approach-left>.line-art span:nth-child(2){left:36.4px}
.approach-left>.line-art span:nth-child(3){left:72.8px}
.approach-left>.line-art span:nth-child(4){left:109.2px}
.approach-left>.line-art i{left:104px;top:59px;width:92px;height:1.5px}
.hero .hero-mark{opacity:.35;transform:translateY(-50%)}
.hero .hero-mark[data-vp-reveal="waiting"]{opacity:.05;transform:translate(24px,-50%) scale(1.025)}
.hero .hero-mark[data-vp-reveal="ready"]{animation:vp-emerge 3.2s cubic-bezier(.25,.3,.35,1) both}
@keyframes vp-emerge{
  from{opacity:.05;transform:translate(24px,-50%) scale(1.025)}
  to{opacity:.35;transform:translate(0,-50%) scale(1)}
}
@media(max-width:560px){
  .approach-left>.line-art{width:240px;height:96px;margin-top:30px}
  .approach-left>.line-art span{width:120px;height:120px;top:24px}
  .approach-left>.line-art span:nth-child(2){left:31.2px}
  .approach-left>.line-art span:nth-child(3){left:62.4px}
  .approach-left>.line-art span:nth-child(4){left:93.6px}
  .approach-left>.line-art i{left:89px;top:50px;width:79px}
}
@media(prefers-reduced-motion:reduce){
  .hero .hero-mark[data-vp-reveal]{animation:none;opacity:.35;transform:translateY(-50%)}
  .line-art[data-line-reveal]{animation:none;opacity:.35;transform:none}
}