.zeus-menu-layout-horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.zeus-menu-layout-horizontal .zeus-menu{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.zeus-menu-layout-horizontal .zeus-menu a{white-space:nowrap}.zeus-menu-align-left .zeus-menu{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:auto}.zeus-menu-align-left .zeus-menu-layout-vertical>ul>li>a{text-align:left}.zeus-menu-align-center .zeus-menu{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:auto;margin-left:auto}.zeus-menu-align-center .zeus-menu-layout-vertical>ul>li>a{text-align:center}.zeus-menu-align-right .zeus-menu{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-left:auto}.zeus-menu-align-right .zeus-menu-layout-vertical>ul>li>a{text-align:right}.zeus-menu-align-justify .zeus-menu-layout-horizontal .zeus-menu{width:100%}.zeus-menu-align-justify .zeus-menu-layout-horizontal .zeus-menu>li{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.zeus-menu-align-justify .zeus-menu-layout-horizontal .zeus-menu>li>a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.zeus-menu a,.zeus-menu a:focus,.zeus-menu a:hover{padding:10px 20px;line-height:20px}.zeus-menu-toggle-dropdown ul,.zeus-ul{position:relative;z-index:2}.zeus-menu-toggle-dropdown ul,.zeus-menu-toggle-dropdown ul li,.zeus-menu-toggle-dropdown ul ul,.zeus-ul,.zeus-ul li,.zeus-ul ul{display:block;list-style:none;margin:0;padding:0;line-height:normal}.zeus-menu-toggle-dropdown ul a,.zeus-menu-toggle-dropdown ul li,.zeus-ul a,.zeus-ul li{position:relative}.zeus-menu-toggle-dropdown ul ul,.zeus-ul ul{border:0;font-size:13px}.zeus-menu-toggle-dropdown ul .zeus-sub-icon,.zeus-ul .zeus-sub-icon{cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.zeus-menu-toggle-dropdown ul .zeus-sub-icon svg,.zeus-ul .zeus-sub-icon svg{width:1em;height:1em;vertical-align:middle}.zeus-ul ul ul ul li{border-bottom:1px solid #f1f1f1}.zeus-ul ul ul ul li:last-child{border:0}.zeus-ul ul ul a{color:#222}.zeus-ul ul ul a:focus,.zeus-ul ul ul a:hover{background-color:#f8f8f8;color:#555}.zeus-ul ul ul a,.zeus-ul ul ul a:focus,.zeus-ul ul ul a:hover{padding:10px 20px;line-height:20px}.zeus-menu-layout-horizontal .zeus-ul ul{display:none}.zeus-menu-toggle-dropdown ul{background-color:rgba(0,0,0,.03)}.zeus-menu-toggle-dropdown ul a{padding:15px 20px}.zeus-menu a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.zeus-menu-layout-horizontal .zeus-menu .zeus-sub-icon{position:absolute;top:50%;right:0;-ms-transform:translateY(-50%);transform:translateY(-50%);line-height:1}.zeus-menu-layout-horizontal .zeus-menu ul{position:absolute;width:12em;background-color:#fff;border-top:1px solid #222;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);-moz-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1)}.zeus-menu-layout-horizontal .zeus-menu ul ul.sub-menu{top:0;left:100%}.zeus-menu-layout-horizontal .zeus-menu-dropdown .zeus-sub-icon,.zeus-menu-layout-vertical .zeus-sub-icon{right:15px}.zeus-dropdown-menu a,.zeus-menu-layout-vertical a{display:block}.zeus-dropdown-menu .zeus-sub-icon,.zeus-menu-layout-vertical .zeus-sub-icon{position:absolute;top:0;right:0;padding:15px 12px;z-index:2;text-align:center}.zeus-menu-layout-vertical .zeus-sub-icon{padding:10px 15px}.zeus-menu-main .zeus-menu a{-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.zeus-menu-toggle-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:20px;width:40px;padding:10px;border-radius:3px;background-color:#f9f9f9;color:#222;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}.zeus-menu-toggle-icon svg{height:1em;width:1em;position:relative;fill:currentColor}.zeus-active .zeus-menu-toggle-icon svg:nth-child(1),.zeus-menu-toggle-icon svg:nth-child(2){display:none}.zeus-active .zeus-menu-toggle-icon svg:nth-child(2){display:block}.zeus-toggle-align-left .zeus-menu-toggle-icon{margin-right:auto}.zeus-toggle-align-center .zeus-menu-toggle-icon{margin:0 auto}.zeus-toggle-align-right .zeus-menu-toggle-icon{margin-left:auto}.zeus-menu-toggle-dropdown{position:absolute;top:100%;left:0;width:100%;background-color:#fff;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.1);-moz-box-shadow:0 2px 6px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);z-index:9999}.zeus-menu-toggle-dropdown,.zeus-menu-toggle-dropdown .zeus-menu-dropdown{-webkit-transition:max-height .3s,-webkit-transform .3s;transition:max-height .3s,-webkit-transform .3s;-o-transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s,-webkit-transform .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;overflow:auto;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);max-height:0}.zeus-active .zeus-menu-toggle-dropdown,.zeus-active .zeus-menu-toggle-dropdown .zeus-dropdown-open>.zeus-menu-dropdown{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:100vh}.zeus-menu-layout-vertical .zeus-menu-dropdown{-webkit-transition:max-height .3s,-webkit-transform .3s;transition:max-height .3s,-webkit-transform .3s;-o-transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s;transition:max-height .3s,transform .3s,-webkit-transform .3s;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;overflow:auto;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);max-height:0}.zeus-menu-layout-vertical .zeus-menu .zeus-dropdown-open>.zeus-menu-dropdown{-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:100vh}li.zeus-cart-menu a,li.zeus-search-menu a{height:100%}li.zeus-cart-menu svg,li.zeus-search-menu svg{font-size:18px;width:1em;height:1em;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;transition:.4s}li.zeus-cart-menu .zeus-menu-dropdown,li.zeus-search-menu .zeus-menu-dropdown{right:0;padding:20px;width:260px}li.zeus-search-menu .zeus-menu-dropdown form{margin:0}li.zeus-search-menu .zeus-menu-dropdown form input{width:100%}.zeus-menu-main li.zeus-cart-menu .zeus-cart-text,.zeus-menu-main.zeus-hide-cart li.zeus-cart-menu{display:none}.zeus-dropdown-menu li.zeus-search-menu>a{display:none}.zeus-dropdown-menu li.zeus-search-menu .zeus-searchform-menu{display:block;width:100%;max-height:100%;-webkit-transform:none;-ms-transform:none;transform:none;border:0!important}.zeus-dropdown-menu li.zeus-cart-menu .zeus-cart-text,.zeus-dropdown-menu li.zeus-cart-menu svg{vertical-align:middle}.zeus-dropdown-menu li.zeus-cart-menu .zeus-cart-text{padding-left:8px}.zeus-has-sticky{-webkit-transition:background-color .4s;-moz-transition:background-color .4s;-ms-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s}.zeus-sticky-shadow{-webkit-box-shadow:0 .15em .35em 0 rgba(0,0,0,.14);-moz-box-shadow:0 .15em .35em 0 rgba(0,0,0,.14);box-shadow:0 .15em .35em 0 rgba(0,0,0,.14)}body.rtl .zeus-menu-layout-horizontal .zeus-menu .zeus-sub-icon{right:auto;left:0}body.rtl .zeus-menu-layout-horizontal .zeus-menu ul ul.sub-menu{left:100%;right:auto}body.rtl .zeus-menu-layout-horizontal .zeus-menu-dropdown .zeus-sub-icon,body.rtl .zeus-menu-layout-vertical .zeus-sub-icon{right:auto;left:15px}body.rtl .zeus-dropdown-menu .zeus-sub-icon,body.rtl .zeus-menu-layout-vertical .zeus-sub-icon{right:auto;left:0}body.rtl .zeus-menu-toggle-dropdown{left:auto;right:0}body.rtl li.zeus-cart-menu .zeus-menu-dropdown,body.rtl li.zeus-search-menu .zeus-menu-dropdown{right:auto;left:0}body.rtl .zeus-dropdown-menu li.zeus-cart-menu .zeus-cart-text{padding-left:0;padding-right:8px}@media (min-width:1025px){.zeus-menu-dropdown-tablet .zeus-menu-toggle{display:none}}@media (max-width:1024px){.zeus-menu-dropdown-tablet .zeus-menu-main{display:none}}@media (min-width:768px){.zeus-menu-dropdown-mobile .zeus-menu-toggle{display:none}}@media (max-width:767px){.zeus-menu-dropdown-mobile .zeus-menu-main{display:none}}.zeus-breadcrumbs ul{margin:0;padding:0;list-style:none}.zeus-breadcrumbs ul li{display:inline-block}.zeus-breadcrumbs ul li .zeus-separator{padding:0 5px}.elementor-widget-zeus-site-breadcrumbs p{margin:0}.zeus-page-title{margin:0;padding:0}:root {
--gap: 90px;
--margin: 50px;
--col: 3;
--font: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--black: #111;
--grey: #888;
--light-grey: #bbb;
--bg: #fff;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body {
font-family: var(--font);
background: var(--bg);
color: var(--black);
font-size: 14px;
line-height: 1.55;
} header {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 100;
background: transparent;
padding: 22px var(--margin) 18px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.logo {
font-weight: 700;
font-size: 18px;
line-height: 1.15;
text-transform: lowercase;
letter-spacing: 0;
cursor: pointer;
text-decoration: none;
color: var(--black);
user-select: none;
font-family: var(--font);
}
.logo:hover { color: var(--black); }
nav {
display: flex;
align-items: center;
gap: 24px;
padding-top: 4px;
}
nav a {
font-size: 13px;
font-weight: 400;
text-decoration: none;
color: var(--black);
text-transform: lowercase;
letter-spacing: 0.01em;
transition: color 0.2s;
font-family: var(--font);
}
nav a:hover { color: var(--grey); }
.ig-link {
display: flex;
align-items: center;
color: var(--light-grey) !important;
transition: color 0.2s !important;
}
.ig-link:hover { color: var(--grey) !important; }
.ig-link svg { width: 16px; height: 16px; } .projects-page {
padding-top: 90px;
}
.project-grid {
padding: var(--margin);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap);
}
.project-item {
cursor: pointer;
position: relative;
}
.project-thumb {
position: relative;
overflow: hidden;
aspect-ratio: 3/4;
}
.project-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter 0.3s ease;
}
.project-item:hover .project-thumb img {
filter: brightness(0.92);
}
.project-title-hover {
display: block;
text-align: center;
padding: 8px 0 0;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.04em;
text-transform: lowercase;
color: var(--black);
opacity: 0;
transition: opacity 0.25s ease;
pointer-events: none;
font-family: var(--font);
}
@media (min-width: 769px) {
.project-item:hover .project-title-hover {
opacity: 1 !important;
}
.project-item {
pointer-events: auto !important;
}
} #carousel-overlay {
display: none;
position: fixed;
inset: 0;
background: #fff;
z-index: 200;
flex-direction: column;
}
#carousel-overlay.open { display: flex; }
.carousel-topbar {
position: fixed;
top: 0; left: 0; right: 0;
padding: 22px var(--margin) 18px;
display: flex;
justify-content: space-between;
align-items: flex-start;
z-index: 210;
background: #fff;
}
.carousel-project-title {
font-size: 13px;
font-weight: 700;
text-transform: lowercase;
letter-spacing: 0.01em;
line-height: 1.15;
font-family: var(--font);
}
.carousel-close {
font-size: 22px;
font-weight: 700;
cursor: pointer;
line-height: 1;
color: var(--black);
background: none;
border: none;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--font);
}
.carousel-stage {
margin-top: 80px;
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 80px 40px;
position: relative;
overflow: hidden;
}
.carousel-inner {
position: relative;
display: flex;
align-items: center;
justify-content: center;
max-height: calc(100vh - 180px);
width: auto;
}
.carousel-img-wrap {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.carousel-img-wrap img {
max-height: calc(100vh - 180px);
max-width: 80vw;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.carousel-text-slide {
max-height: 100%;
max-width: 60vw;
width: 500px;
display: flex;
align-items: center;
justify-content: center;
padding: 60px;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
font-family: var(--font);
color: var(--black);
background: #fff;
text-align: center;
} .carousel-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
opacity: 0;
transition: opacity 0.2s;
background: none;
border: none;
padding: 0;
z-index: 5;
}
.carousel-inner:hover .carousel-arrow { opacity: 1; }
.carousel-arrow.prev,
.carousel-arrow.next {
display: none;
} .carousel-dots {
display: flex;
gap: 8px;
margin-top: 20px;
align-items: center;
justify-content: center;
}
.carousel-dots span {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--light-grey);
cursor: pointer;
transition: background 0.2s;
display: inline-block;
}
.carousel-dots span.active { background: var(--black); } .agence-page {
padding-top: 90px;
}
.agence-content {
padding: var(--margin);
max-width: 1100px;
margin: 0 auto;
}
.agence-header {
display: flex;
align-items: flex-start;
gap: 40px;
margin-bottom: 50px;
}
.agence-photo {
flex-shrink: 0;
}
.agence-photo img {
width: auto;
height: 100%;
display: block;
object-fit: cover;
}
.agence-text-block {
flex: 1;
}
.agence-name {
font-size: 18px;
font-weight: 700;
color: var(--black);
text-transform: lowercase;
line-height: 1.15;
margin-bottom: 18px;
font-family: var(--font);
}
.agence-bio {
font-size: 13px;
line-height: 1.75;
font-weight: 400;
color: var(--black);
max-width: 580px;
font-family: var(--font);
}
.agence-coords-section {
margin-top: 40px;
}
.agence-coords-title {
font-size: 18px;
font-weight: 700;
color: var(--black);
text-transform: lowercase;
line-height: 1.15;
margin-bottom: 18px;
font-family: var(--font);
}
.agence-coords p {
font-size: 13px;
line-height: 1.75;
color: var(--black);
font-family: var(--font);
}
.agence-coords a {
color: var(--black);
text-decoration: none;
}
.agence-coords a:hover { text-decoration: underline; } @media (max-width: 1024px) {
:root {
--gap: 40px;
--margin: 30px;
}
.project-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
:root {
--gap: 24px;
--margin: 20px;
}
.project-grid {
grid-template-columns: 1fr;
}
.carousel-stage {
padding: 0 40px 40px;
}
.carousel-img-wrap img {
max-width: 80vw;
}
.carousel-text-slide {
max-height: 100%;
max-width: 60vw;
width: 750px;
display: flex;
align-items: center;
justify-content: center;
padding: 60px;
font-size: 14px;
line-height: 1.7;
font-weight: 400;
font-family: var(--font);
color: var(--black);
background: #fff;
text-align: justify;
}
.carousel-text-slide p,
.carousel-text-slide div {
text-align: justify;
width: 100%;
}
.agence-header {
flex-direction: column;
}
.agence-photo {
height: auto !important;
width: 100%;
max-width: 200px;
}
.agence-photo img {
width: 100%;
height: auto;
}
header {
padding: 16px var(--margin) 12px;
}
}
.cursor-prev { cursor: w-resize; }
.cursor-next { cursor: e-resize; }
#carousel-overlay.cursor-hidden,
#carousel-overlay.cursor-hidden * {
cursor: none !important;
}
header,
header * {
cursor: auto !important;
}
#custom-cursor {
position: fixed;
pointer-events: none;
z-index: 9999;
transform: translate(-50%, -50%);
display: none;
line-height: 1;
}
#carousel-overlay img,
#carousel-overlay .carousel-text-slide {
user-select: none;
-webkit-user-select: none;
pointer-events: none;
}
@media (max-width: 768px) {
.project-item > div img {
object-fit: contain !important;
width: 100% !important;
height: 100% !important;
}
}