/*
Theme Name: HEJ HEY
Theme URI: http://www.handytweak.com
Author URI: http://www.handytweak.com
Version: 1.0
License: GNU General Public License v2 or later
*/

/*Defualt*/

#fb-box-e4b0dcadf2b0c343abd64477 {
  display: none;
}

* {
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

@font-face {
    font-family: 'Cotta';
    src: url('./fonts/Cotta-Regular.woff2') format('woff2'),
        url('./fonts/Cotta-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'reckless_neuebook_italic';
    src: url('./fonts/recklessneue-bookitalic-webfont.woff2') format('woff2'),
         url('./fonts/recklessneue-bookitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'reckless_neuemedium';
    src: url('./fonts/recklessneue-medium-webfont.woff2') format('woff2'),
         url('./fonts/recklessneue-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('./fonts/playfairdisplay-variablefont_wght-webfont.woff2') format('woff2'),
         url('./fonts/playfairdisplay-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.story {margin-left:150px;}

.grecaptcha-badge {
    pointer-events: none;
    opacity: 0;
}

.wrapper {margin: 0 auto;max-width: 100%;position: relative;}

.clear:after, .clear:before {content: ""; display: block; height: 0; clear: both; visibility: hidden;}
.clear {zoom: 1;}
.show {display: block !important;}
.hide {display: block !important;}
.left {float: left !important;}
.right {float: right !important;}
input[type=text] {
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.content {
    padding: 0px 50px;
}

.content p {
  font-size: 16pt;
  line-height: 17pt;
}

.content p a {
  color: #000;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    margin: 0;
    padding: 0;
}

html, body {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    width: 100%;
    height: 100%;
    position: relative;
}

.box {
  width:75%;background-color:#c4b9a7;position:absolute; top:0%; right:0px;
  padding: 0px 0px 300px 0px;margin-top: 220px;
}

.box1 {
  width:75%;background-color:#c4b9a7;position:absolute; top:150%; left:0px;
  padding: 0px 0px 300px 0px;
  margin-top: 500px;
}

.box2 {
  width:75%;background-color:#c4b9a7;position:absolute; top:0%; left:0px;
  padding: 0px 0px 300px 0px;margin-top: 220px;
}


body {
    background-color: #e3ded8;
    color: #0d1f2d;
    font-family: 'playfair_displayregular';
    font-size: 13px;
    font-weight: 300;
}

.content .columns {
  position: relative;
  width: 100%;
  display: flex;
}

.content .columns .left {
  float: none !important;
  width: 50%;
  position: relative;
  padding-right: 25px;
}

.content .columns .right {
  float: none !important;
  width: 50%;
  position: relative;
  padding-left: 25px;
}

h1 {
  font-weight: normal;
  font-size: 70px;
  margin: 0px;
  line-height: 70px;
  width: 75%;
  float: right;
  margin: 0px 0px -5px 0px;
  font-family: 'reckless_neuebook_italic';
  position: relative;
  top: 1px;
  z-index: 1;
}

h2 {
  font-weight: normal;
  font-size: 50px;
  margin: 0px;
  line-height: 50px;
  font-family: 'playfair_displayregular';
  position: relative;
  top: 1px;
}

h3 {
  font-weight: normal;
  font-size: 30px;
  margin: 0px;
  line-height: 30px;
  font-family: 'playfair_displayregular';
  position: relative;
}

h2.title_22 {text-align:right;position: absolute;top: 50%;transform: translate(0%,-50%);right: 0px;}

/*Header*/

header {padding: 50px 50px 50px 50px;z-index:5;position: relative;}

header a {float: left;}

header a img {
  width: 140px;
  height: auto;
}

header p.text {
position: absolute;
width: 504px;
top: 54px;
left: 265px;
font-family: 'playfair_displayregular';
font-style: italic;
font-size: 13px;
line-height: 16px;
}

header svg {
    width: 100px;
}

header p.text a {
  text-decoration: none;
  color: #600108;
  float: none;
}

/*Static Menu*/

.menu_wrap {
    float: right;
    margin-top: 14px;
}

#menu-main-menu li a {
    text-decoration: none;
    color: #0d1f2d;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.2s ease-out;
    font-family: 'playfair_displayregular';
    font-weight: 300;
    font-size: 16px;
}

#menu-main-menu li.current_page_item {
    border-bottom: 2px solid #ac7831;
    padding-bottom: 3px;
}

#overlay_menu .menu-main-menu-container ul li.current_page_item a {

    border-bottom: 2px solid #ac7831;
}

#menu-main-menu {
    overflow: auto;
}

#menu-main-menu li {
    float: left;
    margin-left: 18px;
}

header .menu_button {
  position: relative;
  height: 35px;
  width: 35px;
  float:right;
  cursor: pointer;
  z-index: 4;
  -webkit-transition: opacity .25s ease;
          transition: opacity .25s ease;
    margin-top: 7px;
    display: none;
}

header .menu_button:hover {
    cursor:pointer;
}

header .menu_button:hover {
  opacity: .7;
}

header .menu_button.active .top {
  -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
      -ms-transform: translateY(6px) translateX(0) rotate(45deg);
          transform: translateY(6px) translateX(0) rotate(45deg);
  background: #000;
}
header .menu_button.active .middle {
  opacity: 0;
  background: #000;
}
header .menu_button.active .bottom {
  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
      -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
          transform: translateY(-8px) translateX(0) rotate(-45deg);
  background: #000;
}

header .menu_button span {
  background: #000;
  border: none;
  height: 3px;
  width: 75%;
  position: absolute;
  top: 8px;
  left: 4px;
  -webkit-transition: all .35s ease;
          transition: all .35s ease;
  cursor: pointer;
}

header .menu_button span:nth-of-type(2) {
  top: 15px;
}

header .menu_button span:nth-of-type(3) {
  top: 22px;
}

#overlay_menu {
    width: 100%;
    height: 100%;
    position: fixed;
    background: #fff;
    z-index:3;
    display: none;
    top:0px;
    left:0px;
}

#overlay_menu .menu-main-menu-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 200px;
}

#overlay_menu .menu-main-menu-container ul li {
    padding: 5px 0px;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
}

#overlay_menu .menu-main-menu-container ul li a {
    text-decoration: none;
    color: #0d1f2d;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.2s ease-out;
    font-family: 'playfair_displayregular';
    font-weight: 300;
}

#overlay_menu #socials {
    position: absolute;
    bottom: 25px;
    right: 50px;
}

#overlay_menu #socials ul li {
    padding: 10px 10px;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    float: left;
}

#overlay_menu #socials ul li a {
    text-decoration: none;
    color: #0d1f2d;
    text-transform: uppercase;
    opacity: 1;
    transition: all 0.2s ease-out;
}

#overlay_menu #socials ul li a:hover, #overlay_menu .menu-main-menu-container ul li a:hover {
  opacity: 0.7;
}

/*Home*/

@keyframes MOVE-BG1 {
 from {
   transform: rotate(0deg);
 }
 to {
   transform: rotate(-360deg);
 }
}

#foot_logo {
  animation-name: MOVE-BG1;
  animation-duration: 10s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@keyframes MOVE-BG {
 from {
   opacity: 0;
 }
 to {
   opacity: 1;
 }
}

.dot_title {
  background-color: #000;
width: 35px;
height: 35px;
display: inline-block;
border-radius: 50%;
position: relative;
top: -2px;
animation-name: MOVE-BG;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

.dot_title_2 {
  background-color: #000;
  margin-right: 25px;
width: 25px;
height: 25px;
display: inline-block;
border-radius: 50%;
position: relative;
top: -2px;
animation-name: MOVE-BG;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}

#main-slider {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

#main-slider .logo-main {
    z-index: 1;
    position: absolute;
    width: 320px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

#main-slider a {
    z-index: 1;
    width: 320px;
    line-height: 0;
    cursor: pointer;
}

#main-slider .title-main {
    color: #808080;
    font-size: 15px;
    font-weight: 700;
    margin: 25px 0px 15px 0px;
}

