.story-film{grid-column:1/-1;margin-top:56px;background:#0f1315;color:#fff;border:1px solid #c8c5bf;overflow:hidden}
.story-heading{display:grid;grid-template-columns:.45fr 1fr 1fr;gap:34px;align-items:end;padding:34px 38px;border-bottom:1px solid #ffffff20}
.story-heading span{font:600 12px "Barlow Condensed";letter-spacing:.16em;color:#c52b2f}.story-heading h3{font:600 clamp(30px,3vw,48px)/1 "Barlow Condensed";margin:0}.story-heading p{color:#aeb4b7;margin:0;line-height:1.65}
.comic-stage{position:relative;width:100%;aspect-ratio:2048/683;overflow:hidden;background:#050708;isolation:isolate}
.comic-strip{position:absolute;inset:0;width:100%;height:100%}
.comic-strip img{display:block;width:100%;height:100%;object-fit:contain}
.comic-stage:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px #fff2,inset 0 -95px 110px #05070855}
.comic-caption{position:absolute;z-index:4;left:28px;bottom:28px;display:flex;align-items:center;gap:13px;padding:10px 15px 10px 10px;background:#0c0f11e8;border:1px solid #ffffff50;box-shadow:8px 8px 0 #a51d22;font:600 15px "Barlow Condensed";letter-spacing:.12em;animation:comicCaption 17.5s steps(1,end) infinite}
.comic-caption b{display:grid;place-items:center;width:36px;height:36px;background:#c52b2f;color:#fff;font-size:18px}
.comic-caption span:after{content:"Η ΙΔΕΑ ΤΟΥ ΠΕΛΑΤΗ"}
.comic-scan{position:absolute;z-index:3;top:0;bottom:0;left:0;width:15.9%;pointer-events:none;border:3px solid #e12d34;box-sizing:border-box;box-shadow:0 0 0 2000px #05070880,inset 0 0 32px #e12d3438;animation:comicFocus 17.5s ease-in-out infinite}
.comic-control{position:absolute;z-index:5;right:18px;bottom:16px;padding:10px 13px;border:1px solid #ffffff80;background:#0c0f11e8;color:#fff;font:600 12px "Barlow Condensed";letter-spacing:.12em;cursor:pointer}.comic-control:hover,.comic-control:focus-visible{background:#c52b2f}.comic-control:focus-visible{outline:3px solid #fff;outline-offset:3px}.comic-stage.is-paused .comic-caption,.comic-stage.is-paused .comic-scan{animation-play-state:paused}
@keyframes comicFocus{0%,12%{left:0;width:15.9%}14.3%,26.3%{left:16%;width:13.7%}28.6%,40.6%{left:29.8%;width:14.5%}42.9%,54.9%{left:44.5%;width:14.5%}57.2%,69.2%{left:59.2%;width:13.4%}71.5%,83.5%{left:72.8%;width:13.5%}85.8%,98%{left:86.5%;width:13.5%}100%{left:0;width:15.9%}}
@keyframes comicCaption{0%,14.2%{--n:"01";--label:"Η ΙΔΕΑ ΤΟΥ ΠΕΛΑΤΗ"}14.3%,28.5%{--n:"02";--label:"ΣΚΙΤΣΟ ΠΡΟΪΟΝΤΟΣ"}28.6%,42.8%{--n:"03";--label:"3D ΣΧΕΔΙΑΣΜΟΣ"}42.9%,57.1%{--n:"04";--label:"MOLD ENGINEERING"}57.2%,71.4%{--n:"05";--label:"ΚΑΤΑΣΚΕΥΗ CNC"}71.5%,85.7%{--n:"06";--label:"ΠΑΡΑΓΩΓΗ INJECTION"}85.8%,100%{--n:"07";--label:"ΣΤΟ ΚΙΝΗΤΟ ΤΟΥ ΠΕΛΑΤΗ"}}
@keyframes comicCaptionEn{0%,14.2%{--n:"01";--label:"THE CLIENT'S IDEA"}14.3%,28.5%{--n:"02";--label:"PRODUCT SKETCH"}28.6%,42.8%{--n:"03";--label:"3D DESIGN"}42.9%,57.1%{--n:"04";--label:"MOLD ENGINEERING"}57.2%,71.4%{--n:"05";--label:"CNC MANUFACTURING"}71.5%,85.7%{--n:"06";--label:"INJECTION PRODUCTION"}85.8%,100%{--n:"07";--label:"ON THE CLIENT'S PHONE"}}
html[lang="en"] .comic-caption{animation-name:comicCaptionEn}
.comic-caption b:before{content:var(--n)}.comic-caption b{font-size:0}.comic-caption b:before{font-size:18px}.comic-caption span{font-size:0}.comic-caption span:after{content:var(--label);font-size:15px}
.story-progress{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;margin:0;padding:0;border-top:1px solid #ffffff1d}.story-progress li{padding:17px 6px;text-align:center;color:#919a9e;font:600 10px "Barlow Condensed";letter-spacing:.1em;border-right:1px solid #ffffff13}.story-progress li:last-child{border:0}
@media(max-width:900px){.story-film{margin-top:34px}.story-heading{grid-template-columns:1fr;padding:25px;gap:12px}.story-heading p{font-size:15px}.comic-stage{aspect-ratio:2048/683}.story-progress{grid-template-columns:repeat(2,1fr)}.story-progress li{border-bottom:1px solid #ffffff13}.story-progress li:nth-child(even){border-right:0}.story-progress li:last-child{grid-column:1/-1}.comic-caption{left:10px;bottom:9px;padding:6px 9px 6px 6px;box-shadow:4px 4px 0 #a51d22}.comic-caption b{width:27px;height:27px}.comic-caption span:after{font-size:11px}.comic-control{right:9px;bottom:8px;padding:8px 9px;font-size:10px}}
@media(max-width:650px){.comic-stage{height:360px;aspect-ratio:auto;overflow-x:auto;overscroll-behavior-inline:contain}.comic-strip{position:relative;width:max-content;height:100%}.comic-strip img{width:auto;height:100%;max-width:none;object-fit:contain}.comic-scan,.comic-caption,.comic-control{display:none}}
@media(prefers-reduced-motion:reduce){.comic-caption,.comic-scan{animation:none!important}.comic-scan,.comic-caption{display:none}}
.material-groups article{display:flex;flex-direction:column}.material-more{margin-top:auto;padding:18px 0 0;border:0;border-top:1px solid #c9c6c0;background:none;color:#34383a;text-align:left;font:600 12px "Barlow Condensed";letter-spacing:.11em;cursor:pointer}.material-more span{float:right;color:#c52b2f;font-size:22px;line-height:.6}.material-more:hover,.material-more:focus-visible{color:#99191d}.material-more:focus-visible{outline:2px solid #99191d;outline-offset:5px}
.material-modal{width:min(980px,calc(100% - 32px));max-height:88vh;padding:0;background:#131719;color:#fff;border:1px solid #ffffff30}.material-modal::backdrop{background:rgba(0,0,0,.82);backdrop-filter:blur(5px)}.material-modal-close{position:absolute;right:22px;top:18px;width:46px;height:46px;border:1px solid #ffffff45;background:#0b0d0e;color:#fff;font-size:28px;cursor:pointer;z-index:2}.material-modal-head{padding:52px 55px 36px;border-bottom:1px solid #ffffff20}.material-modal-head h2{font:600 clamp(38px,5vw,66px)/.95 "Barlow Condensed";margin:18px 0 18px}.material-modal-head p{max-width:760px;color:#abb1b4;line-height:1.7;margin:0}.material-applications{display:grid;grid-template-columns:repeat(2,1fr);padding:0 55px}.material-application{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:28px 24px 28px 0;border-bottom:1px solid #ffffff18}.material-application:nth-child(odd){border-right:1px solid #ffffff18}.material-application:nth-child(even){padding-left:28px}.material-symbol{width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff35;color:#c52b2f;font:600 20px "Barlow Condensed"}.material-application h3{font:600 24px "Barlow Condensed";margin:0 0 7px}.material-application p{color:#949da1;line-height:1.55;margin:0;font-size:14px}.material-note{margin:0;padding:25px 55px 34px;color:#c4c9cb;font-size:13px;line-height:1.65}.material-modal-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:650px){.material-modal-head{padding:65px 24px 25px}.material-applications{grid-template-columns:1fr;padding:0 24px}.material-application:nth-child(odd){border-right:0}.material-application:nth-child(even){padding-left:0}.material-note{padding:22px 24px 28px}.material-modal-close{right:12px;top:12px}}