@import url("https://use.typekit.net/efm7zai.css");

:root {
    --accent: #ee2c2b;
    --accent-hovered: #d5ffa0;
    --bg: #ebebeb;
    --black: #0a0a0a;
    --dark: #242424;
    --dark-bg: #333;
    --gray: #d9d9d9;
    --light: #d0e3fc;
    --secondary: #6159db;
    --secondary-gradient: linear-gradient(359deg, #6159db 1.05%, #1000ff 132.74%);
    --white: #fff;
    --red: #e73737;
    --vh: 100vh;
    --font-italic: ivypresto-display, serif;
    --font-global: tt-commons-pro, sans-serif;
    --font-monospace: nitti, monospace;
    --base-font-size: 1rem;
    --side-padding: 1.5rem;
    --section-spacing: 2.25rem;
    --ost-init-delay: .1s;
    --ost-stagger-delay: .18s;
    --base-letter-spacing: -.04em;
    --font-size: 15px;
    --font-size-medium: 1.73333rem;
    --font-size-huge: 7.63889vw;
    --font-size-h1: 4.66667rem;
    --font-size-h2: 1.73333rem;
    --font-size-h3: 1.46667rem;
    --font-size-h4: 1.33333rem;
    --font-size-h5: 1.2rem;
    --font-size-h6: 1.06667rem;
    --header-height: 4rem;
    --head-padding-vh: 0.25;
    --about-head-content-offset-vh: 0.15;
    --grid-columns: 12;
    --grid-margin: 2.66667rem;
    --grid-gutter: 20px;
    --spacing-micro-mobile: 8;
    --spacing-micro: 14;
    --spacing-tiny-mobile: 20;
    --spacing-tiny: 20;
    --spacing-small-mobile: 30;
    --spacing-small: 30;
    --spacing-medium-mobile: 40;
    --spacing-medium: 40;
    --spacing-large-mobile: 52;
    --spacing-large: 80;
    --spacing-big-mobile: 80;
    --spacing-big: 150;
    --spacing-huge-mobile: 100;
    --spacing-huge: 200;
    --spacing-enormous-mobile: 140;
    --spacing-enormous: 250;
    --border: solid var(--border-size);
    --border-radius-tile: 10px;
    --color-glass: rgba(255, 255, 255, .2);
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}

@media (max-width: 1024px) {
    :root {
        --border-size: 1px;
        --grid-columns: 8;
        --grid-margin: 1.33333rem;
        --font-size-medium: 1.6rem;
        --font-size-h1: 3.18333333rem;
        --about-head-content-offset-vh: 0.5;
        --header-height: 8rem;
    }
}

@media (max-width: 699px) {
    :root {
        --font-size: 15px;
        --grid-columns: 4;
        --grid-gutter: calc(20px / 2);
        --font-size-h1: 2.4rem;
        --font-size-medium: 18px;
        --about-head-content-offset-vh: 0.60;
        --font-size-huge: 40px;
    }
}

@media (min-width: 700px) and (max-width: 1024px) { 
    :root { --font-size: 15px; } 
}

@media (min-width: 1200px) and (max-width: 1599px) {
    :root { --font-size: 15px; } 
}

@media (min-width: 1600px) and (max-width: 1999px) {
    :root { --font-size: 17px; }
}
@media (min-width: 2000px) and (max-width: 2399px) {
    :root { --font-size: 19px; }
}
@media (min-width: 1025px) {
    :root { --border-size: 2px; }
}
@media (min-width: 2400px) {
    :root { --font-size: 21px; }
}


html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html { font-size: min(1.25vw, 24px); font-size: 4.65116279vw; height: 100vh; height: 100dvh; }

* { -ms-overflow-style: none; scrollbar-width: none; }

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { border: 0; margin: 0; padding: 0; font-size: inherit; vertical-align: baseline; }

a, a:focus, button, div, h1, h2, h3, h4, h5, h6, input, select, span, textarea { outline: none; }

body { color: var(--dark); font-family: var(--font-global); font-size: var(--base-font-size); height: -moz-fit-content; height: fit-content; overscroll-behavior-y: none; position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color .3s ease, background-color .3s ease; }
body, body * { letter-spacing: var(--base-letter-spacing); }
body, body.light { background-color: var(--white); }

ol, ul { list-style-type: none; }

a { color: inherit; font: inherit; text-decoration: none; }

svg { fill: currentColor; }

button, input { border: 0; margin: 0; padding: 0; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 300; }

.container, .container-fluid { padding-left: min(3.125vw, 60px); padding-right: min(3.125vw, 60px); max-width: 1920px; }

.page-container { min-height: 100vh; padding-bottom: var(--footer-height); position: relative; animation: fade-in 1s cubic-bezier(.39,.575,.565,1) .5s both; }

@keyframes fade-in { 0% { opacity: 0 } to { opacity: 1 } }

.button { background: var(--dark-bg); border-radius: min(4.1666666667vw, 80px); color: var(--white); display: block; font-size: min(1.0416666667vw, 16px); font-weight: 400; height: -moz-fit-content; height: fit-content; line-height: 1.3em; max-width: -moz-fit-content; max-width: fit-content; overflow: hidden; padding: min(.625vw, 12px) min(2.0833333333vw, 40px); position: relative; transition: background .3s ease; will-change: background; }
.button:before { content: ""; inset: -.6em -.8em; position: absolute; }
.button:hover { background: rgb(236,138,34); background: linear-gradient(90deg, rgba(236,138,34,1) 0%, rgba(238,44,43,1) 100%); }
.button span { display: block; position: relative; transform-style: flat; transition: color .3s ease; will-change: transform, mix-blend-mode; z-index: 10; }
.button:hover span { color: var(--dark); }

@media (max-width: 1060px) {
    .button { font-size: min(4.2666666667vw, 16px); border-radius: min(21.3333333333vw, 80px); padding: min(3.2vw, 12px) min(10.6666666667vw, 40px); }
}

.header { -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); background: linear-gradient(0deg, rgba(255, 253, 250, .2), rgba(255, 253, 250, .2)), linear-gradient(111deg, rgba(255, 253, 250, .24) 1.21%, hsla(0, 0%, 77%, .04)); box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .08); left: 0; padding-bottom: min(1.6666666667vw, 32px); padding-top: min(1.6666666667vw, 32px); position: fixed; top: 0; transition-duration: .5s; transition-property: transform, opacity; transition-timing-function: ease; width: 100%; z-index: 1000; }
.header__wrapper { position: relative; align-items: center; display: flex; justify-content: space-between; z-index: 1002; }
.header__logo { height: min(2.3958333333vw, 46px); width: min(6.40625vw, 123px); z-index: 1100; }
.header__logo svg { display: block; height: 100%; max-width: 100%; width: 100%; fill: var(--dark) }

.navigation { transition: opacity .3s ease; z-index: 1001; }
.navigation__list { align-items: center; -moz-column-gap: min(2.0833333333vw, 40px); column-gap: min(2.0833333333vw, 40px); display: flex; justify-content: center; }
.navigation__item { position: relative; }
.navigation__link { color: var(--dark); font-family: var(--font-monospace); font-size: min(1.0416666667vw, 16px); font-weight: 400; line-height: 1.5em; position: relative; text-transform: uppercase; display: block; }
.navigation__link:before { background-color: var(--dark); bottom: 0; content: ""; height: 1px; margin: min(-.1041666667vw, -2px) 0; position: absolute; transform: scaleX(0); transition: all .4s ease; visibility: hidden; width: 100%; }
.navigation__link:hover:before { transform: scaleX(1); visibility: visible; }
.navigation__additional-window, .navigation__btn { position: relative; }
.navigation__btn { align-items: center; background-color: transparent; color: var(--dark); -moz-column-gap: min(.4166666667vw, 8px); column-gap: min(.4166666667vw, 8px); display: flex; font-family: var(--font-monospace); font-size: min(1.0416666667vw, 16px); font-weight: 400; line-height: 1.5em; }
.navigation__btn:before { background-color: var(--dark); bottom: 0; content: ""; height: 1px; margin: min(-.1041666667vw, -2px) 0; position: absolute; transform: scaleX(0); transition: all .4s ease; visibility: hidden; width: 100%; }
.navigation__btn:hover:before { transform: scaleX(1); visibility: visible; }
.navigation__btn svg { display: block; height: min(1.0416666667vw, 20px); transform: rotate(180deg); transition: transform .3s ease; width: min(1.0416666667vw, 20px); fill: var(--dark); }
.navigation__additional-menu { opacity: 0; padding-top: min(.7291666667vw, 14px); pointer-events: none; position: absolute; transition: opacity .3s ease; }
.navigation__additional-menu--opened { opacity: 1; pointer-events: visible; }
.navigation__additional-content { background-color: var(--gray); border-radius: 10px; box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .08); display: flex; flex-direction: column; padding: min(1.0416666667vw, 20px) min(2.0833333333vw, 40px) min(1.0416666667vw, 20px) min(1.0416666667vw, 20px); position: relative; row-gap: min(.8333333333vw, 16px); width: min(14.5833333333vw, 280px); z-index: 100; }

