:root{
  --ivory:#f7f4ee;
  --paper:#fbfaf7;
  --warm:#ebe5da;
  --ink:#111;
  --muted:#756e65;
  --line:rgba(17,17,17,.15);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--ivory);color:var(--ink);overflow-x:hidden;line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
[data-lang-text]{display:none}
html[data-lang="el"] [data-el], html[data-lang="en"] [data-en]{display:initial}
html[data-lang="el"] .block[data-el], html[data-lang="en"] .block[data-en]{display:block}

.nav{
  position:fixed;z-index:100;top:0;left:0;width:100%;
  display:flex;align-items:flex-start;justify-content:space-between;
  padding:30px clamp(22px,5vw,72px);
  background:linear-gradient(to bottom,rgba(247,244,238,.94),rgba(247,244,238,.68),transparent);
  backdrop-filter:blur(10px);
}
.logo{font-size:19px;letter-spacing:.30em;text-transform:uppercase;font-weight:500}
.nav-right{display:flex;align-items:center;gap:32px}
.links{display:flex;gap:28px}
.links a{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#1c1a18}
.lang{display:flex;border:1px solid var(--line);background:rgba(255,255,255,.3)}
.lang button{border:0;background:transparent;padding:8px 10px;font-size:10px;letter-spacing:.16em;cursor:pointer;color:var(--muted)}
.lang button.active{background:#141414;color:#f7f4ee}

.section{position:relative;padding:120px clamp(24px,7vw,96px)}
.label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}
.serif{font-family:"Noto Serif Display",Georgia,serif;font-weight:300;letter-spacing:-.055em}

.hero{
  min-height:100vh;display:grid;grid-template-columns:.82fr 1.18fr;gap:4vw;align-items:center;background:var(--ivory);overflow:hidden;
}
.hero-copy{z-index:2;padding-top:40px}
.kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:30px}
h1{font-family:"Noto Serif Display",Georgia,serif;font-weight:300;font-size:clamp(72px,11vw,172px);line-height:.82;letter-spacing:-.07em}
.micro{max-width:410px;margin-top:32px;color:#4b453f;font-size:14px;line-height:1.9}
.hero-art{height:82vh;display:flex;align-items:center;justify-content:center;overflow:visible}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:74% center;transform:scale(1.35) translateX(5%);filter:grayscale(100%) contrast(1.06) brightness(1.03)}

.statement{min-height:68vh;background:var(--paper);display:grid;place-items:center;text-align:center}
.statement h2{font-family:"Noto Serif Display",Georgia,serif;font-weight:300;font-size:clamp(44px,7.2vw,116px);line-height:.93;letter-spacing:-.06em;max-width:1000px}

.why{background:var(--ivory);min-height:92vh;display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center}
.why-title{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(48px,7vw,112px);line-height:.88;letter-spacing:-.06em;font-weight:300}
.why-list{border-top:1px solid var(--line)}
.why-item{display:grid;grid-template-columns:54px 1fr;border-bottom:1px solid var(--line);padding:22px 0;gap:22px;align-items:center}
.why-item span:first-child{font-size:10px;letter-spacing:.18em;color:var(--muted)}
.why-item span:last-child{font-size:clamp(22px,2.4vw,38px);font-weight:300;letter-spacing:-.035em}

.movement{background:var(--paper);min-height:100vh;padding-top:90px}
.movement img{width:min(760px,82vw);margin:0 auto 72px;filter:grayscale(12%) contrast(1.02)}
.movement-copy{text-align:center;max-width:660px;margin:0 auto}
.movement-copy h2{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(46px,7vw,94px);font-weight:300;line-height:.9;letter-spacing:-.055em;margin-bottom:22px}
.movement-copy p{color:#514b44;font-size:15px;line-height:1.9}

.about{background:var(--ivory);min-height:100vh;display:grid;grid-template-columns:.86fr 1.14fr;gap:8vw;align-items:center}
.quote{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(44px,6vw,96px);font-weight:300;line-height:.92;letter-spacing:-.055em}
.topic-only{border-top:1px solid var(--line);max-width:720px}
.topic{display:block;border-bottom:1px solid var(--line);padding:23px 0;font-size:clamp(26px,3vw,46px);font-weight:300;letter-spacing:-.045em;line-height:1.05}
.readmore{border-bottom:1px solid var(--line);max-width:720px}
.readmore summary{list-style:none;cursor:pointer;padding:24px 0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;position:relative}
.readmore summary::-webkit-details-marker{display:none}
.readmore summary:after{content:"+";position:absolute;right:0;top:20px;font-size:22px;letter-spacing:0}
.readmore[open] summary .open-text{display:none}
.readmore summary .close-text{display:none}
.readmore[open] summary .close-text{display:inline}
.readmore[open] summary:after{content:"−"}
.read-content{padding:0 0 34px;max-width:660px}
.read-content p{font-size:15px;line-height:1.95;color:#3f3a34;margin-bottom:18px}

.warranty{background:#141414;color:#f7f4ee;min-height:100vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.warranty-inner{width:min(1050px,100%)}
.warranty .small{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b7b0a6;margin-bottom:34px}
.warranty h2{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(72px,13vw,210px);font-weight:300;line-height:.78;letter-spacing:-.075em;margin-bottom:42px}
.warranty p{max-width:620px;margin:0 auto;font-size:15px;line-height:1.9;color:#d7d1c7}
.warranty .marks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(247,244,238,.2);border-bottom:1px solid rgba(247,244,238,.2);margin-top:70px}
.warranty .marks div{padding:26px 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d7d1c7;border-right:1px solid rgba(247,244,238,.2)}
.warranty .marks div:last-child{border-right:0}

.services{background:var(--paper);min-height:auto;padding-top:150px;padding-bottom:150px}
.service-list{border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:70px 1fr .9fr;gap:5vw;align-items:center;padding:48px 0;border-bottom:1px solid var(--line)}
.service-num{font-size:10px;letter-spacing:.18em;color:var(--muted)}
.service h3{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(46px,6vw,104px);line-height:.88;letter-spacing:-.065em;font-weight:300}
.service p{max-width:420px;color:#514b44;font-size:14px;line-height:1.9}

.contact{min-height:100vh;background:linear-gradient(180deg,var(--ivory),#eee8dd);display:flex;align-items:center;justify-content:center;text-align:left}
.contact-inner{width:min(1120px,100%)}
.contact-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:34px}
.contact h2{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(52px,8vw,132px);font-weight:300;line-height:.9;letter-spacing:-.065em;max-width:940px;margin-bottom:34px}
.contact-copy{max-width:580px;font-size:15px;line-height:1.95;color:#463f38;margin-bottom:70px}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-grid a,.contact-grid div{display:flex;flex-direction:column;gap:18px;min-height:138px;padding:34px 34px 34px 0;border-right:1px solid var(--line);font-size:14px}
.contact-grid a:nth-child(2),.contact-grid div:nth-child(3){padding-left:34px}
.contact-grid div:last-child{border-right:0}
.contact-grid span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.contact-signature{margin-top:46px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s ease,transform .85s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

html[data-lang="en"] .links a,
html[data-lang="en"] .label,
html[data-lang="en"] .kicker,
html[data-lang="en"] .readmore summary,
html[data-lang="en"] .why-item span:first-child,
html[data-lang="en"] .warranty .small,
html[data-lang="en"] .warranty .marks div,
html[data-lang="en"] .contact-kicker,
html[data-lang="en"] .contact-grid span{letter-spacing:.22em}

@media(max-width:900px){
  .nav{padding:22px;align-items:flex-start}
  .nav-right{gap:16px;flex-direction:column;align-items:flex-end}
  .links{gap:14px;flex-wrap:wrap;justify-content:flex-end}
  .links a,.lang button{font-size:9px}
  .hero,.why,.about{grid-template-columns:1fr}
  .hero{padding-top:132px}
  .hero-art{height:54vh}
  .hero-art img{width:118%;transform:scale(1.18);object-position:68% center}
  .section{padding:100px 24px}
  .why{gap:52px}
  .service{grid-template-columns:1fr;gap:18px;padding:42px 0}
  .warranty .marks{grid-template-columns:1fr}
  .warranty .marks div{border-right:0;border-bottom:1px solid rgba(247,244,238,.2)}
  .warranty .marks div:last-child{border-bottom:0}
  .contact-grid{grid-template-columns:1fr}
  .contact-grid a,.contact-grid div,.contact-grid a:nth-child(2),.contact-grid div:nth-child(3){padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}
  .contact-grid div:last-child{border-bottom:0}
}

/* Shorter About read-more readability */
.read-content{max-width:700px!important}
.read-content p{font-size:15px!important;line-height:1.88!important;margin-bottom:16px!important}
html[data-lang="el"] .read-content p{font-size:15px!important;line-height:1.92!important}


/* Cleaner, more elegant About story */
.read-content{max-width:660px!important}
.read-content p{font-size:15px!important;line-height:1.9!important;margin-bottom:18px!important;color:#3d3832!important}
html[data-lang="el"] .read-content p{font-size:15px!important;line-height:1.95!important}


/* Refined non-repetitive About section */
.topic-only .topic{
  padding:28px 0!important;
}
.read-content{
  max-width:680px!important;
}
.read-content p{
  font-size:15px!important;
  line-height:1.92!important;
  margin-bottom:17px!important;
}


/* Final corrected About and readability refinements */
.topic-only .topic{padding:28px 0!important}
.read-content{max-width:700px!important}
.read-content p{font-size:15px!important;line-height:1.92!important;margin-bottom:17px!important;color:#3d3832!important}
html[data-lang="el"] .read-content p{line-height:1.96!important}


/* Google map contact block */
.map-wrap{
  margin-top:42px;
  width:100%;
  height:360px;
  border:1px solid var(--line);
  overflow:hidden;
  background:#e9e4da;
}
.map-wrap iframe{
  width:100%;
  height:100%;
  border:0;
  filter:none;
}
@media(max-width:900px){
  .map-wrap{height:300px;margin-top:34px}
}


/* Final polish for corrected About text */
.read-content{max-width:700px!important}
.read-content p{font-size:15px!important;line-height:1.92!important;margin-bottom:17px!important;color:#3d3832!important}
html[data-lang="el"] .read-content p{line-height:1.96!important}


/* Hero location refinement */
.hero-location{
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#756e65;
  margin-bottom:26px;
}
html[data-lang="el"] .hero-location{
  letter-spacing:.18em;
}


/* Final hero: text above, image completely clean */
.hero{
  display:block!important;
  min-height:auto!important;
  padding-top:150px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
.hero-copy{
  max-width:980px!important;
  margin:0 auto 70px!important;
  padding-top:0!important;
  text-align:center!important;
  position:relative!important;
  z-index:3!important;
}
.hero-location,
.hero .kicker,
.hero h1,
.hero .micro{
  position:relative!important;
  z-index:4!important;
}
.hero .micro{
  margin:32px auto 0!important;
  max-width:680px!important;
}
.hero-art{
  height:72vh!important;
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  overflow:hidden!important;
  display:block!important;
}
.hero-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:70% center!important;
  transform:none!important;
}
@media(max-width:900px){
  .hero{
    padding-top:130px!important;
  }
  .hero-copy{
    margin-bottom:46px!important;
  }
  .hero-art{
    height:54vh!important;
  }
  .hero-art img{
    width:100%!important;
    transform:none!important;
    object-position:67% center!important;
  }
}


/* Final hero separation: no text on image */
.hero{
  display:block!important;
  min-height:auto!important;
  padding-top:150px!important;
  padding-bottom:0!important;
  overflow:hidden!important;
}
.hero-copy{
  max-width:980px!important;
  margin:0 auto 70px!important;
  padding-top:0!important;
  text-align:center!important;
  position:relative!important;
  z-index:3!important;
}
.hero .micro{
  margin:32px auto 0!important;
  max-width:680px!important;
}
.hero-art{
  height:72vh!important;
  width:100vw!important;
  margin-left:calc(50% - 50vw)!important;
  overflow:hidden!important;
  display:block!important;
}
.hero-art img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:70% center!important;
  transform:none!important;
}
.hero-location{
  font-size:10px!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  color:#756e65!important;
  margin-bottom:26px!important;
}
@media(max-width:900px){
  .hero{padding-top:130px!important}
  .hero-copy{margin-bottom:46px!important}
  .hero-art{height:54vh!important}
}


/* Premium two-line statement alignment */
.statement{
  min-height:70vh!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
.statement-two-lines{
  max-width:1050px!important;
  margin:0 auto!important;
  text-align:center!important;
}
.statement-two-lines > span[data-lang-text] > span{
  display:block!important;
}
.statement-two-lines > span[data-lang-text] > span:first-child{
  margin-bottom:.22em!important;
}
.statement-two-lines > span[data-lang-text] > span:last-child{
  max-width:880px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
html[data-lang="el"] .statement-two-lines{
  font-size:clamp(42px,6.4vw,100px)!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
}
html[data-lang="en"] .statement-two-lines{
  font-size:clamp(48px,7vw,112px)!important;
  line-height:.94!important;
}
@media(max-width:900px){
  html[data-lang="el"] .statement-two-lines{
    font-size:clamp(38px,11vw,70px)!important;
    line-height:1.02!important;
  }
  .statement-two-lines > span[data-lang-text] > span:first-child{
    margin-bottom:.32em!important;
  }
}


/* Reliable anchor scroll offsets */
#home, #about, #services, #contact{scroll-margin-top:120px}
.links a{cursor:pointer; pointer-events:auto!important}


/* Final luxury human contact copy */
.contact h2{max-width:1120px!important}
html[data-lang="el"] .contact h2{
  font-size:clamp(40px,6vw,96px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
}
.contact-copy{
  max-width:760px!important;
  font-size:15px!important;
  line-height:1.95!important;
  color:#463f38!important;
  margin-bottom:18px!important;
}
.contact-copy-third{
  margin-bottom:70px!important;
}


/* Refined hero subtitle */
.hero .micro{
  max-width:560px!important;
  font-size:16px!important;
  line-height:1.75!important;
  color:#3f3933!important;
  letter-spacing:.01em!important;
}
html[data-lang="en"] .hero .micro{font-size:16px!important}
html[data-lang="el"] .hero .micro{font-size:15.5px!important}


/* Refine long Why Chronex line */
.why-item span:last-child{
  line-height:1.08!important;
}
@media(max-width:900px){
  .why-item span:last-child{
    font-size:clamp(21px,6.2vw,34px)!important;
  }
}


/* Greek hero title translation */
html[data-lang="el"] h1{
  font-size:clamp(62px,9.2vw,142px)!important;
  line-height:.88!important;
}


/* Final refined Why Chronex section */
.why-list{
  row-gap:0!important;
}
.why-item span:last-child{
  line-height:1.08!important;
}
.why-item span:last-child br{
  display:block;
}
@media(max-width:900px){
  .why-item span:last-child{
    font-size:clamp(22px,6vw,34px)!important;
    line-height:1.12!important;
  }
}


/* Premium real Google Maps frame */
.chronex-google-map{
  width:min(1180px, calc(100% - 48px));
  margin:80px auto 0;
}

.chronex-google-map .map-frame{
  height:500px;
  overflow:hidden;
  background:#f5f1e9;
  border:1px solid rgba(42,34,26,.11);
  box-shadow:0 24px 60px rgba(36,30,24,.08);
}

.chronex-google-map iframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
  filter:grayscale(.08) contrast(1.02) saturate(.88);
}

.chronex-google-map .map-info{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  padding:28px 0 0;
}

.chronex-google-map .map-kicker{
  display:block;
  font-size:11px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:#8b7a64;
  margin-bottom:12px;
}

.chronex-google-map h3{
  margin:0 0 8px;
  font-size:clamp(24px, 3vw, 42px);
  font-weight:400;
  letter-spacing:-.03em;
  color:#1f1d19;
}

.chronex-google-map p{
  margin:0;
  color:#6a6158;
  line-height:1.65;
  font-size:14px;
}

.chronex-google-map a{
  display:inline-block;
  white-space:nowrap;
  text-decoration:none;
  color:#1f1d19;
  font-size:11px;
  letter-spacing:.22em;
  text-transform:uppercase;
  border-bottom:1px solid rgba(31,29,25,.36);
  padding-bottom:8px;
  margin-bottom:6px;
}

@media(max-width:900px){
  .chronex-google-map{
    width:calc(100% - 32px);
    margin-top:56px;
  }
  .chronex-google-map .map-frame{
    height:360px;
  }
  .chronex-google-map .map-info{
    display:block;
  }
  .chronex-google-map a{
    margin-top:22px;
  }
}


.about-tabs-section{padding-top:120px!important}
.about-tabs{width:min(1180px,calc(100% - 48px));margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(40,34,28,.16);border-bottom:1px solid rgba(40,34,28,.16)}
.about-tab{appearance:none;border:0;border-right:1px solid rgba(40,34,28,.13);background:transparent;padding:28px 20px;font-family:inherit;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#7a6d5f;cursor:pointer;transition:.35s}
.about-tab:last-child{border-right:0}.about-tab.active{color:#1f1d19;background:rgba(255,255,255,.42)}
.about-panels{width:min(900px,calc(100% - 48px));margin:58px auto 0;min-height:260px}
.about-panel{display:none;animation:aboutPanelFade .55s ease both}.about-panel.active{display:block}
.about-panel h3{margin:0 0 24px;font-size:clamp(42px,6vw,92px);line-height:.92;letter-spacing:-.055em;font-weight:400;color:#1f1d19}
.about-panel p{max-width:760px;margin:0 0 18px;font-size:16px;line-height:1.95;color:#554d45}
@keyframes aboutPanelFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.about-tabs{grid-template-columns:1fr}.about-tab{border-right:0;border-bottom:1px solid rgba(40,34,28,.13);text-align:left}.about-tab:last-child{border-bottom:0}.about-panels{margin-top:40px}.about-panel h3{font-size:clamp(38px,11vw,68px)}}


/* Final V1 additions: About tabs, warranty, premium Google map */
.about-tabs-section{padding-top:120px!important}
.about-tabs{width:min(1180px,calc(100% - 48px));margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(40,34,28,.16);border-bottom:1px solid rgba(40,34,28,.16)}
.about-tab{appearance:none;border:0;border-right:1px solid rgba(40,34,28,.13);background:transparent;padding:28px 20px;font-family:inherit;font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:#7a6d5f;cursor:pointer;transition:.35s}
.about-tab:last-child{border-right:0}.about-tab.active{color:#1f1d19;background:rgba(255,255,255,.42)}
.about-panels{width:min(900px,calc(100% - 48px));margin:58px auto 0;min-height:260px}
.about-panel{display:none;animation:aboutPanelFade .55s ease both}.about-panel.active{display:block}
.about-panel h3{margin:0 0 24px;font-size:clamp(42px,6vw,92px);line-height:.92;letter-spacing:-.055em;font-weight:400;color:#1f1d19}
.about-panel p{max-width:760px;margin:0 0 18px;font-size:16px;line-height:1.95;color:#554d45}
@keyframes aboutPanelFade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.warranty-final{width:min(980px,calc(100% - 48px));margin:120px auto!important;padding:0!important}
.warranty-final .warranty-kicker{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#9a8467;margin-bottom:18px}
.warranty-final h2{font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.06em;font-weight:400;margin:0 0 34px;color:#1f1d19}
.warranty-final p{max-width:800px;font-size:17px;line-height:1.95;color:#554d45;margin:0}.warranty-final strong{color:#1f1d19}

.chronex-google-map{width:min(1180px,calc(100% - 48px));margin:80px auto 0}
.chronex-google-map .map-frame{height:500px;overflow:hidden;background:#f5f1e9;border:1px solid rgba(42,34,26,.11);box-shadow:0 24px 60px rgba(36,30,24,.08)}
.chronex-google-map iframe{width:100%;height:100%;display:block;border:0;filter:grayscale(.08) contrast(1.02) saturate(.88)}
.chronex-google-map .map-info{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:28px 0 0}
.chronex-google-map .map-kicker{display:block;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#8b7a64;margin-bottom:12px}
.chronex-google-map h3{margin:0 0 8px;font-size:clamp(24px,3vw,42px);font-weight:400;letter-spacing:-.03em;color:#1f1d19}
.chronex-google-map p{margin:0;color:#6a6158;line-height:1.65;font-size:14px}
.chronex-google-map a{display:inline-block;white-space:nowrap;text-decoration:none;color:#1f1d19;font-size:11px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid rgba(31,29,25,.36);padding-bottom:8px;margin-bottom:6px}

@media(max-width:900px){
.about-tabs{grid-template-columns:1fr}.about-tab{border-right:0;border-bottom:1px solid rgba(40,34,28,.13);text-align:left}.about-tab:last-child{border-bottom:0}.about-panels{margin-top:40px}.about-panel h3{font-size:clamp(38px,11vw,68px)}
.chronex-google-map{width:calc(100% - 32px);margin-top:56px}.chronex-google-map .map-frame{height:360px}.chronex-google-map .map-info{display:block}.chronex-google-map a{margin-top:22px}
}


/* Refined About alignment */
.about-tabs-section .section-head,
.about-tabs-section .label{
    text-align:center;
}
.about-tabs{
    max-width:980px;
    margin:40px auto 0;
}
.about-tab{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:84px;
    text-align:center;
    line-height:1.25;
    letter-spacing:.18em;
}
.about-panels{
    max-width:860px;
    margin:64px auto 0;
}
.about-panel h3{
    text-align:left;
    margin-bottom:28px;
}
.about-panel p{
    text-align:left;
    text-wrap:pretty;
}



/* Refined readable About typography */
.about-panel p{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-weight:400 !important;
  font-size:16px !important;
  line-height:1.95 !important;
  letter-spacing:0.002em !important;
  color:#38332d !important;
  max-width:760px !important;
  text-align:left !important;
  margin:0 0 18px !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}


/* Exact ending after contact reference section */
html, body{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  overflow-x:hidden !important;
}
#contact{
  margin-bottom:0 !important;
}
#contact + *{
  display:none !important;
}
body > *:last-child{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}


/* Service read-more interaction only */
.service-more{
  margin-top:20px;
}
.service-more summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#1f1d19;
  border-bottom:1px solid rgba(31,29,25,.35);
  padding-bottom:7px;
  user-select:none;
}
.service-more summary::-webkit-details-marker{display:none}
.service-more summary i{
  font-style:normal;
  display:inline-block;
  margin-left:10px;
  transition:transform .28s ease;
}
.service-more summary:hover i{
  transform:translateX(4px);
}
.service-more .less-text{display:none}
.service-more[open] .more-text{display:none}
.service-more[open] .less-text{display:inline-flex;align-items:center}
.service-more[open] summary:hover i{
  transform:translateY(-3px);
}
.service-more-content{
  overflow:hidden;
  animation:serviceMoreFade .34s ease both;
  padding-top:22px;
}
.service-more-content p{
  max-width:430px;
  color:#514b44;
  font-size:14px;
  line-height:1.9;
}
@keyframes serviceMoreFade{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){
  .service-more summary{
    display:flex;
    width:max-content;
    min-height:46px;
    align-items:center;
    padding:12px 0 8px;
  }
}


/* Old premium warranty style only */
.warranty{background:#141414;color:#f7f4ee;min-height:100vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.warranty-inner{width:min(1050px,100%)}
.warranty .small{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b7b0a6;margin-bottom:34px}
.warranty h2{font-family:"Noto Serif Display",Georgia,serif;font-size:clamp(72px,13vw,210px);font-weight:300;line-height:.78;letter-spacing:-.075em;margin-bottom:42px}
.warranty p{max-width:620px;margin:0 auto;font-size:15px;line-height:1.9;color:#d7d1c7}
.warranty .marks{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(247,244,238,.2);border-bottom:1px solid rgba(247,244,238,.2);margin-top:70px}
.warranty .marks div{padding:26px 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d7d1c7;border-right:1px solid rgba(247,244,238,.2)}
.warranty .marks div:last-child{border-right:0}
@media(max-width:900px){
  .warranty .marks{grid-template-columns:1fr}
  .warranty .marks div{border-right:0;border-bottom:1px solid rgba(247,244,238,.2)}
  .warranty .marks div:last-child{border-bottom:0}
}

/* EN: refined premium Why Choose Chronex typography */
html[data-lang="en"] .why-item > span:last-child{
  font-family:"Noto Serif Display",Georgia,serif !important;
  font-weight:300 !important;
  font-size:clamp(30px,3.2vw,46px) !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
  color:#1f1d19 !important;
}
@media(max-width:900px){
  html[data-lang="en"] .why-item > span:last-child{
    font-size:clamp(28px,7vw,40px) !important;
    line-height:1.12 !important;
  }
}


/* English paragraphs use Didot */
html[data-lang="en"] p,
html[data-lang="en"] .micro,
html[data-lang="en"] .movement-copy p,
html[data-lang="en"] .read-content p,
html[data-lang="en"] .service p,
html[data-lang="en"] .contact-copy,
html[data-lang="en"] .warranty p{
  font-family:Didot,"Bodoni 72","Iowan Old Style","Times New Roman",serif !important;
}


/* Smaller English text under Why Choose Chronex */
html[data-lang="en"] .why-item > span:last-child{
  font-size:clamp(26px,2.7vw,38px) !important;
  line-height:1.10 !important;
}
@media(max-width:900px){
  html[data-lang="en"] .why-item > span:last-child{
    font-size:clamp(24px,6vw,34px) !important;
  }
}


/* Match Services paragraph scale for EN Why */
html[data-lang="en"] .why-item > span:last-child{
  font-family:Didot,"Bodoni 72","Iowan Old Style","Times New Roman",serif !important;
  font-size:14px !important;
  line-height:1.9 !important;
  letter-spacing:.01em !important;
  font-weight:400 !important;
  max-width:430px;
  display:block;
}
@media(max-width:900px){
  html[data-lang="en"] .why-item > span:last-child{
    font-size:14px !important;
    max-width:none;
  }
}

/* Slightly larger contact details only */
.contact-grid a,
.contact-grid div{
  font-size:16px !important;
}
.contact-grid span{
  font-size:10px !important;
}

.hero-preserve-two-lines[data-lang="el"],
html[data-lang="el"] .hero-preserve-two-lines{display:block !important; line-height:1.35 !important;}
.hero-preserve-two-lines .line{display:block;}



/* Only the initial/home screen is replaced. All following sections keep their existing styles. */
.home-replacement{
  position:relative;
  width:100%;
  height:100svh;
  min-height:680px;
  overflow:hidden;
  background:#111;
}
.home-replacement-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  display:block;
}
.home-menu-hit,
.home-appointment-hit{
  position:absolute;
  z-index:5;
  top:0;
  height:11%;
  border:0;
  background:transparent;
  outline:0;
  box-shadow:none;
  -webkit-tap-highlight-color:transparent;
}
.home-menu-hit{
  left:0;
  width:30%;
  cursor:pointer;
}
.home-appointment-hit{
  right:0;
  width:35%;
  display:block;
}

/* Hide the site's regular fixed nav only while the replacement home is visible. */
body.home-active .nav{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.home-menu-open .nav{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  background:rgba(247,244,238,.97);
}

/* Smoothly return the original nav after the home screen. */
.nav{
  transition:opacity .28s ease, visibility .28s ease, background .28s ease;
}

@media(max-width:900px){
  .home-replacement{
    height:100svh;
    min-height:0;
  }
  .home-replacement-image{
    object-fit:cover;
    object-position:center top;
  }
  .home-menu-hit{
    width:34%;
    height:12%;
  }
  .home-appointment-hit{
    width:38%;
    height:12%;
  }
}



/* Requested change: pure white background everywhere except the initial hero/home. */
body{
  background:#fff !important;
}

/* All content sections after the homepage */
.section.statement,
.section.why,
.section.movement,
.section.about,
.section.warranty,
.section.services,
.section.contact,
.about-tabs-section,
.warranty-final{
  background:#fff !important;
  background-image:none !important;
}

/* Fixed navigation after leaving the homepage */
.nav{
  background:linear-gradient(to bottom,rgba(255,255,255,.98),rgba(255,255,255,.90),rgba(255,255,255,0)) !important;
}
body.home-menu-open .nav{
  background:rgba(255,255,255,.98) !important;
}

/* Warranty used to be black: invert it cleanly for the white page system. */
.warranty{
  color:#111 !important;
}
.warranty h2,
.warranty p,
.warranty .small,
.warranty .marks div{
  color:#111 !important;
}
.warranty .small,
.warranty .marks div{
  color:#756e65 !important;
}
.warranty .marks{
  border-top-color:rgba(17,17,17,.15) !important;
  border-bottom-color:rgba(17,17,17,.15) !important;
}
.warranty .marks div{
  border-right-color:rgba(17,17,17,.15) !important;
}

/* Keep secondary surfaces white as well. */
.about-tab.active{
  background:#fff !important;
}
.chronex-google-map .map-info{
  background:#fff !important;
}

@media(max-width:900px){
  .warranty .marks div{
    border-bottom-color:rgba(17,17,17,.15) !important;
  }
}



/* Only vertical spacing is tightened. Typography, colors, content and homepage stay unchanged. */

/* Desktop / tablet: modest reduction */
.section.statement,
.section.why,
.section.movement,
.section.about,
.section.warranty,
.section.services,
.section.contact,
.about-tabs-section{
  min-height:auto !important;
}

.section:not(.hero){
  padding-top:90px !important;
  padding-bottom:90px !important;
}

.statement{
  min-height:auto !important;
  padding-top:88px !important;
  padding-bottom:88px !important;
}

.why{
  min-height:auto !important;
  gap:5vw !important;
}

.movement{
  min-height:auto !important;
  padding-top:78px !important;
  padding-bottom:82px !important;
}

.movement img{
  margin-bottom:48px !important;
}

.about,
.about-tabs-section{
  min-height:auto !important;
  padding-top:84px !important;
  padding-bottom:84px !important;
}

.about-tabs{
  margin-top:28px !important;
}

.about-panels{
  margin-top:42px !important;
  min-height:0 !important;
}

.warranty{
  min-height:auto !important;
  display:block !important;
  padding-top:88px !important;
  padding-bottom:88px !important;
}

.warranty .small{
  margin-bottom:24px !important;
}

.warranty h2{
  margin-bottom:30px !important;
}

.services{
  padding-top:88px !important;
  padding-bottom:88px !important;
}

.contact{
  min-height:auto !important;
  padding-top:88px !important;
  padding-bottom:70px !important;
}

.contact-copy-third{
  margin-bottom:44px !important;
}

.contact-signature{
  margin-top:30px !important;
}

.map-wrap{
  margin-top:30px !important;
}

.chronex-google-map{
  margin-top:42px !important;
}

.warranty-final{
  margin-top:82px !important;
  margin-bottom:82px !important;
}

@media(max-width:900px){
  .section:not(.hero){
    padding-top:64px !important;
    padding-bottom:64px !important;
  }

  .statement{
    min-height:auto !important;
    padding-top:62px !important;
    padding-bottom:62px !important;
  }

  .why{
    min-height:auto !important;
    gap:30px !important;
  }

  .movement{
    min-height:auto !important;
    padding-top:58px !important;
    padding-bottom:64px !important;
  }

  .movement img{
    margin-bottom:34px !important;
  }

  .about,
  .about-tabs-section{
    min-height:auto !important;
    padding-top:62px !important;
    padding-bottom:62px !important;
  }

  .about-tabs{
    margin-top:24px !important;
  }

  .about-panels{
    margin-top:32px !important;
    min-height:0 !important;
  }

  .warranty{
    min-height:auto !important;
    display:block !important;
    padding:68px 24px !important;
  }

  .warranty .small{
    margin-bottom:18px !important;
  }

  .warranty h2{
    margin-bottom:24px !important;
  }

  .services{
    padding-top:64px !important;
    padding-bottom:64px !important;
  }

  .service{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .contact{
    min-height:auto !important;
    padding-top:68px !important;
    padding-bottom:54px !important;
  }

  .contact h2{
    margin-bottom:24px !important;
  }

  .contact-copy-third{
    margin-bottom:34px !important;
  }

  .contact-signature{
    margin-top:24px !important;
  }

  .map-wrap{
    margin-top:24px !important;
  }

  .chronex-google-map{
    margin-top:34px !important;
  }

  .warranty-final{
    margin-top:64px !important;
    margin-bottom:64px !important;
  }
}



/* Only the map is changed to monochrome */
.chronex-google-map iframe,
.map-wrap iframe{
  filter: grayscale(1) contrast(1.04) brightness(1.01) !important;
}



.story-more{
  margin-top:22px;
  max-width:760px;
}
.story-more summary{
  list-style:none;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#1f1d19;
  border-bottom:1px solid rgba(31,29,25,.32);
  padding:8px 0 7px;
  user-select:none;
}
.story-more summary::-webkit-details-marker{display:none}
.story-more summary i{
  font-style:normal;
  display:inline-block;
  margin-left:12px;
  transition:transform .25s ease;
}
.story-more summary:hover i{transform:translateX(4px)}
.story-more-close{display:none}
.story-more[open] .story-more-open{display:none}
.story-more[open] .story-more-close{display:inline-flex;align-items:center}
.story-more[open] summary:hover i{transform:translateY(-3px)}
.story-more-content{
  padding-top:24px;
  animation:storyMoreFade .35s ease both;
}
.story-more-content p:last-child{margin-bottom:0!important}
@keyframes storyMoreFade{
  from{opacity:0;transform:translateY(-6px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){
  .story-more{
    margin-top:20px;
  }
  .story-more summary{
    min-height:46px;
    padding:10px 0 8px;
  }
  .story-more-content{
    padding-top:20px;
  }
}



/* About tabs: keep Story and Philosophy side by side on all screen sizes */
.about-tabs{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  width:min(980px, calc(100% - 48px)) !important;
}
.about-tab{
  border-bottom:0 !important;
  border-right:1px solid rgba(40,34,28,.13) !important;
  text-align:center !important;
  justify-content:center !important;
}
.about-tab:last-child{
  border-right:0 !important;
}
@media(max-width:900px){
  .about-tabs{
    grid-template-columns:1fr 1fr !important;
    width:calc(100% - 32px) !important;
  }
  .about-tab{
    min-height:72px !important;
    padding:20px 10px !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    border-bottom:0 !important;
    border-right:1px solid rgba(40,34,28,.13) !important;
    text-align:center !important;
  }
  .about-tab:last-child{
    border-right:0 !important;
  }
}



.chronex-independent-note{
  max-width:760px;
  margin:22px auto 0;
  text-align:center;
  font-size:10px;
  line-height:1.6;
  letter-spacing:.04em;
  color:rgba(31,29,25,.56);
}
@media(max-width:900px){
  .chronex-independent-note{
    margin-top:18px;
    padding:0 8px;
    font-size:9px;
  }
}



.independent-atelier-label{
  margin-top:22px;
  max-width:560px;
}
.independent-atelier-label strong{
  display:block;
  font-size:12px;
  font-weight:500;
  line-height:1.45;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#1f1d19;
}
@media(max-width:900px){
  .independent-atelier-label{
    margin-top:18px;
  }
  .independent-atelier-label strong{
    font-size:11px;
    letter-spacing:.12em;
  }
}



/* =========================================================
   ALTER-INSPIRED NAVIGATION ARCHITECTURE
   All original Chronex content and visual sections preserved.
   ========================================================= */

html, body { background:#fff; }

/* page routing */
.ag-page[hidden] { display:none !important; }
.ag-page {
  min-height:100svh;
  background:#fff;
}
.ag-page.ag-enter {
  animation:agPageEnter .72s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes agPageEnter {
  0% { opacity:0; transform:translateY(10px); }
  100% { opacity:1; transform:none; }
}

/* fixed minimal navigation, similar in logic to Alter */
.ag-chrome {
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:72px;
  z-index:990;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 32px;
  color:#111;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(20,20,20,.07);
  transition:opacity .3s ease, visibility .3s ease;
}
body.ag-home .ag-chrome {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.ag-menu-open,
.ag-project-link,
.ag-brand {
  color:inherit;
  text-decoration:none;
}
.ag-menu-open {
  justify-self:start;
  border:0;
  background:none;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 0;
  cursor:pointer;
  font-family:inherit;
  font-size:10px;
  letter-spacing:.18em;
}
.ag-lines {
  width:18px;
  height:9px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.ag-lines i {
  width:100%;
  height:1px;
  background:currentColor;
  display:block;
}
.ag-brand {
  justify-self:center;
  font-size:15px;
  letter-spacing:.28em;
  font-weight:500;
}
.ag-project-link {
  justify-self:end;
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
}

/* full-screen menu */
.ag-menu {
  position:fixed;
  inset:0;
  z-index:1200;
  background:#fff;
  color:#151515;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(-10px);
  transition:
    opacity .36s ease,
    visibility .36s ease,
    transform .55s cubic-bezier(.22,.61,.36,1);
}
body.ag-menu-visible {
  overflow:hidden;
}
body.ag-menu-visible .ag-menu {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}
.ag-menu-top {
  height:78px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 34px;
  border-bottom:1px solid rgba(20,20,20,.09);
}
.ag-menu-close {
  justify-self:start;
  border:0;
  background:none;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 0;
  cursor:pointer;
  font-family:inherit;
  font-size:9px;
  letter-spacing:.17em;
}
.ag-close-icon {
  font-family:Arial,sans-serif;
  font-size:25px;
  font-weight:200;
  line-height:.8;
}
.ag-menu-brand {
  justify-self:center;
  color:#151515;
  text-decoration:none;
  font-size:15px;
  letter-spacing:.28em;
}
.ag-menu-project {
  justify-self:end;
  color:#151515;
  text-decoration:none;
  font-size:9px;
  letter-spacing:.17em;
}
.ag-menu-body {
  min-height:calc(100svh - 156px);
  display:flex;
  align-items:center;
  padding:36px max(34px, 7vw);
}
.ag-menu-links {
  width:100%;
  max-width:1280px;
  margin:auto;
  border-top:1px solid rgba(20,20,20,.13);
}
.ag-menu-links a {
  position:relative;
  display:grid;
  grid-template-columns:55px 1fr auto;
  align-items:center;
  min-height:92px;
  border-bottom:1px solid rgba(20,20,20,.13);
  color:#171717;
  text-decoration:none;
  transition:padding-left .32s ease, opacity .25s ease;
}
.ag-menu-links a:hover { padding-left:12px; }
.ag-menu-links a.ag-current { opacity:.36; }
.ag-menu-links small {
  font-size:9px;
  font-weight:400;
  letter-spacing:.12em;
  color:#8d8882;
}
.ag-menu-links a > span:not([data-lang-text]) {}
.ag-menu-links a [data-lang-text] {
  grid-column:2;
  grid-row:1;
  font-family:"Noto Serif Display", Georgia, serif;
  font-size:clamp(36px,5.2vw,72px);
  line-height:.95;
  letter-spacing:-.045em;
  font-weight:400;
}
.ag-menu-foot {
  height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:0 34px;
  border-top:1px solid rgba(20,20,20,.09);
  font-size:8px;
  line-height:1.5;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#706c67;
}
.ag-menu-lang {
  display:flex;
  align-items:center;
  gap:7px;
}
.ag-menu-lang button {
  border:0;
  background:none;
  padding:5px 0;
  cursor:pointer;
  color:#aaa39c;
  font:inherit;
  font-size:9px;
}
.ag-menu-lang button.active { color:#111; }

/* smooth route transition */
.ag-transition {
  position:fixed;
  inset:0;
  z-index:1100;
  background:#fff;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .28s ease, visibility .28s ease;
}
.ag-transition.active {
  opacity:1;
  visibility:visible;
}

/* keep internal content comfortably below chrome */
.ag-page:not([data-page="home"]) {
  padding-top:72px;
}

/* internal page entry has air, not an abrupt jump */
.ag-page:not([data-page="home"]) > .section:first-child {
  padding-top:max(115px, 12vh) !important;
}

/* Make category pages feel like standalone editorial pages */
.ag-page[data-page="atelier"] > .section + .section,
.ag-page[data-page="services"] > .section + .section,
.ag-page[data-page="warranty"] > .section + .section,
.ag-page[data-page="contact"] > .section + .section {
  border-top:1px solid rgba(20,20,20,.045);
}

/* existing homepage visual remains untouched */
.ag-page[data-page="home"] {
  padding-top:0 !important;
}

/* mobile */
@media(max-width:900px) {
  .ag-chrome {
    height:60px;
    padding:0 18px;
  }
  .ag-brand {
    font-size:13px;
    letter-spacing:.22em;
  }
  .ag-menu-open,
  .ag-project-link {
    font-size:8px;
    letter-spacing:.13em;
  }
  .ag-menu-open { gap:8px; }
  .ag-lines { width:15px; }

  .ag-menu-top {
    height:64px;
    padding:0 20px;
  }
  .ag-menu-brand {
    font-size:13px;
    letter-spacing:.22em;
  }
  .ag-menu-close,
  .ag-menu-project {
    font-size:8px;
  }
  .ag-menu-body {
    min-height:calc(100svh - 132px);
    padding:24px 20px;
  }
  .ag-menu-links a {
    grid-template-columns:34px 1fr;
    min-height:76px;
  }
  .ag-menu-links small {
    font-size:8px;
  }
  .ag-menu-links a [data-lang-text] {
    font-size:clamp(31px,10.4vw,46px);
  }
  .ag-menu-foot {
    height:68px;
    padding:0 20px;
    font-size:7px;
  }
  .ag-menu-foot > div:first-child {
    max-width:68%;
  }
  .ag-page:not([data-page="home"]) {
    padding-top:60px;
  }
  .ag-page:not([data-page="home"]) > .section:first-child {
    padding-top:88px !important;
  }
}

/* Hide the old nav if any legacy CSS targets it */
.nav { display:none !important; }



/* Merged About Us: expertise + Chronex story/philosophy in one destination */
.ag-page[data-page="atelier"] > .about-tabs-section{
  border-top:1px solid rgba(20,20,20,.055);
}



.about-us-page-title{
  margin:0 auto 28px;
  width:min(980px, calc(100% - 48px));
  font-size:10px;
  line-height:1;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#817a72;
}
@media(max-width:900px){
  .about-us-page-title{
    width:calc(100% - 32px);
    margin-bottom:22px;
    font-size:9px;
  }
}



.founder-bio-section{
  min-height:auto !important;
  padding:105px 8vw 96px !important;
  background:#fff !important;
}
.founder-bio-inner{
  width:min(980px,100%);
  margin:0 auto;
}
.founder-bio-kicker{
  margin-bottom:30px;
  font-size:10px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:#817a72;
}
.founder-bio-label{
  margin-bottom:26px;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#403c37;
}
.founder-bio-inner h2{
  margin:0 0 10px;
  font-family:"Noto Serif Display", Georgia, serif;
  font-size:clamp(44px,7vw,88px);
  line-height:.98;
  font-weight:400;
  letter-spacing:-.045em;
  color:#171614;
}
.founder-bio-role{
  margin:0 0 38px;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#817a72;
}
.founder-bio-inner > p{
  max-width:760px;
  margin:0;
  font-size:clamp(19px,2vw,25px);
  line-height:1.62;
  color:#25221f;
}
.founder-more{
  max-width:760px;
  margin-top:24px;
}
@media(max-width:900px){
  .founder-bio-section{
    padding:78px 24px 70px !important;
  }
  .founder-bio-kicker{
    margin-bottom:23px;
    font-size:9px;
  }
  .founder-bio-label{
    margin-bottom:20px;
    font-size:9px;
    line-height:1.5;
  }
  .founder-bio-inner h2{
    font-size:clamp(42px,12vw,62px);
  }
  .founder-bio-role{
    margin-bottom:28px;
    font-size:9px;
  }
  .founder-bio-inner > p{
    font-size:20px;
    line-height:1.62;
  }
}



/* =====================================================
   HOME: exactly one viewport, no accidental scroll-away
   INTERNAL PAGES: immediate/native scrolling
   ===================================================== */

html{
  scroll-behavior:auto !important;
}

/* Home must never extend beyond the hero viewport */
body.ag-home{
  height:100svh !important;
  min-height:100svh !important;
  overflow:hidden !important;
  overscroll-behavior:none;
}

body.ag-home .ag-page[data-page="home"]{
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
  overflow:hidden !important;
}

body.ag-home .home-replacement{
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
  overflow:hidden !important;
}

/* Once inside another category, restore fully native scroll immediately */
body:not(.ag-home):not(.ag-menu-visible){
  height:auto !important;
  min-height:100% !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  touch-action:pan-y pinch-zoom !important;
  -webkit-overflow-scrolling:touch;
}

body:not(.ag-home) .ag-page:not([hidden]){
  overflow:visible !important;
  touch-action:pan-y pinch-zoom !important;
}

/* Avoid a delayed/smooth programmatic scroll competing with the first user swipe */
.ag-page{
  scroll-behavior:auto !important;
}

/* Slightly faster page entrance so the page is interactive immediately */
.ag-page.ag-enter{
  animation-duration:.38s !important;
}

/* Preserve the moved statement naturally inside About Us */
.ag-page[data-page="atelier"] > .statement{
  border-top:1px solid rgba(20,20,20,.045);
}



#founder .founder-bio-inner{padding-top:0 !important;}
#founder .founder-bio-label{margin-bottom:22px !important;}
#founder .founder-bio-lead{margin-top:0 !important;}



html{scroll-behavior:auto !important;}
body:not(.ag-home):not(.ag-menu-visible){
  overflow-y:scroll !important;
  height:auto !important;
  min-height:100% !important;
  touch-action:pan-y pinch-zoom !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body:not(.ag-home) .ag-page:not([hidden]){
  overflow:visible !important;
  touch-action:pan-y pinch-zoom !important;
  min-height:calc(100svh - 60px);
}
.ag-transition{pointer-events:none !important;}
.ag-page.ag-enter{animation:none !important;}



.about-story-page{padding-top:120px !important;}
.about-story-page .about-story-panels{max-width:860px;margin:0 auto;min-height:auto;}
.about-story-page .about-panel{display:block;animation:none;}
.about-story-page .about-panel h3{margin:0 0 28px;text-align:left;}
.about-story-page .about-panel p{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-weight:400 !important;
  font-size:16px !important;
  line-height:1.95 !important;
  letter-spacing:0.002em !important;
  color:#38332d !important;
  text-align:left !important;
}



.ag-page[data-page="atelier"]{
  min-height:100svh;
}
.ag-page[data-page="atelier"] > #about{
  border-top:0 !important;
  padding-top:96px !important;
}
@media(max-width:900px){
  .ag-page[data-page="atelier"] > #about{
    padding-top:78px !important;
  }
}



/* Black luxury fullscreen menu */
.ag-menu{
  background:#000 !important;
  color:#fff !important;
}
.ag-menu-top{
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}
.ag-menu-close,
.ag-menu-brand,
.ag-menu-project{
  color:#fff !important;
}
.ag-menu-close{
  letter-spacing:.18em !important;
}
.ag-close-icon{
  color:#fff !important;
}
.ag-menu-body{
  padding:42px max(34px, 7vw) !important;
}
.ag-menu-links{
  border-top:1px solid rgba(255,255,255,.14) !important;
}
.ag-menu-links a{
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.14) !important;
}
.ag-menu-links a:hover{
  padding-left:14px !important;
}
.ag-menu-links a.ag-current{
  opacity:1 !important;
}
.ag-menu-links a.ag-current [data-lang-text]{
  color:rgba(255,255,255,.38) !important;
}
.ag-menu-links small{
  color:rgba(255,255,255,.45) !important;
}
.ag-menu-links a [data-lang-text]{
  font-family:Didot,"Bodoni 72","Iowan Old Style","Times New Roman","Noto Serif Display",serif !important;
  font-weight:300 !important;
  text-transform:uppercase !important;
  letter-spacing:-.03em !important;
  line-height:.90 !important;
  color:#fff !important;
  font-size:clamp(38px,5.4vw,78px) !important;
}
.ag-menu-foot{
  border-top:1px solid rgba(255,255,255,.12) !important;
  color:rgba(255,255,255,.58) !important;
}
.ag-menu-lang button{
  color:rgba(255,255,255,.5) !important;
}
.ag-menu-lang button.active{
  color:#fff !important;
}
@media (max-width: 900px){
  .ag-menu-links a [data-lang-text]{
    font-size:clamp(34px,10vw,62px) !important;
    line-height:.92 !important;
  }
}



/* Reference-style fullscreen menu */
.ag-menu{
  background:#000 !important;
  color:#fff !important;
}
.ag-menu-top{
  position:absolute !important;
  top:0; left:0; right:0;
  height:74px !important;
  padding:0 26px !important;
  border:0 !important;
  z-index:3;
  background:transparent !important;
}
.ag-menu-brand,
.ag-menu-project{
  display:none !important;
}
.ag-menu-close{
  color:#fff !important;
  font-size:9px !important;
  letter-spacing:.18em !important;
  opacity:.9;
}
.ag-close-icon{
  color:#fff !important;
  font-size:24px !important;
}
.ag-menu-body{
  min-height:100svh !important;
  height:100svh !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:70px 20px 60px !important;
  box-sizing:border-box;
}
.ag-menu-links{
  width:100% !important;
  max-width:980px !important;
  margin:0 auto !important;
  border:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
}
.ag-menu-links a{
  display:block !important;
  min-height:0 !important;
  width:auto !important;
  padding:0 !important;
  border:0 !important;
  color:#fff !important;
  text-align:center !important;
  text-decoration:none !important;
  transition:opacity .22s ease, transform .22s ease !important;
}
.ag-menu-links a:hover{
  padding-left:0 !important;
  transform:scale(1.015);
}
.ag-menu-links small{
  display:none !important;
}
.ag-menu-links a [data-lang-text]{
  display:block !important;
  position:static !important;
  grid-column:auto !important;
  grid-row:auto !important;
  font-family:Didot,"Bodoni 72","Bodoni MT","Iowan Old Style","Times New Roman","Noto Serif Display",serif !important;
  font-size:clamp(54px,8.2vw,118px) !important;
  font-weight:300 !important;
  line-height:.90 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  white-space:nowrap;
}
.ag-menu-links a.ag-current [data-lang-text]{
  color:#363636 !important;
}
.ag-menu-foot{
  position:absolute !important;
  left:0; right:0; bottom:0;
  height:54px !important;
  padding:0 24px !important;
  border:0 !important;
  background:transparent !important;
  color:rgba(255,255,255,.45) !important;
}
.ag-menu-foot > div:first-child{
  display:none !important;
}
.ag-menu-lang{
  margin-left:auto;
}
.ag-menu-lang button{
  color:rgba(255,255,255,.45) !important;
  font-size:9px !important;
}
.ag-menu-lang button.active{
  color:#fff !important;
}
@media(max-width:900px){
  .ag-menu-top{
    height:62px !important;
    padding:0 18px !important;
  }
  .ag-menu-body{
    padding:62px 16px 54px !important;
  }
  .ag-menu-links{
    gap:8px !important;
  }
  .ag-menu-links a [data-lang-text]{
    font-size:clamp(42px,11.5vw,72px) !important;
    line-height:.92 !important;
    letter-spacing:-.04em !important;
    white-space:normal !important;
    text-wrap:balance;
  }
  .ag-menu-foot{
    height:46px !important;
    padding:0 18px !important;
  }
}



/* One language at a time — override the previous display:block rule */
.ag-menu-links a [data-lang-text]{
  display:none !important;
}
html[data-lang="el"] .ag-menu-links a [data-el]{
  display:block !important;
}
html[data-lang="en"] .ag-menu-links a [data-en]{
  display:block !important;
}

/* Closer to the uploaded reference: fine, high-contrast Didot typography */
.ag-menu-links{
  gap:24px !important;
  max-width:1040px !important;
}

.ag-menu-links a{
  max-width:94vw !important;
}

html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en]{
  font-family:"GFS Didot", Didot, "Bodoni 72", "Bodoni MT", "Times New Roman", serif !important;
  font-weight:400 !important;
  font-size:clamp(52px,7.6vw,108px) !important;
  line-height:.91 !important;
  letter-spacing:-.035em !important;
  text-transform:uppercase !important;
  text-align:center !important;
  color:#fff !important;
  white-space:normal !important;
  text-wrap:balance;
}

.ag-menu-links a.ag-current [data-el],
.ag-menu-links a.ag-current [data-en]{
  color:#343434 !important;
}

/* Keep secondary controls deliberately quiet */
.ag-menu-close{
  opacity:.78 !important;
}
.ag-menu-lang button{
  font-family:Inter,system-ui,sans-serif !important;
}
.ag-menu-foot{
  opacity:.86;
}

@media(max-width:900px){
  .ag-menu-body{
    padding:86px 18px 64px !important;
  }
  .ag-menu-links{
    gap:21px !important;
  }
  html[data-lang="el"] .ag-menu-links a [data-el],
  html[data-lang="en"] .ag-menu-links a [data-en]{
    font-size:clamp(42px,10.7vw,62px) !important;
    line-height:.90 !important;
    letter-spacing:-.035em !important;
  }
}



/* Ensure the current menu destination is visibly muted, like the reference */
html[data-lang="el"] .ag-menu-links a.ag-current [data-el],
html[data-lang="en"] .ag-menu-links a.ag-current [data-en]{
  color:#343434 !important;
}

/* Greek labels need slightly more compact sizing so the long items stay elegant */
@media(max-width:900px){
  html[data-lang="el"] .ag-menu-links a [data-el]{
    white-space:nowrap !important;
    font-size:clamp(35px,9.4vw,48px) !important;
    letter-spacing:-.04em !important;
  }

  html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el]{
    font-size:clamp(30px,8.1vw,41px) !important;
  }

  html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
    font-size:clamp(32px,8.7vw,44px) !important;
  }

  .ag-menu-links{
    gap:23px !important;
  }
}



/* More elegant, airier menu spacing */
.ag-menu-body{
  align-items:center !important;
  padding-top:80px !important;
  padding-bottom:80px !important;
}

.ag-menu-links{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:36px !important;
  width:100% !important;
  max-width:1000px !important;
  margin:auto !important;
}

.ag-menu-links a{
  min-height:0 !important;
  width:auto !important;
  max-width:94vw !important;
  padding:0 !important;
  margin:0 !important;
  display:block !important;
  text-align:center !important;
}

html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en]{
  font-size:clamp(44px,6.3vw,82px) !important;
  line-height:.92 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
  white-space:nowrap !important;
}

/* Current page remains visible instead of disappearing */
html[data-lang="el"] .ag-menu-links a.ag-current [data-el],
html[data-lang="en"] .ag-menu-links a.ag-current [data-en]{
  color:#555 !important;
}

/* Long Greek labels get only a subtle reduction */
html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el]{
  font-size:clamp(38px,5.6vw,72px) !important;
}
html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
  font-size:clamp(40px,5.9vw,76px) !important;
}

@media(max-width:900px){
  .ag-menu-body{
    padding:98px 18px 78px !important;
  }

  .ag-menu-links{
    gap:31px !important;
  }

  html[data-lang="el"] .ag-menu-links a [data-el],
  html[data-lang="en"] .ag-menu-links a [data-en]{
    font-size:clamp(39px,9.2vw,53px) !important;
    line-height:.94 !important;
    letter-spacing:-.02em !important;
  }

  html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el]{
    font-size:clamp(31px,7.5vw,42px) !important;
  }

  html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
    font-size:clamp(34px,8.1vw,45px) !important;
  }
}



/* All menu entries use exactly the same typography */
html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en],
html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el],
html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
  font-size:clamp(42px,6.1vw,80px) !important;
  line-height:.93 !important;
  letter-spacing:-.025em !important;
  font-weight:400 !important;
  white-space:nowrap !important;
}

@media(max-width:900px){
  html[data-lang="el"] .ag-menu-links a [data-el],
  html[data-lang="en"] .ag-menu-links a [data-en],
  html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el],
  html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
    font-size:clamp(35px,8.5vw,46px) !important;
    line-height:.94 !important;
    letter-spacing:-.02em !important;
  }

  .ag-menu-links{
    gap:32px !important;
  }
}



/* Softer luxury transition from the black menu to each destination */
.ag-menu{
  transform:none !important;
  transition:
    opacity .46s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .46s !important;
}
body.ag-menu-visible .ag-menu{
  transform:none !important;
  transition:
    opacity .30s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear 0s !important;
}

/* New category enters subtly instead of appearing abruptly */
.ag-page.ag-enter{
  animation:chronexRouteEnter .52s cubic-bezier(.22,.61,.36,1) both !important;
}

@keyframes chronexRouteEnter{
  from{
    opacity:.72;
    transform:translateY(10px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

/* Keep interaction immediate; animation is visual only */
body:not(.ag-home) .ag-page:not([hidden]){
  pointer-events:auto !important;
}



/* Slower, more refined menu exit */
.ag-menu{
  transition:
    opacity .56s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear .56s !important;
}
body.ag-menu-visible .ag-menu{
  transition:
    opacity .32s cubic-bezier(.22,.61,.36,1),
    visibility 0s linear 0s !important;
}

/* A selected destination settles briefly before the menu disappears */
.ag-menu-links a{
  transition:
    opacity .28s ease,
    transform .38s cubic-bezier(.22,.61,.36,1) !important;
}
body.ag-route-changing .ag-menu-links a{
  opacity:.28 !important;
}
body.ag-route-changing .ag-menu-links a.ag-route-selected{
  opacity:1 !important;
  transform:scale(.985);
}
body.ag-route-changing .ag-menu-links a.ag-route-selected [data-lang-text]{
  color:#fff !important;
}

/* New page appears calmly under the fading black panel */
.ag-page.ag-enter{
  animation:chronexCinematicEnter .72s cubic-bezier(.16,1,.3,1) both !important;
}
@keyframes chronexCinematicEnter{
  0%{
    opacity:.42;
    transform:translateY(10px);
  }
  45%{
    opacity:.82;
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

/* Avoid any white flash between menu and destination */
body.ag-route-changing{
  background:#000 !important;
}



/* Main menu typography: CF Angeliki when licensed/installed.
   Fallbacks keep the page elegant until the licensed webfont kit is connected. */
html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en]{
  font-family:"CF Angeliki","Optima","URW Classico","Noto Serif Display",serif !important;
  font-weight:300 !important;
  letter-spacing:-.018em !important;
}

/* FAQ is no longer a main menu title. It lives quietly in the lower-left corner. */
.ag-menu-foot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.ag-menu-faq{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  color:rgba(255,255,255,.45) !important;
  text-decoration:none !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:400 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  transition:color .24s ease, opacity .24s ease !important;
}

.ag-menu-faq [data-lang-text]{
  display:none !important;
  position:static !important;
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  color:inherit !important;
  text-transform:inherit !important;
}

html[data-lang="el"] .ag-menu-faq [data-el],
html[data-lang="en"] .ag-menu-faq [data-en]{
  display:inline !important;
}

.ag-menu-faq:hover,
.ag-menu-faq.ag-current{
  color:#fff !important;
  opacity:1 !important;
}

/* Keep language switch on the lower-right. */
.ag-menu-lang{
  margin-left:auto !important;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif !important;
  font-size:9px !important;
  letter-spacing:.08em !important;
}

/* Ensure the old descriptive footer block remains hidden. */
.ag-menu-foot > div:not(.ag-menu-lang){
  display:none !important;
}

/* Route-selection animation also works for the small FAQ link. */
body.ag-route-changing .ag-menu-faq{
  opacity:.3 !important;
}
body.ag-route-changing .ag-menu-faq.ag-route-selected{
  opacity:1 !important;
  color:#fff !important;
}

@media(max-width:900px){
  .ag-menu-foot{
    height:48px !important;
    padding:0 18px 2px !important;
  }

  .ag-menu-faq,
  .ag-menu-lang,
  .ag-menu-lang button{
    font-size:9px !important;
  }

  html[data-lang="el"] .ag-menu-links a [data-el],
  html[data-lang="en"] .ag-menu-links a [data-en]{
    letter-spacing:-.012em !important;
  }
}



/* Match the visual language of the CHRONEX hero logo:
   light, clean sans-serif, uppercase, generous tracking. */
html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en]{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-style:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.095em !important;
  line-height:.92 !important;
}

/* Keep every menu destination visually equal */
html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en],
html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el],
html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
  font-size:clamp(40px,5.8vw,76px) !important;
}

/* The current destination stays understated, never invisible */
html[data-lang="el"] .ag-menu-links a.ag-current [data-el],
html[data-lang="en"] .ag-menu-links a.ag-current [data-en]{
  color:rgba(255,255,255,.30) !important;
}

/* Preserve the airy, luxury rhythm */
.ag-menu-links{
  gap:38px !important;
}

/* FAQ and language switch remain small utility typography */
.ag-menu-faq,
.ag-menu-lang,
.ag-menu-lang button{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.16em !important;
}

@media(max-width:900px){
  html[data-lang="el"] .ag-menu-links a [data-el],
  html[data-lang="en"] .ag-menu-links a [data-en],
  html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el],
  html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el]{
    font-size:clamp(31px,7.7vw,42px) !important;
    letter-spacing:.075em !important;
    line-height:.94 !important;
  }

  .ag-menu-links{
    gap:34px !important;
  }
}



.chronex-real-guide{
  background:#fff;
  color:#161513;
  padding-top:116px;
}
.chronex-real-head,
.chronex-real-block{
  width:min(980px,100%);
  margin-left:auto;
  margin-right:auto;
}
.chronex-real-head{
  padding-bottom:78px;
}
.chronex-real-head h1{
  margin:0;
  font-family:"Noto Serif Display",Georgia,serif;
  font-size:clamp(48px,7.5vw,94px);
  line-height:.92;
  letter-spacing:-.055em;
  font-weight:300;
}
.chronex-real-head>p{
  max-width:720px;
  margin:28px 0 0;
  font-size:16px;
  line-height:1.85;
  color:#5b554f;
}
.chronex-real-block{
  padding:62px 0 72px;
  border-top:1px solid rgba(17,17,17,.15);
}
.chronex-real-title-row{
  display:grid;
  grid-template-columns:58px 1fr;
  gap:20px;
  margin-bottom:34px;
}
.chronex-real-number{
  padding-top:8px;
  font-size:9px;
  letter-spacing:.15em;
  color:#98918a;
}
.chronex-real-kicker{
  display:block;
  margin-bottom:13px;
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8b847d;
}
.chronex-real-title-row h2{
  max-width:720px;
  font-family:"Noto Serif Display",Georgia,serif;
  font-size:clamp(34px,4.7vw,58px);
  line-height:.98;
  letter-spacing:-.04em;
  font-weight:300;
}
.chronex-real-item{
  margin-left:78px;
  border-top:1px solid rgba(17,17,17,.14);
}
.chronex-real-item:last-of-type{
  border-bottom:1px solid rgba(17,17,17,.14);
}
.chronex-real-item summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:22px 46px 22px 0;
  font-family:"Noto Serif Display",Georgia,serif;
  font-size:clamp(21px,2.35vw,30px);
  line-height:1.15;
  letter-spacing:-.02em;
  font-weight:400;
}
.chronex-real-item summary::-webkit-details-marker{display:none}
.chronex-real-item summary::after{
  content:"+";
  position:absolute;
  right:4px;
  top:20px;
  font-family:Arial,sans-serif;
  font-size:22px;
  font-weight:200;
  color:#817a73;
}
.chronex-real-item[open] summary::after{content:"–"}
.chronex-real-answer{
  padding:0 50px 28px 0;
  animation:chronexAnswerIn .28s ease both;
}
@keyframes chronexAnswerIn{
  from{opacity:0;transform:translateY(-4px)}
  to{opacity:1;transform:none}
}
.chronex-real-answer p{
  max-width:770px;
  margin:0;
  font-size:15.5px;
  line-height:1.9;
  color:#4d4842;
  text-wrap:pretty;
}
.chronex-buy-grid{
  margin-left:78px;
  border-top:1px solid rgba(17,17,17,.14);
}
.chronex-buy-row{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:16px;
  padding:22px 0;
  border-bottom:1px solid rgba(17,17,17,.14);
}
.chronex-buy-row b{
  font-size:9px;
  letter-spacing:.12em;
  font-weight:500;
  color:#9b948c;
  padding-top:4px;
}
.chronex-buy-row p{
  max-width:760px;
  margin:0;
  font-size:15px;
  line-height:1.82;
  color:#4d4842;
}
.chronex-buy-row strong{
  color:#1b1917;
  font-weight:500;
}
.chronex-real-final-note{
  margin:34px 0 0 78px;
  max-width:760px;
  padding-left:22px;
  border-left:1px solid #181715;
  font-family:"Noto Serif Display",Georgia,serif;
  font-size:clamp(21px,2.5vw,30px);
  line-height:1.3;
  letter-spacing:-.02em;
  color:#26231f;
}
@media(max-width:900px){
  .chronex-real-guide{
    padding:90px 20px 70px;
  }
  .chronex-real-head{
    padding-bottom:56px;
  }
  .chronex-real-head h1{
    font-size:clamp(42px,11.5vw,59px);
  }
  .chronex-real-head>p{
    font-size:15px;
    line-height:1.78;
  }
  .chronex-real-block{
    padding:48px 0 58px;
  }
  .chronex-real-title-row{
    grid-template-columns:1fr;
    gap:8px;
    margin-bottom:26px;
  }
  .chronex-real-number{
    padding:0;
  }
  .chronex-real-title-row h2{
    font-size:34px;
  }
  .chronex-real-item,
  .chronex-buy-grid,
  .chronex-real-final-note{
    margin-left:0;
  }
  .chronex-real-item summary{
    font-size:23px;
    padding:19px 38px 19px 0;
    line-height:1.12;
  }
  .chronex-real-answer{
    padding:0 12px 24px 0;
  }
  .chronex-real-answer p{
    font-size:15px;
    line-height:1.78;
  }
  .chronex-buy-row{
    grid-template-columns:30px 1fr;
    gap:10px;
    padding:20px 0;
  }
  .chronex-buy-row p{
    font-size:14.5px;
    line-height:1.75;
  }
  .chronex-real-final-note{
    margin-top:30px;
    font-size:24px;
  }
}



.chronex-authenticity-callout{
  margin:0 0 34px 78px;
  max-width:800px;
  padding:28px 30px;
  background:#f7f5f1;
  border:1px solid rgba(17,17,17,.10);
}
.chronex-authenticity-callout-kicker{
  margin-bottom:12px;
  font-size:9px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#8e877f;
}
.chronex-authenticity-callout h3{
  margin:0 0 16px;
  font-family:"Noto Serif Display",Georgia,serif;
  font-size:clamp(26px,3vw,40px);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:300;
}
.chronex-authenticity-callout p{
  max-width:720px;
  margin:0 0 14px;
  font-size:15px;
  line-height:1.82;
  color:#4f4943;
}
.chronex-authenticity-callout p:last-child{margin-bottom:0}
@media(max-width:900px){
  .chronex-authenticity-callout{
    margin:0 0 28px;
    padding:22px 20px;
  }
  .chronex-authenticity-callout h3{
    font-size:29px;
  }
  .chronex-authenticity-callout p{
    font-size:14.5px;
    line-height:1.76;
  }
}



/* Slightly larger and visually balanced FAQ / EL / EN */
.ag-menu-faq,
.ag-menu-lang,
.ag-menu-lang button{
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  font-weight:300 !important;
}

.ag-menu-faq{
  color:rgba(255,255,255,.72) !important;
}

.ag-menu-lang button{
  color:rgba(255,255,255,.58) !important;
}

.ag-menu-lang button.active{
  color:#fff !important;
}

@media(max-width:900px){
  .ag-menu-faq,
  .ag-menu-lang,
  .ag-menu-lang button{
    font-size:11px !important;
  }
}



:root{
  --chronex-body-font:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --chronex-display-font:"Noto Serif Display",Georgia,serif;
  --chronex-ui-font:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

html,body,button,input,summary{
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Body copy: one consistent family, weight and rhythm throughout the site. */
body,
.about-panel p,
.service p,
.service-more-content p,
.warranty p,
.contact-copy,
.contact-grid,
.map-info p,
.chronex-guide-note p,
.chronex-real-head>p,
.chronex-real-answer p,
.chronex-buy-row p,
.chronex-real-final-note + p,
.chronex-authenticity-callout p{
  font-family:var(--chronex-body-font) !important;
  font-weight:400 !important;
  font-style:normal !important;
  letter-spacing:0 !important;
}

.about-panel p,
.service p,
.service-more-content p,
.warranty p,
.contact-copy,
.map-info p,
.chronex-guide-note p,
.chronex-real-head>p,
.chronex-real-answer p,
.chronex-buy-row p,
.chronex-authenticity-callout p{
  line-height:1.82 !important;
}

/* Editorial display typography: consistent across all section and article headings. */
.about-panel h3,
.service h3,
.warranty h2,
.contact h2,
.map-info h3,
.chronex-guide-note h3,
.chronex-real-head h1,
.chronex-real-title-row h2,
.chronex-real-item summary,
.chronex-real-final-note,
.chronex-authenticity-callout h3{
  font-family:var(--chronex-display-font) !important;
  font-style:normal !important;
}

/* Small labels, controls and metadata use one clean UI family. */
.label,
.small,
.contact-kicker,
.map-kicker,
.service-num,
.chronex-real-kicker,
.chronex-real-number,
.about-tab,
.service-more summary,
.chronex-guide-note-kicker,
.ag-menu-faq,
.ag-menu-lang,
.ag-menu-lang button{
  font-family:var(--chronex-ui-font) !important;
}

/* CHRONEX identity and the full-screen navigation remain visually connected to the logo. */
.logo,
.ag-brand,
.ag-menu-brand,
.ag-menu-links a [data-lang-text]{
  font-family:var(--chronex-ui-font) !important;
  font-style:normal !important;
}

/* Consistent text alignment on content pages; intentional navigation/tab centering is preserved. */
.about-panel,
.service,
.warranty-inner,
.contact-inner,
.map-info,
.chronex-guide-note,
.chronex-real-head,
.chronex-real-block,
.chronex-authenticity-callout{
  text-align:left !important;
}

.about-tabs,
.ag-menu-links,
.ag-menu-lang{
  text-align:center !important;
}

/* Keep paragraph measure comfortable and visually consistent. */
.about-panel p,
.service p,
.warranty p,
.contact-copy,
.chronex-real-answer p,
.chronex-buy-row p,
.chronex-authenticity-callout p{
  max-width:72ch;
}

/* Greek and English switch without metric jumps caused by mixed legacy font rules. */
html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en]{
  font-family:var(--chronex-ui-font) !important;
  font-weight:300 !important;
}

/* Hero image/logo is intentionally untouched. */
.home-replacement,
.home-replacement *{
  font-family:inherit;
}

@media(max-width:900px){
  .about-panel p,
  .service p,
  .service-more-content p,
  .warranty p,
  .contact-copy,
  .map-info p,
  .chronex-real-head>p,
  .chronex-real-answer p,
  .chronex-buy-row p,
  .chronex-authenticity-callout p{
    line-height:1.76 !important;
  }
}



.ag-menu-links{
  gap:36px !important;
}
.ag-menu-links a{
  text-align:center !important;
  padding:0 !important;
  margin:0 !important;
}
html[data-lang="el"] .ag-menu-links a [data-el],
html[data-lang="en"] .ag-menu-links a [data-en]{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-style:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.13em !important;
  line-height:.94 !important;
  font-size:clamp(38px,5.6vw,72px) !important;
  white-space:nowrap !important;
  text-align:center !important;
}
html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el],
html[data-lang="el"] .ag-menu-links a[data-route="services"] [data-el],
html[data-lang="el"] .ag-menu-links a[data-route="warranty"] [data-el],
html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el],
html[data-lang="en"] .ag-menu-links a[data-route="atelier"] [data-en],
html[data-lang="en"] .ag-menu-links a[data-route="services"] [data-en],
html[data-lang="en"] .ag-menu-links a[data-route="warranty"] [data-en],
html[data-lang="en"] .ag-menu-links a[data-route="contact"] [data-en]{
  font-size:clamp(38px,5.6vw,72px) !important;
  letter-spacing:.13em !important;
}
html[data-lang="el"] .ag-menu-links a.ag-current [data-el],
html[data-lang="en"] .ag-menu-links a.ag-current [data-en]{
  color:rgba(255,255,255,.34) !important;
}
.ag-menu-faq,
.ag-menu-lang,
.ag-menu-lang button{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}
@media(max-width:900px){
  .ag-menu-links{
    gap:34px !important;
  }
  html[data-lang="el"] .ag-menu-links a [data-el],
  html[data-lang="en"] .ag-menu-links a [data-en],
  html[data-lang="el"] .ag-menu-links a[data-route="atelier"] [data-el],
  html[data-lang="el"] .ag-menu-links a[data-route="services"] [data-el],
  html[data-lang="el"] .ag-menu-links a[data-route="warranty"] [data-el],
  html[data-lang="el"] .ag-menu-links a[data-route="contact"] [data-el],
  html[data-lang="en"] .ag-menu-links a[data-route="atelier"] [data-en],
  html[data-lang="en"] .ag-menu-links a[data-route="services"] [data-en],
  html[data-lang="en"] .ag-menu-links a[data-route="warranty"] [data-en],
  html[data-lang="en"] .ag-menu-links a[data-route="contact"] [data-en]{
    font-size:clamp(30px,7.4vw,40px) !important;
    letter-spacing:.105em !important;
    line-height:.96 !important;
  }
}



/* Services headings aligned with the CHRONEX wordmark */
#page-services .service h3{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-style:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.095em !important;
  line-height:.98 !important;
  font-size:clamp(30px,3.6vw,50px) !important;
  color:#151412 !important;
}

/* Greek and English headings keep identical visual treatment */
#page-services .service h3 [data-lang-text]{
  font-family:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  text-transform:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  font-size:inherit !important;
}

/* Service numbers also follow the same clean identity */
#page-services .service-num{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  letter-spacing:.16em !important;
}

@media(max-width:900px){
  #page-services .service h3{
    font-size:clamp(27px,7.4vw,38px) !important;
    letter-spacing:.075em !important;
    line-height:1.02 !important;
  }
}



/* Service descriptions: larger, cleaner, visually related to the CHRONEX identity */
#page-services .service{
  text-align:left !important;
}

#page-services .service > p,
#page-services .service .service-more-content p{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:17px !important;
  line-height:1.82 !important;
  font-weight:300 !important;
  font-style:normal !important;
  letter-spacing:.018em !important;
  color:#46423e !important;
  text-align:left !important;
  max-width:68ch !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-wrap:pretty;
}

/* Keep all language spans perfectly aligned with their parent paragraph */
#page-services .service > p [data-lang-text],
#page-services .service .service-more-content p [data-lang-text]{
  font-family:inherit !important;
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
  text-align:inherit !important;
}

/* Align heading, description and expand-control to one visual axis */
#page-services .service h3,
#page-services .service > p,
#page-services .service .service-more,
#page-services .service .service-more-content{
  text-align:left !important;
}

#page-services .service .service-more summary{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:11px !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  text-align:left !important;
}

/* More even vertical rhythm between title and copy */
#page-services .service h3{
  margin-bottom:18px !important;
}

#page-services .service > p{
  margin-top:0 !important;
  margin-bottom:20px !important;
}

@media(max-width:900px){
  #page-services .service > p,
  #page-services .service .service-more-content p{
    font-size:16.5px !important;
    line-height:1.76 !important;
    letter-spacing:.012em !important;
    max-width:none !important;
  }

  #page-services .service h3{
    margin-bottom:16px !important;
  }
}



/* One exact typographic system for service headings 01–05 */
#page-services .service h3,
#page-services .service-partial h3,
#page-services .service h3 [data-lang-text],
#page-services .service-partial h3 [data-lang-text]{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:clamp(30px,3.6vw,50px) !important;
  font-weight:300 !important;
  font-style:normal !important;
  line-height:1.02 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  color:#151412 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Align the structural axis of every service block */
#page-services .service,
#page-services .service-partial{
  text-align:left !important;
  align-items:start !important;
}

/* The partial-repair block has nested wrappers: neutralize them */
#page-services .service-partial > div,
#page-services .service-partial > div > h3,
#page-services .service-partial > div > p,
#page-services .service-partial .service-more{
  text-align:left !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

/* Make all titles start at the same horizontal position after their service number */
#page-services .service{
  grid-template-columns:54px minmax(0,1fr) !important;
  column-gap:22px !important;
}

#page-services .service-partial{
  grid-template-columns:54px minmax(0,1fr) !important;
  column-gap:22px !important;
}

#page-services .service-partial > .service-num{
  grid-column:1 !important;
  grid-row:1 / span 2 !important;
}

#page-services .service-partial > div:nth-of-type(2),
#page-services .service-partial > div:nth-of-type(3){
  grid-column:2 !important;
}

/* Consistent spacing below headings */
#page-services .service h3,
#page-services .service-partial h3{
  margin-bottom:18px !important;
}

/* Keep descriptions aligned to the same text column */
#page-services .service > p,
#page-services .service-partial > div > p,
#page-services .service .service-more{
  grid-column:2 !important;
  width:100% !important;
  max-width:68ch !important;
}

@media(max-width:900px){
  #page-services .service,
  #page-services .service-partial{
    grid-template-columns:34px minmax(0,1fr) !important;
    column-gap:14px !important;
  }

  #page-services .service h3,
  #page-services .service-partial h3,
  #page-services .service h3 [data-lang-text],
  #page-services .service-partial h3 [data-lang-text]{
    font-size:clamp(27px,7.4vw,38px) !important;
    line-height:1.04 !important;
    letter-spacing:.075em !important;
  }

  #page-services .service > p,
  #page-services .service-partial > div > p,
  #page-services .service .service-more{
    max-width:none !important;
  }
}



/* =========================================================
   SERVICES 01–05 — ONE EXACT TYPOGRAPHIC & ALIGNMENT SYSTEM
   ========================================================= */

#page-services .service{
  display:grid !important;
  grid-template-columns:54px minmax(0,1fr) !important;
  column-gap:34px !important;
  align-items:start !important;
  text-align:left !important;
}

/* 01–05 */
#page-services .service .service-num{
  grid-column:1 !important;
  grid-row:1 / span 4 !important;
  margin:0 !important;
  padding:0 !important;
  align-self:start !important;

  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:300 !important;
  letter-spacing:.16em !important;
  color:#96928d !important;
  text-align:left !important;
}

/* HEADINGS 01–05: EXACTLY IDENTICAL */
#page-services .service > h3,
#page-services .service > h3 [data-lang-text]{
  grid-column:2 !important;
  margin:0 0 30px 0 !important;
  padding:0 !important;

  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:clamp(30px,3.6vw,50px) !important;
  line-height:1.02 !important;
  font-weight:300 !important;
  font-style:normal !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  color:#151412 !important;
}

/* INTRO COPY 01–05: EXACTLY IDENTICAL */
#page-services .service > p,
#page-services .service > p [data-lang-text]{
  grid-column:2 !important;
  width:100% !important;
  max-width:68ch !important;
  margin:0 !important;
  padding:0 !important;

  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:18px !important;
  line-height:1.78 !important;
  font-weight:300 !important;
  font-style:normal !important;
  letter-spacing:.012em !important;
  color:#4b4844 !important;
  text-align:left !important;
}

/* Expandable content aligns on the same text axis */
#page-services .service > .service-more{
  grid-column:2 !important;
  width:100% !important;
  max-width:68ch !important;
  margin:28px 0 0 0 !important;
  padding:0 !important;
  text-align:left !important;
}

#page-services .service > .service-more .service-more-content,
#page-services .service > .service-more .service-more-content p,
#page-services .service > .service-more .service-more-content p [data-lang-text]{
  width:100% !important;
  max-width:68ch !important;
  margin-left:0 !important;
  margin-right:0 !important;

  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:18px !important;
  line-height:1.78 !important;
  font-weight:300 !important;
  font-style:normal !important;
  letter-spacing:.012em !important;
  color:#4b4844 !important;
  text-align:left !important;
}

/* Read-more control remains a small navigation element, but aligns perfectly */
#page-services .service > .service-more summary{
  margin:0 !important;
  padding:0 0 11px 0 !important;
  text-align:left !important;
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:400 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

/* Remove legacy nested offsets that previously made service 02 different */
#page-services .service > div:not(.service-num):not(.service-more-content){
  margin-left:0 !important;
  padding-left:0 !important;
}

/* MOBILE — same axis, same font size for all 5 descriptions */
@media(max-width:900px){
  #page-services .service{
    grid-template-columns:54px minmax(0,1fr) !important;
    column-gap:34px !important;
  }

  #page-services .service .service-num{
    font-size:14px !important;
  }

  #page-services .service > h3,
  #page-services .service > h3 [data-lang-text]{
    font-size:clamp(27px,7.4vw,38px) !important;
    line-height:1.04 !important;
    letter-spacing:.075em !important;
    margin-bottom:28px !important;
  }

  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service > .service-more .service-more-content,
  #page-services .service > .service-more .service-more-content p,
  #page-services .service > .service-more .service-more-content p [data-lang-text]{
    font-size:18px !important;
    line-height:1.78 !important;
    font-weight:300 !important;
    letter-spacing:.012em !important;
    max-width:none !important;
  }

  #page-services .service > .service-more{
    max-width:none !important;
  }
}

@media(max-width:430px){
  #page-services .service{
    grid-template-columns:54px minmax(0,1fr) !important;
    column-gap:34px !important;
  }
}



/* Justified body copy for Services 01–05 */
#page-services .service > p,
#page-services .service > p [data-lang-text],
#page-services .service > .service-more .service-more-content,
#page-services .service > .service-more .service-more-content p,
#page-services .service > .service-more .service-more-content p [data-lang-text]{
  text-align:justify !important;
  text-justify:inter-word !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  max-width:600px !important;
  line-height:1.70 !important;
}

/* Keep the headings and read-more controls left aligned */
#page-services .service > h3,
#page-services .service > h3 [data-lang-text],
#page-services .service > .service-more summary{
  text-align:left !important;
}

/* On very narrow phones, avoid ugly spacing from full justification */
@media(max-width:390px){
  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service > .service-more .service-more-content,
  #page-services .service > .service-more .service-more-content p,
  #page-services .service > .service-more .service-more-content p [data-lang-text]{
    text-align:left !important;
  }
}



/* Reduce the horizontal space between 01–05 and the service content */
#page-services .service{
  grid-template-columns:40px minmax(0,1fr) !important;
  column-gap:22px !important;
}

/* Keep every heading, paragraph and expandable section on the same axis */
#page-services .service > h3,
#page-services .service > p,
#page-services .service > .service-more{
  grid-column:2 !important;
}

@media(max-width:900px){
  #page-services .service{
    grid-template-columns:30px minmax(0,1fr) !important;
    column-gap:16px !important;
  }
}

@media(max-width:430px){
  #page-services .service{
    grid-template-columns:30px minmax(0,1fr) !important;
    column-gap:16px !important;
  }
}



/* True paragraph-level justification for Services 01–05 */
#page-services .service > p{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:justify !important;
  text-justify:inter-word !important;
  text-wrap:wrap !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* The active language span becomes the actual full-width justification box */
html[data-lang="el"] #page-services .service > p > [data-el],
html[data-lang="en"] #page-services .service > p > [data-en]{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  text-align:justify !important;
  text-justify:inter-word !important;
  text-align-last:left !important;
  text-wrap:wrap !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* Same treatment inside expandable service text */
#page-services .service .service-more-content p{
  width:100% !important;
  max-width:none !important;
  text-align:justify !important;
  text-justify:inter-word !important;
  text-wrap:wrap !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

html[data-lang="el"] #page-services .service .service-more-content p > [data-el],
html[data-lang="en"] #page-services .service .service-more-content p > [data-en]{
  display:block !important;
  width:100% !important;
  text-align:justify !important;
  text-justify:inter-word !important;
  text-align-last:left !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}

/* Headings and controls remain left-aligned */
#page-services .service > h3,
#page-services .service > h3 [data-lang-text],
#page-services .service .service-more summary{
  text-align:left !important;
}



/* Balanced paragraph alignment: justified without exaggerated word gaps */
#page-services .service > p,
#page-services .service .service-more-content p,
html[data-lang="el"] #page-services .service > p > [data-el],
html[data-lang="en"] #page-services .service > p > [data-en],
html[data-lang="el"] #page-services .service .service-more-content p > [data-el],
html[data-lang="en"] #page-services .service .service-more-content p > [data-en]{
  text-align:justify !important;
  text-justify:inter-word !important;
  text-align-last:left !important;
  word-spacing:normal !important;
  letter-spacing:.012em !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* On phones, full justification creates ugly rivers of whitespace.
   Use a clean left rag while keeping all 01–05 on the same axis. */
@media(max-width:700px){
  #page-services .service > p,
  #page-services .service .service-more-content p,
  html[data-lang="el"] #page-services .service > p > [data-el],
  html[data-lang="en"] #page-services .service > p > [data-en],
  html[data-lang="el"] #page-services .service .service-more-content p > [data-el],
  html[data-lang="en"] #page-services .service .service-more-content p > [data-en]{
    text-align:left !important;
    text-justify:auto !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
    word-spacing:normal !important;
  }
}



/* Fine-tune service body copy for cleaner line breaks and alignment */
#page-services .service > p,
#page-services .service > p [data-lang-text],
#page-services .service .service-more-content p,
#page-services .service .service-more-content p [data-lang-text]{
  font-size:17.2px !important;
  line-height:1.72 !important;
  letter-spacing:.008em !important;
}

/* Keep all five service descriptions exactly identical */
#page-services .service > p,
#page-services .service .service-more-content p{
  width:100% !important;
  max-width:none !important;
}

/* Mobile: a touch smaller for more natural wrapping */
@media(max-width:700px){
  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service .service-more-content p,
  #page-services .service .service-more-content p [data-lang-text]{
    font-size:16.8px !important;
    line-height:1.70 !important;
    letter-spacing:.006em !important;
  }
}

/* Very narrow phones: preserve readability without oversized wrapping */
@media(max-width:390px){
  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service .service-more-content p,
  #page-services .service .service-more-content p [data-lang-text]{
    font-size:16.4px !important;
    line-height:1.68 !important;
  }
}



/* Services 01–05 without numbering */
#page-services .service{
  display:block !important;
  text-align:left !important;
}

#page-services .service > h3,
#page-services .service > p,
#page-services .service > .service-more{
  width:100% !important;
  max-width:600px !important;
  margin-left:0 !important;
  margin-right:auto !important;
  text-align:left !important;
}

#page-services .service > h3{
  margin-bottom:28px !important;
}

#page-services .service > .service-more{
  margin-top:28px !important;
}

@media(max-width:700px){
  #page-services .service > h3,
  #page-services .service > p,
  #page-services .service > .service-more{
    max-width:none !important;
  }
}



/* About / Warranty / Contact: same heading identity as Services */
#page-atelier .about-panel h3,
#page-warranty .warranty h2,
#page-contact .contact h2,
#page-contact .map-info h3{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-style:normal !important;
  text-transform:uppercase !important;
  letter-spacing:.09em !important;
  line-height:1.02 !important;
  color:#151412 !important;
  text-align:left !important;
}

#page-atelier .about-panel h3,
#page-warranty .warranty h2,
#page-contact .contact h2{
  font-size:clamp(30px,3.6vw,50px) !important;
  margin:0 0 28px 0 !important;
}

#page-atelier .label,
#page-warranty .label,
#page-contact .label{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-style:normal !important;
  text-transform:uppercase !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
  line-height:1.2 !important;
  text-align:left !important;
}

#page-contact .map-info h3{
  font-size:clamp(22px,2.8vw,34px) !important;
  margin-bottom:14px !important;
}

@media(max-width:900px){
  #page-atelier .about-panel h3,
  #page-warranty .warranty h2,
  #page-contact .contact h2{
    font-size:clamp(27px,7.4vw,38px) !important;
    line-height:1.04 !important;
    letter-spacing:.075em !important;
  }

  #page-contact .map-info h3{
    font-size:24px !important;
    letter-spacing:.075em !important;
  }
}



#page-warranty .warranty h2{
  text-align:left !important;
  margin-left:0 !important;
  padding-left:0 !important;
}

#page-warranty .warranty h2 [data-lang-text]{
  display:block !important;
  text-align:left !important;
  white-space:normal !important;
}



/* Show only the selected language in the warranty heading */
#page-warranty .warranty h2 [data-lang-text]{
  display:none !important;
  text-align:left !important;
  white-space:normal !important;
}

html[data-lang="el"] #page-warranty .warranty h2 [data-el]{
  display:block !important;
}

html[data-lang="en"] #page-warranty .warranty h2 [data-en]{
  display:block !important;
}



/* Home only: replace APPOINTMENT with EL / EN */
.home-appointment-hit{
  display:none !important;
}

.home-lang-switch{
  position:absolute;
  z-index:8;
  top:2.25%;
  right:4.7%;
  min-width:132px;
  height:54px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  padding:0 10px 0 18px;
  box-sizing:border-box;

  /* Covers the baked-in APPOINTMENT label while following the hero's grey gradient. */
  background:linear-gradient(90deg,
    rgba(73,73,74,.985) 0%,
    rgba(57,57,58,.985) 54%,
    rgba(40,40,41,.985) 100%);
  box-shadow:-15px 0 22px rgba(65,65,66,.46);

  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:14px;
  line-height:1;
  font-weight:300;
  letter-spacing:.16em;
  color:#fff;
  white-space:nowrap;
}

.home-lang-switch button{
  appearance:none;
  -webkit-appearance:none;
  border:0;
  padding:8px 0;
  margin:0;
  background:transparent;
  color:rgba(255,255,255,.54);
  font:inherit;
  letter-spacing:inherit;
  line-height:1;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  transition:color .2s ease, opacity .2s ease;
}

.home-lang-switch button.active{
  color:#fff;
}

.home-lang-switch button:focus-visible{
  outline:1px solid rgba(255,255,255,.72);
  outline-offset:4px;
}

.home-lang-sep{
  color:rgba(255,255,255,.46);
  letter-spacing:0;
}

@media(max-width:900px){
  .home-lang-switch{
    top:2.2%;
    right:3.4%;
    min-width:122px;
    height:50px;
    gap:7px;
    padding:0 8px 0 16px;
    font-size:13px;
    letter-spacing:.14em;
  }
}

@media(max-width:430px){
  .home-lang-switch{
    right:3%;
    min-width:116px;
    height:48px;
    font-size:12.5px;
  }
}



/* Align EL / EN with the baked-in MENU label and remove the blurred patch */
.home-lang-switch{
  top:2.85% !important;
  right:4.9% !important;
  min-width:132px !important;
  height:34px !important;
  padding:0 8px 0 14px !important;
  gap:7px !important;

  /* Tight opaque cover only behind the old APPOINTMENT text */
  background:linear-gradient(90deg,
    rgb(70,70,71) 0%,
    rgb(52,52,53) 52%,
    rgb(34,34,34) 100%) !important;

  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  font-size:13.5px !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
}

.home-lang-switch button{
  padding:0 !important;
  height:34px !important;
  display:flex !important;
  align-items:center !important;
}

.home-lang-sep{
  display:flex !important;
  align-items:center !important;
  height:34px !important;
}

@media(max-width:900px){
  .home-lang-switch{
    top:2.85% !important;
    right:3.9% !important;
    min-width:126px !important;
    height:32px !important;
    padding:0 7px 0 13px !important;
    font-size:13px !important;
  }

  .home-lang-switch button,
  .home-lang-sep{
    height:32px !important;
  }
}

@media(max-width:430px){
  .home-lang-switch{
    top:2.8% !important;
    right:3.4% !important;
    min-width:122px !important;
    height:31px !important;
    font-size:12.5px !important;
  }

  .home-lang-switch button,
  .home-lang-sep{
    height:31px !important;
  }
}



/* EL / EN sits directly on the hero — no separate panel, blur, gradient or shadow */
.home-lang-switch{
  background:transparent !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  min-width:auto !important;
  width:auto !important;
  padding:0 !important;
  gap:7px !important;
  justify-content:flex-end !important;
}

/* Same visual weight as the MENU label */
.home-lang-switch,
.home-lang-switch button{
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-size:13.5px !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
}

.home-lang-switch button{
  height:auto !important;
  padding:7px 0 !important;
  background:transparent !important;
}

.home-lang-sep{
  height:auto !important;
  background:transparent !important;
}

/* Keep it aligned with MENU on the original hero artwork */
@media(min-width:901px){
  .home-lang-switch{
    top:2.95% !important;
    right:5.05% !important;
  }
}

@media(max-width:900px){
  .home-lang-switch{
    top:2.9% !important;
    right:4.2% !important;
  }
}

@media(max-width:430px){
  .home-lang-switch{
    top:2.85% !important;
    right:3.7% !important;
    font-size:12.5px !important;
  }
  .home-lang-switch button{
    font-size:12.5px !important;
  }
}



/* Move EL / EN from the lower-right footer to the upper-right slot of the menu,
   matching the position and clean feel of the homepage language switch. */
.ag-menu-top-lang{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:7px !important;
  margin-left:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-size:13.5px !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  color:rgba(255,255,255,.62) !important;
}
.ag-menu-top-lang button{
  appearance:none !important;
  border:0 !important;
  background:transparent !important;
  padding:7px 0 !important;
  margin:0 !important;
  cursor:pointer !important;
  color:rgba(255,255,255,.60) !important;
  font:inherit !important;
  line-height:1 !important;
  letter-spacing:inherit !important;
}
.ag-menu-top-lang button.active{
  color:#fff !important;
}
.ag-menu-top-lang-sep{
  color:rgba(255,255,255,.40) !important;
  line-height:1 !important;
}

/* Remove the extra lower-right language switch and keep the footer clean. */
.ag-menu-foot{
  justify-content:flex-start !important;
}
.ag-menu-foot .ag-menu-lang{
  display:none !important;
}

/* The top-right slot is now for language selection, not appointment. */
.ag-menu-project{
  display:none !important;
}

@media(max-width:900px){
  .ag-menu-top-lang,
  .ag-menu-top-lang button{
    font-size:12.5px !important;
  }
}



/* True top-right placement inside the full-screen menu */
.ag-menu-top{
  position:relative !important;
}

.ag-menu-top-lang{
  position:absolute !important;
  top:50% !important;
  right:34px !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  width:auto !important;
  min-width:0 !important;
  z-index:5 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
}

/* Keep the CHRONEX brand exactly centered, independent of the language switch */
.ag-menu-brand{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
  margin:0 !important;
}

@media(max-width:900px){
  .ag-menu-top-lang{
    right:18px !important;
  }
}

@media(max-width:430px){
  .ag-menu-top-lang{
    right:16px !important;
  }
}



/* Home EL / EN: exact vertical centerline of the baked-in MENU label */
.home-lang-switch{
  top:3.9% !important;
  transform:translateY(-50%) !important;
  right:3.7% !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.home-lang-switch button,
.home-lang-switch .home-lang-sep{
  height:auto !important;
  line-height:1 !important;
}

@media(max-width:900px){
  .home-lang-switch{
    top:3.9% !important;
    right:3.7% !important;
  }
}

@media(max-width:430px){
  .home-lang-switch{
    top:3.9% !important;
    right:3.7% !important;
  }
}



/* One shared coordinate system for HOME and FULL-SCREEN MENU.
   This prevents any visible jump when the menu opens. */
:root{
  --chronex-lang-top:3.9svh;
  --chronex-lang-right:3.7vw;
  --chronex-lang-size:13.5px;
  --chronex-lang-gap:7px;
  --chronex-lang-tracking:.15em;
}

/* HOME + MENU: exact same viewport position */
.home-lang-switch,
.ag-menu-top-lang{
  position:fixed !important;
  top:var(--chronex-lang-top) !important;
  right:var(--chronex-lang-right) !important;
  left:auto !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  padding:0 !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  z-index:1205 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:var(--chronex-lang-gap) !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;

  font-family:"Noto Sans","Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:var(--chronex-lang-size) !important;
  font-weight:300 !important;
  font-style:normal !important;
  line-height:1 !important;
  letter-spacing:var(--chronex-lang-tracking) !important;
  white-space:nowrap !important;
}

.home-lang-switch button,
.ag-menu-top-lang button{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  background:transparent !important;
  margin:0 !important;
  padding:7px 0 !important;
  height:auto !important;
  color:rgba(255,255,255,.60) !important;
  font:inherit !important;
  line-height:1 !important;
  letter-spacing:inherit !important;
}

.home-lang-switch button.active,
.ag-menu-top-lang button.active{
  color:#fff !important;
}

.home-lang-sep,
.ag-menu-top-lang-sep{
  height:auto !important;
  color:rgba(255,255,255,.40) !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}

/* Keep the menu brand centered independently. */
.ag-menu-brand{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-50%) !important;
}

/* On mobile use one shared, fixed coordinate for both states. */
@media(max-width:900px){
  :root{
    --chronex-lang-top:3.9svh;
    --chronex-lang-right:3.7vw;
    --chronex-lang-size:12.5px;
  }
}

@media(max-width:430px){
  :root{
    --chronex-lang-top:3.9svh;
    --chronex-lang-right:3.7vw;
    --chronex-lang-size:12.5px;
  }
}



/* The original Chronex hero and route/navigation architecture remain intact. */
body.ag-home:not(.ag-menu-visible) {
  height:auto !important;
  min-height:100svh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  overscroll-behavior-y:auto !important;
  touch-action:pan-y pinch-zoom;
}
body.ag-home #page-home {
  height:auto !important;
  min-height:100svh !important;
  max-height:none !important;
  overflow:visible !important;
}
body.ag-home .home-replacement {
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
}
body.ag-home.ag-home-scrolled .ag-chrome {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

/* A desaturated, editorial accompaniment to the original full-bleed home photo. */
.chronex-preserving-section {
  --story-ink:#222426;
  --story-mute:#73777a;
  --story-rule:rgba(44,47,48,.30);
  position:relative;
  width:100%;
  margin:0;
  padding:clamp(88px,9vw,148px) clamp(24px,5.7vw,104px) clamp(102px,10.5vw,170px);
  background:linear-gradient(162deg,#f3f3f2 0%,#eaeaea 45%,#f1f1f0 100%);
  color:var(--story-ink);
  text-align:left;
  overflow:hidden;
  box-sizing:border-box;
}
.chronex-preserving-section * {box-sizing:border-box;}
.chronex-preserving-heading { text-align:center; max-width:1220px; margin:0 auto clamp(76px,8vw,122px); }
.chronex-story-eyebrow,
.chronex-story-label,
.chronex-media-caption {
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:400;
  font-size:10px;
  letter-spacing:.18em;
  line-height:1.65;
  color:var(--story-mute);
  text-transform:uppercase;
}
.chronex-story-eyebrow {display:flex;justify-content:center;align-items:center;gap:19px;margin:0 0 36px;}
.chronex-story-eyebrow-line {width:32px;height:1px;background:var(--story-rule);display:inline-block;flex:none;}
.chronex-preserving-section h2.chronex-preserving-title {
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-size:clamp(39px,5.3vw,84px) !important;
  letter-spacing:.15em !important;
  line-height:1.12 !important;
  color:#202225 !important;
  text-transform:uppercase;
  margin:0 auto clamp(22px,2.6vw,38px) !important;
  max-width:1140px;
}
.chronex-preserving-section .chronex-story-intro {
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:clamp(15px,1.28vw,19px) !important;
  line-height:1.85 !important;
  letter-spacing:.012em !important;
  font-weight:300 !important;
  color:#696d70 !important;
  text-align:center;
  margin:0 auto !important;
  max-width:780px;
}
.chronex-story-grid {
  width:min(1200px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(58px,9vw,170px);
  row-gap:clamp(105px,12vw,185px);
  align-items:center;
}
.chronex-story-media {min-width:0; margin:0;}
.chronex-video-media {width:min(100%,430px);justify-self:start;margin-left:clamp(0px,2.2vw,34px);}
.chronex-photo-media {width:min(100%,550px);justify-self:end;margin-right:clamp(0px,1.5vw,20px);}
.chronex-story-video-shell {
  width:100%; aspect-ratio: .78;
  overflow:hidden; position:relative;
  background:#a6a7a8;
}
.chronex-story-video-shell video {
  display:block;width:100%;height:100%;
  object-fit:cover;object-position:50% 50%;
  filter:grayscale(.67) saturate(.65) contrast(.94) brightness(1.025);
}
.chronex-film-toggle {
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:65px;height:65px;
  border:1px solid rgba(255,255,255,.83);border-radius:50%;
  background:rgba(22,22,22,.24);color:#fff;
  transition:background .25s ease,opacity .25s ease;
  cursor:pointer;
}
.chronex-film-toggle:hover,.chronex-film-toggle:focus-visible{background:rgba(18,18,18,.48);opacity:1!important;outline-offset:5px;}
.chronex-film-toggle svg{display:block;width:18px;height:18px;fill:#fff;}
.chronex-story-video-shell.is-playing:not(:hover):not(:focus-within) .chronex-film-toggle {opacity:0;}
.chronex-film-toggle .play-shape{display:none;}
.chronex-story-video-shell:not(.is-playing) .chronex-film-toggle .play-shape{display:block;}
.chronex-story-video-shell:not(.is-playing) .chronex-film-toggle .pause-shape{display:none;}
.chronex-story-muted {
  position:absolute;left:17px;bottom:15px;
  width:27px;height:27px;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  background:rgba(28,28,28,.35);pointer-events:none;
}
.chronex-story-muted svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round;}
.chronex-photo-media img {
  width:100%;height:auto;aspect-ratio:1.09;
  object-fit:cover;object-position:center;
  display:block;
  filter:grayscale(.34) saturate(.78) contrast(.95) brightness(1.02);
}
.chronex-media-caption {display:flex;justify-content:space-between;gap:18px;margin-top:15px;font-size:9px;letter-spacing:.15em;}
.chronex-media-caption span:last-child{text-align:right;}
.chronex-story-copy {max-width:435px;min-width:0;}
.chronex-copy-swiss {justify-self:start;transform:translateY(17px);}
.chronex-copy-approach {justify-self:center;transform:translateY(-6px);}
.chronex-story-label {display:block;margin-bottom:25px;}
.chronex-story-label:after{content:"";display:block;width:37px;height:1px;background:var(--story-rule);margin-top:23px;}
.chronex-story-copy p,
html[data-lang="en"] .chronex-preserving-section .chronex-story-copy p {
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-weight:300 !important;
  font-size:clamp(14px,1.08vw,16px) !important;
  line-height:2.05 !important;
  letter-spacing:.003em !important;
  color:#63676a !important;
  text-align:justify !important;
  text-align-last:left;
  hyphens:auto;
  margin:0 !important;
}
/* Contact now opens directly with its useful booking information. */
#contact .contact-inner > h2.chronex-contact-heading {
  font-family:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
  font-size:clamp(38px,5.2vw,78px) !important;
  font-weight:300 !important;
  line-height:1.15 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase;
  margin-bottom:clamp(36px,5vw,70px) !important;
}
@media (max-width:950px) {
  .chronex-preserving-section{padding:82px 5.5vw 106px;}
  .chronex-story-grid{column-gap:6vw;row-gap:88px;}
  .chronex-preserving-section h2.chronex-preserving-title{font-size:clamp(37px,5.3vw,62px)!important;}
  .chronex-video-media{margin-left:0;}
  .chronex-photo-media{margin-right:0;}
}
@media (max-width:690px) {
  .chronex-preserving-section{padding:72px 22px 92px;}
  .chronex-preserving-heading{margin-bottom:58px;}
  .chronex-story-eyebrow{font-size:8px;gap:12px;letter-spacing:.11em;margin-bottom:24px;}
  .chronex-story-eyebrow-line{width:20px;}
  .chronex-preserving-section h2.chronex-preserving-title{
    font-size:clamp(30px,7.35vw,50px)!important;line-height:1.22!important;
    letter-spacing:.095em!important;margin-bottom:21px!important;
  }
  .chronex-preserving-section .chronex-story-intro{font-size:14px!important;line-height:1.85!important;max-width:370px;}
  .chronex-story-grid{grid-template-columns:1fr;row-gap:0;}
  .chronex-video-media{width:min(100%,385px);justify-self:center;grid-row:1;}
  .chronex-copy-swiss{grid-row:2;justify-self:start;transform:none;margin:42px 0 87px;}
  .chronex-photo-media{width:min(100%,500px);justify-self:center;grid-row:3;}
  .chronex-copy-approach{grid-row:4;justify-self:start;transform:none;margin:42px 0 0;}
  .chronex-story-copy{max-width:500px;width:100%;}
  .chronex-story-copy p{font-size:14px!important;line-height:1.95!important;}
  .chronex-story-label{font-size:9px;margin-bottom:23px;}
  .chronex-story-label:after{margin-top:17px;}
  .chronex-media-caption{font-size:8px;letter-spacing:.10em;}
  #contact .contact-inner > h2.chronex-contact-heading{font-size:clamp(35px,8vw,56px)!important;letter-spacing:.075em!important;}
}
@media (prefers-reduced-motion:reduce) {
  .chronex-film-toggle {transition:none;}
}



/* Chronex Avenir editorial system — hero/other menu screens intentionally unchanged. */
.chronex-preserving-section{
  --chronex-avenir: "Avenir Next", Avenir, "Noto Sans", "Helvetica Neue", sans-serif;
  background:linear-gradient(162deg,#f2f2f1 0%,#ececeb 55%,#f1f1ef 100%) !important;
  padding-bottom:clamp(72px,8vw,115px) !important;
}
.chronex-preserving-section h2.chronex-preserving-title{
  font-family:var(--chronex-avenir) !important;
  font-size:clamp(42px,5.1vw,78px) !important;
  font-weight:400 !important;
  letter-spacing:.13em !important;
  line-height:1.19 !important;
}
.chronex-preserving-section .chronex-story-intro{
  font-family:var(--chronex-avenir) !important;
  font-size:clamp(16px,1.65vw,22px) !important;
  font-weight:400 !important;
  color:#52575a !important;
  line-height:1.6 !important;
  max-width:960px;
}
.chronex-preserving-section .chronex-story-grid{
  width:min(1250px,100%);
  column-gap:clamp(50px,6vw,100px);
  row-gap:clamp(78px,9vw,140px);
}
.chronex-preserving-section .chronex-story-copy{max-width:520px;}
.chronex-preserving-section .chronex-story-label{
  font-family:var(--chronex-avenir) !important;
  font-size:clamp(26px,2.95vw,43px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  color:#1d2227 !important;
  letter-spacing:.075em !important;
  margin-bottom:clamp(27px,3.4vw,45px) !important;
}
.chronex-preserving-section .chronex-story-label:after{
  margin-top:21px;width:45px;
}
.chronex-preserving-section .chronex-story-copy p,
html[data-lang="en"] .chronex-preserving-section .chronex-story-copy p,
html[data-lang="el"] .chronex-preserving-section .chronex-story-copy p{
  font-family:Inter,"Noto Sans",sans-serif !important;
  font-size:clamp(17px,1.45vw,20px) !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  color:#505558 !important;
  letter-spacing:0 !important;
  text-align:justify !important;
  text-align-last:left !important;
  hyphens:auto;
}
.chronex-preserving-section .chronex-video-media{
  width:min(100%,465px);
  margin-left:clamp(0px,1vw,16px);
}
.chronex-preserving-section .chronex-story-video-shell{
  aspect-ratio:.78; background:#b4b7b8;
}
.chronex-preserving-section .chronex-story-video-shell video{
  object-fit:cover;
  filter:grayscale(.9) saturate(.45) contrast(.97) brightness(1.03);
}
.chronex-preserving-section .chronex-copy-approach p + p{margin-top:22px !important;}
.chronex-preserving-section .chronex-copy-approach,
.chronex-preserving-section .chronex-copy-swiss { transform:none; }
.chronex-preserving-section .chronex-photo-media{
  width:min(100%,610px);
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  margin:0 !important;
  isolation:auto !important;
}
.chronex-preserving-section .chronex-photo-media img{
  display:block;
  width:100%;height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  border:none !important;
  box-shadow:none !important;
  background:transparent !important;
  filter:saturate(.75) contrast(.96) brightness(1.01) !important;
  mix-blend-mode:normal;
  -webkit-mask-image:none;
  mask-image:none;
}
.chronex-preserving-section .chronex-preserving-heading {margin-bottom:clamp(65px,7vw,98px);}
.chronex-home-footer{
  --chronex-footer-type:"Avenir Next", Avenir,"Noto Sans",sans-serif;
  padding:36px clamp(24px,4vw,74px) 23px;
  background:#191b1d;
  color:#f5f5f2;
  box-sizing:border-box;
}
.chronex-home-footer *{box-sizing:border-box;}
.chronex-footer-links{
  width:min(1440px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:0 0 29px;
  border-bottom:1px solid rgba(239,239,239,.28);
}
.chronex-footer-link{
  color:inherit;display:grid;position:relative;align-content:center;
  gap:9px;min-height:82px;
  padding:10px 46px 11px 23px;
  border-right:1px solid rgba(239,239,239,.25);
  outline-offset:-3px;
  transition:background .2s ease;
  text-decoration:none;
}
.chronex-footer-link:first-child{padding-left:0;}
.chronex-footer-link:last-child{border-right:0;}
.chronex-footer-link:hover,.chronex-footer-link:focus-visible{background:rgba(255,255,255,.055)}
.chronex-footer-link-title{
  font-family:var(--chronex-footer-type);font-size:clamp(13px,1.1vw,17px);
  font-weight:500;letter-spacing:.23em;line-height:1.32;
}
.chronex-footer-link-desc{font:400 clamp(11px,.9vw,13px)/1.45 Inter,"Noto Sans",sans-serif;color:#afb2b2;letter-spacing:0;}
.chronex-footer-arrow{position:absolute;right:15px;top:13px;font-size:25px;font-weight:300;line-height:1;transition:transform .2s;}
.chronex-footer-link:hover .chronex-footer-arrow{transform:translate(3px,-3px)}
.chronex-footer-legal{
  width:min(1440px,100%);margin:0 auto;
  padding:21px 0 0;
  display:flex;flex-wrap:wrap;align-items:center;
  gap:12px 0;
  color:#b9bcbd;
}
.chronex-footer-legal-item{
  display:inline-block;
  padding:0 clamp(10px,1.3vw,22px);
  border-right:1px solid rgba(235,235,235,.26);
  font-family:var(--chronex-footer-type);
  font-size:clamp(9px,.72vw,11px);
  font-weight:400;
  letter-spacing:.08em;
  line-height:1.6;
  white-space:nowrap;
}
.chronex-footer-legal-item:first-child{padding-left:0;}
.chronex-footer-legal-item:last-child{padding-right:0;border-right:0;}
@media(max-width:950px){
  .chronex-preserving-section .chronex-story-copy p,
  html[data-lang="en"] .chronex-preserving-section .chronex-story-copy p,
  html[data-lang="el"] .chronex-preserving-section .chronex-story-copy p{font-size:17px !important;line-height:1.72 !important;}
  .chronex-preserving-section .chronex-story-label{font-size:clamp(24px,3.2vw,36px)!important;letter-spacing:.035em!important;}
  .chronex-footer-links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:14px;}
  .chronex-footer-link:nth-child(2){border-right:0;}
  .chronex-footer-link:nth-child(n+3){border-top:1px solid rgba(239,239,239,.22);padding-top:20px;}
}
@media(max-width:690px){
  .chronex-preserving-section{padding:70px 22px 80px !important;}
  .chronex-preserving-section h2.chronex-preserving-title{font-size:clamp(29px,7vw,48px)!important;letter-spacing:.07em!important;}
  .chronex-preserving-section .chronex-story-intro{font-size:16px!important;line-height:1.6!important;}
  .chronex-preserving-section .chronex-story-label{font-size:clamp(26px,6vw,33px)!important;letter-spacing:.045em!important;}
  .chronex-preserving-section .chronex-story-copy p,
  html[data-lang="en"] .chronex-preserving-section .chronex-story-copy p,
  html[data-lang="el"] .chronex-preserving-section .chronex-story-copy p{
    font-size:17px!important;line-height:1.74!important;text-align:left!important;
  }
  .chronex-preserving-section .chronex-story-grid{row-gap:0;}
  .chronex-preserving-section .chronex-video-media{width:min(100%,390px);margin:0 auto;}
  .chronex-preserving-section .chronex-copy-swiss{margin:44px 0 78px;}
  .chronex-preserving-section .chronex-copy-approach{margin:42px 0 0;}
  .chronex-preserving-section .chronex-photo-media{width:min(100%,470px);}
  .chronex-home-footer{padding:27px 21px 19px;}
  .chronex-footer-links{grid-template-columns:1fr;padding-bottom:20px;row-gap:0;}
  .chronex-footer-link,.chronex-footer-link:first-child,.chronex-footer-link:last-child{
    min-height:65px;padding:10px 40px 12px 4px;border:0;border-bottom:1px solid rgba(235,235,235,.18);
  }
  .chronex-footer-link:nth-child(n+3){padding-top:10px;border-top:0;}
  .chronex-footer-link:last-child{border-bottom:none;}
  .chronex-footer-link-title{font-size:15px;}
  .chronex-footer-link-desc{font-size:12px;}
  .chronex-footer-legal{padding-top:17px;gap:9px 0;}
  .chronex-footer-legal-item{font-size:9px;padding:0 12px;white-space:normal;}
  .chronex-footer-legal-item:first-child{flex:1 0 100%;padding:0 0 6px;border:0;}
}
@media(prefers-reduced-motion:reduce){.chronex-footer-link,.chronex-footer-arrow{transition:none;}}

.chronex-copy-genuine{max-width:520px;justify-self:start;transform:none;}
.chronex-genuine-media{width:min(100%,520px);justify-self:start;margin:0;}
.chronex-genuine-media img{
  width:100%;height:auto;aspect-ratio:1.58;
  object-fit:cover;object-position:center;
  display:block;border:0;box-shadow:none;background:transparent;
  filter:grayscale(.38) saturate(.72) contrast(.95) brightness(1.02);
}
@media (max-width:690px){
  #preserving-time .chronex-genuine-media{width:min(100%,500px);justify-self:center;grid-row:5;margin:78px 0 0 !important;}
  .chronex-copy-genuine{grid-row:6;justify-self:start;transform:none;margin:42px 0 0;}
}



/* Helvetica Neue editorial headings; paragraph typography intentionally unchanged. */
.chronex-preserving-section .chronex-story-label {
  font-family:"Helvetica Neue",Helvetica,"Nimbus Sans",Arial,"Noto Sans",sans-serif !important;
  font-weight:600 !important;
  letter-spacing:.065em !important;
}
/* Larger logo-linked typographic system for the scroll-activated header. */
.ag-chrome {
  height:78px;
  padding-left:clamp(20px,3vw,52px);
  padding-right:clamp(20px,3vw,52px);
}
.ag-chrome .ag-menu-open {
  font-family:"Noto Sans","Avenir Next",Avenir,Arial,sans-serif !important;
  font-size:clamp(12px,1vw,15px) !important;
  font-weight:400;
  letter-spacing:.20em;
  gap:13px;
  min-height:44px;
}
.ag-chrome .ag-lines {width:22px;height:12px;}
.ag-chrome .ag-brand {
  font-family:"Noto Sans","Avenir Next",Avenir,Arial,sans-serif !important;
  font-size:clamp(20px,1.65vw,27px) !important;
  font-weight:500 !important;
  line-height:1.1;
  letter-spacing:.29em;
  white-space:nowrap;
  text-transform:uppercase;
  padding-left:.29em; /* balance optical tracking so center stays centered */
}
.ag-chrome .ag-chrome-lang {
  justify-self:end;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  white-space:nowrap;
  font-family:"Noto Sans","Avenir Next",Avenir,Arial,sans-serif;
}
.ag-chrome-lang button {
  appearance:none;
  border:0;
  padding:9px 2px;
  margin:0;
  background:transparent;
  color:#777;
  cursor:pointer;
  font:500 clamp(12px,1vw,15px)/1.2 "Noto Sans","Avenir Next",Avenir,Arial,sans-serif;
  letter-spacing:.12em;
  transition:color .18s ease;
}
.ag-chrome-lang button:hover,.ag-chrome-lang button.active {color:#131313;}
.ag-chrome-lang button:focus-visible {outline:1px solid currentColor;outline-offset:3px;}
.ag-chrome-lang-sep {font-size:12px;font-weight:300;opacity:.55;}
/* Non-diagonal, refined footer arrows. */
.chronex-home-footer .chronex-footer-arrow {
  top:50% !important;
  right:16px !important;
  transform:translateY(-50%) !important;
  font-family:Arial,sans-serif;
  font-size:21px !important;
  font-weight:300 !important;
  line-height:1;
}
.chronex-home-footer .chronex-footer-link:hover .chronex-footer-arrow {
  transform:translate(3px,-50%) !important;
}
@media(max-width:900px) {
  .ag-chrome {height:64px;padding-left:17px;padding-right:17px;}
  .ag-chrome .ag-brand {font-size:clamp(17px,4.9vw,22px) !important;letter-spacing:.18em;padding-left:.18em;}
  .ag-chrome .ag-menu-open {font-size:11px !important;letter-spacing:.10em;gap:8px;}
  .ag-chrome .ag-lines {width:18px;height:10px;}
  .ag-chrome .ag-chrome-lang {gap:4px;}
  .ag-chrome-lang button {font-size:11px;letter-spacing:.04em;padding:10px 1px;}
  .ag-chrome-lang-sep {font-size:11px;}
}
@media(max-width:420px) {
  .ag-chrome {padding-left:12px;padding-right:12px;}
  .ag-chrome .ag-brand {font-size:17px !important;letter-spacing:.16em;padding-left:.16em;}
  .ag-chrome .ag-menu-open {font-size:10px !important;}
  .ag-chrome .ag-lines {width:17px;}
  .ag-chrome-lang button {font-size:11px;}
  .chronex-home-footer .chronex-footer-arrow {font-size:16px !important;right:9px !important;}
}



/* Final editorial typesetting: a deliberate two-line philosophy and justified body copy. */
#preserving-time .chronex-story-intro {
  text-align:center !important;
  text-wrap:balance;
}
#preserving-time .chronex-story-intro .chronex-intro-line {
  display:block;
}
#preserving-time .chronex-story-copy p,
html[data-lang="en"] #preserving-time .chronex-story-copy p,
html[data-lang="el"] #preserving-time .chronex-story-copy p {
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word;
  hyphens:auto;
}
#preserving-time .chronex-story-copy p [data-lang-text] {
  hyphens:auto;
}



/* Keep the opening home/hero exactly full-bleed at the top, with no light strip above it. */
html,body{margin:0 !important;padding:0 !important;}
body.ag-home:not(.ag-home-scrolled):not(.ag-menu-visible){
  background:#0f1011 !important;
}
body.ag-home #page-home,
body.ag-home .home-replacement{
  margin:0 !important;
  padding:0 !important;
}
body.ag-home .home-replacement{
  position:relative !important;
  height:100svh !important;
  min-height:100svh !important;
  max-height:none !important;
  overflow:hidden !important;
}
body.ag-home .home-replacement-image{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  display:block !important;
}
body.ag-home .ag-chrome{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.ag-home.ag-home-scrolled .ag-chrome{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
@supports (padding:max(0px)){
  body.ag-home .home-replacement{
    margin-top:calc(-1 * env(safe-area-inset-top)) !important;
    min-height:calc(100svh + env(safe-area-inset-top)) !important;
  }
  body.ag-home .home-replacement-image{
    top:calc(-1 * env(safe-area-inset-top)) !important;
    height:calc(100% + env(safe-area-inset-top)) !important;
  }
}
@media (max-width:900px){
  body.ag-home .home-replacement-image{object-position:62% center !important;}
}



/* Opening and returning Home always shows only the full-bleed hero photograph. */
body.ag-home:not(.ag-home-scrolled) .ag-chrome,
body.ag-home.ag-menu-visible .ag-chrome{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.ag-home.ag-home-scrolled:not(.ag-menu-visible) .ag-chrome{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
/* With the redundant eyebrow removed, maintain a deliberate heading rhythm. */
#preserving-time .chronex-preserving-heading{padding-top:0 !important;}
/* Legal links wrap in aligned rows, including the line beginning Terms & Conditions. */
.chronex-footer-legal{align-content:start;}
@media (max-width:690px){
  .chronex-footer-legal-item:nth-child(2){padding-left:0 !important;}
  .chronex-footer-legal-item{line-height:1.7;}
}
@media(max-width:600px){
  /* Entire baked-in hero artwork remains visible, including MENU and the full wordmark. */
  body.ag-home .home-replacement-image{
    object-fit:fill !important;
    object-position:center center !important;
  }
}



/* Photo credit begins at the same left edge as the copyright and legal links on mobile. */
@media (max-width:690px) {
  .chronex-home-footer .chronex-footer-legal-item:nth-child(5) {
    padding-left:0 !important;
  }
}



/* Desktop remains in the original single-line layout and font. */
.ag-chrome .chronex-header-brand-text {display:inline;}
.ag-chrome .chronex-header-brand-artwork {display:none;}
@media (max-width:900px) {
  /* Spacious one-line header as approved; original CHRONEX lettering from hero. */
  .ag-chrome {
    height:82px !important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) !important;
    padding:0 15px !important;
    align-items:center !important;
  }
  .ag-chrome .ag-menu-open {
    justify-self:start;
    min-width:0;
    font-size:clamp(12px,3.45vw,15px) !important;
    letter-spacing:.12em !important;
    gap:7px !important;
    white-space:nowrap;
  }
  .ag-chrome .ag-lines {width:19px !important;height:11px !important;}
  .ag-chrome .ag-brand {
    width:clamp(142px,48vw,205px);
    max-width:100%;
    margin:0 !important;
    padding:0 !important;
    display:flex;
    align-items:center;
    justify-content:center;
    justify-self:center;
    min-width:0;
    line-height:1 !important;
  }
  .ag-chrome .chronex-header-brand-text {display:none !important;}
  .ag-chrome .chronex-header-brand-artwork {
    display:block !important;
    width:100%;
    height:auto;
    max-height:34px;
    object-fit:contain;
  }
  .ag-chrome .ag-chrome-lang {
    justify-self:end;
    white-space:nowrap;
    gap:4px !important;
  }
  .ag-chrome .ag-chrome-lang button {
    font-size:clamp(12px,3.45vw,15px) !important;
    letter-spacing:.04em !important;
    padding:10px 1px;
  }
  .ag-chrome .ag-chrome-lang-sep {font-size:12px !important;}
}
@media (max-width:360px) {
  .ag-chrome {padding-left:10px !important;padding-right:10px !important;}
  .ag-chrome .ag-menu-open {gap:5px !important;letter-spacing:.04em !important;}
  .ag-chrome .ag-brand {width:45vw !important;}
  .ag-chrome .ag-chrome-lang {gap:2px !important;}
}



/* Approved two-tier mobile navigation: MENU / EL–EN above CHRONEX.
   The original landing hero and desktop navigation remain unchanged. */
@media (max-width:900px) {
  .ag-chrome {
    height:116px !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    grid-template-rows:54px 62px !important;
    grid-template-areas:"menu lang" "brand brand" !important;
    position:fixed !important;
    padding:0 18px !important;
    row-gap:0 !important;
    align-content:start !important;
    background:rgba(250,250,249,.98) !important;
  }
  .ag-chrome::after {
    content:"";
    position:absolute;
    top:54px;left:18px;right:18px;
    height:1px;
    background:rgba(25,28,30,.24);
    pointer-events:none;
  }
  .ag-chrome .ag-menu-open {
    grid-area:menu !important;
    align-self:center !important;
    justify-self:start !important;
    font-size:clamp(13px,3.55vw,15px) !important;
    font-weight:400 !important;
    letter-spacing:.09em !important;
    gap:10px !important;
    min-height:44px !important;
  }
  .ag-chrome .ag-lines {width:22px !important;height:12px !important;}
  .ag-chrome .ag-chrome-lang {
    grid-area:lang !important;
    align-self:center !important;
    justify-self:end !important;
    gap:6px !important;
    min-height:44px !important;
  }
  .ag-chrome .ag-chrome-lang button {
    font-size:clamp(13px,3.55vw,15px) !important;
    letter-spacing:.08em !important;
    min-height:44px !important;
    padding:9px 2px !important;
  }
  .ag-chrome .ag-chrome-lang-sep {font-size:14px !important;}
  .ag-chrome .ag-brand {
    grid-area:brand !important;
    align-self:center !important;
    justify-self:center !important;
    width:clamp(205px,62vw,275px) !important;
    max-width:85vw !important;
    min-height:48px !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    padding:0 !important;
    margin:0 !important;
  }
  .ag-chrome .chronex-header-brand-text{display:none !important;}
  .ag-chrome .chronex-header-brand-artwork{
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-height:38px !important;
    object-fit:contain !important;
  }
  /* Account for the taller fixed header when navigating to internal sections. */
  body:not(.ag-home) .ag-page:not([hidden]) {scroll-margin-top:116px;}
}
@media (max-width:350px) {
  .ag-chrome {padding-left:13px !important;padding-right:13px !important;}
  .ag-chrome::after {left:13px;right:13px;}
  .ag-chrome .ag-brand {width:60vw !important;}
}



/* CHRONEX interior-page refinement. The home hero, homepage editorial, and
   approved two-row MOBILE scrolled header are deliberately unchanged. */
:root{
  --chronex-interior-heading:"Helvetica Neue",Helvetica,"Nimbus Sans",Arial,"Noto Sans",sans-serif;
  --chronex-interior-body:Inter,"Noto Sans",system-ui,-apple-system,sans-serif;
  --chronex-interior-muted:#63676a;
}
/* × CLOSE and ΕΛ / EN share the same optical baseline and control scale. */
.ag-menu .ag-menu-close{
  position:fixed !important;
  top:var(--chronex-lang-top,3.9svh) !important;
  left:var(--chronex-lang-right,3.7vw) !important;
  right:auto !important;
  transform:translateY(-50%) !important;
  z-index:1206 !important;
  min-height:34px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  font-family:"Noto Sans","Avenir Next",Avenir,Arial,sans-serif !important;
  font-size:var(--chronex-lang-size,13.5px) !important;
  line-height:1 !important;
  letter-spacing:var(--chronex-lang-tracking,.15em) !important;
  font-weight:400 !important;
  opacity:1 !important;
}
.ag-menu .ag-menu-close > span:not(.ag-close-icon){
  font:inherit !important;line-height:1 !important;letter-spacing:inherit !important;
}
.ag-menu .ag-menu-close .ag-close-icon{
  display:inline-block !important;
  font-family:Arial,sans-serif !important;
  font-size:calc(var(--chronex-lang-size,13.5px) + 2px) !important;
  font-weight:300 !important;
  line-height:1 !important;
  position:relative !important;
  top:0 !important;
}
/* Unified editorial hierarchy across About Us, Services, Warranty and Contact. */
#page-atelier .about-panel h3,
#page-services .service > h3,
#page-warranty .warranty h2,
#page-contact .contact h2.chronex-contact-heading{
  font-family:var(--chronex-interior-heading) !important;
  font-size:clamp(26px,2.95vw,43px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase !important;
  color:#1d2227 !important;
  text-align:left !important;
  margin:0 0 clamp(27px,3.4vw,45px) !important;
}
/* Text is intentionally styled after the approved SWISS PRECISION section. */
#page-atelier .about-panel p,
#page-services .service > p,
#page-services .service > p [data-lang-text],
#page-services .service .service-more-content p,
#page-services .service .service-more-content p [data-lang-text],
#page-warranty .warranty p{
  font-family:var(--chronex-interior-body) !important;
  font-weight:400 !important;
  font-size:clamp(17px,1.45vw,20px) !important;
  line-height:1.85 !important;
  letter-spacing:.005em !important;
  color:var(--chronex-interior-muted) !important;
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
}
/* Story and philosophy tabs: Helvetica Neue identity and clear active rule. */
#page-atelier .about-tab,
#page-atelier .about-tab [data-lang-text]{
  font-family:var(--chronex-interior-heading) !important;
  font-weight:500 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase !important;
}
/* Services headings and detail subcontrols inherit the same design family. */
#page-services .services h2,
#page-services .section-head,
#page-warranty .warranty .small,
#page-contact .contact-kicker{
  font-family:var(--chronex-interior-heading) !important;
  letter-spacing:.075em !important;
}
#page-services .service-more summary,
#page-services .service-more summary [data-lang-text]{
  font-family:var(--chronex-interior-heading) !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
}
/* Match the typography of the visible bilingual service heading spans as well. */
#page-services .service > h3 > [data-lang-text],
#page-services .service > h3 > [data-lang-text] *{
  font-family:var(--chronex-interior-heading) !important;
  font-size:inherit !important;
  font-weight:600 !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  color:inherit !important;
}
/* Replace dash-prefixed service checklists with consistent subtle circles. */
#page-services .service-more-content p {margin-top:16px !important;}
#page-services .chronex-detail-line{
  display:flex !important;
  gap:14px;
  align-items:baseline;
  margin:0 0 15px;
  max-width:100%;
}
#page-services .chronex-detail-line:last-child{margin-bottom:0;}
#page-services .chronex-detail-line::before{
  content:"";
  display:block;
  width:6px;height:6px;
  min-width:6px;
  border-radius:50%;
  border:1px solid #73777a;
  margin-top:.66em;
  flex-shrink:0;
}
#page-services .chronex-detail-line-copy{
  flex:1;min-width:0;
  text-align:left !important;
  text-align-last:left !important;
  hyphens:auto !important;
}
/* Appointment information: avoid another unnecessary label above the address. */
#page-contact .contact-grid a,
#page-contact .contact-grid > div,
#page-contact .contact-grid a > span,
#page-contact .contact-grid > div > [data-lang-text],
#page-contact .map-info p{
  font-family:var(--chronex-interior-body) !important;
  line-height:1.7 !important;
}
#page-contact .contact-signature{
  width:100% !important;
  display:block !important;
  text-align:center !important;
  margin:clamp(40px,5vw,70px) auto 0 !important;
  font-family:var(--chronex-interior-heading) !important;
  font-weight:400 !important;
  letter-spacing:.22em !important;
  font-size:clamp(11px,1vw,14px) !important;
  color:#67696b !important;
}
@media (max-width:900px){
  .ag-menu .ag-menu-close{left:3.7vw !important;gap:7px !important;}
  #page-atelier .about-panel p,
  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service .service-more-content p,
  #page-services .service .service-more-content p [data-lang-text],
  #page-warranty .warranty p{
    font-size:17px !important;
    line-height:1.85 !important;
  }
  #page-atelier .about-panel h3,
  #page-services .service > h3,
  #page-warranty .warranty h2,
  #page-contact .contact h2.chronex-contact-heading{
    font-size:clamp(26px,6.5vw,37px) !important;
    line-height:1.22 !important;
    letter-spacing:.055em !important;
  }
}



/* Every item in Read More / What We Inspect starts with a visible hollow circle.
   Retain the existing English and Greek wording and set lists separately from justified prose. */
#page-services .service .service-more-content .chronex-detail-line {
  display:flex !important;
  align-items:flex-start !important;
  gap:11px !important;
  width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  text-align:left !important;
  text-align-last:left !important;
}
#page-services .service .service-more-content .chronex-detail-line::before {
  content:none !important;
  display:none !important;
}
#page-services .service .service-more-content .chronex-detail-circle {
  display:block !important;
  flex:0 0 15px !important;
  width:15px !important;
  margin:0 !important;
  padding:0 !important;
  color:#555b5e !important;
  font:400 17px/1.75 Arial, sans-serif !important;
  text-align:center !important;
  text-decoration:none !important;
}
#page-services .service .service-more-content .chronex-detail-line-copy {
  display:block !important;
  flex:1 1 0 !important;
  min-width:0 !important;
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  line-height:1.8 !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
}
@media(max-width:700px) {
  #page-services .service .service-more-content .chronex-detail-line { gap:9px !important; margin-bottom:10px !important; }
  #page-services .service .service-more-content .chronex-detail-circle { font-size:17px !important; }
}



/* Reference-style Inter body copy: darker, clearer and natural word spacing.
   All headings, labels, branding, and page layouts remain unchanged. */
:root { --chronex-editorial-text:#171717; }
#preserving-time .chronex-story-copy p,
#preserving-time .chronex-story-copy p [data-lang-text],
#preserving-time .chronex-story-intro,
#preserving-time .chronex-story-intro [data-lang-text],
#page-atelier .about-panel p,
#page-atelier .about-panel p [data-lang-text],
#page-services .service > p,
#page-services .service > p [data-lang-text],
#page-services .service .service-more-content p,
#page-services .service .service-more-content p [data-lang-text],
#page-services .service .chronex-detail-line-copy,
#page-services .service .chronex-detail-line-copy [data-lang-text],
#page-faq .chronex-real-head p,
#page-faq .chronex-real-answer p,
#page-warranty .warranty p,
#page-warranty .warranty p [data-lang-text],
#page-contact .contact-grid a,
#page-contact .contact-grid > div,
#page-contact .contact-grid a > span,
#page-contact .contact-grid > div > [data-lang-text],
#page-contact .map-info p {
  font-family:Inter,Arial,sans-serif !important;
  font-size:clamp(19px,1.4vw,20px) !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1.56 !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
  color:#171717 !important;
  text-align:left !important;
  text-align-last:auto !important;
  text-justify:auto !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
  overflow-wrap:break-word;
}
/* The two-line philosophy beneath PRESERVING TIME remains centered. */
#preserving-time .chronex-story-intro,
#preserving-time .chronex-story-intro [data-lang-text] {
  text-align:center !important;
}
@media (max-width:900px) {
  #preserving-time .chronex-story-copy p,
  #preserving-time .chronex-story-copy p [data-lang-text],
  #preserving-time .chronex-story-intro,
  #preserving-time .chronex-story-intro [data-lang-text],
  #page-atelier .about-panel p,
  #page-atelier .about-panel p [data-lang-text],
  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service .service-more-content p,
  #page-services .service .service-more-content p [data-lang-text],
  #page-services .service .chronex-detail-line-copy,
  #page-services .service .chronex-detail-line-copy [data-lang-text],
  #page-faq .chronex-real-head p,
  #page-faq .chronex-real-answer p,
  #page-warranty .warranty p,
  #page-warranty .warranty p [data-lang-text],
  #page-contact .contact-grid a,
  #page-contact .contact-grid > div,
  #page-contact .contact-grid a > span,
  #page-contact .contact-grid > div > [data-lang-text],
  #page-contact .map-info p {
    font-size:20px !important;
    line-height:1.58 !important;
  }
}



/* Overrides older, more-specific language-dependent justified paragraphs. */
html[data-lang="en"] #preserving-time .chronex-story-copy p,
html[data-lang="el"] #preserving-time .chronex-story-copy p,
html[data-lang="en"] #preserving-time .chronex-story-copy p [data-lang-text],
html[data-lang="el"] #preserving-time .chronex-story-copy p [data-lang-text] {
  text-align:left !important;
  text-align-last:auto !important;
  text-justify:auto !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
}



/* Approved Option A: INTER, slightly softened to 350, and reduced by 1px at user request.
   Apply ONLY to text content; all logos, headings, controls and site layout are unchanged. */
:root { --chronex-body-reference-color:#141414; }
#preserving-time .chronex-story-copy p,
#preserving-time .chronex-story-copy p [data-lang-text],
#page-atelier .about-panel p,
#page-atelier .about-panel p [data-lang-text],
#page-services .service > p,
#page-services .service > p [data-lang-text],
#page-services .service .service-more-content p,
#page-services .service .service-more-content p [data-lang-text],
#page-services .service .chronex-detail-line-copy,
#page-services .service .chronex-detail-line-copy [data-lang-text],
#page-warranty .warranty p,
#page-warranty .warranty p [data-lang-text],
#page-faq .chronex-real-head p,
#page-faq .chronex-real-answer p,
#page-contact .contact-grid a,
#page-contact .contact-grid > div,
#page-contact .map-info p {
  font-family:Inter,Arial,sans-serif !important;
  font-weight:350 !important;
  font-style:normal !important;
  font-size:18px !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  word-spacing:normal !important;
  text-align:left !important;
  text-align-last:auto !important;
  text-justify:auto !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
  color:var(--chronex-body-reference-color) !important;
}
@media (max-width:900px) {
  #preserving-time .chronex-story-copy p,
  #preserving-time .chronex-story-copy p [data-lang-text],
  #page-atelier .about-panel p,
  #page-atelier .about-panel p [data-lang-text],
  #page-services .service > p,
  #page-services .service > p [data-lang-text],
  #page-services .service .service-more-content p,
  #page-services .service .service-more-content p [data-lang-text],
  #page-services .service .chronex-detail-line-copy,
  #page-services .service .chronex-detail-line-copy [data-lang-text],
  #page-warranty .warranty p,
  #page-warranty .warranty p [data-lang-text],
  #page-faq .chronex-real-head p,
  #page-faq .chronex-real-answer p,
  #page-contact .contact-grid a,
  #page-contact .contact-grid > div,
  #page-contact .map-info p {
    font-size:19px !important;
    line-height:1.58 !important;
  }
}
/* Keep the philosophy subtitle centered and on its approved two separate lines. */
#preserving-time .chronex-story-intro,
#preserving-time .chronex-story-intro [data-lang-text] {
  font-family:Inter,Arial,sans-serif !important;
  font-weight:400 !important;
  text-align:center !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
}



/* Consistent editorial justification across long-form content.
   Keep navigation, display headings, short labels, the centred philosophy line,
   and contact/address data in their original intended alignment. */
html[data-lang] #preserving-time .chronex-story-copy p,
html[data-lang] #preserving-time .chronex-story-copy p [data-lang-text],
html[data-lang] #page-atelier .about-panel p,
html[data-lang] #page-atelier .about-panel p [data-lang-text],
html[data-lang] #page-services .service > p,
html[data-lang] #page-services .service > p [data-lang-text],
html[data-lang] #page-services .service .service-more-content p,
html[data-lang] #page-services .service .service-more-content p [data-lang-text],
html[data-lang] #page-services .service .chronex-detail-line-copy,
html[data-lang] #page-services .service .chronex-detail-line-copy [data-lang-text],
html[data-lang] #page-warranty .warranty p,
html[data-lang] #page-warranty .warranty p [data-lang-text],
html[data-lang] #page-faq .chronex-real-head > p,
html[data-lang] #page-faq .chronex-real-head > p [data-lang-text],
html[data-lang] #page-faq .chronex-real-answer p,
html[data-lang] #page-faq .chronex-real-answer p [data-lang-text],
html[data-lang] #page-faq .chronex-buy-row p,
html[data-lang] #page-faq .chronex-buy-row p [data-lang-text],
html[data-lang] #page-faq .chronex-authenticity-callout p,
html[data-lang] #page-faq .chronex-authenticity-callout p [data-lang-text],
html[data-lang] #page-faq .chronex-real-final-note,
html[data-lang] #page-faq .chronex-real-final-note [data-lang-text],
html[data-lang] #page-contact .contact-copy,
html[data-lang] #page-contact .contact-copy [data-lang-text] {
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word !important;
  text-wrap:wrap !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
  word-spacing:normal !important;
}

/* Make the written address smaller than the contact phone/email on both
   desktop and mobile.  Do not apply full justification to addresses. */
html[data-lang] #page-contact .contact-grid > div > span[data-lang-text],
html[data-lang] #page-contact .chronex-google-map .map-info p,
html[data-lang] #page-contact .chronex-google-map .map-info p [data-lang-text] {
  font-size:15px !important;
  line-height:1.7 !important;
  font-weight:350 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
}
@media(max-width:900px) {
  html[data-lang] #page-contact .contact-grid > div > span[data-lang-text],
  html[data-lang] #page-contact .chronex-google-map .map-info p,
  html[data-lang] #page-contact .chronex-google-map .map-info p [data-lang-text] {
    font-size:14px !important;
    line-height:1.65 !important;
  }
}



/* Original homepage structure, logo artwork and menu restored independently
   from the photo (which formerly contained them as pixels). */
#page-home .home-replacement {background:#929092 !important;}
body.ag-home #page-home .home-replacement-image {
  object-fit:cover !important; /* Preserve the original photograph's proportions */
  object-position:center top !important;
  transform:none !important;
}
#page-home .chronex-home-brand {
  position:absolute;z-index:4;
  width:min(76vw,746px);
  top:clamp(105px,12.2vh,164px);
  left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:14px;text-align:center;pointer-events:none;
}
#page-home .chronex-home-brand img {display:block;width:100%;height:auto;object-fit:contain;}
#page-home .chronex-home-brand span {
  color:#161616;font-family:Inter,Arial,sans-serif;
  font-size:clamp(9px,1.16vw,14px);font-weight:400;
  line-height:1.3;letter-spacing:.48em;white-space:nowrap;
}
#page-home .home-menu-hit {
  width:auto !important;height:auto !important;top:30px !important;left:clamp(22px,5vw,50px) !important;
  display:flex !important;align-items:center;gap:18px;
  padding:10px 0 !important;z-index:6 !important;
  font-family:Inter,Arial,sans-serif;font-weight:400;font-size:17px;
  letter-spacing:.20em;color:#111;white-space:nowrap;
}
#page-home .chronex-home-menu-bars {display:flex;flex-direction:column;justify-content:space-between;width:29px;height:17px;}
#page-home .chronex-home-menu-bars i {display:block;width:29px;height:2px;background:currentColor;}
@media (max-width:600px){
  body.ag-home #page-home .home-replacement-image {
    object-fit:cover !important;object-position:51% top !important;
  }
  #page-home .chronex-home-brand {width:min(80vw,420px);top:clamp(104px,12vh,160px);gap:10px;}
  #page-home .chronex-home-brand span {font-size:clamp(8px,2vw,11px);letter-spacing:.33em;}
  #page-home .home-menu-hit {top:18px !important;left:18px !important;gap:11px;font-size:12px;letter-spacing:.15em;}
  #page-home .chronex-home-menu-bars {width:24px;height:13px;}
  #page-home .chronex-home-menu-bars i {width:24px;height:2px;}
}



/* Home-only presentation. Every other page retains its existing styling. */
body.ag-home #page-home .home-replacement {
  isolation:isolate;
  background:linear-gradient(90deg,#a5a5a9 0%,#a4a5a9 50%,#77797d 100%) !important;
}
#page-home .chronex-hero-responsive-art {display:block;position:absolute;inset:0;z-index:1;}
body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
  position:absolute !important;inset:0 !important;
  width:100% !important;height:100% !important;
  object-fit:contain !important;object-position:center center !important;
  transform:none !important;
}
/* Seamlessly extend the approved artwork's gray studio backdrop into
   the narrow side gutters on widescreen displays. */
#page-home .home-replacement::before,
#page-home .home-replacement::after{
  content:"";position:absolute;top:0;bottom:0;z-index:0;pointer-events:none;
  width:max(0px, calc((100vw - 133.333svh) / 2));
}
#page-home .home-replacement::before{
  left:0;
  background:linear-gradient(to bottom,#a6a6a9 0%,#aaabaf 25%,#a9a9ae 40%,#a8a9ae 50%,#a3a4a8 70%,#9b9b9f 90%,#949499 100%);
}
#page-home .home-replacement::after{
  right:0;
  background:linear-gradient(to bottom,#707274 0%,#757478 25%,#77777a 40%,#828386 50%,#797a7e 70%,#68686c 90%,#636467 100%);
}
/* White branding, menu and language appear in the approved hero artwork.
   Keep live navigation accessible but never draw duplicated controls over it. */
#page-home .chronex-home-brand {display:none !important;}
#page-home .home-menu-hit {
  opacity:0 !important;visibility:visible !important;pointer-events:auto !important;
  position:absolute !important;inset:0 auto auto 0 !important;
  width:26% !important;height:15% !important;padding:0 !important;
  z-index:10 !important;
}
body.ag-home #page-home .home-lang-switch {
  opacity:0 !important;visibility:visible !important;pointer-events:auto !important;
  position:absolute !important;top:0 !important;right:0 !important;
  left:auto !important;transform:none !important;
  width:17% !important;height:15% !important;
  z-index:10 !important;
  justify-content:space-evenly !important;
}
body.ag-home #page-home .home-lang-switch button{height:100% !important;flex:1 !important;cursor:pointer;}
@media(max-width:900px){
  body.ag-home #page-home .home-replacement{background:#a09fa1 !important;}
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    object-fit:cover !important;object-position:52% top !important;
  }
  /* Mobile uses the original vertical watch photograph; the same original
     site logo and working navigation are placed above it in white. */
  #page-home .chronex-home-brand {
    display:flex !important;z-index:5 !important;
    top:clamp(112px,12vh,170px) !important;
    width:min(80vw,420px) !important;
    gap:14px !important;
  }
  #page-home .chronex-home-brand img {filter:brightness(0) invert(1) !important;}
  #page-home .chronex-home-brand span {
    color:#fff !important;font-size:clamp(11px,2.7vw,16px) !important;
    letter-spacing:clamp(.18em,.5vw,.30em) !important;
    line-height:1.3 !important;
  }
  #page-home .home-menu-hit {
    opacity:1 !important;inset:18px auto auto 18px !important;
    width:auto !important;height:auto !important;padding:8px 0 !important;
    color:#fff !important;gap:12px !important;
  }
  body.ag-home #page-home .home-lang-switch {
    opacity:1 !important;position:absolute !important;
    inset:20px 18px auto auto !important;
    width:auto !important;height:auto !important;
    display:flex !important;align-items:center !important;gap:7px !important;
  }
  body.ag-home #page-home .home-lang-switch button{
    height:auto !important;flex:initial !important;padding:6px 0 !important;
  }
}



/* Refine the approved home hero so the artwork sits comfortably in the viewport. */
body.ag-home #page-home .home-replacement{overflow:hidden !important;}
body.ag-home #page-home .chronex-hero-responsive-art{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:clamp(10px,1.5vh,18px) clamp(24px,3vw,56px) clamp(22px,3.2vh,34px) !important;
  z-index:1 !important;
}
body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
  position:relative !important;
  inset:auto !important;
  width:min(95vw, 1480px) !important;
  height:auto !important;
  max-height:90vh !important;
  margin:0 auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
}
@media (min-width: 1280px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    width:min(92vw, 1420px) !important;
    max-height:88vh !important;
  }
}
@media (min-width: 1600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    width:min(88vw, 1500px) !important;
    max-height:86vh !important;
  }
}
@media (max-width: 900px){
  body.ag-home #page-home .chronex-hero-responsive-art{
    padding:0 !important;
    display:block !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:52% top !important;
  }
}



/* Mobile home: preserve the source photo's original gray tones without
   placing a contained photograph on a mismatched gray canvas. */
@media (max-width:900px){
  body.ag-home #page-home .home-replacement{
    background:linear-gradient(105deg,#a5a4a6 0%,#a3a2a4 46%,#858487 100%) !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    overflow:hidden !important;
    padding:0 !important;
  }
  /* Wider screens use true edge-to-edge cover, not contain/letterboxing. */
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:55% center !important;
    transform:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  /* Keep the original white brand/menu/language placement. */
  #page-home .chronex-home-brand{
    top:clamp(112px,11.5vh,160px) !important;
    width:min(84vw,440px) !important;
    gap:12px !important;
  }
  #page-home .chronex-home-brand span{
    font-size:clamp(12px,2.85vw,16px) !important;
    letter-spacing:clamp(.22em,.55vw,.34em) !important;
  }
}
@media (max-width:600px){
  /* Show nearly the full watch without distortion. Anchor the photograph
     to the lower edge, and feather ONLY its empty gray top margin into the
     matched gray backdrop; no horizontal bar can appear. */
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    inset:auto auto 0 50% !important;
    width:114% !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 100%) !important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 17%,#000 100%) !important;
  }
}



/* Mobile refinement: reduce empty top space and improve the hero fit. */
@media (max-width: 900px){
  #page-home .chronex-home-brand{
    top:clamp(88px,9.5vh,132px) !important;
    width:min(84vw,430px) !important;
    gap:10px !important;
  }
  body.ag-home #page-home .home-menu-hit{
    inset:14px auto auto 18px !important;
  }
  body.ag-home #page-home .home-lang-switch{
    inset:16px 18px auto auto !important;
  }
}
@media (max-width: 600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    inset:auto auto -1% 50% !important;
    width:118% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translate(-50%, -4%) !important;
    -webkit-mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.2) 8%, #000 18%, #000 100%) !important;
    mask-image:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.2) 8%, #000 18%, #000 100%) !important;
  }
}



/* Use the newly provided gray watch photo on mobile and tighten the hero fit. */
@media (max-width: 900px){
  body.ag-home #page-home .home-replacement{
    background:linear-gradient(105deg,#adacaf 0%,#a9a8ab 45%,#8c8b8f 100%) !important;
  }
  #page-home .chronex-home-brand{
    top:clamp(82px,8.8vh,124px) !important;
    width:min(84vw,430px) !important;
    gap:10px !important;
  }
  #page-home .chronex-home-brand span{
    font-size:clamp(12px,2.8vw,16px) !important;
    letter-spacing:clamp(.22em,.55vw,.34em) !important;
  }
  body.ag-home #page-home .home-menu-hit{ inset:14px auto auto 18px !important; }
  body.ag-home #page-home .home-lang-switch{ inset:16px 18px auto auto !important; }
  body.ag-home #page-home .chronex-hero-responsive-art{
    position:absolute !important; inset:0 !important; display:block !important; overflow:hidden !important; padding:0 !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important; inset:0 !important; width:100% !important; height:100% !important;
    max-width:none !important; max-height:none !important; background:none !important;
    object-fit:cover !important; object-position:52% 63% !important; transform:none !important;
    -webkit-mask-image:none !important; mask-image:none !important;
  }
}
@media (max-width: 600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    object-fit:cover !important;
    object-position:52% 61% !important;
    transform:scale(1.02) !important;
    transform-origin:center center !important;
  }
}



/* Final mobile refinement: show more of the watch and remove the bottom gray seam. */
@media (max-width: 900px){
  body.ag-home #page-home .chronex-hero-responsive-art{
    overflow:hidden !important;
  }
  body.ag-home #page-home .home-replacement{
    overflow:hidden !important;
  }
}
@media (max-width: 600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-3px !important;
    width:auto !important;
    height:105.5% !important;
    min-width:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:unset !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
    background:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}



/* Make the mobile watch a bit smaller so the left side is less cropped. */
@media (max-width: 600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:-2px !important;
    width:108% !important;
    min-width:108% !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
    background:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}



/* Subtle mobile adjustment: move the watch slightly upward to reduce the empty top gap. */
@media (max-width: 600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    bottom:14px !important;
    transform:translateX(-50%) !important;
  }
}



/* Move the watch noticeably higher on mobile to reduce the gap below the CHRONEX logo. */
@media (max-width: 600px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    bottom:38px !important;
    transform:translateX(-50%) !important;
  }
}



/* Mobile refinement: move the watch a bit down and remove visible grey seam lines. */
@media (max-width: 600px){
  body.ag-home #page-home .home-replacement,
  body.ag-home #page-home .chronex-hero-responsive-art{
    overflow:hidden !important;
    background:transparent !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:20px !important;
    width:110% !important;
    min-width:110% !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) scale(1.01) !important;
    transform-origin:center bottom !important;
    background:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
    box-shadow:none !important;
    border:0 !important;
  }
}



/* Full-screen seamless mobile photo, with visible actual controls (no baked-in links). */
@media(max-width:900px){
  body.ag-home #page-home .home-replacement {
    position:relative !important;
    background:#99999b !important;
    overflow:hidden !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art {
    display:block !important; position:absolute !important; inset:0 !important;
    overflow:hidden !important; padding:0 !important; z-index:1 !important;
    background:#99999b !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    display:block !important; position:absolute !important; inset:0 !important;
    width:100% !important; min-width:100% !important; max-width:none !important;
    height:100% !important; max-height:none !important;
    object-fit:cover !important; object-position:center center !important;
    transform:none !important; margin:0 !important;
    -webkit-mask-image:none !important; mask-image:none !important;
    opacity:1 !important;
  }
  #page-home .chronex-home-brand {
    display:flex !important; position:absolute !important; z-index:12 !important;
    top:clamp(82px,9.8svh,128px) !important; left:50% !important;
    width:min(84vw,430px) !important; transform:translateX(-50%) !important;
    opacity:1 !important; visibility:visible !important;
  }
  #page-home .chronex-home-brand img {filter:brightness(0) invert(1) !important;}
  #page-home .chronex-home-brand span {color:#fff !important;}
  body.ag-home #page-home .home-menu-hit {
    display:flex !important; position:absolute !important;
    inset:14px auto auto 18px !important; top:14px !important; left:18px !important;
    width:auto !important; height:auto !important; padding:8px 0 !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    color:#fff !important; z-index:30 !important; transform:none !important;
    background:none !important; border:0 !important;
  }
  body.ag-home #page-home .home-lang-switch {
    display:flex !important; position:absolute !important;
    inset:16px 18px auto auto !important; top:16px !important; right:18px !important;
    left:auto !important; width:auto !important; height:auto !important; padding:0 !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    color:#fff !important; z-index:30 !important; transform:none !important;
    background:none !important; border:0 !important;
    align-items:center !important; gap:7px !important;
  }
  body.ag-home #page-home .home-lang-switch button {
    flex:initial !important; height:auto !important; padding:6px 0 !important;
    cursor:pointer !important;
  }
}



/* Final balanced mobile composition. The image itself is an edge-to-edge gray photograph;
   the independently clickable menu/language controls remain visible above it. */
@media (max-width:900px){
  body.ag-home #page-home .home-replacement { background:#99999b !important; overflow:hidden !important; }
  body.ag-home .ag-chrome { display:none !important; }
  body.ag-home #page-home .chronex-hero-responsive-art {
    position:absolute !important; inset:0 !important; padding:0 !important;
    display:block !important; overflow:hidden !important; background:#99999b !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    display:block !important; position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important; min-width:100% !important;
    max-width:none !important; max-height:none !important;
    object-fit:cover !important; object-position:center center !important;
    transform:none !important; -webkit-mask-image:none !important; mask-image:none !important;
    border:0 !important; margin:0 !important;
  }
  #page-home .chronex-home-brand {
    display:flex !important; position:absolute !important; z-index:12 !important;
    left:50% !important; transform:translateX(-50%) !important;
    top:clamp(115px,14.4svh,140px) !important; width:min(84vw,430px) !important;
    opacity:1 !important; visibility:visible !important;
  }
  body.ag-home #page-home .home-menu-hit,
  body.ag-home #page-home .home-lang-switch {
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    color:#fff !important; z-index:30 !important;
  }
}



@media (max-width: 900px){
  body.ag-home #page-home .home-replacement,
  body.ag-home #page-home .chronex-hero-responsive-art{
    background:#a6a6a8 !important;
    overflow:hidden !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    padding:0 !important;
    z-index:1 !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    left:50% !important;
    top:148px !important;
    width:106vw !important;
    min-width:106vw !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    transform:translateX(-50%) !important;
    object-fit:contain !important;
    object-position:center top !important;
    margin:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  #page-home .chronex-home-brand{
    display:flex !important;
    position:absolute !important;
    z-index:12 !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    top:clamp(84px,9.8svh,108px) !important;
    width:min(84vw,430px) !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  #page-home .chronex-home-brand img{filter:brightness(0) invert(1) !important;}
  #page-home .chronex-home-brand span{color:#fff !important;}
  body.ag-home #page-home .home-menu-hit{
    display:flex !important;
    position:absolute !important;
    inset:14px auto auto 18px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    color:#fff !important;
    z-index:30 !important;
    background:none !important;
    border:0 !important;
  }
  body.ag-home #page-home .home-lang-switch{
    display:flex !important;
    position:absolute !important;
    inset:16px 18px auto auto !important;
    align-items:center !important;
    gap:7px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    color:#fff !important;
    z-index:30 !important;
    background:none !important;
    border:0 !important;
  }
}
@media (max-width: 420px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    top:142px !important;
    width:108vw !important;
    min-width:108vw !important;
  }
  #page-home .chronex-home-brand{
    top:84px !important;
    width:min(86vw,420px) !important;
  }
}



@media (max-width: 600px){
  body.ag-home #page-home .home-replacement,
  body.ag-home #page-home .chronex-hero-responsive-art{
    background:#a6a6a8 !important;
    overflow:hidden !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art{
    position:absolute !important;
    inset:0 !important;
    display:block !important;
    padding:0 !important;
    z-index:1 !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    left:50% !important;
    top:140px !important;
    width:100vw !important;
    min-width:100vw !important;
    height:auto !important;
    max-width:none !important;
    max-height:none !important;
    transform:translateX(-50%) !important;
    object-fit:contain !important;
    object-position:center top !important;
    margin:0 !important;
    border:0 !important;
    background:none !important;
    box-shadow:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  #page-home .chronex-home-brand{
    top:84px !important;
    width:min(86vw,420px) !important;
  }
}



/* A single, continuous photograph. The empty studio background alone is expanded
   while the watch remains unmodified and fully visible in its original proportions. */
@media (max-width:900px) {
  body.ag-home #page-home .home-replacement {
    background:#a2a1a3 !important;
    overflow:hidden !important;
    isolation:isolate !important;
  }
  body.ag-home #page-home .home-replacement::before,
  body.ag-home #page-home .home-replacement::after {
    display:none !important; content:none !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art {
    position:absolute !important; inset:0 !important;
    z-index:1 !important; display:block !important;
    padding:0 !important; margin:0 !important;
    overflow:hidden !important;
    background:none !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    position:absolute !important; inset:0 !important;
    display:block !important;
    width:100% !important; height:100% !important;
    min-width:0 !important; max-width:none !important; max-height:none !important;
    object-fit:contain !important; object-position:top center !important;
    transform:none !important; opacity:1 !important; padding:0 !important; margin:0 !important;
    background:none !important; border:0 !important; box-shadow:none !important;
    -webkit-mask-image:none !important; mask-image:none !important;
  }
  #page-home .chronex-home-brand {
    position:absolute !important; display:flex !important;
    z-index:12 !important; top:clamp(81px,10.5svh,112px) !important;
    left:50% !important; transform:translateX(-50%) !important;
    width:min(84vw,430px) !important; gap:9px !important;
    opacity:1 !important; visibility:visible !important;
    pointer-events:none !important;
  }
  #page-home .chronex-home-brand img {
    display:block !important; width:100% !important; height:auto !important;
    filter:brightness(0) invert(1) !important;
  }
  #page-home .chronex-home-brand span {
    color:#fff !important; font-size:clamp(10px,2.65vw,14px) !important;
    font-weight:400 !important; line-height:1.35 !important; letter-spacing:.31em !important;
    white-space:nowrap !important;
  }
  body.ag-home #page-home .home-menu-hit {
    display:flex !important; position:absolute !important;
    inset:20px auto auto 18px !important;
    width:auto !important; height:auto !important;
    padding:8px 0 !important; align-items:center !important;
    gap:12px !important; font-size:12px !important;
    color:#fff !important; opacity:1 !important; visibility:visible !important;
    pointer-events:auto !important; z-index:30 !important;
    background:none !important; border:0 !important; box-shadow:none !important;
  }
  body.ag-home #page-home .chronex-home-menu-bars {
    display:flex !important; flex-direction:column !important;
    width:25px !important; height:14px !important; justify-content:space-between !important;
  }
  body.ag-home #page-home .chronex-home-menu-bars i {
    display:block !important; width:25px !important; height:1.5px !important;
    background:#fff !important;
  }
  body.ag-home #page-home .home-lang-switch {
    display:flex !important; position:absolute !important;
    inset:24px 18px auto auto !important;
    left:auto !important; width:auto !important; height:auto !important;
    transform:none !important; padding:0 !important; gap:8px !important;
    align-items:center !important;
    color:#fff !important; opacity:1 !important; visibility:visible !important;
    pointer-events:auto !important; z-index:30 !important;
    background:none !important; border:0 !important;
  }
  body.ag-home #page-home .home-lang-switch button {
    flex:initial !important; width:auto !important; height:auto !important;
    padding:6px 0 !important; cursor:pointer !important;
  }
}
@media (max-width:600px) {
  body.ag-home #page-home .home-replacement {
    height:calc(100vw * 1.6051282) !important;
    min-height:0 !important; max-height:none !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    object-fit:fill !important;
    object-position:top center !important;
  }
}



/* Scroll-only repair. Do not change the approved hero image, its dimensions,
   its cropping, or the placement of its logo and controls. */
body.ag-home:not(.ag-menu-visible) {
  height:auto !important;
  min-height:100svh !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  touch-action:pan-y pinch-zoom !important;
  overscroll-behavior-y:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
body.ag-home #page-home {
  height:auto !important;
  max-height:none !important;
  min-height:100svh !important;
  overflow:visible !important;
}
/* An earlier mobile-hero style hid .ag-chrome with display:none !important,
   even after the scroll controller correctly marked the page as scrolled. */
body.ag-home .ag-chrome {
  display:grid !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.ag-home.ag-home-scrolled:not(.ag-menu-visible) .ag-chrome {
  display:grid !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
/* Only programmatic in-page targets need space for the fixed navigation.
   Ordinary touch / wheel scroll remains native, without forced snapping. */
@media (max-width:900px) {
  html { scroll-padding-top:116px; }
  #preserving-time, #chronex-home-footer { scroll-margin-top:116px; }
}
@media (min-width:901px) {
  html { scroll-padding-top:72px; }
}



/* The first screen is the hero alone. Do not alter the embedded photograph. */
body.ag-home:not(.ag-menu-visible),
body.ag-home #page-home {
  overflow-x:hidden !important;
}
body.ag-home #page-home > .home-replacement {
  position:relative !important;
  box-sizing:border-box !important;
  height:100svh !important;
  min-height:100svh !important;
  max-height:100svh !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
/* Keep the preserved editorial section in ordinary document flow. */
body.ag-home #page-home > #preserving-time,
body.ag-home #page-home > #chronex-home-footer {
  position:relative !important;
}
@media (max-width:600px) {
  body.ag-home #page-home > .home-replacement {
    /* Overrides the old width-derived 1.6051282:1 hero height. */
    height:100svh !important;
    min-height:100svh !important;
    max-height:100svh !important;
    background:#979699 !important;
  }
  /* Preserve the image's exact proportions: no stretch and no extra crop.
     Blend only the photograph's *empty grey top margin*, not the watch. */
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    position:absolute !important;
    inset:auto 0 0 0 !important;
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:none !important;
    border:0 !important;
    margin:0 !important;
    background:transparent !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%) !important;
    mask-image:linear-gradient(to bottom,transparent 0%,#000 14%,#000 100%) !important;
  }
  /* Keep the existing logo and hero controls, with balanced spacing. */
  #page-home .chronex-home-brand {
    top:clamp(145px,20svh,192px) !important;
  }
}



/* Tighten the first-screen hero on mobile:
   - crop the empty top area from the approved light-grey photo
   - move menu/language slightly down from the browser chrome
   - pull the CHRONEX lockup closer so the vertical gap feels intentional */
@media (max-width: 600px){
  body.ag-home #page-home > .home-replacement{
    background:#979699 !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    inset:auto 0 0 0 !important;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:none !important;
  }
  body.ag-home #page-home .home-menu-hit{
    inset:77px auto auto 18px !important;
    top:77px !important;
  }
  body.ag-home #page-home .home-lang-switch{
    inset:81px 18px auto auto !important;
    top:81px !important;
  }
  #page-home .chronex-home-brand{
    top:clamp(178px,20.5svh,202px) !important;
  }
}



/* Match the approved black-background reference's relative mobile spacing:
   control row near top, compact CHRONEX lockup, full-height watch photograph.
   No floating photo canvas, masks, forced aspect ratio, or stretch. */
@media (max-width:900px) {
  body.ag-home #page-home > .home-replacement {
    height:100svh !important;
    min-height:100svh !important;
    max-height:100svh !important;
    background:#99989a !important;
    overflow:hidden !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art {
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    z-index:1 !important;
  }
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image {
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:55% center !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
  #page-home .chronex-home-brand {
    display:flex !important;
    top:clamp(76px,10.5svh,100px) !important;
    left:50% !important;
    transform:translateX(-50%) !important;
    z-index:12 !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  body.ag-home #page-home .home-menu-hit {
    display:flex !important;
    inset:18px auto auto 18px !important;
    top:18px !important;
    left:18px !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:30 !important;
  }
  body.ag-home #page-home .home-lang-switch {
    display:flex !important;
    inset:20px 18px auto auto !important;
    top:20px !important;
    right:18px !important;
    left:auto !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    z-index:30 !important;
  }
}



/* Revert to the approved spacing version and only make the mobile watch slightly smaller,
   so it doesn't look cut at the sides. */
@media (max-width:900px){
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:0 !important;
    inset:auto auto 0 50% !important;
    width:96% !important;
    height:auto !important;
    min-width:0 !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center bottom !important;
    transform:translateX(-50%) !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:none !important;
    -webkit-mask-image:none !important;
    mask-image:none !important;
  }
}



/* Final mobile and desktop layout: one seamless photo per breakpoint. */
body.ag-home #page-home > .home-replacement{
  position:relative !important; height:100svh !important; min-height:100svh !important;
  max-height:100svh !important; padding:0 !important; margin:0 !important;
  background:#99999b !important; overflow:hidden !important; isolation:isolate !important;
}
body.ag-home #page-home > .home-replacement::before,
body.ag-home #page-home > .home-replacement::after{display:none !important;content:none !important;}
body.ag-home #page-home .chronex-hero-responsive-art{
  position:absolute !important; inset:0 !important; display:block !important;
  padding:0 !important; margin:0 !important; overflow:hidden !important;
  z-index:1 !important; background:none !important;
}
body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
  position:absolute !important; inset:0 !important; display:block !important;
  width:100% !important; height:100% !important; min-width:0 !important;
  max-width:none !important; max-height:none !important;
  object-fit:cover !important; object-position:right bottom !important;
  margin:0 !important; padding:0 !important; border:0 !important;
  transform:none !important; opacity:1 !important; background:none !important;
  box-shadow:none !important; -webkit-mask-image:none !important; mask-image:none !important;
}
@media (min-width:901px){
  /* Desktop composition: original watch at right, quiet studio-gray space for the logo. */
  #page-home .chronex-home-brand{
    display:flex !important; position:absolute !important; z-index:12 !important;
    left:27% !important; top:clamp(210px,29svh,370px) !important;
    width:min(40vw,650px) !important; transform:translateX(-50%) !important;
    opacity:1 !important; visibility:visible !important; pointer-events:none !important;
    gap:16px !important;
  }
  #page-home .chronex-home-brand img{filter:brightness(0) invert(1) !important;}
  #page-home .chronex-home-brand span{
    color:#fff !important; font-size:clamp(10px,1.03vw,15px) !important;
    letter-spacing:.35em !important; line-height:1.4 !important;
  }
  body.ag-home #page-home .home-menu-hit{
    display:flex !important; position:absolute !important;
    inset:32px auto auto 44px !important; width:auto !important; height:auto !important;
    padding:10px 0 !important; color:#fff !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    background:none !important; border:0 !important; z-index:30 !important;
  }
  body.ag-home #page-home .home-lang-switch{
    display:flex !important; position:absolute !important;
    inset:36px 44px auto auto !important; width:auto !important; height:auto !important;
    padding:0 !important; gap:12px !important;
    color:#fff !important; opacity:1 !important; visibility:visible !important;
    pointer-events:auto !important; background:none !important; border:0 !important;
    transform:none !important; z-index:30 !important; align-items:center !important;
  }
  body.ag-home #page-home .home-lang-switch button{
    height:auto !important; width:auto !important; flex:initial !important;
    padding:6px 0 !important;
  }
}
@media (max-width:900px){
  /* Preserve approved mobile MENU/logo/language spacing; only remove the
     different-color top band by displaying a single extended photograph. */
  body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    object-position:center bottom !important;
    transform:scale(1.07) !important;
    transform-origin:center bottom !important;
  }
  #page-home .chronex-home-brand{
    display:flex !important; top:clamp(76px,10.5svh,100px) !important;
    left:50% !important; transform:translateX(-50%) !important; z-index:12 !important;
    opacity:1 !important; visibility:visible !important;
  }
  #page-home .chronex-home-brand img{filter:brightness(0) invert(1) !important;}
  #page-home .chronex-home-brand span{color:#fff !important;}
  body.ag-home #page-home .home-menu-hit{
    display:flex !important; position:absolute !important;
    inset:18px auto auto 18px !important; width:auto !important; height:auto !important;
    padding:8px 0 !important; color:#fff !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    background:none !important; border:0 !important; z-index:30 !important;
  }
  body.ag-home #page-home .home-lang-switch{
    display:flex !important; position:absolute !important;
    inset:20px 18px auto auto !important; width:auto !important; height:auto !important;
    padding:0 !important; gap:8px !important;
    opacity:1 !important; visibility:visible !important; pointer-events:auto !important;
    background:none !important; border:0 !important; z-index:30 !important;
    transform:none !important; color:#fff !important; align-items:center !important;
  }
  body.ag-home #page-home .home-lang-switch button{
    width:auto !important; height:auto !important; flex:initial !important;
    padding:6px 0 !important;
  }
}



/* Independent desktop controls. The approved mobile layout (<=900px)
   and homepage scrolling are intentionally untouched. */
@media (min-width:901px){
 body.ag-home #page-home > .home-replacement{
   width:100% !important; height:100svh !important;
   min-height:100svh !important; max-height:100svh !important;
   overflow:hidden !important; background:#9a999b !important;
 }
 body.ag-home #page-home .chronex-hero-responsive-art{
   position:absolute !important; inset:0 !important; display:block !important;
   padding:0 !important; margin:0 !important; overflow:hidden !important;
   background:transparent !important;
 }
 body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
   position:absolute !important; inset:0 !important;
   width:100% !important; height:100% !important;
   max-height:none !important; min-width:0 !important; max-width:none !important;
   object-fit:cover !important; object-position:center center !important;
   transform:none !important; margin:0 !important; padding:0 !important;
   filter:none !important; opacity:1 !important;
   box-shadow:none !important; border:0 !important;
   -webkit-mask-image:none !important; mask-image:none !important;
 }
 #page-home .chronex-home-brand{
   display:flex !important; position:absolute !important; z-index:12 !important;
   left:50% !important; top:clamp(82px,11svh,142px) !important;
   transform:translateX(-50%) !important;
   width:min(52vw,760px) !important; gap:14px !important;
   text-align:center !important;
   opacity:1 !important; visibility:visible !important;
   pointer-events:none !important;
 }
 #page-home .chronex-home-brand img{
   display:block !important; width:100% !important; height:auto !important;
   filter:brightness(0) invert(1) !important;
 }
 #page-home .chronex-home-brand span{
   display:block !important; width:100% !important;
   font-size:clamp(12px,1.2vw,18px) !important;
   letter-spacing:.38em !important; color:#fff !important;
   text-align:center !important; line-height:1.45 !important;
 }
 body.ag-home #page-home .home-menu-hit{
   position:absolute !important; display:flex !important;
   inset:30px auto auto 36px !important;
   width:auto !important; height:auto !important;
   font-size:14px !important; z-index:30 !important;
   color:#fff !important; opacity:1 !important; visibility:visible !important;
   pointer-events:auto !important; background:none !important; border:0 !important;
 }
 body.ag-home #page-home .home-lang-switch{
   position:absolute !important; display:flex !important;
   inset:34px 38px auto auto !important;
   width:auto !important; height:auto !important; transform:none !important;
   z-index:30 !important; opacity:1 !important; visibility:visible !important;
   pointer-events:auto !important; color:#fff !important;
   background:none !important; border:0 !important;
 }
 body.ag-home #page-home .home-lang-switch button{
   width:auto !important; height:auto !important; flex:initial !important;
   padding:6px 0 !important;
 }
}
/* When 'Desktop site' is requested on a portrait phone, the portrait
   photograph must be selected, otherwise cover() crops the entire watch. */
@media (min-width:901px) and (orientation: portrait){
 body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
   object-fit:cover !important;
   object-position:center bottom !important;
 }
 #page-home .chronex-home-brand{
   top:clamp(130px,9svh,186px) !important;
   width:min(77vw,760px) !important;
   gap:14px !important;
 }
 #page-home .chronex-home-brand span{font-size:clamp(16px,1.8vw,21px) !important;}
 body.ag-home #page-home .home-menu-hit{inset:38px auto auto 40px !important; font-size:17px !important;}
 body.ag-home #page-home .home-lang-switch{inset:42px 40px auto auto !important;}
 body.ag-home #page-home .home-lang-switch,
 body.ag-home #page-home .home-lang-switch button{
   font-size:17px !important;
 }
}



@media (min-width:901px) and (orientation:landscape){
 body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important;
    inset:0 auto auto -38% !important;
    left: 0% !important; right:auto !important;
    width: 100% !important; height:100% !important;
    max-width:none !important; max-height:none !important;
    object-fit:cover !important; object-position:center top !important;
    transform:none !important;
 }
}
@media (min-width:901px) and (orientation:portrait){
 body.ag-home #page-home .chronex-hero-responsive-art > img.home-replacement-image{
    position:absolute !important; inset:0 !important;
    width:100% !important; height:100% !important;
    object-fit:cover !important; object-position:center bottom !important;
    transform:none !important;
 }
}



/* CONTACT — old .map-wrap was 300–360px high with overflow:hidden,
   truncating the 500px Google map and the address/details below it. */
#page-contact .map-wrap {
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  margin-top:clamp(30px,4vw,54px) !important;
  padding:0 !important;
}
#page-contact .map-wrap > .chronex-google-map {
  width:100% !important;
  max-width:100% !important;
  margin:0 auto !important;
  overflow:visible !important;
}
#page-contact .chronex-google-map .map-frame {
  box-sizing:border-box !important;
  width:100% !important;
  height:clamp(380px,38vw,510px) !important;
  min-height:0 !important;
  max-height:none !important;
  display:block !important;
  overflow:hidden !important;
  border:1px solid rgba(35,35,35,.13) !important;
  background:#ebeae8 !important;
  box-shadow:0 16px 40px rgba(20,20,20,.075) !important;
}
#page-contact .chronex-google-map .map-frame > iframe {
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
}
#page-contact .chronex-google-map .map-info {
  box-sizing:border-box !important;
  display:flex !important;
  width:100% !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:28px !important;
  padding:26px 0 0 !important;
  overflow:visible !important;
}
/* Give the final wordmark its own final breathing space, near page bottom. */
#page-contact .contact {
  padding-bottom:clamp(28px,4.2vw,52px) !important;
}
#page-contact .contact-signature {
  margin-top:clamp(94px,10vh,150px) !important;
  margin-bottom:0 !important;
  padding:0 10px !important;
  text-align:center !important;
}
/* OUR STORY — editorial left alignment, never expanded inter-word justification.
   Scoped to story paragraphs, including the bilingual spans inside them. */
html[data-lang] #page-atelier .about-panel[data-about-panel="story"] p,
html[data-lang] #page-atelier .about-panel[data-about-panel="story"] p [data-lang-text] {
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  text-wrap:pretty !important;
  word-spacing:normal !important;
  letter-spacing:normal !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
  word-break:normal !important;
}
@media(max-width:900px) {
  #page-contact .chronex-google-map .map-frame {
    height:clamp(340px,88vw,440px) !important;
  }
  #page-contact .chronex-google-map .map-info {
    display:block !important;
    padding-top:24px !important;
  }
  #page-contact .contact-signature {
    margin-top:clamp(86px,13vw,120px) !important;
  }
  #page-contact .contact {
    padding-bottom:30px !important;
  }
}
@media(max-width:420px) {
  #page-contact .chronex-google-map .map-frame {
    height:355px !important;
  }
}



/* Single address is in the three-column Contact details; Google Maps action is above the map. */
#page-contact .chronex-google-map > a.chronex-contact-map-open {
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 18px auto !important;
  padding:0 0 7px !important;
  text-align:right !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(31,29,25,.4) !important;
  font-size:11px !important;
  line-height:1.5 !important;
  letter-spacing:.18em !important;
  color:#252321 !important;
}
#page-contact .chronex-google-map > a.chronex-contact-map-open:hover,
#page-contact .chronex-google-map > a.chronex-contact-map-open:focus-visible{
  border-bottom-color:#252321 !important;
}
@media(max-width:600px){
  #page-contact .chronex-google-map > a.chronex-contact-map-open{
    margin-bottom:16px !important;
    font-size:10px !important;
  }
}



/* FAQ typography follows the site's approved SWISS PRECISION editorial hierarchy.
   Scoped strictly to FAQ to avoid changing heroes, menus or other sections. */
#page-faq .chronex-real-guide {
  font-family:Inter,"Noto Sans",sans-serif !important;
  color:#1d2227 !important;
}
#page-faq .chronex-real-head h1,
#page-faq .chronex-real-title-row h2,
#page-faq .chronex-authenticity-callout h3 {
  font-family:"Avenir Next",Avenir,"Noto Sans","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(26px,2.95vw,43px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  letter-spacing:.065em !important;
  color:#1d2227 !important;
  text-align:left !important;
  text-wrap:balance !important;
}
#page-faq .chronex-real-head h1 {max-width:950px !important;}
#page-faq .chronex-real-title-row h2 {max-width:850px !important;}
#page-faq .chronex-real-item summary {
  font-family:"Avenir Next",Avenir,"Noto Sans","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(21px,2.15vw,29px) !important;
  font-weight:500 !important;
  line-height:1.38 !important;
  letter-spacing:.015em !important;
  color:#1d2227 !important;
  text-align:left !important;
  text-wrap:pretty !important;
}
#page-faq .chronex-real-head > p,
#page-faq .chronex-real-head > p [data-lang-text],
#page-faq .chronex-real-answer p,
#page-faq .chronex-real-answer p [data-lang-text],
#page-faq .chronex-authenticity-callout p,
#page-faq .chronex-authenticity-callout p [data-lang-text],
#page-faq .chronex-buy-row p,
#page-faq .chronex-buy-row p [data-lang-text],
#page-faq .chronex-real-final-note {
  font-family:Inter,"Noto Sans",sans-serif !important;
  font-size:clamp(17px,1.45vw,20px) !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1.8 !important;
  letter-spacing:0 !important;
  word-spacing:normal !important;
  color:#505558 !important;
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
}
#page-faq .chronex-real-final-note {font-style:normal !important;}
#page-faq .chronex-real-item summary::after {top:50% !important; transform:translateY(-50%) !important;}
@media(max-width:900px){
  #page-faq .chronex-real-head h1,
  #page-faq .chronex-real-title-row h2,
  #page-faq .chronex-authenticity-callout h3 {
    font-size:clamp(26px,6vw,36px) !important;
    letter-spacing:.035em !important;
    line-height:1.25 !important;
  }
  #page-faq .chronex-real-item summary {
    font-size:clamp(20px,4.6vw,24px) !important;
    line-height:1.4 !important;
    padding-right:40px !important;
  }
  #page-faq .chronex-real-head > p,
  #page-faq .chronex-real-answer p,
  #page-faq .chronex-authenticity-callout p,
  #page-faq .chronex-buy-row p,
  #page-faq .chronex-real-final-note,
  #page-faq .chronex-real-head > p [data-lang-text],
  #page-faq .chronex-real-answer p [data-lang-text],
  #page-faq .chronex-authenticity-callout p [data-lang-text],
  #page-faq .chronex-buy-row p [data-lang-text] {
    font-size:17px !important;
    line-height:1.75 !important;
  }
}

/* Existing global multilingual rules force justified copy. FAQ intentionally uses
   natural spacing, including in English and Greek. */
html[data-lang] #page-faq .chronex-real-head > p,
html[data-lang] #page-faq .chronex-real-head > p [data-lang-text],
html[data-lang] #page-faq .chronex-real-answer p,
html[data-lang] #page-faq .chronex-real-answer p [data-lang-text],
html[data-lang] #page-faq .chronex-authenticity-callout p,
html[data-lang] #page-faq .chronex-authenticity-callout p [data-lang-text],
html[data-lang] #page-faq .chronex-buy-row p,
html[data-lang] #page-faq .chronex-buy-row p [data-lang-text],
html[data-lang] #page-faq .chronex-real-final-note,
html[data-lang] #page-faq .chronex-real-final-note [data-lang-text] {
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-spacing:normal !important;
}



/* Keep one complete Greek sentence per line; older 20px mobile overrides caused
   wrapping despite the existing sentence spans. Scope this only to Greek. */
html[data-lang="el"] #preserving-time .chronex-story-intro {
  max-width:100% !important;
  text-align:center !important;
  text-wrap:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
html[data-lang="el"] #preserving-time .chronex-story-intro > [data-el] {
  display:block !important;
  text-align:center !important;
}
html[data-lang="el"] #preserving-time .chronex-story-intro .chronex-intro-line {
  display:block !important;
  white-space:nowrap !important;
  text-wrap:nowrap !important;
  overflow-wrap:normal !important;
  word-break:normal !important;
  hyphens:none !important;
}
@media (max-width:900px) {
  html[data-lang="el"] #preserving-time .chronex-story-intro,
  html[data-lang="el"] #preserving-time .chronex-story-intro > [data-el],
  html[data-lang="el"] #preserving-time .chronex-story-intro .chronex-intro-line {
    font-size:clamp(9px, 3.8vw, 18px) !important;
    line-height:1.65 !important;
    letter-spacing:0 !important;
    word-spacing:normal !important;
  }
}



/* Desktop: Swiss Precision / Genuine Parts / Our Commitment.
   Grid DOM order: Swiss image/text, Genuine text/image, Commitment image/text. */
@media (max-width:690px) {
  #preserving-time .chronex-genuine-media {
    grid-row:3 !important;
    margin:0 !important; /* Swiss copy already has the 78px section spacing. */
    justify-self:center !important;
  }
  #preserving-time .chronex-copy-genuine {
    grid-row:4 !important;
    justify-self:start !important;
    margin:42px 0 78px !important;
  }
  #preserving-time .chronex-photo-media:not(.chronex-genuine-media) {
    grid-row:5 !important;
    justify-self:center !important;
    margin:0 !important;
  }
  #preserving-time .chronex-copy-approach {
    grid-row:6 !important;
    justify-self:start !important;
    margin:42px 0 0 !important;
  }
}



/* Three alternating editorial rows on desktop:
   Swiss Precision image left / text right;
   Genuine Parts text left / image right;
   Our Commitment image left / text right. */
@media (min-width:691px) {
  #preserving-time .chronex-story-grid > .chronex-genuine-media {
    justify-self:end !important;
  }
  #preserving-time .chronex-story-grid > .chronex-photo-media:not(.chronex-genuine-media) {
    justify-self:start !important;
  }
  #preserving-time .chronex-story-grid > .chronex-copy-genuine,
  #preserving-time .chronex-story-grid > .chronex-copy-approach {
    justify-self:start !important;
  }
}



/* Four alternating editorial rows:
   Swiss image left / text right;
   Genuine text left / image right;
   Philosophy image left / text right;
   Commitment text left / image right. */
.chronex-copy-philosophy{max-width:520px;justify-self:start;transform:none;}
.chronex-philosophy-media{width:min(100%,520px);justify-self:start;margin:0;}
.chronex-philosophy-media img{display:block;width:100%;height:auto;}
.chronex-commitment-media{width:min(100%,520px);justify-self:end;margin:0;}
.chronex-commitment-media img{display:block;width:100%;height:auto;}

@media (min-width:691px) {
  #preserving-time .chronex-story-grid > .chronex-video-media{justify-self:start !important;}
  #preserving-time .chronex-story-grid > .chronex-copy-swiss{justify-self:start !important;}
  #preserving-time .chronex-story-grid > .chronex-copy-genuine{justify-self:start !important;}
  #preserving-time .chronex-story-grid > .chronex-genuine-media{justify-self:end !important;}
  #preserving-time .chronex-story-grid > .chronex-philosophy-media{justify-self:start !important;}
  #preserving-time .chronex-story-grid > .chronex-copy-philosophy{justify-self:start !important;}
  #preserving-time .chronex-story-grid > .chronex-copy-approach{justify-self:start !important;}
  #preserving-time .chronex-story-grid > .chronex-commitment-media{justify-self:end !important;}
}

@media (max-width:690px) {
  #preserving-time .chronex-story-grid > .chronex-genuine-media {
    grid-row:3 !important;
    margin:0 !important;
    justify-self:center !important;
  }
  #preserving-time .chronex-story-grid > .chronex-copy-genuine {
    grid-row:4 !important;
    justify-self:start !important;
    margin:42px 0 78px !important;
  }
  #preserving-time .chronex-story-grid > .chronex-philosophy-media {
    grid-row:5 !important;
    margin:0 !important;
    justify-self:center !important;
  }
  #preserving-time .chronex-story-grid > .chronex-copy-philosophy {
    grid-row:6 !important;
    justify-self:start !important;
    margin:42px 0 78px !important;
  }
  #preserving-time .chronex-story-grid > .chronex-commitment-media {
    grid-row:7 !important;
    margin:0 !important;
    justify-self:center !important;
  }
  #preserving-time .chronex-story-grid > .chronex-copy-approach {
    grid-row:8 !important;
    justify-self:start !important;
    margin:42px 0 0 !important;
  }
}



/* About Us: editorial bullet list; original Story remains the second tab. */
#page-atelier .chronex-about-highlights-panel{width:100%;}
#page-atelier .chronex-about-highlights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(30px,5.5vw,80px);
  row-gap:0;
  margin:8px 0 0;
  padding:0;
  list-style:none;
  width:100%;
}
#page-atelier .chronex-about-highlight{
  position:relative;
  min-width:0;
  box-sizing:border-box;
  margin:0;
  padding:19px 6px 20px 24px;
  border-bottom:1px solid rgba(40,43,44,.17);
  font-family:var(--chronex-interior-body,Inter,"Noto Sans",sans-serif);
  font-size:clamp(15px,1.28vw,18px);
  font-weight:400;
  line-height:1.6;
  letter-spacing:0;
  color:#444b4f;
  text-align:left;
  text-align-last:left;
  hyphens:none;
  word-spacing:normal;
  overflow-wrap:normal;
}
#page-atelier .chronex-about-highlight::before{
  content:"";
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#62696d;
  position:absolute;
  top:calc(19px + .79em);
  left:3px;
}
#page-atelier .chronex-about-highlight [data-lang-text]{
  font:inherit;
  color:inherit;
  letter-spacing:inherit;
  text-align:left!important;
  text-align-last:left!important;
  hyphens:none!important;
}
@media(max-width:690px){
  #page-atelier .chronex-about-highlights{grid-template-columns:1fr;margin-top:0;}
  #page-atelier .chronex-about-highlight{padding:17px 4px 17px 23px;font-size:15px;line-height:1.65;}
  #page-atelier .chronex-about-highlight::before{top:calc(17px + .85em);}
}



/* Keep a single About Us title in the adjacent tab; match credential scale to Story. */
#page-atelier .chronex-about-highlights-panel > h3 {display:none !important;}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlights {
  margin-top:0 !important;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight,
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight [data-lang-text] {
  font-family:Inter,"Noto Sans",sans-serif !important;
  font-size:18px !important;
  font-weight:350 !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  word-spacing:normal !important;
  color:#141414 !important;
  text-align:left !important;
  text-align-last:left !important;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight {
  padding-top:21px;
  padding-bottom:21px;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight::before {
  top:calc(21px + .79em);
}
/* Selected tab must be unmistakable, in both languages and at all widths. */
#page-atelier .about-tabs .about-tab {
  background:#f2f2f1 !important;
  color:#444a4e !important;
  box-shadow:none !important;
  transition:background-color .2s ease,color .2s ease !important;
}
#page-atelier .about-tabs .about-tab.active,
#page-atelier .about-tabs .about-tab[aria-selected="true"] {
  background:#292d2f !important;
  color:#fff !important;
  box-shadow:inset 0 -3px 0 #a4afb4 !important;
}
#page-atelier .about-tabs .about-tab.active [data-lang-text],
#page-atelier .about-tabs .about-tab[aria-selected="true"] [data-lang-text] {
  color:#fff !important;
}
#page-atelier .about-tabs .about-tab:focus-visible {
  outline:2px solid #606970 !important;
  outline-offset:3px !important;
}
/* User-provided workshop portrait beside the founder narrative, without framing or cropping. */
#page-atelier .about-panel[data-about-panel="story"]::after {
  content:"";
  display:table;
  clear:both;
}
#page-atelier .about-panel[data-about-panel="story"] .chronex-story-portrait {
  float:right;
  width:min(36%,310px);
  margin:2px 0 25px clamp(28px,4vw,44px);
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
#page-atelier .about-panel[data-about-panel="story"] .chronex-story-portrait img {
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  border:0;
  box-shadow:none;
}
@media(max-width:690px){
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight,
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight [data-lang-text] {
    font-size:19px !important;
    line-height:1.58 !important;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight{
    padding-top:19px;
    padding-bottom:19px;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight::before{
    top:calc(19px + .79em);
  }
  #page-atelier .about-panel[data-about-panel="story"] .chronex-story-portrait {
    float:none;
    width:min(100%,430px);
    margin:0 auto 34px;
  }
}



/* Return to the original understated tab styling; only the selected label grows. */
#page-atelier .about-tabs .about-tab,
#page-atelier .about-tabs .about-tab [data-lang-text] {
  background:transparent !important;
  color:#7a6d5f !important;
  box-shadow:none !important;
}
#page-atelier .about-tabs .about-tab {
  font-size:13px !important;
  font-weight:500 !important;
  transition:font-size .2s ease,color .2s ease !important;
}
#page-atelier .about-tabs .about-tab.active,
#page-atelier .about-tabs .about-tab[aria-selected="true"] {
  background:transparent !important;
  color:#1f1d19 !important;
  box-shadow:none !important;
  font-size:16px !important;
}
#page-atelier .about-tabs .about-tab.active [data-lang-text],
#page-atelier .about-tabs .about-tab[aria-selected="true"] [data-lang-text] {
  background:transparent !important;
  color:#1f1d19 !important;
}
/* The complete founder narrative reads as an editorial, justified text column. */
html[data-lang] #page-atelier .about-panel[data-about-panel="story"] p,
html[data-lang] #page-atelier .about-panel[data-about-panel="story"] p [data-lang-text] {
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word !important;
  text-wrap:wrap !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  letter-spacing:normal !important;
  word-spacing:normal !important;
}
@media(max-width:900px){
  #page-atelier .about-tabs .about-tab {font-size:11px !important;}
  #page-atelier .about-tabs .about-tab.active,
  #page-atelier .about-tabs .about-tab[aria-selected="true"] {font-size:13px !important;}
}



/* Services photography: additive, bilingual and scoped; approved existing services untouched. */
#page-services #services .chronex-services-editorial-hero,
#page-services #services .chronex-services-editorial-tools {
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  column-gap:clamp(32px,5.6vw,105px);
  align-items:center;
  width:100%;
  min-width:0;
}
#page-services #services .chronex-services-editorial-hero {
  margin:clamp(42px,5vw,76px) 0 clamp(64px,8vw,120px);
}
#page-services #services .chronex-services-editorial-photo{
  display:block;
  min-width:0;
  width:100%;
  padding:0;
  margin:0;
  border:0 !important;
  outline:0;
  background:transparent !important;
  box-shadow:none !important;
  overflow:visible;
}
#page-services #services .chronex-services-editorial-photo img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
  border:0 !important;
  background:transparent;
  box-shadow:none !important;
  filter:none !important;
}
#page-services #services .chronex-services-editorial-copy{
  min-width:0;
}
#page-services #services .chronex-services-editorial-copy h1,
#page-services #services .chronex-services-editorial-copy h1 [data-lang-text],
#page-services #services .chronex-services-tools-copy h2,
#page-services #services .chronex-services-tools-copy h2 [data-lang-text]{
  font-family:"Helvetica Neue",Helvetica,"Noto Sans",Arial,sans-serif !important;
  font-size:clamp(30px,3.6vw,53px) !important;
  line-height:1.17 !important;
  font-weight:400 !important;
  letter-spacing:.085em !important;
  color:#1b1b1b !important;
  text-align:left !important;
  text-transform:uppercase !important;
  word-spacing:normal !important;
  margin:0;
}
#page-services #services .chronex-services-editorial-copy h1{margin-bottom:30px !important;}
#page-services #services .chronex-services-editorial-copy p,
#page-services #services .chronex-services-editorial-copy p [data-lang-text],
#page-services #services .chronex-services-tools-copy p,
#page-services #services .chronex-services-tools-copy p [data-lang-text]{
  font-family:Inter,"Noto Sans",Arial,sans-serif !important;
  font-size:clamp(17px,1.45vw,19px) !important;
  line-height:1.7 !important;
  font-weight:350 !important;
  letter-spacing:0 !important;
  word-spacing:normal !important;
  text-align:left !important;
  color:#3e4142 !important;
  max-width:520px;
  margin:0;
}
#page-services #services .chronex-services-editorial-tools{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  margin-top:clamp(90px,11vw,165px);
  padding-top:clamp(42px,5vw,72px);
  border-top:1px solid rgba(40,40,40,.14);
}
#page-services #services .chronex-services-tools-photo{
  width:min(100%,440px);
  justify-self:start;
}
#page-services #services .chronex-services-tools-copy{
  min-width:0;
  align-self:center;
}
#page-services #services .chronex-services-tools-eyebrow,
#page-services #services .chronex-services-tools-eyebrow [data-lang-text]{
  font-family:Inter,"Noto Sans",sans-serif !important;
  letter-spacing:.17em !important;
  text-transform:uppercase !important;
  font-size:11px !important;
  font-weight:500 !important;
  color:#687074 !important;
}
#page-services #services .chronex-services-tools-eyebrow{margin-bottom:24px;}
#page-services #services .chronex-services-tools-copy h2{margin-bottom:27px !important;}

/* The About page is a vertical editorial layout: tab strip above the selected panel. */
#page-atelier .about.about-tabs-section {
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  min-height:0 !important;
}
#page-atelier .about-panels {
  width:min(1070px,100%) !important;
  max-width:1070px !important;
  margin:clamp(36px,4vw,60px) auto 0 !important;
  box-sizing:border-box !important;
}
/* About / Story: selected tab = slightly larger, darker, thin underline; never a fill. */
#page-atelier .about-tabs{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  width:min(630px,calc(100% - 44px)) !important;
  max-width:630px !important;
  margin:34px auto 0 !important;
  border-top:1px solid rgba(31,31,31,.14) !important;
  border-bottom:1px solid rgba(31,31,31,.14) !important;
}
#page-atelier .about-tabs .about-tab{
  position:relative !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  min-height:77px !important;
  margin:0 !important;
  padding:19px 10px !important;
  background:transparent !important;
  border:0 !important;
  border-right:1px solid rgba(31,31,31,.1) !important;
  color:#888383 !important;
  font-family:Inter,"Noto Sans",sans-serif !important;
  font-size:13px !important;
  font-weight:450 !important;
  letter-spacing:.17em !important;
  line-height:1.2 !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
  transition:color .2s ease,font-size .2s ease !important;
}
#page-atelier .about-tabs .about-tab:last-child {border-right:0 !important;}
#page-atelier .about-tabs .about-tab [data-lang-text]{
  background:transparent !important;
  color:inherit !important;
  box-shadow:none !important;
}
#page-atelier .about-tabs .about-tab.active,
#page-atelier .about-tabs .about-tab[aria-selected="true"]{
  background:transparent !important;
  color:#151515 !important;
  font-size:17px !important;
  font-weight:600 !important;
  box-shadow:none !important;
}
#page-atelier .about-tabs .about-tab::after{
  content:"";
  position:absolute;
  bottom:-1px;
  height:2px;
  width:58%;
  background:#202020;
  opacity:0;
  transform:scaleX(.5);
  transition:opacity .2s ease,transform .2s ease;
}
#page-atelier .about-tabs .about-tab.active::after,
#page-atelier .about-tabs .about-tab[aria-selected="true"]::after{
  opacity:1;
  transform:scaleX(1);
}
#page-atelier .about-tabs .about-tab:focus-visible{
  outline:2px solid #3c4448 !important;
  outline-offset:4px !important;
}
/* Keep the founder text exactly as approved; change only its placement beside the photograph. */
#page-atelier .about-panel[data-about-panel="story"].active{
  display:grid !important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  column-gap:clamp(32px,5vw,70px);
  align-items:start;
  width:100%;
}
#page-atelier .about-panel[data-about-panel="story"] .chronex-story-portrait{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  min-width:0;
  margin:0 !important;
  justify-self:start;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
#page-atelier .about-panel[data-about-panel="story"] .chronex-story-portrait img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  border:0 !important;
  box-shadow:none !important;
}
#page-atelier .chronex-story-prose{min-width:0;}
#page-atelier .chronex-story-prose p{margin:0 0 21px !important;}
@media(max-width:900px){
  #page-services #services .chronex-services-editorial-hero,
  #page-services #services .chronex-services-editorial-tools{
    gap:30px;
  }
}
@media(max-width:690px){
  #page-services #services .chronex-services-editorial-hero,
  #page-services #services .chronex-services-editorial-tools{
    grid-template-columns:minmax(0,1fr);
    row-gap:31px;
  }
  #page-services #services .chronex-services-editorial-hero{
    margin:37px 0 75px;
  }
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text],
  #page-services #services .chronex-services-tools-copy h2,
  #page-services #services .chronex-services-tools-copy h2 [data-lang-text]{
    font-size:clamp(29px,7vw,38px) !important;
  }
  #page-services #services .chronex-services-editorial-copy p,
  #page-services #services .chronex-services-editorial-copy p [data-lang-text],
  #page-services #services .chronex-services-tools-copy p,
  #page-services #services .chronex-services-tools-copy p [data-lang-text]{
    font-size:17px !important;
    line-height:1.72 !important;
  }
  #page-services #services .chronex-services-editorial-tools{
    margin-top:78px;
    padding-top:49px;
    row-gap:40px;
  }
  #page-services #services .chronex-services-tools-photo{
    width:min(100%,410px);
    justify-self:center;
  }
  #page-atelier .about-tabs{
    margin-top:28px !important;
  }
  #page-atelier .about-tabs .about-tab{
    min-height:68px !important;
    font-size:11px !important;
    padding:16px 6px !important;
    letter-spacing:.10em !important;
  }
  #page-atelier .about-tabs .about-tab.active,
  #page-atelier .about-tabs .about-tab[aria-selected="true"]{
    font-size:14px !important;
  }
  #page-atelier .about-panel[data-about-panel="story"].active{
    grid-template-columns:1fr;
    row-gap:31px;
  }
  #page-atelier .about-panel[data-about-panel="story"] .chronex-story-portrait{
    width:min(100%,430px) !important;
    justify-self:center;
  }
}



/* The tools image is the sole element of this block; no second text column. */
#page-services #services .chronex-services-editorial-tools {
  grid-template-columns:minmax(0,1fr) !important;
  justify-items:center !important;
}
#page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
  width:min(100%,540px) !important;
  max-width:100% !important;
  justify-self:center !important;
  margin:0 auto !important;
  border:0 !important;
  box-shadow:none !important;
}



/* Reserve the photograph's real aspect ratio from first paint, at every breakpoint. */
#page-services #services .chronex-services-tools-photo img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:999 / 1536;
  object-fit:contain !important;
  max-width:100% !important;
  min-height:0 !important;
  visibility:visible !important;
}



/* Greek preserving-time subtitle only. Keep each sentence on its own line. */
html[data-lang="el"] #preserving-time .chronex-story-intro,
html[data-lang="el"] #preserving-time .chronex-story-intro > [data-el],
html[data-lang="el"] #preserving-time .chronex-story-intro .chronex-intro-line {
  font-size:clamp(20px,1.65vw,23px) !important;
  line-height:1.55 !important;
  letter-spacing:0 !important;
}
@media(max-width:900px) {
  html[data-lang="el"] #preserving-time .chronex-story-intro,
  html[data-lang="el"] #preserving-time .chronex-story-intro > [data-el],
  html[data-lang="el"] #preserving-time .chronex-story-intro .chronex-intro-line {
    font-size:clamp(13px,4.25vw,20px) !important;
    line-height:1.58 !important;
    letter-spacing:0 !important;
  }
}
@media(max-width:480px) {
  html[data-lang="el"] #preserving-time .chronex-story-intro {
    width:calc(100% + 20px) !important;
    max-width:calc(100% + 20px) !important;
    margin-left:-10px !important;
    margin-right:-10px !important;
  }
}



/* Requested adjustment: only the About Us / Our Story tab labels. */
@media (min-width: 601px) {
  #page-atelier .about-tabs .about-tab {
    font-size:15px !important; /* formerly 13px */
  }
  #page-atelier .about-tabs .about-tab.active,
  #page-atelier .about-tabs .about-tab[aria-selected="true"] {
    font-size:19px !important; /* formerly 17px */
  }
}
@media (max-width: 600px) {
  #page-atelier .about-tabs .about-tab {
    font-size:13px !important; /* formerly 11px */
    letter-spacing:.06em !important;
  }
  #page-atelier .about-tabs .about-tab.active,
  #page-atelier .about-tabs .about-tab[aria-selected="true"] {
    font-size:16px !important; /* formerly 14px */
  }
}
@media (max-width: 360px) {
  #page-atelier .about-tabs .about-tab {
    font-size:12.5px !important;
    letter-spacing:.045em !important;
  }
  #page-atelier .about-tabs .about-tab.active,
  #page-atelier .about-tabs .about-tab[aria-selected="true"] {
    font-size:14.5px !important;
  }
}



/* Under About Us / Our Story only: discreet previous and next links. */
#page-atelier .chronex-about-bottom-nav {
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  justify-content:center;
  align-items:center;
  gap:clamp(30px,4.4vw,64px);
  width:min(440px,100%);
  max-width:100%;
  margin:clamp(190px,17vw,240px) auto 0;
  padding:0;
}
/* Equal-width outer columns keep the divider on the page's exact centreline. */
#page-atelier .chronex-about-bottom-nav > .chronex-about-bottom-link:first-child {justify-self:end;}
#page-atelier .chronex-about-bottom-nav > .chronex-about-bottom-link:last-child {justify-self:start;}
#page-atelier .chronex-about-bottom-divider {
  display:block;
  flex:0 0 1px;
  width:1px;
  height:32px;
  background:rgba(73,78,82,.74);
  pointer-events:none;
}
#page-atelier .chronex-about-bottom-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.2vw,18px);
  flex:0 0 auto;
  min-height:44px;
  font-family:var(--chronex-interior-heading) !important;
  font-size:clamp(11px,1vw,14px);
  font-weight:400;
  letter-spacing:.22em;
  line-height:1.35;
  color:#67696b;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
#page-atelier .chronex-about-bottom-link .chronex-about-bottom-arrow {
  display:inline-block;
  font-family:Arial, sans-serif;
  font-size:21px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  color:#67696b;
  transition:transform .2s ease;
}
#page-atelier .chronex-about-bottom-link:hover,
#page-atelier .chronex-about-bottom-link:focus-visible {color:#0d0e0f;}
#page-atelier .chronex-about-bottom-link:hover:first-child .chronex-about-bottom-arrow {transform:translateX(-4px);}
#page-atelier .chronex-about-bottom-link:hover:last-child .chronex-about-bottom-arrow {transform:translateX(4px);}
#page-atelier .chronex-about-bottom-link:focus-visible {outline:2px solid #3c4448;outline-offset:5px;}

/* Only About Us: move this navigation nearer the bottom edge. */
#page-atelier .about.about-tabs-section {
  padding-bottom:16px !important;
}
@media(max-width:600px) {
  #page-atelier .about.about-tabs-section {padding-bottom:14px !important;}
  #page-atelier .chronex-about-bottom-nav {
    gap:clamp(12px,3.4vw,22px);
    margin-top:clamp(148px,27vw,188px);
  }

#page-atelier .chronex-about-bottom-link {
    gap:8px;
    font-size:11px;
    letter-spacing:.18em;
  }
  #page-atelier .chronex-about-bottom-link .chronex-about-bottom-arrow {font-size:18px;}
}



/* Services only: one restrained interior-page heading. */
#page-services #services .chronex-services-editorial-copy h1,
#page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
  font-family:Inter,"Noto Sans",sans-serif !important;
  font-size:19px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.17em !important;
  margin:0 !important;
  text-align:left !important;
}
/* Mirror the approved About Us bottom navigation, with separate scoped selectors. */
#page-services #services { padding-bottom:16px !important; }
#page-services .chronex-services-bottom-nav {
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  align-items:center;
  justify-content:center;
  gap:clamp(30px,4.4vw,64px);
  width:min(510px,100%);
  max-width:100%;
  margin:clamp(190px,17vw,240px) auto 0;
  padding:0;
}
#page-services .chronex-services-bottom-nav > .chronex-services-bottom-link:first-child {justify-self:end;}
#page-services .chronex-services-bottom-nav > .chronex-services-bottom-link:last-child {justify-self:start;}
#page-services .chronex-services-bottom-divider {
  display:block;
  width:1px;
  height:32px;
  background:rgba(73,78,82,.74);
  pointer-events:none;
}
#page-services .chronex-services-bottom-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.2vw,18px);
  flex:0 0 auto;
  min-height:44px;
  font-family:var(--chronex-interior-heading) !important;
  font-size:clamp(11px,1vw,14px);
  font-weight:400;
  letter-spacing:.22em;
  line-height:1.35;
  color:#67696b;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
#page-services .chronex-services-bottom-arrow {
  display:inline-block;
  font-family:Arial,sans-serif;
  font-size:21px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  color:#67696b;
  transition:transform .2s ease;
}
#page-services .chronex-services-bottom-link:hover,
#page-services .chronex-services-bottom-link:focus-visible {color:#0d0e0f;}
#page-services .chronex-services-bottom-link:hover:first-child .chronex-services-bottom-arrow {transform:translateX(-4px);}
#page-services .chronex-services-bottom-link:hover:last-child .chronex-services-bottom-arrow {transform:translateX(4px);}
#page-services .chronex-services-bottom-link:focus-visible {outline:2px solid #3c4448;outline-offset:5px;}
@media(max-width:690px) {
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
    font-size:19px !important;
  }
}
@media(max-width:600px) {
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
    font-size:16px !important;
    letter-spacing:.06em !important;
  }
  #page-services #services { padding-bottom:14px !important; }
  #page-services .chronex-services-bottom-nav {
    gap:clamp(12px,3.4vw,22px);
    width:min(430px,100%);
    margin-top:clamp(148px,27vw,188px);
  }
  #page-services .chronex-services-bottom-link {
    gap:8px;
    font-size:11px;
    letter-spacing:.18em;
  }
  #page-services .chronex-services-bottom-arrow {font-size:18px;}
}
@media(max-width:360px) {
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
    font-size:14.5px !important;
    letter-spacing:.045em !important;
  }
  /* Keep the approved link font legible, adjusting space rather than shrinking it. */
  #page-services .chronex-services-bottom-nav {gap:6px;}
  #page-services .chronex-services-bottom-link {gap:4px;letter-spacing:.10em;}
}



/* Match the small, filled About Us bullet in Services detail checklists only. */
#page-services .service .service-more-content .chronex-detail-circle {
  position:relative !important;
  flex:0 0 15px !important;
  width:15px !important;
  height:5px !important;
  margin:13px 0 0 !important;
  font-size:0 !important;
  line-height:0 !important;
  background:transparent !important;
}
#page-services .service .service-more-content .chronex-detail-circle::after {
  content:"";
  position:absolute;
  left:3px;
  top:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#62696d;
}



/* Correct only the stretched Greek Complete Service description on phones.
   Everything else, including desktop justification, remains unchanged. */
@media (max-width:700px) {
  html[data-lang="el"] #page-services .service:first-of-type > p,
  html[data-lang="el"] #page-services .service:first-of-type > p > span[data-el] {
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
  }
}



/* Only the English Case & Bracelet Refinishing sentence on mobile.
   Preserve justified desktop text and every other Services paragraph. */
@media (max-width:700px) {
  html[data-lang="en"] #page-services .service:last-of-type > p,
  html[data-lang="en"] #page-services .service:last-of-type > p > span[data-en] {
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
  }
}



/* Keep only Partial Repair description and Read More details naturally spaced on mobile. */
@media (max-width:700px) {
  html[data-lang] #page-services article.service:nth-of-type(2) > p,
  html[data-lang="el"] #page-services article.service:nth-of-type(2) > p > span[data-el],
  html[data-lang="en"] #page-services article.service:nth-of-type(2) > p > span[data-en],
  html[data-lang] #page-services article.service:nth-of-type(2) .service-more-content p,
  html[data-lang="el"] #page-services article.service:nth-of-type(2) .service-more-content p > span[data-el],
  html[data-lang="en"] #page-services article.service:nth-of-type(2) .service-more-content p > span[data-en],
  html[data-lang] #page-services article.service:nth-of-type(2) .chronex-detail-line-copy {
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
  }
}



/* Only Authenticity Inspection, on mobile: prevent large gaps from justified text. */
@media (max-width:700px) {
  html[data-lang] #page-services article.service:nth-of-type(3) > p,
  html[data-lang="el"] #page-services article.service:nth-of-type(3) > p > span[data-el],
  html[data-lang="en"] #page-services article.service:nth-of-type(3) > p > span[data-en],
  html[data-lang] #page-services article.service:nth-of-type(3) .service-more-content p,
  html[data-lang="el"] #page-services article.service:nth-of-type(3) .service-more-content p > span[data-el],
  html[data-lang="en"] #page-services article.service:nth-of-type(3) .service-more-content p > span[data-en],
  html[data-lang] #page-services article.service:nth-of-type(3) .chronex-detail-line-copy {
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
  }
}



/* Warranty editorial eyebrow mirrors the approved SERVICES heading.
   The prominent WRITTEN WARRANTY / 2 YEARS headline retains its original styling. */
#page-warranty #warranty .warranty-inner > .small {
  font-family:Inter,"Noto Sans",sans-serif !important;
  font-size:19px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  letter-spacing:.17em !important;
  text-align:left !important;
  color:#1c1e20 !important;
  margin-bottom:42px !important;
}
/* Same lower placement, two balanced links and centreline as About/Services. */
#page-warranty #warranty { padding-bottom:16px !important; }
#page-warranty .chronex-warranty-bottom-nav {
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  align-items:center;
  justify-content:center;
  gap:clamp(30px,4.4vw,64px);
  width:min(510px,100%);
  max-width:100%;
  margin:clamp(190px,17vw,240px) auto 0;
  padding:0;
}
#page-warranty .chronex-warranty-bottom-nav > .chronex-warranty-bottom-link:first-child {justify-self:end;}
#page-warranty .chronex-warranty-bottom-nav > .chronex-warranty-bottom-link:last-child {justify-self:start;}
#page-warranty .chronex-warranty-bottom-divider {
  display:block;
  width:1px;
  height:32px;
  background:rgba(73,78,82,.74);
  pointer-events:none;
}
#page-warranty .chronex-warranty-bottom-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.2vw,18px);
  flex:0 0 auto;
  min-height:44px;
  font-family:var(--chronex-interior-heading) !important;
  font-size:clamp(11px,1vw,14px);
  font-weight:400;
  letter-spacing:.22em;
  line-height:1.35;
  color:#67696b;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
#page-warranty .chronex-warranty-bottom-arrow {
  display:inline-block;
  font-family:Arial,sans-serif;
  font-size:21px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  color:#67696b;
  transition:transform .2s ease;
}
#page-warranty .chronex-warranty-bottom-link:hover,
#page-warranty .chronex-warranty-bottom-link:focus-visible {color:#0d0e0f;}
#page-warranty .chronex-warranty-bottom-link:hover:first-child .chronex-warranty-bottom-arrow {transform:translateX(-4px);}
#page-warranty .chronex-warranty-bottom-link:hover:last-child .chronex-warranty-bottom-arrow {transform:translateX(4px);}
#page-warranty .chronex-warranty-bottom-link:focus-visible {outline:2px solid #3c4448;outline-offset:5px;}
@media(max-width:690px) {
  #page-warranty #warranty .warranty-inner > .small {font-size:19px !important;}
}
@media(max-width:600px) {
  #page-warranty #warranty .warranty-inner > .small {
    font-size:16px !important;
    letter-spacing:.06em !important;
    margin-bottom:34px !important;
  }
  #page-warranty #warranty {padding-bottom:14px !important;}
  #page-warranty .chronex-warranty-bottom-nav {
    gap:clamp(12px,3.4vw,22px);
    width:min(430px,100%);
    margin-top:clamp(148px,27vw,188px);
  }
  #page-warranty .chronex-warranty-bottom-link {
    gap:8px;
    font-size:11px;
    letter-spacing:.18em;
  }
  #page-warranty .chronex-warranty-bottom-arrow {font-size:18px;}
}
@media(max-width:360px) {
  #page-warranty #warranty .warranty-inner > .small {
    font-size:14.5px !important;
    letter-spacing:.045em !important;
  }
  #page-warranty .chronex-warranty-bottom-nav {gap:6px;}
  #page-warranty .chronex-warranty-bottom-link {gap:4px;letter-spacing:.10em;}
}



/* Match the breathing room above the approved Services heading; Warranty only. */
@media (max-width:600px) {
  #page-warranty #warranty.warranty {
    padding-top:125px !important;
  }
}



/* CONTACT ONLY — approved appointment label below heading. */
#page-contact .contact-inner > h2.chronex-contact-heading {
  text-align:left !important;
  margin-bottom:0 !important;
}
#page-contact .contact-inner > .contact-kicker {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  text-align:left !important;
  font-size:11px !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  color:#77746f !important;
  margin:20px 0 55px !important;
}
#page-contact .contact-inner > .contact-kicker::before {
  content:"";
  display:block;
  width:35px;
  height:1px;
  background:#aaa6a0;
  margin:0 0 18px;
}
#page-contact .contact-inner > .contact-grid {
  margin-bottom:0 !important;
}
#page-contact .contact-inner > .map-wrap {
  margin-top:clamp(38px,4.5vw,60px) !important;
}
@media (max-width:900px) {
  #page-contact .contact-inner > .contact-kicker {
    font-size:10px !important;
    margin:18px 0 39px !important;
  }
  #page-contact .contact-inner > .contact-kicker::before {
    margin-bottom:15px;
  }
  #page-contact .contact-inner > .map-wrap {
    margin-top:36px !important;
  }
}



/* FAQ-only redesign. Approved Home, About Us, Services, Warranty and Contact are untouched. */
#page-faq .chronex-faq-layout {
  padding-top:clamp(78px,8vw,118px);
  padding-bottom:clamp(82px,9vw,130px);
}
#page-faq .chronex-faq-tabs {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  width:min(630px,100%);
  margin:0 auto;
  border-top:1px solid rgba(40,34,28,.16);
  border-bottom:1px solid rgba(40,34,28,.16);
}
#page-faq .chronex-faq-tab {
  position:relative;
  appearance:none;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  min-height:76px;
  padding:23px 12px;
  margin:0;
  border:0;
  border-right:1px solid rgba(40,34,28,.13);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  font-family:"Avenir Next",Avenir,"Noto Sans","Helvetica Neue",Arial,sans-serif;
  font-size:15px;
  font-weight:500;
  line-height:1.4;
  letter-spacing:.11em;
  text-transform:uppercase;
  text-align:center;
  color:#7a6d5f;
  cursor:pointer;
  transition:color .2s ease,font-size .2s ease;
}
#page-faq .chronex-faq-tab:last-child{border-right:0;}
#page-faq .chronex-faq-tab.active,
#page-faq .chronex-faq-tab[aria-selected="true"] {
  font-size:19px;
  font-weight:600;
  color:#151515;
}
#page-faq .chronex-faq-tab::after {
  content:"";
  position:absolute;
  bottom:-1px;
  left:21%;
  width:58%;
  height:2px;
  background:#202020;
  opacity:0;
  transform:scaleX(.5);
  transition:opacity .2s ease,transform .2s ease;
}
#page-faq .chronex-faq-tab.active::after,
#page-faq .chronex-faq-tab[aria-selected="true"]::after {opacity:1;transform:scaleX(1);}
#page-faq .chronex-faq-tab:focus-visible {outline:2px solid #3c4448;outline-offset:4px;}
#page-faq .chronex-faq-panels {width:min(980px,100%); margin:clamp(55px,5vw,78px) auto 0;}
#page-faq .chronex-faq-panel {min-width:0;}
#page-faq .chronex-faq-panel[hidden] {display:none !important;}
#page-faq .chronex-faq-panel.active {display:block;}
#page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-item {margin-left:0;}
#page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-item summary {
  font-family:"Avenir Next",Avenir,"Noto Sans","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(18px,1.75vw,23px) !important;
  font-weight:500 !important;
  letter-spacing:.065em !important;
  line-height:1.5 !important;
  text-transform:uppercase !important;
  text-align:left !important;
  text-wrap:pretty;
  padding:27px 46px 27px 0;
}
#page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-item summary::after {right:4px;top:50% !important;transform:translateY(-50%) !important;}
#page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-answer {padding:2px 28px 30px 0;}
#page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-answer p {text-align:left !important;word-spacing:normal !important;}
#page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-item:last-child {border-bottom:1px solid rgba(17,17,17,.14);}
#page-faq .chronex-faq-topic {padding:45px 0 48px;border-top:1px solid rgba(17,17,17,.14);}
#page-faq .chronex-faq-topic h2,
#page-faq .chronex-faq-topic h2 [data-lang-text] {
  margin:0 0 18px;
  font-family:"Avenir Next",Avenir,"Noto Sans","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(20px,2vw,26px) !important;
  font-weight:600 !important;
  line-height:1.35 !important;
  letter-spacing:.035em !important;
  text-transform:none;
  color:#1d2227;
}
#page-faq .chronex-faq-topic p {max-width:850px;margin:0;line-height:1.85;text-align:left !important;word-spacing:normal !important;}
#page-faq .chronex-faq-buyer {margin-top:38px;padding-top:62px;}
#page-faq .chronex-faq-buyer .chronex-real-title-row {margin-bottom:32px;}
#page-faq .chronex-faq-buyer .chronex-real-title-row h2 {font-size:clamp(24px,2.75vw,38px) !important;}
@media (max-width:600px) {
  #page-faq .chronex-faq-layout {padding-top:78px;padding-bottom:85px;}
  #page-faq .chronex-faq-tab {
    min-height:72px;
    padding:19px 7px;
    font-size:13px;
    line-height:1.45;
    letter-spacing:.06em;
  }
  #page-faq .chronex-faq-tab.active,
  #page-faq .chronex-faq-tab[aria-selected="true"] {font-size:16px;}
  #page-faq .chronex-faq-panels {margin-top:57px;}
  #page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-item summary {
    font-size:17px !important;
    line-height:1.47 !important;
    letter-spacing:.045em !important;
    padding:22px 33px 22px 0;
  }
  #page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-answer {padding:0 6px 26px 0;}
  #page-faq .chronex-faq-panel[data-faq-panel="questions"] .chronex-real-answer p {font-size:17px !important;line-height:1.75 !important;}
  #page-faq .chronex-faq-topic {padding:36px 0 40px;}
  #page-faq .chronex-faq-topic h2 {font-size:22px !important;}
  #page-faq .chronex-faq-topic p {font-size:17px !important;line-height:1.75 !important;}
  #page-faq .chronex-faq-buyer {padding-top:50px;margin-top:20px;}
  #page-faq .chronex-faq-buyer .chronex-real-title-row h2 {font-size:27px !important;}
}
@media(max-width:360px) {
  #page-faq .chronex-faq-tab {font-size:12.5px;letter-spacing:.045em;}
  #page-faq .chronex-faq-tab.active,
  #page-faq .chronex-faq-tab[aria-selected="true"] {font-size:14.5px;}
}



/* Scoped exclusively to the FAQ Useful Information panel. */
#page-faq #chronex-faq-information-panel .chronex-faq-info-item {
  margin:0;
  border-top:1px solid rgba(17,17,17,.14);
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-item:last-child {
  border-bottom:1px solid rgba(17,17,17,.14);
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-item > summary {
  list-style:none;
  display:block;
  font-family:"Avenir Next",Avenir,"Noto Sans","Helvetica Neue",Arial,sans-serif !important;
  font-size:clamp(18px,1.75vw,23px) !important;
  font-weight:500 !important;
  letter-spacing:.065em !important;
  line-height:1.5 !important;
  text-transform:uppercase !important;
  text-align:left !important;
  text-wrap:pretty;
  color:#1d2227;
  padding:27px 46px 27px 0;
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-item > summary::after {
  right:4px;
  top:50% !important;
  transform:translateY(-50%) !important;
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-item > .chronex-real-answer {
  padding:2px 28px 30px 0;
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-item > .chronex-real-answer p {
  text-align:left !important;
  word-spacing:normal !important;
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-buyer-content .chronex-faq-buyer {
  padding-top:0;
  margin-top:0;
}
#page-faq #chronex-faq-information-panel .chronex-faq-info-buyer-content .chronex-faq-buyer .chronex-real-title-row {
  margin-bottom:24px;
}
@media (max-width:600px) {
  #page-faq #chronex-faq-information-panel .chronex-faq-info-item > summary {
    font-size:17px !important;
    line-height:1.47 !important;
    letter-spacing:.045em !important;
    padding:22px 33px 22px 0;
  }
  #page-faq #chronex-faq-information-panel .chronex-faq-info-item > .chronex-real-answer {
    padding:0 6px 26px 0;
  }
  #page-faq #chronex-faq-information-panel .chronex-faq-info-item > .chronex-real-answer p {
    font-size:17px !important;
    line-height:1.75 !important;
  }
}



/* FAQ pre-owned watch: succinct opening above the existing numbered checklist. */
#page-faq .chronex-faq-buyer-intro {
  margin:0 0 32px 78px;
  max-width:800px;
}
#page-faq .chronex-faq-buyer-intro p {
  margin:0 0 16px;
  color:#4d4842;
}
#page-faq .chronex-faq-buyer-intro p:last-child {margin-bottom:0;}
@media (max-width:900px) {
  #page-faq .chronex-faq-buyer-intro {margin:0 0 28px;}
}



/* Only expanded FAQ / Useful Information answers receive this editorial accent. */
#page-faq .chronex-faq-panel details.chronex-real-item > .chronex-real-answer {
  border-left:1px solid rgba(105,98,90,.56);
  padding-left:18px !important;
  box-sizing:border-box;
}
@media (max-width:600px) {
  #page-faq .chronex-faq-panel details.chronex-real-item > .chronex-real-answer {
    padding-left:16px !important;
  }
}



/* Clear, reliably visible emphasis only when FAQ / Useful Information opens. */
#page-faq .chronex-faq-panel[data-faq-panel="questions"] details.chronex-real-item[open] > summary,
#page-faq #chronex-faq-information-panel details.chronex-faq-info-item[open] > summary,
#page-faq .chronex-faq-panel[data-faq-panel="questions"] details.chronex-real-item[open] > summary > span[data-lang-text],
#page-faq #chronex-faq-information-panel details.chronex-faq-info-item[open] > summary > span[data-lang-text] {
  font-weight:800 !important;
  -webkit-text-stroke:.25px currentColor;
}



/* Keep the original separator above the closing paragraph unchanged. */
/* Only the pre-owned-watch expanded answer: remove the horizontal rule above its introduction. */
#page-faq #chronex-faq-information-panel .chronex-faq-info-buyer-content .chronex-faq-buyer {
  border-top:0 !important;
}
/* Only the final Useful Information item: remove the line below its closing paragraph. */
#page-faq #chronex-faq-information-panel details.chronex-faq-info-buyer:last-child {
  border-bottom:0 !important;
}
/* FAQ only: mirror the previously approved centered navigation. */
#page-faq #faq {padding-bottom:16px !important;}
#page-faq .chronex-faq-bottom-nav {
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);
  justify-content:center;
  align-items:center;
  gap:clamp(30px,4.4vw,64px);
  width:min(440px,100%);
  max-width:100%;
  margin:clamp(190px,17vw,240px) auto 0;
  padding:0;
}
#page-faq .chronex-faq-bottom-nav > .chronex-faq-bottom-link:first-child {justify-self:end;}
#page-faq .chronex-faq-bottom-nav > .chronex-faq-bottom-link:last-child {justify-self:start;}
#page-faq .chronex-faq-bottom-divider {
  display:block;
  width:1px;
  height:32px;
  background:rgba(73,78,82,.74);
  pointer-events:none;
}
#page-faq .chronex-faq-bottom-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:clamp(9px,1.2vw,18px);
  flex:0 0 auto;
  min-height:44px;
  font-family:var(--chronex-interior-heading) !important;
  font-size:clamp(11px,1vw,14px);
  font-weight:400;
  letter-spacing:.22em;
  line-height:1.35;
  color:#67696b;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  transition:color .2s ease;
}
#page-faq .chronex-faq-bottom-arrow {
  display:inline-block;
  font-family:Arial,sans-serif;
  font-size:21px;
  font-weight:400;
  line-height:1;
  letter-spacing:0;
  color:#67696b;
  transition:transform .2s ease;
}
#page-faq .chronex-faq-bottom-link:hover,
#page-faq .chronex-faq-bottom-link:focus-visible {color:#0d0e0f;}
#page-faq .chronex-faq-bottom-link:hover:first-child .chronex-faq-bottom-arrow {transform:translateX(-4px);}
#page-faq .chronex-faq-bottom-link:hover:last-child .chronex-faq-bottom-arrow {transform:translateX(4px);}
#page-faq .chronex-faq-bottom-link:focus-visible {outline:2px solid #3c4448;outline-offset:5px;}
@media(max-width:600px) {
  #page-faq #faq {padding-bottom:14px !important;}
  #page-faq .chronex-faq-bottom-nav {
    gap:clamp(12px,3.4vw,22px);
    margin-top:clamp(148px,27vw,188px);
  }
  #page-faq .chronex-faq-bottom-link {gap:8px;font-size:11px;letter-spacing:.18em;}
  #page-faq .chronex-faq-bottom-arrow {font-size:18px;}
}
@media(max-width:360px) {
  #page-faq .chronex-faq-bottom-nav {gap:6px;}
  #page-faq .chronex-faq-bottom-link {gap:4px;letter-spacing:.10em;}
}



/* FAQ > Useful Information > pre-owned watch only: no horizontal rule between
   the expanded accordion heading and the opening answer. */
#page-faq #chronex-faq-information-panel .chronex-faq-info-buyer-content > .chronex-faq-buyer {
  border-top:0 !important;
}



/* FAQ-only answer typography; preserve normal word spacing with language-aware line breaks. */
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer p,
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer p [data-lang-text],
html[data-lang] #page-faq .chronex-faq-panel .chronex-buy-row p,
html[data-lang] #page-faq .chronex-faq-panel .chronex-buy-row p [data-lang-text],
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-final-note,
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-final-note [data-lang-text] {
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word !important;
  hyphens:manual !important;
  -webkit-hyphens:manual !important;
  word-spacing:normal !important;
  overflow-wrap:break-word;
}
/* A very narrow screen cannot support readable full justification without stretched spaces. */
@media (max-width:360px) {
  html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer p,
  html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer p [data-lang-text],
  html[data-lang] #page-faq .chronex-faq-panel .chronex-buy-row p,
  html[data-lang] #page-faq .chronex-faq-panel .chronex-buy-row p [data-lang-text],
  html[data-lang] #page-faq .chronex-faq-panel .chronex-real-final-note,
  html[data-lang] #page-faq .chronex-faq-panel .chronex-real-final-note [data-lang-text] {
    text-align:left !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
  }
}



/* Our Story only: prevent stretched spaces in the narrow mobile text column.
   Keep the approved desktop typography and all other pages unchanged. */
@media (max-width:690px) {
  html[data-lang] #page-atelier #chronex-story-panel .chronex-story-prose p,
  html[data-lang] #page-atelier #chronex-story-panel .chronex-story-prose p > [data-lang-text] {
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
    word-spacing:normal !important;
    letter-spacing:normal !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
  }
}



/* Homepage only: new introductory copy + video before the approved Swiss Precision row. */
#preserving-time .chronex-intro-feature {
  margin-bottom:clamp(78px,9vw,140px);
}
#preserving-time .chronex-intro-feature-copy {
  justify-self:start;
  align-self:center;
  width:100%;
  max-width:520px;
}
#preserving-time .chronex-intro-feature-copy p {
  margin:0 !important;
}
#preserving-time .chronex-intro-feature-media {
  justify-self:end;
  align-self:center;
  width:min(100%,520px);
  margin:0;
}
#preserving-time .chronex-intro-feature .chronex-story-video-shell {
  aspect-ratio:1 / 1;
}
#preserving-time .chronex-intro-feature .chronex-story-video-shell video {
  object-fit:cover;
  object-position:center;
}
@media (max-width:690px) {
  #preserving-time .chronex-intro-feature {
    display:flex;
    flex-direction:column-reverse;
    align-items:stretch;
    gap:42px;
    margin-bottom:78px;
  }
  #preserving-time .chronex-intro-feature-media {
    width:min(100%,390px);
    margin:0 auto;
  }
  #preserving-time .chronex-intro-feature-copy {
    width:100%;
    max-width:500px;
  }
}



/* Homepage video review 02: visually match both embedded films while keeping responsive layout unchanged. */
#preserving-time .chronex-video-media .chronex-story-video-shell {
  aspect-ratio:1 / 1;
}
@media (min-width:691px) {
  #preserving-time .chronex-video-media {
    width:min(100%,520px);
  }
}



/* This stylesheet is scoped to the footer Terms control and Terms panel. */
.chronex-terms-trigger {
  display:inline; padding:0; margin:0; border:0; background:transparent;
  color:inherit; font:inherit; letter-spacing:inherit; line-height:inherit;
  text-align:inherit; cursor:pointer;
}
.chronex-terms-trigger:hover, .chronex-terms-trigger:focus-visible { text-decoration:underline; text-underline-offset:3px; }
#chronexTermsDialog {
  position:fixed; width:min(960px,calc(100% - 32px));
  max-width:960px; max-height:min(90vh,920px); max-height:min(90dvh,920px);
  margin:auto; padding:0; border:1px solid rgba(27,27,27,.14);
  background:#f6f5f1; color:#282723; box-shadow:0 25px 85px rgba(0,0,0,.48);
  overflow:hidden; box-sizing:border-box;
}
#chronexTermsDialog::backdrop { background:rgba(0,0,0,.83); }
#chronexTermsDialog .chronex-terms-frame {
  display:flex; flex-direction:column; max-height:min(90vh,920px); max-height:min(90dvh,920px);
}
#chronexTermsDialog .chronex-terms-toolbar {
  display:flex; align-items:center; justify-content:space-between; flex-shrink:0;
  padding:19px clamp(22px,4vw,44px); border-bottom:1px solid rgba(28,28,28,.16);
  font-family:Inter,Arial,sans-serif; color:#484843;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase;
}
#chronexTermsDialog .chronex-terms-close {
  display:inline-flex; justify-content:center; align-items:center;
  min-height:36px; min-width:36px; border:1px solid rgba(28,28,28,.28);
  background:transparent; font:inherit; font-size:22px; line-height:1;
  color:inherit; cursor:pointer;
}
#chronexTermsDialog .chronex-terms-close:hover, #chronexTermsDialog .chronex-terms-close:focus-visible {background:#e4e2dc;}
#chronexTermsDialog .chronex-terms-scroll {
  overflow-y:auto; overscroll-behavior:contain; padding:26px clamp(22px,6vw,68px) 52px;
}
#chronexTermsDialog .chronex-terms-content { display:none; font-family:Inter,Arial,sans-serif; }
html[data-lang="el"] #chronexTermsDialog .chronex-terms-content[data-el],
html[data-lang="en"] #chronexTermsDialog .chronex-terms-content[data-en] { display:block; }
/* Match the Helvetica Neue editorial title styling of OUR COMMITMENT (both languages). */
#chronexTermsDialog .chronex-terms-content h1 {
  margin:0 0 32px;
  font-family:"Helvetica Neue",Helvetica,"Nimbus Sans",Arial,"Noto Sans",sans-serif !important;
  font-size:clamp(26px,2.95vw,43px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase;
  color:#1d2227;
}
#chronexTermsDialog .chronex-terms-content h2 {
  font-family:"Helvetica Neue",Helvetica,"Nimbus Sans",Arial,"Noto Sans",sans-serif !important;
  font-size:clamp(23px,2.6vw,30px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase;
  color:#1d2227;
  padding-top:24px; margin:30px 0 17px; border-top:1px solid rgba(28,28,28,.18);
}
#chronexTermsDialog .chronex-terms-content p {
  font-family:Inter,Arial,sans-serif !important; font-size:clamp(14px,1.5vw,16px); line-height:1.58; font-weight:400;
  margin:0 0 14px; text-align:justify; text-align-last:left; text-justify:inter-word;
  hyphens:auto; -webkit-hyphens:auto; word-spacing:normal; overflow-wrap:break-word;
}
#chronexTermsDialog .chronex-terms-content strong {font-weight:600;}
@media(max-width:600px) {
  #chronexTermsDialog{width:calc(100% - 18px);max-height:calc(100dvh - 24px);}
  #chronexTermsDialog .chronex-terms-frame{max-height:calc(100dvh - 24px);}
  #chronexTermsDialog .chronex-terms-toolbar{padding:12px 18px;}
  #chronexTermsDialog .chronex-terms-scroll{padding:19px 21px 32px;}
  #chronexTermsDialog .chronex-terms-content h1{margin-bottom:22px;}
}



/* Privacy panel only. The existing Terms stylesheet is unchanged. */
#chronexPrivacyDialog {
  position:fixed; width:min(960px,calc(100% - 32px));
  max-width:960px; max-height:min(90vh,920px); max-height:min(90dvh,920px);
  margin:auto; padding:0; border:1px solid rgba(27,27,27,.14);
  background:#f6f5f1; color:#282723; box-shadow:0 25px 85px rgba(0,0,0,.48);
  overflow:hidden; box-sizing:border-box;
}
#chronexPrivacyDialog::backdrop { background:rgba(0,0,0,.83); }
#chronexPrivacyDialog .chronex-terms-frame {
  display:flex; flex-direction:column; max-height:min(90vh,920px); max-height:min(90dvh,920px);
}
#chronexPrivacyDialog .chronex-terms-toolbar {
  display:flex; align-items:center; justify-content:space-between; flex-shrink:0;
  padding:19px clamp(22px,4vw,44px); border-bottom:1px solid rgba(28,28,28,.16);
  font-family:Inter,Arial,sans-serif; color:#484843;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase;
}
#chronexPrivacyDialog .chronex-terms-close {
  display:inline-flex; justify-content:center; align-items:center;
  min-height:36px; min-width:36px; border:1px solid rgba(28,28,28,.28);
  background:transparent; font:inherit; font-size:22px; line-height:1;
  color:inherit; cursor:pointer;
}
#chronexPrivacyDialog .chronex-terms-close:hover, #chronexPrivacyDialog .chronex-terms-close:focus-visible {background:#e4e2dc;}
#chronexPrivacyDialog .chronex-terms-scroll {
  overflow-y:auto; overscroll-behavior:contain; padding:26px clamp(22px,6vw,68px) 52px;
}
#chronexPrivacyDialog .chronex-terms-content { display:none; font-family:Inter,Arial,sans-serif; }
html[data-lang="el"] #chronexPrivacyDialog .chronex-terms-content[data-el],
html[data-lang="en"] #chronexPrivacyDialog .chronex-terms-content[data-en] { display:block; }
/* Match the existing editorial heading typography in Greek and English. */
#chronexPrivacyDialog .chronex-terms-content h1 {
  margin:0 0 32px;
  font-family:"Helvetica Neue",Helvetica,"Nimbus Sans",Arial,"Noto Sans",sans-serif !important;
  font-size:clamp(26px,2.95vw,43px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase;
  color:#1d2227;
}
#chronexPrivacyDialog .chronex-terms-content h2 {
  font-family:"Helvetica Neue",Helvetica,"Nimbus Sans",Arial,"Noto Sans",sans-serif !important;
  font-size:clamp(23px,2.6vw,30px) !important;
  font-weight:600 !important;
  line-height:1.21 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase;
  color:#1d2227;
  padding-top:24px; margin:30px 0 17px; border-top:1px solid rgba(28,28,28,.18);
}
#chronexPrivacyDialog .chronex-terms-content p {
  font-family:Inter,Arial,sans-serif !important; font-size:clamp(14px,1.5vw,16px); line-height:1.58; font-weight:400;
  margin:0 0 14px; text-align:justify; text-align-last:left; text-justify:inter-word;
  hyphens:auto; -webkit-hyphens:auto; word-spacing:normal; overflow-wrap:break-word;
}
#chronexPrivacyDialog .chronex-terms-content strong {font-weight:600;}
@media(max-width:600px) {
  #chronexPrivacyDialog{width:calc(100% - 18px);max-height:calc(100dvh - 24px);}
  #chronexPrivacyDialog .chronex-terms-frame{max-height:calc(100dvh - 24px);}
  #chronexPrivacyDialog .chronex-terms-toolbar{padding:12px 18px;}
  #chronexPrivacyDialog .chronex-terms-scroll{padding:19px 21px 32px;}
  #chronexPrivacyDialog .chronex-terms-content h1{margin-bottom:22px;}
}

/* New policy contains an enumeration, aligned with the existing body style. */
#chronexPrivacyDialog .chronex-terms-content ul {
  font-family:Inter,Arial,sans-serif; font-size:clamp(14px,1.5vw,16px); line-height:1.58;
  margin:0 0 14px; padding-left:1.5em; list-style:disc;
}
#chronexPrivacyDialog .chronex-terms-content li {margin:0 0 6px;}

/* On narrow screens, avoid uneven justified word spaces; keep comfortable editorial rhythm. */
@media (max-width:600px) {
  #chronexTermsDialog .chronex-terms-content p,
  #chronexPrivacyDialog .chronex-terms-content p {
    text-align:left;
    text-align-last:auto;
    hyphens:manual;
    -webkit-hyphens:manual;
  }
}



/* V09: scoped to About Us. All approved homepage, footer and legal panels remain unchanged. */
#page-atelier .about-tabs .about-tab,
#page-atelier .about-tabs .about-tab:hover,
#page-atelier .about-tabs .about-tab:active,
#page-atelier .about-tabs .about-tab:focus,
#page-atelier .about-tabs .about-tab.active,
#page-atelier .about-tabs .about-tab[aria-selected="true"]{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  -webkit-tap-highlight-color:rgba(220,220,220,.18);
}
#page-atelier .about-tabs .about-tab.active::after,
#page-atelier .about-tabs .about-tab[aria-selected="true"]::after{background:#d0d0d0 !important;}
#page-atelier .about-tabs .about-tab:focus-visible{outline:1px solid #dadada !important;outline-offset:2px !important;}
#page-atelier .about-tabs .about-tab::selection,
#page-atelier .about-tabs .about-tab [data-lang-text]::selection{background:#e8e8e8 !important;color:#222 !important;}

#page-atelier .chronex-about-highlights-panel .chronex-about-content-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  column-gap:clamp(36px,6vw,85px);
  align-items:start;
  width:100%;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlights{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start;
  gap:0 !important;
  width:100% !important;
  min-width:0;
  margin:0 !important;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight{
  width:100%;
  box-sizing:border-box;
  padding:19px 4px 20px 24px !important;
  text-align:justify !important;
  text-align-last:left !important;
  text-justify:inter-word !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  word-spacing:normal !important;
  overflow-wrap:break-word;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight::before{
  top:calc(19px + .79em) !important;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-highlight [data-lang-text]{
  text-align:justify !important;
  text-align-last:left !important;
  hyphens:auto !important;
  -webkit-hyphens:auto !important;
  word-spacing:normal !important;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-gallery{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(28px,3.5vw,46px);
  min-width:0;
  width:100%;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-gallery-photo{
  display:block;
  width:min(100%,350px);
  aspect-ratio:0.88;
  margin:0;
  padding:0;
  border:0;
  background:#f6f6f5;
  overflow:hidden;
  box-shadow:none;
}
#page-atelier .chronex-about-highlights-panel .chronex-about-gallery-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  filter:none;
  border:0;
}
/* Centre the existing Story portrait against the narrative on desktop only. */
@media(min-width:691px){
  #page-atelier .about-panel[data-about-panel="story"].active .chronex-story-portrait{
    align-self:center !important;
  }
}
@media(max-width:690px){
  #page-atelier .chronex-about-highlights-panel .chronex-about-content-grid{
    grid-template-columns:minmax(0,1fr);
    row-gap:38px;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight{
    padding:17px 6px 18px 23px !important;
    text-align:left !important;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight [data-lang-text]{
    text-align:left !important;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight::before{
    top:calc(17px + .79em) !important;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-gallery{
    gap:32px;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-gallery-photo{
    width:min(100%,350px);
  }
}



/* Desktop About Us only: align the final credential with the bottom of the third photograph. */
@media (min-width:691px){
  #page-atelier .chronex-about-highlights-panel .chronex-about-content-grid{
    align-items:stretch;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlights{
    justify-content:space-between !important;
    align-self:stretch;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight,
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlight [data-lang-text]{
    text-align:left !important;
    text-align-last:left !important;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-gallery{
    gap:26px;
  }
  #page-atelier .chronex-about-highlights-panel .chronex-about-gallery-photo{
    width:min(100%,235px);
    aspect-ratio:0.90;
  }
}



/* Desktop About Us only: preserve each bullet's original padding and line
   spacing; move the full list (including dividers and bullet markers) down
   evenly to align its final text more closely with the third photograph. */
@media (min-width:691px){
  #page-atelier .chronex-about-highlights-panel .chronex-about-highlights{
    transform:translateY(12px);
  }
}



/* Requested shared-header correction: display the actual CHRONEX hero artwork,
   not the substitute desktop text wordmark. Mobile already displays the artwork. */
@media (min-width:901px){
  .ag-chrome .chronex-header-brand-text {display:none !important;}
  .ag-chrome .chronex-header-brand-artwork {
    display:block !important;
    width:190px !important;
    max-height:28px !important;
    height:auto !important;
    object-fit:contain !important;
  }
}
/* Services only — revised concept H: a single consistent reading column with
   equal-length rules, a separate unobstructed photograph on its right. */
@media (min-width:901px){
  #page-services {padding-top:56px !important;}
  #page-services #services {
    position:relative !important;
    padding-top:26px !important;
    padding-bottom:32px !important;
  }
  #page-services #services .chronex-services-editorial-hero {
    display:block !important;
    margin:0 0 55px !important;
    padding:0 !important;
  }
  #page-services #services .chronex-services-editorial-copy {
    padding:0 !important;
    margin:0 !important;
    width:auto !important;
  }
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
    font-family:"Helvetica Neue",Helvetica,"Noto Sans",Arial,sans-serif !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    letter-spacing:.17em !important;
    margin:0 !important;
  }
  #page-services #services .chronex-services-movement-photo {
    position:absolute !important;
    top:218px !important;
    right:0 !important;
    display:block !important;
    height:auto !important;
    width:min(37%,454px) !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:visible !important;
    background:transparent !important;
    box-shadow:none !important;
  }
  #page-services #services .chronex-services-movement-photo img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    border:0 !important;
    box-shadow:none !important;
  }
  #page-services #services .service-list {
    display:block !important;
    width:56% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
  }
  #page-services #services .service-list > .service {
    display:block !important;
    min-height:0 !important;
    width:100% !important;
    max-width:none !important;
    padding:0 0 29px !important;
    margin:0 0 29px !important;
    border:0 !important;
    border-bottom:1px solid #e1e1e1 !important;
    text-align:left !important;
  }
  #page-services #services .service-list > .service h3,
  #page-services #services .service-list > .service h3 [data-lang-text] {
    font-family:"Helvetica Neue",Helvetica,"Noto Sans",Arial,sans-serif !important;
    font-size:30px !important;
    font-weight:500 !important;
    line-height:1.14 !important;
    letter-spacing:.022em !important;
    text-align:left !important;
    margin:0 0 16px !important;
    width:100% !important;
    max-width:none !important;
  }
  #page-services #services .service-list > .service > p,
  #page-services #services .service-list > .service > p [data-lang-text] {
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    font-size:16px !important;
    line-height:1.55 !important;
    letter-spacing:0 !important;
    text-align:left !important;
    text-align-last:auto !important;
    word-spacing:normal !important;
    hyphens:none !important;
    -webkit-hyphens:none !important;
  }
  #page-services #services .service-list > .service > details {
    width:100% !important;
    max-width:none !important;
    margin-top:17px !important;
  }
  #page-services #services .service-list > .service:last-child {
    margin-bottom:0 !important;
  }
}



/* Services only: keep the approved words and exact existing images. */
@media (min-width:901px) {
  /* First image sits level with the first service text, no contact with the rules. */
  #page-services #services .chronex-services-movement-photo {
    top:136px !important;
    right:clamp(24px,6.67vw,96px) !important;
    width:min(33%,420px) !important;
  }
  /* The tall tools photograph is a smaller supporting image, not a full-width
     detached second chapter. Both images occupy the independent right column. */
  #page-services #services .chronex-services-editorial-tools {
    display:block !important;
    position:absolute !important;
    top:clamp(425px,37.5vw,540px) !important;
    right:clamp(24px,6.67vw,96px) !important;
    width:min(33%,420px) !important;
    height:auto !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    display:block !important;
    width:min(68%,255px) !important;
    max-width:none !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  #page-services #services .service-list {position:relative !important; z-index:1 !important;}
}
/* On phones, the two-column desktop picture arrangement cannot remain legible.
   Make one compact lead photograph; the tools photo becomes a small illustration. */
@media (max-width:690px) {
  #page-services #services {padding-top:82px !important;}
  #page-services #services .chronex-services-editorial-hero {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    justify-items:start !important;
    row-gap:20px !important;
    margin:0 0 34px !important;
    padding:0 !important;
  }
  #page-services #services .chronex-services-movement-photo {
    display:block !important;
    position:static !important;
    width:min(79%,285px) !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding:0 !important;
    justify-self:center !important;
    border:0 !important;
  }
  #page-services #services .service-list > .service > p,
  #page-services #services .service-list > .service > p [data-lang-text],
  #page-services #services .service-list .service-more-content p,
  #page-services #services .service-list .service-more-content p [data-lang-text] {
    text-align:left !important;
    text-align-last:auto !important;
    text-justify:auto !important;
    word-spacing:normal !important;
    -webkit-hyphens:none !important;
    hyphens:none !important;
  }
  #page-services #services .chronex-services-editorial-tools {
    position:static !important;
    display:none !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin:34px auto 0 !important;
    padding:0 !important;
    border:0 !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    width:min(59%,230px) !important;
    max-width:230px !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
  }
}
@media (min-width:691px) and (max-width:900px) {
  #page-services #services {padding-top:48px !important;}
  #page-services #services .chronex-services-editorial-hero {
    align-items:start !important;
    margin:0 0 42px !important;
  }
  #page-services #services .chronex-services-editorial-copy {padding-top:4px !important;}
  #page-services #services .chronex-services-movement-photo {width:min(100%,340px) !important; justify-self:end !important;}
  #page-services #services .chronex-services-editorial-tools {
    margin:44px 0 0 !important;
    padding:0 !important;
    border:0 !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    width:min(32%,240px) !important;
    max-width:240px !important;
  }
}



/* Services only; do not alter any locked route or the shared header. */
@media (min-width:901px) {
  /* Raise/lower the entire service list uniformly, retaining identical
     spacing between service rows and all original divider dimensions. */
  #page-services #services .service-list {
    padding-top:30px !important;
  }
  #page-services #services .service-list > .service h3 [data-en],
  #page-services #services .service-list > .service h3 [data-el] {
    white-space:nowrap !important;
  }
}
@media (max-width:690px) {
  /* Full-width lead photograph, no cropping, scaled to the text column. */
  #page-services #services .chronex-services-movement-photo {
    width:100% !important;
    max-width:420px !important;
    justify-self:center !important;
    margin:0 auto !important;
  }
  #page-services #services .chronex-services-movement-photo img {
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  /* Restore the supporting tools photo BELOW the service list, smaller,
     horizontally centred and free of surrounding framing. */
  #page-services #services .chronex-services-editorial-tools {
    display:flex !important;
    position:static !important;
    justify-content:center !important;
    align-items:flex-start !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    margin:44px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    display:block !important;
    flex:none !important;
    width:min(54%,195px) !important;
    max-width:195px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
  }
}



/* Version 21 — Services only. Restructure hero/list/tools per user direction. */
#page-services #services .chronex-services-editorial-hero{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  width:100% !important;
  gap:clamp(22px,2.8vw,34px) !important;
  margin:clamp(74px,8.2vw,118px) 0 clamp(34px,4.3vw,54px) !important;
  padding:0 !important;
}
#page-services #services .chronex-services-editorial-copy{
  width:100% !important;
  padding-top:0 !important;
}
#page-services #services .chronex-services-editorial-copy h1{
  margin:0 !important;
}
#page-services #services .chronex-services-movement-photo{
  display:block !important;
  position:static !important;
  width:min(100%,640px) !important;
  max-width:100% !important;
  margin:0 !important;
  justify-self:start !important;
  align-self:flex-start !important;
  padding:0 !important;
}
#page-services #services .service-list{
  width:100% !important;
  position:relative !important;
  z-index:1 !important;
  padding-top:clamp(28px,3.2vw,42px) !important;
  margin-top:0 !important;
  border-top:1px solid rgba(31,31,31,.14) !important;
}
#page-services #services .service-list > .service h3 [data-en]{
  white-space:nowrap !important;
}
#page-services #services .chronex-services-editorial-tools{
  display:flex !important;
  position:static !important;
  width:100% !important;
  justify-content:flex-end !important;
  align-items:flex-start !important;
  margin:clamp(36px,4.4vw,60px) 0 0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  height:auto !important;
}
#page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo{
  display:block !important;
  width:min(100%,255px) !important;
  max-width:255px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
@media (min-width:901px){
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text]{
    font-size:clamp(28px,3vw,42px) !important;
    letter-spacing:.11em !important;
  }
  #page-services #services .chronex-services-movement-photo{
    width:min(48%,430px) !important;
  }
}
@media (min-width:691px) and (max-width:900px){
  #page-services #services .chronex-services-movement-photo{
    width:min(62%,420px) !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo{
    width:min(36%,220px) !important;
    max-width:220px !important;
  }
}
@media (max-width:690px){
  #page-services #services{padding-top:82px !important;}
  #page-services #services .chronex-services-editorial-hero{
    gap:20px !important;
    margin:26px 0 28px !important;
  }
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text]{
    font-size:clamp(30px,8vw,44px) !important;
    letter-spacing:.08em !important;
  }
  #page-services #services .chronex-services-movement-photo{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    align-self:flex-start !important;
  }
  #page-services #services .chronex-services-movement-photo img{
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  #page-services #services .service-list{
    padding-top:26px !important;
  }
  #page-services #services .chronex-services-editorial-tools{
    justify-content:flex-end !important;
    margin:30px 0 0 !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo{
    width:min(48%,180px) !important;
    max-width:180px !important;
  }
}



/* REVIEW 22 — Services page only; preserve other routes and shared navigation. */
@media (min-width:901px) {
  /* Restore the precise Version 20 heading typography and move it only 10px lower. */
  #page-services #services .chronex-services-editorial-hero {
    margin:10px 0 clamp(32px,4vw,54px) !important;
  }
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
    font-family:"Helvetica Neue",Helvetica,"Noto Sans",Arial,sans-serif !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.25 !important;
    letter-spacing:.17em !important;
  }
}
/* Place the main movement photograph beneath the title on the page centreline. */
#page-services #services .chronex-services-editorial-hero {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:clamp(22px,2.8vw,36px) !important;
  padding:0 !important;
}
#page-services #services .chronex-services-editorial-copy {
  width:100% !important;
}
#page-services #services .chronex-services-movement-photo {
  display:block !important;
  position:static !important;
  width:min(100%,420px) !important;
  max-width:100% !important;
  flex:none !important;
  align-self:center !important;
  margin:0 auto !important;
  padding:0 !important;
}
#page-services #services .chronex-services-movement-photo img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
}
/* All Services descriptions remain left-aligned and dividers untouched. */
#page-services #services .service-list {
  border-top:1px solid rgba(31,31,31,.14) !important;
  margin-top:0 !important;
}
/* Place second tools photograph below all copy, centred on the same axis. */
#page-services #services .chronex-services-editorial-tools {
  display:flex !important;
  position:static !important;
  justify-content:center !important;
  align-items:flex-start !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  padding:0 !important;
  border:0 !important;
  margin:clamp(34px,4.5vw,56px) 0 0 !important;
}
#page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
  display:block !important;
  position:static !important;
  flex:none !important;
  width:min(100%,260px) !important;
  max-width:260px !important;
  align-self:center !important;
  margin:0 auto !important;
  padding:0 !important;
  border:0 !important;
}
@media (min-width:901px) {
  #page-services #services .service-list {
    width:100% !important;
    padding-top:clamp(27px,3vw,40px) !important;
  }
  #page-services #services .service-list > .service {
    width:100% !important;
  }
}
@media (min-width:691px) and (max-width:900px) {
  #page-services #services .chronex-services-editorial-hero {
    margin:10px 0 42px !important;
  }
  #page-services #services .service-list {
    padding-top:28px !important;
  }
}
@media (max-width:690px) {
  #page-services #services .chronex-services-editorial-hero {
    margin:26px 0 28px !important;
    gap:21px !important;
  }
  #page-services #services .chronex-services-movement-photo {
    width:100% !important;
    max-width:100% !important;
    align-self:center !important;
  }
  /* The English title wraps at its natural word boundary instead of clipping. */
  html[data-lang="en"] #page-services #services .service-list > .service:nth-of-type(3) > h3,
  html[data-lang="en"] #page-services #services .service-list > .service:nth-of-type(3) > h3 span[data-en] {
    white-space:normal !important;
    overflow-wrap:normal !important;
    word-break:normal !important;
    max-width:100% !important;
  }
  #page-services #services .service-list {
    padding-top:26px !important;
  }
  /* Larger supporting photo, centred with the photograph above. */
  #page-services #services .chronex-services-editorial-tools {
    margin:34px 0 0 !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    width:72% !important;
    max-width:265px !important;
    margin:0 auto !important;
  }
}



/* Services only, based on Version 22. Preserve every other section verbatim. */
/* Match the supporting photograph's horizontal extent and centreline
   to the main watch-movement photograph, with the original image uncut. */
#page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
  width:min(100%,420px) !important;
  max-width:420px !important;
  min-width:0 !important;
  margin:0 auto !important;
  justify-self:center !important;
  align-self:center !important;
}
#page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
  max-width:100% !important;
  max-height:none !important;
}
@media (max-width:690px) {
  /* Restore restrained mobile heading scale from earlier Services versions. */
  #page-services #services .chronex-services-editorial-copy h1,
  #page-services #services .chronex-services-editorial-copy h1 [data-lang-text] {
    font-family:Inter,"Noto Sans",sans-serif !important;
    font-size:16px !important;
    line-height:1.2 !important;
    font-weight:600 !important;
    letter-spacing:.06em !important;
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    width:100% !important;
    max-width:420px !important;
  }
}



/* WARRANTY ONLY: align the reliability eyebrow's top edge to the locked Services heading.
   Do not alter Services, About, the homepage, or other sections. */
@media (min-width:901px){
  #page-warranty #warranty.warranty{padding-top:20px !important;}
}
@media (min-width:691px) and (max-width:900px){
  #page-warranty #warranty.warranty{padding-top:58px !important;}
}
@media (max-width:690px){
  #page-warranty #warranty.warranty{padding-top:108px !important;}
}



/* Warranty only. Keep the approved top heading alignment unchanged.
   Give the warranty statement a readable single-column editorial rhythm. */
@media (min-width:901px) {
  #page-warranty #warranty .warranty-inner > h2 {
    margin-bottom:clamp(56px,4.4vw,66px) !important;
  }
  #page-warranty #warranty .warranty-inner > p {
    display:block !important;
    width:min(100%,700px) !important;
    max-width:700px !important;
    margin:0 auto 0 0 !important;
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
    line-height:1.9 !important;
    word-spacing:normal !important;
  }
  html[data-lang] #page-warranty #warranty .warranty-inner > p > span[data-lang-text] {
    text-align:left !important;
    text-align-last:left !important;
    text-justify:auto !important;
    word-spacing:normal !important;
  }
}



/* V26: Warranty ONLY, using the approved Services heading baseline (V24);
   preserve existing bilingual wording and all locked sections. */
#page-warranty #warranty .warranty-inner {
  display:grid !important;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr) !important;
  grid-template-rows:auto auto !important;
  grid-template-areas:"eyebrow eyebrow" "copy image" !important;
  column-gap:clamp(40px,4.0vw,68px) !important;
  row-gap:0 !important;
  align-items:start !important;
  box-sizing:border-box !important;
  width:min(1100px,100%) !important;
  max-width:1100px !important;
  margin:0 auto !important;
  text-align:left !important;
}
#page-warranty #warranty .warranty-inner > .small {
  grid-area:eyebrow !important;
  width:100% !important;
  margin:0 0 76px !important;
  text-align:left !important;
}
#page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy {
  grid-area:copy !important;
  display:block !important;
  min-width:0 !important;
  width:100% !important;
  text-align:left !important;
}
#page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > h2 {
  /* Title stays within the text column. */
  align-self:start !important;
  max-width:100% !important;
  width:100% !important;
  margin:0 0 31px !important;
  padding:0 !important;
  font-size:clamp(29px,2.95vw,43px) !important;
  line-height:1.21 !important;
  text-align:left !important;
  letter-spacing:.065em !important;
}
#page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > h2::after {
  display:block;
  content:"";
  height:1px;
  width:100%;
  margin-top:28px;
  background:rgba(46,51,54,.20);
}
#page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > p,
html[data-lang] #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > p,
html[data-lang] #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > p > span[data-lang-text] {
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  word-break:normal !important;
  word-spacing:normal !important;
  letter-spacing:0 !important;
}
#page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > p {
  /* Paragraph stays in natural flow immediately below the rule. */
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  font-size:clamp(17px,1.35vw,19px) !important;
  line-height:1.88 !important;
  font-weight:400 !important;
}
#page-warranty #warranty .chronex-warranty-editorial-figure {
  grid-area:image !important;
  display:block !important;
  position:static !important;
  width:min(100%,445px) !important;
  max-width:100% !important;
  aspect-ratio:1 !important;
  align-self:start !important;
  justify-self:center !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
#page-warranty #warranty .chronex-warranty-editorial-figure > img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  object-fit:cover !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
}
#page-warranty #warranty .chronex-warranty-bottom-nav {
  margin-top:clamp(82px,8vw,125px) !important;
}
@media (min-width:691px) and (max-width:900px) {
  #page-warranty #warranty .warranty-inner {
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
    column-gap:clamp(24px,3vw,40px) !important;
  }
  #page-warranty #warranty .warranty-inner > .small {margin-bottom:50px !important;}
  #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > h2 {font-size:clamp(26px,3.7vw,33px) !important;}
  #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > p {font-size:16.5px !important;line-height:1.72 !important;}
  #page-warranty #warranty .chronex-warranty-bottom-nav {margin-top:80px !important;}
}
@media (max-width:690px) {
  #page-warranty #warranty .warranty-inner {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    max-width:100% !important;
    gap:0 !important;
  }
  #page-warranty #warranty .warranty-inner > .small {
    margin:0 0 40px !important;
  }
  #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > h2 {
    width:100% !important;
    font-size:clamp(25px,7vw,34px) !important;
    line-height:1.18 !important;
    letter-spacing:.06em !important;
    margin:0 0 26px !important;
  }
  #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > h2::after {
    margin-top:25px !important;
    width:100% !important;
  }
  #page-warranty #warranty .warranty-inner > .chronex-warranty-editorial-copy > p {
    font-size:clamp(17px,4.6vw,19px) !important;
    line-height:1.76 !important;
    max-width:100% !important;
    text-align:left !important;
    letter-spacing:0 !important;
  }
  #page-warranty #warranty .chronex-warranty-editorial-figure {
    /* Match the full text-column width of the locked Services mobile photographs. */
    width:100% !important;
    max-width:100% !important;
    align-self:center !important;
    margin:37px auto 0 !important;
  }
  #page-warranty #warranty .chronex-warranty-bottom-nav {
    margin-top:68px !important;
  }
}



/* Contact only: no call action until a verified phone number is supplied. */
@media (min-width:901px){
  #page-contact .contact-grid > .chronex-contact-phone {
    padding-left:34px !important;
  }
}
html[data-lang] #page-contact .contact-grid > div.chronex-contact-phone > span[data-lang-text] {
  font-family:Inter,Arial,sans-serif !important;
  font-size:clamp(19px,1.4vw,20px) !important;
  font-weight:400 !important;
  font-style:normal !important;
  line-height:1.56 !important;
  letter-spacing:normal !important;
  text-transform:uppercase !important;
}



/* Contact only. Preserve the live Google embed's exact streets, labels, marker,
   controls, address query and zoom; tone its displayed colors to Chronex grey. */
#page-contact .map-frame iframe {
  -webkit-filter: grayscale(1) saturate(0) contrast(.96) brightness(1.035) !important;
  filter: grayscale(1) saturate(0) contrast(.96) brightness(1.035) !important;
}



/* CONTACT ONLY: agreed two-column editorial presentation. Locked routes untouched. */
#page-contact #contact {
  background:#fff !important;
  min-height:calc(100vh - 70px) !important;
  align-items:flex-start !important;
  justify-content:center !important;
  padding-top:clamp(68px,7vw,96px) !important;
  padding-bottom:clamp(32px,4.5vw,62px) !important;
}
#page-contact #contact .contact-inner {width:min(1120px,100%) !important;}
#page-contact .chronex-contact-review30-layout {
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) !important;
  align-items:start !important;
  column-gap:clamp(42px,6.1vw,88px) !important;
  width:100% !important;
}
#page-contact .chronex-contact-review30-copy {min-width:0 !important;}
#page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading,
#page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading [data-lang-text] {
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:44px !important;
  font-weight:300 !important;
  font-style:normal !important;
  line-height:1.22 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  text-align:left !important;
  color:#202326 !important;
  margin:0 !important;
}
#page-contact .chronex-contact-review30-copy > .contact-kicker {
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  align-items:flex-start !important;
  margin:17px 0 48px !important;
  padding:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-weight:400 !important;
  font-size:10.5px !important;
  letter-spacing:.16em !important;
  line-height:1.6 !important;
  color:#777675 !important;
  text-align:left !important;
}
#page-contact .chronex-contact-review30-copy > .contact-kicker::before {
  content:"" !important;
  display:block !important;
  width:36px !important;
  height:1px !important;
  background:#a6a6a6 !important;
  margin:0 0 14px !important;
}
#page-contact .chronex-contact-review30-copy .contact-grid {
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  border:0 !important;
  padding:0 !important;
  margin:0 !important;
  width:100% !important;
}
#page-contact .contact-grid > .chronex-contact-v30-item,
#page-contact .contact-grid > a.chronex-contact-v30-item,
#page-contact .contact-grid > div.chronex-contact-v30-item {
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) !important;
  align-items:start !important;
  gap:22px !important;
  min-height:0 !important;
  width:100% !important;
  padding:17px 0 24px !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:1px solid rgba(40,44,45,.14) !important;
  background:none !important;
  text-decoration:none !important;
  color:#383b3d !important;
}
#page-contact .contact-grid > .chronex-contact-v30-item:last-child {border-bottom:0 !important;}
#page-contact .contact-grid > .chronex-contact-v30-email {padding-top:0 !important;}
#page-contact .contact-grid > .chronex-contact-v30-item > span.chronex-contact-v30-icon {
  display:block !important;
  width:24px !important;
  height:24px !important;
  padding:1px !important;
  margin:0 !important;
  color:#303335 !important;
}
#page-contact .chronex-contact-v30-icon svg {display:block;width:100%;height:100%;}
/* Inner bilingual address spans inherit an older global 9px micro-label style;
   reset them to proper contact copy, keeping the approved wording. */
#page-contact .contact-grid .chronex-contact-v30-address-text > [data-lang-text] {
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:1.96 !important;
  letter-spacing:.035em !important;
  text-transform:uppercase !important;
  color:#343638 !important;
}

#page-contact .contact-grid > .chronex-contact-v30-item > .chronex-contact-v30-value {
  display:block !important;
  width:auto !important;
  min-width:0 !important;
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.9 !important;
  letter-spacing:.015em !important;
  text-transform:none !important;
  color:#343638 !important;
  overflow-wrap:normal !important;
}
#page-contact .contact-grid > .chronex-contact-v30-address > .chronex-contact-v30-address-text {
  font-size:14px !important;
  line-height:1.96 !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
}
#page-contact .chronex-contact-review30-layout > .chronex-contact-v30-map-col {
  display:block !important;
  align-self:start !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:clamp(72px,7.7vw,110px) 0 0 !important;
  border:0 !important;
  background:none !important;
  overflow:visible !important;
}
#page-contact .chronex-contact-v30-map-col > .chronex-google-map {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:visible !important;
}
#page-contact .chronex-contact-v30-map-col .map-frame {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:1.24 !important;
  min-height:0 !important;
  max-height:370px !important;
  border:1px solid rgba(40,44,45,.13) !important;
  background:#f7f7f6 !important;
  box-shadow:none !important;
  overflow:hidden !important;
}
#page-contact .chronex-contact-v30-map-col iframe {
  width:100% !important;
  height:100% !important;
  display:block !important;
  border:0 !important;
  filter:grayscale(1) saturate(0) contrast(.91) brightness(1.07) !important;
}
#page-contact .contact-inner > .contact-signature {
  margin-top:clamp(90px,9vw,140px) !important;
  font-size:11px !important;
}
@media (max-width:900px) {
  #page-contact #contact {padding-top:66px !important;min-height:auto !important;}
  #page-contact .chronex-contact-review30-layout {grid-template-columns:1fr !important;row-gap:0 !important;}
  #page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading,
  #page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading [data-lang-text] {
    font-size:28px !important;
    font-weight:400 !important;
    letter-spacing:.08em !important;
    line-height:1.24 !important;
  }
  #page-contact .chronex-contact-review30-copy > .contact-kicker {margin:19px 0 32px !important;}
  #page-contact .contact-grid > .chronex-contact-v30-item,
  #page-contact .contact-grid > a.chronex-contact-v30-item,
  #page-contact .contact-grid > div.chronex-contact-v30-item {
    grid-template-columns:22px minmax(0,1fr) !important;
    gap:18px !important;
    padding:19px 0 22px !important;
  }
  #page-contact .contact-grid > .chronex-contact-v30-item > .chronex-contact-v30-value {
    font-size:15px !important;
  }
  #page-contact .contact-grid > .chronex-contact-v30-address > .chronex-contact-v30-address-text {
    font-size:14px !important;
    line-height:1.95 !important;
  }
  #page-contact .chronex-contact-review30-layout > .chronex-contact-v30-map-col {
    margin:40px 0 0 !important;
  }
  #page-contact .chronex-contact-v30-map-col .map-frame {
    height:auto !important;
    aspect-ratio:1.08 !important;
    max-height:none !important;
  }
  #page-contact .contact-inner > .contact-signature {margin-top:77px !important;}
}
@media (min-width:421px) and (max-width:900px){
  #page-contact .chronex-contact-review30-layout > .chronex-contact-v30-map-col {
    width:min(100%,480px) !important;
    margin:40px auto 0 !important;
  }
  #page-contact .chronex-contact-v30-map-col .map-frame {
    aspect-ratio:1.24 !important;
    max-height:390px !important;
  }
}
@media (max-width:420px){
  #page-contact .chronex-contact-v30-map-col .map-frame {height:auto !important;aspect-ratio:1.02 !important;}
}



/* Warranty and all locked areas remain unmodified. CONTACT only. */
/* Mirror the visual scale of the approved Services header. */
#page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading,
#page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading [data-lang-text] {
  font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
  font-size:20px !important;
  font-weight:500 !important;
  letter-spacing:.17em !important;
  line-height:1.25 !important;
}
/* Full text-column rule, as subtle as the Services separators. */
#page-contact .chronex-contact-review30-copy > .contact-kicker::before {
  width:100% !important;
  height:1px !important;
  background:rgba(40,44,45,.15) !important;
  margin:0 0 17px !important;
}
#page-contact .chronex-contact-review30-copy > .contact-kicker {
  width:100% !important;
  margin-top:25px !important;
  margin-bottom:56px !important;
}
@media (min-width:901px){
  #page-contact #contact {padding-top:clamp(82px,8vw,112px) !important;}
}
@media (min-width:691px) and (max-width:900px){
  #page-contact #contact {padding-top:clamp(80px,12vw,118px) !important;}
  #page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading,
  #page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading [data-lang-text] {
    font-size:19px !important;
    font-weight:600 !important;
  }
}
@media (max-width:690px){
  /* Services title begins at y=168 on 390px phones; Contact is deliberately 6px below. */
  #page-contact #contact {padding-top:110px !important;}
  #page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading,
  #page-contact .chronex-contact-review30-copy > h2.chronex-contact-heading [data-lang-text] {
    font-size:16px !important;
    font-weight:600 !important;
    letter-spacing:.06em !important;
    line-height:1.2 !important;
  }
  #page-contact .chronex-contact-review30-copy > .contact-kicker {
    margin:24px 0 37px !important;
  }
}



/* Contact review 32: fewer separator rules and one common left text edge.
   Other pages and all locked section rules untouched. */
#page-contact .chronex-contact-review30-copy .contact-grid {
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  row-gap:clamp(26px,2.65vw,38px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
#page-contact .contact-grid > .chronex-contact-v30-item,
#page-contact .contact-grid > a.chronex-contact-v30-item,
#page-contact .contact-grid > div.chronex-contact-v30-item {
  display:block !important;
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-bottom:0 !important;
  text-align:left !important;
  text-decoration:none !important;
}
#page-contact .contact-grid > .chronex-contact-v30-item > .chronex-contact-v30-value {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  width:100% !important;
  line-height:1.65 !important;
}
#page-contact .contact-grid .chronex-contact-v30-address-text > [data-lang-text] {
  line-height:1.88 !important;
}
@media(max-width:900px){
  #page-contact .chronex-contact-review30-copy .contact-grid {
    row-gap:29px !important;
  }
}



/* V33: DESKTOP ONLY. Contact 3-column information, then understated shallow full-width map.
   Locked routes and existing phone/tablet compositions are unchanged. */
#page-contact .chronex-contact-v33-label{display:none !important;}
@media (min-width:901px) {
  #page-contact #contact .contact-inner {
    width:min(1120px,100%) !important;
  }
  #page-contact .chronex-contact-review30-layout {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
    gap:0 !important;
  }
  #page-contact .chronex-contact-review30-copy {width:100% !important;}
  #page-contact .chronex-contact-review30-copy > .contact-kicker {
    width:100% !important;
    margin-top:25px !important;
    margin-bottom:clamp(52px,5.3vw,74px) !important;
  }
  #page-contact .chronex-contact-review30-copy > .contact-kicker::before {
    width:100% !important;
    background:rgba(43,48,50,.14) !important;
  }
  #page-contact .chronex-contact-review30-copy .contact-grid {
    display:grid !important;
    grid-template-columns:minmax(0,1.06fr) minmax(0,.78fr) minmax(0,1.36fr) !important;
    column-gap:clamp(38px,5vw,70px) !important;
    align-items:start !important;
    width:100% !important;
    row-gap:0 !important;
  }
  #page-contact .contact-grid > .chronex-contact-v30-item {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    min-width:0 !important;
    width:100% !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    text-align:left !important;
    border:0 !important;
  }
  #page-contact .contact-grid .chronex-contact-v33-label {
    display:block !important;
    margin:0 0 20px !important;
    padding:0 !important;
    font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
    font-size:12px !important;
    font-weight:400 !important;
    letter-spacing:.16em !important;
    line-height:1.35 !important;
    color:#898784 !important;
    text-transform:uppercase !important;
    white-space:nowrap !important;
  }
  #page-contact .chronex-contact-v33-label-el,
  html[data-lang="el"] #page-contact .chronex-contact-v33-label-en {display:none !important;}
  html[data-lang="el"] #page-contact .chronex-contact-v33-label-el,
  html[data-lang="en"] #page-contact .chronex-contact-v33-label-en {display:inline !important;}
  #page-contact .contact-grid > .chronex-contact-v30-item > .chronex-contact-v30-value {
    width:100% !important;
    font-size:16px !important;
    line-height:1.75 !important;
    letter-spacing:.008em !important;
    font-weight:400 !important;
  }
  #page-contact .contact-grid .chronex-contact-v30-address-text > [data-lang-text] {
    font-family:Inter,"Helvetica Neue",Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:400 !important;
    line-height:1.85 !important;
    letter-spacing:.025em !important;
    text-transform:uppercase !important;
    word-spacing:normal !important;
  }
  #page-contact .chronex-contact-review30-layout > .chronex-contact-v30-map-col {
    display:block !important;
    align-self:stretch !important;
    width:100% !important;
    max-width:none !important;
    margin:clamp(46px,5.2vw,72px) 0 0 !important;
    padding:0 !important;
  }
  #page-contact .chronex-contact-v30-map-col > .chronex-google-map {
    width:100% !important;
    margin:0 !important;
  }
  #page-contact .chronex-contact-v30-map-col .map-frame {
    display:block !important;
    width:100% !important;
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
    aspect-ratio:auto !important;
    border:1px solid rgba(40,44,45,.11) !important;
    overflow:hidden !important;
    background:#f9f9f8 !important;
  }
  #page-contact .chronex-contact-v30-map-col iframe {
    width:100% !important;
    height:100% !important;
    filter:grayscale(1) saturate(0) contrast(.89) brightness(1.095) !important;
  }
  #page-contact .contact-inner > .contact-signature {
    margin-top:clamp(70px,7vw,110px) !important;
  }
}



/* Contact version 34: review adjustments; locked pages stay byte-for-byte unchanged. */
#page-contact .chronex-contact-v34-locator {width:100%;overflow:hidden;background:#f7f7f6;}
#page-contact .chronex-contact-v34-map-content {position:relative;width:100%;height:100%;overflow:hidden;background:#f5f5f4;}
#page-contact .chronex-contact-v34-map-content > img.chronex-v34-map-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:none;}
html[data-lang="en"] #page-contact .chronex-v34-map-en {display:block !important;}
html[data-lang="el"] #page-contact .chronex-v34-map-el {display:block !important;}
#page-contact .chronex-v34-map-pin {position:absolute;top:54%;left:54%;width:34px;height:46px;transform:translate(-50%,-88%);pointer-events:none;filter:drop-shadow(0 1px 2px rgba(30,30,30,.08));}
#page-contact .chronex-v34-map-pin > svg {display:block;width:100%;height:100%;}
#page-contact .chronex-v34-map-open {position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;padding:9px 10px;background:rgba(255,255,255,.93);color:#53595b;text-decoration:none;border:1px solid rgba(45,45,45,.13);font-family:Inter,Arial,sans-serif;font-size:10px;line-height:1.2;letter-spacing:.12em;z-index:2;}
#page-contact .chronex-v34-map-open:hover {color:#202326;border-color:rgba(40,44,45,.35);background:white;}
#page-contact .chronex-v34-map-open-label {display:none;white-space:nowrap;}
html[data-lang="en"] #page-contact .chronex-v34-map-open-en {display:inline;}
html[data-lang="el"] #page-contact .chronex-v34-map-open-el {display:inline;}
@media(min-width:901px){
  #page-contact .chronex-contact-review30-copy .contact-grid {
    grid-template-columns:minmax(0,1.03fr) minmax(0,.84fr) minmax(0,1.13fr) !important;
    column-gap:0 !important;
    align-items:stretch !important;
    border:0 !important;
  }
  #page-contact .contact-grid > .chronex-contact-v30-item,
  #page-contact .contact-grid > a.chronex-contact-v30-item,
  #page-contact .contact-grid > div.chronex-contact-v30-item {
    min-width:0 !important;
    padding:0 24px 0 30px !important;
    border-left:1px solid rgba(43,48,50,.15) !important;
    align-self:stretch !important;
  }
  #page-contact .contact-grid > .chronex-contact-v30-item:first-child {
    padding-left:0 !important;
    border-left:0 !important;
  }
  #page-contact .contact-grid > .chronex-contact-v30-item:last-child {padding-right:0 !important;}
  #page-contact .contact-grid > .chronex-contact-v30-item > .chronex-contact-v30-value {
    font-size:16px !important;
    line-height:1.77 !important;
    white-space:normal !important;
  }
  #page-contact .contact-grid .chronex-contact-v30-address-text > [data-lang-text] {
    font-size:14.5px !important;
    line-height:1.9 !important;
    letter-spacing:.018em !important;
  }
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-locator,
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-map-content {
    height:338px !important;
  }
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-locator {
    border:1px solid rgba(40,44,45,.10) !important;
  }
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-map-content > img {
    object-position:center 53% !important;
  }
  #page-contact .chronex-v34-map-pin{top:58% !important;}
}
@media(min-width:691px) and (max-width:900px){
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-locator,
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-map-content{height:360px !important;}
}
@media(max-width:690px){
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-locator,
  #page-contact .chronex-contact-v30-map-col .chronex-contact-v34-map-content{height:auto !important;aspect-ratio:1.02 !important;}
  #page-contact .chronex-contact-v34-map-content > img.chronex-v34-map-image {object-position:center center;}
  #page-contact .chronex-v34-map-pin {top:53% !important;}
  #page-contact .chronex-v34-map-open {top:10px;right:10px;padding:7px 8px;gap:5px;font-size:9px;}
}



/* Contact-only map controls. Works without external JavaScript or an Internet connection. */
#page-contact .chronex-v36-map{isolation:isolate;touch-action:pan-y;}
#page-contact .chronex-v36-map-world{
  position:absolute;inset:-3%;z-index:1;width:106%;height:106%;
  transform-origin:50% 50%;transform:translate3d(0px,0px,0px) scale(1);
  will-change:transform;cursor:grab;touch-action:none;user-select:none;
}
#page-contact .chronex-v36-map-world:active{cursor:grabbing;}
#page-contact .chronex-v36-map-world > img.chronex-v34-map-image {
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center 53%;display:none;pointer-events:none;user-select:none;
  -webkit-user-drag:none;
}
html[data-lang="en"] #page-contact .chronex-v36-map-world > img.chronex-v34-map-en{display:block!important;}
html[data-lang="el"] #page-contact .chronex-v36-map-world > img.chronex-v34-map-el{display:block!important;}
#page-contact .chronex-v36-map-world > .chronex-v34-map-pin{
  position:absolute;left:54%;top:56%;width:31px;height:43px;
  background:transparent;border:0;padding:0;z-index:3;cursor:pointer;
  pointer-events:auto;transform:translate(-50%,-88%);
}
#page-contact .chronex-v36-map-world > .chronex-v34-map-pin svg {width:100%;height:100%;display:block;}
#page-contact .chronex-v36-map-world > .chronex-v34-map-pin:focus-visible {outline:2px solid #54585b;outline-offset:6px;}
#page-contact .chronex-v36-map-controls{
  position:absolute;right:12px;bottom:18px;z-index:5;display:flex;flex-direction:column;
  background:rgba(255,255,255,.96);border:1px solid rgba(37,43,45,.15);
}
#page-contact .chronex-v36-map-zoom{
  border:0;display:grid;place-items:center;width:37px;height:37px;
  background:transparent;color:#454a4c;font:300 25px/1 Inter,Arial,sans-serif;
  cursor:pointer;touch-action:manipulation;
}
#page-contact .chronex-v36-map-zoom + .chronex-v36-map-zoom{border-top:1px solid rgba(37,43,45,.14);}
#page-contact .chronex-v36-map-zoom:focus-visible,#page-contact .chronex-v36-live-toggle:focus-visible {outline:2px solid #5a5d60;outline-offset:2px;}
#page-contact .chronex-v36-live-toggle{
  position:absolute;left:12px;top:12px;z-index:6;border:1px solid rgba(37,43,45,.15);
  padding:9px 11px;background:rgba(255,255,255,.95);color:#484d4f;
  font:500 10px/1.3 Inter,Arial,sans-serif;letter-spacing:.09em;cursor:pointer;
  touch-action:manipulation;
}
#page-contact .chronex-v36-map .chronex-v36-show-illustration{display:none;}
#page-contact .chronex-v36-map[data-chronex-map-mode="live"] .chronex-v36-show-live{display:none;}
#page-contact .chronex-v36-map[data-chronex-map-mode="live"] .chronex-v36-show-illustration{display:inline;}
#page-contact .chronex-v36-map-hint {
  position:absolute;bottom:15px;left:12px;z-index:4;color:#686c70;
  font:450 9px/1.5 Inter,Arial,sans-serif;letter-spacing:.11em;
  background:rgba(250,250,249,.78);padding:3px 5px;pointer-events:none;
}
#page-contact .chronex-v36-pin-card{
  position:absolute;top:60px;left:12px;z-index:6;border:1px solid rgba(40,44,45,.12);
  background:rgba(255,255,255,.96);padding:10px 12px;max-width:calc(100% - 85px);
  font:450 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.07em;color:#4b4e51;
}
#page-contact .chronex-v36-pin-card[hidden]{display:none!important;}
#page-contact .chronex-v36-live-frame{
  position:absolute;inset:0;z-index:2;background:#f7f7f6;
}
#page-contact .chronex-v36-live-frame[hidden]{display:none!important;}
#page-contact .chronex-v36-live-frame iframe{
  width:100%;height:100%;display:block;border:0;filter:grayscale(1) saturate(0) contrast(.88) brightness(1.06);
}
#page-contact .chronex-v36-map[data-chronex-map-mode="live"] .chronex-v36-map-controls,
#page-contact .chronex-v36-map[data-chronex-map-mode="live"] .chronex-v36-map-hint{display:none;}
#page-contact .chronex-v36-map[data-chronex-map-mode="live"] .chronex-v36-live-toggle {background:#484d4f;color:white;}
#page-contact .chronex-v36-map .chronex-v34-map-open {z-index:7!important;}
@media(max-width:690px){
  #page-contact .chronex-v36-map-controls{right:9px;bottom:12px;}
  #page-contact .chronex-v36-map-zoom{width:34px;height:34px;}
  #page-contact .chronex-v36-live-toggle{left:9px;top:9px;font-size:9px;padding:8px;}
  #page-contact .chronex-v36-map-hint{bottom:11px;left:9px;font-size:8px;}
}



/* Contact only: render the bilingual appointment caption ABOVE the existing full-width rule.
   All dimensions, colours, wording, map and other pages are preserved. */
#page-contact .chronex-contact-review30-copy > .contact-kicker::before {
  order:1 !important;
  margin:17px 0 0 !important;
}



/* V38 Contact only: shift appointment caption closer to CONTACT, retaining existing divider position. */
@media (min-width: 901px) {
  #page-contact .chronex-contact-review30-copy > .contact-kicker { margin-top:10px !important; }
  #page-contact .chronex-contact-review30-copy > .contact-kicker::before { margin-top:32px !important; }
}
@media (max-width: 900px) {
  #page-contact .chronex-contact-review30-copy > .contact-kicker { margin-top:10px !important; }
  #page-contact .chronex-contact-review30-copy > .contact-kicker::before { margin-top:31px !important; }
}



/* Contact V39 only: bring the fine divider 12px nearer the appointment caption.
   Balance the space below the line to preserve the contact details' position. */
#page-contact .chronex-contact-review30-copy > .contact-kicker {
  padding-bottom:12px !important;
}
@media (min-width:901px) {
  #page-contact .chronex-contact-review30-copy > .contact-kicker::before {
    margin-top:20px !important;
  }
}
@media (max-width:900px) {
  #page-contact .chronex-contact-review30-copy > .contact-kicker::before {
    margin-top:19px !important;
  }
}



/* V40 FAQ only. All approved Chronex pages intentionally unmodified. */
#page-faq .chronex-faq-tabs {
  border-color:rgba(40,34,28,.13) !important;
}
#page-faq .chronex-faq-tabs .chronex-faq-tab,
#page-faq .chronex-faq-tabs .chronex-faq-tab [data-lang-text] {
  font-family:Inter,"Noto Sans",Arial,sans-serif !important;
  background:transparent !important;
  color:#7a6d5f !important;
  box-shadow:none !important;
  font-weight:500 !important;
  -webkit-text-stroke:0 !important;
}
#page-faq .chronex-faq-tabs .chronex-faq-tab.active,
#page-faq .chronex-faq-tabs .chronex-faq-tab[aria-selected="true"],
#page-faq .chronex-faq-tabs .chronex-faq-tab.active [data-lang-text],
#page-faq .chronex-faq-tabs .chronex-faq-tab[aria-selected="true"] [data-lang-text] {
  color:#1f1d19 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-weight:500 !important;
}
#page-faq .chronex-faq-tabs .chronex-faq-tab::after {display:none !important;}
/* English and Greek answer paragraphs: natural word spacing without justification. */
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer,
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer p,
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer p [data-lang-text],
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer li,
html[data-lang] #page-faq .chronex-faq-panel .chronex-real-answer li [data-lang-text] {
  text-align:left !important;
  text-align-last:left !important;
  text-justify:auto !important;
  word-spacing:normal !important;
  letter-spacing:normal !important;
  hyphens:none !important;
  -webkit-hyphens:none !important;
  overflow-wrap:break-word !important;
}
#page-faq .chronex-faq-panel details.chronex-real-item > .chronex-real-answer {
  border-left:1px solid rgba(105,98,90,.42) !important;
  padding-bottom:0 !important;
  margin-bottom:clamp(22px,2.4vw,31px) !important;
  padding-right:clamp(6px,2vw,24px) !important;
}
#page-faq .chronex-faq-panel details.chronex-real-item > .chronex-real-answer > :last-child {
  margin-bottom:0 !important;
}
#page-faq .chronex-faq-panel details.chronex-real-item > .chronex-real-answer p+p {
  margin-top:17px !important;
}
#page-faq .chronex-faq-panel .chronex-real-answer .chronex-faq-paragraph-break {
  display:block;
  content:"";
  height:13px;
}
/* The warranty exclusions are an editorial continuation of the existing FAQ answer. */
#page-faq .chronex-faq-warranty-conditions {margin:23px 0 18px;max-width:770px;}
#page-faq .chronex-faq-warranty-conditions p.chronex-faq-warranty-intro {margin:0 0 14px !important;}
#page-faq .chronex-faq-warranty-exclusions {
  margin:0 0 0 1.35em;
  padding:0;
  list-style:disc;
  color:#505558;
}
#page-faq .chronex-faq-warranty-exclusions li {
  font-family:Inter,"Noto Sans",sans-serif;
  font-size:clamp(17px,1.45vw,20px);
  font-weight:400;
  line-height:1.72;
  margin:0 0 9px;
  padding-left:3px;
}
#page-faq .chronex-faq-warranty-exclusions li::marker {color:rgba(80,85,88,.55);font-size:.77em;}
#page-faq .chronex-faq-statutory-rights {margin-top:13px !important;}
@media(max-width:600px){
  #page-faq .chronex-faq-warranty-conditions {margin:20px 0 16px;}
  #page-faq .chronex-faq-warranty-exclusions li {font-size:17px;line-height:1.68;margin-bottom:9px;}
  #page-faq .chronex-faq-tabs .chronex-faq-tab {letter-spacing:.06em !important;}
}



/* V41 — FAQ only: neutral interaction, no browser-blue tap highlight. */
#page-faq .chronex-faq-tab,
#page-faq details > summary {
  -webkit-tap-highlight-color: transparent !important;
  tap-highlight-color: transparent;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-touch-callout: none;
}
#page-faq .chronex-faq-tab:hover,
#page-faq .chronex-faq-tab:active,
#page-faq .chronex-faq-tab:focus,
#page-faq details > summary:hover,
#page-faq details > summary:active,
#page-faq details > summary:focus,
#page-faq details[open] > summary {
  background: transparent !important;
  box-shadow: none !important;
}
/* Maintain a restrained accessible keyboard focus indication. */
#page-faq details > summary:focus:not(:focus-visible),
#page-faq .chronex-faq-tab:focus:not(:focus-visible) {
  outline: none !important;
}
#page-faq details > summary:focus-visible,
#page-faq .chronex-faq-tab:focus-visible {
  outline: 1px solid rgba(75,73,69,.75) !important;
  outline-offset: 3px !important;
}
#page-faq ::selection {background:#dedbd6;color:#1d2227;}



/* Contact V43 only. Remove the appointment caption; keep the discreet rule and
   bring it close to CONTACT without leaving an empty caption-sized gap. */
#page-contact .chronex-contact-review30-copy > .contact-kicker.chronex-contact-v43-divider {
  display:block !important;
  width:100% !important;
  height:1px !important;
  min-height:0 !important;
  margin:20px 0 48px !important;
  padding:0 !important;
  border:0 !important;
  border-top:1px solid rgba(43,48,50,.14) !important;
  background:transparent !important;
  line-height:0 !important;
}
#page-contact .chronex-contact-review30-copy > .contact-kicker.chronex-contact-v43-divider::before,
#page-contact .chronex-contact-review30-copy > .contact-kicker.chronex-contact-v43-divider::after {
  content:none !important;
  display:none !important;
}
@media (max-width:900px) {
  #page-contact .chronex-contact-review30-copy > .contact-kicker.chronex-contact-v43-divider {
    margin:17px 0 32px !important;
  }
}



/* Version 44 — desktop-only Services editorial copy (Option 03).
   All other sections and the mobile/tablet typography retain Version 43. */
@media (min-width: 981px) {
  #page-services #services .service-list > article.service > h3 {
    margin-bottom: 21px !important;
  }
  #page-services #services .service-list > article.service > p,
  #page-services #services .service-list > article.service > p > [data-lang-text] {
    font-family: Inter, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 350 !important;
    line-height: 29.5px !important;
    letter-spacing: 0.25px !important;
    max-width: 700px !important;
  }
}



/* VERSION 45 — Services desktop composition ONLY. All text/photo assets are the approved ones.
   The portrait tools image remains completely uncropped; the movement photograph may expand
   to the full right-hand column. At 980px and below, all approved Version 44 styles apply. */
@media (min-width:981px) {
  #page-services #services {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.08fr) !important;
    grid-template-areas:
      'heading heading heading'
      'complete partial movement'
      'rule rule rule'
      'tools authenticity refinishing'
      'navigation navigation navigation' !important;
    grid-template-rows:auto auto auto auto auto !important;
    column-gap:clamp(23px,2.8vw,45px) !important;
    row-gap:0 !important;
    align-items:start !important;
    padding-top:67px !important;
    padding-bottom:28px !important;
  }
  #page-services #services .chronex-services-editorial-hero,
  #page-services #services .chronex-services-editorial-copy,
  #page-services #services .service-list,
  #page-services #services .chronex-services-editorial-tools {
    display:contents !important;
  }
  #page-services #services .chronex-services-editorial-copy h1 {
    grid-area:heading !important;
    width:100% !important;
    margin:0 0 25px !important;
    padding:0 0 22px !important;
    border-bottom:1px solid rgba(31,31,31,.15) !important;
    font-size:20px !important;
    font-weight:500 !important;
    letter-spacing:.17em !important;
    line-height:1.25 !important;
  }
  #page-services #services .service-list > article.service {
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:4px 0 0 !important;
    border:0 !important;
    background:transparent !important;
    text-align:left !important;
    position:static !important;
  }
  #page-services #services .service-list > article.service:nth-of-type(1){grid-area:complete !important;}
  #page-services #services .service-list > article.service:nth-of-type(2){grid-area:partial !important;}
  #page-services #services .service-list > article.service:nth-of-type(3){grid-area:authenticity !important;}
  #page-services #services .service-list > article.service:nth-of-type(4){grid-area:refinishing !important;}
  #page-services #services .service-list > article.service h3,
  #page-services #services .service-list > article.service h3 [data-lang-text] {
    font-family:"Helvetica Neue",Helvetica,"Noto Sans",Arial,sans-serif !important;
    font-size:clamp(18px,1.54vw,23px) !important;
    line-height:1.27 !important;
    font-weight:500 !important;
    letter-spacing:.045em !important;
    margin:0 0 16px !important;
    width:100% !important;
    max-width:100% !important;
    white-space:normal !important;
    overflow-wrap:normal !important;
  }
  html[data-lang="el"] #page-services #services .service-list > article.service:nth-of-type(4) h3,
  html[data-lang="el"] #page-services #services .service-list > article.service:nth-of-type(4) h3 [data-el] {
    white-space:normal !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }
  #page-services #services .service-list > article.service > p,
  #page-services #services .service-list > article.service > p > [data-lang-text] {
    font-family:Inter,Arial,sans-serif !important;
    font-size:17px !important;
    font-weight:350 !important;
    line-height:29.5px !important;
    letter-spacing:.25px !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    text-align:left !important;
    hyphens:none !important;
    overflow-wrap:break-word !important;
  }
  #page-services #services .service-list > article.service > details {
    width:100% !important;
    margin-top:12px !important;
    max-width:none !important;
  }
  #page-services #services .chronex-services-movement-photo {
    grid-area:movement !important;
    display:block !important;
    position:static !important;
    width:100% !important;
    max-width:none !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
    align-self:start !important;
    justify-self:stretch !important;
  }
  #page-services #services .chronex-services-movement-photo img {
    display:block !important;
    width:100% !important;
    height:auto !important;
    max-width:100% !important;
    object-fit:contain !important;
  }
  #page-services #services::before {
    content:"";
    grid-area:rule;
    display:block;
    margin:29px 0 31px;
    height:0;
    border-top:1px solid rgba(31,31,31,.15);
  }
  #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    grid-area:tools !important;
    display:block !important;
    position:static !important;
    width:min(100%,252px) !important;
    max-width:252px !important;
    height:auto !important;
    margin:0 auto !important;
    padding:0 !important;
    justify-self:center !important;
    align-self:start !important;
    overflow:visible !important;
  }
  #page-services #services .chronex-services-tools-photo img {
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:center !important;
  }
  #page-services #services .chronex-services-bottom-nav {
    grid-area:navigation !important;
    justify-self:center !important;
    margin:clamp(42px,5vw,78px) auto 0 !important;
    width:min(510px,100%) !important;
  }
}



/* V46: typography experiment (desktop and mobile, all approved sections' BODY TEXT ONLY).
   Original titles, headings, tab labels, menu labels, action labels, logos,
   images, layout and copy remain exactly as they were in V45. */
html[data-lang="en"] :is(.ag-page, #chronexTermsScroll, #chronexPrivacyScroll) :is(p,li),
html[data-lang="en"] :is(.ag-page, #chronexTermsScroll, #chronexPrivacyScroll) :is(p,li) :is(span[data-lang-text],span[data-en],span[lang="en"]),
html[data-lang="en"] #page-contact .chronex-contact-v30-value,
html[data-lang="en"] #page-contact .chronex-contact-v30-address-text {
  font-family: "Montserrat", "Inter", Arial, sans-serif !important;
  font-weight:300 !important;
  color:#000000 !important;
}
html[data-lang="el"] :is(.ag-page, #chronexTermsScroll, #chronexPrivacyScroll) :is(p,li),
html[data-lang="el"] :is(.ag-page, #chronexTermsScroll, #chronexPrivacyScroll) :is(p,li) :is(span[data-lang-text],span[data-el],span[lang="el"]),
html[data-lang="el"] #page-contact .chronex-contact-v30-value,
html[data-lang="el"] #page-contact .chronex-contact-v30-address-text {
  font-family: "Manrope", "Inter", Arial, sans-serif !important;
  font-weight:300 !important;
  color:#000000 !important;
}
/* Preserve intentional emphasis within body paragraphs. */
html[data-lang="en"] :is(.ag-page, #chronexTermsScroll, #chronexPrivacyScroll) :is(p,li) :is(strong,b),
html[data-lang="el"] :is(.ag-page, #chronexTermsScroll, #chronexPrivacyScroll) :is(p,li) :is(strong,b){font-weight:600 !important;}



/* Restore precedence against old Services/Contact !important typography overrides. */
html[data-lang="en"] body #page-services #services article.service > p,
html[data-lang="en"] body #page-services #services article.service > p [data-lang-text],
html[data-lang="en"] body #page-services #services article.service .service-more-content p,
html[data-lang="en"] body #page-services #services article.service .service-more-content p span,
html[data-lang="en"] body #page-contact #contact .chronex-contact-v30-value,
html[data-lang="en"] body #page-contact #contact .chronex-contact-v30-address-text {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
  font-weight:300 !important;
  color:#000 !important;
}
html[data-lang="el"] body #page-services #services article.service > p,
html[data-lang="el"] body #page-services #services article.service > p [data-lang-text],
html[data-lang="el"] body #page-services #services article.service .service-more-content p,
html[data-lang="el"] body #page-services #services article.service .service-more-content p span,
html[data-lang="el"] body #page-contact #contact .chronex-contact-v30-value,
html[data-lang="el"] body #page-contact #contact .chronex-contact-v30-address-text {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-weight:300 !important;
  color:#000 !important;
}



/* V47 — dark ink, matching Greek editorial family and Montserrat lower navigation.
   Preserve existing font sizes, line heights, weights, spacing, layout and imagery. */

/* Dark, neutral text on the site's light reading surfaces. Do not darken
   the image-overlay controls or the white-on-charcoal homepage footer. */
#preserving-time :is(.chronex-preserving-title,.chronex-story-intro,.chronex-story-label),
#page-atelier :is(h1,h2,h3,h4,.about-panel h3),
#page-services :is(h1,h2,h3,h4,.label,.service-num),
#page-warranty :is(h1,h2,h3,h4,.small),
#page-faq :is(h1,h2,h3,h4),
#page-contact :is(h1,h2,h3,h4,.contact-kicker,.contact-grid span) {
  color:#1a1a1a !important;
}

/* Body copy stays in the existing V46 fonts/weights; bring any inherited
   gray copy into the same dark ink system without changing its geometry. */
#preserving-time .chronex-story-copy :is(p,p [data-lang-text]),
:is(#page-atelier,#page-services,#page-warranty,#page-faq,#page-contact) :is(p,li) {
  color:#1a1a1a !important;
}

/* Greek 'Preserving Time' title and two-line introduction now match the
   Manrope family already used by the rest of the Greek editorial body. */
html[data-lang="el"] #preserving-time h2.chronex-preserving-title,
html[data-lang="el"] #preserving-time h2.chronex-preserving-title [data-el],
html[data-lang="el"] #preserving-time .chronex-story-intro,
html[data-lang="el"] #preserving-time .chronex-story-intro [data-el],
html[data-lang="el"] #preserving-time .chronex-story-intro .chronex-intro-line {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}

/* Every lower banner navigation item, including Services, Warranty, FAQ and
   Contact, uses Montserrat; Greek characters use the supporting fallback. */
#chronex-home-footer .chronex-footer-link-title,
#chronex-home-footer .chronex-footer-link-title [data-lang-text],
#chronex-home-footer .chronex-footer-link-desc,
#chronex-home-footer .chronex-footer-link-desc [data-lang-text] {
  font-family:"Montserrat","Manrope","Inter",Arial,sans-serif !important;
}



/* Greek statement: exactly the Manrope editorial type used by
   "Η Chronex είναι ένα ανεξάρτητο εργαστήριο ωρολογοποιίας" below.
   Preserve its centered presentation and allow natural sentence wrapping. */
html[data-lang="el"] #preserving-time p.chronex-story-intro {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-size:18px !important;
  font-weight:300 !important;
  font-style:normal !important;
  line-height:1.6 !important;
  letter-spacing:0 !important;
  word-spacing:normal !important;
  color:#1a1a1a !important;
  text-align:center !important;
  text-align-last:auto !important;
  max-width:780px !important;
  width:100% !important;
  white-space:normal !important;
  text-wrap:wrap !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:manual !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
html[data-lang="el"] #preserving-time p.chronex-story-intro > [data-el],
html[data-lang="el"] #preserving-time p.chronex-story-intro .chronex-intro-line {
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  font-style:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  word-spacing:inherit !important;
  color:inherit !important;
  text-align:inherit !important;
  white-space:normal !important;
  text-wrap:wrap !important;
  overflow-wrap:break-word !important;
  word-break:normal !important;
  hyphens:manual !important;
}
html[data-lang="el"] #preserving-time p.chronex-story-intro .chronex-intro-line {
  display:block !important;
}
@media (max-width:900px) {
  html[data-lang="el"] #preserving-time p.chronex-story-intro {
    font-size:19px !important;
    line-height:1.58 !important;
    max-width:100% !important;
  }
}



/* Swiss Precision label only: family changes by language.
   Keep paragraph typography, font weight, size, color, spacing, and layout intact. */
html[data-lang="en"] #preserving-time .chronex-copy-swiss .chronex-story-label,
html[data-lang="en"] #preserving-time .chronex-copy-swiss .chronex-story-label [data-en] {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}
html[data-lang="el"] #preserving-time .chronex-copy-swiss .chronex-story-label,
html[data-lang="el"] #preserving-time .chronex-copy-swiss .chronex-story-label [data-el] {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}



/* English home editorial headings share one Montserrat Bold treatment.
   Greek headings, all body paragraphs, colors, and geometry remain untouched. */
html[data-lang="en"] #preserving-time :is(.chronex-copy-swiss,.chronex-copy-genuine,.chronex-copy-philosophy,.chronex-copy-approach) .chronex-story-label,
html[data-lang="en"] #preserving-time :is(.chronex-copy-swiss,.chronex-copy-genuine,.chronex-copy-philosophy,.chronex-copy-approach) .chronex-story-label [data-en] {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
  font-weight:700 !important;
}



/* Greek counterparts to the four English editorial headings.
   Standardize family to Manrope, with a restrained semibold weight.
   Do not change paragraph typography or heading geometry/colors. */
html[data-lang="el"] #preserving-time :is(.chronex-copy-swiss,.chronex-copy-genuine,.chronex-copy-philosophy,.chronex-copy-approach) .chronex-story-label,
html[data-lang="el"] #preserving-time :is(.chronex-copy-swiss,.chronex-copy-genuine,.chronex-copy-philosophy,.chronex-copy-approach) .chronex-story-label [data-el] {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  font-weight:600 !important;
}



/* English PRESERVING TIME title: font family only. Preserve the rest of V53. */
html[data-lang="en"] #preserving-time h2.chronex-preserving-title,
html[data-lang="en"] #preserving-time h2.chronex-preserving-title [data-en] {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}



/* V55: homepage (#page-home and its footer) is LOCKED: no selectors target it.
   All typography outside the homepage follows its approved language pairing.
   Font families only for general text; heading weights match the editorial system.
   All sizes, spacing, tracking, colors, backgrounds and layout are inherited from V54. */

/* Fonts for all interior-page text: strong specificity handles legacy !important fonts. */
html[data-lang="en"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact),
html[data-lang="en"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) * {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}
html[data-lang="el"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact),
html[data-lang="el"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) * {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}

/* Adopt the approved homepage headline hierarchy: English bold, Greek semibold. */
html[data-lang="en"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) :is(h1,h2,h3,h4),
html[data-lang="en"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) :is(h1,h2,h3,h4) * {
  font-weight:700 !important;
}
html[data-lang="el"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) :is(h1,h2,h3,h4),
html[data-lang="el"] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) :is(h1,h2,h3,h4) * {
  font-weight:600 !important;
}

/* FAQ accordions function as subheadings, rather than the main headlines. */
html[data-lang="en"] body #page-faq#page-faq#page-faq summary,
html[data-lang="en"] body #page-faq#page-faq#page-faq summary * {
  font-weight:600 !important;
}
html[data-lang="el"] body #page-faq#page-faq#page-faq summary,
html[data-lang="el"] body #page-faq#page-faq#page-faq summary * {
  font-weight:600 !important;
}

/* Apply the same language pairing to shared navigation *only off the home screen*.
   The home menu, homepage imagery, captions and bottom banner remain untouched. */
html[data-lang="en"] body:not(.ag-home) :is(.ag-chrome,.ag-menu),
html[data-lang="en"] body:not(.ag-home) :is(.ag-chrome,.ag-menu) * {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}
html[data-lang="el"] body:not(.ag-home) :is(.ag-chrome,.ag-menu),
html[data-lang="el"] body:not(.ag-home) :is(.ag-chrome,.ag-menu) * {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}

/* Legal overlays are separate from page roots; their content follows site fonts too. */
html[data-lang="en"] body :is(#chronexTermsDialog,#chronexPrivacyDialog),
html[data-lang="en"] body :is(#chronexTermsDialog,#chronexPrivacyDialog) * {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}
html[data-lang="el"] body :is(#chronexTermsDialog,#chronexPrivacyDialog),
html[data-lang="el"] body :is(#chronexTermsDialog,#chronexPrivacyDialog) * {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}

/* The close/cross and arrow glyphs retain a dependable symbol fallback. */
html[data-lang] body:not(.ag-home) .ag-menu .ag-close-icon,
html[data-lang] body :is(#chronexTermsDialog,#chronexPrivacyDialog) .chronex-terms-close {
  font-family:Arial,sans-serif !important;
}



/* Full-screen menu type only: extend approved language fonts to the menu
   opened from HOME as well as from internal pages.
   Preserve the existing 300-weight, sizes, tracking, colors, alignment,
   positions, transitions and active-link styling. Home content is locked. */
html[data-lang="en"] body #agMenu,
html[data-lang="en"] body #agMenu :is(a,span,small,button,div,nav) {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}
html[data-lang="el"] body #agMenu,
html[data-lang="el"] body #agMenu :is(a,span,small,button,div,nav) {
  font-family:"Manrope","Inter",Arial,sans-serif !important;
}
/* Unify the light menu-label weight; older rules singled out two Greek labels. */
html[data-lang="en"] body #agMenu .ag-menu-links [data-en],
html[data-lang="el"] body #agMenu .ag-menu-links [data-el] {
  font-weight:300 !important;
}
/* Keep the multiplication-sign close icon visually identical. */
html[data-lang] body #agMenu .ag-close-icon {
  font-family:Arial,sans-serif !important;
}



/* Genuine Parts / Γνήσια Ανταλλακτικά: avoid stretched spaces caused by
   the site's global editorial justification rule. Keep every other
   heading, paragraph, font, layout and home/menu style as approved in V56. */
html[data-lang="en"] #preserving-time .chronex-story-copy.chronex-copy-genuine > p,
html[data-lang="el"] #preserving-time .chronex-story-copy.chronex-copy-genuine > p,
html[data-lang="en"] #preserving-time .chronex-story-copy.chronex-copy-genuine > p > [data-lang-text],
html[data-lang="el"] #preserving-time .chronex-story-copy.chronex-copy-genuine > p > [data-lang-text] {
  text-align:left !important;
  text-align-last:auto !important;
  text-justify:auto !important;
  word-spacing:normal !important;
}



/* V58 — homepage editorial, hero image, footer and fullscreen menu are locked.
   Only interior-page ink and the FAQ tab/question treatment are refined. */

/* Readable body copy against the interior pages' white backgrounds.
   Preserve the existing font families, light weights, sizes, line heights and alignment. */
:is(#page-atelier,#page-services,#page-warranty,#page-faq,#page-contact) :is(p,li),
:is(#page-atelier,#page-services,#page-warranty,#page-faq,#page-contact) :is(p,li) [data-lang-text],
#page-contact :is(.chronex-contact-v30-value,.chronex-contact-v30-address-text) {
  color:#000000 !important;
}

/* Some older page-specific !important selectors were stronger than the
   general black-copy rule above. This high-specificity scope guarantees
   actual black ink in interior paragraphs and their multilingual spans. */
html[data-lang] body :is(
  #page-atelier#page-atelier#page-atelier#page-atelier,
  #page-services#page-services#page-services#page-services,
  #page-warranty#page-warranty#page-warranty#page-warranty,
  #page-faq#page-faq#page-faq#page-faq,
  #page-contact#page-contact#page-contact#page-contact
) :is(p,li),
html[data-lang] body :is(
  #page-atelier#page-atelier#page-atelier#page-atelier,
  #page-services#page-services#page-services#page-services,
  #page-warranty#page-warranty#page-warranty#page-warranty,
  #page-faq#page-faq#page-faq#page-faq,
  #page-contact#page-contact#page-contact#page-contact
) :is(p,li) * {
  color:#000000 !important;
}

/* Main and supporting headings: neutral, very dark gray. */
:is(#page-atelier,#page-services,#page-warranty,#page-faq,#page-contact) :is(h1,h2,h3,h4),
:is(#page-atelier,#page-services,#page-warranty,#page-faq,#page-contact) :is(h1,h2,h3,h4) [data-lang-text],
#page-faq :is(.chronex-real-item,.chronex-faq-info-item) > summary,
#page-faq :is(.chronex-real-item,.chronex-faq-info-item) > summary [data-lang-text] {
  color:#1a1a1a !important;
}

/* A restrained light-gray fill indicates which FAQ / Useful Information tab
   is selected. The unselected tab stays white; focus outlines still work. */
html body #page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab:is(.active,[aria-selected="true"]),
html body #page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab:is(.active,[aria-selected="true"]):is(:hover,:focus,:active) {
  background-color:#f1f1f1 !important;
  background:#f1f1f1 !important;
}

/* Desktop questions were forced to 600, and to 800 + a text stroke when
   expanded. Use a clear medium weight without artificial thickening. */
@media (min-width:901px) {
  html[data-lang] body #page-faq#page-faq#page-faq#page-faq .chronex-real-item > summary,
  html[data-lang] body #page-faq#page-faq#page-faq#page-faq .chronex-real-item > summary [data-lang-text],
  html[data-lang] body #page-faq#page-faq#page-faq#page-faq .chronex-faq-info-item > summary,
  html[data-lang] body #page-faq#page-faq#page-faq#page-faq .chronex-faq-info-item > summary [data-lang-text] {
    font-weight:500 !important;
    -webkit-text-stroke:0 !important;
  }
}



/* V59: color refinements only. The approved image-hero, menu, font families,
   weights, sizes, layout, FAQ selected-tab fill and home footer stay untouched. */

/* Homepage reading text now matches the pure-black interior reading text.
   The four editorial labels are headings, not secondary captions. */
html[data-lang] body #page-home #preserving-time p,
html[data-lang] body #page-home #preserving-time p [data-lang-text],
html[data-lang] body #page-home #preserving-time p .chronex-intro-line {
  color:#000000 !important;
}

/* Headings retain the established near-black gray. No font/size changes. */
html[data-lang] body #page-home #preserving-time :is(h2.chronex-preserving-title,.chronex-story-label),
html[data-lang] body #page-home #preserving-time :is(h2.chronex-preserving-title,.chronex-story-label) [data-lang-text] {
  color:#1a1a1a !important;
}

/* Complete the heading ink system on interior pages too: some older
   page-specific !important rules still used slightly different dark grays. */
html[data-lang] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) :is(h1,h2,h3,h4),
html[data-lang] body :is(#page-atelier#page-atelier#page-atelier,#page-services#page-services#page-services,#page-faq#page-faq#page-faq,#page-warranty#page-warranty#page-warranty,#page-contact#page-contact#page-contact) :is(h1,h2,h3,h4) [data-lang-text] {
  color:#1a1a1a !important;
}

/* Discreet secondary captions/controls on WHITE reading surfaces.
   Keep the black-on-white body copy, selected FAQ background and dark footer intact. */
html[data-lang] body #page-warranty#page-warranty .warranty .small,
html[data-lang] body #page-contact :is(.chronex-contact-v33-label,.contact-kicker,.contact-signature,.chronex-v34-map-open-label),
html[data-lang] body #page-services :is(.label,.service-num,.service-more summary),
html[data-lang] body #page-atelier :is(.label,.story-more summary),
html[data-lang] body #page-faq .chronex-faq-tab:not(.active):not([aria-selected="true"]),
html[data-lang] body #page-atelier .about-tab:not(.active):not([aria-selected="true"]) {
  color:#444444 !important;
}



/* 1. Home editorial intro only: modestly more prominent than paragraph copy.
   Preserve both language fonts, light weights, colors and natural wrapping. */
@media (min-width:901px) {
  html[data-lang="en"] body #page-home #preserving-time p.chronex-story-intro,
  html[data-lang="el"] body #page-home #preserving-time p.chronex-story-intro,
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro > [data-lang-text],
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro .chronex-intro-line {
    font-size:21px !important;
    line-height:1.55 !important;
  }
}
@media (max-width:900px) {
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro,
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro > [data-lang-text],
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro .chronex-intro-line {
    font-size:20px !important;
  }
}
/* 2. Desktop full-screen menu labels: slightly more restrained than V59. */
@media (min-width:901px) {
  html[data-lang="en"] body #agMenu .ag-menu-links a [data-en],
  html[data-lang="el"] body #agMenu .ag-menu-links a [data-el] {
    font-size:clamp(36px,5vw,64px) !important;
  }
}
/* 3. About tabs: understated active selection consistent with FAQ tabs. */
html body #page-atelier#page-atelier .about-tabs .about-tab:is(.active,[aria-selected="true"]),
html body #page-atelier#page-atelier .about-tabs .about-tab:is(.active,[aria-selected="true"]):is(:hover,:focus,:active) {
  background:#f1f1f1 !important;
  background-color:#f1f1f1 !important;
}
/* 4. Place route arrows after each page's text instead of after a large gap. */
html body #page-atelier .chronex-about-bottom-nav,
html body #page-services#page-services #services#services .chronex-services-bottom-nav,
html body #page-warranty#page-warranty #warranty#warranty .chronex-warranty-bottom-nav,
html body #page-faq .chronex-faq-bottom-nav {
  margin-top:clamp(28px,3.5vw,46px) !important;
}
@media (max-width:900px) {
  html body #page-atelier .chronex-about-bottom-nav,
  html body #page-services#page-services #services#services .chronex-services-bottom-nav,
  html body #page-warranty#page-warranty #warranty#warranty .chronex-warranty-bottom-nav,
  html body #page-faq .chronex-faq-bottom-nav {
    margin-top:30px !important;
  }
}
/* 5. Services: make the portrait tools image larger on PC, never crop it. */
@media (min-width:981px) {
  html body #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    width:min(100%,340px) !important;
    max-width:340px !important;
    height:auto !important;
    align-self:start !important;
  }
  html body #page-services #services .chronex-services-tools-photo img {
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  /* Slightly tighten the separator above Authenticity / Refinishing. */
  html body #page-services #services::before {
    margin:23px 0 20px !important;
  }
}
/* 6. FAQ menu utility link matches the close-label character size. */
html[data-lang] body #agMenu .ag-menu-faq,
html[data-lang] body #agMenu .ag-menu-faq [data-lang-text] {
  font-size:var(--chronex-lang-size,13.5px) !important;
  letter-spacing:var(--chronex-lang-tracking,.15em) !important;
}
/* 7. Real Google Map, softly monochrome like the original illustration.
   Its native geographic marker and standard Google controls remain interactive.
   No duplicate custom 'Open in Maps' control. */
#page-contact .chronex-contact-v30-map-col > .chronex-v60-google-map-frame {
  display:block;
  position:relative;
  width:100%;
  height:338px;
  overflow:hidden;
  background:#f7f7f6;
  border:1px solid rgba(40,44,45,.13);
}
html body #page-contact .chronex-contact-v30-map-col .chronex-v60-google-map-frame > iframe {
  display:block !important;
  width:100% !important;
  height:100% !important;
  border:0 !important;
  /* Restore V59's fully monochrome native Google Map appearance. */
  -webkit-filter:grayscale(1) saturate(0) contrast(.91) brightness(1.07) !important;
  filter:grayscale(1) saturate(0) contrast(.91) brightness(1.07) !important;
}
@media (min-width:901px) {
  html body #page-contact .chronex-contact-v30-map-col .chronex-v60-google-map-frame > iframe {
    -webkit-filter:grayscale(1) saturate(0) contrast(.89) brightness(1.095) !important;
    filter:grayscale(1) saturate(0) contrast(.89) brightness(1.095) !important;
  }
}
@media (max-width:900px) {
  #page-contact .chronex-contact-v30-map-col > .chronex-v60-google-map-frame {
    height:360px;
  }
}
@media (max-width:690px) {
  #page-contact .chronex-contact-v30-map-col > .chronex-v60-google-map-frame {
    height:auto;
    aspect-ratio:1.02;
  }
}



/* The approved typography and ink stay intact. Give the central statement
   enough presence to stand above normal editorial paragraphs, in both languages. */
@media (min-width:901px) {
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro,
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro > [data-lang-text],
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro .chronex-intro-line {
    font-size:clamp(23px,1.7vw,25px) !important;
    line-height:1.48 !important;
  }
}
@media (max-width:900px) {
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro,
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro > [data-lang-text],
  html[data-lang] body #page-home #preserving-time p.chronex-story-intro .chronex-intro-line {
    font-size:21px !important;
    line-height:1.54 !important;
  }
}
/* PC Services: fill the entire available first column with the original,
   uncropped portrait. Bring its upper edge alongside the final precision
   regulation bullet when the partial-repair details are expanded. Keep the
   divider over Authenticity and Refinishing, not across the photograph. */
@media (min-width:981px) {
  html body #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    width:100% !important;
    max-width:none !important;
    margin:-125px 0 0 !important;
    justify-self:stretch !important;
    align-self:start !important;
  }
  html body #page-services #services .chronex-services-tools-photo img {
    width:100% !important;
    height:auto !important;
    object-fit:contain !important;
  }
  html body #page-services #services::before {
    grid-area:3 / 2 / 4 / 4 !important;
    width:100% !important;
  }
}



/* Full-screen menu: prevent the mobile browser's blue touch/selection effect on × CLOSE. */
#agMenuClose,
#agMenuClose:hover,
#agMenuClose:active,
#agMenuClose:focus:not(:focus-visible) {
  -webkit-tap-highlight-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-appearance: none;
  appearance: none;
}
#agMenuClose,
#agMenuClose > span {
  -webkit-tap-highlight-color: transparent !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
}
#agMenuClose > span,
#agMenuClose > span:hover,
#agMenuClose > span:active {
  background: transparent !important;
  background-color: transparent !important;
}
#agMenuClose::selection,
#agMenuClose > span::selection {
  background: transparent !important;
  color: #fff !important;
}
/* Preserve a restrained, accessible keyboard-only focus indication. */
#agMenuClose:focus-visible {
  background: transparent !important;
  outline: 1px solid rgba(255,255,255,.65) !important;
  outline-offset: 5px !important;
  box-shadow: none !important;
}



/* V64: only the approved four follow-up refinements on top of V63.
   Do not modify the homepage, page copy, typeface pairing, monochrome map,
   mobile Services layout, navigation behavior or body paragraph styling. */

/* English FAQ and Useful Information question titles, desktop only:
   understated Montserrat Medium, slightly smaller than V63; all capitals.
   The selected tab's subtle #f1f1f1 background remains unchanged. */
@media (min-width:901px) {
  html[data-lang="en"] body #page-faq#page-faq#page-faq#page-faq#page-faq .chronex-faq-panel details.chronex-real-item > summary,
  html[data-lang="en"] body #page-faq#page-faq#page-faq#page-faq#page-faq .chronex-faq-panel details.chronex-real-item > summary [data-en] {
    font-family:"Montserrat",Inter,Arial,sans-serif !important;
    font-size:clamp(16px,1.45vw,20px) !important;
    font-weight:500 !important;
    letter-spacing:.055em !important;
    line-height:1.5 !important;
    text-transform:uppercase !important;
    -webkit-text-stroke:0 !important;
  }
  /* The tab has its own visual selected-state; keep its font modest. */
  html[data-lang="en"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab,
  html[data-lang="en"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab [data-en] {
    font-family:"Montserrat",Inter,Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:.085em !important;
    -webkit-text-stroke:0 !important;
  }
  html[data-lang="en"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab:is(.active,[aria-selected="true"]),
  html[data-lang="en"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab:is(.active,[aria-selected="true"]) [data-en] {
    font-size:16px !important;
    font-weight:500 !important;
  }
}

/* Align the footer's FAQ label with the letters of CLOSE, rather than the
   × icon. Only the horizontal padding changes; black menu stays intact. */
html[data-lang] body #agMenu .ag-menu-foot {
  padding-left:calc(var(--chronex-lang-right,3.7vw) + 17px) !important;
}

/* PC-only: lower the original uncropped tools photograph by 40px so its
   second horizontal tool lines up beside AUTHENTICITY INSPECTION. */
@media (min-width:981px) {
  html body #page-services #services .chronex-services-editorial-tools > .chronex-services-tools-photo {
    margin:-70px 0 0 !important;
  }
}



/* V65 — Greek desktop FAQ and Useful Information only.
   Match the quieter English V64 hierarchy while respecting Greek lettering.
   Mobile, homepage, menu, layout, answers, and all other content stay unchanged. */
@media (min-width:901px) {
  html[data-lang="el"] body #page-faq#page-faq#page-faq#page-faq#page-faq .chronex-faq-panel details.chronex-real-item > summary,
  html[data-lang="el"] body #page-faq#page-faq#page-faq#page-faq#page-faq .chronex-faq-panel details.chronex-real-item > summary [data-el] {
    font-family:"Manrope",Inter,Arial,sans-serif !important;
    font-size:clamp(16px,1.45vw,20px) !important;
    font-weight:500 !important;
    letter-spacing:.04em !important;
    line-height:1.5 !important;
    text-transform:uppercase !important;
    -webkit-text-stroke:0 !important;
  }
  html[data-lang="el"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab,
  html[data-lang="el"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab [data-el] {
    font-family:"Manrope",Inter,Arial,sans-serif !important;
    font-size:15px !important;
    font-weight:500 !important;
    letter-spacing:.075em !important;
    -webkit-text-stroke:0 !important;
  }
  html[data-lang="el"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab:is(.active,[aria-selected="true"]),
  html[data-lang="el"] body #page-faq#page-faq#page-faq .chronex-faq-tabs .chronex-faq-tab:is(.active,[aria-selected="true"]) [data-el] {
    font-size:16px !important;
    font-weight:500 !important;
  }
}



/* Mobile-only FAQ refinement: V65 kept the older 600 weight and a 0.25px
   text stroke on expanded questions. Match the desktop's calmer Medium 500
   for both question panels, preserving their current mobile sizes/spacing. */
@media (max-width:900px) {
  html[data-lang] body #page-faq#page-faq#page-faq#page-faq#page-faq .chronex-faq-panel :is(details.chronex-real-item, details.chronex-faq-info-item) > summary,
  html[data-lang] body #page-faq#page-faq#page-faq#page-faq#page-faq .chronex-faq-panel :is(details.chronex-real-item, details.chronex-faq-info-item) > summary [data-lang-text] {
    font-weight:500 !important;
    -webkit-text-stroke:0 !important;
    text-shadow:none !important;
  }
}



/* V66 appearance locked. Video interaction has no permanently visible controls. */
.chronex-story-video-shell{position:relative;}
.chronex-story-video-shell .chronex-film-toggle,
.chronex-story-video-shell .chronex-film-toggle:hover,
.chronex-story-video-shell .chronex-film-toggle:active,
.chronex-story-video-shell .chronex-film-toggle:focus:not(:focus-visible){
  position:absolute!important;
  inset:0!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  transform:none!important;
  display:block!important;
  opacity:1!important;
  z-index:5!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  outline:none!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
  touch-action:manipulation;
  appearance:none;
  -webkit-appearance:none;
}
.chronex-story-video-shell.is-playing:not(:hover):not(:focus-within) .chronex-film-toggle{
  opacity:1!important;
}
.chronex-story-video-shell .chronex-film-toggle svg{display:none!important;}
/* A neutral focus indicator remains for keyboard users, never on pointer taps. */
.chronex-story-video-shell .chronex-film-toggle:focus-visible{
  outline:2px solid rgba(255,255,255,.95)!important;
  outline-offset:-5px!important;
  box-shadow:inset 0 0 0 5px rgba(17,17,17,.4)!important;
  background:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}
/* Browser-native blue tap flash is disabled for the two tab groups, not keyboard focus. */
#page-atelier .about-tab, #page-faq .chronex-faq-tab{
  -webkit-tap-highlight-color:transparent!important;
}
/* ARIA hidden state must win against older display rules in the About tab panels. */
#page-atelier .about-panels [role="tabpanel"][hidden]{display:none!important;}



/* V68: controls only. Never suppress selection of readable body paragraphs.
   Neutralize the WebKit/iOS tap flash and selected-text highlight in interactive UI.
   Keep approved active-tab fills and keyboard-only accessibility focus visible. */
html, body,
button, a, summary, label,
[role="tab"], [role="button"], [role="link"],
[tabindex]:not([tabindex="-1"]) {
  -webkit-tap-highlight-color: transparent !important;
}
/* Buttons/tabs/menus are controls, not text-selection areas.  This also
   protects their nested spans when tapping quickly on iOS and Android. */
button, button *,
summary, summary *,
[role="tab"], [role="tab"] *,
[role="button"], [role="button"] *,
.ag-menu a, .ag-menu a *,
.ag-chrome a, .ag-chrome a *,
.home-replacement a, .home-replacement a *,
.chronex-home-footer a, .chronex-home-footer a * {
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}
/* Suppress selected-text flash in controls; leave ordinary page copy alone. */
button::selection, button *::selection,
summary::selection, summary *::selection,
[role="tab"]::selection, [role="tab"] *::selection,
[role="button"]::selection, [role="button"] *::selection,
.ag-menu a::selection, .ag-menu a *::selection,
.ag-chrome a::selection, .ag-chrome a *::selection,
.chronex-home-footer a::selection, .chronex-home-footer a *::selection {
  background: transparent !important;
}
/* Pointer/touch focus should never paint a browser-colored outline. */
button:focus:not(:focus-visible),
a:focus:not(:focus-visible),
summary:focus:not(:focus-visible),
[role="tab"]:focus:not(:focus-visible),
[role="button"]:focus:not(:focus-visible) {
  outline: none !important;
}
/* Keyboard-only focus remains visible in a neutral Chronex shade. */
button:focus-visible, a:focus-visible, summary:focus-visible,
[role="tab"]:focus-visible, [role="button"]:focus-visible {
  outline-color: #646464 !important;
}
#agMenu button:focus-visible, #agMenu a:focus-visible,
#page-home button:focus-visible, #page-home a:focus-visible,
.chronex-story-video-shell .chronex-film-toggle:focus-visible {
  outline-color: rgba(255,255,255,.9) !important;
}



/* V69 — Final mobile text-spacing correction.
   Prevent stretched/justified word spacing in the About story copy and
   the Preserving Time / Swiss Precision editorial paragraphs on mobile. */
@media (max-width: 900px) {
  html[data-lang] #page-atelier .about-panel[data-about-panel="story"] p,
  html[data-lang] #page-atelier .about-panel[data-about-panel="story"] p [data-lang-text],
  #preserving-time .chronex-story-copy p,
  html[data-lang="en"] #preserving-time .chronex-story-copy p,
  html[data-lang="el"] #preserving-time .chronex-story-copy p,
  #preserving-time .chronex-story-copy p [data-lang-text] {
    text-align: left !important;
    text-align-last: left !important;
    text-justify: auto !important;
    text-wrap: pretty !important;
    word-spacing: normal !important;
    letter-spacing: normal !important;
    hyphens: manual !important;
    -webkit-hyphens: manual !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }
}



/* V72: Restore V66 menu layout, removing V71's unrequested menu-size overrides.
   The literal word MENU on interior headers must use the exact English V66 font
   in BOTH languages: only the font family is pinned. Sizes, weights, tracking,
   icon bars, padding and geometry are inherited unchanged from V66. */
html[data-lang="en"] body:not(.ag-home) .ag-chrome #agMenuOpen,
html[data-lang="el"] body:not(.ag-home) .ag-chrome #agMenuOpen,
html[data-lang="en"] body:not(.ag-home) .ag-chrome #agMenuOpen > span:last-child,
html[data-lang="el"] body:not(.ag-home) .ag-chrome #agMenuOpen > span:last-child {
  font-family:"Montserrat","Inter",Arial,sans-serif !important;
}
/* Retain the approved, short vertical EL | EN divider on every page. */
#page-home .home-lang-sep,
#agMenu .ag-menu-top-lang-sep,
.ag-chrome .ag-chrome-lang-sep {
  display:inline-block !important;
  flex:0 0 1px !important;
  align-self:center !important;
  box-sizing:border-box !important;
  width:1px !important;
  min-width:1px !important;
  height:13px !important;
  min-height:13px !important;
  max-height:13px !important;
  padding:0 !important;
  margin:0 2px !important;
  border:0 !important;
  font-size:0 !important;
  line-height:0 !important;
  letter-spacing:0 !important;
  background-color:currentColor !important;
  user-select:none !important;
  pointer-events:none !important;
}
#page-home .home-lang-sep,
#agMenu .ag-menu-top-lang-sep { color:rgba(255,255,255,.62) !important; }
.ag-chrome .ag-chrome-lang-sep { color:rgba(20,20,20,.52) !important; }
@media(max-width:900px) {
  #page-home .home-lang-sep,
  #agMenu .ag-menu-top-lang-sep,
  .ag-chrome .ag-chrome-lang-sep {
    height:12px !important;
    min-height:12px !important;
    max-height:12px !important;
  }
}



/* Align the start of FAQ precisely with the start of CLOSE (not the ×).
   Desktop and mobile offsets follow the approved CLOSE icon width and gap.
   No changes to menu sizing, typography, rows, or interaction. */
html[data-lang] body #agMenu .ag-menu-foot {
  padding-left:calc(var(--chronex-lang-right,3.7vw) + 20.078px) !important;
}
@media (max-width:900px) {
  html[data-lang] body #agMenu .ag-menu-foot {
    padding-left:calc(var(--chronex-lang-right,3.7vw) + 17.344px) !important;
  }
}