/* Kastoria as an original, XP-inspired desktop wallpaper. */
body#top>header.xp-header{display:block;padding:0;border:1px solid #17468a;background:#2364bd;overflow:hidden;box-shadow:inset 1px 1px 0 #7eaaf0}
.xp-header>.web-titlebar{padding:7px 12px;margin:0;background:linear-gradient(180deg,#539af5 0%,#2268d8 15%,#0755c6 75%,#0645a8 100%);border-bottom:1px solid #003987;text-shadow:1px 1px 0 #003887;font:700 12px/1.45 Tahoma,Verdana,sans-serif;letter-spacing:0;color:#fff}
.xp-desktop{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:1fr auto;gap:24px;min-height:340px;padding:34px 30px;color:#fff;background:#237bd7}
.xp-wallpaper{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 55%;pointer-events:none;user-select:none}
.xp-desktop::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,37,78,.48),rgba(4,37,78,.08) 63%,rgba(4,37,78,.03)),linear-gradient(0deg,rgba(4,37,78,.28),transparent 48%);pointer-events:none}
body#top>header .xp-desktop>h1{grid-column:1;grid-row:1;align-self:start;justify-self:start;margin:0;padding:0;font:700 clamp(58px,7.2vw,96px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.065em;color:#fff;text-shadow:0 2px 1px #04366d,1px 0 1px #04366d}
.xp-desktop .brand-dot{color:#d4efff}
body#top>header .xp-desktop>.language-switch{grid-column:2;grid-row:1;align-self:start;justify-self:end;display:flex;flex-direction:row;gap:5px!important;margin:2px 0 0;padding:0;border:0;background:none}
body#top>header .xp-desktop>.language-switch button{background:#eaeade!important;color:#222;border:1px solid #647b9c;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #b4b4a4;padding:7px 10px;min-height:31px;font:11px/1.3 Tahoma,Verdana,sans-serif;text-decoration:none;text-align:center;white-space:nowrap}
body#top>header .xp-desktop>.language-switch button[aria-pressed=true]{background:#fff!important;color:#094fb3;border-color:#145bb9;box-shadow:inset 0 0 0 1px #f5c359;font-weight:700}
body#top>header .xp-desktop>.language-switch button:hover{background:#fff!important;color:#094fb3}
.xp-desktop>.web-tagline{grid-column:1;grid-row:2;align-self:end;justify-self:start;max-width:520px;width:fit-content;padding:9px 12px;margin:0;border:1px solid #aac4d4;background:rgba(4,35,70,.74);color:#fff;font:13px/1.65 Verdana,Tahoma,sans-serif;text-shadow:0 1px 0 #00254f}
body#top>header .xp-desktop>.order-trigger{grid-column:2;grid-row:2;align-self:end;justify-self:end;margin:0}
.xp-desktop .order-trigger .cta-label{min-height:42px;padding:11px 22px;background:linear-gradient(180deg,#72a746,#34791f 18%,#286b19 85%,#205b15);border:1px solid #17591b;box-shadow:inset 1px 1px 0 #bce07b,inset -1px -1px 0 #1e671a,1px 1px 1px #002b5280;color:#fff;font:700 13px/1.4 Tahoma,Verdana,sans-serif;text-shadow:0 1px 0 #215c1e}
.xp-desktop .order-trigger:hover .cta-label,.xp-desktop .order-trigger:focus-visible .cta-label{background:linear-gradient(180deg,#82b755,#3e8226 18%,#30731e 85%,#27691b);color:#fff;border-color:#124c16}
.xp-header :focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(min-width:1400px){.xp-desktop{min-height:370px;padding:38px 36px}}
@media(max-width:800px){.xp-desktop{min-height:320px;padding:28px 24px;gap:22px}body#top>header .xp-desktop>h1{font-size:64px}.xp-desktop>.web-tagline{max-width:440px;font-size:12px}.xp-desktop .order-trigger .cta-label{padding:10px 16px;font-size:12px}}
@media(max-width:600px){.xp-header>.web-titlebar{font-size:10px;padding:7px 9px;gap:12px}.xp-header>.web-titlebar>span:last-child{font-size:9px}.xp-desktop{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr auto;min-height:370px;padding:18px;gap:15px}.xp-wallpaper{object-position:63% center}.xp-desktop::before{background:linear-gradient(180deg,rgba(4,37,78,.09),rgba(4,37,78,.03) 45%,rgba(4,37,78,.35))}body#top>header .xp-desktop>.language-switch{grid-column:1;grid-row:1;justify-self:end;margin:0}body#top>header .xp-desktop>.language-switch button{min-height:29px;padding:6px 9px;font-size:10px}body#top>header .xp-desktop>h1{grid-column:1;grid-row:2;font-size:55px;align-self:start}.xp-desktop>.web-tagline{grid-column:1;grid-row:3;align-self:end;max-width:100%;padding:8px 10px;font-size:11px;line-height:1.65}body#top>header .xp-desktop>.order-trigger{grid-column:1;grid-row:4;justify-self:start;align-self:end}.xp-desktop .order-trigger .cta-label{min-height:38px;padding:9px 18px;font-size:12px}}
@media(max-width:350px){body#top>header .xp-desktop>h1{font-size:48px}.xp-desktop{padding:16px;min-height:380px}}

@media(max-width:600px){body#top>header .xp-desktop>h1{font-size:clamp(38px,12.4vw,55px)}}