#main-slider .text-main {
    color: #0d1f2d;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    margin: 0px;
}

#main-slider a:hover,#main-slider a img:hover {
  cursor: pointer;
}

#main-slider a img {
  width: 274px;
}

.cb-slideshow,
.cb-slideshow:after {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    height: 700px;
    overflow: hidden;
}

.showned {display: block;}
.hidden {display: none;}

.cb-slideshow:after {
    content: '';
    background: transparent url(../images/pattern.png) repeat top left;
}

.cb-slideshow li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-slideshow li:nth-child(1) {}
.cb-slideshow li:nth-child(2) {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(6) {
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -webkit-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -webkit-transform: scale(1.05);
	    -webkit-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -webkit-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -webkit-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -moz-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -moz-transform: scale(1.05);
	    -moz-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -moz-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -moz-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -o-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -o-transform: scale(1.05);
	    -o-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -o-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -o-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
	0% {
	    opacity: 0;
	    -ms-animation-timing-function: ease-in;
	}
	8% {
	    opacity: 1;
	    -ms-transform: scale(1.05);
	    -ms-animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    -ms-transform: scale(1.1);
	}
	25% {
	    opacity: 0;
	    -ms-transform: scale(1.1);
	}
	100% { opacity: 0 }
}
@keyframes imageAnimation {
	0% {
	    opacity: 0;
	    animation-timing-function: ease-in;
		transform: scale(1.15);
	}
	8% {
	    opacity: 1;
	    transform: scale(1.1);
	    animation-timing-function: ease-out;
	}
	17% {
	    opacity: 1;
	    transform: scale(1.05);
	}
	25% {
	    opacity: 0;
	    transform: scale(1);
	}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) {
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) {
	.cb-slideshow li div h3 { font-size: 50px }
}

/*Main Content*/

.intro_content {
    width: 100%;
    padding: 75px 0px;
    overflow: auto;
}

.intro_content .content_wrap {
    width: 60%;
    margin: 0px auto;
    text-align: center;
}

.intro_content .title-main {
    font-family: 'playfair_displayregular';
    font-size: 18px;
    font-weight: 100;
    line-height: 26px;
    margin-bottom: 0px;
    font-weight: 300;
}

#weare {
    float: left;
    height: 130px;
    width: auto;
    margin-right: 26px;
}

.intro_content h1 {
    margin-top: -8px;
}

.intro_content h1 span {
    display: block;
font-size: 23px;
}

/*Portfolio*/

.portFolio {
  margin: 0px 0px 0px 0px;
}

.wrapper.portfolio_wrapper {
    max-width: relative; width: 100%;
}

div.controls {
    padding: 30px 0px;
    text-align: center;
    display: none;
}

div.controls button {
text-decoration: none;
font-size: 12px;
text-transform: uppercase;
border: none;
background: transparent;
}

#projects {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.column {
    -ms-flex: 33.3333%;
    flex: 33.3333%;
    max-width: 33.3333%;
}

a.portfolio_item {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    background: #fff;
    border: 5px solid #fff;
    cursor: pointer;
    transition: all 0.2s ease-out;
    line-height: 0px;
    display: block;
}

a.portfolio_item img {
    width: 100%;
}

.gridzy a img:hover {
    opacity: 0.15;
    transform: scale(1.05);
}

.gridzy a img{
    transition: all 0.5s ease-out;
        transform: scale(1);
    opacity: 1;
}

.gridzy a:hover {
  cursor: pointer;
}

div.content .gridzy a:hover h2, div.content .gridzy a:hover h3  {
    opacity: 1;
}

.lightbox-item {overflow: hidden;}

.gridzy a .portfolio_desc {
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
    pointer-events: none
}

div.content .gridzy a h2 {
  opacity:0;
  color: black;
  text-align: center;
  width: 100%;
  font-size: 25px;
  font-weight: 300;
  transition: all 0.5s ease-out;
    line-height: 30px;
}

div.content .gridzy a h3 {
  transition: all 0.2s ease-out;
  opacity:0;
  color: black;
  text-align: center;
  width: 100%;
  font-size: 20px;
  font-weight: bold;
    margin: 0px;
}

/*Work*/
div.project {
  margin: 80px 0px 0px 0px;
}

div.about_project {
    float: left;
    width: 35%;
    padding: 0px 5% 0px 0px;
}

div.project_gallery {
    float: left;
    width: 65%;
}

a.gallery_item {
  float: left;
  width: 33.3333%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border:1px solid #fff;
  height: 200px;
  transition: all 0.2s ease-out;
}

a.gallery_item .img {
  opacity:1;
  width:100%;
  height:100%;
  position: relative;
  background-size:cover;
  background-position: 50% 50%;
  transition: all 0.2s ease-out;
}

a.gallery_item:hover .img {
  opacity: 0.5;
}

div.project .page_nav a {
    display: block;
    font-size: 29px;
    line-height: 0;
    float: left;
    width: 30px; height: 30px;
    color: #0d1f2d;
    border: 2px solid #000;
    margin: 0px 5px 0px 0px;
}

div.project .page_nav a.portfolio-back {
    font-size: 15px;
    width: 138px;
    line-height: 24px;
    text-decoration: none;
}

div.project .page_nav a {
    font-size: 27px;
    text-align: center;
}

div.project .page_nav a i.prev {
  margin: -1px 1px 0px 0px;
}

div.project .page_nav a i.next {
  margin: -1px -1px 0px 0px;
}

/*About us*/
/*div.aboutUs {
  margin: 80px 0px 0px 0px;
}*/

div.aboutUs {
  margin: 0px 0px 0px 0px;
}

div.aboutUs .aboutus-area {
  width: 50%;
  float: left;
  padding: 0px 10% 0px 0px;
}

div.aboutUs .photo-area {
  width: 50%;
  float: right;
}

div.aboutUs .photo-area div {
  width: 100%;
  height: 600px;
  background-size: cover;
  background-position: center;
}

/*Contact us*/

.contactdeeds {position: absolute;top: 0px;left: 50px;}
.contactdeeds2 {display:none}

div.contactUs {
  margin: 50px 0px 0px 0px;
}

div.contactUs .contactus-area {
  width: 45%;
  float: left;
  padding: 0px 5% 0px 0px;
}

div.contactUs .map-area {
  width: 55%;
  height: 400px;
  float: left;
}

div.contactUs form.wpcf7-form input[type="email"], div.contactUs form.wpcf7-form input[type="text"], div.contactUs form.wpcf7-form textarea {
  display: block;
  padding: 5px;
  color: #0d1f2d;
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: transparent;
  font-size: 40px;
  margin: 0px;
  line-height: 40px;
  font-family: 'playfair_displayregular';
  border: none;
  border-bottom: 2px dashed #000;
  padding-bottom: 10px;
  margin-top: 50px;
}

input::placeholder,textarea::placeholder {
    color: #000;
    opacity: 1;
    text-align: right;
}

div.contactUs form.wpcf7-form textarea {
  height: 66px;
  resize: none;
  border-radius: 0;
  -webkit-appearance: none;
}

.wpcf7-submit {
  display: block;
  border: none;
  padding: 5px;
  font-family: 'playfair_displayregular';
  font-size: 40px;
  color: #fff;
  width: 100%;
  border-radius: 0;
  -webkit-appearance: none;
  background: #000;
  padding: 15px 0px 10px 0px;
}

div.thankYou div.content h2 {
    font-size: 35px;
    margin-bottom: 25px;
}

div.thankYou div.content a {
  text-decoration: none;
  font-size: 20px;
  text-transform: uppercase;
  color:#0d1f2d;
}

div.thankYou {
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
}

footer p {
    float: left;
    margin: 30px 0px 0px 0px;
    font-family: 'playfair_displayregular';
    font-weight: 500;
}

footer #socials {
  float: right;
}

footer .footer-content {

    border-top: 1px solid #000;
    margin-top: 30px;
    padding: 0px 0px 40px 0px;

}

