/* V10 — Stampouli-inspired white / pale grey / brushed silver, consistent on every page.
   Headings must stay readable: no character-by-character bounce and no giant scroll blank. */
:root{--z9-paper:#f7f8fa;--z9-beige:#f0efec;--z9-silver:#b8bcc2;--z9-silver-light:#e8eaed;--ref-ivory:#f8f9fa;--ref-beige:#eef0f2;--ref-silver:#c4c7cb;--ref-line:#d7d9dd;--ref-muted:#555b61}
html{scroll-padding-top:94px;max-width:100%;overflow-x:clip}
body.zito-reference{background:linear-gradient(180deg,#fafbfc 0%,#f0f2f4 63%,#fafbfc 100%)!important;color:#181a1d}
body.zito-reference .z-main-page,body.zito-reference .z-content-section,body.zito-reference .z9-company-body,body.zito-reference .ref-main{background:transparent!important}
body.zito-reference h1,body.zito-reference h2,body.zito-reference h3{word-break:normal!important;overflow-wrap:break-word!important;hyphens:none;max-width:100%;text-wrap:pretty}
.z9-wave,.z9-wave-word,.z9-wave-heading{animation:none!important;transform:none!important;filter:none!important;will-change:auto!important}
.z9-wave,.z9-wave-word{display:inline!important;white-space:normal!important}
.ref-wrap,.z-container,.z3-shell{max-width:100%;margin-left:auto;margin-right:auto}
/* Compact but unmistakable logo + editor signature */
.ref-header{background:rgba(250,251,252,.96)!important;border-bottom:1px solid #d2d5da!important}
.ref-header-wrap{min-height:76px!important;gap:17px!important;flex-wrap:nowrap!important}
.z8-header-brand{gap:9px!important;max-width:max-content!important}
.z8-header-brand .z8-header-icon{width:46px!important;height:46px!important;max-width:46px!important;flex-shrink:0}
.z8-header-wordmark{gap:9px!important}.z8-header-wordmark strong{font-size:15px!important;letter-spacing:.055em!important}
.z8-header-separator{height:25px!important;background:#95999f!important}
.z8-header-teacher{font-size:9px!important;letter-spacing:.065em!important;color:#51565c!important}
.ref-nav{gap:clamp(7px,.95vw,16px)!important}.ref-nav a{font-size:clamp(10px,.78vw,12px)!important;white-space:nowrap}
.ref-header-right{gap:9px!important}
/* Hero / About: silver light backgrounds and transparent source photos, cropped above legs */
body.zito-reference .ref-hero{background:linear-gradient(120deg,#e3e5e8 0%,#f6f7f8 54%,#eceef0 100%)!important}
.ref-movement{opacity:.035!important}
.ref-hero h1{font-size:clamp(39px,5vw,76px)!important;line-height:1.11!important}
.ref-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important}
.ref-hero-photo,.ref-eleni-art,.ref-about-photo,.ref-end-art{border:none!important;box-shadow:none!important;background:transparent!important}
.ref-hero-photo img,.ref-eleni-art img,.ref-about-photo img,.ref-end-art img{object-fit:contain!important;object-position:bottom center!important;background:transparent!important;filter:none!important}
.ref-hero-photo{overflow:hidden!important;max-height:720px!important}
.ref-hero-photo img{height:min(72svh,720px)!important;width:auto!important;max-width:100%!important}
body.zito-reference .ref-eleni{background:linear-gradient(135deg,#f9fafb,#eef0f2)!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
body.zito-reference .ref-eleni-art{min-height:510px!important;overflow:hidden!important}
body.zito-reference .ref-eleni-art img{height:590px!important;max-width:100%!important;width:auto!important}
body.zito-reference .ref-eleni-copy h2{font-size:clamp(34px,4vw,58px)!important;line-height:1.16!important}
body.zito-reference .ref-about-page{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important}
body.zito-reference .ref-about-photo{min-height:560px!important;max-height:700px!important;overflow:hidden!important;position:relative!important;top:auto!important}
body.zito-reference .ref-about-photo img{height:680px!important;width:auto!important;max-width:100%!important}
body.zito-reference .ref-about-photos figure{border:1px solid #e4e6e8!important;border-radius:18px!important;background:linear-gradient(135deg,#f4f5f7,#e8eaed)!important;overflow:hidden!important}
body.zito-reference .ref-about-photos figure img{height:260px!important;width:100%!important;object-fit:contain!important;object-position:bottom!important}
body.zito-reference .ref-about-box{background:linear-gradient(130deg,#eff1f3,#fafafb)!important;border:1px solid #dfe1e5!important}
body.zito-reference .ref-end-art{align-self:end;overflow:hidden!important;max-height:580px!important}
body.zito-reference .ref-end-art img{height:580px!important;max-height:none!important;max-width:100%!important}
/* No 290svh sticky blank section or letters forever hidden at alpha=0. */
.ref-word{height:auto!important;min-height:clamp(410px,75svh,730px)!important;position:relative!important;background:linear-gradient(125deg,#f7f8f9,#e8eaed)!important}
.ref-word-inner{position:relative!important;top:auto!important;min-height:clamp(410px,75svh,730px)!important;height:auto!important;background:transparent!important}
.ref-love{width:100%;font-size:clamp(45px,11.5vw,170px)!important;gap:clamp(1px,.6vw,10px)!important;line-height:1.12!important;letter-spacing:-.055em!important;color:#1c1e21}
.ref-love span{opacity:1!important;transform:none!important;filter:none!important;will-change:auto!important;transition:none!important}
.ref-love-sub{color:#52575e!important;letter-spacing:.2em!important;text-align:center}
body.zito-reference .ref-scroll-lesson{background:linear-gradient(180deg,#e8eaed,#f9fafb)!important;padding:75px 0 90px!important}
.ref-lesson-pair{margin-bottom:85px!important}.ref-lesson-pair h2{font-size:clamp(40px,7vw,90px)!important}
.ref-mini-quiz{background:#fff!important;border-color:#d6d9de!important;box-shadow:0 24px 55px -40px #3336}
/* Chapters and all internal content consistent */
body.zito-reference .ref-levels,body.zito-reference .ref-cyprus,body.zito-reference .z3-home-books{background:linear-gradient(145deg,#fafbfc,#edf0f3)!important}
body.zito-reference .ref-level-card,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{background:linear-gradient(150deg,#fff,#f0f1f3)!important;border:1px solid #d4d7da!important}
body.zito-reference .z3-shop-head,body.zito-reference .z-page-intro{background:linear-gradient(135deg,#e6e8eb,#fafbfc)!important}
body.zito-reference .z-page-intro{padding:64px 0 45px!important}
body.zito-reference .z-page-intro h1{font-size:clamp(36px,5.2vw,70px)!important;line-height:1.12!important}
body.zito-reference .z-contact-form,body.zito-reference .z-faq,body.zito-reference .z9-financial-card{border-color:#d3d6da!important}
body.zito-reference .z-contact-form{background:#f9fafb!important}
body.zito-reference .zito-app{--zi-bg:#f5f7f9;--zi-paper:#fff;--zi-line:#d9dde1;--zi-silver:#aeb3b8;--zi-accent:#1c1e20;--zi-ink:#17191c;--zi-muted:#555b61}
body.zito-reference .zito-shell,body.zito-reference .zito-question,body.zito-reference .zito-gamecard{border-color:#d9dde1!important}
.woocommerce form,.woocommerce .woocommerce-MyAccount-content,.woocommerce .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce{background:transparent!important}
/* Map: LONG pointed island based on reference image, 9 synchronized markers + place chooser */
.ref-cyprus{padding:clamp(65px,8vw,115px) 0!important}
.ref-cyprus-title{display:block!important;margin-bottom:30px!important}
.ref-cyprus-title .ref-section-title{font-size:clamp(36px,5vw,64px)!important;max-width:940px!important;margin:0 0 16px!important;line-height:1.11!important}
.ref-cyprus-title>p{max-width:760px;font-size:15px!important;margin:0 0 20px!important;line-height:1.8!important}
.ref-atlas{grid-template-columns:minmax(0,1.28fr) minmax(0,.78fr)!important;gap:14px!important}
.ref-atlas-map{min-height:445px!important;background:radial-gradient(ellipse at 50% 45%,#484846 0%,#282a2b 74%,#181a1b 100%)!important;border:1px solid #46484a!important;border-radius:25px!important}
.ref-map-island{inset:8% 5%!important;filter:drop-shadow(0 12px 10px #0005)!important}
.ref-map-island svg{width:100%!important;max-height:100%!important}
.ref-map-point{width:30px!important;height:30px!important;border:2px solid #f0f1f2!important;background:#151617!important;box-shadow:0 2px 7px #0008;font-size:10px!important;z-index:4}
.ref-map-point:hover,.ref-map-point.is-current{background:#ad956f!important;color:white!important;border-color:#f9f5ef!important;box-shadow:0 0 0 6px #ddcdb255,0 4px 13px #0006!important}
.ref-atlas-card{background:#242323!important;border:1px solid #3d3a39!important;border-radius:25px!important;padding:clamp(25px,3vw,40px)!important;min-height:445px!important}
.ref-atlas-name{font-size:clamp(24px,2.6vw,36px)!important;line-height:1.16!important}
.ref-atlas-card .ref-textlink{margin-top:24px!important}
.ref-atlas-counter{margin-bottom:30px!important}
.z10-atlas-lesson{background:#353331;border:1px solid #645e57;border-radius:15px;padding:17px 18px;margin-top:25px}
.z10-atlas-lesson>span{display:block;font-size:10px;letter-spacing:.08em;color:#e6ceaa;font-weight:780;line-height:1.5}
.z10-atlas-lesson>p{font-size:13px;line-height:1.7;color:#f3f2f0;margin:10px 0 0}
.z10-atlas-select{padding:23px 4px 0}.z10-atlas-select>p{font-size:10px;font-weight:750;letter-spacing:.15em;color:#63666a;margin:0 0 12px}
.z10-atlas-options{display:flex;gap:9px;flex-wrap:wrap}
.z10-atlas-chip{display:inline-flex;align-items:center;gap:5px;min-height:37px;padding:8px 13px;border-radius:100px!important;border:1px solid #c7c9cc!important;background:#f9fafb!important;font-size:12px!important;color:#2b2c2d!important;font-weight:660!important;cursor:pointer}
.z10-atlas-chip span{font-size:10px;color:#777b81}
.z10-atlas-chip:hover,.z10-atlas-chip.is-current{background:#1d1e21!important;color:#fff!important;border-color:#1d1e21!important}
.z10-atlas-chip.is-current span{color:#d6d7d9}
/* Creator: larger cutout, readable headings, light silver surfaces like main site */
body.zito-reference .z6-creator-hero{background:linear-gradient(115deg,#e7e9ed,#f7f8fa 70%)!important;color:#17191b!important}
.z6-creator-glow{background:radial-gradient(ellipse at 80% 40%,#c3c7cf66,transparent 70%)!important}
.z6-creator-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:660px!important;align-items:end!important}
.z6-creator-hero-copy{padding:80px 0 90px!important}
body.zito-reference .z6-creator-hero h1{font-size:clamp(39px,4.6vw,67px)!important;line-height:1.12!important;color:#1a1c1f!important}
.z6-creator-hero-copy>p:not(.z6-creator-eyebrow){color:#4c525a!important}
.z6-creator-eyebrow{color:#555d65!important}
.z6-creator-photo-wrap{min-height:570px!important;overflow:hidden!important;align-items:flex-end!important}
.z6-creator-photo-wrap>img{max-height:750px!important;width:100%!important;height:auto!important;object-fit:contain!important;object-position:bottom center!important;transform:scale(1.1);transform-origin:bottom center}
.z6-creator-photo-word{color:#161a1f!important;opacity:.035!important}
.z8-creator-ident strong{color:#151619!important}.z8-creator-ident span{color:#525b64!important}
.z8-creator-hero-links a{color:#1e2429!important;text-decoration-color:#adb1b6!important}
.z6-creator-ghost{color:#151619!important;border-color:#a1a6ac!important}
body.zito-reference .z6-creator-intro{background:#f9fafb!important}
body.zito-reference .z6-creator-person{background:#e8eaed!important}
body.zito-reference .z6-creator-card{background:#fff!important;border-color:#d9dce0!important}
body.zito-reference .z9-company-intro{background:linear-gradient(125deg,#e4e7eb,#f9fafb)!important;color:#1d2023!important}
body.zito-reference .z9-company-title{color:#191b1d!important}.z9-company-intro .ref-eyebrow,.z9-company-sub{color:#4f555d!important}
body.zito-reference .z9-company-hero-art{background:linear-gradient(135deg,#34373a,#64676b)!important}
body.zito-reference .ref-end-cta{background:linear-gradient(110deg,#212327,#34383c)!important}
/* Legal/shop/account backgrounds: no warm yellow card region mismatching the page. */
body.zito-reference .ref-about-page,body.zito-reference .z9-company-body,body.zito-reference .z5-account-page,body.zito-reference .z3-shop{background:transparent!important}
/* Smooth opacity-only reveals, no per-character translations or clipping */
.ref-reveal{transform:none!important;filter:none!important;transition:opacity .35s ease-out!important}
.ref-reveal.is-visible{transform:none!important;opacity:1!important}
@media(max-width:1180px){.z8-header-teacher{font-size:8px!important}.ref-nav{gap:9px!important}}
@media(max-width:1020px){.z8-header-wordmark strong{font-size:13px!important}.z8-header-teacher{display:none!important}.z8-header-separator{display:none!important}}
@media(max-width:850px){.ref-header-wrap{min-height:70px!important}.ref-nav{background:#fafbfc!important}.ref-atlas{grid-template-columns:1fr!important}.ref-cyprus-title .ref-section-title{font-size:clamp(35px,6vw,57px)!important}}
@media(max-width:760px){
 .ref-hero-grid{grid-template-columns:1fr!important}
 body.zito-reference .ref-hero-photo{max-height:460px!important;min-height:0!important;height:460px!important}
 body.zito-reference .ref-hero-photo img{height:460px!important;width:100%!important}
 body.zito-reference .ref-eleni{grid-template-columns:1fr!important}
 body.zito-reference .ref-eleni-art{min-height:0!important;max-height:510px!important;overflow:hidden!important}
 body.zito-reference .ref-eleni-art img{height:510px!important;width:100%!important}
 body.zito-reference .ref-about-page{grid-template-columns:1fr!important}
 body.zito-reference .ref-about-photo{max-height:530px!important;min-height:0!important;overflow:hidden!important}
 body.zito-reference .ref-about-photo img{height:530px!important;width:100%!important}
 .ref-atlas-map,.ref-atlas-card{min-height:345px!important}
 .ref-map-point{width:27px!important;height:27px!important;font-size:9px!important}
 .z6-creator-hero-grid{grid-template-columns:1fr!important;min-height:auto!important}
 .z6-creator-hero-copy{padding:65px 0 15px!important}
 .z6-creator-photo-wrap{min-height:360px!important;max-height:490px!important}
 .z6-creator-photo-wrap>img{max-height:520px!important;transform:scale(1.05)}
}
@media(max-width:480px){
 .z8-header-brand .z8-header-icon{height:36px!important;width:36px!important}
 .z8-header-wordmark strong{font-size:12px!important}.z8-header-brand{gap:5px!important}
 .ref-header-wrap{gap:7px!important}.ref-lang{font-size:11px!important}
 .ref-love{font-size:clamp(35px,11vw,56px)!important}
 .ref-cyprus-title .ref-section-title{font-size:36px!important}
 .ref-atlas-map{min-height:300px!important}
 .ref-atlas-card{padding:24px!important}
 .z10-atlas-chip{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}