/* ARC CD — components v2 (lib/site-base/design-v2.ts). Ισχύει ΜΟΝΟ σε . */ /* ── βάση: γραμματοσειρές, container, επιφάνειες ─────────────────────────── */ html[data-ds="2"]{--display:var(--font-display);--body:var(--font-body);--maxw:var(--container); --card:#fff;--tint:color-mix(in oklab,var(--accent) 7%,#fff);--accent-deep:color-mix(in oklab,var(--accent) 82%,#000)} html[data-ds="2"] body{font:400 var(--fs-body)/var(--lh-body) var(--font-body);color:var(--ink);background:var(--paper)} html[data-ds="2"] h1,html[data-ds="2"] h2,html[data-ds="2"] h3{font-family:var(--font-display);letter-spacing:-.005em;text-wrap:balance} html[data-ds="2"] h1{font-weight:700;font-size:var(--fs-h1);line-height:1.08} html[data-ds="2"] h2{font-weight:600;font-size:var(--fs-h2);line-height:1.18;margin:0 0 var(--s-3)} html[data-ds="2"] h3{font-weight:600;font-size:var(--fs-h3);line-height:1.25} html[data-ds="2"] strong,html[data-ds="2"] b{font-weight:600} html[data-ds="2"] .prose a:not(.pdf):not(.ds-btn){color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px} html[data-ds="2"] a:not([class]):hover,html[data-ds="2"] a:not([class]):focus-visible,html[data-ds="2"] .prose a:hover{color:var(--accent-deep);text-decoration-thickness:2px} /* ── section head: κεντραρισμένος τίτλος ζώνης + accent rule 40 px (imkal) ─ */ html[data-ds="2"] .band h2:not(.decade-head):not(.era-head)::after,html[data-ds="2"] .ds-rule::after{content:"";display:block;width:40px;height:3px;border-radius:2px;background:var(--accent);margin:14px 0 0} html[data-ds="2"] .band > .wrap > h2:first-child{text-align:center} html[data-ds="2"] .band > .wrap > h2:first-child::after{margin-left:auto;margin-right:auto} html[data-ds="2"] .strip__col h2::after,html[data-ds="2"] .page-head h1::after{content:none} html[data-ds="2"] .band--dark h2::after{background:var(--accent-soft,#fff)} /* ── ζώνες: αέρας 8pt, σκούρο = το μελάνι του πελάτη ─────────────────────── */ html[data-ds="2"] .band:not(.band--strip):not(.band--head):not(.band--shot){padding:var(--section-y) 0} html[data-ds="2"] .band--dark{--band-bg:var(--ink);--band-fg:#f4f6f7} html[data-ds="2"] .band--tinted{--band-bg:var(--tint)} /* ── nav: λευκό sticky 64 px, blur, logo αριστερά, CTA accent δεξιά ──────── */ html[data-ds="2"] .nav{min-height:var(--bar-h);padding:10px var(--gap);gap:var(--s-3);background:color-mix(in srgb,#fff 90%,transparent); -webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px -20px rgba(16,24,32,.5)} html[data-ds="2"] .nav .brand{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);display:inline-flex;align-items:center;gap:10px;letter-spacing:0} html[data-ds="2"] .nav > ul{margin-left:auto;align-items:center;gap:4px 20px} html[data-ds="2"] .nav a{color:var(--ink);font-weight:500;font-size:15px} html[data-ds="2"] .nav a:hover,html[data-ds="2"] .nav a:focus-visible{color:var(--accent)} html[data-ds="2"] .nav .nav__cta-li{order:99} html[data-ds="2"] .nav a.nav__cta{display:inline-flex;align-items:center;min-height:40px;padding:8px 18px;border-radius:var(--r-btn);background:var(--accent);color:#fff;font-weight:600;transition:background-color .2s var(--ease)} html[data-ds="2"] .nav a.nav__cta:hover,html[data-ds="2"] .nav a.nav__cta:focus-visible{background:var(--accent-deep);color:#fff} /* ── κουμπιά: γεμάτο accent · outlined · λευκό outlined πάνω σε accent ───── */ html[data-ds="2"] .ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:44px;padding:12px 22px;border-radius:var(--r-btn); background:var(--accent);color:#fff;border:1.5px solid var(--accent);font:600 15px/1.2 var(--font-body);text-decoration:none;transition:background-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)} html[data-ds="2"] .ds-btn:hover,html[data-ds="2"] .ds-btn:focus-visible{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff;transform:translateY(-1px)} html[data-ds="2"] .ds-btn--ghost{background:transparent;color:var(--accent)} html[data-ds="2"] .ds-btn--ghost:hover{background:var(--accent);color:#fff} html[data-ds="2"] .ds-btn--light{background:transparent;border-color:#fff;color:#fff} html[data-ds="2"] .ds-btn--light:hover,html[data-ds="2"] .ds-btn--light:focus-visible{background:#fff;border-color:#fff;color:var(--accent)} html[data-ds="2"] .ds-center{display:flex;justify-content:center;margin:var(--s-4) 0 0} /* «περισσότερα» = link-κουμπί 15 px accent με βέλος — ΟΧΙ υπογραμμισμένο 12 px (imkal «όχι» γ) */ html[data-ds="2"] a.pdf{display:inline-flex;align-items:center;gap:.35em;margin-top:.6em;font-size:15px;font-weight:600;color:var(--accent);text-decoration:none} html[data-ds="2"] a.pdf:hover,html[data-ds="2"] a.pdf:focus-visible{text-decoration:underline;text-underline-offset:4px} html[data-ds="2"] .band--dark a.pdf{color:#fff} html[data-ds="2"] .pdf--programme{color:var(--ink)} /* ── hero: φωτό, overlay 40 %, logo + h1 λευκό + socials ΚΕΝΤΡΑΡΙΣΜΕΝΑ ──── */ html[data-ds="2"] .masthead--slides{min-height:clamp(440px,74vh,760px);align-items:center;justify-content:center;text-align:center} html[data-ds="2"] .masthead__shade{background:rgba(10,14,16,.42)} html[data-ds="2"] .masthead--slides .masthead__body{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:960px;margin:0 auto;padding:clamp(40px,6vw,72px) var(--gap)} html[data-ds="2"] .masthead__logo{display:block;width:auto;height:clamp(76px,9vw,116px);filter:brightness(0) invert(1) drop-shadow(0 2px 12px rgba(0,0,0,.35))} html[data-ds="2"] .masthead h1{margin:0;font-weight:700;font-size:clamp(2.2rem,1.3rem + 3vw,3.6rem);line-height:1.1;max-width:26ch} html[data-ds="2"] .masthead__sub{margin:0 auto;max-width:58ch;font-size:clamp(16px,1.5vw,19px)} html[data-ds="2"] .ds-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:6px 0 0;padding:0} html[data-ds="2"] .ds-social a{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;color:#fff;border:1px solid rgba(255,255,255,.5);transition:background-color .2s var(--ease),color .2s var(--ease)} html[data-ds="2"] .ds-social a:hover,html[data-ds="2"] .ds-social a:focus-visible{background:#fff;color:var(--ink)} html[data-ds="2"] .ds-social svg{width:20px;height:20px} /* ── κάρτες: λευκές, radius 12, shadow-1, hover lift ─────────────────────── */ html[data-ds="2"] .card,html[data-ds="2"] .feature-card,html[data-ds="2"] .tile,html[data-ds="2"] .yt__item,html[data-ds="2"] .pn,html[data-ds="2"] .shot,html[data-ds="2"] .cc{background:var(--card);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--r-card); box-shadow:var(--sh-1);overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)} html[data-ds="2"] .card:hover,html[data-ds="2"] .feature-card:hover,html[data-ds="2"] .tile:hover,html[data-ds="2"] .yt__item:hover,html[data-ds="2"] .pn:hover,html[data-ds="2"] .shot:hover,html[data-ds="2"] a.cc:hover, html[data-ds="2"] .card:focus-visible,html[data-ds="2"] .feature-card:focus-visible,html[data-ds="2"] .tile:focus-visible,html[data-ds="2"] .yt__item:focus-visible,html[data-ds="2"] .pn:focus-visible,html[data-ds="2"] .shot:focus-visible{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:color-mix(in srgb,var(--accent) 35%,var(--line))} html[data-ds="2"] .card img,html[data-ds="2"] .feature-card img{border:0;border-radius:0;background:var(--tint)} html[data-ds="2"] .card .meta,html[data-ds="2"] .feature-card .meta{padding:14px 16px 18px;display:grid;gap:4px} html[data-ds="2"] .card strong,html[data-ds="2"] .feature-card strong{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.25} html[data-ds="2"] .card .year,html[data-ds="2"] .feature-card .year{font-size:13px;letter-spacing:.08em;color:var(--muted)} html[data-ds="2"] .feature-card .label{font-size:13px;color:var(--accent);font-weight:600;letter-spacing:.08em;opacity:1} html[data-ds="2"] .pn img{border-radius:var(--r-sm)} /* λεζάντες / ετικέτες ≥ 13 px (gate DESIGN_SMALL_TEXT — ως χθες 11–12 px) */ html[data-ds="2"] .pn__dir,html[data-ds="2"] .pn__year,html[data-ds="2"] .cc__title,html[data-ds="2"] .audience__k,html[data-ds="2"] .ident dt{font-size:13px} html[data-ds="2"] .pn strong{font-weight:600} html[data-ds="2"] .shot{border:0} html[data-ds="2"] .grid{gap:var(--s-2)} html[data-ds="2"] .cards{gap:var(--s-3)} html[data-ds="2"] .band--dark .card,html[data-ds="2"] .band--dark .shot,html[data-ds="2"] .band--dark .pn{background:#2a3236;border-color:#39434a} /* μεγάλες εικόνες περιεχομένου: radius 20 + shadow-2 (αφίσα σελίδας · κεφάλαια) */ html[data-ds="2"] .hero img{border:0;border-radius:var(--r-lg);box-shadow:var(--sh-2);background:var(--tint)} html[data-ds="2"] .chapter__shot img,html[data-ds="2"] .chapter__shot .shot{border-radius:var(--r-lg)} html[data-ds="2"] .map-embed{border-radius:var(--r-card)} /* φίλτρα / chips */ html[data-ds="2"] .chip{border-radius:999px;font-family:var(--font-body)} html[data-ds="2"] .chip.is-on{background:var(--accent);border-color:var(--accent);color:#fff} /* ── ταυτότητα της ΣΕΛΙΔΑΣ (η αφίσα της): μόνο στο κεφάλι — το UI μένει στο accent του πελάτη ── */ html[data-ds="2"] .page-head .year{color:var(--page-accent,var(--accent))} html[data-ds="2"] .band--head{--band-bg:color-mix(in oklab,var(--page-accent,var(--accent)) 9%,#fff)} html[data-ds="2"] .shows li{border-left-color:var(--page-accent,var(--accent))} /* ── λίστες ονομάτων (ARC CN E.1): ρόλοι = κάρτες, φωτό-λωρίδες ανάμεσα, συντελεστές συμπαγείς ── */ html[data-ds="2"] #syntelestes .band__in{grid-template-columns:minmax(0,1fr)} html[data-ds="2"] .role-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} html[data-ds="2"] .role-card{display:grid;gap:4px;align-content:start;padding:14px 16px;border-radius:var(--r-card,14px);background:color-mix(in oklab,var(--paper,#fff) 86%,transparent);border:1px solid var(--line);box-shadow:0 1px 2px rgba(0,0,0,.04)} html[data-ds="2"] .role-card__role{font-size:13px;line-height:1.3;color:var(--muted);letter-spacing:.02em} html[data-ds="2"] .role-card__who{font:600 17px/1.25 var(--font-display);color:var(--ink)} html[data-ds="2"] .name-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:var(--s-5,32px) 0} html[data-ds="2"] .name-strip--2{grid-template-columns:repeat(2,minmax(0,1fr))} html[data-ds="2"] .name-strip--1{grid-template-columns:minmax(0,1fr)} html[data-ds="2"] .name-strip .shot{display:block;overflow:hidden;border-radius:var(--r-lg,18px)} html[data-ds="2"] .name-strip img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;object-position:50% 28%} html[data-ds="2"] .name-strip--1 img{aspect-ratio:21/9} html[data-ds="2"] .credits--crew{margin-top:var(--s-5,32px)} html[data-ds="2"] .crew-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0 28px!important} html[data-ds="2"] .crew-list .cr{padding:8px 0!important;gap:0!important} html[data-ds="2"] .crew-list dt{font-size:12px!important} html[data-ds="2"] .crew-list dd{font-size:15px} html[data-ds="2"] .credits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px} html[data-ds="2"] .credits-list .cr{display:grid;gap:2px;align-content:start;padding-bottom:10px;border-bottom:1px solid var(--line)} html[data-ds="2"] .credits-list dt{margin:0;font-size:13px;color:var(--muted);letter-spacing:.03em} html[data-ds="2"] .credits-list dd{margin:0;font-weight:600} html[data-ds="2"] .credits + .credits{margin-top:var(--s-5)} html[data-ds="2"] .credits-shot{margin:0;position:sticky;top:calc(var(--nav-h,64px) + 64px)} html[data-ds="2"] .credits-shot .shot,html[data-ds="2"] .credits-shot img{border-radius:var(--r-lg)} html[data-ds="2"] .credits-shot img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover} /* ── stats: server-rendered νούμερο + accent γραμμή (ΠΟΤΕ «0» χωρίς JS — imkal «όχι» α) ── */ html[data-ds="2"] .stat{padding-bottom:14px;border-bottom:3px solid var(--accent)} html[data-ds="2"] .stat__v{font-family:var(--font-display);font-weight:700} html[data-ds="2"] .stat__l{font-size:13px;opacity:1;color:var(--muted)} /* ── split 50/50: ΠΡΑΓΜΑΤΙΚΗ φωτό ⟷ accent block, λευκό κείμενο + outlined κουμπί ── */ html[data-ds="2"] .ds-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:clamp(320px,36vw,500px);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2);background:var(--accent)} html[data-ds="2"] .ds-split--rev .ds-split__media{order:2} html[data-ds="2"] .ds-split__media{position:relative;margin:0;min-height:260px} html[data-ds="2"] .ds-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} html[data-ds="2"] .ds-split__panel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:clamp(28px,4.4vw,60px);background:var(--accent);color:#fff} html[data-ds="2"] .ds-split__panel h2{color:#fff;margin:0;text-align:left} html[data-ds="2"] .ds-split__panel h2::after{background:#fff} html[data-ds="2"] .ds-split__panel p{margin:0;color:rgba(255,255,255,.92);max-width:46ch} html[data-ds="2"] .ds-split__panel a:not(.ds-btn){color:#fff;text-decoration:underline;text-underline-offset:3px} html[data-ds="2"] .ds-split__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px} /* ── footer: ανοιχτό, 3 στήλες, λεπτό top border, credit ΔΕΞΙΑ bold link ── */ html[data-ds="2"] footer.ds-footer{margin:0;padding:clamp(44px,6vw,76px) 0 0;border-top:1px solid var(--line);background:var(--card);color:var(--ink);font-size:15px;max-width:none} html[data-ds="2"] .ds-footer__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px)} html[data-ds="2"] .ds-footer__logo{display:block;height:64px;width:auto;margin:0 0 12px} html[data-ds="2"] .ds-footer__name{margin:0 0 6px;font-family:var(--font-display);font-weight:700;font-size:20px;line-height:1.25} html[data-ds="2"] .ds-footer__tag{margin:0;color:var(--muted);max-width:44ch;line-height:1.55} html[data-ds="2"] .ds-footer__h{margin:0 0 14px;font:600 13px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)} html[data-ds="2"] .ds-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:10px} html[data-ds="2"] .ds-footer a{color:var(--ink);text-decoration:none;overflow-wrap:anywhere} html[data-ds="2"] .ds-footer a:hover,html[data-ds="2"] .ds-footer a:focus-visible{color:var(--accent)} html[data-ds="2"] .ds-footer .ds-social{display:flex;justify-content:flex-start;margin-top:16px} html[data-ds="2"] .ds-footer .ds-social a{color:var(--ink);border-color:var(--line)} html[data-ds="2"] .ds-footer .ds-social a:hover{background:var(--accent);border-color:var(--accent);color:#fff} html[data-ds="2"] .ds-footer__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:clamp(32px,5vw,56px);padding-top:18px;padding-bottom:22px;border-top:1px solid var(--line)} html[data-ds="2"] .ds-footer__copy{margin:0;color:var(--muted);font-size:14px} html[data-ds="2"] .site-credit{margin:0;font-size:15px;opacity:1;color:var(--muted)} html[data-ds="2"] .site-credit a{font-weight:700;color:var(--ink);text-decoration:none} html[data-ds="2"] .site-credit a:hover,html[data-ds="2"] .site-credit a:focus-visible{color:var(--accent)} /* ARC CO §B — ΡΥΘΜΟΣ: δύο ενότητες στην ίδια ζώνη (π.χ. «Φωτογραφίες» + «Πρόβες & παρασκήνια») χρειάζονται ανάσα — ο τίτλος της δεύτερης κολλούσε στην τελευταία σειρά της πρώτης (0 px, μετρημένο mimos 2016-trapezaria). Gate: CO_HEADING_GAP. */ html[data-ds="2"] section + section:not(.band),html[data-ds="2"] .gallery + .gallery,html[data-ds="2"] .wrap > section + section{margin-top:clamp(48px,7vw,88px)} /* ── κινητό ──────────────────────────────────────────────────────────────── */ @media (max-width:768px){ html[data-ds="2"] .nav{padding:8px var(--gap)} html[data-ds="2"] .nav .nav__cta-li{order:0;padding:8px var(--gap) 12px} html[data-ds="2"] .nav a.nav__cta{justify-content:center;width:100%} html[data-ds="2"] .nav .brand{font-size:17px} /* hero heroText=below: η φωτό πάνω, κείμενο ΚΑΤΩ σε χαρτί — logo/socials στο χρώμα του μελανιού */ html[data-ds="2"] .masthead--slides:not(.masthead--below){min-height:78vh} html[data-ds="2"] .masthead--below .masthead__body{padding:20px var(--gap) 32px;gap:10px} html[data-ds="2"] .masthead--below .masthead__logo{filter:none;height:96px} /* ARC CO §B (L3) — ο τίτλος ΧΩΡΑΕΙ ΠΑΝΤΑ: μέγεθος από το πλάτος (η μεγαλύτερη λέξη ≈ 45vw), balance, και ως έσχατη λύση σπάσιμο λέξης αντί για κόψιμο στην άκρη [ΜΕΤΡΗΜΕΝΟ: «Άγιος» → «Άγιο» σε στενό κινητό]. */ html[data-ds="2"] .masthead h1{font-size:clamp(26px,7.4vw,36px);line-height:1.08;max-width:100%;text-wrap:balance;overflow-wrap:break-word} /* ARC CO §B — ΚΑΘΕ h1 χωράει: η μεγαλύτερη ελληνική λέξη τίτλου («Χριστουγεννιάτικη», 17 γράμματα) ξεχείλιζε 338 > 320 στα 360 */ html[data-ds="2"] h1{max-width:100%;overflow-wrap:break-word;hyphens:auto} html[data-ds="2"] .page-head h1{font-size:min(2.2rem,8.6vw)} html[data-ds="2"] .masthead__sub{font-size:16px} html[data-ds="2"] .masthead--below .ds-social a{color:var(--ink);border-color:var(--line)} html[data-ds="2"] .ds-split{grid-template-columns:1fr;border-radius:var(--r-card)} html[data-ds="2"] .ds-split--rev .ds-split__media{order:0} html[data-ds="2"] .ds-split__media{aspect-ratio:4/3;min-height:0} html[data-ds="2"] .ds-footer__grid{grid-template-columns:1fr} html[data-ds="2"] .credits-shot{position:static;order:-1} html[data-ds="2"] .credits-list{gap:10px 16px} html[data-ds="2"] .role-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} html[data-ds="2"] .role-card{padding:10px 12px} html[data-ds="2"] .role-card__who{font-size:15px} html[data-ds="2"] .name-strip,html[data-ds="2"] .name-strip--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0} html[data-ds="2"] .name-strip--3 .shot:first-child{grid-column:1/-1} html[data-ds="2"] .name-strip--1 img{aspect-ratio:3/2} html[data-ds="2"] .crew-list{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 16px!important} html[data-ds="2"] .ds-footer__bar{flex-direction:column;align-items:flex-start} } @media (prefers-reduced-motion:reduce){ html[data-ds="2"] .card,html[data-ds="2"] .feature-card,html[data-ds="2"] .tile,html[data-ds="2"] .yt__item,html[data-ds="2"] .pn,html[data-ds="2"] .shot,html[data-ds="2"] .cc,html[data-ds="2"] .ds-btn{transition:none} html[data-ds="2"] .card:hover,html[data-ds="2"] .feature-card:hover,html[data-ds="2"] .tile:hover,html[data-ds="2"] .yt__item:hover,html[data-ds="2"] .pn:hover,html[data-ds="2"] .shot:hover,html[data-ds="2"] .ds-btn:hover{transform:none} } /* ═══ ARC CI — επιφάνειες: 4 σκαλοπάτια L*, ΔL ≥ 15 μεταξύ οποιωνδήποτε δύο (surfaces.ts) ═══ */ html[data-ds="2"]{--tint:var(--s-tinted,color-mix(in oklab,var(--accent) 26%,#fff))} html[data-ds="2"] .band--paper{--band-bg:var(--s-paper,var(--paper));--band-fg:var(--ink)} html[data-ds="2"] .band--tinted{--band-bg:var(--s-tinted,var(--tint));--band-fg:var(--ink)} html[data-ds="2"] .band--accent{--band-bg:var(--s-accent,var(--accent));--band-fg:#fff} html[data-ds="2"] .band--dark{--band-bg:var(--s-dark,var(--ink));--band-fg:#eef4f6} /* κάθε κεφάλι σελίδας = σκούρο — ΚΑΙ το κεφάλι-φωτό (band--shot): το φόντο κάτω από τη φωτό μετράει στο gate και φαίνεται όσο φορτώνει */ html[data-ds="2"] .band--head{--band-bg:var(--s-dark,var(--ink));--band-fg:#fff} html[data-ds="2"] .band--accent h1,html[data-ds="2"] .band--accent h2,html[data-ds="2"] .band--accent h3,html[data-ds="2"] .band--accent strong,html[data-ds="2"] .band--head h1{color:#fff} html[data-ds="2"] .band--accent h2::after{background:#fff} html[data-ds="2"] .band--accent a:not(.ds-btn):not(.card):not(.pn):not(.shot){color:#fff} html[data-ds="2"] .band--accent .page-head .year,html[data-ds="2"] .band--head .page-head .year{color:#fff;border-color:rgba(255,255,255,.55)} html[data-ds="2"] .band--accent .muted,html[data-ds="2"] .band--accent .prose,html[data-ds="2"] .band--accent dt{color:rgba(255,255,255,.86)} html[data-ds="2"] .band--accent .card,html[data-ds="2"] .band--accent .pn,html[data-ds="2"] .band--accent .shot{color:var(--ink)} html[data-ds="2"] .band--dark .card,html[data-ds="2"] .band--dark .shot,html[data-ds="2"] .band--dark .pn,html[data-ds="2"] .band--dark .cc,html[data-ds="2"] .band--dark .feature-card{background:color-mix(in oklab,var(--s-dark,var(--ink)),#fff 7%);border-color:color-mix(in oklab,var(--s-dark,var(--ink)),#fff 16%);color:#eef4f6} html[data-ds="2"] .band--dark .card .year,html[data-ds="2"] .band--dark .muted{color:rgba(238,244,246,.7)} html[data-ds="2"] .band--dark h2::after{background:var(--s-tinted,#fff)} /* αρχική: «Γίνε μέλος» ΠΑΝΩ στο accent — η φωτό στρογγυλεμένη, το κείμενο λευκό κατευθείαν στη ζώνη (όχι κουτί σε κουτί) */ html[data-ds="2"] .band--accent .ds-split{box-shadow:none;background:transparent;border-radius:0;overflow:visible;gap:clamp(28px,4.5vw,64px);min-height:0} html[data-ds="2"] .band--accent .ds-split__media{border-radius:var(--r-lg);overflow:hidden;min-height:clamp(280px,30vw,420px);box-shadow:0 30px 60px -30px rgba(0,0,0,.55)} html[data-ds="2"] .band--accent .ds-split__panel{background:transparent;padding:clamp(8px,2vw,24px) 0} html[data-ds="2"] .band--dark .ds-btn:not(.ds-btn--light){background:#fff;border-color:#fff;color:var(--s-dark)} html[data-ds="2"] .band--dark .ds-btn:not(.ds-btn--light):hover{background:var(--s-tinted);border-color:var(--s-tinted);color:var(--s-dark)} /* ═══ logo: μπάρα 48 (κινητό 40) · hero 120–152 ═══ */ html[data-ds="2"] .nav{padding-top:8px;padding-bottom:8px} html[data-ds="2"] .brand__logo{height:48px;width:auto;max-width:none;margin-right:2px} html[data-ds="2"] .masthead__logo{height:clamp(120px,10.5vw,152px)} /* ═══ περιοδικό: κεφάλι ═══ */ html[data-ds="2"] .maghead{position:relative;overflow:hidden;padding:0!important;min-height:clamp(320px,34vw,460px);display:flex;align-items:flex-end;isolation:isolate} html[data-ds="2"] .maghead__img{position:absolute;inset:0 0 0 36%;margin:0;z-index:-1} html[data-ds="2"] .maghead__img img{width:100%;height:100%;object-fit:cover;display:block} html[data-ds="2"] .maghead__img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--s-dark) 0%,color-mix(in oklab,var(--s-dark) 55%,transparent) 32%,color-mix(in oklab,var(--s-dark) 10%,transparent) 70%),linear-gradient(0deg,color-mix(in oklab,var(--s-dark) 60%,transparent),transparent 45%)} html[data-ds="2"] .maghead .wrap{width:100%} html[data-ds="2"] .maghead__txt{padding:clamp(56px,7vw,104px) 0 clamp(36px,4.5vw,64px);max-width:640px} html[data-ds="2"] .maghead__kicker{margin:0 0 16px;font:600 13px/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase} html[data-ds="2"] .maghead__kicker a{color:var(--s-tinted,#cfe);text-decoration:none} html[data-ds="2"] .maghead__kicker a:hover{color:#fff} html[data-ds="2"] .maghead h1{margin:0;color:#fff;font-size:clamp(2.6rem,1.5rem + 3.6vw,4.6rem);line-height:1.02;letter-spacing:-.012em} html[data-ds="2"] .maghead h1::after{content:"";display:block;width:56px;height:3px;border-radius:2px;background:var(--s-tinted,#fff);margin:22px 0 0} html[data-ds="2"] .maghead__meta{margin:18px 0 0;color:rgba(255,255,255,.76);font-size:15px;letter-spacing:.02em} /* ═══ υπομενού sticky ═══ */ html[data-ds="2"] .subnav{position:sticky;top:var(--nav-h,64px);z-index:15;background:color-mix(in srgb,var(--s-paper,#fff) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} html[data-ds="2"] .subnav ul{display:flex;gap:4px 26px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0 auto;padding:0 var(--gap);max-width:var(--container)} html[data-ds="2"] .subnav ul::-webkit-scrollbar{display:none} html[data-ds="2"] .subnav a{display:inline-flex;align-items:center;min-height:50px;white-space:nowrap;font-size:14.5px;font-weight:500;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease)} html[data-ds="2"] .subnav a:hover{color:var(--ink)} html[data-ds="2"] .subnav a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--accent);font-weight:600} /* ═══ περιοδικό: στήλη, lead + drop cap, full-bleed, ζεύγος, pull-quote ═══ */ html[data-ds="2"] .band--mag{padding:clamp(56px,7vw,104px) 0 clamp(64px,8vw,120px)} html[data-ds="2"] .mag{position:relative;display:grid;grid-template-columns:[full-start] minmax(20px,1fr) [wide-start] minmax(0,150px) [text-start] minmax(0,68ch) [text-end] minmax(0,150px) [wide-end] minmax(20px,1fr) [full-end];font-size:18.5px;line-height:1.74;color:var(--ink)} html[data-ds="2"] .mag > *{grid-column:text} html[data-ds="2"] .mag p{margin:0 0 1.2em;hyphens:manual;text-wrap:pretty} html[data-ds="2"] .mag__lead--big{font-size:1.2em;line-height:1.62} html[data-ds="2"] .mag__lead::first-letter{float:left;font-family:var(--font-display);font-weight:700;font-size:3.9em;line-height:.8;margin:.08em .09em 0 0;color:var(--accent)} html[data-ds="2"] .mag__bleed{grid-column:full;margin:clamp(32px,4.5vw,64px) 0;position:relative;z-index:2} html[data-ds="2"] .mag__bleed .shot{display:block;border-radius:0;box-shadow:none;border:0;background:var(--s-dark)} html[data-ds="2"] .mag__bleed .shot:hover{transform:none;box-shadow:none} html[data-ds="2"] .mag__bleed img{display:block;width:100%;height:clamp(300px,44vw,660px);object-fit:cover} html[data-ds="2"] .mag__bleed figcaption{max-width:68ch;margin:12px auto 0;padding:0 20px;font-size:13px;color:var(--muted);text-align:center} html[data-ds="2"] .mag__pair{grid-column:wide;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);margin:clamp(28px,4vw,56px) 0;position:relative;z-index:2} html[data-ds="2"] .mag__pair figure{margin:0} html[data-ds="2"] .mag__pair .shot{display:block;height:100%;border-radius:var(--r-lg)} html[data-ds="2"] .mag__pair img{display:block;width:100%;height:100%;min-height:clamp(220px,26vw,380px);object-fit:cover} html[data-ds="2"] .mag__pair figure:nth-child(2){margin-top:clamp(28px,5vw,72px)} html[data-ds="2"] .mag__quote{grid-column:wide;margin:clamp(36px,5vw,72px) 0;padding:clamp(8px,1vw,12px) clamp(0px,5vw,72px);text-align:center;position:relative;z-index:2;border:0} html[data-ds="2"] .mag__quote::before{content:"“";display:block;font-family:var(--font-display);font-weight:700;font-size:96px;line-height:.6;color:var(--s-tinted);margin:0 0 14px} html[data-ds="2"] .mag__quote p{margin:0!important;font-family:var(--font-display);font-weight:600;font-size:clamp(1.55rem,1rem + 1.7vw,2.35rem);line-height:1.28;color:var(--accent);text-wrap:balance} html[data-ds="2"] .mag__list{padding-left:1.1em} /* ράχη ετών: sticky στο αριστερό περιθώριο (≥1100) · λωρίδα πάνω από το κείμενο (κινητό) */ /* το 34ch μετριέται στο font του ΑΡΘΡΟΥ (inherit) — με 16px ο rail έπεφτε ΠΑΝΩ στο κείμενο [ΜΕΤΡΗΜΕΝΟ B.2 γύρος 1] */ html[data-ds="2"] .mag__rail{position:absolute;top:0;bottom:0;right:calc(50% + 34ch + 34px);width:104px;font-size:inherit} html[data-ds="2"] .mag__years{position:sticky;top:calc(var(--nav-h,64px) + 90px);list-style:none;margin:0;padding:4px 0 4px 22px;border-left:2px solid var(--s-tinted)} html[data-ds="2"] .mag__years li{position:relative} html[data-ds="2"] .mag__years a{display:block;padding:9px 0;font:700 17px/1 var(--font-display);color:var(--muted);text-decoration:none;transition:color .2s var(--ease),transform .2s var(--ease)} html[data-ds="2"] .mag__years a::before{content:"";position:absolute;left:-29px;top:50%;width:12px;height:12px;border-radius:50%;background:var(--s-paper,#fff);border:2px solid var(--accent);transform:translateY(-50%)} html[data-ds="2"] .mag__years a:hover,html[data-ds="2"] .mag__years a:focus-visible{color:var(--accent);transform:translateX(3px)} html[data-ds="2"] .mag p[id^="y"]{scroll-margin-top:calc(var(--nav-h,64px) + 76px)} /* ═══ list-form ═══ */ html[data-ds="2"] .goals__head{display:grid;gap:clamp(28px,4vw,48px)} html[data-ds="2"] .goals__intro{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem,1rem + 1.9vw,2.5rem);line-height:1.22;max-width:24ch} html[data-ds="2"] .goals__banner{margin:0} html[data-ds="2"] .goals__banner .shot{display:block;border-radius:var(--r-lg)} html[data-ds="2"] .goals__banner img{display:block;width:100%;aspect-ratio:21/8;object-fit:cover} /* editorial λίστα ΠΑΝΩ στην ομίχλη (όχι λευκές κάρτες: γέμιζαν τη ζώνη ⇒ median L* 100 δίπλα σε χαρτί 99 — ΜΕΤΡΗΜΕΝΟ B.2) */ html[data-ds="2"] .goals{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(36px,4vw,56px) clamp(32px,5vw,72px)} html[data-ds="2"] .goal{padding:22px 0 0;border-top:2px solid var(--accent)} html[data-ds="2"] .goal__top{display:flex;align-items:center;justify-content:space-between;margin:0 0 18px} html[data-ds="2"] .goal__n{font-family:var(--font-display);font-weight:700;font-size:clamp(44px,4.4vw,64px);line-height:1;color:var(--accent)} html[data-ds="2"] .goal__ic{width:40px;height:40px;color:var(--accent);opacity:.9} html[data-ds="2"] .goal p{margin:0;font-size:17px;line-height:1.68;color:var(--ink)} /* ═══ «Διάβασε επίσης» (σκούρο) ═══ */ html[data-ds="2"] .readalso h2{text-align:left;color:#fff} html[data-ds="2"] .readalso h2::after{margin-left:0} html[data-ds="2"] .readalso__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:clamp(14px,1.8vw,22px);align-items:start} html[data-ds="2"] .ra__s{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:0;margin:-8px 18px 18px;font-size:14.5px;line-height:1.5;color:color-mix(in oklab,#fff 78%,var(--s-dark))} html[data-ds="2"] .ra{display:flex;flex-direction:column;border-radius:var(--r-card);overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 18px 40px -22px rgba(0,0,0,.7);background:color-mix(in oklab,var(--s-dark),#fff 7%);border:1px solid color-mix(in oklab,var(--s-dark),#fff 15%);transition:transform .35s var(--ease),border-color .35s var(--ease)} /* η εικόνα ΑΠΕΥΘΕΙΑΣ στην κάρτα (όχι span-πλαίσιο: μετρούσε ως κάρτα-μέσα-σε-κάρτα στο DESIGN_CARD_SHADOW) */ html[data-ds="2"] .ra__img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:color-mix(in oklab,var(--s-dark),var(--accent) 35%);transition:transform .7s var(--ease)} html[data-ds="2"] .ra__t{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px 20px;font-family:var(--font-display);font-weight:600;font-size:18.5px;line-height:1.28} html[data-ds="2"] .ra__t span{color:var(--s-tinted);transition:transform .3s var(--ease)} html[data-ds="2"] .ra:hover,html[data-ds="2"] .ra:focus-visible{transform:translateY(-4px);border-color:var(--s-tinted)} html[data-ds="2"] .ra:hover .ra__img{transform:scale(1.05)} html[data-ds="2"] .ra:hover .ra__t span{transform:translateX(4px)} /* ═══ αρχείο: κεφάλι-κολάζ ═══ */ html[data-ds="2"] .arch-head{position:relative;overflow:hidden;isolation:isolate;padding:clamp(72px,9vw,128px) 0 clamp(40px,5vw,64px)!important} html[data-ds="2"] .arch-head__collage{position:absolute;inset:-24px;z-index:-2;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;filter:blur(9px) saturate(.85);transform:scale(1.04)} html[data-ds="2"] .arch-head__collage img{width:100%;height:100%;min-height:340px;object-fit:cover;display:block} html[data-ds="2"] .arch-head::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,color-mix(in oklab,var(--s-accent) 78%,transparent),color-mix(in oklab,var(--s-accent) 90%,var(--s-dark)))} html[data-ds="2"] .arch-head h1{color:#fff;font-size:clamp(2.8rem,1.6rem + 4vw,5rem);line-height:1;margin:0} html[data-ds="2"] .arch-head__count{margin:18px 0 0;color:rgba(255,255,255,.9);font-size:clamp(17px,1.5vw,20px)} html[data-ds="2"] .arch-head__count b{font-family:var(--font-display);font-weight:700;font-size:1.3em;color:#fff} /* pills sticky πάνω από το σκούρο αρχείο */ html[data-ds="2"] .arch-pills{position:sticky;top:var(--nav-h,64px);z-index:14;background:color-mix(in oklab,var(--s-dark) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklab,var(--s-dark),#fff 14%)} html[data-ds="2"] .arch-pills .chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 auto;padding:12px var(--gap);max-width:var(--container)} html[data-ds="2"] .arch-pills .chip{background:transparent;color:#eef4f6;border:1px solid color-mix(in oklab,var(--s-dark),#fff 28%);white-space:nowrap;min-height:40px} html[data-ds="2"] .arch-pills .chip.is-on{background:#fff;color:var(--s-dark);border-color:#fff} /* εποχές: ΜΙΑ σκούρα ζώνη, ίδια στοίχιση, μόνο το νούμερο τονισμένο ([client-feedback mimostheatro] #8) */ html[data-ds="2"] .band--archive{padding-top:clamp(24px,3vw,40px)!important} html[data-ds="2"] .era{padding:clamp(40px,5vw,72px) 0 0} html[data-ds="2"] .era__head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 20px;margin:0 0 clamp(22px,3vw,34px);padding:0 0 16px;border-bottom:1px solid color-mix(in oklab,var(--s-dark),#fff 16%);font-family:var(--font-display);color:#fff;text-align:left} html[data-ds="2"] .era__head::after{content:none!important} html[data-ds="2"] .era__n{font-weight:700;font-size:clamp(46px,5.4vw,76px);line-height:.95;color:var(--s-tinted);letter-spacing:-.01em} html[data-ds="2"] .era__c{font-family:var(--font-body);font-size:15px;color:rgba(238,244,246,.7);letter-spacing:.04em} html[data-ds="2"] .posters{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:clamp(26px,3vw,40px) clamp(16px,2vw,26px)} html[data-ds="2"] .poster{display:block;text-decoration:none;color:#fff} /* ARC CO §B — αφίσες = ISO 216 (1:1,414): σε 2:3 με cover κόβονταν ~6 % στα πλάγια [ΜΕΤΡΗΜΕΝΟ: 1131×1600, 684×983] */ html[data-ds="2"] .poster__img{position:relative;display:block;aspect-ratio:1000/1414;border-radius:10px;overflow:hidden;background:color-mix(in oklab,var(--s-dark),#fff 8%);box-shadow:0 22px 44px -22px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.06)} html[data-ds="2"] .poster__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)} html[data-ds="2"] .poster__img .noposter{position:absolute;inset:0;display:grid;place-items:center;padding:16px;text-align:center;font-family:var(--font-display);font-size:20px;color:rgba(255,255,255,.7)} /* ARC CO §B — το έτος ΚΑΤΩ από την αφίσα (πριν τον τίτλο): πάνω στην αφίσα σκέπαζε την κεφαλίδα της — η αφίσα είναι έργο του πελάτη */ html[data-ds="2"] .poster__yr{display:block;margin:14px 0 0;color:var(--s-tinted,#bcd);font:700 12.5px/1 var(--font-body);letter-spacing:.14em} html[data-ds="2"] .poster__yr + .poster__t{margin-top:6px} html[data-ds="2"] .poster__ov{position:absolute;inset:0;display:flex;align-items:flex-end;padding:16px;background:linear-gradient(0deg,color-mix(in oklab,var(--s-dark) 92%,transparent),transparent 62%);color:#fff;font-weight:600;font-size:15px;opacity:0;transition:opacity .35s var(--ease)} html[data-ds="2"] .poster:hover .poster__img img,html[data-ds="2"] .poster:focus-visible .poster__img img{transform:scale(1.05)} html[data-ds="2"] .poster:hover .poster__ov,html[data-ds="2"] .poster:focus-visible .poster__ov{opacity:1} html[data-ds="2"] .poster__t{display:block;margin:14px 0 0;font-family:var(--font-display);font-weight:600;font-size:18.5px;line-height:1.25} html[data-ds="2"] .poster__v{display:block;margin:5px 0 0;font-size:13.5px;line-height:1.45;color:rgba(238,244,246,.66)} html[data-ds="2"] .poster[id^="y-"]{scroll-margin-top:calc(var(--nav-h,64px) + 90px)} /* ARC CN E.2 — έξοδος του αρχείου: η νεότερη παράσταση (αντί για τη ράχη ετών) */ html[data-ds="2"] .arch-latest{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 18px;margin:0;text-align:center} html[data-ds="2"] .arch-latest__k{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)} /* ═══ intro splash (μία φορά ανά επίσκεψη) ═══ */ html[data-ds="2"] .intro{display:none} html[data-ds="2"].intro-on:not(.intro-skip) .intro{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--s-paper,#fff);animation:ci-intro-out .35s var(--ease) .8s forwards;cursor:pointer} html[data-ds="2"] .intro img{width:clamp(128px,16vw,196px);height:auto;animation:ci-intro-in .65s var(--ease) both} html[data-ds="2"] .intro.is-skip{animation:ci-intro-out .18s var(--ease) forwards} html[data-ds="2"].intro-skip .intro{display:none} @keyframes ci-intro-in{from{opacity:0;transform:scale(.9) translateY(6px)}to{opacity:1;transform:none}} @keyframes ci-intro-out{to{opacity:0;visibility:hidden}} /* ═══ κινητό ═══ */ @media (max-width:1099px){ html[data-ds="2"] .mag__rail{position:static;width:auto;grid-column:text;margin:0 0 28px} html[data-ds="2"] .mag__years{position:static;display:flex;flex-wrap:wrap;gap:6px 18px;padding:12px 0 0;border-left:0;border-top:2px solid var(--s-tinted)} html[data-ds="2"] .mag__years a{padding:6px 0 4px} html[data-ds="2"] .mag__years a::before{left:50%;top:-19px;margin-left:-6px;transform:none} } @media (max-width:768px){ html[data-ds="2"] .brand__logo{height:40px} html[data-ds="2"] .masthead--below .masthead__logo{height:96px} /* ARC CO §B (L3) — φωτό 56vh → 46vh: στα 56 το logo + ο τίτλος έπεφταν στο 98vh, κάτω από τη floating μπάρα του Safari (ανάποδη ιεραρχία — η φωτό ήταν το θέμα, η ταυτότητα υποσημείωση). Στόχος: φωτό + logo + τίτλος στην ΠΡΩΤΗ οθόνη ≤ 85vh. */ html[data-ds="2"] .masthead--below .slides{height:46vh;height:46svh;min-height:280px} /* heroText=below: το κείμενο του hero κάθεται σε ΟΜΙΧΛΗ, όχι στο χαρτί της επόμενης ζώνης — αλλιώς δύο ζώνες διαβάζονται ως μία */ html[data-ds="2"] .masthead--below .masthead__body{background:var(--s-tinted)} /* το min-height του desktop × aspect-ratio 4/3 επέβαλλε πλάτος 373 σε στήλη 350 ⇒ οριζόντια κύλιση (ORACLE_CLOSED, μετρημένο) */ html[data-ds="2"] .band--accent .ds-split__media{min-height:0} html[data-ds="2"] .maghead{min-height:clamp(360px,92vw,440px)} html[data-ds="2"] .maghead__img{inset:0} html[data-ds="2"] .maghead__img::after{background:linear-gradient(0deg,var(--s-dark) 8%,color-mix(in oklab,var(--s-dark) 55%,transparent) 55%,color-mix(in oklab,var(--s-dark) 25%,transparent))} html[data-ds="2"] .mag{font-size:17.5px;line-height:1.7;grid-template-columns:[full-start] 20px [wide-start text-start] minmax(0,1fr) [text-end wide-end] 20px [full-end]} html[data-ds="2"] .mag__pair{grid-template-columns:1fr} html[data-ds="2"] .mag__pair figure:nth-child(2){margin-top:0} html[data-ds="2"] .mag__quote::before{font-size:72px} html[data-ds="2"] .goals{grid-template-columns:1fr} html[data-ds="2"] .goals__banner img{aspect-ratio:4/3} html[data-ds="2"] .arch-head__collage{grid-template-columns:repeat(4,minmax(0,1fr))} html[data-ds="2"] .posters{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px} html[data-ds="2"] .poster__t{font-size:16px} html[data-ds="2"] .poster__ov{opacity:1;background:none;padding:0} html[data-ds="2"] .poster__ov span{display:none} } /* ═══ ARC CJ §C (L4) — LOGO: μέγεθος από το ΣΧΗΜΑ (μετρημένο στο logo.ts), ελάχιστα μπάρα 56/44 · hero 160 · footer 88 ═══ */ html[data-ds="2"][data-logo-shape="square"]{--logo-nav:64px;--logo-nav-m:48px;--logo-hero:clamp(160px,13vw,196px);--logo-hero-m:112px;--logo-foot:104px} html[data-ds="2"][data-logo-shape="mid"]{--logo-nav:56px;--logo-nav-m:44px;--logo-hero:clamp(160px,12vw,180px);--logo-hero-m:104px;--logo-foot:88px} html[data-ds="2"][data-logo-shape="wide"]{--logo-nav:56px;--logo-nav-m:44px;--logo-hero:160px;--logo-hero-m:96px;--logo-foot:88px} html[data-ds="2"][data-logo-shape] .brand__logo{height:var(--logo-nav);width:auto;max-width:240px;object-fit:contain} html[data-ds="2"][data-logo-shape] .masthead__logo,html[data-ds="2"][data-logo-shape] .masthead--below .masthead__logo{height:var(--logo-hero);width:auto} html[data-ds="2"][data-logo-shape] .ds-footer__logo{height:var(--logo-foot);width:auto} /* ARC CK §B (L2) — ΚΑΝΕΝΑΣ δίσκος by default: ο δίσκος σε λευκή μπάρα ήταν «κουτί μέσα σε κουτί» (μετρημένο mimos 2026-09-25). Το logo ΞΑΝΑΧΡΩΜΑΤΙΖΕΤΑΙ ανά φόντο (motion.js logoTone: αντίθεση μελανιού/φόντου ≥ 3:1 ⇒ μελάνι · αλλιώς λευκό), δίσκος ΜΟΝΟ όταν ούτε το μελάνι ούτε το λευκό φτάνουν 3:1. */ html[data-ds="2"] [data-logo-tone="ink"]{filter:none} html[data-ds="2"] [data-logo-tone="light"]{filter:brightness(0) invert(1)} html[data-ds="2"] [data-logo-tone="light"][data-logo-photo]{filter:brightness(0) invert(1) drop-shadow(0 2px 12px rgba(0,0,0,.35))} html[data-ds="2"] .masthead__logo[data-logo-tone="light"]{filter:brightness(0) invert(1) drop-shadow(0 2px 12px rgba(0,0,0,.35))} html[data-ds="2"] [data-logo-tone="disc"]{filter:none;background:#fff;border-radius:999px;padding:5px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 2px 10px rgba(0,0,0,.14)} /* λεπτή γραμμή: το footer μεγαλώνει ώσπου η γραμμή να περάσει τα ~3.5 device px (2.8 @64 ⇒ ×1.3) */ html[data-ds="2"][data-logo-thin] .ds-footer__logo{height:calc(var(--logo-foot) * 1.25)} @media (max-width:768px){ html[data-ds="2"][data-logo-shape] .brand__logo{height:var(--logo-nav-m)} html[data-ds="2"][data-logo-shape] .masthead__logo,html[data-ds="2"][data-logo-shape] .masthead--below .masthead__logo{height:var(--logo-hero-m)} html[data-ds="2"] [data-logo-tone="disc"]{padding:4px} } @media (prefers-reduced-motion:reduce){ html[data-ds="2"] .intro{display:none} html[data-ds="2"] .ra,html[data-ds="2"] .ra__img,html[data-ds="2"] .poster__img img,html[data-ds="2"] .mag__years a{transition:none} html[data-ds="2"] .ra:hover,html[data-ds="2"] .ra:hover .ra__img,html[data-ds="2"] .poster:hover .poster__img img{transform:none} }