footer #socials ul li {
    padding: 25px 10px 0px 10px;
    font-size: 19px;
    text-transform: uppercase;
    text-align: center;
    float: left;
}

footer #socials ul li a:hover {
    opacity: 0.7;
}

footer #socials ul li a {
    transition: all 0.2s ease-out;
    color: #ac7831;
}

.page_nav {
    margin: 10px 0px 0px 0px;
    width: 213px;
}

/* --- portfolio video --- */
.lg-video .hh-video {
	object-fit: contain;
	background: #000;
}

.gridzy .lightbox-item.has-video::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .45)
		url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E")
		no-repeat 56% 50%;
	background-size: 24px;
	pointer-events: none;
	transition: opacity .25s ease;
	z-index: 3;
}

.gridzy .lightbox-item.has-video:hover::after {
	opacity: .75;
}

/* --- lightbox caption + view project --- */
.lg-sub-html .lg-cap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
}

.lg-sub-html .lg-view-project {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 16px;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	color: inherit;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.lg-sub-html .lg-view-project:hover {
	background: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.lg-sub-html .lg-view-project span {
	transition: transform .2s ease;
}

.lg-sub-html .lg-view-project:hover span {
	transform: translateX(3px);
}

/* --- homepage hero (two images + intro text) --- */
.hh-hero {
	margin: 0 auto 70px;
	position: relative;
	z-index: 1;
}

.hh-hero__images {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 9.3%;
	width: 100%;
}

.hh-hero__fig {
	margin: 0;
}

.hh-hero__col {
	flex: 0 0 40.4%;
	margin-left: 12%;
	margin-top: 3.3%;
}

.hh-hero__fig--left {
	margin: 0;
}

.hh-hero__fig--right {
	flex: 0 0 28.4%;
	margin-top: -1.2%;
}

.hh-hero__img {
	display: block;
	width: 100%;
	height: auto;
}

.hh-hero__text {
	margin: 5.5% 0 0 38.7%;
	max-width: 56.1%;
}

.hh-hero .hh-hero__text p {
	margin: 0 0 6px;
	font-size: 1.35vw;
	line-height: 1.38;
}



/* --- nav dot separators --- */
.menu_wrap .menu > li {
	position: relative;
}

.menu_wrap .menu > li + li {
	margin-left: 56px !important;
}

.menu_wrap .menu > li + li::before {
	content: '';
	position: absolute;
	left: -28px;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 0.70em;
	height: 0.70em;
	border-radius: 50%;
	background: currentColor;
	pointer-events: none;
}

/* keep the decorative parallax layers behind page content */
.box.parallax,
.box1.parallax {
	z-index: -1;
}

/* --- headline sits above the left hero image --- */
.portfolio_wrapper .headline {
	float: none;
	width: 78%;
	margin: 0 0 0 22%;
	font-size: 3.35vw;
	line-height: 1.08;
	text-align: right;
	position: relative;
	top: 0.2em;
}

.portfolio_wrapper .headline .dot_title {
	width: .45em;
	height: .45em;
	vertical-align: middle;
}

/* --- white frame around the page --- */
html {
	background: #e3ded8;
}

body {
	background: #e3ded8;
}

/* frame drawn over the viewport so it runs the full length of the page */
body::after {
	content: '';
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 22px solid #ffffff;
	pointer-events: none;
	z-index: 999;
}

/* --- Epicene Display (trial) --- */
@font-face {
	font-family: 'EpiceneDisplay';
	src: url(data:font/woff2;base64,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) format('woff2');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

.portfolio_wrapper .headline,
.hh-hero__text {
	font-family: 'EpiceneDisplay', Georgia, serif !important;
	font-style: italic;
}

.portfolio_wrapper .headline .hh-em {
	font-weight: inherit;
}

/* --- hero image galleries --- */
.hh-gal {
	position: relative;
	overflow: hidden;
}

.hh-gal.is-gallery {
	cursor: none;
}

.hh-gal.is-gallery .hh-hero__img {
	opacity: 0;
	transform: scale(1.07);
	transition: opacity .85s cubic-bezier(.4, 0, .2, 1), transform 1.4s cubic-bezier(.16, .84, .44, 1);
	will-change: opacity, transform;
}

.hh-gal.is-gallery .hh-hero__img:first-child {
	position: relative;
}

.hh-gal.is-gallery .hh-hero__img:not(:first-child) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hh-gal.is-gallery .hh-hero__img.is-active {
	opacity: 1;
	transform: scale(1);
}

.hh-cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin: -8px 0 0 -8px;
	border-radius: 50%;
	background: #ffffff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .22);
	pointer-events: none;
	opacity: 0;
	transform: scale(.6);
	transition: opacity .2s ease, transform .2s ease;
	z-index: 9999;
}

.hh-cursor.is-on {
	opacity: 1;
	transform: scale(1);
}

@media (hover: none) {
	.hh-gal.is-gallery { cursor: pointer; }
	.hh-cursor { display: none; }
}

/* --- portfolio text band --- */
.container .hh-band {
	width: max-content;
	max-width: 100%;
	clear: both;
	margin: 6% auto 7%;
	font-family: 'EpiceneDisplay', Georgia, serif;
	font-style: italic;
	font-weight: 300;
	color: #1a1a1a;
}

.container .hh-band p {
	margin: 0;
	font-size: 2.6vw;
	line-height: 1.16;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
	white-space: nowrap;
}

.container .hh-band__l1 {
	text-align: left;
}

.container .hh-band__l2 {
	text-align: right;
	transform: translateX(13%);
}

.container .hh-band__l2 a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .25s ease;
}

.container .hh-band__l2 a:hover {
	border-bottom-color: currentColor;
}

.container .hh-band .dot_title {
	width: .46em;
	height: .46em;
	top: -.02em;
	margin-left: .1em;
}

/* --- client + press logos --- */
.container .hh-clients {
	clear: both;
	width: 100%;
	margin: 5% 0 6%;
	text-align: center;
}

.container .hh-clients img {
	display: inline-block;
	width: 80%;
	max-width: 1366px;
	height: auto;
}

/* --- closing / contact block --- */
.container .hh-outro {
	width: 100%;
	clear: both;
	margin: 3.4% 0 6%;
	font-family: 'EpiceneDisplay', Georgia, serif;
	font-style: italic;
	font-weight: 300;
	color: #1a1a1a;
}

.container .hh-outro p {
	margin: 0;
	font-size: 2vw;
	line-height: 1.34;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	color: inherit;
}

.container .hh-outro p.hh-outro__cta {
	margin-top: 1.9em;
	text-align: right;
}

.container .hh-outro a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .25s ease;
}

.container .hh-outro a:hover {
	border-bottom-color: currentColor;
}

.container .hh-outro__arrow {
	font-style: normal;
	margin-left: .55em;
	display: inline-block;
	transition: transform .25s ease;
}

.container .hh-outro__cta a:hover .hh-outro__arrow {
	transform: translateX(7px);
}

/* --- scroll reveal (JS adds .hh-reveal, so no-JS still shows the logos) --- */
.container .hh-clients.hh-reveal img {
	opacity: 0;
}

.container .hh-clients.hh-reveal.is-in img {
	animation: hhFadeUp 1.15s cubic-bezier(.16, .84, .44, 1) forwards;
}

