/* ΕΜΦΑΝΙΣΗ: κοινά χρώματα, γραμματοσειρές, αποστάσεις και responsive κανόνες. Οι μεταβλητές :root ορίζουν την παλέτα. Οι κανόνες @media αφορούν κινητά και προτιμήσεις μειωμένης κίνησης. */
:root{color-scheme:dark;--bg:#08080a;--surface:#141417;--text:#f5f5f7;--muted:#96969f;--line:#29292f;--blue:#2997ff;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:126px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #73bdff;outline-offset:6px}::selection{background:#126aca;color:white}h1,h2,h3,h4,p{margin-top:0}img{display:block;max-width:100%}.wrap{width:calc(100% - 112px);max-width:1280px;margin-inline:auto}.header{position:fixed;top:0;left:0;right:0;z-index:30;height:110px;display:flex;justify-content:space-between;align-items:center;padding:0 max(56px,calc((100vw - 1488px)/2));margin:auto;border-bottom:1px solid transparent;transition:height .25s ease,background .25s ease,border-color .25s ease}.header.is-scrolled{height:82px;background:rgba(8,8,10,.88);border-bottom-color:#ffffff12;backdrop-filter:blur(22px) saturate(130%);-webkit-backdrop-filter:blur(22px) saturate(130%)}.brand{display:block}.logo-window{display:block;position:relative;overflow:hidden;width:220px;height:48px}.logo-window img{position:absolute;width:106.8372%;max-width:none;height:auto;left:-3.6891%;top:50%;transform:translateY(-52.4862%)}.menu-wrap{position:relative}.menu-toggle{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#ffffff19,#ffffff08);border:1px solid #ffffff24;box-shadow:inset 0 1px 1px #ffffff12;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);transition:background .3s,transform .3s}.menu-toggle:hover{background:#ffffff24;transform:scale(1.04)}.menu-toggle span{width:19px;height:1.5px;background:#efeff4;border-radius:3px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.menu-panel{position:absolute;right:-10px;top:-10px;width:375px;padding:33px 27px 21px;border:1px solid #ffffff27;border-radius:33px;background:linear-gradient(135deg,#28282ee8,#14141adf);backdrop-filter:blur(35px) saturate(150%);-webkit-backdrop-filter:blur(35px) saturate(150%);box-shadow:0 30px 90px #0008,inset 0 1px 0 #ffffff1a;transform-origin:calc(100% - 36px) 36px;transform:scale(.14,.14);filter:blur(10px);opacity:0;visibility:hidden;transition:transform .6s cubic-bezier(.22,1.2,.36,1),opacity .25s,filter .45s,visibility .6s}.menu-panel.is-open{transform:scale(1);filter:blur(0);opacity:1;visibility:visible}.menu-label{font-size:11px;letter-spacing:1.8px;color:#9d9da8;margin:0 0 33px;line-height:22px}.menu-panel>a{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:30px;letter-spacing:-1px;line-height:1.4;transition:color .2s,transform .2s}.menu-panel>a:hover{color:#6ab9ff;transform:translateX(5px)}.menu-panel>a span:last-child{font-size:12px;letter-spacing:0;color:#90909a}.menu-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff1a;margin-top:24px;padding-top:20px;font-size:11px;letter-spacing:.7px;color:#a0a0a8}.menu-bottom a{font-size:13px;letter-spacing:0;color:#ededf0}.hero{text-align:center;padding-top:174px;position:relative}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:#93939d;line-height:1.6;margin-bottom:24px}h1{font-size:clamp(68px,8.5vw,122px);line-height:1.03;font-weight:600;letter-spacing:-6.5px;margin-bottom:29px}h1 span{background:linear-gradient(100deg,#b7a5ff 4%,#5098ff 54%,#5bdbf4 94%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:21px;line-height:1.55;letter-spacing:-.35px;color:#a3a3ac;margin-bottom:31px}.hero-actions{display:flex;gap:31px;justify-content:center;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid #ffffff12;border-radius:999px;background:#f0f0f3;color:#171719;font-size:15px;font-weight:500;padding:12px 23px;transition:background .25s,transform .25s}.button:hover{background:white;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.text-link{display:inline-flex;align-items:center;gap:10px;color:#6eb9ff;font-size:15px}.text-link:hover{color:#a5d3ff}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:64px 0 27px;margin-top:18px;font-size:10px;letter-spacing:1.3px;color:#74747f}.hero-foot>a{display:flex;gap:15px;align-items:center}.hero-foot>a span{font-size:16px}.section{padding-top:100px;padding-bottom:100px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:43px}.section-top .eyebrow{margin-bottom:21px}h2{font-size:clamp(35px,3.8vw,54px);line-height:1.13;font-weight:600;letter-spacing:-2.2px;margin-bottom:0}h2 span{color:#85858f}.section-top>p{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:4px;max-width:360px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 26px}.project-card{min-width:0}.project-image{position:relative;display:block;overflow:hidden;width:100%;border:1px solid #ffffff10;border-radius:21px;padding:0;background:#18181b;aspect-ratio:6/5}.project-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#000b)}.project-image img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.project-image:hover img{transform:scale(1.045)}.project-open{position:absolute;z-index:1;right:17px;top:17px;width:36px;height:36px;display:grid;place-items:center;border:1px solid #ffffff38;background:#17171966;backdrop-filter:blur(16px);border-radius:50%;font-size:20px;transition:background .2s}.project-image:hover .project-open{background:#ffffff30}.image-label{position:absolute;z-index:1;bottom:23px;left:23px;right:23px;text-align:left;font-size:10px;letter-spacing:1.2px;color:#eeedf0}.project-details{padding:25px 5px 0}.project-category{font-size:10px;letter-spacing:1.2px;color:#8c8c97}.project-details h4{font-size:23px;font-weight:500;letter-spacing:-.6px;line-height:1.3;margin:8px 0 12px}.project-details p{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:330px}.work-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:39px;padding-top:25px}.work-bottom>span{font-size:13px;color:#878791}.story{background:#111114;border-block:1px solid #ffffff06}.story-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.story h2{font-size:62px;letter-spacing:-3px;line-height:1.12}.story h2 span{color:#73737d}.story-right{padding-top:36px}.story-right p{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:21px}.story-right .story-lead{color:#e4e4e8;font-size:23px;line-height:1.5;letter-spacing:-.4px;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff12;padding-top:43px;margin-top:60px;gap:35px}.stats strong{font-size:43px;font-weight:500;line-height:1.2;letter-spacing:-1.5px;display:block;margin-bottom:11px}.stats>div>span{font-size:13px;color:#96969f}.plus{color:#6cbcff}.applications{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:55px 1fr 210px 33px;align-items:center;gap:15px;min-height:103px;cursor:pointer}summary::-webkit-details-marker{display:none}.index{font-size:12px;color:#868691}.application-title{font-size:26px;font-weight:500;letter-spacing:-.7px}.tag{font-size:10px;letter-spacing:1px;color:#858590}.expand{position:relative;width:30px;height:30px;border:1px solid #404048;border-radius:50%}.expand:before,.expand:after{content:'';position:absolute;width:10px;height:1px;top:14px;left:9px;background:#dddde1}.expand:after{transform:rotate(90deg);transition:transform .3s}details[open] .expand:after{transform:rotate(0)}details[open] .expand{background:#e5e5e9;border-color:#e5e5e9}details[open] .expand:before,details[open] .expand:after{background:#101013}summary:hover .application-title{color:#a5cfff}.application-body{padding:0 50px 32px 70px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.application-body p{font-size:16px;color:var(--muted);margin-bottom:0}.keywords{display:flex;flex-wrap:wrap;gap:8px;align-content:start;padding-top:4px}.keywords span{font-size:12px;border:1px solid #303037;border-radius:30px;padding:4px 11px}.next-chapter{display:flex;align-items:center;gap:40px;margin-top:54px;padding:32px;background:#141417;border:1px solid #24242b;border-radius:18px}.next-chapter .eyebrow{font-size:10px;margin-bottom:9px;white-space:nowrap}.next-chapter h3{font-size:24px;line-height:1.3;letter-spacing:-.6px;font-weight:500;margin:0;white-space:nowrap}.next-chapter>p{font-size:15px;color:var(--muted);margin:0;max-width:500px}.planned{font-size:10px;letter-spacing:.9px;color:#a4a4ae;white-space:nowrap;margin-left:auto}.contact{background:#121215;text-align:center;padding-block:97px 78px;border-block:1px solid #ffffff08}.contact h2{font-size:72px;line-height:1.09;letter-spacing:-3.5px}.contact h2 span{color:#868690}.contact-button{margin-top:34px}.contact-location{font-size:10px;letter-spacing:1.4px;color:#787883;margin:39px 0 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:110px}.footer-name{font-size:19px;font-weight:600;letter-spacing:-.7px}.footer>div{display:flex;gap:25px;font-size:13px;color:#a4a4ad}.footer>span{font-size:10px;color:#72727e;letter-spacing:.8px}.back-top{font-size:22px;color:#b2b2bb}.project-dialog{padding:0;width:min(1040px,calc(100% - 40px));max-height:90vh;border:1px solid #ffffff2b;border-radius:24px;background:#16161b;color:var(--text);box-shadow:0 30px 100px #000b}.project-dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-close{position:absolute;z-index:2;right:16px;top:16px;width:40px;height:40px;border:1px solid #ffffff38;border-radius:50%;background:#24242ccd;font-size:27px;line-height:1}.dialog-image-wrap{background:#09090b;display:flex;justify-content:center;align-items:center;min-height:520px}.dialog-image-wrap img{max-height:80vh;width:100%;object-fit:contain}.dialog-copy{padding:74px 40px 45px;align-self:center}.dialog-copy .eyebrow{font-size:10px}.dialog-copy h2{font-size:38px;letter-spacing:-1.5px;line-height:1.1;margin-bottom:25px}.dialog-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.dialog-copy dl{margin:27px 0;display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:14px}.dialog-copy dt{color:#888892}.dialog-copy dd{margin:0}.skip{position:fixed;top:-100px;left:15px;z-index:99;padding:12px;background:white;color:black}.skip:focus{top:15px}
@media(min-width:1600px){.hero{padding-top:190px}.hero-foot{padding-top:85px}.project-image{aspect-ratio:6/5}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{padding-inline:32px}.hero{padding-top:162px}h1{font-size:94px;letter-spacing:-5px}.hero-foot{padding-top:54px}.project-grid{gap:18px}.project-details h4{font-size:21px}.story-inner{gap:50px}.story h2{font-size:53px}.section-top{gap:30px}.section-top>p{max-width:300px;font-size:15px}.section-top h2{font-size:41px}.tag{display:none}summary{grid-template-columns:45px 1fr 33px}.application-body{padding-left:60px;gap:35px}.next-chapter{gap:26px}.planned{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}html{scroll-padding-top:107px}.header{height:91px;padding-inline:20px}.logo-window{width:185px;height:42px}.menu-toggle{width:47px;height:47px}.menu-panel{width:min(350px,calc(100vw - 30px));right:-5px;top:-5px;padding:29px 24px 21px;transform-origin:calc(100% - 28px) 28px}.menu-panel>a{font-size:28px}.menu-label{font-size:10px}.hero{padding-top:151px}h1{font-size:clamp(52px,10.8vw,82px);letter-spacing:-3px;line-height:1.065;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.3px}.hero .eyebrow{font-size:9px;letter-spacing:1.4px;margin-bottom:25px}.hero-description{font-size:18px;line-height:1.6;margin-bottom:27px}.hero-actions{gap:22px;flex-wrap:wrap}.button{font-size:14px;padding:11px 19px;gap:19px}.text-link{font-size:14px}.hero-foot{margin-top:9px;padding-top:50px;padding-bottom:24px;font-size:9px;letter-spacing:1px}.hero-foot>span{display:none}.hero-foot>a{margin:auto;gap:16px}.section{padding-block:63px}.section-top{display:block;margin-bottom:32px}.section-top .eyebrow{margin-bottom:19px}h2,.section-top h2{font-size:36px;letter-spacing:-1.6px;line-height:1.15}.section-top>p{margin-top:21px;font-size:15px;max-width:none}.project-grid{grid-template-columns:1fr;gap:35px}.project-image{aspect-ratio:5/5.4;max-height:560px;border-radius:18px}.project-details{padding-top:21px}.project-details h4{font-size:24px;margin-bottom:10px}.project-details p{max-width:none;font-size:16px}.project-category{font-size:10px}.work-bottom{align-items:flex-start;flex-direction:column;gap:10px;margin-top:32px;padding-top:23px}.story-inner{grid-template-columns:1fr;gap:24px}.story h2{font-size:49px;letter-spacing:-2.2px}.story-right{padding-top:0}.story-right .story-lead{font-size:22px}.story-right p:last-child{margin:0}.stats{grid-template-columns:1fr 1fr;row-gap:31px;column-gap:30px;padding-top:31px;margin-top:37px}.stats strong{font-size:37px}.stats>div>span{font-size:12px}summary{grid-template-columns:24px 1fr 28px;gap:10px;min-height:91px;padding-block:20px}.application-title{font-size:21px;line-height:1.4;letter-spacing:-.5px}.expand{width:27px;height:27px}.expand:before,.expand:after{top:12px;left:8px}.application-body{padding:0 0 27px 34px;grid-template-columns:1fr;gap:19px}.application-body p{font-size:16px}.next-chapter{display:block;padding:25px;margin-top:35px}.next-chapter h3{font-size:25px;white-space:normal}.next-chapter>p{margin-top:17px;font-size:15px}.planned{display:inline-block;margin-top:20px;font-size:9px}.contact{padding-block:65px 49px}.contact h2{font-size:47px;letter-spacing:-2.2px}.contact-button{margin-top:28px}.contact-location{font-size:9px;line-height:1.7;letter-spacing:1px;margin-top:32px}.footer{flex-wrap:wrap;gap:23px 20px;padding-block:29px}.footer-name{width:calc(100% - 40px)}.footer>div{order:2;width:100%;gap:22px}.footer>span{order:3}.back-top{order:1;position:absolute;right:20px}.project-dialog{width:calc(100% - 24px);border-radius:18px;max-height:92vh}.dialog-layout{grid-template-columns:1fr}.dialog-image-wrap{min-height:0}.dialog-image-wrap img{max-height:49vh;object-fit:contain}.dialog-copy{padding:28px 23px 33px}.dialog-copy .eyebrow{margin-bottom:15px}.dialog-copy h2{font-size:32px;margin-bottom:19px}.dialog-copy dl{font-size:13px;grid-template-columns:95px 1fr;gap:10px}.dialog-close{right:12px;top:12px}.dialog-copy .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.menu-panel{filter:none}.project-dialog::backdrop{backdrop-filter:none}}

.airsoft-image img{object-position:50% 66%}.contact-place{color:var(--muted);font-size:16px;line-height:1.7;margin:28px 0 0}@media(max-width:760px){.contact h2{font-size:clamp(34px,8.2vw,47px)}.contact-place{font-size:15px}.project-image{aspect-ratio:5/5.4}}

/* Reels load on demand; cover images keep the page fast and compact. */
.project-open{width:auto;min-height:38px;height:auto;padding:8px 13px;display:flex;gap:9px;align-items:center;font-size:13px;line-height:1;border-radius:999px}
.project-open .play-icon{font-size:11px}
.dialog-image-wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;min-width:0;min-height:0;padding:14px;background:#09090b}
#dialog-reel{display:block;width:100%;height:min(720px,76vh);border:0;border-radius:12px;background:#fff;color-scheme:light}
.reel-note{font-size:12px;line-height:1.55;color:#a0a0aa;margin:13px 6px 3px;text-align:center}
.reel-note a{color:#86c5ff;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.dialog-image-wrap{padding:10px}.dialog-close{background:#202027ef}#dialog-reel{height:650px;max-height:none}.reel-note{font-size:12px;margin-inline:6px}.dialog-copy{padding-top:24px}}

.menu-panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain}@media(max-width:760px){.header.is-scrolled{height:76px}}

/* Fixed navigation and responsive layouts for narrow, tablet and landscape screens. */
:root{--header-size:88px;--page-edge:clamp(1.25rem,4vw,3.5rem);--safe-top:env(safe-area-inset-top,0px);--content-edge:max(var(--page-edge),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px))}
html{scroll-padding-top:calc(var(--header-size) + var(--safe-top) + 20px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-width:0}
.wrap{width:calc(100% - var(--content-edge) - var(--content-edge))}
.header,.header.is-scrolled{position:fixed;inset-block-start:0;inset-inline:0;width:100%;max-width:none;height:calc(var(--header-size) + var(--safe-top));margin:0;padding-top:var(--safe-top);padding-bottom:0;padding-left:max(var(--content-edge),calc((100vw - 1488px)/2));padding-right:max(var(--content-edge),calc((100vw - 1488px)/2));z-index:1000;background:rgba(8,8,10,.90);border-bottom:1px solid #ffffff12;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);transition:background .2s ease}
.header.is-scrolled{background:rgba(8,8,10,.95)}
.brand,.menu-wrap{flex-shrink:0}
.brand{display:flex;align-items:center;min-height:44px}
.menu-toggle{min-width:44px;min-height:44px;touch-action:manipulation}
.menu-panel{max-height:calc(100vh - var(--safe-top) - 60px);max-height:calc(100dvh - var(--safe-top) - 60px);scrollbar-width:thin;scrollbar-color:#555560 transparent}
.menu-panel>a{min-height:44px}
.hero{padding-top:calc(var(--header-size) + var(--safe-top) + clamp(3rem,6vw,6rem))}
h1{font-size:clamp(2.5rem,8.5vw,7.625rem);letter-spacing:-.05em;line-height:1.08;overflow-wrap:break-word}
h2,h3,.section-top>div,.story-left,.story-right,.dialog-copy{min-width:0;overflow-wrap:break-word}
h2{letter-spacing:-.035em}
.project-grid,.story-inner,.dialog-layout,.stats{min-width:0}
.project-details p,.section-top>p,.next-chapter>p{font-size:1rem}
.eyebrow,.hero .eyebrow,.menu-label,.hero-foot,.hero-foot>a,.project-category,.image-label,.tag,.planned,.next-chapter .eyebrow,.contact-location,.footer>span,.stats>div>span{font-size:.75rem}
.hero .eyebrow{letter-spacing:.1em}
.hero-foot{gap:16px;letter-spacing:.065em}
.project-open{font-size:.875rem;min-height:44px}
.button,.text-link{font-size:.9375rem;min-height:44px}
.contact-button{max-width:100%;overflow-wrap:anywhere}
.footer{padding-bottom:max(24px,env(safe-area-inset-bottom,0px));position:relative;flex-wrap:wrap}
.footer>div{flex-wrap:wrap;gap:12px 24px}
.footer a{min-height:44px;display:inline-flex;align-items:center}
.back-top{min-width:44px;justify-content:center}
.project-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overscroll-behavior:contain;overflow:auto;scroll-padding-top:64px}
.dialog-toolbar{position:sticky;top:0;height:0;z-index:10;display:flex;justify-content:flex-end;pointer-events:none}
.dialog-close{position:relative;top:12px;right:auto;margin-right:12px;width:44px;height:44px;min-width:44px;background:#202027f5;pointer-events:auto;touch-action:manipulation}
.dialog-copy{overflow-wrap:anywhere}
#dialog-reel{max-width:100%;height:clamp(480px,76vh,720px);height:clamp(480px,76svh,720px)}
@media(min-width:761px) and (max-width:1100px){h1{font-size:clamp(4rem,8.5vw,6rem)}.section-top h2{font-size:clamp(2.15rem,4vw,2.6rem)}.story h2{font-size:clamp(2.65rem,5vw,3.35rem)}.project-grid{gap:32px 22px}.application-body{grid-template-columns:minmax(0,1fr);gap:20px;padding-right:0}.next-chapter{flex-wrap:wrap}.next-chapter>p{flex:1 1 300px}}
@media(max-width:900px){.section-top{display:block}.section-top>p{max-width:38rem;margin:22px 0 0}.story-inner{grid-template-columns:minmax(0,1fr);gap:28px}.story-right{padding-top:0;max-width:44rem}.hero-foot{justify-content:center}.hero-foot>span{display:none}.dialog-layout{grid-template-columns:minmax(0,1fr)}.project-dialog{width:min(600px,calc(100% - 24px))}.dialog-copy{padding:30px 28px 38px}}
@media(max-width:760px){:root{--header-size:76px}.header,.header.is-scrolled{height:calc(var(--header-size) + var(--safe-top))}.menu-panel{width:min(350px,calc(100vw - var(--content-edge) - var(--content-edge) + 10px))}.hero{padding-top:calc(var(--header-size) + var(--safe-top) + 3rem)}h1{font-size:clamp(2.5rem,8.5vw,4.5rem);letter-spacing:-.045em}.hero-description{font-size:1.125rem}.hero-actions{gap:14px 23px}.eyebrow,.hero .eyebrow{font-size:.75rem;line-height:1.7}.hero .eyebrow{max-width:28rem;margin-inline:auto}.image-label{font-size:.75rem;letter-spacing:.06em}.section-top h2{font-size:clamp(1.95rem,5.3vw,2.5rem)}.story h2{font-size:clamp(2.3rem,6.7vw,3.15rem)}.application-title{font-size:1.25rem}.contact h2{font-size:clamp(1.9rem,6.5vw,3rem);letter-spacing:-.035em}.contact-place br{display:none}.stats{column-gap:20px}.stats strong{font-size:2.1rem}.next-chapter>p{font-size:1rem}.planned,.contact-location{font-size:.75rem;line-height:1.7}.footer-name{width:auto}.footer>div{order:2;width:100%}.footer>span{order:3;width:100%}.back-top{position:static;order:1;margin-left:auto}.project-dialog{max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.dialog-copy{padding:28px 20px 32px}.dialog-copy h2{font-size:1.9rem}.dialog-copy dl{grid-template-columns:minmax(0,90px) minmax(0,1fr);font-size:.875rem}.dialog-copy .text-link{font-size:.9375rem}.reel-note{font-size:.75rem}}
@media(min-width:600px) and (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.project-image{aspect-ratio:4/5}.project-details h4{font-size:1.3rem}.project-open{top:12px;right:12px}.image-label{left:17px;right:17px;bottom:20px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}
@media(max-width:599px){.project-grid{grid-template-columns:minmax(0,1fr)}.project-image{aspect-ratio:5/5.4}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.logo-window{width:166px;height:38px}.menu-panel>a{font-size:1.55rem}.menu-bottom{flex-wrap:wrap;gap:12px}.application-body{padding-left:0}.hero-actions{gap:10px}.button{padding-inline:18px}}
@media(max-height:500px) and (orientation:landscape){:root{--header-size:64px}.menu-panel{padding-top:22px;padding-bottom:17px;max-height:calc(100dvh - var(--safe-top) - 36px)}.menu-label{margin-bottom:18px}.menu-panel>a{font-size:1.5rem;padding-block:6px}.menu-bottom{margin-top:14px;padding-top:14px}.hero{padding-top:calc(var(--header-size) + var(--safe-top) + 2rem)}}
@media(hover:none){.menu-toggle:hover,.button:hover{transform:none}.project-image:hover img{transform:none}}

.skip{z-index:2000}.skip:focus{top:calc(var(--safe-top) + 10px)}

/* Selected work, one mask collection, and quiet collaboration credits. */
[hidden]{display:none!important}
.prop-image{background:#0b0b0e}
.prop-image img{object-fit:contain;object-position:center}
.project-collection{grid-column:1/-1}
.collection-preview{aspect-ratio:2.5/1;max-height:500px}
.collection-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:100%;gap:3px;overflow:hidden}
.collection-photos img{min-width:0;object-position:50% 45%}
.collection-preview:hover img{transform:none}
.project-collection .project-details{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.project-collection .project-details p{max-width:480px;padding-top:3px}
.collaborations{margin-top:70px;padding:36px 0 0;border-top:1px solid var(--line)}
.collaborations .eyebrow{font-size:.75rem;margin:0 0 10px;letter-spacing:.13em}
.collaborations p{color:var(--muted);font-size:1rem;margin:0}
.collaborator-names{display:flex;flex-wrap:wrap;align-items:center;gap:24px 60px;padding:0;margin:32px 0 24px;list-style:none}
.collaborator-names li{font-size:clamp(1.35rem,2.6vw,2rem);font-weight:500;letter-spacing:-.035em;color:#ddddE4}
.collaborations .collaborations-note{font-size:.875rem;color:#888893}
#dialog-video,#dialog-gallery{width:100%;min-width:0}
.gallery-figure{margin:0;touch-action:pan-y}
.dialog-image-wrap #gallery-image{height:clamp(260px,57vh,570px);height:clamp(260px,57svh,570px);max-height:none;width:100%;object-fit:contain;background:#0b0b0e;border-radius:12px;user-select:none;-webkit-user-select:none}
#gallery-caption{min-height:3.5em;margin:16px 6px 0;font-size:.875rem;line-height:1.6;color:#b4b4bf}
.gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 3px 16px}
.gallery-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #ffffff30;background:#222228;font-size:22px;touch-action:manipulation}
.gallery-controls button:hover{background:#34343e}
#gallery-count{font-size:.875rem;font-variant-numeric:tabular-nums;letter-spacing:.15em;color:#b0b0bb}
.gallery-thumbnails{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:4px}
.gallery-thumbnails button{min-width:0;min-height:44px;height:64px;padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#1c1c23;opacity:.55;touch-action:manipulation}
.gallery-thumbnails button[aria-pressed=true]{border-color:#6bbaff;opacity:1}
.gallery-thumbnails button:hover,.gallery-thumbnails button:focus-visible{opacity:1}
.dialog-image-wrap .gallery-thumbnails img{height:100%;width:100%;max-height:none;object-fit:cover}
@media(max-width:900px){.project-collection .project-details{display:block}.project-collection .project-details p{max-width:40rem}.collection-preview{aspect-ratio:2/1}.collaborator-names{gap:20px 36px}.is-gallery .dialog-copy{padding-top:20px}}
@media(max-width:599px){.collection-preview{aspect-ratio:1/1;max-height:540px}.collection-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-photos img:last-child{display:none}.collaborations{margin-top:42px;padding-top:28px}.collaborator-names{gap:17px 26px;margin-block:26px 20px}.collaborator-names li{font-size:1.35rem}.gallery-thumbnails{gap:5px}.gallery-thumbnails button{height:52px}.gallery-controls{margin-block:14px}.dialog-image-wrap #gallery-image{height:53vh;height:53svh;min-height:260px}}
@media(max-width:360px){.gallery-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.gallery-thumbnails button{height:58px}}

/* Company Instagram identities */
.collaborations #collaborations-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:500;letter-spacing:-.04em;margin:0 0 30px;color:var(--text,#f5f5f7)}
.trusted-partners{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}
.trusted-partners li{min-width:0}.trusted-partners a{display:flex;flex-direction:column;align-items:center;gap:16px;padding:18px 8px;text-decoration:none;border-radius:16px;transition:background .2s,transform .2s}
.trusted-partners img{display:block;width:100px;height:100px;max-width:100%;object-fit:contain;border-radius:12px}
.trusted-partners span{font-size:.875rem;line-height:1.5;text-align:center;color:#dddde4}
.trusted-partners a:hover{background:#ffffff08;transform:translateY(-4px)}.trusted-partners a:focus-visible{outline:2px solid #6bbaff;outline-offset:4px}
@media(max-width:900px){.trusted-partners{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media(max-width:420px){.trusted-partners{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(prefers-reduced-motion:reduce){.trusted-partners a{transition:none}.trusted-partners a:hover{transform:none}}

/* Selected work: grouped, three-column desktop gallery with filled frames. */
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.project-group-title{grid-column:1/-1;margin:18px 0 -12px;padding-top:22px;border-top:1px solid var(--line);font-size:1.125rem;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#b9c9da}
.project-group-title:first-child{margin-top:0;padding-top:0;border-top:0}
.project-image,.project-image.prop-image{aspect-ratio:9/16;max-height:none}
.project-image img,.prop-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.project-details h4{font-size:1.35rem}.project-details p{max-width:none}
@media(min-width:600px) and (max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}}
@media(max-width:599px){.project-grid{grid-template-columns:minmax(0,1fr);gap:32px}.project-image,.project-image.prop-image{aspect-ratio:9/16}.project-details h4{font-size:1.5rem}}

/* Translucent hover action, with keyboard and touch equivalents. */
.project-glass-action{position:absolute;z-index:3;left:50%;top:50%;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:15px 23px;border-radius:999px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.07) 48%,rgba(255,255,255,.15)),rgba(14,22,32,.42);color:#fff;box-shadow:inset 0 1px 1px rgba(255,255,255,.65),inset 0 -1px 1px rgba(255,255,255,.14),0 12px 35px rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);font-size:.9375rem;font-weight:500;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;text-shadow:0 1px 5px rgba(0,0,0,.55);opacity:0;transform:translate(-50%,-40%) scale(.94);pointer-events:none;transition:opacity .24s ease,transform .35s cubic-bezier(.2,.8,.2,1)}
.project-glass-action .glass-arrow{font-size:1.25rem;line-height:1}
.project-image:focus-visible .project-glass-action{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:hover) and (pointer:fine){.project-image:hover .project-glass-action{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media(hover:none),(pointer:coarse){.project-glass-action{left:auto;right:14px;top:14px;min-height:44px;padding:12px 16px;gap:12px;font-size:.875rem;opacity:1;transform:none}.project-image:focus-visible .project-glass-action{transform:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.project-glass-action{background:rgba(25,32,43,.9)}}
@media(prefers-reduced-motion:reduce){.project-glass-action{transition:none}}

/* Show only the media area of the Instagram embed. */
.reel-viewport{--reel-scale:1;position:relative;width:100%;aspect-ratio:478/598;overflow:hidden;isolation:isolate;border-radius:12px;background:#09090b}
.reel-viewport #dialog-reel{position:absolute;display:block;width:480px;min-width:480px;max-width:none;height:1100px;min-height:1100px;max-height:none;left:calc(-1px * var(--reel-scale));top:calc(-55px * var(--reel-scale));margin:0;padding:0;border:0;border-radius:0;transform:scale(var(--reel-scale));transform-origin:top left;background:#09090b}
.project-dialog:not(.is-gallery) .dialog-image-wrap{justify-content:center}

.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;width:min(100%,340px);margin:34px auto 0}.contact-actions .contact-button{margin:0;width:100%;justify-content:space-between;gap:16px}

/* Scroll enhancement uses existing elements: no layout or typography changes. */
.motion-pending{opacity:0}
.project-image.motion-parallax>img{translate:0 var(--parallax-y,0px);transform:scale(1.08)}
@media(hover:hover) and (pointer:fine){.project-image.motion-parallax:hover>img{transform:scale(1.115)}}
@media(max-width:700px){.project-image.motion-parallax>img{transform:scale(1.04)}}
@media(prefers-reduced-motion:reduce){
  .motion-pending{opacity:1!important}
  .project-image.motion-parallax>img{translate:none!important;transform:none!important}
}

/* Shared bilingual header: the logo and burger retain their existing anchors. */
.header-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.language-switcher{position:relative;z-index:3;display:flex;align-items:center;gap:0;font-size:13px;font-weight:600;line-height:1;letter-spacing:.03em}
.language-switcher a{display:flex;align-items:center;justify-content:center;min-width:40px;min-height:44px;color:#b7b7c0;border-radius:12px;touch-action:manipulation}
.language-switcher a[aria-current="page"]{color:#fff;background:#ffffff16;box-shadow:inset 0 0 0 1px #ffffff1c}
.language-switcher a:hover{color:#fff;background:#ffffff20}
.language-switcher>span{color:#96969f;padding:0 2px}
html[lang="el"] h1,html[lang="el"] h2{line-height:1.15;letter-spacing:-.04em}
html[lang="el"] .project-details h4,html[lang="el"] .application-title{overflow-wrap:break-word}
html[lang="el"] .eyebrow,html[lang="el"] .project-category,html[lang="el"] .tag{letter-spacing:.1em}
html[lang="el"] .next-chapter h3{white-space:normal}
html[lang="el"] .contact h2{font-size:clamp(2.1rem,7vw,6rem)}
@media(max-width:760px){.header-controls{gap:8px}.language-switcher a{min-width:36px}.language-switcher{font-size:12px}}
@media(max-width:360px){.header .logo-window{width:min(166px,calc(100vw - 181px))}.header-controls{gap:5px}.language-switcher a{min-width:34px}}

/* Reserve the open menu header row for the always-visible language links. */
.menu-panel .menu-label{max-width:calc(100% - 140px)}

/* ΕΚΔΟΣΗ 44: ενιαία κάδρα κινητού και κουμπιά κάτω από τις εικόνες. */

/* Το κουμπί κάθε έργου μεταφέρεται κάτω από την εικόνα στο κινητό. */
.mobile-project-action{display:none}
@media(max-width:760px){
 .project-image .project-glass-action{display:none!important}
 .project-image .image-label{display:none}
 .project-image::after{display:none}
 .mobile-project-action{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;min-height:44px;width:100%;padding:10px 12px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff08;color:#e8e8ed;font-size:13px;line-height:1.3;text-align:left}
 .mobile-project-action:hover{background:#ffffff14}
}

/* Κοινό μέγεθος εικόνων όπως στα cosplay props, χωρίς αλλαγή στο desktop. */
@media(max-width:760px){
 .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;align-items:stretch}
 .project-grid .project-card{display:flex;flex-direction:column;min-width:0;width:100%;align-self:stretch}
 .project-grid .project-collection{grid-column:auto}
 .project-grid .project-image,
 .project-grid .project-image.prop-image,
 .project-grid .collection-preview{display:block;aspect-ratio:9/16;width:100%;height:auto;max-height:none;flex:none;border-radius:14px;overflow:hidden}
 .project-grid .project-image img{display:block;width:100%;height:100%;object-fit:cover;max-height:none}
 /* Η εικόνα γεμίζει το κάδρο. Οι τίτλοι και τα κουμπιά ευθυγραμμίζονται ανά σειρά. */
 .project-grid .project-details,
 .project-grid .project-collection .project-details{display:flex;flex:1;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;padding:12px 0 0;min-width:0}
 .project-grid .project-category{display:block;min-height:3em;font-size:10px;line-height:1.5;letter-spacing:.6px;overflow-wrap:break-word}
 .project-grid .project-details h4{margin:6px 0 0;font-size:18px;line-height:1.3;letter-spacing:-.35px;overflow-wrap:break-word}
 .project-grid .mobile-project-action{margin-top:auto;flex:none}
 .project-grid .project-group-title{margin:6px 0 0;padding-top:22px;align-self:start}
 .project-grid .project-group-title:first-child{margin-top:0;padding-top:0}
}
@media(max-width:359px){
 .project-grid{gap:24px 10px}
 .project-grid .project-details h4{font-size:16px}
 .project-grid .mobile-project-action{font-size:12px;padding:10px}
}

.hero-foot{color:#858590}
.stats>div{min-width:0}
@media(max-width:760px){
 .project-grid .project-details p{display:none}
 .project-grid .project-image>img{position:absolute;inset:0}
}
@media(max-width:420px){.project-grid .project-category{min-height:4.5em}}