/* ----------- */
/* PROJECT CSS */
/* ----------- */

/* ------- */
/* Default */
/* ------- */


/* ------ */
/* Header */
/* ------ */

.header .header-content section.left-area .left-area-content .components .component.hamburger-menu .hamburger-menu-content a .hamburger-menu-picture svg rect,
.header .header-content section.left-area .left-area-content .components .component.hamburger-menu .hamburger-menu-content a .hamburger-menu-picture svg path {fill:#fff;}
.header .header-content section.left-area .left-area-content .components .component.brand .brand-content a .brand-picture-extended svg rect,
.header .header-content section.left-area .left-area-content .components .component.brand .brand-content a .brand-picture-extended svg path {fill:#fff;}
.header .header-content section.left-area .left-area-content .components .component.brand .brand-content a .brand-picture svg rect,
.header .header-content section.left-area .left-area-content .components .component.brand .brand-content a .brand-picture svg path {fill:#fff;}
.header .header-content section.left-area .left-area-content .components .component.brand .brand-content a .brand-text {color:#fff;}
.header .header-content section.right-area .right-area-content .components .component.hamburger-menu .hamburger-menu-content a .hamburger-menu-picture svg rect,
.header .header-content section.right-area .right-area-content .components .component.hamburger-menu .hamburger-menu-content a .hamburger-menu-picture svg path {fill:#fff;}
.header .header-content section.right-area .right-area-content .components .component.lang .lang-content .lang-text .lang-option a {color:#fff;}
.header .header-content section.right-area .right-area-content .components .component.lang .lang-content .lang-text .space {color:#fff;}
.header .header-content section.right-area .right-area-content .components .component.lang .lang-content .lang-text .separator {color:#fff;}
.header .header-content section.right-area .right-area-content .components .component.search .search-content a .search-picture svg rect,
.header .header-content section.right-area .right-area-content .components .component.search .search-content a .search-picture svg path {fill:#fff;}

/* -------- */
/* Top view */
/* -------- */

.topview .project {position:relative;width:100%;margin-top:0;height:84vh;max-height:830px;overflow:hidden;transition:all 0.3s;}
.topview .project .project-container {position:relative;height:100%;}
.topview .project .project-view {top:0;height:100%;width:100%;position:absolute;}
.topview .project .project-content {height:100%;}

body.init .topview .project .project-view .background {background:transparent;}
.topview .project .project-view .background {position:absolute;width:100vw;height:100vh;background:transparent;transition:background 2s ease-in-out;transition-delay:1s;}

body.init .topview .project .project-view .showcase {opacity:0;width:100%;height:100%;}	
.topview .project .project-view .showcase {position:absolute;width:100%;height:100%;background:#fff;right:0;overflow:hidden;opacity:1;transition:opacity 2s ease-in-out, width 0s ease-in-out;/*box-shadow:0 0 20px 0 rgba(0,0,0,0.30);*/}
.topview .project .project-view .showcase .showcase-container {position:relative;width:100%;height:100%;}
.topview .project .project-view .showcase .showcase-content {position:absolute;width:100%;height:100%;perspective:800px;perspective-origin: 50% 50%;}
.topview .project .project-view .showcase .showcase-content img {display:block;width:100%;height:100%;object-fit:cover;animation-duration:30s;animation-delay:0s;animation-fill-mode:forwards;/*animation-timing-function:ease-out;*/}
.topview .project .project-view .showcase .showcase-content video {width:100%;height:100%;object-fit:cover;animation-duration:30s;animation-delay:0s;animation-fill-mode:forwards;}
.topview .project .project-view .showcase .showcase-content.middle-scale-left {width:50%;margin-left:0;}
.topview .project .project-view .showcase .showcase-content.middle-scale-left img {}
.topview .project .project-view .showcase .showcase-content.middle-scale-right {width:50%;margin-left:50%;}
.topview .project .project-view .showcase .showcase-content.middle-scale-right img {}
.topview .project .project-view .showcase .showcase-content.thumbnail {width:30%;right:calc(4vw + 12px);height:60vh;bottom:0;padding-bottom:4vh;perspective:none;perspective-origin:right bottom;}
.topview .project .project-view .showcase .showcase-content.thumbnail img {object-fit:contain;object-position:right bottom;transform:translateZ(0);}
.topview .project .project-view .showcase .showcase-content.showcase-content-center {width:100%;height:80vh;right:auto;left:auto;top:20vh;perspective:800px;perspective-origin: 50% 50%;}
.topview .project .project-view .showcase .showcase-content.showcase-content-center img {object-fit:contain;object-position:center bottom;transform:translateZ(0);}

body.init .topview .project .project-content .description {opacity:1;}	
.topview .project .project-content .description {position:relative;width:100%;height:100%;opacity:1;transition:opacity 1s;z-index:200;}
.topview .project .project-content .description .description-container {position:absolute;display:table;width:100%;height:100%;padding:0 4vw;box-sizing:border-box;}
.topview .project .project-content .description .description-content {position:relative;display:table-cell;width:100%;padding-bottom:10vh;vertical-align:bottom;}
.topview .project .project-content .description .description-content .description-title-group {display:table;}
.topview .project .project-content .description .description-content .description-title-group .icon {position:relative;display:none;vertical-align:bottom;border-radius:0;width:0;height:0;margin:0;padding:0;transition:all 0.3s;}
.topview .project .project-content .description.iconized .description-content .description-title-group .icon {position:relative;display:table-cell;width:65px;height:auto;padding:0 10px 0 0;margin:0;transition:all 0.3s;}
.topview .project .project-content .description .description-content .description-title-group .icon .icon-container {position:relative;width:65px;height:65px;border-radius:11px;overflow:hidden;margin-bottom:6px;}
.topview .project .project-content .description .description-content .description-title-group .icon .icon-content {width:100%;height:100%;}
.topview .project .project-content .description .description-content .description-title-group .icon .icon-content img {object-fit:cover;width:100%;height:100%;}
.topview .project .project-content .description .description-content .description-title-group .title {position:relative;display:table-cell;vertical-align:bottom;padding:0;margin:0;}
.topview .project .project-content .description.iconized .description-content .description-title-group .title {margin:0;padding:0;}
.topview .project .project-content .description .description-content .description-title-group .title .title-container {}
.topview .project .project-content .description .description-content .description-title-group .title .title-content {font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);font-size:32px;line-height:36px;color:#fff;font-weight:700;letter-spacing:0px;padding:0;margin:0;text-transform:uppercase;text-shadow:0 10px 10px rgba(0,0,0,0.4);transition:all 0.3s;}
.topview .project .project-content .description .description-content .info {font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);font-size:17px;line-height:25px;color:#fff;font-weight:700;letter-spacing:0px;text-shadow:0 10px 10px rgba(0,0,0,0.4);padding:0;margin:2px 0 0 0;transition:all 0.3s;}

body.init .topview .project .project-content .overlay {opacity:1;}
.topview .project .project-content .overlay {position:absolute;top:0;left:0;width:100vw;height:100vh;opacity:0;background:rgba(255,255,255,1);transition:opacity 1s ease-in-out;pointer-events:none;}
.topview .project .project-content .overlay .overlay-container {}
.topview .project .project-content .overlay .overlay-content {}

.topview .project .project-ui {position:absolute;width:100%;height:12vh;min-height:56px;max-height:92px;opacity:1;transition:opacity 1s;bottom:0;left:0;z-index:201;text-align:center;background:rgba(0,0,0,0);transition:background 0.6s;}
.topview .project .project-ui:hover {background:rgba(0,0,0,0.6);}
body.consult .topview .project .project-ui:hover {background:rgba(0,0,0,0);pointer-events:none;}
.topview .project .project-ui .project-ui-container {position:relative;width:100%;height:100%;}
.topview .project .project-ui .project-ui-content {position:relative;padding:0 8vw;width:100%;height:100%;box-sizing:border-box;display:table;}
body.init .topview .project .project-ui .project-ui-content .scroll-down {opacity:0;}
.topview .project .project-ui .project-ui-content .scroll-down {position:absolute;display:block;margin:0;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);text-align:left;background:rgba(255,255,255,0);transition:background 0.3s, opacity 1s;cursor:default;}
body.consult .topview .project .project-ui .project-ui-content .scroll-down {opacity:0;pointer-events:none;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-container {position:relative;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content {position:relative;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-picture {position:absolute;width:28px;height:28px;transform:translateX(-50%) translateY(-50%);}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-picture svg {display:block;width:100%;height:auto;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-picture svg path {fill:rgba(255,255,255,1);transition:all 0.3s;}
@keyframes scroll-down-first-arrow-motion {
	0% {margin-top:0px;opacity:0;} 
	20% {opacity:1;}
	40% {}
	60% {opacity:1;} 
	80% {margin-top:10px;opacity:0;} 
	100% {margin-top:10px;opacity:0;}
}
@keyframes scroll-down-second-arrow-motion {
	0% {margin-top:0px;opacity:0;} 
	20% {margin-top:0px;opacity:0;} 
	40% {opacity:1;} 
	60% {} 
	80% {opacity:1;} 
	100% {margin-top:10px;opacity:0;}
}
@-webkit-keyframes webkit-scroll-down-first-arrow-motion { 
	0% {margin-top:0px;opacity:0;} 
	20% {opacity:1;}
	40% {}
	60% {opacity:1;} 
	80% {margin-top:10px;opacity:0;} 
	100% {margin-top:10px;opacity:0;}
}
@-webkit-keyframes webkit-scroll-down-second-arrow-motion {
	0% {margin-top:0px;opacity:0;} 
	20% {margin-top:0px;opacity:0;} 
	40% {opacity:1;} 
	60% {} 
	80% {opacity:1;} 
	100% {margin-top:10px;opacity:0;}
}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-first-arrow {position:absolute;width:9px;height:9px;transform:translateX(-50%) translateY(160%);-webkit-animation:2s ease-in-out 0s infinite webkit-scroll-down-first-arrow-motion;animation:2s ease-in-out 0s infinite scroll-down-first-arrow-motion;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-first-arrow svg {display:block;width:100%;height:auto;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-first-arrow svg path {fill:rgba(255,255,255,1);transition:all 0.3s;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-second-arrow {position:absolute;width:9px;height:9px;transform:translateX(-50%) translateY(160%);-webkit-animation:2s ease-in-out 0.06s infinite webkit-scroll-down-second-arrow-motion;animation:2s ease-in-out 0.06s infinite scroll-down-second-arrow-motion;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-second-arrow svg {display:block;width:100%;height:auto;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-second-arrow svg path {fill:rgba(255,255,255,1);transition:all 0.3s;}

.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-text {position:relative;display:none;}
.topview .project .project-ui .project-ui-content .scroll-down .scroll-down-content .scroll-down-text span {}
body.init .topview .project .project-ui .project-ui-content .previous-project {opacity:0;}
.topview .project .project-ui .project-ui-content .previous-project {position:absolute;display:block;margin:0;top:50%;left:calc(50% - 18px - 8vw);transform:translateX(-50%) translateY(-50%);text-align:left;background:rgba(255,255,255,0);transition:background 0.3s, opacity 1s;cursor:pointer;}
body.consult .topview .project .project-ui .project-ui-content .previous-project {opacity:0;pointer-events:none;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-container {position:relative;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content {position:relative;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content .previous-project-picture {position:relative;width:36px;height:36px;background:rgba(255,255,255,0);padding:10px;box-sizing:border-box;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,0.2);border-radius:2px;transition:all 0.3s;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content:hover .previous-project-picture {background:rgba(255,255,255,1);}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content .previous-project-picture svg {display:block;width:100%;height:auto;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content .previous-project-picture svg path {fill:#fff;transition:all 0.3s;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content:hover .previous-project-picture svg path {fill:#333;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content .previous-project-text {position:relative;display:none;}
.topview .project .project-ui .project-ui-content .previous-project .previous-project-content .previous-project-text span {}
body.init .topview .project .project-ui .project-ui-content .next-project {opacity:0;}
.topview .project .project-ui .project-ui-content .next-project {position:absolute;display:block;margin:0;top:50%;left:calc(50% + 18px + 8vw);transform:translateX(-50%) translateY(-50%);text-align:left;background:rgba(255,255,255,0);transition:background 0.3s, opacity 1s;cursor:pointer;}
body.consult .topview .project .project-ui .project-ui-content .next-project {opacity:0;pointer-events:none;}
.topview .project .project-ui .project-ui-content .next-project .next-project-container {position:relative;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content {position:relative;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content .next-project-picture {position:relative;width:36px;height:36px;background:rgba(255,255,255,0);padding:10px;box-sizing:border-box;margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,0.2);border-radius:2px;transition:all 0.3s;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content:hover .next-project-picture {background:rgba(255,255,255,1);}
.topview .project .project-ui .project-ui-content .next-project .next-project-content .next-project-picture svg {display:block;width:100%;height:auto;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content .next-project-picture svg path {fill:#fff;transition:all 0.3s;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content:hover .next-project-picture svg path {fill:#333;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content .next-project-text {position:relative;display:none;}
.topview .project .project-ui .project-ui-content .next-project .next-project-content .next-project-text span {}

/* From projects */

body.project-consult.init .topview .project .background {background:rgba(255,255,255,1);}
body.project-consult.init .topview .project .showcase {opacity:1;}
body.project-consult.init .topview .project .description {opacity:0;}
body.project-consult.init .topview .project .overlay {opacity:0;}
body.project-consult.init .topview .project .story {background:rgba(255,255,255,1);}

body.project-consult .topview .project .project-view {}
body.project-consult .topview .project .project-content {}

body.project-consult .topview .project .background {background:rgba(255,255,255,1);}

/* ---------------- */
/* Top view motions */
/* ---------------- */

.topview .project .project-view .showcase .showcase-content-step1 {z-index:100;}
.topview .project .project-view .showcase .showcase-content-step2 {z-index:99;}
.topview .project .project-view .showcase .showcase-content-step3 {z-index:98;}

.topview .project .project-view .showcase .thumbnail img {animation-name:display-thumbnail;transform:translateZ(200px);}
.topview .project .project-view .showcase .showcase-content-center img {animation-name:enlarge-view-center;transform:translateZ(200px);}
.topview .project .project-view .showcase .showcase-content-step1 img {animation-name:enlarge-view-step1;transform:translateZ(200px);}
.topview .project .project-view .showcase .showcase-content-step2 img {animation-name:enlarge-view-step2;transform:translateZ(200px);}
.topview .project .project-view .showcase .showcase-content-step3 img {animation-name:enlarge-view-step3;transform:translateZ(200px);}

.topview .project .project-view .showcase .transition-to-video {z-index:100;}
.topview .project .project-view .showcase .transition-to-video img {animation-name:zoom-out-and-fade-delay-80;animation-duration:5s;transform:translateZ(200px);animation-timing-function:ease-in;}

@keyframes display-thumbnail {
	0% {opacity:0;transform:scale(1.05);}
	5% {opacity:0;transform:scale(1.05);}
	20% {opacity:1;transform:scale(1);}
	100% {opacity:1;}
}

@keyframes enlarge-view-center {
	0% {opacity:0;transform:translateZ(300px);}
	10% {opacity:0;}
	60% {opacity:1;}
	100% {opacity:1;transform:translateZ(0);}
}

@keyframes enlarge-view-step1 {
	0% {opacity:1;transform:translateZ(200px);}
	20% {opacity:1;}
	40% {opacity:0;}
	100% {opacity:0;transform:translateZ(0);}
}

@keyframes enlarge-view-step2 {
	0% {opacity:1;transform:translateZ(200px);}
	60% {opacity:1;}
	80% {opacity:0;}
	100% {opacity:0;transform:translateZ(0);}
}

@keyframes enlarge-view-step3 {
	0% {transform:translateZ(200px);}
	100% {transform:translateZ(0);}
}

@keyframes zoom-out-and-fade-delay-80 {
	0% {transform:translateZ(200px);opacity:1;}
	80% {opacity:1;}
	100% {transform:translateZ(150px);opacity:0;}
}

/* ------ */
/* Layout */
/* ------ */

.wrapper .inner-scale {position:relative;width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box;}
.wrapper .fullwidth {position:relative;width:calc(100% + 8vw) !important;margin-left:-4vw !important;margin-right:-4vw !important;padding:0;box-sizing:content-box;}
.wrapper .inline-block {display:inline-block;}
.wrapper .display-none {display:none;}

.wrapper .overview .text-align-left {text-align:left;}
.wrapper .overview .text-align-center {text-align:center;}
.wrapper .overview .text-align-right {text-align:right;}

.wrapper .overview .aspect-ratio-cinemascope img {aspect-ratio:2.35 / 1;}
.wrapper .overview .aspect-ratio-16-9 img {aspect-ratio:16 / 9;}
.wrapper .overview .aspect-ratio-4-3 img {aspect-ratio:4 / 3;}
.wrapper .overview .aspect-ratio-3-4 img {aspect-ratio:3 / 4;}
.wrapper .overview .aspect-ratio-4-6 img {aspect-ratio:4 / 6;}
.wrapper .overview .aspect-ratio-6-4 img {aspect-ratio:6 / 4;}
.wrapper .overview .aspect-ratio-1-1 img {aspect-ratio:1 / 1;}
.wrapper .overview .aspect-ratio-iphonex-landscape img {aspect-ratio:2436 / 1125;}
.wrapper .overview img.aspect-ratio-cinemascope {aspect-ratio:2.35 / 1;}
.wrapper .overview img.aspect-ratio-16-9 {aspect-ratio:16 / 9;}
.wrapper .overview img.aspect-ratio-4-3 {aspect-ratio:4 / 3;}
.wrapper .overview img.aspect-ratio-3-4 {aspect-ratio:3 / 4;}
.wrapper .overview img.aspect-ratio-4-6 {aspect-ratio:4 / 6;}
.wrapper .overview img.aspect-ratio-6-4 {aspect-ratio:6 / 4;}
.wrapper .overview img.aspect-ratio-1-1 {aspect-ratio:1 / 1;}
.wrapper .overview .aspect-ratio-iphonex-portrait img {aspect-ratio:1125 / 2436;}

.wrapper .overview .object-fit-cover img {object-fit:cover;}
.wrapper .overview .object-fit-contain img {object-fit:contain;}
.wrapper .overview img.object-fit-cover {object-fit:cover;}
.wrapper .overview img.object-fit-contain {object-fit:contain;}

/* ---------- */
/* Components */
/* ---------- */

.wrapper .overview section {width:100%;height:auto;margin:0;padding:16px 0 16px 0;overflow:none;transition:all 0.3s;}
.wrapper .overview section section {padding:12px 0 12px 0;}
.wrapper .overview section section:first-child {padding-top:0;}
.wrapper .overview section section:last-child {padding-bottom:0;}

.wrapper .overview .highlighted p {font-family:var(--site-font-family);font-size:21px;line-height:33px;font-weight:500;}

.wrapper .overview .title-tag {display:block;padding:0;margin:0;transition:all 0.3s;}
.wrapper .overview .title-tag p {display:inline-block;background-color:transparent;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);font-size:17px;line-height:25px;color:#999;font-weight:700;letter-spacing:0px;padding:3px 12px 3px 12px;margin:0 0 12px 0;transition:all 0.3s;}
.wrapper .overview .title-tag p:before {content: "# ";}

.wrapper .overview .caption {font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);color:#252525;font-size:14px;line-height:17px;text-transform:uppercase;font-weight:800;letter-spacing:0.2px;padding:0;margin:8px 0 32px 0;transition:all 0.3s;box-sizing:border-box;}
.wrapper .overview .fullwidth .caption {padding-left:4vw;padding-right:4vw;}
.wrapper .overview .gallery-caption {font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);color:#252525;font-size:14px;line-height:17px;text-transform:uppercase;font-weight:800;letter-spacing:0.2px;padding:0;margin:8px 0 32px 0;transition:all 0.3s;box-sizing:border-box;}
.wrapper .overview .fullwidth .gallery-caption {padding-left:4vw;padding-right:4vw;}
.wrapper .overview .image-caption {font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);color:#252525;font-size:14px;line-height:17px;text-transform:uppercase;font-weight:800;letter-spacing:0.2px;padding:0;margin:8px 0 32px 0;transition:all 0.3s;box-sizing:border-box;}
.wrapper .overview .fullwidth .image-caption {padding-left:4vw;padding-right:4vw;}

.wrapper .overview .gallery-container {}
.wrapper .overview .gallery-container .gallery  {transition:all 0.3s;}
.wrapper .overview .gallery-container .gallery .gallery-item  {transition:all 0.3s;padding-top:4px;padding-bottom:4px;box-sizing:border-box;}
.wrapper .overview .gallery-container .gallery .gallery-item .gallery-image {transition:all 0.3s;}
.wrapper .overview .gallery-container .gallery .gallery-item .gallery-image img {transition:all 0.3s;}

.wrapper .overview .gallery-container.cascade .gallery .gallery-item {padding:0;margin-bottom:2px;}
.wrapper .overview .gallery-container.shadow .gallery .gallery-item .gallery-image {box-shadow:0 0 5px 0 rgba(0,0,0,0.2);}
.wrapper .overview .gallery-container.mozaic-col-25 .gallery .gallery-item {display:inline-block;width:25%;box-sizing:border-box;}
.wrapper .overview .gallery-container.mozaic-col-33 .gallery .gallery-item {display:inline-block;width:33.333333%;box-sizing:border-box;}
.wrapper .overview .gallery-container.mozaic-col-50 .gallery .gallery-item {display:inline-block;width:50%;box-sizing:border-box;}
.wrapper .overview .gallery-container.mozaic-padding-1vw .gallery .gallery-item {padding:1vw;}
.wrapper .overview .gallery-container.mozaic-padding-2vw .gallery .gallery-item {padding:2vw;}
.wrapper .overview .gallery-container.mozaic-no-margin-bottom .gallery .gallery-item {padding-bottom:0;padding-top:0;margin-bottom:-4px;}

.wrapper .overview .gallery-container.framed-picture .gallery .gallery-item .gallery-image {padding:8px;background:#eee;}

.wrapper .overview .gallery-container.border-radius-mobile .gallery .gallery-item .gallery-image {display:block;overflow:hidden;border-radius:2.2vw;}

.wrapper .overview .youtube-container {padding-top:4px;padding-bottom:4px;}

.wrapper .overview video {width:100%;}

.wrapper .overview section#intro {padding-top:24px;transition:all 0.3s;}

.wrapper .overview .main-description p {font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);font-size:21px;line-height:38px;color:#979797;font-weight:300;letter-spacing:0.2px;padding:0;padding-bottom:16px;margin:0;transition:all 0.3s;transition:all 0.3s;text-transform:none;}
.wrapper .overview .sub-description p {font-size:15px;line-height:22px;font-weight:300;padding-bottom:12px;}
.wrapper .overview strong {font-weight:600;}
.wrapper .overview em {font-style:italic;}

.wrapper .overview section#about > ul {display:inline-block;width:100%;transition:all 0.3s;}
.wrapper .overview section#about > ul > li {display:inline-block;width:100%;transition:all 0.3s;}
.wrapper .overview section#about > ul > li > ul {display:block;width:100%;padding:0 12px 8px 0;}
.wrapper .overview section#about > ul > li > ul > li.title {display:block;}
.wrapper .overview section#about > ul > li > ul > li.description {display:block;}
.wrapper .overview section#about > ul > li > ul > li > p {margin:0;transition:all 0.3s;}
.wrapper .overview section#about > ul > li > ul > li.title > p {text-align:left;font-weight:300;}
.wrapper .overview section#about > ul > li > ul > li.description > p {text-align:left;font-weight:700;}

.wrapper .overview .btn-container {display:table;width:100%;}
.wrapper .overview .btn-container .btn-content {display:table-cell;width:100%;height:auto;}
.wrapper .overview .btn-container .btn-caption {display:inline-block;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);color:#333;font-weight:300;font-size:15px;line-height:22px;padding:12px 0;}
.wrapper .overview .btn-container a.btn {display:inline-block;text-decoration:none;color:#fff;background:#333;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);font-weight:600;font-size:13px;line-height:22px;padding:12px 20px;border-radius:999px;margin:0 12px;transition:all 0.3s ease-in-out;}
.wrapper .overview .btn-container a.btn:hover {background:#777;}
.wrapper .overview .btn-container a.btn:active {background:#ccc;}
.wrapper .overview .btn-container a.btn.btn-large {font-size:15px;padding:12px 24px;line-height:22px;}
.wrapper .overview .btn-container a.btn.btn-small {font-size:12px;padding:9px 17px;line-height:19px;}

/* ------- */
/* Paterns */
/* ------- */

/* -------------------- */
/* Discovering Projects */
/* -------------------- */

.site .discovering-projects {position:relative;display:block;height:auto;width:100%;background:#fff;padding:4vw;box-sizing:border-box;margin:0 0 2px 0;transition:all 0.3s ease-in-out;}
.site .discovering-project 	{position:relative;display:inline-block;vertical-align:top;height:auto;width:100%;cursor:pointer;padding:0;box-sizing:border-box;margin-bottom:12px;transition:all 0.3s ease-in-out;}
.site .discovering-project > .discovering-project-content {display:block;box-sizing:border-box;text-decoration:none;background:transparent;transition:all 0.4s ease-in-out;}
.site .discovering-project > .discovering-project-content:hover {}
.site .discovering-project > .discovering-project-content .discovering-project-preview {position:relative;display:block;width:100%;height:auto;overflow:hidden;transition:all 0.4s ease-in-out;box-sizing:border-box;aspect-ratio:16/9;}
.site .discovering-project > .discovering-project-content:hover .discovering-project-preview {}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .picture {position:absolute;width:100%;height:100%;top:0;left:0;}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .picture img {position:absolute;display:block;width:100%;height:100%;object-fit:cover;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);transition:all 0.4s ease-in-out;}
.site .discovering-project > .discovering-project-content:hover .discovering-project-preview > .picture img {width:115%;height:115%;}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay {position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,0);transition:all 0.6s;}
.site .discovering-project > .discovering-project-content:hover .discovering-project-preview > .overlay {background:rgba(0,0,0,0.4);}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay .actions {left:50%;top:50%;transform:translateX(-50%) translateY(-50%);position:relative;margin:30px 0 0 0;height:auto;width:auto;opacity:0;text-align:center;transition:all 0.6s;}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay .actions .action {}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay .actions .action .button {}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay .actions .action .button a {position:relative;display:inline-block;border:1px solid #fff;padding:14px 52px 10px 52px;background:rgba(255,255,255,0);color:#fff;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:none;transition:all 0.6s ease-out;}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay .actions .action .button a:hover {background:rgba(255,255,255,1);color:#333;}
.site .discovering-project > .discovering-project-content .discovering-project-preview > .overlay .actions .action .button a:active {background:rgba(255,255,255,0.6);color:#333;box-shadow:0 0 8px 0 rgba(0,0,0,0.2) inset;}
.site .discovering-project > .discovering-project-content:hover .discovering-project-preview > .overlay .actions {top:50%;left:50%;transform:translateX(-50%) translateY(-50%);opacity:1;margin:0;}
.site .discovering-project > .discovering-project-content:active .discovering-project-preview > .overlay .actions .action .button a {background:rgba(255,255,255,0.6);color:#333;box-shadow:0 0 8px 0 rgba(0,0,0,0.2) inset;}
.site .discovering-project > .discovering-project-content .discovering-project-description {position:relative;display:block;width:calc(100% - 16px);color:#1C1C1C;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);padding:16px 8px 16px 8px;}
.site .discovering-project > .discovering-project-content .discovering-project-description .title {padding-bottom:6px;font-weight:700;font-size:19px;line-height:23px;text-transform:uppercase;}
.site .discovering-project > .discovering-project-content .discovering-project-description .subtitle {font-weight:300;font-size:14px;line-height:18px;letter-spacing:0px;color:#777;}

/* -------- */
/* Features */
/* -------- */

.plyr__controls__item {font-family:var(--site-font-family);}
.lb-data .lb-details {font-family:var(--site-font-family);}
.lb-data .lb-close {width:18px !important;height:18px !important;background-position:center center !important;background-size:cover !important;}

/* ----------- */
/* New section */
/* ----------- */

/* ----------- */
/* Adjustments */
/* ----------- */

.wrapper .overview .no-padding-tb {padding-top:0;padding-bottom:0;}
.wrapper .overview .padding-tb-4px {padding-top:4px;padding-bottom:4px;}
.wrapper .overview .padding-tb-8px {padding-top:8px;padding-bottom:8px;}
.wrapper .overview .padding-tb-16px {padding-top:16px;padding-bottom:16px;}
.wrapper .overview .padding-tb-24px {padding-top:24px;padding-bottom:24px;}
.wrapper .overview .padding-tb-32px {padding-top:32px;padding-bottom:32px;}
.wrapper .overview .padding-tb-56px {padding-top:56px;padding-bottom:56px;}
.wrapper .overview .padding-tb-64px {padding-top:64px;padding-bottom:64px;}
.wrapper .overview .padding-tb-72px {padding-top:72px;padding-bottom:72px;}
.wrapper .overview .padding-tb-96px {padding-top:96px;padding-bottom:96px;}

.wrapper .overview .no-padding-tob {padding-top:0;}
.wrapper .overview .padding-top-4px {padding-top:4px;}
.wrapper .overview .padding-top-8px {padding-top:8px;}
.wrapper .overview .padding-top-16px {padding-top:16px;}
.wrapper .overview .padding-top-24px {padding-top:24px;}
.wrapper .overview .padding-top-32px {padding-top:32px;}
.wrapper .overview .padding-top-56px {padding-top:56px;}
.wrapper .overview .padding-top-64px {padding-top:64px;}
.wrapper .overview .padding-top-72px {padding-top:72px;}
.wrapper .overview .padding-top-96px {padding-top:96px;}

.wrapper .overview .no-padding-bottom {padding-bottom:0;}
.wrapper .overview .padding-bottom-4px {padding-bottom:4px;}
.wrapper .overview .padding-bottom-8px {padding-bottom:8px;}
.wrapper .overview .padding-bottom-16px {padding-bottom:16px;}
.wrapper .overview .padding-bottom-24px {padding-bottom:24px;}
.wrapper .overview .padding-bottom-32px {padding-bottom:32px;}
.wrapper .overview .padding-bottom-56px {padding-bottom:56px;}
.wrapper .overview .padding-bottom-64px {padding-bottom:64px;}
.wrapper .overview .padding-bottom-72px {padding-bottom:72px;}
.wrapper .overview .padding-bottom-96px {padding-bottom:96px;}

.wrapper .overview .no-margin-tb {margin-top:0;margin-bottom:0;}
.wrapper .overview .margin-tb-4px {margin-top:4px;margin-bottom:4px;}
.wrapper .overview .margin-tb-8px {margin-top:8px;margin-bottom:8px;}
.wrapper .overview .margin-tb-16px {margin-top:16px;margin-bottom:16px;}
.wrapper .overview .margin-tb-24px {margin-top:24px;margin-bottom:24px;}
.wrapper .overview .margin-tb-32px {margin-top:32px;margin-bottom:32px;}
.wrapper .overview .margin-tb-56px {margin-top:56px;margin-bottom:56px;}
.wrapper .overview .margin-tb-64px {margin-top:64px;margin-bottom:64px;}
.wrapper .overview .margin-tb-72px {margin-top:72px;margin-bottom:72px;}
.wrapper .overview .margin-tb-96px {margin-top:96px;margin-bottom:96px;}
 
.wrapper .overview .no-margin-tob {margin-top:0;}
.wrapper .overview .margin-top-4px {margin-top:4px;}
.wrapper .overview .margin-top-8px {margin-top:8px;}
.wrapper .overview .margin-top-16px {margin-top:16px;}
.wrapper .overview .margin-top-24px {margin-top:24px;}
.wrapper .overview .margin-top-32px {margin-top:32px;}
.wrapper .overview .margin-top-56px {margin-top:56px;}
.wrapper .overview .margin-top-64px {margin-top:64px;}
.wrapper .overview .margin-top-72px {margin-top:72px;}
.wrapper .overview .margin-top-96px {margin-top:96px;}
 
.wrapper .overview .no-margin-bottom {margin-bottom:0;}
.wrapper .overview .margin-bottom-4px {margin-bottom:4px;}
.wrapper .overview .margin-bottom-8px {margin-bottom:8px;}
.wrapper .overview .margin-bottom-16px {margin-bottom:16px;}
.wrapper .overview .margin-bottom-24px {margin-bottom:24px;}
.wrapper .overview .margin-bottom-32px {margin-bottom:32px;}
.wrapper .overview .margin-bottom-56px {margin-bottom:56px;}
.wrapper .overview .margin-bottom-64px {margin-bottom:64px;}
.wrapper .overview .margin-bottom-72px {margin-bottom:72px;}
.wrapper .overview .margin-bottom-96px {margin-bottom:96px;}


/* ------------- */
/* ------------- */
/* ------------- */
/* Media queries */
/* ------------- */
/* ------------- */
/* ------------- */

/* ------- */
/* Default */
/* ------- */

@media screen and (min-width: 1200px) {
	h2 {font-size:47px;line-height:54px;margin:26px 0 26px 0;}
	h3 {font-size:27px;line-height:42px;margin:26px 0 26px 0;}
	p {font-size:16px;line-height:30px;}
}

@media screen and (min-width: 640px) and (max-width: 1200px) {
	h2 {font-size:40px;line-height:43px;margin:12px 0 22px 0;}
	h3 {font-size:23px;line-height:32px;margin:12px 0 22px 0;}
	p {font-size:14px;line-height:28px;}
}

/* -------- */
/* Top view */
/* -------- */

@media screen and (min-width: 1200px) {
	.topview .project {height:100vh;max-height:100vh;}
	.topview .project .project-content .description .description-title-group {width:100%;}
	.topview .project .project-content .description .description-container {padding:0 8vw;}
	.topview .project .project-content .description .description-content {padding:0;margin:0;vertical-align:bottom;padding-bottom:18vh;width:100%;opacity:1;}	
	.topview .project .project-content .description .description-content .description-title-group .title .title-content {font-size:3vw;line-height:3.2vw;text-shadow:none;}
	.topview .project .project-content .description .description-content .info {font-size:1.15vw;line-height:1.3vw;margin:0.8vw 0 0 0;font-weight:600;text-shadow:none;}

	.topview .project .project-content .description.iconized .description-content .description-title-group .icon {width:85px;height:auto;padding:0 14px 0 0;}
	.topview .project .project-content .description .description-content .description-title-group .icon .icon-container {width:85px;height:85px;border-radius:16px;}
}

@media screen and (min-width: 640px) and (max-width: 1200px) {
	.topview .project .project-content .description .description-content {padding-bottom:110px;opacity:1;}	
	.topview .project .project-content .description .description-content .description-title-group .title .title-content {font-size:42px;line-height:46px;}
	.topview .project .project-content .description .description-content .info {font-size:20px;line-height:26px;margin:6px 0 0 0;}

	.topview .project .project-content .description.iconized .description-content .description-title-group .icon {width:75px;height:auto;padding:0 10px 0 0;}
	.topview .project .project-content .description .description-content .description-title-group .icon .icon-container {width:75px;height:75px;border-radius:14px;}
}

/* ------ */
/* Layout */
/* ------ */

@media screen and (min-width: 1200px) {
	.wrapper .fullwidth {width:calc(100% + 16vw) !important;margin-left:-8vw !important;margin-right:-8vw !important;}
}

/* ---------- */
/* Components */
/* ---------- */

@media screen and (min-width: 1200px) {
	.wrapper .overview .overview section
	.wrapper .overview .overview-container .overview-content > section,
	.wrapper .overview .overview-container .overview-content > div {position:relative;width:100%;margin-left:auto;margin-right:auto;}

	.wrapper .overview section#intro {padding-top:72px;}
	.wrapper .overview p {margin-top:0}
	.wrapper .overview .main-description p {font-size:29px;line-height:50px;padding-bottom:37px;}
	.wrapper .overview .sub-description p {font-size:18px;line-height:32px;margin-top:0;}
	.wrapper .overview .title-tag p {margin:0 0 16px 0;}
	.wrapper .overview .caption {font-size:15px;}
	.wrapper .overview .fullwidth .caption {padding-left:8vw;padding-right:8vw;}
	.wrapper .overview .gallery-caption {font-size:15px;}
	.wrapper .overview .fullwidth .gallery-caption {padding-left:8vw;padding-right:8vw;}
	.wrapper .overview .image-caption {font-size:15px;}
	.wrapper .overview .fullwidth .image-caption {padding-left:8vw;padding-right:8vw;}

	.wrapper .overview .btn-container .btn-caption {display:inline-block;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);color:#333;font-weight:300;font-size:18px;line-height:32px;padding:12px 0;}
	.wrapper .overview .btn-container a.btn {display:inline-block;font-size:16px;line-height:26px;padding:13px 24px;margin:0 12px;}
	.wrapper .overview .btn-container a.btn.btn-large {font-size:18px;padding:14px 28px;line-height:28px;}
	.wrapper .overview .btn-container a.btn.btn-small {font-size:14px;padding:12px 20px;line-height:22px;}
}

@media screen and (min-width: 640px) and (max-width: 1200px) {
	.wrapper .overview section#intro {padding-top:42px;}
	.wrapper .overview .main-description p {font-size:25px;line-height:46px;padding-bottom:22px;}
	.wrapper .overview .sub-description p {font-size:16px;line-height:28px;margin-top:0;}

	.wrapper .overview .btn-container .btn-caption {display:inline-block;font-family:var(--site-font-family);font-feature-settings:var(--site-font-feature-settings);color:#333;font-weight:300;font-size:16px;line-height:28px;padding:12px 0;}
	.wrapper .overview .btn-container a.btn {display:inline-block;font-size:14px;line-height:24px;padding:12px 22px;margin:0 12px;}
	.wrapper .overview .btn-container a.btn.btn-large {font-size:16px;padding:13px 26px;line-height:25px;}
	.wrapper .overview .btn-container a.btn.btn-small {font-size:13px;padding:10px 19px;line-height:20px;}
}

@media screen and (min-width: 640px) {
	.wrapper .overview div.vertical-align-top {vertical-align:top;}
	.wrapper .overview div.vertical-align-middle {vertical-align:middle;}
	.wrapper .overview div.vertical-align-bottom {vertical-align:bottom;}

	.wrapper .overview .gallery-container.grid  {}
	.wrapper .overview .gallery-container.grid .gallery  {}
	.wrapper .overview .gallery-container.grid .gallery .gallery-item  {display:inline-block;vertical-align:middle;margin-bottom:0;}
	.wrapper .overview .gallery-container.grid .vertical-align-top .gallery .gallery-item {vertical-align:top;}
	.wrapper .overview .gallery-container.grid .vertical-align-middle .gallery .gallery-item {vertical-align:middle;}
	.wrapper .overview .gallery-container.grid .vertical-align-middle .gallery .gallery-item {vertical-align:bottom;}
	.wrapper .overview .gallery-container.grid .gallery .gallery-item .gallery-image {}
	.wrapper .overview .gallery-container.grid .gallery .gallery-item .gallery-image img {}
	
	.wrapper .overview .gallery-container.grid.grid-10 .gallery .gallery-item  {width:10%;}
	.wrapper .overview .gallery-container.grid.grid-20 .gallery .gallery-item  {width:20%;}
	.wrapper .overview .gallery-container.grid.grid-25 .gallery .gallery-item  {width:25%;}
	.wrapper .overview .gallery-container.grid.grid-33 .gallery .gallery-item  {width:33.333333%;}
	.wrapper .overview .gallery-container.grid.grid-50 .gallery .gallery-item  {width:50%;}

	.wrapper .overview .gallery-container.grid.spaced-none .gallery .gallery-item {padding:0;}
	.wrapper .overview .gallery-container.grid.spaced-thin .gallery .gallery-item {padding:1px;}
	.wrapper .overview .gallery-container.grid.spaced-small .gallery .gallery-item {padding:2px;}
	.wrapper .overview .gallery-container.grid.spaced-medium .gallery .gallery-item {padding:4px;}
	.wrapper .overview .gallery-container.grid.spaced-large .gallery .gallery-item {padding:8px;}
	.wrapper .overview .gallery-container.grid.spaced-extralarge .gallery .gallery-item {padding:12px;}

	.wrapper .overview .gallery-container.grid.vertical-align-top .gallery .gallery-item {vertical-align:top;}
	.wrapper .overview .gallery-container.grid.vertical-align-middle .gallery .gallery-item {vertical-align:middle;}
	.wrapper .overview .gallery-container.grid.vertical-align-middle .gallery .gallery-item {vertical-align:bottom;}

	.wrapper .overview .gallery-container.grid-20.border-radius-mobile .gallery .gallery-item .gallery-image {display:block;overflow:hidden;border-radius:0.75vw;}
	.wrapper .overview .gallery-container.grid-25.border-radius-mobile .gallery .gallery-item .gallery-image {display:block;overflow:hidden;border-radius:0.8vw;}
	.wrapper .overview .gallery-container.grid-33.border-radius-mobile .gallery .gallery-item .gallery-image {display:block;overflow:hidden;border-radius:1.2vw;}
	.wrapper .overview .gallery-container.grid-50.border-radius-mobile .gallery .gallery-item .gallery-image {display:block;overflow:hidden;border-radius:1.6vw;}	

	.wrapper .overview .gallery-container.framed-picture .gallery .gallery-item .gallery-image {padding:8px;background:#eee;}

	.wrapper .overview .totem {height:100vh;}
	.wrapper .overview .totem > div {width:100%;height:100%;}
	.wrapper .overview .totem img {width:100%;height:100%;object-fit:cover;}

	.wrapper .overview section#about {padding:72px 0 128px 0;}
	.wrapper .overview section#about h2 {padding-bottom:32px;}
	.wrapper .overview section#about > ul {display:inline-block;width:100%;transition:all 0.3s;}
	.wrapper .overview section#about > ul > li {display:inline-block;width:100%;transition:all 0.3s;}
	.wrapper .overview section#about > ul > li > ul {display:table;table-layout:fixed;width:100%;padding:0;}
	.wrapper .overview section#about > ul > li > ul > li.title {display:table-cell;vertical-align:top;}
	.wrapper .overview section#about > ul > li > ul > li.description {display:table-cell;vertical-align:top;}
	.wrapper .overview section#about > ul > li > ul > li > p {margin:0;padding:0 12px 8px 0;transition:all 0.3s;}
	.wrapper .overview section#about > ul > li > ul > li.title > p {text-align:left;font-weight:300;}
	.wrapper .overview section#about > ul > li > ul > li.description > p {text-align:left;font-weight:700;}

	.site .discovering-projects {padding:24px 2.5vw;}
	.site .discovering-project 	{width:33.33%;margin-bottom:0;}
	.site .discovering-project > .discovering-project-content {padding:24px 1.5vw;}
	.site .discovering-project br {display: none;}
}

/* ------- */
/* Paterns */
/* ------- */

@media screen and (min-width: 640px) {
	.wrapper .col {display:inline-block;word-wrap:break-word;overflow-wrap:break-word;/* -webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto */;box-sizing:border-box;}
	
    .wrapper .col-center {display:block !important;margin-left:auto;margin-right:auto;}
    
	.wrapper .col-100 {display:inline-block;width:100%;vertical-align:top;}
	.wrapper .col-80 {display:inline-block;width:80%;vertical-align:top;}
	.wrapper .col-75 {display:inline-block;width:75%;vertical-align:top;}
	.wrapper .col-70 {display:inline-block;width:70%;vertical-align:top;}
	.wrapper .col-60 {display:inline-block;width:60%;vertical-align:top;}
	.wrapper .col-50 {display:inline-block;width:50%;vertical-align:top;}
	.wrapper .col-40 {display:inline-block;width:40%;vertical-align:top;}
	.wrapper .col-33 {display:inline-block;width:33.333333%;vertical-align:top;}
	.wrapper .col-30 {display:inline-block;width:30%;vertical-align:top;}
	.wrapper .col-25 {display:inline-block;width:25%;vertical-align:top;}
	.wrapper .col-20 {display:inline-block;width:20%;vertical-align:top;}

	.wrapper .col-vertical-align-top {vertical-align:top;}
	.wrapper .col-vertical-align-middle {vertical-align:middle;}
	.wrapper .col-vertical-align-bottom {vertical-align:bottom;}

	.wrapper .col-first-spaced-light {padding-right:2vw;}
	.wrapper .col-middle-spaced-light {padding-right:2vw;padding-left:2vw;}
	.wrapper .col-last-spaced-light {padding-left:2vw;}

	.wrapper .col-first-spaced-medium {padding-right:4vw;}
	.wrapper .col-middle-spaced-medium {padding-right:4vw;padding-left:4vw;}
	.wrapper .col-last-spaced-medium {padding-left:4vw;}

	.wrapper .col-first-spaced-large {padding-right:8vw;}
	.wrapper .col-middle-spaced-large {padding-right:8vw;padding-left:8vw;}
	.wrapper .col-last-spaced-large {padding-left:8vw;}	

	.wrapper .padding-left-light {padding-left:2vw;box-sizing:border-box;}
	.wrapper .padding-right-light {padding-right:2vw;box-sizing:border-box;}

	.wrapper .padding-left-medium {padding-left:4vw;box-sizing:border-box;}
	.wrapper .padding-right-medium {padding-right:4vw;box-sizing:border-box;}

	.wrapper .padding-left-large {padding-left:8vw;box-sizing:border-box;}
	.wrapper .padding-right-large {padding-right:8vw;box-sizing:border-box;}

	.wrapper .col-50-story {display:inline-block;width:calc(50% + 4px);vertical-align:top;margin-top:4px;margin-bottom:4px;}
	.wrapper .col-50-story.col-first {padding-right:4px;padding-left:4px;margin-left:-4px;}
	.wrapper .col-50-story.col-last {padding-right:4px;padding-left:4px;margin-right:-4px;}

	.wrapper .col-33-story {display:inline-block;width:calc(33.333333% + 1.333333px);vertical-align:top;margin-top:4px;margin-bottom:4px;}
	.wrapper .col-33-story.col-first {padding-right:4px;padding-left:4px;margin-left:-4px;}
	.wrapper .col-33-story.col-middle {padding-right:4px;padding-left:4px;}
	.wrapper .col-33-story.col-last {padding-right:4px;padding-left:4px;margin-right:-4px;}

	.wrapper .col-25-story {display:inline-block;width:calc(50% + 2px);vertical-align:top;margin-top:4px;margin-bottom:4px;}
	.wrapper .col-25-story.col-first {padding-right:4px;padding-left:4px;margin-left:-4px;}
	.wrapper .col-25-story.col-middle {padding-right:4px;padding-left:4px;}
	.wrapper .col-25-story.col-last {padding-right:4px;padding-left:4px;margin-right:-4px;}

	/* non-definitive names */
	.wrapper .padding-top-64px {padding-top:64px;}
	.wrapper .padding-bottom-42px {padding-bottom:42px;}
	.wrapper .padding-tb-content {padding-top:42px;padding-bottom:42px;}
	.wrapper .padding-tb-none {padding-top:0;padding-bottom:0;}
	.wrapper .padding-none {padding:0;}
	/* -------------------- */
}

#lightboxOverlay	{position:fixed !important;z-index:999998 !important;}
#lightbox	{position:fixed !important;z-index:999999 !important;top:0 !important;margin-top:50vh;transform:translateY(-50%);}

/* --------------------------- */
/* --------------------------- */
/* --------------------------- */
/* Interactivity (experiments) */
/* --------------------------- */
/* --------------------------- */
/* --------------------------- */

/* WARNING FOR CONTENT BELOW - NEED TO TRANSFORM ALL CONTENTS UNITS SETTED IN VIEW-WIDTH TO PERCENTS */
/* If not applied, main-title and overview margins can continue to move if display is larger */

body {transition:background 1.2s;}
body > .site {transition:all 0.6s;}
body > .site > .site-container > .site-content > .header > .header-container > .header-content {transition:all 0.6s;}

/*
@media screen and (min-width: 1200px) {
	body.consult {background:#ccc8b4;}
	body.consult > .site {width:100%;width:calc(100% - 80px);}
	body.consult > .site > .site-container > .site-content > .header > .header-container > .header-content {width:100%;width:calc(100% - 80px);}
}
*/

@media screen and (min-width: 1600px) {
	body.consult {background:#ccc8b4;}
	body.consult > .site {width:100%;width:calc(100% - 160px);}
	body.consult > .site > .site-container > .site-content > .header > .header-container > .header-content {width:100%;width:calc(100% - 160px);}
}