@keyframes hhFadeUp {
	from {
		opacity: 0;
		transform: translateY(34px) scale(.985);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.container .hh-clients.hh-reveal img {
		opacity: 1;
		animation: none;
	}
}

/* --- project page gallery (justified rows, true aspect ratios) --- */
.project_gallery.gridzy {
	float: right;
	width: 65%;
}

.project_gallery.gridzy .lightbox-item {
	display: block;
	float: none;
	width: auto;
	height: auto;
	border: 0;
	overflow: hidden;
}

.project_gallery.gridzy .gridzyImage {
	display: block;
	width: 100%;
	height: auto;
	transition: opacity .25s ease-out;
}

.project_gallery.gridzy .lightbox-item:hover .gridzyImage {
	opacity: .6;
}

/* --- project page: description column --- */
.about_project p {
	margin: 0 0 1em;
	max-width: 34em;
}

.about_project .page_nav {
	margin-top: 26px;
}

/* --- closing block: pull the two halves toward the centre --- */
.container .hh-outro p.hh-outro__l1,
.container .hh-outro p.hh-outro__l2,
.container .hh-outro p.hh-outro__phone {
	margin-left: 11%;
}

.container .hh-outro p.hh-outro__cta {
	margin-right: 12%;
}

.container .hh-outro p.hh-outro__phone {
	margin-top: .1em;
}

/* --- footer social icons --- */
.social-media .hh-linkedin {
	display: inline-block;
	width: 17px;
	height: 17px;
	vertical-align: -2px;
	fill: currentColor;
}

.social-media li + li {
	margin-left: 14px;
}

/* --- category filter bar --- */
div.controls {
	display: block;
	padding: 0 0 2.6%;
	text-align: center;
}

#myFilterControls {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 34px;
}

div.controls #myFilterControls button {
	background: none;
	border: 0;
	padding: 2px 0;
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #1a1a1a;
	opacity: .5;
	border-bottom: 1px solid transparent;
	transition: opacity .25s ease, border-color .25s ease;
}

div.controls #myFilterControls button:hover {
	opacity: 1;
}

div.controls #myFilterControls button.is-active {
	opacity: 1;
	border-bottom-color: currentColor;
}

/* logos + band step aside while a category is selected */
body.hh-filtered .hh-clients,
body.hh-filtered .hh-band {
	display: none;
}

/* --- what we do / services --- */
.container .hh-sec-title {
	margin: 0 0 3.2%;
	font-family: 'EpiceneDisplay', Georgia, serif;
	font-style: italic;
	font-weight: 300;
	font-size: 3.15vw;
	line-height: 1.16;
	color: #1a1a1a;
	text-align: right;
}

.container .hh-sec-title--works {
	margin: 5.5% 0 2.4%;
}

.hh-services-wrap {
	margin: 5.5% auto 0;
}

.hh-service {
	display: flex;
	align-items: center;
	gap: 9%;
	margin: 0 0 6.5%;
}

.hh-service__media {
	flex: 0 0 48%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.hh-service__img,
.hh-service__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hh-service__text {
	flex: 0 1 36%;
}

.hh-service__title {
	margin: 0 0 .7em;
	font-size: 1.5vw;
	line-height: 1.2;
	font-weight: 400;
	color: #1a1a1a;
}

.hh-services-wrap .hh-service__title a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color .25s ease;
}

.hh-services-wrap .hh-service__title a:hover {
	border-bottom-color: currentColor;
}

.hh-service .hh-service__copy {
	margin: 0;
	font-size: .95vw;
	line-height: 1.7;
	color: #3a3a3a;
}

.hh-services__cta {
	margin: 0 0 1%;
	text-align: left;
}

.hh-services-wrap .hh-services__cta a {
	display: inline-block;
	padding: 0;
	background: none;
	color: #1a1a1a;
	font-size: 13px;
	letter-spacing: .14em;
	text-transform: uppercase;
	text-decoration: none;
	opacity: .55;
	border-bottom: 1px solid transparent;
	transition: opacity .25s ease, border-color .25s ease;
}

.hh-services-wrap .hh-services__cta a:hover {
	opacity: 1;
	border-bottom-color: currentColor;
}

/* --- mobile hero (must stay last so it wins over the desktop rules) --- */
@media (max-width: 900px) {
	.hh-hero__images {
		flex-direction: column;
		align-items: stretch;
		gap: 22px;
	}

	.hh-hero__col,
	.hh-hero__fig--left,
	.hh-hero__fig--right {
		flex: 1 1 auto;
		margin-top: 0;
		margin-left: 0;
	}

	.portfolio_wrapper .headline {
		width: 100%;
		margin: 0 0 0.14em;
		font-size: clamp(22px, 6.4vw, 40px);
		line-height: 1.08;
		text-align: right;
		top: 0.14em;
	}

	.hh-hero__text {
		margin: 34px auto 0;
		max-width: 88%;
		text-align: center;
	}

	.hh-hero .hh-hero__text p {
		font-size: clamp(15px, 4.1vw, 21px);
		line-height: 1.5;
		margin: 0 0 14px;
	}

	.container .hh-band {
		width: auto;
		max-width: 88%;
		margin: 42px auto 46px;
	}

	.container .hh-band p,
	.container .hh-band__l1,
	.container .hh-band__l2 {
		font-size: clamp(22px, 6.6vw, 40px);
		line-height: 1.12;
		text-align: center;
		white-space: normal;
		transform: none;
	}

	.container .hh-clients {
		margin: 34px 0 40px;
	}

	.container .hh-clients img {
		width: 94%;
	}

	.container .hh-outro {
		margin: 46px 0 56px;
	}

	.container .hh-outro p {
		font-size: clamp(18px, 5vw, 30px);
		line-height: 1.34;
	}

	.container .hh-outro__cta {
		margin-top: 1.4em;
		text-align: left;
	}

	.project_gallery.gridzy {
		float: none;
		width: 100%;
	}

	.container .hh-outro p.hh-outro__l1,
	.container .hh-outro p.hh-outro__l2,
	.container .hh-outro p.hh-outro__phone,
	.container .hh-outro p.hh-outro__cta {
		margin-left: 0;
		margin-right: 0;
	}

	body::after {
		border-width: 30px;
	}

	#myFilterControls {
		gap: 20px;
	}

	div.controls #myFilterControls button {
		font-size: 11px;
		letter-spacing: .1em;
	}

	.hh-service {
		display: block;
		margin: 0 0 44px;
	}

	.hh-service__text {
		margin-top: 20px;
	}

	.container .hh-sec-title {
		font-size: clamp(22px, 6.6vw, 40px);
		margin: 0 0 22px;
	}

	.container .hh-sec-title--works {
		margin: 44px 0 20px;
	}

	.hh-service__title {
		font-size: clamp(18px, 5vw, 26px);
	}

	.hh-service .hh-service__copy {
		font-size: clamp(14px, 3.9vw, 17px);
	}
}


/* ==========================================================================
   HEJ HEY — homepage services layout, categories, client hide & scroll reveal
   (custom additions)
   ========================================================================== */

/* Scroll reveal — progressive enhancement: hidden state only applies once JS
   adds .js-reveal to <html>, so with no JS the content shows normally. */
.js-reveal .cc-reveal{
	opacity:0;
	transform:translateY(46px);
	transition:opacity 1.35s cubic-bezier(.22,.61,.36,1), transform 1.35s cubic-bezier(.22,.61,.36,1);
}
.js-reveal .cc-reveal.cc-in{
	opacity:1;
	transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
	.js-reveal .cc-reveal{ opacity:1; transform:none; transition:none; }
}

/* Portfolio category filter in lower case */
.home div.controls #myFilterControls button{ text-transform:lowercase; }

/* Remove the client / press logo image from the homepage */
.home .hh-clients{ display:none; }

/* Editorial layout for the "what we do" services section (desktop only) */
@media (min-width:901px){
	.home .container.hh-services-wrap{ position:relative; }

	/* "what we do" — top-right, level with the top of the first image */
	.home .hh-services-wrap > h2.hh-sec-title{
		position:absolute; top:0; right:0; width:52%; margin:0; text-align:right; z-index:3;
	}

	/* Service copy centred in the right-hand column */
	.home .hh-service__text{ text-align:center; }

	/* "see all services" lifted directly under the Animation & Cinematic Film copy */
	.home .hh-services__cta{
		position:absolute; top:calc(78.47vw + 25px); left:56.96%; width:36%; margin:0; text-align:center; z-index:3;
	}

	/* "Selected works" — right-aligned, bottom-aligned to the last image */
	.home .intro_content + .container{ margin-top:-6.5%; }
	.home .intro_content + .container > h2.hh-sec-title--works{
		text-align:right; width:52%; margin-left:48%; margin-right:0; transform:translateY(-100%);
	}
}