.header__signin { padding: min(.4166666667vw, 8px) min(1.5625vw, 30px); }
.header__signin span { align-items: center; -moz-column-gap: min(.4166666667vw, 8px); column-gap: min(.4166666667vw, 8px); display: flex; }

.navigation--mob { align-items: flex-start; background-color: var(--bg); display: flex; flex-direction: column; height: 100vh; justify-content: space-between; left: 0; opacity: 0; pointer-events: none; position: fixed; top: 0; width: 100%; }
.navigation--mob > ul > li, .navigation--mob .navigation__line { -webkit-transition: opacity .25s cubic-bezier(.2,.75,.5,1), transform 10ms cubic-bezier(.2,.75,.5,1) .45s; transition: opacity .25s cubic-bezier(.2,.75,.5,1), transform 10ms cubic-bezier(.2,.75,.5,1) .45s; -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; display: block; }
.navigation--mob.navigation--solid > ul > li, .navigation--mob.navigation--solid .navigation__line { -webkit-transition: opacity .5s ease .38s, transform .85s cubic-bezier(.2,.75,.5,1) .2s; transition: opacity .5s ease .38s, transform .85s cubic-bezier(.2,.75,.5,1) .2s; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.navigation--mob.navigation--solid .navigation__line:nth-child(1) { transition-delay: .10s; }
.navigation--mob.navigation--solid .navigation__line:nth-child(2) { transition-delay: .30s; }
.navigation--mob.navigation--solid li:nth-child(1) { transition-delay: .16s; }
.navigation--mob.navigation--solid li:nth-child(2) { transition-delay: .18s; }
.navigation--mob.navigation--solid li:nth-child(3) { transition-delay: .20s; }
.navigation--mob.navigation--solid li:nth-child(4) { transition-delay: .22s; }
.navigation--mob.navigation--solid li:nth-child(5) { transition-delay: .24s; }

.navigation--opened { -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.navigation--opened.navigation--solid { opacity: 1; pointer-events: visible; }

@media (min-width: 1060px) {
    .navigation__line { display: none; }
    .navigation__item:hover > .navigation__additional-window .navigation__btn svg { transform: rotate(0); }
    .navigation__item:hover>.navigation__additional-window .navigation__additional-menu { opacity: 1; pointer-events: visible; }
    .header__signin span { font-size: min(1.0416666667vw, 16px); }
    .navigation--mob { display: none; }
}

@media (max-width: 1060px) {
    .container, .container-fluid { max-width: 100%; padding-left: min(8.5333333333vw, 32px); padding-right: min(8.5333333333vw, 32px); }
    .header { padding-bottom: min(8vw, 30px); padding-top: min(8vw, 30px); }
    .header__logo { height: min(8vw, 30px); width: min(21.3333333333vw, 80px); }
    .header__navigation { display: none; }
    .navigation__line { background-color: var(--dark); display: block; height: 2px; width: 100%; }
    .navigation__link { font-size: min(8.5333333333vw, 32px); margin: min(-.5333333333vw, -2px) 0; }
    .navigation__btn { font-size: min(8.5333333333vw, 32px); margin: min(-.5333333333vw, -2px) 0; -moz-column-gap: min(1.0666666667vw, 4px); column-gap: min(1.0666666667vw, 4px); }
    .navigation__btn svg { height: min(5.3333333333vw, 20px); width: min(5.3333333333vw, 20px); }
    .navigation__additional-menu { padding-top: 0; }
    .navigation__additional-content { padding: min(5.3333333333vw, 20px) min(10.6666666667vw, 40px) min(5.3333333333vw, 20px) min(5.3333333333vw, 20px); width: min(74.6666666667vw, 280px); }
    .navigation__additional-item .navigation__link { font-size: min(5.3333333333vw, 20px); }
    .header__right { align-items: center; -moz-column-gap: min(5.3333333333vw, 20px); column-gap: min(5.3333333333vw, 20px); display: flex; }
    .header__signin { padding: min(1.0666666667vw, 4px) min(5.3333333333vw, 20px); }
    .header__signin span { -moz-column-gap: min(2.1333333333vw, 8px); column-gap: min(2.1333333333vw, 8px); }
    .navigation--mob { padding: min(24vw, 90px) min(5.3333333333vw, 20px); }
    .navigation--mob .navigation__list { align-items: flex-start; flex-direction: column; row-gap: min(10.6666666667vw, 40px); }
    .navigation__additional-item + .navigation__additional-item { margin-top: 2.5rem; }
    .navigation__additional-item .navigation__link { line-height: 1.3em; }
}

.mobile-nav > span { position: relative; overflow: hidden; width: 22px; transition: transform .33s 0s ease; transform-origin: center; display: block; height: 21px; }

.lines-button { transition: .3s; cursor: pointer; top: 9px; position: relative; user-select: none; display: block; line-height: 0; font-size: 0; }

.lines-button:after { display: inline-block; width: 1.4rem; height: 2px; transition: transform .65s cubic-bezier(.3,1,.3,1) 40ms, background-color .2s ease, opacity .2s ease; position: absolute; left: 0; top: 0; content: ''; transform: scale(1, 1); opacity: 1; background-color: var(--black); }

.lines-button.hover-effect { left: -30px; margin-top: -2px; }

.lines-button.close { transform: none; }

.lines { display: block; width: 1.4rem; height: 2px; background-color: transparent; transition: .3s; position: relative; opacity: 1; }

.lines-button.x2 .lines { transition: background .2s ease, opacity .2s ease; }

.lines-button.x2.close .lines  { -webkit-transition: top .5s ease, -webkit-transform .3s ease, background-color .2s ease, opacity .2s ease; transition: top .5s ease, transform .3s ease, background-color .2s ease, opacity .2s ease; }

.lines:after, .lines:before { display: block; width: 1.4rem; height: 2px; background: var(--bg)/* #ecf0f1 */; transition: .3s; position: absolute; left: 0; content: ''; transform-origin: .142rem center; }

.lines:before { width: 1rem !important; top: 7px; transition: transform .65s cubic-bezier(.3,1,.3,1) 0s, background-color .2s ease, opacity .2s ease; }

.lines:after { top: -7px; transition: transform .65s cubic-bezier(.3,1,.3,1) 80ms, background-color .2s ease, opacity .2s ease; }

.lines-button.x2 .lines:after, .lines-button.x2 .lines:before { transform-origin: 50% 50%; opacity: 1; background-color: var(--black); }

.mobile-on .lines-button:after, .mobile-on .lines:after { height: 2px !important; width: 22px !important; }

.mobile-on .lines:before { height: 2px !important; width: 2rem !important; }

.menu-push-out .lines-button:after, .menu-push-out .lines:after, .menu-push-out .lines:before { transform: translateX(30px) !important; }

.mobile-nav:hover > span { opacity: 1; color: #ffffff !important; }

.mobile-nav:hover .lines { opacity: .8;}

@media only screen and (min-width: 1060px) {
    .mobile-nav { display: none; }
    .mobile-nav:hover .lines-button:after, .mobile-nav:hover .lines:after, .mobile-nav:hover .lines:before { transform: translateX(30px); }
    .menu-push-out .lines-button:after, .menu-push-out .lines:after,.menu-push-out .lines:before { transform: translateX(60px) !important; }
}

@media only screen and (min-width: 1px) and (max-width: 1060px) {
    .lines, .lines-button, .lines:after, .lines:before { width: 22px; }
    .mobile-on span > .hover-effect { display: none; } 
}

.close-wrap { -webkit-font-smoothing: subpixel-antialiased; transform-style: preserve-3d; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) translateZ(0); transition: margin .2s ease, transform .2s ease 1s, opacity .3s ease; display: block; overflow: hidden; overflow: hidden; width: 22px; height: 22px; opacity: 0; }

.close-line { height: 100%; width: 2px; backface-visibility: hidden; position: absolute; border-radius: 5px; left: 9px; transition: opacity .2s ease, background-color .2s ease; animation-timing-function: cubic-bezier(.52,.01,.16,1); animation-fill-mode: forwards; background-color: #fff; opacity: 1; }

.close-line1 { -webkit-transform: translateY(0) translateX(0) rotate(-45deg); transform: translateY(0) translateX(0) rotate(-45deg); animation-name: crossLeftClose; animation-delay: 0s; animation-duration: .4s; }

@keyframes crossLeft { 100% { transform: translateY(0) translateX(0) rotate(-45deg); }  }

@keyframes crossLeftClose { 100% { transform: translateY(22px) translateX(22px) rotate(-45deg) } }

.close-line2 { -webkit-transform: translateY(0) translateX(0) rotate(45deg); transform: translateY(0) translateX(0) rotate(45deg); -webkit-animation-name: crossRightClose; animation-name: crossRightClose; -webkit-animation-duration: .4s; animation-duration: .4s; -webkit-animation-delay: .1s; animation-delay: .1s; }

@keyframes crossRight { 100% { transform: translateY(0) translateX(0) rotate(45deg); } }
@keyframes crossRightClose { 100% { transform: translateY(22px) translateX(-22px) rotate(45deg); } }

@media only screen and (min-width: 1060px) {
    .close-wrap { height: 28px; width: 22px; }
}

.open .close-wrap { opacity: 1; }

.open .close-line1 { animation-name: crossRight; animation-delay: .29s; -webkit-transform: translateY(-30px) translateX(30px) rotate(45deg); transform: translateY(-30px) translateX(30px) rotate(45deg); }

.open .close-line2 { animation-name: crossLeft; animation-delay: .15s; -webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg); transform: translateY(-30px) translateX(-30px) rotate(-45deg); }

.hero { z-index: 1; height: 100%; overflow: hidden; position: relative; width: 100%; max-width: none; background-color: var(--white); flex-direction: column; align-items: center; display: flex; padding-top: calc(min(2.3958333333vw, 46px) + min(1.6666666667vw, 32px) + min(1.6666666667vw, 32px) + 1px ); }

.hero__bg, .hero__gl { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 40em; display: flex; top: -3rem; position: relative; overflow: hidden; }

.hero__bg > video, .hero__gl > video { width: 100%; height: 100%; object-fit: cover; z-index: -100; background-position: 50%; background-size: cover; margin: auto; position: absolute; top: -100%; bottom: -100%; left: -100%; right: -100%; }

.hero__wrapper { align-items: center; display: flex; flex-direction: column; justify-content: center; position: relative; text-align: center; width: 100%; padding-top: 5.75rem; }

.hero__title { font-size: min(9.16666667vw,176px); font-weight: 500; line-height: .875em; max-width: min(66.666666667vw, 1280px); letter-spacing: -0.025em; }

.hero__title span { color: var(--accent); background: -webkit-linear-gradient(14deg, #ec8a22, #ee2c2b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.hero__description { font-size: min(1.25vw, 24px); font-weight: 400; line-height: 1.3em; margin-top: min(2.0833333333vw, 40px); max-width: min(29.1666666667vw, 560px); }

.hero__btn { margin-top: min(2.0833333333vw, 40px); }

@media only screen and (min-width: 1px) and (max-width: 1060px) {
    .hero { padding-top: min(24vw, 90px); height: 100vh; }
    .hero__wrapper { padding-top: calc(5.75rem / 2); }
    .hero__bg, .hero__gl { height: 100%; top: auto; bottom: 0; }
    .hero__title { font-size: 2.9rem; line-height: 1.1em; max-width: 100%; transform: translateY(2rem); }
}

.-bg-sc-gradient { background: linear-gradient(166deg, #ec8a22, #ee2c2b) !important; background-size: 400% 400%; -webkit-animation: sc-gradient 15s ease infinite; -moz-animation: sc-gradient 15s ease infinite; animation: sc-gradient 15s ease infinite; border-radius: 0 3rem 3rem 0; }

@-webkit-keyframes sc-gradient { 0%{background-position:0% 2%} 50%{background-position:100% 99%} 100%{background-position:0% 2%} }
@-moz-keyframes sc-gradient { 0%{background-position:0% 2%} 50%{background-position:100% 99%} 100%{background-position:0% 2%} }
@keyframes sc-gradient { 0%{background-position:0% 2%} 50%{background-position:100% 99%} 100%{background-position:0% 2%} }

.stx { --section-header-height: 7.85rem; --side-margin: .75rem; padding: 3rem var(--side-padding) 3.5rem; position: relative; background: var(--bg-color); }

.stx:not(.-full-width) { margin-right: var(--side-margin); margin-bottom: calc(var(--side-margin) * 1.5); }

.stx.-bg-sc-gradient, .stx.-bg-dark-gray { --border-color: rgba(36, 36, 36, .3); }

.stx.-bg-ivory, .stx.-bg-light-gray { --border-color: rgba(36, 36, 36, .3); }

.stx-columns { display: flex ; padding-top: 2rem; border-top: 1px solid var(--border-color); }

.stx-title { font-size: 2.05rem; line-height: .85; padding-bottom: 2rem; }

.stx-title em, .hero__title em { font-size: .95625em; letter-spacing: 0; font-family: var(--font-italic); }

.stx-headline { font-size: 1.4rem; line-height: 1.1; transition: opacity 1.2s; transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay)* 1); }

.stx-headline em { font-size: .96em; letter-spacing: 0; font-family: var(--font-italic); }

.stx:not(.-bg-sc-gradient) .stx-headline em { color: var(--accent); background: -webkit-linear-gradient(14deg, #ec8a22, #ee2c2b); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.stx-button-container { transition: opacity 1.2s; transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay)* 1); margin-top: 4.5rem; }

.stx-button-container .button { display: inline-flex; justify-content: space-between; align-items: center; gap: .575em; position: relative; text-transform: uppercase; font-weight: 400; font-size: .9090909090909091rem; line-height: 1; letter-spacing: 0; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; user-select: none; color: var(--dark); transition: color .15s; border-radius: 0; background: transparent; padding: 0; overflow: visible;}

.stx-button-container .button-text { text-decoration: underline; }

.stx-button-container .button span.button-icon-wrapper { display: inline-flex; align-items: center; height: 100%; transition: .15s; transition-property: opacity, transform; }

.stx-button-container .button .icon { width: 1.13665em; height: 1.13665em; }

.stx-features { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem 1rem; margin-top: 4rem; }

.stx-features-item { transition: opacity 1.2s; padding-top: .5454545454545454rem; position: relative; }

.stx-features-content { position: relative; width: 100%; height: calc((100vw - 33rem) / 3); border-radius: 5em; overflow: hidden; margin-bottom: 1rem; }

.stx-features-item-title { margin-bottom: 1rem; line-height: 1.125; }

.stx-features-item-desc { color: var(--light-gray); }

.stx-features-item-img { position: absolute; width: 100.2%; height: 100.2%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; transition: transform .6s cubic-bezier(.24,1,.3,1), opacity .55s ease .25s;}

.stx-features-item-img:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ' '; background-color: rgba(36, 36, 36, .5); transition: all .6s cubic-bezier(.24,1,.3,1); -webkit-transition: all .6s cubic-bezier(.24,1,.3,1); }

.stx-features-item:hover .stx-features-item-img { transform: translate(-50%, -50%) scale(1.13); -webkit-transform: translate(-50%, -50%) scale(1.13); }

.stx-features-item:hover .stx-features-item-img:after { background-color: rgba(36, 36, 36, .2); }

.stx-map { transition: opacity 1.2s; display: grid; margin-left: auto; margin-right: auto; pointer-events: none; }

.stx-map > *, .stx-map:before, .stx-map:after { grid-area: 1 / 1; }

.stx-map-image { width: 100%; height: auto; }

.stx-map:before { z-index: 1; content: ""; align-self: start; height: 16rem;  background: linear-gradient(to top, rgba(255, 255, 255, 0), rgb(255, 255, 255, 100%)); }

.stx-map:after { content: ""; align-self: end; height: 16rem; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgb(255, 255, 255, 100%)); }

@media (pointer: fine) {
    .button:hover .button-icon-wrapper { transform: translate(.25em); }
}

@media (min-width: 1060px), (min-width: 768px) and (orientation: portrait) {
    :root { --side-padding: 3rem; --section-spacing: 7.5rem; }
    .stx { --section-header-height: 16.545454545454547rem; --side-margin: var(--side-padding); padding-bottom: calc((7.545454545454546rem / 5 ) * 4); padding-top: 3.590909090909091rem; }
    .stx-columns { justify-content: space-between; gap: 2.272727272727273rem; }
    .stx-title { font-size: 5.454545454545454rem; padding-top: 2.727272727272727rem; padding-bottom: 3.6363636363636362rem; }
    .stx-title.-align-right { text-align: right; }
    .stx-headline { font-size: 1.8181818181818181rem; max-width: 15em; }
    .stx-button-container { margin-top: 4.818181818181818rem; }
    .stx-features { grid-template-columns: 1fr 1fr 1fr; gap: 4.090909090909091rem 3.090909090909091rem; margin-top: 6.818181818181818rem; }
    .stx-features-item:nth-child(3n+2) { transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay)* 1); }
    .stx-features-item:nth-child(3n) { transition-delay: calc(var(--ost-init-delay) + var(--ost-stagger-delay)* 2); }
    .stx-features-item-title { margin-bottom: calc(2.0454545454545454rem / 3); font-size: 1.3636363636363635rem;}
    
}
@media (min-width: 1060px) {
    .stx-title { font-size: 6.75rem; }
    .stx-headline { font-size: 2rem; max-width: 26.6em; }
    .stx-headline.-semi-l { max-width: 23.8em; }
    .stx-features-item-title { font-size: 1.8181818181818181rem; }
    .stx-features-item-title, .stx-features-item-desc { margin-left: calc(2.0454545454545454rem / 6); }
}
@media (min-width: 1200px) {
    .stx-features { margin-left: 15rem; }
}

@media (max-width: 767px), (max-width: 1023px) and (orientation: landscape) {
    .stx-columns { flex-direction: column; gap: 2rem; }
    .stx:has(+.-has-half-circle) {padding-bottom: 7rem}
    .stx-features { grid-template-columns: 1fr; }
    .stx-features-content { height: calc(100vw - (var(--side-padding) * 2)); }
}

.footer { margin: 0 auto; padding: 0 min(1.1979166667vw, 23px) min(1.1979166667vw, 23px); width: 100%; background: var(--white); }

.footer__wrapper { background-color: var(--gray); border-radius: min(2.0833333333vw, 40px); padding: min(2.5520833333vw, 49px) min(1.9791666667vw, 38px) min(2.1354166667vw, 41px); }

.footer__content { flex-direction: column; height: 100%; margin: 0 auto; max-width: 1920px; position: relative; row-gap: min(8.8541666667vw, 170px); width: 100%; }

.footer__top { align-items: flex-start; }

.footer__content, .footer__top { display: flex; justify-content: space-between; }

.footer__title { font-size: min(2.5vw, 48px) !important; font-weight: 400; line-height: 1em; max-width: min(52.0833333333vw, 1000px); }

.grid { display: grid; gap: min(1.0416666667vw, 20px); grid-auto-flow: row; grid-template-columns: repeat(12, 1fr); width: 100%; }

.footer__list { display: flex; flex-direction: column; gap: min(.625vw, 12px); }

.footer__item { width: -moz-fit-content; width: fit-content; }

.footer__link { font-size: min(1.0416666667vw, 20px); font-weight: 400; line-height: 1em; position: relative; display: flex; }

.footer__link:before { background-color: var(--dark); bottom: 0; content: ""; height: 1px; margin: min(-.1041666667vw, -2px) 0; position: absolute; transform: scaleX(0); transition: all .4s ease; visibility: hidden; width: 100%; }

.footer__link:hover:before { transform: scaleX(1); visibility: visible; }

.footer__additional-window { position: relative; width: -moz-fit-content; width: fit-content; }

.footer__additional-window:before { background-color: var(--dark); bottom: 0; content: ""; height: 1px; margin: min(-.1041666667vw, -2px) 0; position: absolute; transform: scaleX(0); transition: all .4s ease; visibility: hidden; width: 100%; }

.footer__additional-window:hover:before { transform: scaleX(1); visibility: visible; }

.footer__additional-btn { align-items: center; background-color: transparent; color: var(--dark); display: flex; font-size: min(1.0416666667vw, 20px); font-weight: 400; gap: min(.2604166667vw, 5px); line-height: 1em; }

.footer__additional-btn svg { display: block; height: min(.7291666667vw, 14px); transform: rotate(180deg); transition: transform .3s ease; width: min(.7291666667vw, 14px); }

.footer__item:hover > .footer__additional-window .footer__additional-btn svg { transform: rotate(0); }

.footer__additional-menu { opacity: 0; padding-top: min(.625vw, 12px); pointer-events: none; position: absolute; transition: opacity .3s ease; z-index: 100; }

.footer__item:hover > .footer__additional-window .footer__additional-menu { opacity: 1; pointer-events: visible; }

.footer__additional-content {background-color: var(--bg); border-radius: 10px; box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .08); display: flex; flex-direction: column; padding: min(1.0416666667vw, 20px) min(2.0833333333vw, 40px) min(1.0416666667vw, 20px) min(1.0416666667vw, 20px); row-gap: min(.8333333333vw, 16px); width: min(13.90625vw, 267px); }

.footer__socials-list { display: flex; flex-direction: column; gap: min(.625vw, 12px); }

.footer__social-item { position: relative; width: -moz-fit-content; width: fit-content; }

.footer__social-item:before { background-color: var(--dark); bottom: 0; content: ""; height: 1px; margin: min(-.1041666667vw, -2px) 0; position: absolute; transform: scaleX(0); transition: all .4s ease; visibility: hidden; width: 100%; }

.footer__social-item:hover:before { transform: scaleX(1); visibility: visible; }

.footer__social-link { font-size: min(1.0416666667vw, 20px); font-weight: 400; line-height: 1em; display: flex;}

.footer__location { font-size: min(1.0416666667vw, 20px); font-weight: 400; height: -moz-fit-content; height: fit-content; line-height: 1.5em; position: relative; }

.footer__legals { margin-top: min(5.8333333333vw, 112px); }

.footer__line { background-color: var(--dark); display: block; height: 1px; width: 100%; }

.footer__legals-content { margin-top: min(1.25vw, 24px); }

.footer__rights { font-size: min(1.0416666667vw, 20px); font-weight: 400; grid-column: 1 / 9; line-height: 1em; }

.footer__legals-link { font-size: min(1.0416666667vw, 20px); font-weight: 400; line-height: 1em; position: relative; width: -moz-fit-content; width: fit-content; }

.footer__legals-link:last-child { grid-column: 11 / 13; justify-self: flex-end; }

.footer__legals-link:before { background-color: var(--dark); bottom: 0; content: ""; height: 1px; margin: min(-.1041666667vw, -2px) 0; position: absolute; transform: scaleX(0); transition: all .4s ease; visibility: hidden; width: 100%; }

.footer__legals-link:hover:before { transform: scaleX(1); visibility: visible; }

@media (min-width: 1060px) {
    .footer__list { grid-column: 6 / 8; }
    .footer__socials-list { grid-column: 9 / 11; }
    .footer__location {grid-column: 11 / 13; justify-self: flex-end;}
    .footer__legals-link { grid-column: 09 / 11; }
}

@media (max-width: 1060px) {
    .grid { gap: min(5.3333333333vw, 20px); grid-template-columns: repeat(4, 1fr); }
    .footer { padding: 0; }
    .footer__wrapper { border-radius: 0; padding: min(10.6666666667vw, 40px) min(5.3333333333vw, 20px) min(5.3333333333vw, 20px); row-gap: min(10.6666666667vw, 40px); }
    .footer__top { flex-direction: column; justify-content: flex-start; row-gap: min(7.4666666667vw, 28px); }
    .footer__title { font-size: min(9.6vw, 36px) !important; line-height: 1.1em; max-width: min(90vw, 954px); }
    .footer__bottom { margin-top: min(10.6666666667vw, 40px); }
    .footer__nav-content { align-items: flex-start; display: flex; flex-direction: column; gap: 0; }
    .footer__logo svg { height: min(9.8666666667vw, 37px); }
    .footer__list { gap: min(2.1333333333vw, 8px); margin-top: min(7.4666666667vw, 28px); }
    .footer__link { margin: min(-.5333333333vw, -2px) 0; font-size: min(3.7333333333vw, 14px);}
    .footer__additional-window { margin: min(-.5333333333vw, -2px) 0; }
    .footer__additional-btn { font-size: min(3.7333333333vw, 14px); gap: min(1.3333333333vw, 5px); }
    .footer__additional-btn svg { height: min(3.7333333333vw, 14px); width: min(3.7333333333vw, 14px); }
    .footer__additional-menu { padding-top: min(1.3333333333vw, 5px); }
    .footer__additional-content { padding: min(4.2666666667vw, 16px) min(10.6666666667vw, 40px) min(4.2666666667vw, 16px) min(4.2666666667vw, 16px); width: min(71.2vw, 267px); }
    .footer__socials-list { gap: min(2.1333333333vw, 8px); margin-top: min(6.4vw, 24px); }
    .footer__social-item { margin: min(-.5333333333vw, -2px) 0; }
    .footer__social-link { font-size: min(3.7333333333vw, 14px); }
    .footer__location { font-size: min(3.7333333333vw, 14px); margin: min(-.5333333333vw, -2px) 0; margin-top: min(6.4vw, 24px); max-width: min(53.3333333333vw, 200px); }
    .footer__legals { margin-top: min(12.8vw, 48px); }
    .footer__legals-content { gap: min(2.6666666667vw, 10px); margin-top: min(3.7333333333vw, 14px); }
    .footer__rights { font-size: min(3.7333333333vw, 14px); grid-column: 1 / 5; grid-row: 2 / 3; }
    .footer__legals-link { font-size: min(3.7333333333vw, 14px); margin: min(-.5333333333vw, -2px) 0; grid-column: 1 / 3;}
    .footer__legals-link:last-child { grid-column: 3 / 5; } 
}
@media (max-width: 460px) {
    .footer__link, .footer__additional-btn, .footer__social-link, .footer__location, .footer__rights, .footer__legals-link, .footer__legals-link { line-height: 1.3em; }
}

.dark--theme {
    --bg: #242424;
    --black: #fff;
    --dark: #ebebeb;
    --white: #0a0a0a;
    --dark-bg: #d9d9d9;
    --gray: #333;
}

.dark--theme .header { background: linear-gradient(0deg, rgba(36, 36, 36, .2), rgba(36, 36, 36, .2)), linear-gradient(111deg, rgba(36, 36, 36, .24) 1.21%, hsla(0, 0%, 77%, .04)); }
.dark--theme .stx.-bg-sc-gradient, .dark--theme .stx.-bg-dark-gray, .dark--theme .stx.-bg-ivory { --border-color: rgba(235, 235, 235, .3) }
.dark--theme .stx-map:before { background: linear-gradient(to top, rgba(10, 10, 10, 0), rgb(10, 10, 10, 100%)); }
.dark--theme .stx-map:after { background: linear-gradient(to bottom, rgba(10, 10, 10, 0), rgb(10, 10, 10, 100%)); }

.html--about { line-height: 1.3; font-size: var(--font-size); }

.html--about h1, .html--about h2, .html--about h3, .html--about h4, .html--about h5, .html--about h6 { font-size: 1em; font-weight: initial; }

main { display: block; background: var(--white);}

.c-about-figure { position: absolute; pointer-events: none !important; width: 100%; height: 100vh; }

.c-about-figure_inner { position: sticky; top: 0; display: grid; width: 100%; padding: var(--grid-gutter) var(--grid-margin); grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gutter); }

