*,*::before,*::after{box-sizing:border-box}
html{overflow-x:hidden;overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#18191b;color:#fff;font:500 13px/1.8em "Work Sans",sans-serif;-webkit-font-smoothing:antialiased}
body.side-menu-open{overflow:hidden}
#wrapper{background:#0c0d0e}
img{max-width:100%;height:auto;border:0;vertical-align:middle}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5,h6{font-family:"Playfair Display",serif;font-weight:500;line-height:1.1;color:#eceff3;margin:20px 0 10px}
h1{font-size:32px;margin:0;text-align:center;letter-spacing:2px;text-transform:uppercase;font-weight:300}
h2{display:inline-block;font-size:30px;margin-bottom:30px;line-height:1.2em}
h3{font-size:18px;margin-top:0;letter-spacing:3px;text-transform:uppercase}
h4{font-size:18px;margin:10px 0}
h5{font-size:14px;font-weight:700;margin:10px 0}
h6{font-size:12px;margin:10px 0}
p{margin:0 0 20px}
dl{margin:0 0 20px}
dt,dd{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}
b,strong{font-weight:700}
ul,ol{margin:0 0 10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,select{text-transform:none}
textarea{overflow:auto}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
.container{width:100%;max-width:100%;padding:0 15px;margin:0 auto}
.container::after{content:"";display:table;clear:both}
#content{position:relative}
.de-navbar-left section,.de-navbar-left #content{padding:70px}
.no-subpage{display:block;height:40px;padding:0;background:transparent}
.de-navbar-left section.hero,.de-navbar-left section.no-subpage{padding:0}
.spm-split-text{background:rgba(10,10,11,.68) !important;-webkit-backdrop-filter:blur(10px) !important;backdrop-filter:blur(10px) !important}

/* ---------- Fixed side header + menu ---------- */
#de-sidebar{position:fixed;top:0;left:0;width:0;height:100vh;z-index:99999;overflow:visible;transition:width .55s cubic-bezier(.77,0,.18,1)}
#de-sidebar .side-header{position:relative;width:100vw;height:100vh;pointer-events:none}
#logo{position:absolute;top:64px;left:80px;width:140px;pointer-events:auto;z-index:2}
#logo img{display:block;width:100%;height:auto}
#menu-btn{position:absolute;top:calc(50% + 5px);left:6px;transform:translateY(-50%);width:58px;height:58px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;z-index:3}
#menu-btn svg{width:30px;height:30px;fill:#fff;display:block}
#de-sidebar nav{position:absolute;top:50%;left:160px;width:280px;max-width:82vw;transform:translate(-50%,-50%);max-height:72vh;overflow-y:auto;scrollbar-width:none;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease .12s,visibility .4s ease .12s;z-index:2}
#de-sidebar nav::-webkit-scrollbar{display:none}
.mainmenu{list-style:none;margin:0;padding:0}
.mainmenu li{margin:0 0 7px}
.mainmenu>li{padding:10px 0}
.mainmenu>li>a{display:block;padding:7px 4px;border-bottom:1px solid transparent;color:#fff;font:400 10px/12.5px "Work Sans",sans-serif;letter-spacing:5px;cursor:pointer;transition:opacity .2s}
.mainmenu a:hover,.mainmenu li.on>a{opacity:.7}
.mainmenu .sub{display:none;list-style:none;margin:3px auto 9px;padding:0}
.mainmenu li.open>.sub{display:block}
.mainmenu .sub li{margin:0}
.mainmenu .sub a{display:block;padding:6px 10px;font:400 11px/1.35 "Work Sans",sans-serif;letter-spacing:5px;text-transform:uppercase;opacity:.85;color:rgba(255,255,255,.88)}
.mainmenu .sub .sub{margin:0 auto 4px}
.mainmenu .sub .sub a{font-size:10px;opacity:.7}
.mainmenu .caret{display:inline-block;margin-left:6px;border:4px solid transparent;border-top-color:#fff;border-bottom:0;vertical-align:middle;transition:transform .2s}
.mainmenu li.open>a>.caret{transform:rotate(180deg)}
.side-social{position:absolute;bottom:28px;left:0;width:320px;max-width:100%;display:flex;justify-content:center;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease .12s,visibility .4s ease .12s;z-index:2}
.side-social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background .25s,box-shadow .25s}
.side-social a:hover{background:rgba(255,255,255,.15);box-shadow:0 0 12px rgba(255,255,255,.9)}
.side-social svg{width:16px;height:16px;fill:#fff}
#de-sidebar.menu-open{position:fixed;inset:0;width:100vw;max-width:100vw;z-index:100000;background:rgba(20,20,20,.27);-webkit-backdrop-filter:blur(9px) saturate(90%);backdrop-filter:blur(9px) saturate(90%)}
#de-sidebar.menu-open .side-header{background:radial-gradient(ellipse at 10% 28%,rgba(255,255,255,.10) 0%,rgba(255,255,255,.04) 30%,transparent 56%),linear-gradient(90deg,rgba(24,24,23,.72) 0%,rgba(24,24,23,.66) 16%,rgba(24,24,23,.48) 30%,rgba(24,24,23,.27) 48%,rgba(24,24,23,.1) 68%,transparent 88%)}
#de-sidebar.menu-open nav,#de-sidebar.menu-open .side-social{opacity:1;visibility:visible;pointer-events:auto}
#de-sidebar.menu-open #menu-btn{display:none}
#de-sidebar.menu-open #logo{top:68px;left:160px;transform:translateX(-50%);width:100px}
.lang{position:fixed;top:15px;right:15px;z-index:99990;font:500 12px/23px "Work Sans",sans-serif;letter-spacing:.02em}
.lang a{color:#fff;padding:0}
.lang a.cur{font-weight:700}

/* ---------- Footer ---------- */
.footer-side-nav{position:relative;overflow:hidden;background:#0c0d0e;color:#ccc}
.footer-side-nav::before{content:"";position:absolute;inset:-20px;background:url(/assets/img/2026/07/renovation-20.jpg) center/cover;filter:blur(16px);z-index:0}
.footer-side-nav::after{content:"";position:absolute;inset:0;background:rgba(10,10,11,.58);z-index:0}
.footer-side-nav .mainfooter,.footer-side-nav .subfooter{position:relative;z-index:1}
.footer-side-nav a{color:#ccc}
.footer-side-nav a:hover{color:#eceff3}
.footer-side-nav h3{font-size:20px;color:#fff;margin:0 0 20px}
.footer-side-nav p{margin:0 0 20px}
.footer-side-nav .widget{margin:0;padding:0 0 60px}
.mainfooter{padding:70px 70px 0}
.subfooter{background:#0b0b0b;padding:30px 70px 20px}
.footer-side-nav .container{padding:0 15px}
.footer-side-nav .row{margin:0 -15px}
.footer-side-nav .row::after{content:"";display:table;clear:both}
.mainfooter .row{display:flex;flex-wrap:wrap}
.mainfooter .row{justify-content:center}
.mainfooter .col-md-4:first-child{display:none}
.mainfooter .col-md-4{width:33.3333%;padding:0 15px;text-align:center}
.subfooter .col-sm-6,.subfooter .col-md-6{padding:0 15px}
.subfooter .col-sm-6{float:left;width:50%}
@media(min-width:992px){.subfooter .col-md-6{float:left;width:50%}}
@media(min-width:768px) and (max-width:992px){.mainfooter .row{padding-bottom:30px}}
.text-right{text-align:right}
.legal{display:inline-block;margin:0 10px;white-space:nowrap}
.social-icons{display:inline-block}
.social-icons ul{margin:0;padding:0;list-style:none}
.social-icons li{display:inline-block;margin-left:5px}
.social-icons a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:1px;transition:background .2s}
.social-icons a:hover{background:#fff}
.social-icons svg{width:15px;height:15px;fill:#fff}
.social-icons a:hover svg{fill:#333}

/* ---------- Floating bits ---------- */
#back-to-top{position:fixed;right:40px;bottom:40px;width:32px;height:32px;border-radius:50%;background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9990;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
#back-to-top:hover{background:#000}
#back-to-top.show{opacity:1;visibility:visible}
#back-to-top svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.4}
#cookie-notice{position:fixed;left:0;right:0;bottom:0;z-index:100001;background:rgba(0,0,0,.9);color:#fff;text-align:center;padding:16px 50px 16px 20px;font:400 12px/1.6 "Work Sans",sans-serif}
#cookie-notice[hidden]{display:none}
#cookie-notice .btn{display:inline-block;margin:6px 4px 0;padding:3px 12px;border-radius:3px;background:rgba(255,255,255,.12);color:#fff;font-size:12px;cursor:pointer;border:0}
#cookie-notice .btn:hover{background:rgba(255,255,255,.25)}
#cookie-notice .x{position:absolute;top:10px;right:16px;width:22px;height:22px;background:none;border:0;cursor:pointer;color:#fff;font-size:18px;line-height:1;padding:0}

/* ---------- Home hero ---------- */
.hero{position:relative;height:100vh;min-height:520px;overflow:hidden;background:#171717}
.hero-bg{position:absolute;top:0;left:-5vw;width:110vw;height:100%;background:url(/assets/img/2026/07/spitakimou-home-background.jpg) center/cover no-repeat;animation:pan 12s linear -2s infinite alternate;will-change:transform;backface-visibility:hidden}
@keyframes pan{from{transform:translate3d(-2.5%,0,0) scale(1.02)}to{transform:translate3d(2.5%,0,0) scale(1.02)}}
.hero-copy{position:absolute;left:0;right:0;bottom:10vh;padding:0 24px;text-align:center;z-index:2}
.spm-hero-title{font-family:"Work Sans",sans-serif;font-weight:300;font-size:74px;letter-spacing:.06em;color:#fff;margin:0 0 16px;line-height:1.1;text-shadow:0 4px 24px rgba(0,0,0,.55)}
.spm-hero-subtitle{font-family:"Work Sans",sans-serif;font-weight:400;font-size:15px;letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.88);text-shadow:0 2px 14px rgba(0,0,0,.55)}
@media(max-width:600px){
 .hero-bg{left:-1vw;width:180vw;background:#171717 url(/assets/img/2026/07/mobile-background-portrait.jpg) 100% bottom/100% 100% no-repeat;animation:panm 13s linear -2s infinite alternate}
 .hero-copy{bottom:13vh;padding:0 18px}
 .spm-hero-title{font-size:40px}
 .spm-hero-subtitle{font-size:11px;letter-spacing:.14em;line-height:1.5}
}
@keyframes panm{from{transform:translate3d(0,0,0)}to{transform:translate3d(-36%,0,0)}}
@media(prefers-reduced-motion:reduce){.hero-bg{animation:none;transform:none}}

/* ---------- Tablet / mobile shell ---------- */
@media(max-width:992px){.no-subpage{display:none}}
@media(max-width:767px){
 .de-navbar-left #content{padding:40px 15px}
 .de-navbar-left section{padding:60px 0}
 .mainfooter{padding:40px 20px 0}.subfooter{padding:30px 70px 20px;text-align:center}
 .mainfooter .container{width:100%;max-width:100%;padding:0}
 .mainfooter .row{width:100%;margin:0}
 .mainfooter .col-md-4{width:100%;padding:0;margin-bottom:36px}
 .mainfooter .col-md-4:last-child{margin-bottom:0}
 .mainfooter .textwidget,.mainfooter .textwidget p{text-align:left}
 .subfooter .col-sm-6{float:none;width:100%}
 .subfooter .col-md-6{margin-bottom:30px;padding-top:10px}
 #logo{top:14px;left:14px;width:100px}
 #menu-btn{top:47px;left:auto;right:12px;transform:none;width:58px;height:52px}
 #de-sidebar nav{left:50%;width:78vw;max-width:340px}
 .side-social{left:0;width:100%}
 #de-sidebar.menu-open #logo{top:14px;left:14px;transform:none;width:100px}


 #cookie-notice{padding:12px 40px 12px 14px}
}
body,p,a,li,span,div,input,button,textarea{font-family:"Work Sans",sans-serif !important}
h1,h2,h3,h4,h5,h6,.spm-page-title,.spm-hero-split-text h2,.spm-gal-page-title,.spm-hero-label,.spm-gal-text-panel .spm-gal-label{font-family:"Playfair Display",serif !important}
.spm-split-text h3,.spm-hero-label{font-family:"Work Sans",sans-serif !important}
body{background:#18191b url(/assets/img/2026/07/spitakimou-home-background.jpg) center/cover no-repeat fixed !important}
@media(max-width:600px){body{background-attachment:scroll !important}}
body:has(.spitaki-contact) .subfooter{background-color:transparent !important}
@media(max-width:992px){.subfooter .col-md-6{margin-bottom:30px}}
@media(max-width:767px){.subfooter .container{padding:0 30px}.subfooter .col-md-6{padding-top:0}.subfooter .text-right{text-align:center}.subfooter .social-icons{display:inline-block;margin-top:10px}}
@media(max-width:600px){.footer-side-nav .widget{padding-bottom:40px}}
@media(max-width:1199px){#logo{left:90px}}
@media(max-width:992px){#logo{top:24px;left:72px;width:175px}}
@media(max-width:767px){#logo{top:14px;left:14px;width:100px}}
@media(max-width:992px){.mainmenu>li{padding:10px 0 0}#de-sidebar.menu-open #logo{top:28px;width:180px}}
@media(max-width:767px){.mainmenu{display:flex;flex-direction:column;align-items:center;gap:7px}.mainmenu>li{padding:0;margin:0;width:100%}.mainmenu>li>a{padding:8.75px 4px}#de-sidebar nav{width:min(310px,82vw);max-width:none}#de-sidebar.menu-open #logo{top:28px;left:50%;transform:translateX(-50%);width:158px}#de-sidebar.menu-open #logo img{height:44px;object-fit:contain}}
#de-sidebar.menu-open{background:transparent;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
#de-sidebar.menu-open .side-header{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.mainmenu>li>a{opacity:.5}
.mainmenu>li>a:hover,.mainmenu>li.on>a{opacity:1}
.mainmenu .caret{display:none}
.mainmenu .sub{margin:0 auto;padding:8px 0;max-width:210px}
.mainmenu .sub a{padding:5px 8px;font-size:11px;line-height:14.85px;letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.48);opacity:.85;border-bottom:1px solid transparent}
.mainmenu .sub a:hover{color:#fff;opacity:1}
.mainmenu .sub .sub{padding:6px 0 0}
.mainmenu .sub .sub a{font-size:11px;opacity:.85}
@media(min-width:993px){.mainmenu>li{position:relative}.mainmenu>li>.sub{position:absolute;left:78%;top:50%;transform:translateY(-50%);width:235px;max-width:none;margin:0;padding:8px 0;z-index:100030}}
@media(max-width:992px){.mainmenu>li>.sub{width:78%;max-width:none;margin:0 0 0 15px;padding:0}}
.mainmenu>li{position:relative}
.mainmenu .sub .sub{display:none !important}
@media(min-width:768px){#de-sidebar .mainmenu>li.open::after{content:"";position:absolute;top:15%;left:77%;width:1px;height:70%;background:rgba(255,255,255,.55);pointer-events:none;z-index:100031}}
@media(min-width:993px){#de-sidebar nav{overflow:visible}}
#logo{width:auto}
#logo img{width:140px}
@media(max-width:992px){#logo img{width:175px}}
@media(max-width:767px){#logo img{width:100px}}
@media(min-width:993px){body.page-id-3511 #logo,body.page-id-3509 #logo{padding:40px}body.page-id-3511 #logo img,body.page-id-3509 #logo img{width:180px}}
#de-sidebar.menu-open #logo img{width:100px}
@media(max-width:992px){#de-sidebar.menu-open #logo img{width:180px}}
@media(max-width:767px){#de-sidebar.menu-open #logo img{width:158px;height:44px;object-fit:contain}}
#logo{transition:opacity .3s ease}
@media(max-width:767px){
 .subfooter{padding:30px 20px 20px}
 .subfooter .container{padding:0}
 .legal{display:inline;white-space:normal;margin:0}
}
@media(max-width:992px){
 #de-sidebar .mainmenu>li.open::after{display:none}
 .mainmenu>li>.sub{width:auto;margin:8px 0 14px;padding:8px 0;background:rgba(0,0,0,.30);border-radius:4px}
 .mainmenu .sub a{color:rgba(255,255,255,.88);opacity:1;font-size:10px;letter-spacing:4px;padding:7px 8px}
 .mainmenu .sub a:hover{color:#fff}
}
@media(max-width:767px){.legal::before{content:"\00a0\00a0"}}