/* ==========================================================================
   HEJ HEY — homepage contact / footer section (custom)
   ========================================================================== */
.hh-outro{ display:none !important; }

footer.hh-contact{
	width:auto;
	background:#C4BDAE;
	color:#0D1F2D;
	margin:42px 50px 50px;
	padding:0;
}
.hh-contact *{ box-sizing:border-box; }
.hh-contact p{ float:none; width:auto; }
.hh-contact__inner{ padding:96px 50px 34px; }
.hh-contact__top{ display:flex; justify-content:space-between; align-items:flex-start; gap:64px; }
.hh-contact__lead{ flex:1 1 auto; max-width:660px; }
.hh-contact__title{ font-family:EpiceneDisplay,Georgia,serif; font-weight:300; font-size:clamp(38px,4.6vw,66px); line-height:1.02; letter-spacing:-.01em; margin:0 0 26px; color:#0D1F2D; }
.hh-contact__sub{ font-family:EpiceneDisplay,Georgia,serif; font-weight:300; font-size:clamp(17px,1.35vw,21px); line-height:1.5; margin:0 0 36px; color:rgba(13,31,45,.68); }
.hh-contact__btn{ display:inline-block; font-family:playfair_displayregular,Georgia,serif; text-transform:uppercase; letter-spacing:1.8px; font-size:13px; padding:16px 28px; border:1px solid rgba(13,31,45,.5); color:#0D1F2D; text-decoration:none; transition:background .35s ease,color .35s ease; }
.hh-contact__btn:hover{ background:#0D1F2D; color:#C4BDAE; }
.hh-contact__details{ flex:0 0 auto; display:flex; flex-direction:column; gap:38px; padding-top:6px; text-align:left; }
.hh-contact__label{ display:block; font-family:playfair_displayregular,Georgia,serif; text-transform:lowercase; letter-spacing:1.8px; font-size:13px; font-weight:400; margin:0 0 14px; color:#0D1F2D; }
.hh-contact__val{ display:block; font-family:playfair_displayregular,Georgia,serif; text-transform:lowercase; letter-spacing:1.4px; font-size:12.5px; font-weight:300; line-height:1.75; margin:0; color:rgba(13,31,45,.66); }
.hh-contact__val a{ color:inherit; text-decoration:none; transition:color .3s; }
.hh-contact__val a:hover{ color:#0D1F2D; }
.hh-contact__foot{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:16px; margin-top:74px; }
.hh-contact__footL{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; }
.hh-contact__studio{ display:block; font-family:playfair_displayregular,Georgia,serif; font-size:12.5px; letter-spacing:.4px; margin:0; color:rgba(13,31,45,.7); }
.hh-contact__copy{ display:block; font-family:playfair_displayregular,Georgia,serif; font-size:12.5px; letter-spacing:.4px; margin:0; color:rgba(13,31,45,.55); }
.hh-contact__social ul{ list-style:none; display:flex; gap:9px; margin:0; padding:0; align-items:center; justify-content:center; float:none; }
.hh-contact__social li{ margin:0; }
.hh-contact__social a{ opacity:.7; transition:opacity .3s; font-size:18px; }
.hh-contact__social a:hover{ opacity:1; }
.hh-contact__social a, .hh-contact__social i, .hh-contact__social svg{ color:#0D1F2D; fill:#0D1F2D; background:none; }
@media (max-width:900px){
	footer.hh-contact{ margin:30px 20px 24px; }
	.hh-contact__inner{ padding:54px 26px 26px; }
	.hh-contact__top{ flex-direction:column; gap:42px; }
	.hh-contact__details{ flex-direction:row; gap:48px; }
	.hh-contact__foot{ margin-top:46px; }
}

/* Vertical gap between the two stacked portfolio grids.
   Previously provided by the .hh-clients block; that block is display:none
   on the home page, so its margins no longer apply and the grids touched.
   40px matches the grids' own data-gridzy-spacebetween value. */
.home .hh-clients + .gridzy { margin-top: 40px; }


/* ===== HH SERVICES — start (services pages only; safe to remove as a block) ===== */
.hh-svc{--ink:#0D1F2D;--title:#1A1A1A;--copy:#3A3A3A;--ease:cubic-bezier(.22,.61,.36,1);--disp:'EpiceneDisplay',Georgia,serif;--body:'playfair_displayregular',Georgia,serif;font-family:var(--body);font-weight:300;color:var(--ink);text-align:left}
.hh-svc *{box-sizing:border-box}
.hh-svc img,.hh-svc video{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.aboutUs .wrapper:has(.hh-svc)>h2{display:none}
.hh-svc .r{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.hh-svc .r.in{opacity:1;transform:none}
.hh-svc .r-d1{transition-delay:.09s}.hh-svc .r-d2{transition-delay:.18s}.hh-svc .r-d3{transition-delay:.27s}
.hh-svc .fig{position:relative;overflow:hidden;background:rgba(13,31,45,.06)}
.hh-svc .fig .media{position:absolute;inset:0}
.hh-svc .fig .media>*{transform:scale(1.1);transition:transform 1.5s var(--ease),filter .55s var(--ease)}
.hh-svc .fig.in .media>*{transform:scale(1)}
.hh-svc .fig::before{content:"";position:absolute;inset:0;background:#E3DED8;z-index:2;transform:scaleY(1);transform-origin:top;transition:transform 1.1s var(--ease)}
.hh-svc .fig.in::before{transform:scaleY(0)}
.hh-svc .gal{position:relative;width:100%;aspect-ratio:21/10;overflow:hidden;background:#cfcac4}
.hh-svc .gal__slide{position:absolute;inset:0;opacity:0;transition:opacity 1.15s var(--ease)}
.hh-svc .gal__slide.is-on{opacity:1}
.hh-svc .gal__slide>*{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 6.5s linear}
.hh-svc .gal__slide.is-on>*{transform:scale(1)}
.hh-svc .gal__title{position:absolute;right:clamp(20px,4.5%,64px);top:50%;transform:translateY(-58%);z-index:4;text-align:right;font-family:var(--disp);font-style:italic;font-weight:400;font-size:clamp(28px,3.9vw,56px);line-height:1.02;letter-spacing:-.01em;margin:0;color:#111;transition:color .75s var(--ease);pointer-events:none}
.hh-svc .gal__title.is-light{color:#fff;text-shadow:0 1px 26px rgba(0,0,0,.22)}
.hh-svc .gal__title .dot{display:inline-block;width:.235em;height:.235em;border-radius:50%;background:currentColor;vertical-align:.13em;margin-left:.13em}
.hh-svc .gal__dots{position:absolute;left:clamp(18px,3%,40px);bottom:clamp(16px,2.6%,30px);z-index:5;display:flex;gap:9px}
.hh-svc .gal__dots button{width:7px;height:7px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.9);background:transparent;cursor:pointer;transition:background .3s var(--ease),transform .3s var(--ease)}
.hh-svc .gal__dots button[aria-current="true"]{background:#fff;transform:scale(1.25)}
.hh-svc .gal.is-darktext .gal__dots button{border-color:rgba(17,17,17,.75)}
.hh-svc .gal.is-darktext .gal__dots button[aria-current="true"]{background:#111}
.hh-svc .snd{position:absolute;right:clamp(14px,2.2%,26px);bottom:clamp(14px,2.2%,26px);z-index:7;width:38px;height:38px;border-radius:50%;display:none;place-items:center;cursor:pointer;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;transition:background .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}
.hh-svc .snd.is-shown{display:grid}
.hh-svc .snd:hover{background:rgba(255,255,255,.28);transform:scale(1.07)}
.hh-svc .gal.is-darktext .snd{border-color:rgba(17,17,17,.55);color:#111;background:rgba(255,255,255,.4)}
.hh-svc .snd svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hh-svc .snd .waves{opacity:0;transition:opacity .3s var(--ease)}
.hh-svc .snd.is-on .waves{opacity:1}
.hh-svc .snd .slash{opacity:1;transition:opacity .3s var(--ease)}
.hh-svc .snd.is-on .slash{opacity:0}
.hh-svc .lede{font-family:var(--body);font-size:clamp(13.5px,1.05vw,15px);line-height:1.7;font-style:italic;color:var(--copy);margin:clamp(26px,3vw,40px) auto 0;max-width:74ch;text-align:center}
.hh-svc .stack{display:grid;grid-template-columns:1.16fr 1fr;column-gap:5%;align-items:start;margin-top:clamp(50px,6vw,86px)}
.hh-svc .col{display:flex;flex-direction:column}
.hh-svc .blk__title{font-family:var(--disp);font-style:italic;font-size:clamp(24px,2.5vw,34px);line-height:1.1;font-weight:400;color:var(--title);margin:0 0 18px;text-align:center}
.hh-svc .blk__copy{font-size:13.5px;line-height:1.62;color:var(--copy);margin:0 auto;max-width:34ch;text-align:justify;text-align-last:center;hyphens:auto}
.hh-svc .sp-a{height:clamp(26px,3vw,40px)}.hh-svc .sp-b{height:clamp(46px,6vw,86px)}.hh-svc .sp-c{height:clamp(70px,9vw,132px)}
.hh-svc .ar43{aspect-ratio:4/3}.hh-svc .ar45{aspect-ratio:4/5}.hh-svc .ar34{aspect-ratio:3/4}
.hh-svc .band{text-align:center;margin:clamp(64px,8vw,110px) auto clamp(30px,3.4vw,46px);max-width:820px;font-family:var(--disp);font-style:italic;font-size:clamp(19px,2vw,26px);line-height:1.32;color:var(--title)}
.hh-svc .band .dot{display:inline-block;width:.24em;height:.24em;border-radius:50%;background:currentColor;vertical-align:.28em;margin-left:.3em}
.hh-svc .band a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .35s var(--ease)}
.hh-svc .band a:hover{border-color:currentColor}
.hh-svc .clients{margin:clamp(30px,4vw,54px) auto 0;max-width:940px;overflow:hidden}
.hh-svc .clients img{width:100%;height:auto;opacity:0;transform:translateY(22px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);will-change:transform}
.hh-svc .clients.in img{opacity:1;transform:none}
.hh-svc .pf{margin-top:clamp(60px,7.5vw,104px)}
.hh-svc .pf__link{display:flex;justify-content:flex-end;align-items:center;gap:14px;font-family:var(--disp);font-style:italic;font-size:clamp(15px,1.5vw,20px);color:var(--title);text-decoration:none;margin:0 0 clamp(20px,2.4vw,32px)}
.hh-svc .pf__link svg{width:46px;height:10px;overflow:visible;transition:transform .5s var(--ease)}
.hh-svc .pf__link:hover svg{transform:translateX(9px)}
.hh-svc .pf__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hh-svc .pf__cell{aspect-ratio:4/3;cursor:none}
.hh-svc .pf__cell .media>*{transition:filter .55s var(--ease)}
.hh-svc .pf__cell:hover .media>*{filter:blur(2.5px) brightness(.88);transform:none}
.hh-svc .pf__ov{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px;opacity:0;transition:opacity .5s var(--ease);pointer-events:none}
.hh-svc .pf__cell:hover .pf__ov{opacity:1}
.hh-svc .pf__name{font-size:clamp(11px,1.02vw,13px);font-weight:400;line-height:1.35;color:#fff;margin:0;letter-spacing:.02em;transform:translateY(8px);transition:transform .6s var(--ease)}
.hh-svc .pf__place{font-size:9px;letter-spacing:.16em;text-transform:lowercase;color:rgba(255,255,255,.78);margin:6px 0 0;transform:translateY(11px);transition:transform .6s var(--ease) .05s}
.hh-svc .pf__cell:hover .pf__name,.hh-svc .pf__cell:hover .pf__place{transform:none}
.hh-svc .pf__dot{position:absolute;z-index:6;left:0;top:0;width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.18),0 2px 12px rgba(0,0,0,.28);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.5);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.hh-svc .pf__cell:hover .pf__dot{opacity:1;transform:translate(-50%,-50%) scale(1);animation:hhPulse 1.15s ease-in-out infinite}
@keyframes hhPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(.55);opacity:.45}}
@media (max-width:900px){
.hh-svc .gal{aspect-ratio:4/3}
.hh-svc .stack{grid-template-columns:1fr;gap:34px}
.hh-svc .sp-b,.hh-svc .sp-c{height:34px}
.hh-svc .pf__grid{grid-template-columns:repeat(2,1fr)}
.hh-svc .pf__link{justify-content:flex-start}
.hh-svc .pf__cell{cursor:pointer}
}
@media (prefers-reduced-motion:reduce){
.hh-svc *{transition:none!important;animation:none!important}
.hh-svc .r{opacity:1!important;transform:none!important}
.hh-svc .fig::before{display:none}
.hh-svc .fig .media>*,.hh-svc .gal__slide>*{transform:none!important}
}

/* --- HH SVC TWEAKS --- */


.hh-svc .gal__slide>video{transform:none!important}
.hh-svc .gal:has(video) .gal__dots{display:none}

.hh-svc .gal__slide{transition:opacity .7s var(--ease)}
.hh-svc .gal__slide>*{transition:transform 4s linear}
.hh-svc .gal__dots{gap:2px;left:clamp(12px,2.4%,32px);bottom:clamp(10px,2%,24px)}
.hh-svc .gal__dots button{width:22px;height:22px;padding:0;border:0;background:transparent;border-radius:0;display:grid;place-items:center;transform:none}
.hh-svc .gal__dots button::before{content:"";display:block;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.92);background:transparent;transition:background .3s var(--ease),transform .3s var(--ease)}
.hh-svc .gal__dots button[aria-current="true"]{background:transparent;transform:none}
.hh-svc .gal__dots button[aria-current="true"]::before{background:#fff;transform:scale(1.35)}
.hh-svc .gal.is-darktext .gal__dots button{background:transparent}
.hh-svc .gal.is-darktext .gal__dots button[aria-current="true"]{background:transparent}
.hh-svc .gal.is-darktext .gal__dots button::before{border-color:rgba(17,17,17,.8)}
.hh-svc .gal.is-darktext .gal__dots button[aria-current="true"]::before{background:#111}
/* ===== HH SERVICES — end ===== */

/* ===== HH EPICENE FAMILY — start ===== */
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-LightItalic.otf') format('opentype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-RegularItalic.otf') format('opentype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-MediumItalic.otf') format('opentype');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-BoldItalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Display';src:url('/wp-content/uploads/fonts/EpiceneDisplay-BlackItalic.otf') format('opentype');font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Text';src:url('/wp-content/uploads/fonts/EpiceneText-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Text';src:url('/wp-content/uploads/fonts/EpiceneText-LightItalic.otf') format('opentype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Text';src:url('/wp-content/uploads/fonts/EpiceneText-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Text';src:url('/wp-content/uploads/fonts/EpiceneText-BoldItalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Epicene Text';src:url('/wp-content/uploads/fonts/EpiceneText-Black.otf') format('opentype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Epicene Text';src:url('/wp-content/uploads/fonts/EpiceneText-BlackItalic.otf') format('opentype');font-weight:900;font-style:italic;font-display:swap}
/* ===== HH EPICENE FAMILY — end ===== */

/* ===== HH FOOTER CTA — start ===== */
.hh-contact__cta{text-align:center;margin:clamp(34px,5vw,72px) auto clamp(10px,2vw,26px)}
.hh-contact__cta .hh-contact__btn{position:relative;display:inline-block;padding:0 2px 10px;border:0;background:none;font-family:'EpiceneDisplay',Georgia,serif;font-style:italic;font-weight:400;text-transform:lowercase;letter-spacing:0;font-size:clamp(28px,3.6vw,48px);line-height:1.12;color:#0D1F2D;text-decoration:none;opacity:0;transform:translateY(20px);transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.1s cubic-bezier(.22,.61,.36,1)}
.hh-contact__cta.in .hh-contact__btn{opacity:1;transform:none}
.hh-contact__cta .hh-contact__btn:hover{background:none;color:#0D1F2D}
.hh-contact__cta .hh-contact__btn::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center}
.hh-contact__cta.in .hh-contact__btn::after{animation:hhSweep 5s cubic-bezier(.65,0,.35,1) 1.4s infinite}
.hh-contact__cta .hh-contact__btn:hover::after{animation:none;transform:scaleX(1);transform-origin:left center;transition:transform .55s cubic-bezier(.22,.61,.36,1)}
@keyframes hhSweep{0%{transform:scaleX(0);transform-origin:left center}18%{transform:scaleX(1);transform-origin:left center}46%{transform:scaleX(1);transform-origin:right center}64%,100%{transform:scaleX(0);transform-origin:right center}}
@media (prefers-reduced-motion:reduce){.hh-contact__cta .hh-contact__btn{opacity:1!important;transform:none!important}.hh-contact__cta .hh-contact__btn::after{animation:none!important;transform:scaleX(1)}}
/* ===== HH FOOTER CTA — end ===== */

/* ===== HH NAV DROPDOWN — start ===== */
header .menu{overflow:visible!important}
header .menu::after{content:"";display:block;clear:both}

header .menu li{position:relative}
header .menu .sub-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);min-width:220px;background:#E3DED8;margin:0;padding:18px 22px;list-style:none;text-align:left;opacity:0;visibility:hidden;transition:opacity .35s ease,transform .35s ease,visibility .35s;z-index:300;box-shadow:0 14px 34px rgba(13,31,45,.10)}
header .menu .menu-item-has-children:hover>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
header .menu .menu-item-has-children>a{pointer-events:none}
header .menu .sub-menu li{float:none;display:block;margin:0 0 11px;padding:0;white-space:nowrap}
header .menu .sub-menu li:last-child{margin-bottom:0}
header .menu .sub-menu a{display:block;font-size:12.5px;letter-spacing:.04em;pointer-events:auto}
header .menu .menu-item-has-children::after{content:"";position:absolute;left:0;right:0;top:100%;height:18px}
/* --- HH NAV DROPDOWN SIZE --- */
header .menu .sub-menu{min-width:0!important;padding:12px 16px 13px!important;box-shadow:0 10px 24px rgba(13,31,45,.07)!important;transform:translate(-50%,6px)}
header .menu .menu-item-has-children:hover>.sub-menu{transform:translate(-50%,0)}
header .menu .sub-menu li{margin:0 0 9px!important;padding:0!important;opacity:0;transform:translateY(-5px);transition:opacity .4s ease,transform .4s ease}
header .menu .sub-menu li:last-child{margin-bottom:0!important}
header .menu .menu-item-has-children:hover>.sub-menu>li{opacity:1;transform:none}
header .menu .menu-item-has-children:hover>.sub-menu>li:nth-child(1){transition-delay:.06s}
header .menu .menu-item-has-children:hover>.sub-menu>li:nth-child(2){transition-delay:.14s}
header .menu .sub-menu a{font-size:10.5px!important;letter-spacing:.13em!important;line-height:1.2!important;position:relative;display:inline-block!important;padding:0 0 3px!important}
header .menu .sub-menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .35s cubic-bezier(.22,.61,.36,1)}
header .menu .sub-menu a:hover::after{transform:scaleX(1)}
/* --- HH NAV ALIGN + TOP HOVER --- */
header .menu .sub-menu{left:-16px!important;transform:translateY(6px)!important}
header .menu .menu-item-has-children:hover>.sub-menu{transform:translateY(0)!important}
header .menu>li>a{position:relative;display:inline-block;transition:opacity .3s ease}
header .menu>li>a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.22,.61,.36,1)}
header .menu>li:hover>a::after{transform:scaleX(1)}
header .menu:hover>li>a{opacity:.45!important}
header .menu:hover>li:hover>a{opacity:1!important}
/* ===== HH NAV DROPDOWN — end ===== */

/* ===== HH STUDIO — start ===== */
.hh-std{--ink:#0D1F2D;--title:#1A1A1A;--copy:#3A3A3A;--ease:cubic-bezier(.22,.61,.36,1);--disp:'EpiceneDisplay',Georgia,serif;--body:'playfair_displayregular',Georgia,serif;font-family:var(--body);color:var(--ink);text-align:left}
.hh-std *{box-sizing:border-box}
.hh-std section{width:100%;max-width:none;float:none;clear:both;display:block}
.hh-std section.ed{display:grid}
.hh-std>p{width:100%}

.hh-std img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.aboutUs .wrapper:has(.hh-std)>h2{display:none}
.hh-std .ln{display:block;overflow:hidden}
.hh-std .ln>span{display:block;transform:translateY(112%);transition:transform 1.05s var(--ease)}
.hh-std .ln.in>span{transform:none}
.hh-std .ln.d1>span{transition-delay:.13s}
.hh-std .ln.d2>span{transition-delay:.26s}
.hh-std .r{opacity:0;transform:translateY(22px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.hh-std .r.in{opacity:1;transform:none}
.hh-std .r.d1{transition-delay:.1s}.hh-std .r.d2{transition-delay:.2s}
.hh-std .fig{position:relative;overflow:hidden;background:rgba(13,31,45,.05)}
.hh-std .fig .media{position:absolute;inset:0;will-change:transform}
.hh-std .fig .media img{transform:scale(1.12);transition:transform 1.8s var(--ease)}
.hh-std .fig.in .media img{transform:scale(1)}
.hh-std .fig::after{content:"";position:absolute;inset:0;background:#E3DED8;z-index:2;transform:scaleY(1);transform-origin:bottom;transition:transform 1.15s var(--ease)}
.hh-std .fig.in::after{transform:scaleY(0)}
.hh-std .hero{margin:clamp(4px,1vw,16px) 0 clamp(34px,4.5vw,60px)}
.hh-std .hero h1{font-family:var(--disp);font-style:italic;font-weight:400;font-size:clamp(26px,3.5vw,50px);line-height:1.08;margin:0;color:var(--title)}
.hh-std .hero .l2{padding-left:2.4em}
.hh-std .dot{display:inline-block;width:.2em;height:.2em;border-radius:50%;background:currentColor;vertical-align:.3em;margin-left:.32em}
.hh-std .ed{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2.4vw,34px) clamp(14px,2vw,26px);align-items:center}
.hh-std .ed p{font-size:13.5px;line-height:1.72;font-style:italic;color:var(--copy);text-align:center;margin:0}
.hh-std .ed .f1{grid-column:2/7;aspect-ratio:4/3}
.hh-std .ed .n1{grid-column:8/13}
.hh-std .ed .n2{grid-column:2/6}
.hh-std .ed .f2{grid-column:7/12;aspect-ratio:5/4}
.hh-std .ed .f3{grid-column:2/8;aspect-ratio:16/10}
.hh-std .ed .n3{grid-column:9/13}
.hh-std .say{font-family:var(--disp);font-style:italic;font-size:clamp(17px,1.9vw,26px);line-height:1.34;text-align:center;max-width:900px;margin:clamp(56px,7vw,96px) auto clamp(44px,5vw,74px);color:var(--title)}
.hh-std .wwd__h{font-family:var(--disp);font-style:italic;font-weight:400;font-size:clamp(20px,2.4vw,34px);text-align:right;margin:0 0 clamp(20px,2.6vw,34px);color:var(--title)}
.hh-std .row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(22px,4vw,64px);align-items:center;margin-bottom:clamp(34px,4.4vw,62px)}
.hh-std .row .fig{aspect-ratio:4/3}
.hh-std .row__t{text-align:center;padding:0 clamp(0px,2.6vw,44px)}
.hh-std .row__t h3{font-family:var(--disp);font-style:italic;font-weight:400;font-size:clamp(19px,2vw,27px);margin:0 0 15px;line-height:1.15}
.hh-std .row__t h3 a{color:var(--title);text-decoration:none}
.hh-std .row__t p{font-size:13px;line-height:1.66;color:var(--copy);margin:0 auto;max-width:38ch}
.hh-std .more{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(20px,2.6vw,32px);font-family:var(--disp);font-style:italic;font-size:14px;color:var(--title);text-decoration:none;position:relative}
.hh-std .more svg{width:34px;height:8px;overflow:visible;transition:transform .5s var(--ease)}
.hh-std .more:hover svg{transform:translateX(8px)}
.hh-std .more::after{content:"";position:absolute;left:0;right:44px;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform .45s var(--ease)}
.hh-std .more:hover::after{transform:scaleX(1)}
.hh-std .band{font-family:var(--disp);font-style:italic;font-size:clamp(17px,1.8vw,24px);line-height:1.35;text-align:center;max-width:820px;margin:clamp(54px,6.5vw,90px) auto 0;color:var(--title)}
@media (max-width:900px){
.hh-std .ed{grid-template-columns:1fr;gap:26px}
.hh-std .ed .f1,.hh-std .ed .n1,.hh-std .ed .n2,.hh-std .ed .f2,.hh-std .ed .f3,.hh-std .ed .n3{grid-column:1/-1;margin:0}
.hh-std .row{grid-template-columns:1fr}
.hh-std .hero .l2{padding-left:1.1em}
.hh-std .wwd__h{text-align:center}
}
@media (prefers-reduced-motion:reduce){.hh-std *{transition:none!important;animation:none!important}.hh-std .r{opacity:1!important;transform:none!important}.hh-std .ln>span{transform:none!important}.hh-std .fig::after{display:none}.hh-std .fig .media img{transform:none!important}}
/* --- HH STUDIO TUNE --- */
.hh-std .hero{position:relative;z-index:4;margin-bottom:-4.6vw}
.hh-std .dot{width:.23em;height:.23em;vertical-align:middle;margin-left:.36em}
.hh-std .ed p{font-size:clamp(15px,1.2vw,18px);line-height:1.6;text-align:justify;text-align-last:center;font-style:italic}
.hh-std .ed p>span{display:block;will-change:transform}
.hh-std .ed .f2{aspect-ratio:4/5}
.hh-std .say{font-size:clamp(19px,2.1vw,30px)}
@media (max-width:900px){.hh-std .hero{margin-bottom:0}.hh-std .ed .f2{aspect-ratio:4/5}}
/* ===== HH STUDIO — end ===== */

/* ===== HH STUDIO GRID2 — start ===== */
.hh-std .ed{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(24px,3.2vw,60px);align-items:start}
.hh-std .ed .col{display:flex;flex-direction:column}
.hh-std .ed .cr{padding-top:clamp(40px,8vw,150px)}
.hh-std .ed .fig{width:100%}
.hh-std .ed .f1{aspect-ratio:5/3}
.hh-std .ed .f2{aspect-ratio:9/10}
.hh-std .ed .f3{aspect-ratio:3/2}
.hh-std .ed p{font-size:clamp(15px,1.35vw,21px);line-height:1.55;text-align:justify;text-align-last:center;font-style:italic;margin:0}
.hh-std .ed .cl .n2{margin:clamp(46px,7.5vw,124px) 0 clamp(56px,8.5vw,146px)}
.hh-std .ed .cr .n1{margin:0 0 clamp(46px,7vw,116px)}
.hh-std .ed .cr .n3{margin:clamp(42px,6.6vw,106px) 0 0}
.hh-std .say{font-size:clamp(20px,2.5vw,36px);line-height:1.3;max-width:1100px;margin:clamp(48px,6vw,86px) auto clamp(44px,5vw,74px)}
.hh-std .wwd__h{font-size:clamp(24px,3vw,44px)}
.hh-std .hero .dot{width:.3em;height:.3em;vertical-align:middle;margin-left:.4em;animation:hhDot 1.7s ease-in-out infinite}
@keyframes hhDot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.6);opacity:.38}}
@media (max-width:900px){
.hh-std .ed{grid-template-columns:1fr;gap:0}
.hh-std .ed .cr{padding-top:0}
.hh-std .ed .cl .n2,.hh-std .ed .cr .n1,.hh-std .ed .cr .n3{margin:28px 0}
.hh-std .ed .f1,.hh-std .ed .f2,.hh-std .ed .f3{margin-top:0}
}
@media (prefers-reduced-motion:reduce){.hh-std .hero .dot{animation:none!important}}
/* ===== HH STUDIO GRID2 — end ===== */

/* ===== HH STUDIO HERO2 — start ===== */
.hh-std .hero{margin-bottom:0}
.hh-std .hero h1{font-size:clamp(34px,4.55vw,65px);text-align:right;width:calc(50% - clamp(12px,1.6vw,30px));float:none;margin:0 auto -.35em 0}
.hh-std .hero .l2{padding-left:0}
@media (max-width:900px){.hh-std .hero h1{width:100%;text-align:left;margin-bottom:14px;font-size:clamp(30px,7vw,44px)}}
/* ===== HH STUDIO HERO2 — end ===== */

/* ===== HH STUDIO V3 — start ===== */
.hh-std .hero h1{line-height:.98;margin-bottom:-.06em}
.hh-std .ed p{padding:0 10%}
.hh-std .say{max-width:1600px;font-size:clamp(20px,2.4vw,35px)}
.hh-std .wwd__h{font-size:clamp(31px,3.9vw,57px)}
@media (max-width:900px){.hh-std .ed p{padding:0}.hh-std .hero h1{line-height:1.05;margin-bottom:14px}}
/* ===== HH STUDIO V3 — end ===== */

/* ===== HH STUDIO V4 — start ===== */
.hh-std .ed{align-items:stretch}
.hh-std .ed p{font-size:clamp(13.5px,1.215vw,19px)}
.hh-std .ed .cl .n3{margin:auto 0 0}
.hh-std .hero h1{margin-bottom:-.1em}
.hh-std .band{font-size:clamp(20px,2.4vw,35px);line-height:1.25;max-width:none}
@media (max-width:900px){.hh-std .ed .cl .n3{margin:28px 0}.hh-std .band{line-height:1.32}}
/* ===== HH STUDIO V4 — end ===== */

/* ===== HH STUDIO V5 — start ===== */
.hh-std{--drop:clamp(30px,6.5vw,105px)}
.hh-std .hero{margin-top:var(--drop)}
.hh-std .ed .cr{margin-top:calc(-1 * var(--drop))}
.hh-std .ed p{text-align:center;text-align-last:center}
.hh-std .ed .cl .n3{margin:auto 0}
@media (max-width:900px){.hh-std .hero{margin-top:18px}.hh-std .ed .cr{margin-top:0}.hh-std .ed .cl .n3{margin:28px 0}}
/* ===== HH STUDIO V5 — end ===== */

/* ===== HH STUDIO V6 — start ===== */
.hh-std .hero h1{margin-bottom:-.18em}
.hh-std .ed .cr{padding-top:0;margin-top:0}
.hh-std .ed .cr .n1{margin:calc(30% - 4.65em) 0 clamp(46px,7vw,116px)}
.hh-std .wwd{position:relative}
.hh-std .wwd__h{position:absolute;top:0;right:0;margin:0;line-height:1}
@media (max-width:900px){.hh-std .hero h1{margin-bottom:14px}.hh-std .ed .cr .n1{margin:28px 0}.hh-std .wwd__h{position:static;margin:0 0 22px;line-height:1.1}}
/* ===== HH STUDIO V6 — end ===== */

/* ===== HH SEO H1 — start ===== */
.about_project h1{font-family:playfair_displayregular,Georgia,serif;font-size:50px;font-style:normal;font-weight:400;line-height:50px;color:#0D1F2D;margin:0;text-transform:none;letter-spacing:normal}
@media only screen and (max-width:1000px){.about_project h1{font-size:35px;line-height:35px;margin-bottom:30px}}
/* ===== HH SEO H1 — end ===== */