.c-about-figure_visual { aspect-ratio: 6 / 10; }

.c-images-sequence { width: 100%; height: 100%; position: relative; z-index: 1; overflow: hidden; }

.c-about-figure_inner > *:first-child { --about-head-heading-size: var(--font-size-h1); grid-column: 2 / 6; height: calc(99.1vh - (var(--about-head-heading-size)* 1.1)); max-height: calc(100vh - (var(--about-head-heading-size)* 1.1)); }

.c-images-sequence_wrapper, .c-images-sequence_canvas { width: 100%; height: 100%; }

.c-images-sequence_fallback { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-size: cover; background-position: center; -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; }

.o-container, .c-home-hero_content, .c-about-head, .c-film, .c-capabilities, .c-awards, .c-footer, .c-work-next_visual, .c-careers-head { margin-right: auto; margin-left: auto; padding-right: var(--grid-margin); padding-left: var(--grid-margin); }

.c-heading, .c-about-head_heading, .c-footer_coords, .c-work-single-pitch_content, .c-website-cta_content, .c-indent-paragraph_content { font-weight: initial; line-height: 1.1; margin-bottom: 2rem; }

.c-about-head { font-size: var(--font-size-medium); line-height: 1.2; background: var(--white); }

.c-about-head_fold { height: 99.1vh; min-height: 480px; /*padding-top: calc(100vh* var(--head-padding-vh));*/ display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); grid-template-rows: 1fr auto; gap:0 var(--grid-gutter); }

