/* ZITOMATHIA V9 — same editorial palette on EVERY page; no boxed portraits. */
:root{--z9-black:#151617;--z9-charcoal:#232426;--z9-silver:#bcbec1;--z9-silver-light:#dedfe1;--z9-beige:#ede7de;--z9-paper:#f5f3ee;--z9-ink:#171819}
html{overflow-x:clip}
body.zito-reference{background:var(--z9-paper)!important;color:var(--z9-ink);-webkit-font-smoothing:antialiased}
body.zito-reference .z-main-page,body.zito-reference .z-content-section,body.zito-reference .z9-company-body,body.zito-reference .ref-eleni{background:var(--z9-paper)}
body.zito-reference .z-page-intro{background:linear-gradient(138deg,#d9dadd 0%,#efeee9 55%,#eee6da 100%)!important;border-color:#c9c8c6;padding-block:88px 62px}
body.zito-reference .z-page-intro h1,body.zito-reference .ref-about-content h1{font-size:clamp(39px,5.7vw,84px)!important;overflow-wrap:normal;line-height:1.09!important;max-width:100%;color:#171717}
body.zito-reference .z-page-intro p{color:#4d4d4e}
body.zito-reference .z-content-section{padding-top:clamp(48px,6vw,90px)}
body.zito-reference .z-content-section a,body.zito-reference .z-main-page a{transition:color .25s ease,border-color .25s ease,transform .25s ease}
body.zito-reference .z-main-page,.zito-reference .ref-main{overflow-x:clip}
/* HEAD: keep the original black logo and display the requested designer-like typography beside it. */
.z8-header-brand{display:flex;gap:14px!important;align-items:center;min-width:0;text-decoration:none}
.z8-header-brand .z8-header-icon{height:65px!important;width:auto!important;max-width:68px!important;flex-shrink:0;object-fit:contain}
.z8-header-wordmark{display:flex;align-items:center;gap:13px;white-space:nowrap}
.z8-header-wordmark strong{font-size:clamp(13px,1.45vw,20px);font-weight:840;letter-spacing:.07em;color:#121315}
.z8-header-separator{height:31px;width:1px;background:linear-gradient(180deg,transparent,#8e9297,transparent);flex-shrink:0}
.z8-header-teacher{font-size:clamp(9px,.87vw,12px);letter-spacing:.09em;font-weight:700;color:#53565a}
.ref-header{background:rgba(247,246,242,.95)!important;border-bottom:1px solid #ceced0!important}
.ref-header-wrap{gap:clamp(10px,2vw,30px);min-height:86px!important}
.ref-nav{gap:clamp(10px,1.25vw,22px)!important}
.ref-nav a{font-size:clamp(11px,.92vw,13px)!important}
/* Remove previous photo frames/gradients/borders/shadows. Keep the user's transparent cutouts. */
body.zito-reference .ref-hero-photo,body.zito-reference .ref-eleni-art,body.zito-reference .ref-about-photo,body.zito-reference .ref-end-art,body.zito-reference .ref-about-photos figure{background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
body.zito-reference .ref-hero-photo:before,body.zito-reference .ref-hero-photo::after,body.zito-reference .ref-eleni-art::before,body.zito-reference .ref-silver-halo,body.zito-reference .ref-end-art:before,body.zito-reference .ref-end-art:after{display:none!important;content:none!important}
body.zito-reference .ref-hero-photo img,body.zito-reference .ref-eleni-art img,body.zito-reference .ref-about-photo img,body.zito-reference .ref-about-photos figure img,body.zito-reference .ref-end-art img{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;filter:none!important;object-fit:contain!important;object-position:bottom center!important;mix-blend-mode:normal!important}
body.zito-reference .ref-hero-photo{height:min(78svh,810px)!important;min-height:540px!important;align-self:end;align-items:flex-end!important;padding:0!important;overflow:visible!important}
body.zito-reference .ref-hero-photo img{display:block;width:min(100%,650px)!important;height:min(78svh,810px)!important;max-height:none!important}
body.zito-reference .ref-eleni{padding-block:clamp(80px,11vw,155px);gap:clamp(28px,6vw,105px)}
body.zito-reference .ref-eleni-art{padding:0!important;min-height:570px!important;overflow:visible!important;align-items:end!important}
body.zito-reference .ref-eleni-art img{width:100%!important;max-width:680px!important;height:620px!important;max-height:none!important}
body.zito-reference .ref-eleni-copy h2{overflow-wrap:normal;font-size:clamp(35px,4.2vw,66px);line-height:1.13}
body.zito-reference .ref-about-page{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:clamp(26px,6vw,110px)!important;align-items:center!important;padding-block:75px 120px!important}
body.zito-reference .ref-about-photo{padding:0!important;min-height:670px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:visible!important}
body.zito-reference .ref-about-photo img{width:100%!important;height:min(76svh,760px)!important;max-height:none!important}
body.zito-reference .ref-about-photos{max-width:650px;gap:20px!important}
body.zito-reference .ref-about-photos figure{overflow:visible!important;position:relative}
body.zito-reference .ref-about-photos figure img{height:330px!important}
body.zito-reference .ref-about-photos figcaption{color:#686769;border-top:1px solid #cdced0;font-weight:650}
body.zito-reference .ref-end-art{overflow:visible!important}
body.zito-reference .ref-end-art img{max-height:600px!important}
/* Shared black silver beige art direction */
body.zito-reference .ref-hero{background:linear-gradient(125deg,#e4e5e7,#f4f1eb 62%,#ede4d7)!important}
body.zito-reference .ref-levels{background:#e5e6e7!important}
body.zito-reference .ref-cyprus{background:#eceae6!important}
body.zito-reference .ref-scroll-lesson{background:#dcdddf!important}
body.zito-reference .ref-level-card{background:linear-gradient(145deg,#f7f7f6,#dedfe0)!important;border:1px solid #c3c4c6!important}
body.zito-reference .ref-end-cta{background:linear-gradient(110deg,#141516,#2b2c2e)!important}
body.zito-reference .z3-shop-head{background:linear-gradient(118deg,#dadbde,#f2f0eb)!important}
body.zito-reference .z3-book-card,body.zito-reference .z3-premium-card,body.zito-reference .z5-company-cards article,body.zito-reference .z5-account-card{border-color:#c8c9cb!important}
body.zito-reference .z-legal-copy,body.zito-reference .z-generic-copy{max-width:1030px}
body.zito-reference .z-faq{border-color:#bfbfc1}
body.zito-reference .z-contact-form{background:#f8f7f3;border:1px solid #c9c9c9;box-shadow:0 19px 54px #1515150c}
body.zito-reference .z-contact-info h2{font-size:clamp(31px,3.4vw,54px);letter-spacing:-.04em;line-height:1.12}
body.zito-reference .z8-contact-hint{color:#58595a;max-width:510px;line-height:1.7}
/* COHERENT FOOTER - Reference RENE credit layout, clean dark/silver outlines. */
.z8-creator-credit{border-block:1px solid #45484a;padding:34px 0!important;display:grid!important;grid-template-columns:70px minmax(0,1fr) minmax(280px,390px);align-items:center;column-gap:26px;row-gap:10px;max-width:1230px}
.z8-creator-mark{width:64px;height:64px;display:grid;place-items:center;background:#171819;border:1px solid #606265;border-radius:13px;color:white;font-size:36px;font-weight:800;letter-spacing:-.09em}
.z8-creator-mark span{color:#bdbec1}
.z8-creator-credit-copy h3{font-size:clamp(20px,2vw,26px)!important;color:#fff!important;margin:3px 0!important}
.z8-creator-credit-copy p:not(.z8-creator-overline){color:#c1c4c6;font-size:12px;line-height:1.65;margin:0}
.z8-creator-overline{font-size:9px!important;letter-spacing:.16em;color:#c9cacc!important;margin:0!important}
.z8-creator-credit-link{border:1px solid #707276;border-radius:2px;padding:13px 20px!important;display:flex!important;gap:3px;flex-direction:column;position:relative;color:#fff;text-decoration:none!important}
.z8-creator-credit-link small{font-size:10px;color:#bfc0c2}.z8-creator-credit-link strong{font-size:13px;display:block}.z8-creator-credit-link strong span{font-weight:500;color:#d5d6d8}
.z8-credit-arrow{position:absolute;right:16px;top:12px;font-size:22px;color:#dddfe1}
.z8-footer-creator-social{grid-column:2/4;display:flex;gap:20px;flex-wrap:wrap;margin-top:-5px;font-size:12px}
.z8-footer-creator-social a{color:#d1d2d4!important;text-decoration:underline;text-decoration-color:#56595d;text-underline-offset:4px}
.z8-creator-ident{margin:18px 0 22px;display:flex;flex-direction:column;gap:5px}
.z8-creator-ident strong{font-size:24px;color:#fff}.z8-creator-ident span{color:#c7c7c9;letter-spacing:.04em;font-size:16px}
.z8-creator-hero-links{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:26px}
.z8-creator-hero-links a{color:#ececed!important;font-weight:650;font-size:13px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#717173}
.z6-creator-photo-wrap .z6-creator-photo-caption{display:none!important}
/* Company corporate facts and financial documents */
.z9-company-intro{background:linear-gradient(120deg,#151617,#292a2c 70%,#414143);position:relative;color:#f6f4f0;overflow:hidden}
.z9-company-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;min-height:480px;padding-block:78px}
.z9-company-intro .ref-eyebrow{color:#c6c8ca}.z9-company-title{font-size:clamp(41px,5.7vw,83px);line-height:1.07;letter-spacing:-.05em;color:#fff;margin:15px 0 21px}
.z9-company-sub{letter-spacing:.11em;font-weight:700;color:#d4d4d5}.z9-company-intro p:not(.ref-eyebrow){max-width:710px;line-height:1.7}
.z9-company-hero-art{min-height:345px;border:1px solid #6e7074;background:radial-gradient(ellipse at 52% 50%,#5b5d60,#222325 72%);border-radius:22px;display:grid;place-items:center;overflow:hidden;position:relative}
.z9-company-hero-art span{position:absolute;font-size:clamp(180px,22vw,330px);font-weight:950;color:#b9bdc21b;transform:rotate(-12deg)}
.z9-company-hero-art strong{color:#efefef;letter-spacing:.18em;font-size:clamp(18px,2vw,30px)}
.z9-company-body{padding-top:clamp(60px,7vw,105px);padding-bottom:clamp(70px,8vw,110px)}
.z9-company-section-header h2{font-size:clamp(32px,4vw,52px);margin:8px 0 40px}
.z9-company-facts{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.z9-fact{padding:20px 25px;min-height:111px;border-radius:13px;background:#fdfcf9;border:1px solid #cacbce;display:flex;flex-direction:column;justify-content:center;gap:10px}
.z9-fact dt{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:800;color:#606367}.z9-fact dd{margin:0;line-height:1.55;font-size:clamp(14px,1.4vw,19px);font-weight:650;color:#1a1a1b;overflow-wrap:anywhere}
.z9-company-source{font-size:13px;line-height:1.7;margin-top:25px;color:#656669}.z9-company-source a{border-bottom:1px solid #666}
.z9-financials{background:linear-gradient(130deg,#dedfe1,#f0ede7);padding:clamp(75px,8vw,125px) 0}
.z9-financial-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,7vw,120px);align-items:center}
.z9-financial-grid h2{font-size:clamp(38px,4.5vw,69px);line-height:1.06;letter-spacing:-.04em;margin:14px 0 26px}
.z9-financial-grid p:not(.ref-eyebrow){color:#525457;line-height:1.7;font-size:15px}
.z9-financial-card{padding:clamp(26px,4vw,50px);background:#191a1c;color:#f4f4f5;border:1px solid #57595d;border-radius:21px;display:flex;flex-direction:column;align-items:start;gap:16px}
.z9-financial-number{font-size:clamp(70px,11vw,140px);letter-spacing:-.075em;line-height:1;color:#d0d1d4}
.z9-financial-label{font-size:11px;letter-spacing:.1em;color:#a5a6a8}
.z9-financial-button{width:100%;min-height:56px;padding:15px 18px;background:#e9e9ea;color:#111213!important;display:flex;justify-content:space-between;align-items:center;font-weight:800;border-radius:7px;font-size:13px}
.z9-financial-button:hover{background:#d1d2d5}.z9-financial-secondary{color:#f0f0f0!important;text-decoration:underline;text-underline-offset:6px;font-weight:700}
.z9-financial-card p{color:#bdc0c2!important;font-size:12px!important}
/* Waving typography – subtle, readable, pauses on reduced motion. */
.z9-wave{display:inline-block;white-space:pre;animation:z9-letterwave 3.9s ease-in-out infinite;animation-delay:calc(var(--z9-index, 0) * 55ms);transform-origin:50% 80%;will-change:transform}
.z9-wave-space{display:inline-block;white-space:pre}
.z9-wave-heading{overflow-wrap:normal;word-break:normal;hyphens:auto}
.z9-wave-heading .z9-wave-word{display:inline-block;white-space:nowrap}
@keyframes z9-letterwave{0%,62%,100%{transform:translateY(0)}72%{transform:translateY(-4px)}82%{transform:translateY(1px)}}
/* Keep all text visible even when JS is disabled. */
@media(max-width:1200px){.z8-header-wordmark{gap:7px}.z8-header-teacher{font-size:10px}.ref-header-wrap{flex-wrap:wrap}.ref-nav{gap:12px!important}}
@media(max-width:1100px){.z8-header-brand .z8-header-icon{height:58px!important}.z8-header-wordmark strong{font-size:15px}}
@media(max-width:950px){.z8-creator-credit{grid-template-columns:68px minmax(0,1fr)}.z8-creator-credit-link{grid-column:1/-1}.z8-footer-creator-social{grid-column:1/-1}.z8-header-teacher{display:block}}
@media(max-width:760px){body.zito-reference .ref-hero-photo{height:auto!important;min-height:0!important;width:100%!important;max-width:560px;margin:auto;overflow:visible!important}body.zito-reference .ref-hero-photo img{height:auto!important;max-height:520px!important;width:100%!important}body.zito-reference .ref-eleni{grid-template-columns:1fr!important;padding-block:65px!important;gap:28px!important}body.zito-reference .ref-eleni-art{min-height:0!important;max-width:570px;margin:auto!important}body.zito-reference .ref-eleni-art img{height:auto!important;max-height:550px!important;width:100%!important}body.zito-reference .ref-about-page{grid-template-columns:1fr!important;padding-block:60px 80px!important}body.zito-reference .ref-about-photo{min-height:0!important;width:100%;max-width:530px;margin:auto}body.zito-reference .ref-about-photo img{height:auto!important;max-height:560px!important}body.zito-reference .ref-about-photos figure img{height:245px!important}body.zito-reference .ref-end-art img{max-height:430px!important}.z9-company-hero-grid,.z9-financial-grid{grid-template-columns:1fr;gap:30px}.z9-company-hero-grid{padding-block:60px}.z9-company-hero-art{min-height:200px}.z9-company-facts{grid-template-columns:1fr}.z9-company-title{font-size:clamp(38px,10vw,58px)}.z9-company-body{padding-top:55px}.z8-header-brand .z8-header-icon{height:55px!important}.z8-header-wordmark strong{font-size:15px}.z8-header-separator{height:26px}.z8-header-teacher{font-size:10px}.ref-header-wrap{flex-wrap:nowrap}}
@media(max-width:410px){.z8-header-brand{gap:7px!important}.z8-header-brand .z8-header-icon{height:47px!important}.z8-header-wordmark{gap:6px}.z8-header-wordmark strong{font-size:12px}.z8-header-teacher{font-size:8px;letter-spacing:0}.ref-header-right{gap:5px!important}.ref-lang{font-size:11px!important}.z8-creator-credit{grid-template-columns:1fr}.z8-creator-mark{display:none}.z8-creator-credit-copy{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.z9-wave{animation:none!important;will-change:auto}.z8-creator-credit-link,body.zito-reference a{transition:none!important}}