@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600&display=swap');

/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Made by GREG.CH
PHP-generated CSS file: auto-adapting, site-elements coloring, GZIP-compressed, and UTF-8.
Validates as CSS 3.
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


/* _______________________________________________________| Reset styles |_________________________________________________ */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;}ul{list-style:none;}table{border-collapse:collapse;border-spacing:0;}


/* ____________________________________________________| Site wide properties |____________________________________________ */

#sitewrapper {width:1120px;margin:auto}

html, body, li, textarea, table {font-family:'Roboto Condensed',Arial,sans-serif;font-size:90.01%;color:#223344}

@media print {body {font-size:13pt}}

header, #header {
width:1120px;
height:265px;
}
        @media print {header, #header {border-bottom:3px solid #999999}}

#centercontent {
float:left;
width:551px;
background:#FFFFFF;
line-height:150%;
min-height:448px;
}
        @media print {#centercontent {width:830px;min-height:auto;font-size:16pt;}}

img {border:0;margin:0;padding:0}

hr {
height:2px !important;
background:#000000;
border:none;
clear:left;
}

/* __________________________________________________________| Headings |_________________________________________________ */

h3 {
line-height:20px;
font-weight:normal;
letter-spacing: -1px !important;
margin-left:-2px;
margin-bottom:10px;
}

        @media print {h3 {font-size:18pt;letter-spacing:0}}

/* __________________________________________________________| Links |_____________________________________________________ */

a {
color: #09307a;
text-decoration:none;
border-bottom:1px solid #BBBBBB;
}

a:hover {
border-bottom:1px solid #000000;
background:#663333;
color:#FFFFFF;
}

a:active {
    position: relative;
    top: 1px;
}

    @media print {a, a:visited {color:black;background:#FFFFFF;border-bottom:1px solid #6677AA}}

a img {border:none;}

/* add icon to visited links */

.visitedlink:visited {padding-right:7px;background:url(icon_visitedlink.gif) no-repeat 100% 50%}
     @media print {.visitedlink:visited {color:#222266;background:none;padding-right:3px;padding-left:3px;}}
#sitemap a {font-size:calc(1em - 2px);}
#sitemap .sitemap-page-symbol {color:#BB8D5E;}
#sitemap td + td {border-left:1px solid #000 !important;}
@media screen and (min-width:1024px) {
  #sitemap td + td {padding-left:33px;}
  #sitemap tr:first-child td + td {position:relative;border-left:0 !important;}
  #sitemap tr:first-child td + td::before {
    content:'';
    position:absolute;
    top:34px;
    bottom:0;
    left:0;
    border-left:1px solid #000;
  }
}



/* ________________________________________________________| Menu Left |___________________________________________________ */
.leftmenu-link {
border-bottom:1px solid #FFFFFF;
}


/* ______________________________________________| HTML5 new elements, blockify |__________________________________________ */

article,aside,figure,footer,header,hgroup,menu,nav,section {display:block}
hgroup  {margin-top:-17px;} 


/* _____________________________________________________________| Forms |__________________________________________________ */

form {display:inline}

input {
border:1px solid #663333;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:1px;
}

textarea {
background:#FFFFFF;
border:1px solid #885555;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
padding:1px;
}

input:focus, textarea:focus {
background:#FFFFFF;
-webkit-box-shadow:0 0 25px #ccc;
-moz-box-shadow:0 0 25px #ccc;
box-shadow:0 0 25px #ccc;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
}

input[type="search"] {
height:14px;
}


/* _________________________________________________| Misc. decorative styles |____________________________________________ */

.textshadow { text-shadow:1px 2px 2px #AAA }
     @media print { textshadow {text-shadow:none;}}

.tr-hoveron {background:#EEEEDD;border-bottom:1px dashed #777777}
.tr-hoverff {background:#FFFFFF;}

.highlight {background:#F8FFC0;}

.warning {width:815px;text-align:center;margin:auto;font-size:85.01%;color:red;background:#FFFAA7;}
     @media print {.warning {display:none;height:1px;}}
.warning img {margin-bottom:-4px;margin-top:3px;}

a.hint {
position:relative;
color:#111122;
text-decoration:none;
cursor:help;
border-bottom:1px dotted #EE8822;
}
a.hint:hover {
background:#111111;color:#FFFFFF;text-shadow:none
}
a.hint span {
display:none;text-decoration:none
}
a.hint:hover span
{
display:block;
position:absolute;
top:28px;
left:-130px;
z-index:10000;
width:400px;
font-family:'Roboto Condensed',Arial,sans-serif;
font-size:11px;
text-align:left;
line-height:120%;
text-decoration:none;
padding:17px 6px 4px 6px;
border:1px solid #666666;
border-right:2px solid #777777;
border-bottom:2px solid #000000;
color:#000000;
letter-spacing:1px;
}

.tdlined {
height:20px;
width:275px;
border-bottom:1px dotted #777777;
padding-top:3px;
}

.tdlegend {
color:#663333;
border-left:14px solid #663333;
padding-left:10px;
}

/* email address obfuscation */
.reversed {unicode-bidi:bidi-override;direction:rtl;color:#AABBCC;text-decoration:none;}

.test {display:none;}

.roundedcorners {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}

.textshadow {
text-shadow:1px 1px 2px rgba(48,80,82,0.8);
}

.boxshadow {
box-shadow:4px 4px 5px #777777;
}

.imagezoom {display:block;cursor:zoom-in;}
.imagezoom.is-expanded {width:min(468px,100%) !important;max-width:100%;height:auto !important;cursor:zoom-out;}
.property-photo-transition {position:fixed;z-index:2000;display:block;margin:0;transform-origin:left bottom;transition:transform 620ms cubic-bezier(.22,1,.36,1);will-change:transform;}

.contactimage {
display:block;
clear:left;
float:left;
background-image:linear-gradient(105deg,#092f4d 0%,#315f79 72%,#527c91 100%);
margin-right:20px;
padding-bottom:355px;
-moz-box-shadow: 3px 3px 10px #333;
-webkit-box-shadow: 3px 3px 10px #333;
box-shadow: 3px 3px 10px #333;
}
     @media print {.contactimage {padding-bottom:350px}}

::selection {background-color:rgba(10,80,110,0.2);}
::-moz-selection {background-color:rgba(10,80,110,0.2);}

/* _________________________________________________________| Printing |___________________________________________________ */

.onlywhenprinting {display:none;}
     @media print {.onlywhenprinting {display:block;color:black}}
     @media print {.noprinting {display:none;}}

#printlogo {display:none;}
     @media print {#printlogo {display:block;margin-top:66px}}

/* _________________________________________________| Page: REFERENCE PROPERTIES |_________________________________________ */

#sortbar {
width:820px;
margin:auto;
text-align:center;
background:#ffffff;
color:white;
padding-top:16px;
padding-bottom:0px;
font-size:12px;
}
@media print {
        #sortbar {
        display:none;
        }
        }

/* _________________________________________________________| Page Footer |___________________________________________________ */

footer,#sitefooter {
clear:left;
font-size:11px;
color:#444444;
letter-spacing:1px;
background:#DDDDDD;
background-image:url(bg_dotted.gif);
background-repeat:repeat;
background-position:top left;
padding:10px 0 18px 282px;
margin-top:20px;
border-top:1px solid #663333;
}

        @media print {footer,#sitefooter {font-size:12pt;text-align:center;padding-left:0;border-top:3px solid #999999}}

/* ______________________________________________| Simbox 2, jQuery plugin (lightbox) |________________________________________ */

#lbOverlay {
        position:fixed;
        z-index:9999;
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color:#000;
        cursor:pointer;
}

#lbCenter, #lbBottomContainer {
        position:absolute;
        z-index:9999;
        overflow:hidden;
        background-color:#fff;
}

.lbLoading {
        background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
        position:absolute;
        left:0;
        top:0;
        border:10px solid #fff;
        background-repeat:no-repeat;
}

#lbPrevLink, #lbNextLink {
        display:block;
        position:absolute;
        top:0;
        width:50%;
        outline:none;
}

#lbPrevLink {
        left:0;
}

#lbPrevLink:hover {
        background:transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
        right:0;
}

#lbNextLink:hover {
        background:transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
        font-family:'Roboto Condensed',Arial,sans-serif;
        font-size:10px;
        color:#666;
        line-height:1.4em;
        text-align:left;
        border:10px solid #fff;
        border-top-style:none;
}

#lbCloseLink {
        display:block;
        float:right;
        width:66px;
        height:22px;
        background:transparent url(closelabel.gif) no-repeat center;
        margin:5px 0;
        outline:none;
}

#lbCaption, #lbNumber {
        margin-right:71px;
}

#lbCaption {
        font-weight:bold;
}











/* RESPONSIVE WEB DESIGN ========================================================= */
@media screen and (max-width:1023px){
   .bigscreen{display:none}
   .smallscreen{display:block}
   body{background:none;font-size:14px}
   #sitewrapper{max-width:95%;margin:auto}
   #siteheader{display:none}
   #siteheadersmall{display:block !important;border-top:20px solid #212D48}
   .dropdown-content a{background:#EEE;line-height:180%;border-bottom:2px solid #d7a400}
   #menuleft{display:none}
   #menuright{display:none}
   #overlay-transparent{display:none}
   #searchterm{display:none}
   #centercontent{max-width:95%;font-size:17px;padding:20px}
   footer,#sitefooter{display:none}
   h2{max-width:100%;font-size:20px;padding:20px}
   h3{font-size:20px;margin-bottom:20px}
   iframe{max-width:100%;padding:0;margin:0;box-shadow:none}
   #mapeiko{max-width:95% !important}
   #sitemap{font-size:17px;line-height:160% !important}
   #sitemap tr{border:2px solid #999 !important}
   #sitemap a{border-bottom-color:#999 !important}
   #sitemap td{padding:10px}
   #backtotop{display:block !important;text-align:right;font-size:35px;font-weight:bold;margin:20px}
}
@media screen and (max-width:768px){
   #centercontent{max-width:100%;padding:20px 0 20px 0}
}
@media screen and (min-width:1024px){
   .bigscreen{display:block}
   .smallscreen{display:none}
}
#overlay-transparent {display:none;}

/* 2026 investment-grade visual system */
html, body, body * {font-family:'Roboto Condensed',Arial,sans-serif;}
@font-face {font-family:'Eiko Quicksand';src:url('Quicksand.woff2') format('woff2');font-display:swap;}
h1 {font-family:'Roboto Condensed',Arial,sans-serif;}
h2,h3 {font-family:'Eiko Quicksand',sans-serif;}
html {background:#e9eef2;}
body {position:relative;isolation:isolate;background: rgb(220, 230, 236);font-size:18px;line-height:1.68;color:#172b3e;}
body::before,body::after {content:'';position:fixed;inset:0;z-index:0;background-repeat:no-repeat;opacity:.12;-webkit-mask-image:radial-gradient(ellipse at center,black 12%,rgba(0,0,0,.74) 48%,transparent 82%);}
body::before {background-size:1120px auto;background-position:right -180px top -55px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1100 780'%3E%3Cg fill='none' stroke='%232b618a' stroke-width='2'%3E%3Cpath d='M38 61H401V98H610V42H1019V345H855V568H641V720H330V525H38Z M76 61V220H190V98 M190 98V220H401 M38 285H330V420H641 M76 525V420H330 M190 220V345H512V98 M512 98V420H780V345 M610 42V205H855 M855 205H1019 M780 420H1019V568H855 M330 420V720 M641 420V720'/%3E%3Cpath d='M105 96h54v47h-54zm229 25h43v58h-43zm84-3h60v91h-60zm154-37h76v57h-76zm134 24h88v53h-88zm194-27h81v85h-81zM71 313h65v68H71zm99 0h104v68H170zm180 62h82v45h-82zm111 0h55v45h-55zm75 0h60v45h-60zm203 74h73v69h-73zm93 0h91v69h-91zM103 563h61v66h-61zm91 0h105v66H194zm170-62h70v71h-70zm102 0h117v71H466zm227 101h66v57h-66zm98 0h94v57h-94z'/%3E%3Ccircle cx='555' cy='374' r='43'/%3E%3Ccircle cx='555' cy='374' r='10'/%3E%3Cpath d='M512 374h86M555 331v86M910 42v303M38 220h363M855 345h164M610 205h245M330 525h311' stroke-dasharray='8 8'/%3E%3C/g%3E%3C/svg%3E");}
body::after {background-size:900px auto;background-position:left -245px bottom -125px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 620'%3E%3Cg fill='none' stroke='%23cc8459' stroke-width='2'%3E%3Cpath d='M42 57H266V27H498V82H844V463H648V579H311V463H42Z M42 184H184V82H498 M184 184V331H42 M266 27V184H498 M498 184H844 M184 331H495V463 M648 184V579 M311 463V579 M495 331H648'/%3E%3Cpath d='M73 89h77v64H73zm124 0h45v64h-45zm89-30h65v71h-65zm83 30h88v71h-88zm164 26h68v49h-68zm89 0h71v49h-71zm94 0h89v49h-89zM72 228h68v59H72zm162-4h70v78h-70zm98 0h101v78H332zm183 22h51v63h-51zm85 0h74v63h-74zm111 0h89v63h-89zM77 370h92v52H77zm126 0h74v52h-74zm117 0h109v52H320zm195 35h72v55h-72zm111 0h72v55h-72zM351 491h72v56h-72zm115 0h135v56H466z'/%3E%3Cpath d='M422 184c0 36 58 36 58 0M538 82v102M42 331h142M184 463h311M648 463h196' stroke-dasharray='7 7'/%3E%3C/g%3E%3C/svg%3E");}
#sitewrapper {position:relative;z-index:1;}
#sitewrapper {width:min(94vw,1640px);margin:auto;}
#siteheader {position:relative;isolation:isolate;width:100% !important;height:330px !important;overflow:hidden;box-shadow:0 24px 55px rgba(11,31,48,.22);}
#siteheader::before {content:none;}
.front-slideshow {float:none;width:100% !important;height:330px;overflow:hidden;position:relative;top:0 !important;left:0 !important;background:#09223a url('eiko_location.webp?v=1') center 35%/cover no-repeat;}
.front-slideshow::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,21,38,.34) 0%,rgba(7,28,49,.10) 43%,rgba(7,28,49,0) 68%,rgba(7,28,49,.08) 100%),linear-gradient(0deg,rgba(3,17,30,.12),transparent 52%);}
.front-slideshow img {width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;filter:brightness(1.24) saturate(1.04);}
#header-left {position:absolute;z-index:2;top:42px;left:calc(clamp(28px,4vw,70px) - 5px);width:clamp(154px,14.7vw,238px);height:auto !important;}
#header-left > a > img {width:100%;height:auto;display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.23));}
#header-left #printlogo {display:none;}
#header-right {position:absolute;z-index:2;right:calc(clamp(16px,2.5vw,55px) + 10px);top:-57px;bottom:auto;width:min(48vw,650px);height:auto !important;text-align:right;}
#header-right h1 {font-size:45px;color:#eee;white-space:nowrap;}
h1 {color:#ddd;font-size:clamp(27px,2.6vw,44px);font-weight:normal;letter-spacing:.06em;line-height:1.17;text-shadow:0 4px 24px rgba(0,0,0,.42);padding:0;}
.service-rotator {display:inline-block;position:relative;min-width:16ch;height:1.22em;overflow:hidden;vertical-align:top;text-transform:uppercase;}
.service-rotator span {position:absolute;inset:0 0 auto auto;width:100%;white-space:nowrap;text-align:right;opacity:0;transform:translateY(70%);animation:rotate-service 18s infinite cubic-bezier(.4,0,.2,1);}
.service-rotator span:nth-child(2) {animation-delay:-12s;}
.service-rotator span:nth-child(3) {animation-delay:-6s;}
.layout-sidebar {float:left;width:24%;max-width:320px;line-height:2;margin-top:20px;background:rgba(255,255,255,.94);padding:22px 26px;box-sizing:border-box;box-shadow:0 18px 38px rgba(12,38,60,.13);border-top:4px solid #1b5d91;font-weight:bold;position:relative;}
#menuleft {width:100%;font-size:21.6px;}
#centercontent {width:calc(min(94vw, 1640px) - (2 * min(24%, 320px)));max-width:none;min-height:520px;background:rgba(255,255,255,.94);padding:36px 42px;box-sizing:border-box;box-shadow:0 22px 48px rgba(12,38,60,.13);font-size:20px;border-top:4px solid #d7a400;}
#centercontent {position:relative;overflow:hidden;}
#centercontent::after {content:'';position:absolute;z-index:0;right:-105px;bottom:-110px;width:540px;height:420px;opacity:.09;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 460'%3E%3Cg fill='none' stroke='%23175888' stroke-width='3'%3E%3Cpath d='M25 35H315V104H502V375H262V432H25Z M92 35V162H262V104 M262 162H502 M25 252H188V432 M92 162V252 M188 252V375H364V162 M364 162V298H502 M262 104V432 M25 342H188 M364 298H502'/%3E%3Cpath d='M115 67h88v62h-88zm112 0h59v62h-59zm-156 214h82v58H71zm221-78h55v78h-55zm92 126h80v34h-80z'/%3E%3Ccircle cx='262' cy='252' r='24'/%3E%3Cpath d='M238 252h48M262 228v48M502 104l55 55v171l-55 45'/%3E%3C/g%3E%3C/svg%3E");}
#centercontent > * {position:relative;z-index:1;}
#menuright {float:right;width:24%;max-width:320px;color:#405566;margin-top:23px;font-size:20.4px;line-height:1.45;background:rgba(255,255,255,.94);padding:22px 26px;box-sizing:border-box;box-shadow:0 18px 38px rgba(12,38,60,.13);border-top:4px solid #1b5d91;font-weight:bold;position:relative;}
#menuright > div > span.noprinting {font-size:17px;}
#menuright > div {padding-left:0 !important;}
h2 {color:#fff;background:linear-gradient(to top,#021230,#09307a 20%);line-height:1.3;font-weight:normal;padding:12px 0 15px 18px;margin-bottom:20px;letter-spacing:.06em;font-variant:normal;text-shadow:none;font-size:30px;border-left:5px solid #d7a400;box-shadow:0 12px 26px rgba(11,41,69,.14);}
h3 {color:#102f4e;font-variant:normal;line-height:1.1;font-weight:normal;padding-top:10px;margin-top:15px;font-size:31.2px;}
.property-reference {transition:background-color .2s ease;}
.property-reference:hover {background-color:#DCE6EC;}
.property-reference h3 {padding-top:0;margin-top:5px;}
.property-reference-content::after {content:'';display:block;clear:both;}
.property-reference-photo {float:right;margin:0 15px 12px 24px;}
.property-reference-photo.is-expanded {float:none;max-width:100%;margin:0 0 12px;}
.property-reference-photo .imagezoom,.property-photo-transition {border-radius:10px;}
html.h3-typing-enabled h3 {visibility:hidden;}
html.h3-typing-enabled h3.h3-typing-ready {visibility:visible;}
.h3-typing-text {display:inline-block;max-width:100%;font-family:inherit;clip-path:inset(-.12em 100% -.24em -.08em);}
.h3-visible .h3-typing-text {animation:h3-type var(--h3-typing-duration,1.5s) steps(var(--h3-character-count,20),end) forwards;}
@keyframes h3-type {
  from {clip-path:inset(-.12em 100% -.24em -.08em);}
  to {clip-path:inset(-.12em -.08em -.24em -.08em);}
}
h3::before {content:"\25A0";color:#d7a400;font-size:52px;margin-right:8px}
.fontcolor3,.tdlegend {color:#d7a400;}
a:hover {border-bottom-color:#d7a400;background:#102f4e;color:#fff;}
.leftmenu-link {border-bottom:1px solid rgba(20,78,128,.16);display:inline-block;letter-spacing:.04em;}
#menuleft .leftmenu-link {display:block;}
#menuleft .property-country-menu-title,#menuleft .property-country-selector a {border-bottom:0;}
hr {background:linear-gradient(90deg,#d7a400,rgba(18,88,134,.12));height:1px;}
#menuleft hr {height:3px;background:#d7a400;}
input,textarea {font-size:16px;border:1px solid #8ba1b3;padding:6px 8px;}
footer,#sitefooter {font-size:16.8px;background:linear-gradient(to top,#021230,#09307a 20%);color:#dce6ed;border-top:3px solid #d7a400;padding:20px 0 24px 24%;margin-top:36px;}
footer a,#sitefooter a {color:#fff;}
@keyframes rotate-service {0% {opacity:0;transform:translateY(35%)} 8%,28% {opacity:1;transform:translateY(0)} 36%,100% {opacity:0;transform:translateY(-35%)}}
@media screen and (max-width:1024px) {
  body {font-size:18px;}
  #sitewrapper {width:min(94vw,720px);}
  #siteheadersmall {border-top-color:#102b45;}
  #centercontent {float:none;width:100%;max-width:100%;padding:24px;box-shadow:none;}
  h2 {font-size:27.6px;}
  h3 {width:100% !important;font-size:24px;}
}

/* A landscape tablet must not allow copy to wrap around an expanded photo. */
@media screen and (orientation:landscape) and (min-width:1025px) and (max-width:1366px) {
  .property-reference-content.has-expanded-photo {display:flex;flex-direction:column;overflow:hidden;}
  .property-reference-content.has-expanded-photo::after {display:none;}
  .property-reference-content.has-expanded-photo .property-reference-photo {float:none !important;clear:both;width:100%;max-width:100%;margin:0 0 16px !important;}
  .property-reference-content.has-expanded-photo .imagezoom.is-expanded {float:none !important;display:block;max-width:100% !important;}
}

/* Detailed, faded retail and office floor-plan notation */
body::before {background-size:1240px auto;background-position:right 20px top 20px;background-image:url('mall-plan-background.svg');opacity:.3;}
body::after {background-size:1240px auto;background-position:left 20px bottom 20px;background-image:url('mall-plan-background.svg');opacity:.3;}
#siteheadersmall + br,#siteheadersmall + br + br {display:none;}

/* Unified rounded surface treatment */
#siteheader,.front-slideshow {border-radius:22px;}
.front-slideshow img {border-radius:22px;}
#header-left > a > img,#siteheadersmall img,#menuleft img,#menuright img {border-radius:0;}
#centercontent {border-radius:16px;}
.layout-sidebar {border-radius:16px 0 0 16px;}
#menuright {border-radius:0 16px 16px 0;}
h2 {border-radius:14px;}
footer,#sitefooter {border-radius:16px 16px 0 0;}
#centercontent img,#centercontent iframe,#centercontent video,#centercontent embed {overflow:hidden;}
#centercontent div[style*="background"],#centercontent table,#centercontent .highlight,#centercontent .warning {border-radius:12px;}
input,textarea,select {border-radius:10px;}
#menubar #searchform input {border-radius:0;}
.page-contact * {border-radius:0 !important;}

/* Back to page top */
#backtotop {display:block !important;margin:0 !important;visibility:hidden;opacity:0;transition:opacity .25s ease;}
#backtotop.is-visible {visibility:visible;opacity:1;}
#backtotop a {position:fixed;z-index:1222;right:13px;bottom:23px;color:#09307a;border-bottom:0;font-size:40px;font-weight:bold;line-height:1;cursor:pointer;}
#backtotop a:hover {color: #1b5d91;background:transparent;border-bottom:0;}
@media screen and (max-width:768px) {#backtotop a {right:12px;bottom:20px;font-size:34px;}}

/* Tablet and portrait layout */
#tablet-navigation {display:none;}
.mobile-bottom-logo {display:none;}
@media screen and (max-width:1023px) {
  #sitewrapper {width:min(94vw,720px);margin:0 auto;}
  .tablet-footer-links {padding-bottom:60px;}
  .tablet-footer-links > a {font-size:2em;}
  #siteheader,#siteheadersmall {display:none !important;}
  #sitewrapper > .layout-sidebar {display:none !important;}
  #tablet-navigation {position:relative;z-index:3;display:flex !important;align-items:center;gap:10px;margin:0 0 20px;padding:8px 12px;background:rgba(255,255,255,.96);border-top:3px solid #1b5d91;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(12,38,60,.12);box-sizing:border-box;}
  #tablet-navigation:has(.tablet-menu[open])::before {content:'';position:fixed;inset:0;z-index:-1;background:rgba(9,47,77,.08);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;animation:tablet-page-blur-in .32s ease both;}
  @keyframes tablet-page-blur-in {
    from {background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);}
    to {background:rgba(9,47,77,.08);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);}
  }
  .tablet-menu {position:relative;flex:0 0 auto;margin-right:18px;}
  .tablet-menu summary {display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer;color:#102f4e;font-weight:bold;letter-spacing:.05em;}
  .tablet-menu summary::-webkit-details-marker {display:none;}
  .tablet-hamburger {display:inline-block;width:26px;height:16px;background:linear-gradient(currentColor,currentColor) 0 0/100% 3px no-repeat,linear-gradient(currentColor,currentColor) 0 6.5px/100% 3px no-repeat,linear-gradient(currentColor,currentColor) 0 13px/100% 3px no-repeat;}
  .tablet-menu-links {position:absolute;z-index:5;top:calc(100% + 10px);left:-12px;min-width:220px;padding:8px 12px;background:#fff;box-shadow:0 14px 28px rgba(12,38,60,.2);transform-origin:top center;will-change:clip-path,opacity,transform;}
  .tablet-menu[open] .tablet-menu-links {animation:tablet-menu-reveal .68s cubic-bezier(.22,1,.36,1) both;}
  @keyframes tablet-menu-reveal {
    from {opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-8px) scaleY(.96);}
    to {opacity:1;clip-path:inset(0);transform:translateY(0) scaleY(1);}
  }
  .tablet-menu-links a {display:block;padding:7px 2px;color:#102f4e;border-bottom:1px solid rgba(20,78,128,.16);font-weight:bold;}
  .tablet-menu-links a:hover {color:#fff;}
  .tablet-menu-links .tablet-country-links a {padding:4px 2px 4px 16px;font-size:15px;}
  .tablet-menu-links a:last-child {border-bottom:0;}
  .tablet-language {display:flex;gap:6px;align-items:center;font-size:16px;font-weight:bold;white-space:nowrap;}
  .tablet-language span {padding:1px 4px;background:#113355;color:#fff;}
  .tablet-language a {color:#1b5d91;border-bottom:0;}
  #tablet-search {position:relative;flex:0 1 145px;min-width:80px;margin:-3px 0 0 auto;}
  #tablet-search::before {content:'🔍';position:absolute;z-index:1;top:50%;left:7px;font-size:14px;line-height:1;transform:translateY(-50%);}
  #tablet-search input {width:100%;height:28px;min-width:0;padding:2px 7px 2px 26px;background:#f2f5f7;box-sizing:border-box;font-size:15px;}
  #tablet-search input:focus {background:#FFEE99;}
  #centercontent h2 {font-size:30px;color:#135 !important;text-align:center;padding:0 0 12px 0;background:none !important;border:none !important}
  h3 {font-weight:bold;}
  .tablet-h2-hero {position:relative;display:block;width:100%;max-width:620px;margin:0 auto 14px}
  .tablet-h2-hero > img {display:block;width:100%;height:auto;border-radius:10px}
  .tablet-h2-hero > a {position:absolute;top:50%;left:50%;width:clamp(180px,39.6vw,276px);transform:translate(-50%,-50%);border-bottom:0;}
  .tablet-h2-logo {display:block;width:100%;height:auto;filter:brightness(1.25);}
  #centercontent + .mobile-bottom-logo {clear:both;display:block;width:100%;margin-top:30px !important;margin-bottom:8px;text-align:center;box-sizing:border-box;}
  .mobile-bottom-logo a {display:block;border-bottom:0;background:transparent;}
  .mobile-bottom-logo img {display:block;width:100%;height:auto;filter:brightness(80%);}
  .mobile-bottom-logo ~ br {display:none;}
}

/* Print layout */
@media print {
  html,body {background:#fff !important;color:#000 !important;font-size:12pt !important;}
  body::before,body::after {display:none !important;}
  #sitewrapper {display:flex !important;flex-direction:column;width:100% !important;margin:0 !important;padding:0 !important;background:#fff !important;}
  #sitewrapper > br,#sitewrapper > .test,.layout-sidebar,#tablet-navigation,.tablet-footer-links,.mobile-bottom-logo,.tablet-h2-hero,.yield-graphic-link,#backtotop {display:none !important;}
  #siteheader {order:1;display:block !important;width:100% !important;height:auto !important;min-height:0 !important;margin:0 0 12pt !important;overflow:visible !important;background:none !important;border:0 !important;box-shadow:none !important;}
  #siteheader .front-slideshow,#header-right,#header-left > a {display:none !important;}
  #header-left {position:static !important;width:100% !important;height:auto !important;transform:none !important;}
  #printlogo {display:block !important;margin:0 !important;}
  #printlogo img {display:block;width:330px !important;height:auto !important;margin:0 !important;filter:grayscale(1) contrast(0) brightness(.7) !important;}
  #menuright {order:2;display:block !important;float:none !important;width:100% !important;max-width:none !important;margin:0 0 14pt !important;padding:0 !important;color:#000 !important;background:#fff !important;border:0 !important;box-shadow:none !important;font-size:12pt !important;line-height:1.45 !important;}
  #menuright > div,#menuright div[style] {padding:0 !important;margin:0 !important;background:none !important;}
  #centercontent {order:3;float:none !important;width:100% !important;max-width:none !important;min-height:0 !important;margin:0 !important;padding:0 !important;background:#fff !important;color:#000 !important;border:0 !important;box-shadow:none !important;font-size:12pt !important;line-height:1.45 !important;overflow:visible !important;}
  #centercontent::after {display:none !important;}
  #centercontent > * {color:#000 !important;}
  #centercontent hgroup {display:block !important;}
  html.h3-typing-enabled h3 {visibility:visible !important;}
  .h3-typing-text {clip-path:none !important;animation:none !important;}
  #centercontent h2,#centercontent h3 {width:100% !important;max-width:none !important;margin:0 0 10pt !important;padding:0 0 4pt !important;color:#000 !important;background:#fff !important;border:0 !important;border-bottom:1pt solid #000 !important;box-shadow:none !important;font-size:18pt !important;font-weight:bold !important;line-height:1.2 !important;text-align:left !important;letter-spacing:0 !important;}
  #centercontent h2 {margin:15pt 0 10pt !important;color:#082f4e !important;border:0 !important;border-radius:0 !important;font-size:28pt !important;}
  #centercontent h3::before {display:none !important;}
  #centercontent img,#centercontent iframe,#centercontent video,#centercontent embed {max-width:100% !important;box-shadow:none !important;}
  .property-reference,.property-reference-content,.property-reference-photo,.property-reference-photo img {break-inside:avoid;page-break-inside:avoid;}
  #centercontent .property-map {display:block !important;width:100% !important;height:273px !important;break-inside:avoid;page-break-inside:avoid;}
  #sitefooter {order:4;display:block !important;width:100% !important;margin:12pt 0 0 !important;padding:0 !important;background:#fff !important;color:#000 !important;border:0 !important;box-shadow:none !important;font-size:10pt !important;text-align:left !important;}
}

/* 2026B premium redesign -------------------------------------------------------
   Desktop navigation is deliberately arranged as two horizontal bands below
   the hero. The existing compact tablet/mobile navigation remains unchanged. */
:root {
  --eiko-ink:#10283c;
  --eiko-ink-soft:#40586a;
  --eiko-blue:#3f718c;
  --eiko-blue-bright:#668b9e;
  --eiko-blue-deep:#082f4e;
  --eiko-copper:#a87343;
  --eiko-copper-light:#d5ae82;
  --eiko-sand:#eee5d8;
  --eiko-ivory:#fbf9f5;
  --eiko-line:rgba(26,69,99,.16);
  --eiko-shadow:0 24px 60px rgba(11,39,58,.14);
}

@media screen {
  html,body,body * {font-family:'Noto Sans',Arial,sans-serif;}
  h3,h3 * {font-family:'Cormorant Garamond',Georgia,serif;}

  html {background:#F0EFE7;}
  body {
    color:var(--eiko-ink);
    background:#F0EFE7;
  }
  body::before,body::after {display:none;}

  #sitewrapper {
    width:min(94vw,1540px);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:
      "hero hero"
      "menubar menubar"
      "contact contact"
      "content content"
      "mobilelogo mobilelogo"
      "footer footer";
    align-items:start;
  }
  #sitewrapper > br {display:none;}

  #siteheader {
    grid-area:hero;
    height:200px !important;
    border:1px solid rgba(255,255,255,.55);
    border-radius:4px 4px 0 0;
    box-shadow:0 28px 70px rgba(5,32,51,.24);
  }
  .front-slideshow {height:200px;border-radius:3px 3px 0 0;background:#082f4e;}
  .front-slideshow img {border-radius:0;}
  .front-slideshow::after {
    background:
      radial-gradient(ellipse 54% 120% at 10% -20%,rgba(0,5,12,.96) 0%,rgba(1,13,24,.64) 38%,transparent 70%),
      radial-gradient(ellipse 50% 68% at 69% 43%,rgba(255,255,255,.4) 0%,rgba(255,255,255,.15) 40%,transparent 70%),
      linear-gradient(154deg,rgba(1,12,22,.5) 0%,transparent 42%,rgba(0,7,14,.76) 100%),
      linear-gradient(180deg,rgba(0,8,16,.52) 0%,transparent 32%,transparent 58%,rgba(0,7,14,.82) 100%);
    box-shadow:inset 26px 22px 52px rgba(0,5,12,.42),inset -30px -48px 64px rgba(0,4,10,.58),inset 0 1px rgba(255,255,255,.34);
    pointer-events:none;
  }
  .collage-reel {
    width:100%;
    will-change:transform;
    animation:eiko-collage-up 48s linear infinite;
  }
  .collage-row {
    width:100%;
    height:200px;
    overflow:hidden;
    border-bottom:2px solid rgba(255,255,255,.08);
    box-sizing:border-box;
    perspective:700px;
  }
  .collage-track {
    width:100%;
    height:100%;
  }
  .collage-set {
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    grid-template-rows:repeat(2,100px);
    gap:7px;
    width:100%;
    height:100%;
  }
  .collage-set img {
    width:100%;
    height:100px;
    object-fit:cover;
    filter:saturate(.82) contrast(130%) brightness(.94) drop-shadow(0 5px 8px rgba(0,13,22,.34));
    backface-visibility:hidden;
  }
  .collage-set img:nth-child(-n+12) {
    transform:rotateX(-7deg) scale(1.045);
    transform-origin:center bottom;
  }
  .collage-set img:nth-child(n+13) {
    transform:rotateX(7deg) scale(1.045);
    transform-origin:center top;
  }
  #header-left {
    top:50%;
    left:clamp(28px,3.5vw,58px);
    width:clamp(235px,20vw,320px);
    padding:0;
    box-sizing:border-box;
    background:transparent;
    border:0;
    box-shadow:none;
    transform:translateY(-50%) perspective(900px) rotateY(2deg);
  }
  #header-left::after {display:none;}
  #header-left > a > img {filter:brightness(1.24) drop-shadow(0 7px 10px rgba(0,19,31,.58));}
  #header-right {
    z-index:3;
    right:clamp(28px,3.5vw,58px);
    top:50%;
    width:min(52vw,700px);
    transform:translateY(-50%);
  }
  #header-right > br {display:none;}
  #header-right h1 {
    font-family:'Noto Sans',Arial,sans-serif;
    color:#fff;
    font-size:clamp(32px,calc(3.2vw - 2px),50px);
    font-weight:500;
    letter-spacing:.015em;
    line-height:1.02;
    text-shadow:0 5px 28px rgba(0,21,35,.55);
  }
  .service-rotator,.service-rotator span {font-family:'Noto Sans',Arial,sans-serif;}
  .service-rotator {
    display:block;
    width:100%;
    min-width:0;
    height:1.12em;
    color:#f0d2ac;
    letter-spacing:.055em;
  }
  .service-rotator span {
    visibility:hidden;
    animation-name:rotate-service-visible !important;
    animation-duration:18s !important;
    animation-timing-function:linear !important;
    animation-iteration-count:infinite !important;
    animation-fill-mode:none !important;
  }
  .service-rotator span:nth-child(1) {animation-delay:0s !important;}
  .service-rotator span:nth-child(2) {animation-delay:6s !important;}
  .service-rotator span:nth-child(3) {animation-delay:12s !important;}

  #menubar {
    grid-area:menubar;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"primary utility";
  }

  .layout-sidebar {
    grid-area:primary;
    float:none;
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
    padding:0 0 0 clamp(18px,2.5vw,42px);
    background:linear-gradient(100deg,var(--eiko-blue-deep),#234f68 66%,#3f718c);
    border:0;
    border-top:6px solid var(--eiko-copper-light);
    border-radius:0 0 0 10px;
    box-shadow:0 14px 34px rgba(7,40,62,.18);
    line-height:1.2;
  }
  #menuleft {
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    flex-wrap:wrap;
    width:100%;
    font-size:13px;
    letter-spacing:.08em;
  }
  #menuleft hr {display:none;}
  #menuleft .leftmenu-link {
    display:flex;
    align-items:center;
    min-height:56px;
    padding:0 clamp(12px,1.35vw,22px);
    box-sizing:border-box;
    color:#f7fafb;
    border:0;
    border-right:1px solid rgba(255,255,255,.14);
    text-decoration:none;
    transition:background-color .2s ease,color .2s ease,box-shadow .2s ease;
  }
  #menuleft .leftmenu-link:first-of-type {border-left:1px solid rgba(255,255,255,.14);}
  #menuleft .leftmenu-link:hover,
  #menuleft .leftmenu-link:focus-visible {
    color:#fff;
    background:rgba(255,255,255,.1);
    box-shadow:inset 0 -4px var(--eiko-copper-light);
  }
  #menuleft .leftmenu-link[style*="d7a400"] {
    color:#f3d3aa !important;
    box-shadow:inset 0 -6px var(--eiko-copper-light);
  }
  #menuleft .property-country-menu-title {border-right:0;}
  .property-country-selector {
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    margin:0 !important;
    padding:0 20px 0 0 !important;
    border-right:1px solid rgba(255,255,255,.14);
  }
  #menuleft .property-country-selector a {
    display:inline-flex;
    align-items:center;
    gap:4px;
    margin:0;
    padding:5px 6px !important;
    color:#fff;
    border:1px solid rgba(255,255,255,.16);
    border-radius:2px !important;
    font-size:12px;
  }

  #menuright,.desktop-menu-panel {display:contents;}
  .desktop-menu-tools {
    grid-area:utility;
    display:flex;
    align-items:center;
    gap:16px;
    min-height:56px;
    padding:0 clamp(18px,2.5vw,38px) 0 18px;
    color:#fff;
    background:#35657f;
    border-top:6px solid var(--eiko-copper-light);
    box-shadow:inset 8px 0 10px -10px rgba(2,25,42,.7);
    box-sizing:border-box;
    font-size:12px;
    font-weight:600;
    border-radius:0 0 10px 0;
  }
  .desktop-menu-tools > span.noprinting {font-size:12px;white-space:nowrap;letter-spacing:.06em;}
  .desktop-menu-tools > span.noprinting > span {border-color:#fff !important;}
  .menu-symbol {display:inline-block;font-family:Arial,sans-serif;font-size:1.08em;line-height:1;vertical-align:-.04em;}
  .desktop-menu-tools .menu-symbol {color:#fff;}
  .desktop-menu-tools .language-symbol {
    width:20px;
    height:20px;
    color:#fff !important;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
    vertical-align:-5px;
  }
  .desktop-menu-tools .sitemap-symbol {margin-left:14px;}
  .org-chart-icon {
    position:relative;
    width:21px;
    height:18px;
    vertical-align:-3px;
    background:
      linear-gradient(currentColor,currentColor) center 5px/1px 6px no-repeat,
      linear-gradient(currentColor,currentColor) center 10px/15px 1px no-repeat,
      linear-gradient(currentColor,currentColor) 3px 10px/1px 3px no-repeat,
      linear-gradient(currentColor,currentColor) 17px 10px/1px 3px no-repeat;
  }
  .org-chart-icon::before {
    content:'';
    position:absolute;
    top:0;
    left:7px;
    width:7px;
    height:5px;
    border:1px solid currentColor;
    box-sizing:border-box;
  }
  .org-chart-icon::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:7px;
    height:5px;
    border:1px solid currentColor;
    box-sizing:border-box;
    filter:drop-shadow(14px 0 0 currentColor);
  }
  .desktop-menu-tools > span.noprinting > a:last-child {margin-left:2px;}
  #menubar #searchform {display:block;}
  #menubar #searchform input {
    width:112px !important;
    height:31px;
    padding:5px 10px !important;
    box-sizing:border-box;
    color:var(--eiko-ink);
    background:#fff !important;
    border:1px solid rgba(255,255,255,.8) !important;
    border-radius:2px;
  }
  .office-address {
    grid-area:contact;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:3px clamp(12px,2vw,28px);
    margin:0 !important;
    padding:8px clamp(22px,3vw,48px);
    padding-right:clamp(12px,2.35vw,38px);
    color:#000;
    text-align:right;
    border-bottom:1px solid var(--eiko-line);
    border-radius:0 0 10px 10px;
    box-shadow:0 12px 26px rgba(10,42,62,.07);
    font-size:12px;
    line-height:1.35;
    font-weight:600;
  }
  .office-address > span {white-space:nowrap;}
  .office-address > span:nth-child(1),
  .office-address > span:nth-child(2) {margin-right:-5px;}
  .office-address .menu-symbol {color:var(--eiko-copper);}
  .office-address .envelope-symbol {font-size:1.28em;vertical-align:-.1em;}
  .desktop-menu-tools a {color:#fff;}
  .office-address a {color:var(--eiko-blue-deep);}
  #menuright a:hover {color:#fff;}

  #centercontent {
    --eiko-content-padding:clamp(34px,5vw,116px);
    --eiko-side-area:calc(var(--eiko-content-padding) + 2px);
    grid-area:content;
    float:none;
    width:100%;
    max-width:none;
    min-height:580px;
    margin:10px 0 0;
    padding:0 var(--eiko-content-padding) 72px;
    color:var(--eiko-ink);
    background:
      linear-gradient(to right,
        #b2bbbd 0 var(--eiko-side-area),
        rgba(251,249,245,.97) var(--eiko-side-area) calc(100% - var(--eiko-side-area)),
        #b2bbbd calc(100% - var(--eiko-side-area)) 100%);
    border:1px solid rgba(255,255,255,.85);
    border-top:0;
    border-radius:3px;
    box-shadow:var(--eiko-shadow);
    font-size:18px;
    line-height:1.75;
    overflow-wrap:anywhere;
  }
  #centercontent::after {display:none;}
  .centercontent-body {
    min-width:0;
    padding-top:7px;
    padding-inline:32px;
    box-sizing:border-box;
    font-size:calc(1em + 1px);
  }
  .yield-graphic-link {
    display:block;
    width:100%;
    margin:24px auto 0;
    line-height:0;
  }
  .yield-graphic {
    display:block;
    width:100%;
    height:auto;
    margin:0;
    border-radius:18px;
    box-shadow:0 18px 42px rgba(9,47,77,.16);
  }
  #centercontent hgroup {margin:0 0 8px;}
  @media (min-width:1024px) {
    #centercontent hgroup {transform:none;}
  }
  h2 {
    position:relative;
    width:max-content;
    max-width:100%;
    margin:0 0 0 -38px;
    padding:15px 58px 17px 38px;
    color:#fff;
    background:linear-gradient(105deg,#092f4d 0%,#315f79 72%,#527c91 100%);
    border:0;
    border-left:5px solid var(--eiko-copper-light);
    border-radius:0 3px 3px 0;
    box-shadow:0 13px 26px rgba(6,42,66,.2);
    font-size:clamp(29px,calc(2.6vw - 2px),41px);
    font-weight:600;
    letter-spacing:.012em;
    line-height:1.12;
  }
  h2::before {
    content:'';
    position:absolute;
    left:0;
    bottom:-26px;
    border-top:26px solid #051f34;
    border-left:36px solid transparent;
  }
  h2::after {display:none;}
  h3 {
    position:relative;
    margin:34px 0 16px;
    padding:9px 0 10px 25px;
    color:var(--eiko-blue-deep);
    font-size:clamp(34px,2.625vw,45px);
    font-weight:600;
    letter-spacing:.005em !important;
    line-height:1.12;
    border-bottom:1px solid var(--eiko-line);
  }
  h3::before {
    content:'';
    position:absolute;
    left:0;
    top:.15em;
    width:7px;
    height:.82em;
    margin:0;
    background:linear-gradient(var(--eiko-copper-light),var(--eiko-copper));
    box-shadow:3px 3px 0 rgba(10,58,89,.12);
  }
  a {color:#0f659d;transition:color .18s ease,background-color .18s ease,border-color .18s ease;}
  a:hover {background:var(--eiko-blue-deep);border-bottom-color:var(--eiko-copper-light);}
  :focus-visible {outline:3px solid rgba(74,116,139,.5);outline-offset:3px;}
  .fontcolor3,.tdlegend {color:var(--eiko-copper);}
  hr {background:linear-gradient(90deg,var(--eiko-copper),rgba(23,108,165,.12));}
  .property-reference {
    margin:0 -18px;
    padding:18px;
    border:1px solid transparent;
    border-radius:3px;
    transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;
  }
  .property-reference h3 {padding-top:9px;}
  .property-reference:hover {
    background:#fff;
    border-color:var(--eiko-line);
    box-shadow:0 16px 34px rgba(11,48,72,.1);
    transform:translateY(-2px);
  }
  .property-reference-photo .imagezoom,.property-photo-transition {
    border-radius:3px;
    box-shadow:0 2px 4px rgba(7,28,42,.12),0 14px 30px rgba(7,28,42,.18),0 28px 55px rgba(7,28,42,.1);
  }
  input,textarea,select {border-color:#adbdc7;background:#fff;}

  #sitefooter {
    grid-area:footer;
    margin:0;
    padding:38px clamp(28px,4vw,64px);
    box-sizing:border-box;
    color:#dbe7ed;
    background:#1C4761;
    border-top:10px solid var(--eiko-copper);
    border-radius:3px 3px 0 0;
    font-size:13px;
    letter-spacing:.025em;
  }

  @keyframes eiko-collage-up {to {transform:translateY(-400px);}}
  @keyframes rotate-service-visible {
    0%,28% {visibility:visible;opacity:1;transform:translateY(0);}
    33% {visibility:hidden;opacity:0;transform:translateY(-35%);}
    33.01%,100% {visibility:hidden;opacity:0;transform:translateY(35%);}
  }
}

@media screen and (min-height:700px) {
  #menubar,
  #tablet-navigation {
    position:sticky;
    top:0;
    z-index:10;
  }
}

@media screen and (max-width:1023px) {
  body {background: #fafaf7}
  #sitewrapper {
    display:block;
    width:min(94vw,720px);
  }
  #menubar {display:none;}
  #menuright {display:none !important;}
  #tablet-navigation {
    border-top-color:var(--eiko-copper);
    border-radius:0 0 7px 7px;
    background:#edf0f4;
  }
  #tablet-search {min-width:0;}
  .tablet-menu summary {color:var(--eiko-blue-deep);}
  .tablet-menu-links {border-top:3px solid var(--eiko-copper-light);}
  #centercontent {
    margin:0;
    padding:28px clamp(18px,5vw,34px) 46px;
    background:rgba(251,249,245,.97);
    border-radius:3px;
    font-size:17px;
  }
  #centercontent hgroup {margin-bottom:26px;}
  #centercontent h2 {
    width:auto;
    max-width:none;
    margin:0;
    padding:0 0 17px;
    color:var(--eiko-blue-deep);
    background:transparent;
    border:0;
    border-bottom:2px solid var(--eiko-copper-light);
    border-radius:0;
    box-shadow:none;
    font-size:30px;
    text-align:left;
    overflow-wrap:anywhere;
  }
  #centercontent h2::before,#centercontent h2::after {display:none;}
  .tablet-h2-hero {margin:0 auto 24px;}
  .tablet-h2-hero > img {border-radius:3px;filter:brightness(.92) saturate(.88);}
  .tablet-h2-logo {filter:drop-shadow(0 7px 10px rgba(0,0,0,.28)) brightness(1.2);}
  h3 {max-width:100%;padding-left:20px;box-sizing:border-box;font-size:34px;overflow-wrap:anywhere;}
  .property-reference {margin:0;padding:12px 0;}
  .property-reference:hover {box-shadow:none;transform:none;}
}

@media screen and (max-width:1023px) {
  #centercontent {margin-top:-20px;padding-left:0;padding-right:0;}
  #centercontent .centercontent-body {padding-left:0;padding-right:0;}
  #tablet-navigation {box-shadow:0 5px 5px #a29a9a}
  .tablet-menu summary {color:#70401d;}
  .tablet-language {transform:translateX(-5px);}
  #tablet-search input {-webkit-appearance:none;appearance:none;border:2px solid #a87343;box-shadow:none;}
  body.page-index #tablet-navigation {border-top:0;}
  body.page-index #siteheader {
    display:block !important;
    height:215px !important;
    border-top:14px solid var(--eiko-copper);
    border-radius:3px 3px 0 0;
  }
  body.page-index #siteheader .front-slideshow {height:215px;}
  body.page-index #siteheader .front-slideshow::after {
    background:
      radial-gradient(ellipse 66% 110% at 7% -16%,rgba(0,5,12,.94) 0%,rgba(1,13,24,.58) 40%,transparent 72%),
      radial-gradient(ellipse 62% 66% at 67% 44%,rgba(255,255,255,.34) 0%,rgba(255,255,255,.12) 42%,transparent 72%),
      linear-gradient(150deg,rgba(1,12,22,.46) 0%,transparent 42%,rgba(0,7,14,.78) 100%),
      linear-gradient(180deg,rgba(0,8,16,.48) 0%,transparent 34%,transparent 57%,rgba(0,7,14,.84) 100%);
    box-shadow:inset 20px 20px 44px rgba(0,5,12,.42),inset -24px -44px 56px rgba(0,4,10,.6);
  }
  body.page-index #siteheader .collage-reel {
    animation:eiko-collage-up-mobile 24s linear infinite;
  }
  body.page-index #siteheader .collage-row {height:215px;border-bottom-width:2px;}
  body.page-index #siteheader .collage-set {
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:3px;
  }
  body.page-index #siteheader .collage-set img {
    height:100%;
    transform:none;
    filter:saturate(.92) contrast(130%) brightness(1.08);
  }
  body.page-index #siteheader .collage-set img:nth-child(n+9) {display:none;}
  body.page-index #siteheader #header-left {
    display:block;
    z-index:3;
    top:50%;
    left:50%;
    width:clamp(300px,95vw,375px);
    transform:translate(-50%,-50%);
  }
  body.page-index #siteheader #header-left > a > img {
    filter:brightness(1.18) contrast(1.08) drop-shadow(0 7px 12px rgba(0,12,22,.72));
  }
  body.page-index #siteheader #header-right {display:none;}
  body.page-index .tablet-h2-hero {display:none;}
  body.page-index #tablet-navigation {margin-bottom:0;}
  body.page-index #centercontent {padding-top:35px;}
  body.page-index #centercontent hgroup {margin-bottom:5px;}
  #centercontent h2 {
    padding:13px 20px 15px;
    color:#123d58;
    background:linear-gradient(135deg,rgba(255,255,255,.98) 0%,rgba(235,241,244,.94) 58%,rgba(220,231,237,.9) 100%);
    border:0;
    border-radius:4px;
    box-shadow:inset 0 1px 0 #fff,0 9px 22px rgba(7,35,53,.1);
    font-family:inherit;
    font-weight:600;
    letter-spacing:-1px;
    line-height:1.18;
    text-align:center;
  }
  #centercontent h2 .mobile-h2-gradient-text {
    display:inline-block;
    color:#123d58;
    font:inherit;
    background-image:linear-gradient(to bottom,#061a2c 0%,#174a66 55%,#557e91 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:drop-shadow(0 1px 0 rgba(255,255,255,.9));
  }
  @keyframes eiko-collage-up-mobile {to {transform:translateY(-430px);}}
}

@media screen and (max-width:430px) {
  #tablet-navigation {
    display:flex !important;
    gap:4px;
    padding-inline:6px;
  }
  .tablet-menu {margin-right:0;}
  .tablet-language {margin-left:20px;}
  #tablet-search {
    position:absolute;
    top:7px;
    right:6px;
    width:clamp(110px,31vw,135px);
    margin:0;
  }
  #centercontent h2 {font-size:27px;}
  h3 {font-size:31px;}
}

@media screen and (max-width:1023px) {
  body.page-sitemap #sitemap tr {border-color:#999 !important;}
  body.page-sitemap #sitemap td {border-color:#999 !important;}
  body.page-sitemap #sitemap a,
  body.page-sitemap #sitemap a:hover,
  body.page-sitemap #sitemap a:active,
  body.page-sitemap #sitemap a:visited {border-bottom-color:#999 !important;}
}