.c-about-head_title { grid-column: 1 / 13; }
.c-about-head_title.-foot { align-self: end; }

.c-about-head_content { grid-column: 7 / 13; }
.c-about-head_content.-limited { grid-column: 7 / 11; }
.c-about-head_content.-foot { align-self: end; }

.c-about-head_heading { --about-head-heading-size: var(--font-size-h1); font-family: var(--font-italic), -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-size: var(--about-head-heading-size); font-weight: 100; }
.c-heading.-h1, .-h1.c-about-head_heading, .-h1.c-footer_coords, .-h1.c-work-single-pitch_content, .-h1.c-website-cta_content, .c-indent-paragraph_content { font-size: var(--font-size-h1); font-family: var(--font-italic), -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif; font-weight: 100; }

.u-margin.-large-top { margin-top: clamp(calc(.06667rem* var(--spacing-large-mobile)), calc(var(--spacing-large) / 14.4* 1vw), calc(.06667rem* var(--spacing-large))); }
.u-margin.-big-bottom { margin-bottom: clamp(calc(.06667rem* var(--spacing-big-mobile)), calc(var(--spacing-big) / 14.4* 1vw), calc(.06667rem* var(--spacing-big))); }

.o-grid { display: grid; width: 100%; }
.o-grid.-gutters { gap: 20px; -moz-column-gap: var(--grid-gutter); column-gap: var(--grid-gutter); }
.o-grid_item { grid-column: 1 / -1; }
.o-text.-medium { font-size: var(--font-size-medium); line-height: 1.2; }

