/* DIWS v4 site navigation — shared by every page */
:root{--b9:#0E2A31;--pe:#0E2A31;--mint2:#EEF4F5;--ink:#22252A;--line:#DFD9CC;--wh:#FFFFFF;--od:#FFFFFF;--taxi:#F5BE1E}
.ai{display:inline-block;font-family:Figtree,'Segoe UI',Arial,sans-serif;font-size:max(.66em,11px);font-weight:800;line-height:1;letter-spacing:.06em;color:var(--taxi);background:var(--b9);padding:.18em .34em .16em;margin-left:.2em;vertical-align:.5em;text-transform:none}
/* Easy Office to the power of AI: the exponent is the brand mark. On paper and white it is a petrol chip (taxi never on paper, rule 2); on dark surfaces it is the bare taxi exponent. */
.dark .ai,.hero .ai,.mw-band .ai,.lh nav a[aria-current="page"] .ai{background:none;padding:0;font-size:max(.74em,11px)}
.lh{font-family:Figtree,'Segoe UI',Arial,sans-serif}
.lh .in{max-width:1180px;margin:0 auto;padding-inline:16px}
@media (min-width:700px){.lh .in{padding-inline:28px}}
.lh .btn{display:inline-flex;align-items:center;border-radius:4px;background:var(--b9);color:var(--od);font-weight:700;text-decoration:none}
.lh .btn:hover{background:#F5BE1E;color:#0E2A31}
/* letterhead + site navigation (same on every page) */
.lh{background:var(--wh);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.lh .in{display:flex;align-items:center;gap:18px;min-height:64px}
.lh .logo img{height:30px;width:auto}
.lh nav{display:flex;gap:4px;margin-left:8px}
.lh nav a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:4px;white-space:nowrap}
.lh nav a:hover{background:var(--mint2)}
.lh nav a[aria-current="page"]{color:var(--wh);background:var(--b9)}
.lh .tel{margin-left:auto;color:var(--b9);font-weight:700;text-decoration:none;white-space:nowrap}
.lh .btn{min-height:40px;padding:8px 16px;font-size:15px}
/* language switch: the other language, with its flag, top right (after the call to action) */
.lh .lang{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.12em;text-decoration:none;white-space:nowrap}
.lh .lang:hover{background:var(--mint2)}
.lh .lang img{width:20px;height:auto;display:block;border-radius:1px}
@media (max-width:1020px){.lh .lang{order:2}}
@media (max-width:1020px){
 .lh .in{flex-wrap:wrap;gap:10px 14px;padding-block:10px}
 .lh nav{order:3;width:100%;margin:0 -8px;flex-wrap:wrap;gap:0}
 .lh nav a{font-size:14.5px;padding:6px 8px}
 .lh nav::-webkit-scrollbar{display:none}
}
@media (max-width:440px){.lh .tel{display:none}.lh .btn{margin-left:auto}}


/* no underlines anywhere (brand rule) */
a{text-decoration:none}
/* one hero for every page: text left, square photo right, flush with the band top and bottom */
html body .hero.page-hero .in,html body .hero.norm .in{grid-template-columns:minmax(0,1fr) 480px;gap:56px;align-items:stretch;min-height:480px}
html body .hero.page-hero .ph,html body .hero.norm .ph{align-self:stretch;aspect-ratio:auto;min-height:480px;position:relative}
html body .hero.page-hero .ph img,html body .hero.norm .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;aspect-ratio:auto}
html body .hero.page-hero .txt,html body .hero.norm .txt{padding-block:56px;align-content:center}
html body .hero h1{font-size:clamp(36px,4.6vw,54px)}
html body .hero h1 em:after{display:none}
@media (max-width:900px){html body .hero.page-hero .in,html body .hero.norm .in{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-inline:0}
 html body .hero.page-hero .ph,html body .hero.norm .ph{order:-1;aspect-ratio:1;min-height:0;max-height:70vh;width:100%}
 html body .hero.page-hero .txt,html body .hero.norm .txt{padding:32px 16px 40px}}

/* house rule: no underlines anywhere */
a,a:hover{text-decoration:none}