.contact-page{background:#1d354a;min-height:100svh;display:flex;flex-direction:column}.contact-page main{flex:1;display:flex}.contact-art{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 176px);width:100%;background:#1d354a;color:#f1eee4}.harbour-atmosphere{position:absolute;z-index:-2;inset:0 0 0 26%;background:url('assets/piraeus-evening.jpg') 70% center/cover no-repeat;opacity:.88}.contact-art:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#1d354a 0%,#1d354a 27%,#1d354af0 40%,#1d354ac9 53%,#1d354a38 76%,#1d354a0d),linear-gradient(0deg,#1d354a 0%,transparent 28%,transparent 80%,#1d354a66)}.contact-art-inner{max-width:1440px;margin:auto;padding:50px 56px 68px;position:relative}.contact-art-inner>h1{font:normal clamp(44px,4.5vw,64px)/1.15 'Palatino Linotype',Palatino,Georgia,serif;letter-spacing:-.02em;color:#e7dbbe;margin:0 0 53px}.contact-art-inner>h1:after{content:'';display:block;width:48px;height:1px;background:#b8a077;margin-top:24px}.contact-art-grid{display:grid;grid-template-columns:260px 330px;gap:64px;align-items:start}.contact-map-card{padding-top:7px}.square-map{width:260px;aspect-ratio:1;background:#e3e7e2;border:1px solid #b6a47a88;box-shadow:0 12px 35px #0c20313b}.square-map iframe{display:block;width:100%;height:100%;border:0}.contact-map-card>a{display:flex;justify-content:space-between;align-items:center;color:#d6c8a8;font-size:11px;letter-spacing:.025em;margin-top:17px;border-bottom:1px solid #b8a07766;padding-bottom:10px}.contact-map-card>a span{font-size:17px}.contact-art .contact-panel{padding:0;align-self:start}.contact-art .contact-firm-name{font:normal 29px/1.25 'Palatino Linotype',Palatino,Georgia,serif;color:#e8dec6;margin-bottom:18px}.contact-art .contact-panel address{color:#d2dbdf;font-size:15px;line-height:1.8}.contact-art .contact-list{border-top:1px solid #bdad8d4d;margin:26px 0 25px;padding-top:17px}.contact-art .contact-list dt{color:#a9bec5;font-size:11px}.contact-art .contact-list dd{color:#edf0ec;font-size:15px}.contact-art .contact-linkedin{color:#d0dcd9}.contact-art .contact-linkedin svg{color:#a9bfbc}.contact-art .contact-list a:hover{color:#dbc79d}.contact-page footer{background:#182e43;border-top:1px solid #ffffff14}.contact-page .footer-bottom{color:#b8c5cd}
@media(max-width:1100px) and (min-width:701px){.contact-art-inner{padding:45px 35px 60px}.contact-art-grid{grid-template-columns:230px 300px;gap:38px}.square-map{width:230px}.contact-art:before{background:linear-gradient(90deg,#1d354a 0%,#1d354aef 35%,#1d354ad9 60%,#1d354a55)}}
@media(max-width:700px){.contact-art{min-height:0}.contact-art-inner{padding:35px 26px 60px}.contact-art-inner>h1{font-size:45px;margin-bottom:35px}.contact-art-inner>h1:after{margin-top:20px}.contact-art-grid{display:flex;flex-direction:column;gap:33px}.contact-art .contact-panel{order:1;width:100%;max-width:380px}.contact-map-card{order:2;width:230px;padding-top:0}.square-map{width:230px}.harbour-atmosphere{inset:0;background-position:68% bottom;background-size:auto 75%;opacity:.58}.contact-art:before{background:linear-gradient(180deg,#1d354a 0%,#1d354af5 45%,#1d354ac7 68%,#1d354a38 100%),linear-gradient(90deg,#1d354ab0,transparent)}.contact-art .contact-firm-name{font-size:27px}.contact-art .contact-list{max-width:360px}.contact-art .contact-list>div{grid-template-columns:85px 1fr}}