.c-section { margin-top: 10.66667rem; margin-bottom: 13.33333rem; }
.c-awards { font-size: var(--font-size-medium); line-height: 1.2; }
.c-awards_title { display: flex; justify-content: space-between; align-items: flex-end; }
.c-awards_entity { border-top: var(--border); display: grid; grid-template-columns: repeat(var(--grid-columns), 1fr); gap: var(--grid-gutter); }
.c-awards_entity > *:nth-child(1) { grid-column: 1 / 9; }
.c-awards_entity > *:nth-child(2) { grid-column: 1 / 9; }
.c-awards_label { padding-top: .26667rem; grid-column: 1 / 4; }
.c-awards_sublist { grid-column: 4 / 9; }
.c-awards_prize { display: grid; gap: var(--grid-gutter); padding: .2em 0; }
.c-awards_prize:not(:last-child) { border-bottom: var(--border); }
.c-awards_prize > *:nth-child(1) { grid-column: 1 / 3; }
.c-awards_prize > *:nth-child(2) { grid-column: 3 / 4; }


@media (max-width: 1024px) and (min-height: 768px) {
    .c-about-head_fold { height: 85vh; }
}

@media (max-width: 1024px) {
    .c-about-figure_inner { position: relative; padding-top: 0; }
    .c-about-figure_inner > *:first-child { position: relative; grid-column: 2 / 8; width: 100%; margin-top: calc(var(--header-height)); height: calc(100vh* var(--head-padding-vh) - var(--header-height) + 100vh* var(--about-head-content-offset-vh)); -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 30%; object-position: 50% 30%; }
    .c-about-head_title { grid-column: 1 / 4; }
    .c-about-head_title:not(.-foot) { grid-row: 1 / 2; }
    .c-about-head_content { grid-column: 5 / 9; }
    .c-about-head_content:not(.-foot) { grid-row: 1 / 2; margin-top: calc(100vh* var(--about-head-content-offset-vh) + 2.66667rem); }
    .c-about-head_content.-limited { grid-column: 3 / 7; }
    
}

@media (max-width: 699px) {
    .c-about-figure_inner > *:first-child { grid-column: 1 / 5; margin-top: var(--header-height); }
    .c-about-head_fold { height: 94.9vh; grid-template-rows: 1fr auto auto; }
    .c-about-head_title { grid-column: 1 / 5; }
    .c-about-head_title.-foot { justify-self: end; }
    .c-about-head_content { grid-column: 1 / 5; }
    .c-about-head_content.-limited { grid-column: 1 / 5; max-width: 320px; }
    .o-grid.-col-4\@to-small { grid-template-columns: repeat(4, 1fr); }
    .c-section { margin-top: 5.33333rem; margin-bottom: 8rem; }
    .c-awards_entity { padding-bottom: 0; }
    .c-awards_entity > *:nth-child(1) { grid-column: 1 / 5; }
    .c-awards_entity > *:nth-child(2) { grid-column: 1 / 5; }
    .c-awards_prize { grid-template-columns: repeat(3, 1fr); }
    .c-awards_prize > *:nth-child(1) { grid-column: 1 / 3; }
    .c-awards_prize > *:nth-child(2) { grid-column: 3 / 4; }
}

