/* Νέων Έργα — the poster-style sections of simple.html, used under the 3D hero of character.html.
   GENERATED from simple.css by scoping every rule under .below (hero-only rules dropped); edit simple.css and
   regenerate rather than editing this file. */
.below{--sky:#7EBFE9; --sky-soft:#D8ECFA;
  --p-purple:#7B3F98; --p-green:#0F7A3E; --p-orange:#F07C22; --p-orchid:#B8509E;
  --magenta:#D5215E; --green:#5EAE2D; --yellow:#F4C842; --purple:#5B2C86;
  --ink:#141414; --ink-2:#2A2A2A; --muted:#3E4550; --line:rgba(20,20,20,.12);
  --bg:#FFFFFF; --card:#FFFFFF;
  --stage-accent:var(--p-purple);}
.below{background:var(--bg)}
.below h1, .below h2, .below h3, .below .big-num, .below .headline{font-weight:900}
@keyframes hintdrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.below .tile{border:0}
.below .tile .tile-k{color:inherit;opacity:.85}
.below .t-mission{background:var(--p-purple);color:#fff}
.below .t-date{background:var(--p-orange);color:var(--ink)}
.below .t-date .big-num, .below .t-date .big-num span{color:var(--ink)}
.below .t-date .tile-foot{color:var(--ink)}
.below .t-members{background:var(--p-green);color:#fff}
.below .t-members .big-num, .below .t-members .tile-foot, .below .t-members p{color:#fff}
.below .t-scope{background:var(--p-orchid);color:#fff}
.below .t-base{background:var(--sky);color:var(--ink)}
.below .t-base p{color:var(--ink-2)}
.below .t-impact{background:var(--magenta);color:#fff}
.below .t-impact .tile-k{color:#fff}
.below .impact b{color:#fff}
.below .impact div{border-top-color:rgba(255,255,255,.3)}
.below .impact span{color:rgba(255,255,255,.92)}
.below .t-mission::after, .below .t-date::after, .below .t-members::after, .below .t-scope::after, .below .t-base::after, .below .t-impact::after{content:"";position:absolute;right:-36px;bottom:-44px;width:170px;height:170px;
  background:rgba(255,255,255,.16);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);transform:rotate(16deg);pointer-events:none}
.below .big-num, .below .impact b, .below .counter{font-variant-numeric:tabular-nums}
.below .sec-head h2 .accent-m{color:var(--p-purple)}
.below .sec-head h2 .accent-g{color:var(--p-green)}
.below .sec-head h2 .accent-p{color:var(--p-orchid)}
.below .sec-num{border-color:var(--ink);color:var(--ink)}
.below .axes{background:var(--sky-soft);border:0}
.below .p-m{background:var(--p-purple);color:#fff}
.below .p-g{background:var(--p-green);color:#fff}
.below .p-y{background:var(--p-orange);color:#fff}
.below .p-p{background:var(--p-orchid);color:#fff}
.below .values li{background:#fff;border-color:var(--line)}
.below .cta{background:var(--sky);color:var(--ink)}
.below .cta h2{color:var(--ink)}
.below .cta p{color:var(--ink-2)}
.below .cta .eyebrow.light{color:var(--ink-2)}
.below .cta-blobs span{filter:none;animation:none;border-radius:0;opacity:1}
.below .cta-blobs span:nth-child(1){width:auto;height:auto;right:5%;top:12%;left:auto;bottom:auto;background:none;font:900 clamp(5rem,12vw,11rem)/.8 var(--display);letter-spacing:-.05em;color:var(--p-green)}
.below .cta-blobs span:nth-child(1)::before{content:"Ιδ";color:var(--p-purple)}
.below .cta-blobs span:nth-child(1)::after{content:"έα";color:var(--p-orange)}
.below .cta-blobs span:nth-child(2){width:5vw;max-width:70px;height:120%;right:22%;top:52%;bottom:auto;background:var(--p-purple)}
.below .cta-blobs span:nth-child(3){width:46%;height:70%;right:-14%;bottom:-40%;left:auto;border-radius:50%;background:#fff;opacity:.9}
.below .cta .btn-white{background:var(--p-purple);color:#fff}
.below .cta .btn-outline-light{border-color:var(--ink);color:var(--ink)}
.below .cta .btn-outline-light:hover{background:rgba(255,255,255,.4)}
@media (max-width:760px){
  .below .cta-blobs span:nth-child(1){opacity:.25}
  .below .cta-blobs span:nth-child(2){display:none}
}
.below .footer{background:var(--p-purple)}
.below .footer p{color:rgba(255,255,255,.85)}
.below .footer h4{color:var(--p-orange)}
.below .footer .wordmark{color:#fff}
.below .footer .wordmark span{color:var(--p-orange)}
.below .foot-note{color:rgba(255,255,255,.6)!important}
.below .poster-3d{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.below .tile, .below .person{transition:transform .6s var(--ease),box-shadow .6s var(--ease);will-change:transform}
.below .tile.tilting, .below .person.tilting{transition:transform .12s linear,box-shadow .3s;box-shadow:0 30px 60px -30px rgba(20,20,20,.45)}
.below .tile .big-num, .below .tile h3, .below .tile .scope, .below .tile .impact, .below .tile .tile-figs, .below .person figcaption{transition:transform .6s var(--ease)}
.below .tile.tilting .big-num, .below .tile.tilting h3, .below .tile.tilting .scope, .below .tile.tilting .impact, .below .tile.tilting .tile-figs, .below .person.tilting figcaption{transition:transform .12s linear}
.below .tile::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .35s;
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.32),rgba(255,255,255,0) 45%)}
.below .tile.tilting::before{opacity:1}
.below .btn-primary, .below .cta .btn-white{--edge:color-mix(in srgb,var(--btn-c,var(--p-purple)) 62%,#000);box-shadow:0 6px 0 var(--edge)!important;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .35s}
.below .btn-primary:hover, .below .cta .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--edge)!important}
.below .btn-primary:active, .below .cta .btn-white:active{transform:translateY(5px);box-shadow:0 1px 0 var(--edge)!important}
.below .btn-ghost, .below .cta .btn-outline-light{box-shadow:0 5px 0 rgba(20,20,20,.14);transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .35s}
.below .btn-ghost:active, .below .cta .btn-outline-light:active{transform:translateY(4px);box-shadow:0 1px 0 rgba(20,20,20,.14)}
.below .axes{overflow:hidden;perspective:1200px}
.below .axes .marquee{transform-origin:50% 50%;padding:14px 0 20px;margin-inline:-3vw;will-change:transform}
.below .axes .marquee + .marquee{margin-top:18px}
.below .axes .p-m{box-shadow:0 6px 0 color-mix(in srgb,var(--p-purple) 60%,#000)}
.below .axes .p-g{box-shadow:0 6px 0 color-mix(in srgb,var(--p-green) 60%,#000)}
.below .axes .p-y{box-shadow:0 6px 0 color-mix(in srgb,var(--p-orange) 62%,#000)}
.below .axes .p-p{box-shadow:0 6px 0 color-mix(in srgb,var(--p-orchid) 60%,#000)}
.below .entering{transition:none!important}
.below .cta .poster-3d{z-index:1}
.below .cta .eyebrow, .below .cta h2, .below .cta > p, .below .cta .actions{position:relative;z-index:2}
.below .person{background:var(--sky-soft)}
.below .person img, .below .person:hover img{filter:none;mix-blend-mode:normal}
.below{background:#fff;color:var(--ink)}
/* cards that enter in 3D (below.js) start hidden; plain .reveal elements are handled by character.js */
.below .reveal3d{opacity:0}
@media (prefers-reduced-motion:reduce){ .below .reveal3d{opacity:1} }