@media (min-width: 700px) { 
    .u-gc-1\/5\@from-small { grid-column-start: 1; grid-column-end: 5; } 
    .u-gc-5\/9\@from-small { grid-column-start: 5; grid-column-end: 9; }
}

@media (min-width: 1024px) {
    .u-gc-1\/7\@from-medium { grid-column-start: 1; grid-column-end: 7; }
    .u-gc-7\/13\@from-medium { grid-column-start: 7; grid-column-end: 13; }
    .o-text.-padding-right\@from-medium { padding-right: 5%; }
    .c-awards_entity { grid-template-columns: repeat(2, 1fr); }
    .c-awards_entity > *:nth-child(1) { grid-column: 1 / 4; }
    .c-awards_entity > *:nth-child(2) { grid-column: 4 / 9; }
    .c-awards_prize { grid-template-columns: repeat(6, 1fr); }
    .c-awards_prize span:nth-child(1) { grid-column: 1 / 6; }
    .c-awards_prize span:nth-child(2) { grid-column: 6 / 7; }
}

.service-intro { padding-block: calc(min(2.3958333333vw, 46px) + min(1.6666666667vw, 32px) + min(1.6666666667vw, 32px) + 1px ); padding-left: 1rem; padding-right: 1rem; }

.layout { box-sizing: border-box; max-width: 485px; margin-inline: auto; padding: 20px 0; }

.service--grid, .subgrid { grid-gap: 20px; display: grid; }

.service--grid { grid-row-gap: 80px; grid-template-columns: repeat(12, 1fr); }

.subgrid { grid-template-columns: subgrid; }

.content { container-type: inline-size; }

.content .h1 { margin-block: unset; overflow-wrap: break-word; text-wrap: pretty; }

.content .h1 { text-transform: uppercase; font-weight: 600; }

.content .h1 { font-size: clamp(var(--font-size-min), var(--font-size-fluid), var(--font-size-max)); --font-size-min: 2.8125rem; --font-size-max: 6.7rem; line-height: 1em; }

.content p { overflow-wrap: break-word; text-wrap: pretty; margin-block: 1em; font-style: normal; }

.b1 :is(.content p) { font-size: clamp(var(--font-size-min), var(--font-size-fluid), var(--font-size-max)); line-height: clamp(var(--line-height-min), var(--line-height-fluid), var(--line-height-max)); --font-size-min: 1.25rem; --font-size-max: 2.1875rem; --line-height-min: 1.875rem; --line-height-max: 3.063rem; }

.b1 :is(.section.service-intro .content p) { --font-size-fluid: calc(2.381cqi + .833rem); --line-height-fluid: calc(3.016cqi + 1.347rem); }

.section.service-intro .content .h1 { --font-size-fluid: calc(13.492cqi + .451rem); }

:is(.service--grid, .subgrid) .column { grid-column: span 12; }

.section.service-intro .subgrid { grid-template-rows: subgrid; }

.section.service-intro .service--grid > .column { grid-row: span 2; }

.section.service-intro .frame video, .section.service-intro .frame img { aspect-ratio: 1; }

.frame video, .frame img { background-color: var(--color-glass); border-radius: var(--border-radius-tile); object-fit: cover; object-position: center; width: 100%; height: auto; display: block; }


@media (min-width: 640px) {
    .layout { max-width: 950px; }
    .section.service-intro .service--grid > .column:first-child { grid-column: span 8; }
    .section.service-intro .service--grid > .column:nth-child(2) { grid-column: 5 / span 8; }
    .section.service-intro .subgrid > .column { grid-column: span 8; }
}

@media (min-width: 768px) {
    .service-intro { padding-left: 2.5rem; padding-right: 2.5em; }
}

@media (min-width: 1060px) {
    .service-intro { padding-left: var(--grid-margin); padding-right: var(--grid-margin); }
}

@media (min-width: 1280px) {
    .layout { max-width: 1880px; }
    .section.service-intro .service--grid > .column:first-child { grid-column: span 6; }
    .section.service-intro .service--grid > .column:nth-child(2) { grid-area: 1 / 7 / span 2 / span 6; }
    .section.service-intro .subgrid > .column { grid-column: span 5; }
    .section.service-intro .subgrid > .column:first-child { align-self: start; }
    .section.service-intro .subgrid > .column:nth-child(2) { align-self: end; }
}

@media only screen and (min-width: 1px) and (max-width: 1060px) {
    .service-intro { padding-block: min(24vw, 90px); }
}


section { will-change: transform; margin-top: -1px; }

.pt-1 { padding-top: .25rem; }

.py-3 { padding-top: .75rem; padding-bottom: .75rem; }

.pb-20 { padding-bottom: 5rem; }

.py-20 { padding-top: 5rem; padding-bottom: 5rem; }

.pt-40 { padding-top: 10rem; }

.p-4 { padding: 1rem; }

.p-5 { padding: 1.25rem !important; }

.px-5 { padding-left: 1.25rem; padding-right: 1.25rem !important; }

.px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }

.ml-auto { margin-left: auto; }

.my-auto { margin-top: auto; margin-bottom: auto; }

.m-auto { margin: auto; }

.overflow-hidden { overflow: hidden; }

.gap-x-2 { -moz-column-gap: .5rem; -webkit-column-gap: .5rem; column-gap: .5rem; }

.gap-2 { gap: .5rem; }

.h-auto { height: auto; }

.h-px { height: 1px; }

.h-12 { height: 2rem; }

.h-full { height: 100%; }

.w-0 { width: 0; }

.w-full { width: 100%; }

.inline-block { display: inline-block; }

.block { display: block; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.flex-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.justify-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.justify-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.rounded-2xl { border-radius: 1rem; }

.relative { position: relative; }

.absolute { position: absolute; }

.bottom-0 { bottom: 0; }

.left-0 { left: 0; }

.z-0 { z-index: 0; }

.z-10 { z-index: 10; }

.z-20 { z-index: 20; }

.object-contain { -o-object-fit: contain; object-fit: contain; }

.object-cover { -o-object-fit: cover; object-fit: cover; }

.mix-blend-multiply { mix-blend-mode: multiply; }

.bg-orange { --tw-bg-opacity: 1; background-color: rgb(236 137 34 / var(--tw-bg-opacity)); }

.bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }

.bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }

.bg-borderGrey { --tw-bg-opacity: 1; background-color: rgb(217 217 217 / var(--tw-bg-opacity)); }

.translate-y-full { --tw-translate-y: 100%; -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }

.transition-all { -webkit-transition-property: all; transition-property: all; -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); transition-timing-function: cubic-bezier(.4,0,.2,1); -webkit-transition-duration: 150ms; transition-duration: 150ms; }

.duration-300 { -webkit-transition-duration: .3s; transition-duration: .3s; }

.duration-500 { -webkit-transition-duration: .5s; transition-duration: .5s; }

.inset-y-0 { top: 0; bottom: 0; }

.inset-0 { inset: 0; }

.rounded-full { border-radius: 9999px; }

.border { border-width: 1px; }

.border-solid { border-style: solid; }

.text-base { font-size: 1rem; line-height: 1.5rem; }

.text-bold { font-weight: 700; }

.font-monospace { font-family: var(--font-monospace), monospace;}

.text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

.leading-none { line-height: 1; }

.aspect-\[360_\/_240\] { aspect-ratio: 360 / 240; }

.opacity-0 { opacity: 0; }

.p--small { font-size: 1rem; line-height: 1.5rem; line-height: 1.1; }

.elementor img { max-width: 100%; border: none; border-radius: 0; box-shadow: none; }

.elementor a { box-shadow: none; text-decoration: none; }

.elementor svg { fill: none; display: block; vertical-align: middle; }

.elementor button { -webkit-appearance: button; background-color: transparent; background-image: none; outline: 2px solid transparent; outline-offset: 2px;}

@media (min-width: 768px) {
    .md\:hidden { display: none; }
    .md\:gap-x-4 { -moz-column-gap: 1rem; -webkit-column-gap: 1rem; column-gap: 1rem; }
    .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .md\:px-8 { padding-left: 2rem; padding-right: 2rem; }
    .md\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
}

@media (min-width: 1060px) {
    .lg\:p-4 { padding: 1rem; }
    .lg\:p-8 { padding: 2rem; }
    .lg\:h-14 { height: 2.5rem; }
    .lg\:py-32 { padding-top: 8rem; padding-bottom: 8rem; }
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lg\:gap-4 { gap: 1rem; }
    .lg\:aspect-\[448_\/_316\] { aspect-ratio: 448 / 316; }
    .p--small { font-size: 1.25rem; line-height: 1.75rem; line-height: 1.2; }
    .group\/card:hover .lg\:group-hover\/card\:w-full { width: 100%; }
    .group\/card:hover .lg\:group-hover\/card\:opacity-100 { opacity: 1 !important; }
    .group:hover .lg\:group-hover\:-translate-y-full { --tw-translate-y: -100%; -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
    .group:hover .lg\:group-hover\:translate-y-0 { --tw-translate-y: 0px; -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
    .group:hover .lg\:group-hover\:translate-x-2 { --tw-translate-x: 0.5rem; -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
}

@media (min-width: 1280px) {
    .xl\:p-8 { padding: 2rem; }
}

@media not all and (min-width: 768px) {
    .services-bottom--line { display: none; }
    .services-body, .services-bottom { display: none; }
    .services-bottom--trigger.is-active ~ .services-bottom--line { display: block; }
    .is-active .services-body, .is-active ~ .services-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; }
}

@media (min-width: 1400px) {
    .elementor > .container {
        max-width: min(81.25vw, 1560px);
    }
}

.contact--page { font-size: 16px; line-height: 1.5; letter-spacing: -.05em; }

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -.5em;
    margin-right: -.5em;
}

.justify-start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.justify-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.col {
    vertical-align: top;
    box-sizing: border-box;
    padding-left: .5em;
    padding-right: .5em;
}

.col-1 { width: 100%; }

h3 { font-size: 26px; line-height: 1.3; letter-spacing: -.06em; }

.mt--half { margin-top: calc(15em / 2); }
.mb { margin-bottom: 6em; }
.mb--half { margin-bottom: calc(6em / 2); }
.mb--none { margin-bottom: 0; }

.bd { position: relative; min-height: 1px; margin: 0 calc(.75em * 2); }

.bd:after { content: ""; visibility: hidden; display: block; height: 0; clear: both; }

.font-light { font-weight: 300; }
.font-reg { font-weight: 400; }
.font-bold, .nf-form-cont .nf-error-msg, .nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea, .sitefooter .sitefooter__nav .sitefooter__link { font-weight: 600; }

.heading-huge {  font-size: 36px; line-height: 1; letter-spacing: -.08em; }
.heading-sml { font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
.text-med { font-size: 26px; line-height: 1.3; letter-spacing: -.06em; }
.btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn, .nf-form-cont .nf-error-msg, .nf-form-cont label, .text-sml { font-size: 14px; }

.text-sml.font-bold { letter-spacing: -.015em; }

.o-50 { opacity: .5; }

@media only screen and (min-width: 550px) {
    .contact--page { font-size: 16px; }
    .row { margin-left: -.5em; margin-right: -.5em; }
    .col { padding-left: .5em; padding-right: .5em; }
    h3 { font-size: 26px; }
    .mb { margin-bottom: 7em; }
    .mt--half { margin-top: calc(17.5em / 2); }
    .mb--half { margin-bottom: calc(7em / 2); }
    .heading-huge { font-size: 40px; }
    .text-med { font-size: 26px; }
    .btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn, .nf-form-cont .nf-error-msg, .nf-form-cont label, .text-sml { font-size: 14px; }
    .nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea { font-size: 14px !important; }
}

@media only screen and (min-width: 700px) {
    .contact--page { font-size: 16px; }
    .row { margin-left: -.5em; margin-right: -.5em; }
    .col { padding-left: .5em; padding-right: .5em; }
    .col-md-1-3 { width: 33.3%; }
    .col-md-2-3 { width: 66.66666%; }
    h3 { font-size: 26px; }
    .mb { margin-bottom: 8em; }
    .mt--half { margin-top: calc(20em / 2); }
    .mb--half { margin-bottom: calc(8em / 2); }
    .bd { margin: 0 calc(1em* 2); }
    .heading-huge { font-size: 46px; }
    .heading-sml { font-size: 14px; }
    .text-med { font-size: 26px; }
    .btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn, .nf-form-cont .nf-error-msg, .nf-form-cont label, .text-sml { font-size: 14px; }
    .nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea { font-size: 14px !important; }
}

@media only screen and (min-width: 1000px) {
    .contact--page { font-size: 17px; }
    .row { margin-left: -.5em; margin-right: -.5em; }
    .col { padding-left: .5em; padding-right: .5em; }
    .col-lg-1-2 { width: 50%; }
    h3 { font-size: 27px; }
    .mb { margin-bottom: 9em; }
    .mt--half { margin-top: calc(18em / 2); }
    .mb--half { margin-bottom: calc(9em / 2); }
    .bd { margin: 0 calc(1em* 2); }
    .heading-huge { font-size: 64px; }
    .heading-sml { font-size: 15px; }
    .text-med { font-size: 27px; }
    .btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn, .nf-form-cont .nf-error-msg, .nf-form-cont label, .text-sml { font-size: 15px; }
    .nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea { font-size: 15px !important; }
}

@media only screen and (min-width: 1200px) {
    .contact--page { font-size: 18px; }
    .row { margin-left: -.5em; margin-right: -.5em; }
    .col { padding-left: .5em; padding-right: .5em; }
    .col-lg-1-2 { width: 50%; }
    h3 { font-size: 28px; }
    .mb { margin-bottom: 10em; }
    .mt--half { margin-top: calc(20em / 2); }
    .mb--half { margin-bottom: calc(10em / 2); }
    .bd { margin: 0 calc(1.5em * 2); }
    .heading-huge { font-size: 81px; }
    .heading-sml { font-size: 15px; }
    .text-med { font-size: 28px; }
    .btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn, .nf-form-cont .nf-error-msg, .nf-form-cont label, .text-sml { font-size: 15px; }
    .nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea { font-size: 15px !important; }
}

@media only screen and (min-width: 1400px) {
    .contact--page { font-size: 19px; }
    .row { margin-left: -.5em; margin-right: -.5em; }
    .col { padding-left: .5em; padding-right: .5em; }
    h3 { font-size: 29px; }
    .bd { margin: 0 calc(1.5em* 2); }
    .heading-huge { font-size: 101px; }
    .heading-sml { font-size: 15px; }
    .text-med { font-size: 29px; }
    .btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn, .nf-form-cont .nf-error-msg, .nf-form-cont label, .text-sml { font-size: 15px; }
    .nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea { font-size: 15px !important; }
}

.pageheader { position: relative; }
.pageheader .pageheader__bd { position: relative; z-index: 2; }

.contactdetails .contactdetails__row { position: relative; }
.contactdetails .contactdetails__row::before { content: ""; position: absolute; top: 0; left: .5em; width: calc(100% - 1em); height: 1px; background: rgba(108, 108, 108, .15); }
.contactdetails .contactdetails__row::after { content: ""; position: absolute; bottom: 0; left: .5em; width: calc(100% - 1em); height: 1px; background: rgba(108, 108, 108, .15); }
.contactdetails .contactdetails__title { padding: 2.1em 0 0; margin-bottom: 2em; max-width: 30rem; }
.contactdetails .contactdetails__row > .col:first-child .contactdetails__col { margin-top: 0; }
.contactdetails .contactdetails__col .contactdetails__item { margin-top: 2rem; }

.color-white .contactdetails .contactdetails__row::before { background: rgba(108, 108, 108, .15); }
.color-white .contactdetails .contactdetails__row::after { background: rgba(108, 108, 108, .15); }

textarea { overflow: auto; vertical-align: top; }
input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea { padding: 1em; background: #fff; outline: 0; width: 100%; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #1c3f2d; border: 0 !important; text-transform: uppercase; }
textarea { height: 100px; padding: 1em 0; resize: none !important; }
.ninja-forms-form-wrap *, .ninja-forms-form-wrap :after, .ninja-forms-form-wrap :before { -ms-box-sizing: border-box; box-sizing: border-box; }

.nf-form-cont { padding: 3.3em 0; }
.nf-form-title { display: block; padding-bottom: 1.25em; margin-bottom: .5em; border-bottom: 1px solid rgba(108, 108, 108, .15); }
.nf-response-msg { display: none; }
.nf-form-cont .nf-before-form-content { margin-bottom: 1em; }
.nf-form-cont .nf-before-form-content { display: none; }
.nf-error-msg, .ninja-forms-req-symbol { color: #e80000; }
.nf-form-cont .label-above .nf-field-label label .ninja-forms-req-symbol { color: #1a1a1a; }
.nf-form-cont .nf-field-container:not(.submit-container) { margin-bottom: .5em; padding-bottom: .25em; border-bottom: 1px solid rgba(108, 108, 108, .15); }
.nf-field-container { clear: both; position: relative; margin-bottom: 25px; }
.nf-field-container:after { clear: both; content: ""; display: block; }
.field-wrap { display: flex ; }
.label-above .field-wrap { flex-direction: column; flex-flow: wrap; }
.nf-field-label { order: 5; }
.label-above .nf-field-label { margin-bottom: 10px; }
.nf-form-cont .label-above .nf-field-label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;-webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 2%; text-align: left; width: 35%; -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; margin: 0; }
.nf-field-label .nf-label-span, .nf-field-label label { font-weight: 700; margin: 0; padding: 0; }
.nf-form-cont .label-above .nf-field-label label, .nf-form-cont label { font-weight: 400; }
.nf-form-cont .label-above .nf-field-label label { opacity: .5; }
.nf-field-element { position: relative; }
.nf-field-element { order: 15; }
.label-above .nf-field-element { margin: 0; width: 100%; }
.nf-form-cont .label-above .nf-field-element { display: inline-block; width: 65%; -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; }
.nf-input-limit { font-size: 12px; margin-top: 5px; }
.nf-after-field .nf-error-msg { margin-right: 10px; }
.nf-form-cont .submit-wrap .nf-field-label, .nf-form-cont .textarea-wrap .nf-field-label { margin-top: 1em; }
.nf-form-cont .submit-wrap .nf-field-element, .nf-form-cont .textarea-wrap .nf-field-element { width: 100%; }
.nf-form-cont input, .nf-form-cont select, .nf-form-cont textarea { color: #1c3f2d !important; font-size: 14px; line-height: 1.5; }
.nf-form-cont textarea { display: block; }
.nf-field-element input, .nf-field-element select, .nf-field-element textarea { margin: 0; width: auto; height: auto; vertical-align: inherit; }
.nf-field-element textarea { height: 200px; }
.field-wrap select, .field-wrap textarea, .field-wrap > div input { width: 100%; }
.btn, .cky-consent-container .cky-btn, .cky-prefrence-btn-wrapper .cky-btn { cursor: pointer; background-color: #1c3f2d; color: #fff; border-radius: 5em; display: inline-block; margin: 0 .75em .75em 0; padding: 1em 1.5em; border: none; -webkit-transition: .3s; transition: all .3sease; font-weight: 700; letter-spacing: .0009rem; }
.cky-consent-container .color-white .cky-btn, .cky-prefrence-btn-wrapper .color-white .cky-btn, .color-white .btn { background: #fff; color: #1a1a1a; }
.cky-consent-container .nf-form-cont .cky-btn, .cky-prefrence-btn-wrapper .nf-form-cont .cky-btn, .nf-form-cont .btn { margin-top: 1em; }
.nf-form-hp { position: absolute; visibility: hidden; }

.color-white input[type=email], .color-white input[type=number], .color-white input[type=password], .color-white input[type=search], .color-white input[type=tel], .color-white input[type=text], .color-white select, .color-white textarea { background: var(--white); }
.color-white .nf-form-cont input, .color-white .nf-form-cont select, .color-white .nf-form-cont textarea { color: #fff !important; }
.nf-form-cont .nf-error .ninja-forms-field { border-color: #3ed38a !important; }
.nf-form-cont .nf-error .ninja-forms-field { border-color: #fff !important; }


.bg-dark-green .nf-form-title { border-bottom: 1px solid rgba(108, 108, 108, .15); }
.bg-dark-green .nf-form-cont .nf-field-container:not(.submit-container) { border-bottom: 1px solid rgba(108, 108, 108, .15); }
.bg-dark-green .nf-form-cont .label-above .nf-field-label label .ninja-forms-req-symbol { color: #fff; }
.bg-dark-green .nf-form-cont .nf-error .ninja-forms-field { border-color: #1c3f2d !important }

.linkline {
    background-image: -webkit-linear-gradient(left, #fff 0, #fff 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%);
    background-image: linear-gradient(90deg, #fff 0, #fff 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%);
    background-size: 300% .05em;
    background-position: 100% bottom;
    background-repeat: no-repeat;
    -webkit-transition: background-position 750ms cubic-bezier(.22,1,.36,1);
    transition: background-position 750ms cubic-bezier(.22,1,.36,1);
}
.color-white .linkline {
    background-image: -webkit-linear-gradient(left, #fff 0, #fff 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%);
    background-image: linear-gradient(90deg, #fff 0, #fff 40%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0) 60%, #fff 60%, #fff 100%);
}

.hiddenlinkline .linkline {
    background-size: 200% .05em;
    -webkit-transition: background-position .6scubic-bezier(.22,1,.36,1);
    transition: background-position .6scubic-bezier(.22,1,.36,1);
    background-image: -webkit-linear-gradient(left, #fff 0, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(90deg, #fff 0, #fff 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

a:hover .linkline, button:hover .linkline {
    background-position: 0 bottom;
}

@media only screen and (min-width: 700px) {
    .contactdetails .contactdetails__col { margin-top: 0; }
    .nf-form-cont { padding: 3.3em; }
    
}

@media only screen and (min-width: 1000px) {
    .contactdetails .contactdetails__row > .col:first-child { border-right: 1px solid rgba(108, 108, 108, .15); }
    .contactdetails .contactdetails__row > .col:first-child .contactdetails__col { margin-bottom: 3.2em; }
}

.h-100vh {
    height: 100vh;
}

.container-pdg {
    padding-left: 1rem;
    padding-right: 1rem;
}

.img-responsive {
    width: 100%;
    height: auto;
    border-radius: var(--border-radius-tile);
}

.pdg-section-gallery {
    min-height: 100vh;
    padding-bottom: 5.625rem;
}

.pdg-section-gallery .pdg-gallery-container {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 0.8rem));
    gap: 2rem 1rem;
}

.pdg-section-gallery .pdg-gallery-container .img-1 {
    grid-column: 1 / -1;
}

.pdg-section-gallery .pdg-gallery-container .img-2 {
    grid-column: 1 / -1;
}

.pdg-section-gallery .pdg-gallery-container .img-3 {
    grid-column: 1 / -1;
}

.pdg-section-gallery .pdg-gallery-container .img-4 {
    grid-column: 1 / -1;
}

.pdg-section-gallery .pdg-gallery-container .img-5 {
    grid-column: 1 / -1;
}

@media screen and (min-width: 768px) {
    .container-pdg {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

@media screen and (min-width: 1060px) {
    .container-pdg {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .pdg-section-gallery .pdg-gallery-container {
        grid-template-columns: repeat(12, calc(8.33333% - 0.916667rem));
        row-gap: 5rem;
    }
    .pdg-section-gallery .pdg-gallery-container .img-1 {
        grid-column: 2 / -2;
    }
    .pdg-section-gallery .pdg-gallery-container .img-2 {
        margin-bottom: 2rem;
        grid-column: 1 / 8;
    }
    .pdg-section-gallery .pdg-gallery-container .img-3 {
        grid-column: -1 / -5;
        align-self: end;
    }
    .pdg-section-gallery .pdg-gallery-container .img-4 {
        grid-column: 2 / 6;
        margin-top: 6.5rem;
    }
    .pdg-section-gallery .pdg-gallery-container .img-5 {
        grid-column: -1 / -7;
    }
}

.new-gallery {
  margin: 0 var(--grid-margin);
}

.grid-sizer,
.grid-item {
  width: calc(33.333% - 20px);
}

.grid-item {
  margin-bottom: 30px;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
    .grid-sizer,
    .grid-item {
      width: 100%;
      margin-bottom: var(--grid-margin);
    }
}


/* === CORRECTION IMAGE NON ROGNÉE === */
.section.service-intro .frame img {
  width: 100%;
  height: auto;
  object-fit: contain;
  aspect-ratio: auto !important;
  border-radius: var(--border-radius-tile);
}

@media (max-width: 768px) {
  .pricing-button h3 {
    justify-content: flex-start !important;
    text-align: left !important;
  }

  .pricing-button h3 span {
    text-align: left !important;
  }
}