:root { --ease-in-power1: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-out-power1: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-in-out-power1: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--ease-in-power2: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-out-power2: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-in-out-power2: cubic-bezier(0.645, 0.045, 0.355, 1);
--ease-in-power3: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-out-power3: cubic-bezier(0.165, 0.84, 0.44, 1);
--ease-in-out-power3: cubic-bezier(0.77, 0, 0.175, 1);
--ease-in-power4: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-out-power4: cubic-bezier(0.23, 1, 0.32, 1);
--ease-in-out-power4: cubic-bezier(0.86, 0, 0.07, 1);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
--ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
--ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
--ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
--ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
--ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
--ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
--ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
--ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
--ease-bounce: cubic-bezier(0.47, 1.64, 0.41, 0.8);
--ease-out-bounce: cubic-bezier(0.17, 0.67, 0.3, 1.33);
--ease-out: cubic-bezier(0.37, 0.31, 0, 1);
--ease-out-swift: cubic-bezier(0.55, 0, 0.1, 1);
--ease-smooth-out: cubic-bezier(0.4, 0, 0, 1);
--ease-smooth-in-out: cubic-bezier(0.75, 0, 0.25, 1);
--ease-out-gentle: cubic-bezier(0.17, 1.38, 0.35, 0.96);
--ease-in-out-soft: cubic-bezier(0.4, 0.15, 0, 1);
} @media (min-width: 768px) {
html.lenis {
height: auto;
}
.lenis.lenis-smooth {
scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-stopped {
overflow: hidden;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
}
html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
margin: 0;
padding: 0;
}
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
overflow-x: hidden !important;
background-color: var(--wp--preset--color--base);
color: var(--wp--preset--color--main);
transition:
background-color 1.6s var(--ease-out-gentle),
color 1.4s var(--ease-out-gentle);
will-change: background-color, color;
}
body.theme-light {
background-color: var(--wp--preset--color--base);
color: var(--wp--preset--color--main);
}
body.lock-scroll {
overflow: hidden;
}
@media (min-width: 767px) {
p {
text-wrap: balance;
}
}
b,
strong {
font-weight: var(--wp--custom--font-weight--semi-bold);
}
a {
display: inline-block;
text-decoration: none;
}
.content p > a {
text-decoration: underline;
color: var(--wp--preset--color--accent-1);
}
.content p > a:hover {
color: var(--wp--preset--color--accent-3);
}
.no-underline p > a {
text-decoration: initial !important;
}
.colored {
color: var(--wp--preset--color--accent-2);
font-weight: 700;
}
ol,
ul {
padding: 0;
}
.clear-list {
list-style-type: none;
margin: 0;
padding: 0;
}
img,
figure:not(.wp-block-gallery) {
max-width: 100%;
height: auto;
margin: 0;
}
.img-fluid {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.last-avatar img {
position: relative;
left: -10px;
outline: 2px solid var(--wp--preset--color--white);
}
.icon-wrap {
display: grid;
place-content: center;
}
@media (max-width: 767px) {
.is-style-reverse {
flex-direction: column-reverse;
}
}
ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
padding-inline-start: var(--wp--preset--spacing--small);
}
div[class*="wp-block-"] figcaption {
color: var(--wp--preset--color--accent-1);
font-size: var(--wp--preset--font-size--small);
margin-bottom: 0;
margin-top: 25px;
text-align: center;
}
.wp-caption {
max-width: 100%;
margin: 1em auto;
border: 1px solid var(--wp--preset--color--normal-border);
padding: 0.3em;
}
.wp-caption-text {
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--main);
text-align: center;
margin-top: 0.5em;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.sticky {
position: relative;
}
.gallery-caption {
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--main);
text-align: center;
margin-top: 0.3em;
}
@media (max-width: 767px) {
.restore-align,
.restore-align .wp-block-buttons.is-content-justification-right {
justify-content: flex-start;
}
}  .split-words,
.split-chars { visibility: visible;
} @media (min-width: 768px) {
.split-words:not(.is-split-ready),
.split-chars:not(.is-split-ready) {
visibility: hidden;
}
} .is-split-ready {
visibility: visible !important;
} @media (min-width: 768px) {
.split-words__item {
opacity: 0;
transform: translateY(20px) skewX(8deg) scale(1.05);
transform-origin: left center;
display: inline-block;
white-space: nowrap;
will-change: transform, opacity;
}
.split-words {
perspective: 800px;
} .is-split-ready .split-words__item {
transition: none;
}
} @media (max-width: 767px) {
.split-words__item,
.split-chars__item {
opacity: 1 !important;
transform: none !important;
display: inline-block !important;
white-space: nowrap !important;
vertical-align: baseline;
} .split-words__item,
.split-words,
.split-chars {
word-wrap: normal;
overflow-wrap: normal;
line-height: 1.4;
}
@supports (-webkit-touch-callout: none) {
.split-words__item {
-webkit-transform: none !important;
transform: none !important;
}
}
} .split-fs {
font-size: clamp(1.6rem, 1.2rem + 2.5vw, 3.3rem);
}
@media (max-width: 992px) {
.restricted,
.split-fs {
max-width: 100% !important;
}
} .hero .split-title > .split-words__item:nth-child(2) {
text-indent: 3vw;
font-style: italic;
}
.normal-title > .split-words__item:nth-child(2) {
text-indent: 0 !important;
font-style: normal !important;
}
.split-title > .split-words__item:nth-child(3) {
text-indent: 6vw;
}
.normal-title > .split-words__item:nth-child(3) {
text-indent: 0 !important;
} .split-title > .split-words__item:last-child,
.split-colored {
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(157deg, #3088b3, #70699c);
color: transparent;
font-weight: var(--wp--custom--font-weight--bold); display: inline-block !important;
} @supports (-webkit-touch-callout: none) {
.split-words__item {
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}
@media (max-width: 767px) {
.split-title > .split-words__item:last-child {
-webkit-text-fill-color: transparent;
}
}
} .split-words:not(.is-split-ready) {
min-height: 1em;
} @media (min-width: 768px) and (max-width: 1024px) {
.split-words__item,
.split-chars__item {
opacity: 1 !important;
transform: none !important;
} .split-title > .split-words__item:last-child {
display: inline-block !important;
}
} @media (prefers-reduced-motion: reduce) {
.split-words__item,
.split-chars__item {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
} @media (max-width: 767px) {
.split-line {
display: block;
width: 100%;
} .no-break {
white-space: nowrap;
}
} .split-words__item,
.split-chars__item {
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.heading-big {
font-size: clamp(1.6875rem, 1.2548rem + 1.3846vw, 2.8125rem) !important;
} html:focus-within {
scroll-behavior: smooth;
}
.skip-link {
display: flex !important;
align-items: center !important;
gap: 5px;
top: 30px !important;
left: 30px !important;
background-color: var(--wp--preset--color--base) !important;
color: inherit !important;
border-radius: 12px;
padding: 15px 20px !important;
font-weight: var(--wp--custom--font-weight--semi-bold) !important;
}
:focus {
outline: 2px solid #f57c00;
outline-offset: 2px;
transition:
outline 0.2s ease-in-out,
outline-offset 0.2s ease-in-out;
}
:focus:not(:focus-visible) {
outline: none;
}
:focus-visible {
outline: 2px solid var(--focus-color, var(--wp--preset--color--accent-3));
outline-offset: 2px;
}
.focus-offset:focus,
.focus-offset:focus-visible {
outline-offset: -2px;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
outline: 2px solid var(--focus-color, var(--wp--preset--color--accent-3));
outline-offset: 2px;
border: none;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.001ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.001ms !important;
scroll-behavior: auto !important;
}
}  label {
position: relative;
left: 5px;
text-transform: uppercase;
font-family: var(--wp--preset--font-family--secondary);
font-weight: 700;
font-size: 0.625rem;
transition: color 0.98s var(--ease-out-power2);
}
label::after,
.required {
color: var(--wp--preset--color--accent-3) !important;
}
.theme-dark label {
color: var(--wp--preset--color--white);
} input,
button,
textarea,
select {
font: inherit;
}
input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
input[type="tel"],
textarea {
-webkit-appearance: none;
appearance: none;
margin: 10px 0;
width: 100%;
} input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
color: var(--wp--preset--color--main);
border: solid 1px var(--wp--preset--color--contrast-border);
background-color: var(--wp--preset--color--normal-border);
padding: 15px 20px;
border-radius: 30px;
font-size: var(--wp--preset--font-size--small);
transition:
background-color 1s var(--ease-out-power2),
color 0.98s var(--ease-out-power2);
}
.theme-dark input:not([type="submit"]),
.theme-dark select,
.theme-dark textarea,
.theme-dark
.wp-block-post-comments-form
input:not([type="submit"]):not([type="checkbox"]),
.theme-dark .wp-block-post-comments-form textarea {
border: solid 1px #052558;
background-color: #010b1a;
color: var(--wp--preset--color--white);
}
textarea {
resize: none;
max-height: 95px;
border-radius: 12px;
} input[type="checkbox"],
input[type="image"],
input[type="radio"] {
width: auto;
} main input[type="submit"],
main button[type="submit"] {
display: block;
background-color: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--white);
font-weight: var(--wp--custom--font-weight--semi-bold);
padding: 9px 20px;
border: none;
border-radius: 30px;
transition: 0.33s all ease-out;
cursor: pointer;
}
main input[type="submit"]:hover,
main button[type="submit"]:hover {
background-color: var(--wp--preset--color--accent-3);
} .search-container {
position: relative;
margin-top: 30px;
}
.search-container button {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 12px 20px !important;
}
.search-container button svg {
position: relative;
top: 3px;
} ::placeholder {
color: var(--wp--preset--color--main);
font-size: var(--wp--preset--font-size--small);
opacity: 0.9;
}  .fluentform .ff-el-group {
margin-bottom: 10px !important;
} .ff_t_c {
font-family: var(--wp--preset--font-family--primary);
font-weight: var(--wp--custom--font-weight--semi-bold);
font-size: var(--wp--preset--font-size--small);
text-transform: initial !important;
}
.ff_t_c a {
text-decoration: underline;
color: var(--wp--preset--color--accent-3);
font-weight: 700;
} .ff_submit_btn_wrapper {
margin-top: 20px;
}
.ff_submit_btn_wrapper::before {
display: none !important;
}
.fluent_form_3 .ff-btn-submit {
all: unset;
}
.fluent_form_3 .ff-btn-submit:hover {
all: unset;
}
@media (max-width: 767px) {
.ff_submit_btn_wrapper {
margin-top: 30px !important;
}
}  .texture-shape {
width: 60vw;
height: 40vw;
position: absolute;
z-index: 0;
left: -5%;
opacity: 0.75;
pointer-events: none;
}
@media (max-width: 767px) {
.texture-shape {
width: 100vw;
left: -15%;
}
}
.shape-form svg {
left: unset;
right: -5%;
width: 70%;
} @keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.image-rotate {
transform-origin: 50%;
width: fit-content !important;
animation: rotation 10s linear infinite;
}
.circle-head {
position: absolute;
content: "";
top: -17vw;
right: 15vw;
width: 30vw;
height: 30vw;
border-radius: 50%;
background-image: linear-gradient(135deg, #8b7ed6 0, #fff 100%);
z-index: -1;
pointer-events: none;
opacity: 0.12;
animation: rotation 7s infinite forwards;
}
.post-type-archive-portfolio .circle-head,
.page-id-11 .circle-head {
opacity: 0.012;
} .dot-image {
animation: rotation 20s infinite forwards;
transform-origin: 50%;
} .preloader {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 10000;
background-color: var(--wp--preset--color--base);
}
.loader-wrapper {
position: relative;
width: 2px;
height: 140px;
background-color: var(--wp--preset--color--contrast);
overflow: hidden;
}
.loader {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: var(--wp--preset--color--accent-3);
}
.clipper-left {
position: fixed;
top: 0;
left: 0;
height: 100vh;
width: 50vw;
background-color: var(--wp--preset--color--base);
overflow: clip;
clip-path: inset(0 0 0 0);
display: flex;
justify-content: flex-end;
z-index: 9999;
}
.loader-text {
width: max-content;
height: 100%;
padding: 4em;
font-family: var(--wp--preset--font-family--secondary);
text-transform: uppercase;
font-size: var(--wp--preset--font-size--body);
font-weight: 700;
display: flex;
align-items: center;
}
.clipper-right {
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 50vw;
background-color: var(--wp--preset--color--base);
overflow: clip;
clip-path: inset(0 0 0 0);
display: flex;
justify-content: flex-start;
z-index: 9999;
}  .admin-bar .header {
margin-top: 32px;
}
@media only screen and (max-width: 768px) {
.admin-bar .header {
margin-top: 46px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar .header.fixed {
margin-top: 0;
}
} .header.transparent-header {
background-color: transparent;
border: none;
} .header.fixed {
border-color: transparent;
} .header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: transparent;
transition: 0.44s all ease-out;
z-index: 999;
}
.header__content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 0;
} .header__logo {
line-height: 1;
pointer-events: all;
transition: 0.33s opacity ease-out;
}
.fixed .header__logo {
opacity: 0;
pointer-events: none;
}
.header__logo img {
width: 150px;
}
.header__logo .site-title {
font-size: var(--wp--preset--font-size--body-accent);
font-weight: var(--wp--custom--font-weight--semi-bold);
} @media (min-width: 1024px) {
.menu-toggle {
display: none;
}
}
@media (max-width: 1024px) {
.menu-toggle {
position: relative;
display: flex;
align-items: center;
background-color: transparent;
gap: 7px;
padding: 7px;
border: none;
cursor: pointer;
z-index: 1000;
background-color: var(--wp--preset--color--contrast);
border-radius: 30px;
padding: 5px 10px;
}
.menu-toggle__status {
position: relative;
width: 3rem;
height: 1.5rem;
}
.header li > a:focus {
outline: none;
}
.menu-toggle__status span {
position: absolute;
left: 0;
transform-origin: top left;
color: var(--wp--preset--color--white);
will-change: transform, opacity;
}
.menu-toggle__status span#menu-close {
opacity: 0;
transform: translateX(-5px) translateY(10px) rotate(5deg);
}
.menu-toggle__icon {
height: 22px;
width: 22px;
}
} @media (min-width: 1024px) {
.header .navigation {
padding: 5px;
border-radius: 30px;
background-color: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--normal-border);
transition:
color 0.35s ease-out,
background-color 0.4s var(--ease-out-power2);
}
.post-type-archive-portfolio .navigation,
.page-id-11 .navigation,
.fixed .navigation {
background-color: var(--wp--preset--color--contrast);
border-color: var(--wp--preset--color--accent-3);
}
.header li > a {
transition:
color 0.35s var(--ease-out-expo),
background-color 0.35s var(--ease-out-expo);
}
.header li > a:hover {
background-color: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--white);
}
.post-type-archive-portfolio .fixed li > a:hover,
.page-id-11 .fixed li > a:hover,
.fixed li > a:hover {
background-color: var(--wp--preset--color--accent-2);
}
.post-type-archive-portfolio .navigation li > a,
.page-id-11 .navigation li > a,
.fixed .navigation li > a {
color: var(--wp--preset--color--white);
}
.header li {
position: relative;
display: inline-block;
}
.header li.current-menu-item > a {
background-color: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--white) !important;
}
.post-type-archive-portfolio li.current-menu-item > a,
.page-id-11 li.current-menu-item > a,
.fixed li.current-menu-item > a {
background-color: var(--wp--preset--color--accent-2);
}
.header li > a {
display: inline-block;
padding: 5px 12px;
border-radius: 30px;
}
.navigation__col-image {
display: none;
}
.header__navigation .texture-shape {
display: none;
}
}
@media (max-width: 1024px) { .header__navigation {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100dvh;
background-color: var(--wp--preset--color--contrast);
visibility: hidden;
z-index: 999;
}
.navigation__content {
position: relative;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
transform-origin: left bottom;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
will-change: transform, opacity;
}
.navigation__content::-webkit-scrollbar {
display: none;
}
.navigation__items {
width: 100%;
display: flex;
padding: 2.5em;
gap: 2.5em;
}
.navigation__col-image {
flex: 3;
display: flex;
justify-content: center;
align-items: center;
}
.navigation__col-menu {
flex: 2;
display: flex;
flex-direction: column;
margin-top: 25px;
padding: 2.5em 0;
gap: 1.2em;
}
.navigation__video-wrap {
position: relative;
top: 10vh;
border-radius: 50%;
height: 40vw;
width: 40vw;
overflow: hidden;
}
.navigation__video {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
top: 0;
left: 0;
will-change: transform, opacity;
}
.navigation .current-menu-item > a {
color: var(--wp--preset--color--accent-3) !important;
opacity: 1 !important;
}
.header__navigation ul:not(.sub-menu) > li > a {
color: var(--wp--preset--color--base) !important;
font-size: var(--wp--preset--font-size--large);
margin-bottom: 15px;
}
.header__navigation .menu-item-has-children > a {
margin-bottom: 0 !important;
}
.navigation .menu-item {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
backface-visibility: hidden;
will-change: clip-path;
}
.navigation .menu-item a {
font-family: var(--wp--preset--font-family--secondary);
display: inline-block;
transition: all 0.5s var(--ease-out-power2);
}
.navigation .menu-item a:focus,
.navigation .menu-item a:focus {
outline-offset: -2px;
}
.navigation .menu-item a::after {
position: absolute;
content: "";
top: 102.5%;
left: 0;
width: 100%;
height: 2px;
background-color: var(--wp--preset--color--white);
transform: scaleX(0);
transform-origin: right;
transition: transform 0.3s cubic-bezier(0.6, 0, 0.4, 1);
}
.navigation .menu-item a:hover {
opacity: 1 !important;
}
.navigation .menu-item a:hover::after {
transform: scaleX(1);
transform-origin: left;
}
.sub-menu > li > a {
font-size: var(--wp--preset--font-size--small);
}
.main-content {
position: relative;
width: 100%;
height: 100%;
overflow-x: hidden !important;
will-change: transform;
transform-origin: right top;
} .navigation .menu-item a {
transform: translateY(200%);
opacity: 0;
}
.navigation__content {
transform: translateX(-100px) translateY(-100px) scale(1.5) rotate(-15deg);
opacity: 0.25;
}
.header__navigation {
clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
}
@media (max-width: 600px) {
.navigation__content {
align-items: flex-start;
}
.header__navigation .texture-shape {
top: 50% !important;
transform: translateY(-50%);
}
.header__navigation ul:not(.sub-menu) > li > a {
font-size: var(--wp--preset--font-size--medium);
}
.navigation__col-image {
position: absolute;
bottom: 30vw;
right: -2.5em;
z-index: 10;
}
.navigation__video-wrap {
height: 50vw;
width: 50vw;
}
.navigation__items {
padding: 1.5em;
}
} li.menu-item-has-children > a {
position: relative;
padding-right: 30px;
}
li.menu-item-has-children > a::after {
content: " ";
width: 30px;
height: 30px;
position: absolute;
top: 50%;
right: 0;
transform: rotate(90deg);
margin-top: -15px;
background-size: 100%;
background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}
.post-type-archive-portfolio li.menu-item-has-children > a::after,
.page-id-11 li.menu-item-has-children > a::after,
.menu-item-has-children.current-menu-item > a::after,
.fixed li.menu-item-has-children > a::after,
li.menu-item-has-children:focus-within > a::after,
li.menu-item-has-children:hover > a::after {
background-image: url('data:image/svg+xml;utf8,<svg width="50px" height="50px" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg"><path fill="%23FFF" d="M22.7 34.7l-1.4-1.4 8.3-8.3-8.3-8.3 1.4-1.4 9.7 9.7z"/></svg>');
}
.sub-menu {
list-style-type: none;
padding: 0;
margin: 0;
}
@media (min-width: 1024px) {
.sub-menu {
position: absolute;
left: -15px;
min-width: 240px;
box-shadow: var(--wp--preset--shadow--light);
border-radius: 12px;
background-color: var(--wp--preset--color--base);
opacity: 0;
visibility: hidden;
overflow: hidden;
will-change: transform;
transform: translateY(15px);
pointer-events: none;
transition:
opacity 0.3s ease-out,
transform 0.3s ease-out,
visibility 0.3s linear;
z-index: 999;
}
.post-type-archive-portfolio .sub-menu,
.page-id-11 .sub-menu,
.fixed .sub-menu {
background-color: var(--wp--preset--color--contrast);
}
.sub-menu > li {
display: block;
}
.sub-menu > li > a {
width: 100%;
padding: 10px 25px;
border-radius: 0;
}
.sub-menu > li > a:focus {
outline-offset: -2px;
border-radius: 12px;
} .menu-item-has-children:focus-within > a,
.menu-item-has-children:hover > a {
background-color: var(--wp--preset--color--accent-2);
color: var(--wp--preset--color--white);
}
.post-type-archive-portfolio .menu-item-has-children:focus-within > a,
.post-type-archive-portfolio .menu-item-has-children:hover > a,
.page-id-11 .menu-item-has-children:focus-within > a,
.page-id-11 .menu-item-has-children:hover > a,
.fixed .menu-item-has-children:focus-within > a,
.fixed .menu-item-has-children:hover > a {
background-color: var(--wp--preset--color--accent-2);
}
.menu-item-has-children:hover .sub-menu,
.menu-item-has-children:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: all;
}
}
@media (max-width: 1024px) {
.sub-menu {
padding: 7px;
margin-bottom: 10px;
}
.sub-menu > li > a {
display: inline-block;
color: var(--wp--preset--color--normal-border);
padding: 7px 0;
}
li.menu-item-has-children > a::after {
display: none;
}
} .hero__wrap {
display: flex;
justify-content: space-between;
}
.hero__col-left {
width: 70%;
}
.hero__col-right {
display: flex;
flex-direction: column;
margin-top: auto;
width: 30%;
}
.hero .texture-shape {
top: 15vh;
}
@media (max-width: 767px) {
.hero .texture-shape {
top: 38vh;
}
}
.giant-title,
.hero__title {
font-size: clamp(30px, 1.875rem + ((1vw - 3.2px) * 6.081), 110px);
line-height: 1;
}
.giant-title-2 {
font-size: clamp(24px, 1.5rem + ((1vw - 3.2px) * 4.865), 96px);
}
@media (max-width: 768px) {
.giant-title,
.hero__title {
line-height: 1.3;
}
}
.hero__title > .split-words__item:last-child,
.giant-title > .split-words__item:last-child {
padding-bottom: 12px;
}
.hero .wp-block-button__link {
margin-top: var(--wp--preset--spacing--small);
}
.hero__slider {
margin-top: 70px;
mask-image: linear-gradient(
to right,
transparent 0%,
white 10%,
white 90%,
transparent 100%
);
}
.hero__slider .swiper-wrapper {
transition-timing-function: linear !important;
align-items: center;
pointer-events: none;
user-select: none;
}
.hero__slider .swiper-slide {
width: 20%;
aspect-ratio: 4/4;
border-radius: 12px;
overflow: hidden;
}
@media (max-width: 767px) {
.hero__slider {
margin-top: 40px;
}
.hero__slider .swiper-slide {
width: 33.33%;
}
} .center-hero .hero__wrap {
flex-direction: column;
align-items: center;
justify-content: center;
}
.center-hero .hero__col-left {
width: 90%;
text-align: center;
}
.center-hero .hero__col-right {
display: none;
}
@media (max-width: 768px) {
.hero__wrap {
flex-direction: column;
gap: 30px;
}
.hero__col-left,
.hero__col-right {
width: 100%;
}
} .rank-math-breadcrumb {
margin-bottom: 35px;
}
.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
text-transform: uppercase;
text-decoration: none !important;
font-size: var(--wp--preset--font-size--tiny);
font-family: var(--wp--preset--font-family--secondary);
}
.rank-math-breadcrumb .last {
font-weight: var(--wp--custom--font-weight--semi-bold);
}
@media (max-width: 767px) {
.rank-math-breadcrumb {
margin-bottom: 10px;
}
.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
font-size: 10px;
}
} .content {
position: relative;
padding-top: 130px;
padding-bottom: 100px;
}
@media (max-width: 767px) {
.content {
padding-bottom: 0;
}
}
.content.full {
padding-top: 0;
padding-bottom: 0;
}
.content .nibiru-site-title {
font-size: var(--wp--preset--font-size--large);
border-bottom: 1px solid var(--wp--preset--color--normal-border);
margin-bottom: var(--wp--preset--spacing--regular);
padding-bottom: var(--wp--preset--spacing--regular);
}
.thumbnail {
aspect-ratio: 16 / 9;
overflow: hidden;
margin-bottom: 40px;
} .category-list__bar {
position: relative;
display: flex;
flex-wrap: wrap;
padding: 30px 0;
align-items: center;
border-top: 1px solid var(--wp--preset--color--normal-border);
border-bottom: 1px solid var(--wp--preset--color--normal-border);
margin-top: var(--wp--preset--spacing--large);
column-gap: 15px;
row-gap: 7px;
z-index: 10;
}
.portfolio-list__bar {
border-color: #061835;
}
.category-list__bar p.is-style-pre-title {
font-size: 0.625rem;
opacity: 0.7;
}
.category-list__bar li {
font-size: var(--wp--preset--font-size--body-accent);
font-family: var(--wp--preset--font-family--secondary);
padding: 0 0.1em;
cursor: pointer;
color: rgba(0, 0, 0, 0.3);
background: linear-gradient(to right, #000000 50%, rgba(0, 0, 0, 0.3) 50%);
background-size: 200% 100%;
background-position: 100% 0;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: translateY(0) scale(1);
transition:
background-position 0.85s var(--ease-out-expo),
transform 0.35s var(--ease-out-power2);
}
.portfolio-list__bar p {
color: var(--wp--preset--color--white);
}
.portfolio-list__bar li {
color: rgba(255, 255, 255, 0.5);
background: linear-gradient(
to right,
#ffffff 50%,
rgba(255, 255, 255, 0.5) 50%
);
background-size: 200% 100%;
background-position: 100% 0;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transform: translateY(0) scale(1);
transition:
background-position 0.85s var(--ease-out-expo),
transform 0.35s var(--ease-out-power2);
}
.category-list__bar li:focus-within,
.category-list__bar li:hover {
background-position: 0 0;
transform: translateY(-5px) scale(0.98);
}
.category-list__bar li.active {
background-position: 0 0;
transform: translateY(0) scale(1);
}
@media (max-width: 768px) {
.category-list__bar li {
font-size: var(--wp--preset--font-size--small);
}
} .search .posts-content {
padding-top: 0;
}
.posts-content {
padding-top: var(--wp--preset--spacing--large);
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
min-height: 60vh;
}
.search-no-results .posts-content {
grid-template-columns: repeat(1, 1fr);
place-content: center;
}
@media (max-width: 1024px) {
.posts-content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 700px) {
.posts-content {
grid-template-columns: repeat(1, 1fr);
}
} .post-item {
position: relative;
margin-bottom: 20px;
} .post-item__thumb {
position: relative;
aspect-ratio: 16 / 9;
border-radius: 12px;
margin-bottom: 5px;
}
.portfolio-item__thumb img,
.post-item__thumb img {
position: relative;
z-index: -1;
border-radius: 12px;
}
.post-item__thumb a {
width: 100%;
height: 100%;
}
.portfolio-item__thumb a:focus,
.post-item__thumb a:focus,
.portfolio-item__thumb a:focus-visible,
.post-item__thumb a:focus-visible {
outline-offset: -2px;
}
.post-item__title {
font-size: var(--wp--preset--font-size--body-accent);
}
.news-grid-home .post-item__thumb {
margin-bottom: 15px;
}
@media (min-width: 768px) {
.portfolio-item__thumb,
.post-item__thumb {
overflow: hidden;
margin-bottom: 15px;
}
.portfolio-item.has-link .portfolio-item__thumb img,
.post-item__thumb img {
transition: scale 1s var(--ease-out-expo);
scale: 1;
}
.portfolio-item.has-link:focus-within .portfolio-item__thumb img,
.portfolio-item.has-link:hover .portfolio-item__thumb img,
.post-item__thumb:hover img {
scale: 1.03;
}
} .post-item__info {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 15px;
row-gap: 0;
margin-bottom: 10px;
} .post-categories {
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
}
.post-item__categories a {
display: inline-block;
line-height: 1.1;
padding: 0.6em 1.4em;
border-radius: 30px;
font-weight: var(--wp--custom--font-weight--semi-bold);
border: none;
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--white);
background-color: var(--wp--preset--color--contrast);
}
.post-item__categories a:hover {
background-color: var(--wp--preset--color--accent-3);
}
.post-item__text {
padding: 0 7px;
} .post-item__date {
margin: 10px 0;
padding: 0.6em 1.4em;
background-color: #f3f3f3;
width: fit-content;
border-radius: 30px;
font-size: var(--wp--preset--font-size--tiny);
} .post-item__excerpt {
margin-top: 15px;
} @keyframes scaleBlurIn {
0% {
opacity: 0;
transform: scale(1.08);
filter: blur(12px);
}
100% {
opacity: 1;
transform: scale(1);
filter: blur(0);
}
}
@keyframes scaleBlurOut {
0% {
opacity: 1;
transform: scale(1);
filter: blur(0);
}
100% {
opacity: 0;
transform: scale(0.95);
filter: blur(10px);
}
}
.post-fade-in {
animation: scaleBlurIn 0.6s ease-out forwards;
}
.post-fade-out {
animation: scaleBlurOut 0.5s ease-in forwards;
} .pagination {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pagination__nav {
width: 100%;
padding-top: 40px;
margin-top: 20px;
}
.pagination li > a {
display: grid;
place-content: center;
width: fit-content;
height: 40px;
width: 40px;
background-color: transparent;
border: 1px solid var(--wp--preset--color--accent-3);
color: var(--wp--preset--color--white);
border-radius: var(--border-radius-50);
margin-right: 5px;
transition: 0.33s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: 50%;
}
.pagination li:hover > a,
.pagination li.active > a {
background-color: var(--wp--preset--color--accent-3);
} .article-title {
font-size: var(--wp--preset--font-size--large);
text-align: center;
margin: 5vw 0 30px 0;
max-width: 70% !important;
}
@media (max-width: 768px) {
.article-title {
font-size: var(--wp--preset--font-size--medium);
max-width: 95% !important;
}
}
.post-info {
margin: 0 0 50px 0;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid var(--wp--preset--color--normal-border);
padding-bottom: 30px;
}
.post-info .separator {
opacity: 0.25 !important;
}
.post-info p {
margin-bottom: 0;
}
.post-info__date,
.post-info__reading-time,
.post-info {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 7px;
}
.single .thumbnail {
border-radius: 12px;
margin-bottom: 60px;
}
.post-item__tags {
margin-top: 30px;
}
.post-tags,
.post-item__tags {
display: flex;
align-items: center;
gap: 5px;
}
.post-info__date,
.post-info__reading-time,
.post-item__tags a,
.post-info__categories a {
text-decoration: none !important;
background-color: var(--wp--preset--color--normal-border);
color: currentColor;
border-radius: 30px;
padding: 5px 10px;
font-weight: var(--wp--custom--font-weight--semi-bold);
font-size: var(--wp--preset--font-size--small);
}
.post-info__categories a {
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--white);
}
.post-item__tags a:hover,
.post-info__categories a:hover {
background-color: var(--wp--preset--color--accent-3);
color: var(--wp--preset--color--white);
} #comments {
margin-top: 60px;
padding-top: 50px;
border-top: 1px solid var(--wp--preset--color--normal-border);
}
#reply-title,
#comments-title {
margin-bottom: 20px;
}
.comment-form-cookies-consent {
margin: 7px 0 20px 0;
}
.comments ol {
list-style-type: none;
margin: 0;
padding: 0;
}
.comment-body {
padding: 25px;
}
.depth-1 {
border: 1px solid var(--wp--preset--color--normal-border);
border-radius: 5px;
}
.comment-list > li {
margin-bottom: 20px;
} .vcard {
display: flex;
align-items: center;
gap: 5px;
}
.vcard img {
border-radius: 50%;
margin-right: 15px;
}
.comment-metadata {
font-size: var(--wp--preset--font-size--small);
margin: 7px 0;
}
.comment-metadata .edit-link a {
font-weight: var(--wp--custom--font-weight--semi-bold);
text-decoration: underline;
}
.comment-content {
margin: 20px 0;
}
.reply a {
color: var(--wp--preset--color--accent-1);
font-weight: var(--wp--custom--font-weight--semi-bold);
} .comment-list .children {
border-top: 1px solid var(--wp--preset--color--normal-border);
margin-top: 10px;
margin-left: 30px;
}
.children > li {
position: relative;
}
.children > li::before {
position: absolute;
display: grid;
place-content: center;
height: 30px;
width: 30px;
top: -15px;
left: -7px;
content: "\27A4";
background-color: var(--wp--preset--color--accent-1);
color: var(--wp--preset--color--white);
border-radius: 50%;
z-index: 100;
} .comment section.comment-respond {
border-top: 1px solid var(--wp--preset--color--normal-border);
}
.comment .comment-respond {
margin-top: 25px;
padding: 0 25px 20px 25px;
}
.comments small {
margin-left: 15px;
font-size: var(--wp--preset--font-size--body);
}
.logged-in-as {
margin: 7px 0 15px 0;
} .marquee-single {
display: flex;
padding: 30px 0;
margin-top: 70px;
border-top: 1px solid var(--wp--preset--color--normal-border);
border-bottom: 1px solid var(--wp--preset--color--normal-border);
width: 100vw;
align-items: center;
overflow: hidden;
gap: 5vw;
}
.marquee-single a {
display: flex;
align-items: center;
gap: 7px;
white-space: nowrap;
font-family: var(--wp--preset--font-family--secondary);
font-size: var(--wp--preset--font-size--large);
}
@media (max-width: 767px) {
.marquee-single a {
font-size: var(--wp--preset--font-size--medium);
}
} .related-posts {
padding-top: 80px;
}
.related-posts h2 {
margin-bottom: 30px;
font-size: var(--wp--preset--font-size--medium);
}
.related-posts__content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media (max-width: 1024px) {
.related-posts__content {
grid-template-columns: repeat(2, 1fr);
}
.related-posts__content article:nth-child(3) {
grid-column: span 2;
}
}
@media (max-width: 700px) {
.related-posts__content {
grid-template-columns: repeat(1, 1fr);
}
.related-posts__content article:nth-child(3) {
grid-column: auto; }
} .portfolio-content {
min-height: 60vh;
}
.progetti-in-evidenza {
display: block;
column-count: 2;
column-gap: 40px;
row-gap: 60px;
min-height: 60vh;
padding-top: var(--wp--preset--spacing--80, 5.06rem);
} .progetti-in-evidenza .portfolio-item {
border-radius: 12px;
}
.portfolio-content-loop {
padding-top: var(--wp--preset--spacing--large);
display: block;
column-count: 3;
column-gap: 2rem;
}
@media (max-width: 1024px) {
.portfolio-content-loop {
column-count: 2;
}
}
@media (max-width: 768px) {
.progetti-in-evidenza {
display: flex;
flex-direction: column;
row-gap: 2rem;
padding: 30px 0 60px 0;
}
.progetti-in-evidenza > .portfolio-item:nth-child(2) {
order: 4;
}
}
@media (max-width: 568px) {
.portfolio-content-loop {
column-count: 1;
}
} .portfolio-item-loop {
break-inside: avoid;
position: relative;
height: fit-content;
overflow: hidden;
margin-bottom: 2rem;
}
@media (max-width: 767px) {
.progetti-in-evidenza .portfolio-item-loop {
margin-bottom: 0;
}
} .portfolio-item .portfolio-item__thumb {
width: 100%;
height: auto;
overflow: hidden;
border-radius: 12px;
}
.portfolio-item-loop .portfolio-item__thumb {
margin-bottom: 0;
}
.portfolio-item .portfolio-item__thumb a,
.portfolio-item .portfolio-item__thumb img {
width: 100%;
height: auto;
border-radius: 12px;
} .portfolio-item .portfolio-item__meta {
margin: 20px 0;
line-height: 1.5;
}
.portfolio-item-loop .portfolio-item__meta {
position: absolute;
top: 20px;
right: 20px;
margin: 0;
z-index: 3;
}
.portfolio-item-loop .portfolio-item__meta li {
padding: 0.6em 1.4em;
border-radius: 30px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: none;
background-color: rgba(255, 255, 255, 0.8);
font-weight: 600;
color: var(--wp--preset--color--contrast) !important;
font-size: 0.725rem;
transform: scale(1);
}
.portfolio-item .portfolio-item__meta .post-categories a {
padding: 0.6em 1.4em;
border-radius: 30px;
font-size: var(--wp--preset--font-size--small);
background-color: var(--wp--preset--color--accent-1);
font-weight: var(--wp--custom--font-weight--semi-bold);
color: var(--wp--preset--color--white);
transition: 0.3s all var(--ease-out-power2);
}
.portfolio-item .portfolio-item__meta .post-categories a:hover {
background-color: var(--wp--preset--color--accent-3);
} .portfolio-item .portfolio-item__content {
width: 90%;
}
.portfolio-item-loop .portfolio-item__content {
position: absolute;
bottom: 40px;
left: 40px;
z-index: 3;
}
.portfolio-item .portfolio-item__title {
display: inline-block;
margin-bottom: 20px;
}
.portfolio-item-loop .portfolio-item__title {
color: var(--wp--preset--color--white);
} .portfolio-item__link {
display: block;
line-height: 1;
}
.portfolio-item.has-link::after {
position: absolute;
content: "";
top: 20px;
left: 20px;
height: 35px;
width: 35px;
background: url(https://visualagestudio.com/wp-content/themes/nibiru/assets/img/click-ico.svg) no-repeat center center;
background-size: 20px;
color: var(--wp--preset--color--white);
border-radius: 30px;
font-size: var(--wp--preset--font-size--tiny);
background-color: var(--wp--preset--color--contrast);
}
.portfolio-item.has-link .portfolio-item__esplora {
display: grid;
place-content: center;
text-align: center;
height: 100px;
width: 100px;
font-size: 0.925rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.9);
color: var(--wp--preset--color--white);
border-radius: 50%;
border: 1px solid var(--wp--preset--color--white);
z-index: 3;
opacity: 0;
will-change: transform;
transition:
0.77s transform var(--ease-out-power2),
0.5s opacity var(--ease-out-power2);
transition-delay: 0.1s;
}
@media (max-width: 1024px) {
.portfolio-item.has-link .portfolio-item__esplora {
top: 20px;
left: 20px;
opacity: 1;
height: 60px;
width: 60px;
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
border: none;
background-color: rgba(255, 255, 255, 0.5);
color: var(--wp--preset--color--contrast) !important;
font-size: 0.725rem;
font-weight: 600;
transform: scale(1);
}
}
.portfolio-item.has-link::before {
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
pointer-events: none;
z-index: 1;
border-radius: 12px;
transition: 0.55s opacity var(--ease-out-power2);
opacity: 0;
}
@media (max-width: 1024px) {
.portfolio-item.has-link::before {
background: #000000;
background: linear-gradient(
180deg,
rgba(0, 0, 0, 0) 49%,
rgba(0, 0, 0, 0.7) 100%
);
opacity: 1;
}
}
.portfolio-item.has-link .portfolio-item__text-wrap h3 {
margin-bottom: 0 !important;
}
@media (min-width: 1024px) {
.portfolio-item.has-link:focus-within::before,
.portfolio-item.has-link:hover::before {
opacity: 1;
}
.portfolio-item.has-link:focus-within .portfolio-item__esplora,
.portfolio-item.has-link:hover .portfolio-item__esplora {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.portfolio-item.has-link .portfolio-item__text-wrap {
opacity: 0;
transform: translateY(20px);
will-change: transform;
transition:
0.55s opacity var(--ease-out-power2),
0.77s transform var(--ease-out-expo);
transition-delay: 0.1s;
}
.portfolio-item.has-link:focus-within .portfolio-item__text-wrap,
.portfolio-item.has-link:hover .portfolio-item__text-wrap {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 1024px) {
.portfolio-item.has-link .portfolio-item__text-wrap {
transform: translateY(0);
opacity: 1;
}
} .has-popup {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
background-color: transparent;
cursor: pointer;
border-radius: 12px;
}
.portfolio-item__link:focus,
.has-popup:focus,
.portfolio-item__link:focus-visible,
.has-popup:focus-visible {
outline-offset: -2px;
border-radius: 12px;
} .portfolio-item.term-siti-web .portfolio-item__esplora {
display: none;
}
.portfolio-item.term-siti-web .portfolio-item__text-wrap h3 {
margin-bottom: 10px !important;
}
.portfolio-item__text-wrap p {
font-size: 0.925rem !important;
margin: 0;
color: var(--wp--preset--color--white);
}
@media (max-width: 768px) {
.portfolio-item .portfolio-item__title {
font-size: var(--wp--preset--font-size--body-accent);
}
} .oh {
overflow: hidden;
}
.scroll-tx {
font-family: var(--wp--preset--font-family--secondary);
font-weight: 400;
font-size: 120px;
line-height: 128px;
letter-spacing: -5px;
color: #f4f4f4;
display: inline-block;
white-space: nowrap;
position: relative;
bottom: 0;
left: -15vw;
margin: 0;
padding: 10px 0;
will-change: transform;
transform: translateZ(0);
}
.scroll-tx p {
text-wrap: nowrap;
}
@media (max-width: 767px) {
.scroll-tx {
font-size: 90px;
}
}
@media (max-width: 400px) {
.scroll-tx {
font-size: 60px;
}
} .page-404 {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.page-404 h1 {
text-align: center;
margin-bottom: 30px;
}
.page-404__wrap {
display: flex;
flex-direction: column;
align-items: center;
}
.search-box-404 {
text-align: center;
max-width: 1000px;
}
.no-results-title {
font-size: var(--wp--preset--font-size--large);
}
.page-404 p {
font-size: var(--wp--preset--font-size--body-accent);
margin-bottom: 15px;
}
.no-results-container .pulsante-standard {
margin-top: 10px;
} .no-results-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 15px;
}
.no-results-container p {
font-size: var(--wp--preset--font-size--body-accent);
max-width: 800px;
} .footer {
position: relative;
clear: both;
padding-top: var(--wp--preset--spacing--large);
}
.shape-footer svg {
width: 100vw;
}
.footer ul {
padding: 0;
margin: 0;
list-style-type: none;
}
.footer-title,
.footer .wp-block-heading {
margin-bottom: 20px;
}
.footer a:not(.wp-block-button__link):hover {
color: var(--wp--preset--color--accent-3) !important;
}
@media (max-width: 768px) {
.footer {
padding-top: 90px;
}
}
.footer-giant > .split-words__item:last-child {
display: block !important;
} .footer__credits {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
border-top: 1px solid #061835;
gap: 20px;
margin-top: 30px;
padding: 30px 0;
font-size: var(--wp--preset--font-size--small);
}
.footer__credits p,
.footer__credits a {
margin-bottom: 0;
}
.footer__credits .separator {
opacity: 0.3;
margin: 0 5px;
} #scrollTop {
position: absolute;
height: auto;
width: fit-content;
top: 30vh;
right: 5vw;
transform: rotate(90deg) !important;
background-color: var(--wp--preset--color--accent-2);
transform-origin: center;
}
#scrollTop .icon-wrap {
transform: rotate(180deg);
background-color: var(--wp--preset--color--contrast);
}
@media (max-width: 1024px) {
#scrollTop {
top: 50px;
}
}
@media (max-width: 768px) {
.footer .texture-shape {
top: 50%;
transform: translateY(-50%);
}
#scrollTop {
display: none !important;
}
} @media (max-width: 767px) {
.thankyou__content {
min-height: auto !important;
padding-bottom: 60px;
}
.thankyou__title {
font-size: var(--wp--preset--font-size--medium) !important;
}
.radial-thankyou {
bottom: 0 !important;
right: 0 !important;
opacity: 0.2 !important;
}
.thankyou__cover {
min-height: 250px !important;
}
} #rank-math-toc h2 {
font-size: var(--wp--preset--font-size--medium);
margin-bottom: 20px;
}
#rank-math-toc ul,
#rank-math-toc ol {
padding: 0;
margin: 0;
} .fade {
opacity: 0;
transform: translateY(20px);
transition:
opacity 0.6s ease-out,
transform 0.6s ease-out;
}
.fade.in-page {
opacity: 1;
transform: translateY(0);
} #viewport-loader {
display: none;
position: fixed;
z-index: 9999;
inset: 0;
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--main);
justify-content: center;
align-items: center;
text-align: center;
padding: 2rem;
}
#viewport-loader.active {
display: flex;
}
.viewport-loader__img {
max-width: 100px;
height: auto;
margin-bottom: 30px;
transform-origin: 50%;
animation: rotation 6s infinite forwards;
}
.viewport-loader__text {
text-transform: uppercase;
font-size: var(--wp--preset--font-size--tiny);
color: var(--wp--preset--color--white);
font-family: var(--wp--preset--font-family--secondary);
font-weight: 700;
}  .is-style-bento-4 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.is-style-bento-4 .bento__card:nth-child(2),
.is-style-bento-4 .bento__card:nth-child(3) {
grid-column: span 2;
grid-row: span 1;
}
.is-style-bento-4 .bento__card {
position: relative;
overflow: hidden;
}
.is-style-bento-4 .bento__card figure {
width: 52%;
position: absolute;
top: 8px;
right: -40px;
}
@media (max-width: 1024px) {
.is-style-bento-4 {
grid-template-columns: repeat(2, 1fr) !important;
}
.wp-container-content-231de088 {
grid-column: span 1 !important;
}
.is-style-bento-4 .bento__card .wp-block-heading {
font-size: var(--wp--preset--font-size--body-accent);
}
.is-style-bento-4 .bento__card figure {
width: 20vw;
right: -20px;
}
}
.bento__point-grid {
width: 100% !important;
}
@media (max-width: 768px) {
.is-style-bento-4 {
grid-template-columns: repeat(1, 1fr) !important;
row-gap: 30px !important;
}
.wp-container-content-231de088 {
grid-column: span 1 !important;
}
.is-style-bento-4 .bento__card figure {
width: 40vw;
right: -20px;
}
.bento__card {
min-height: 300px !important;
}
}
@media (max-width: 600px) {
.bento__card {
padding: 25px 15px !important;
}
.is-style-bento-4 .bento__card figure {
right: -34px;
bottom: -20px;
top: unset;
}
.wp-block-group.bento-card-content {
max-width: 75% !important;
}
} .is-style-bento-6 {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.is-style-bento-6 .bento6__card {
position: relative;
overflow: hidden;
}
.is-style-bento-6 .bento6__card::before {
content: "";
background-color: #000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
z-index: 0;
}
.is-style-bento-6 .bento6__card:nth-child(4) {
grid-column: 1 / -1;
}
.is-style-bento-6 .bento6__card figure {
width: 100%;
position: absolute;
top: 0;
right: 0;
object-fit: cover !important;
z-index: 0;
}
.bento__video-full-wrapper {
max-height: 500px;
}
.bento__video-full-wrapper video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
@media (max-width: 1250px) {
.is-style-bento-6 {
grid-template-columns: repeat(2, 1fr) !important;
}
.is-style-bento-6 .bento6__card:nth-child(4),
.is-style-bento-6 .bento6__card:nth-child(5) {
grid-column: unset;
}
.is-style-bento-6 .bento6__card figure {
width: 20vw;
right: -20px;
}
}
@media (max-width: 768px) {
.is-style-bento-6 {
grid-template-columns: 1fr !important;
row-gap: 30px !important;
}
.is-style-bento-6 .bento6__card figure {
width: 40vw;
right: -20px;
}
} @media (max-width: 780px) {
.is-style-reverse {
flex-direction: column-reverse;
}
} p.is-style-pre-title {
text-transform: uppercase;
font-family: var(--wp--preset--font-family--secondary);
letter-spacing: 1px;
font-weight: var(--wp--custom--font-weight--bold);
font-size: var(--wp--preset--font-size--small);
} .line-width {
max-width: 245px;
}
.unset-width {
max-width: unset !important;
} .wp-block-media-text__media {
border-radius: 12px;
overflow: hidden;
display: block;
aspect-ratio: 64/75;
}
.wp-block-media-text__media img {
object-fit: cover;
height: 100%;
object-position: center;
}
@media (max-width: 767px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100% !important;
}
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__media {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text__media img {
position: relative !important;
}
.wp-block-media-text.is-stacked-on-mobile > .wp-block-media-text__content {
grid-column: 1;
grid-row: 2;
}
.wp-block-media-text > .wp-block-media-text__content {
padding: 0 !important;
padding-bottom: 30px !important;
}
} .wp-block-button__link {
position: relative;
display: flex;
align-items: center;
overflow: hidden;
width: fit-content;
padding: 0.3em 1em 0.3em 0.3em;
gap: 7px;
}
.wp-block-button__link-layer {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(101%);
background-color: var(--wp--preset--color--accent-3);
transition: 0.4s transform var(--ease-out-swift);
will-change: transform;
z-index: 2;
}
.wp-block-button__link .icon-wrap {
position: relative;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: var(--wp--preset--color--accent-3);
z-index: 3;
transform: rotate(0);
transform-origin: center;
transition:
0.4s background var(--ease-out-swift),
0.8s transform var(--ease-out-power4);
will-change: background transform;
}
.wp-block-button__link-text {
position: relative;
z-index: 4;
}
.wp-block-button__link:hover,
.wp-block-button__link:focus-within {
background-color: var(--wp--preset--color--contrast);
}
.wp-block-button__link:hover .icon-wrap,
.wp-block-button__link:focus-within .icon-wrap {
background-color: var(--wp--preset--color--contrast);
transform: rotate(-45deg);
}
.wp-block-button__link:hover .wp-block-button__link-layer,
.wp-block-button__link:focus-within .wp-block-button__link-layer {
transform: translateX(0);
} .pulsante-standard {
padding: 1.1em 1.6em;
background-color: var(--wp--preset--color--accent-2);
font-size: var(--wp--preset--font-size--small);
color: var(--wp--preset--color--white);
font-weight: var(--wp--custom--font-weight--semi-bold);
border-radius: 30px;
transition:
background 0.35s var(--ease-out-expo),
color 0.35s var(--ease-out-power2);
}
.pulsante-standard:hover {
background-color: var(--wp--preset--color--contrast);
} .image-circle-container {
position: relative;
}
.circle-image {
position: absolute;
bottom: 20px;
left: 0;
will-change: transform;
transform-origin: center center;
animation: rotation 10s linear infinite;
}
.circle-image img {
width: 5vw;
max-width: 5vw;
height: 5vw;
max-height: 5vw;
}
@media (max-width: 767px) {
.image-circle-container .split-title > .split-words__item:nth-child(3) {
text-indent: 12vw;
}
.circle-image img {
width: 8vw;
max-width: 8vw;
height: 8vw;
max-height: 8vw;
}
} .marketing-card {
position: relative;
transition: background-color 1s var(--ease-out-power2);
overflow: hidden;
box-shadow: rgba(165, 149, 163, 0.1) 0px 8px 24px;
}
.marketing-card::before {
position: absolute;
content: "";
top: 0;
right: -50px;
width: 100px;
height: 100px;
border-radius: 50%;
transition: background-color 1s var(--ease-out-power2);
background-color: #e9e9fa;
}
@media (max-width: 767px) {
.marketing-card {
padding: 15px !important;
}
.wp-block-group.card-grid-layout {
gap: 10px !important;
}
}
@media (max-width: 400px) {
.wp-block-group.marketing-card-container .marketing-card__title {
max-width: 100% !important;
line-height: 1.7 !important;
}
}
.theme-dark .marketing-card::before {
background-color: #12233e !important;
}
.theme-dark .marketing-card {
background-color: #0d1d36 !important;
}
.marketing-card__number {
font-size: clamp(2.4rem, 1.3186rem + 2.8837vw, 3.95rem) !important;
opacity: 0.05;
line-height: 1;
}
.theme-dark .marketing-card__number {
opacity: 0.1;
}
.marketing-card .wp-block-group {
width: 100%;
margin-top: auto !important;
}
.marketing-card__title {
position: relative;
font-size: clamp(0.7rem, 0.4209rem + 0.7442vw, 1.1rem) !important;
} @media (max-width: 767px) {
.point-timeline-sticky {
padding: 0 !important;
}
.point-timeline {
position: relative;
text-align: left !important;
width: 80%;
}
.point-timeline::after {
position: absolute;
content: "";
bottom: -1px;
right: -1px;
height: 100px;
width: 1px;
background-color: var(--wp--preset--color--accent-3);
}
} .block-lines-right {
position: relative;
}
.block-lines-right::before {
position: absolute;
content: "";
right: 0;
top: 0;
width: 55%;
height: 1px;
background-color: var(--wp--preset--color--accent-2);
}
@media (max-width: 767px) {
.block-lines-right::before {
display: none;
}
} .just-btw {
justify-content: space-between;
}
@media (max-width: 767px) {
.nibiru-hidden {
display: none;
}
.margin-mb {
padding: 70px 0 40px 0;
}
}  .slider-half-screen {
position: relative;
width: 100vw;
height: 100%;
overflow: hidden;
}
.slider-container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
gap: 0.5vw;
}
.slider {
position: relative;
width: 70vw;
height: 575px;
transform: translateX(10vw);
}
.slide {
position: absolute;
width: clamp(250px, 20vw, 450px);
min-width: 250px;
max-width: 450px;
height: 475px;
aspect-ratio: 4/5;
border-radius: 12px;
overflow: hidden;
opacity: 0;
transition:
all 0.5s ease,
clip-path 1s ease-in;
z-index: 1;
transform: scale(0.9);
}
.slide.prev {
transform: translateX(-19vw) scale(0.8);
opacity: 1;
z-index: 2;
}
.slide.center {
transform: translateX(0) scale(0.8);
opacity: 1;
z-index: 3;
}
.slide.active {
transform: translateX(18.5vw) scale(1);
opacity: 1;
z-index: 2;
margin-left: 50px;
}
.content-slider {
position: relative;
left: clamp(-7vw, -15vw, -5vw);
width: 30vw;
}
.content-slider .icon-wrap {
position: relative;
height: 75px;
width: 75px;
background-color: #0d1d36;
display: grid;
border-radius: 50%;
place-content: center;
margin-bottom: 22px;
}
.content-slider .icon-wrap::before {
position: absolute;
content: "";
bottom: 0;
right: -3vw;
height: 22px;
width: 22px;
border-radius: 50%;
background-color: #0d1d36;
}
.title-slider {
min-height: 115px;
font-weight: 500;
font-size: var(--wp--preset--font-size--medium);
line-height: var(--wp--custom--line-height--title);
margin-bottom: 15px;
max-width: 350px;
}
.big-title-slider {
font-family: var(--wp--preset--font-family--secondary);
font-size: var(--wp--preset--font-size--x-large);
letter-spacing: clamp(-2px, -1vw, -5px);
margin: 50px 0;
opacity: 0.85;
text-transform: lowercase;
}
.slider-button-wrapper {
display: flex;
gap: 10px;
}
.navigation-buttons-slider {
display: flex;
gap: 20px;
margin-top: 40px;
align-items: center;
}
.navigation-buttons-slider__wrap {
display: flex;
align-items: center;
gap: 15px;
}
.navigation-buttons-slider button {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: var(--wp--preset--color--accent-3);
border: 1px solid transparent;
transition: 0.35s all var(--ease-out-power2);
color: var(--wp--preset--color--white);
cursor: pointer;
}
.navigation-buttons-slider button:focus-within,
.navigation-buttons-slider button:hover {
background-color: var(--wp--preset--color--contrast) !important;
border: 1px solid var(--wp--preset--color--accent-3);
}
.slider-progress-container {
height: 2px;
position: relative;
width: 45%;
margin-right: 25px;
}
.slider-progress-track {
width: 100%;
height: 1px;
background-color: #1d3964;
position: relative;
}
.slider-progress-thumb {
height: 2px;
background-color: var(--wp--preset--color--accent-3);
position: absolute;
top: -1px;
left: 0;
transition: left 0.4s ease;
border-radius: 2px;
}
@media screen and (max-width: 1090px) {
.slider-half-screen {
display: block;
margin: 50px 0;
padding-right: var(--wp--style--root--padding-right);
padding-left: var(--wp--style--root--padding-left);
}
.slider {
position: relative;
min-height: 300px;
width: 100%;
height: auto;
margin-left: 0;
transform: translateX(0);
}
.slider-container {
flex-direction: column;
align-items: center;
}
.slide {
position: absolute;
aspect-ratio: 4/5;
height: auto;
max-height: 300px;
width: 44.444%;
max-width: unset;
opacity: 0;
display: none;
transition: opacity 0.35s ease;
margin: 0 !important;
}
.slide.prev {
transform: translateX(10vw) scale(0.7);
right: 0;
display: block;
opacity: 1;
z-index: 2;
}
.slide.center {
transform: translateX(-10vw) scale(0.7);
left: 0;
display: block;
opacity: 1;
z-index: 3;
}
.slide.active {
display: block;
left: 50%;
transform: translateX(-50%) scale(1);
opacity: 1;
z-index: 5;
}
.slide.fade-in {
animation: slideInFromRight 0.6s var(--ease-in-out-sine);
}
.slide.fade-in-reverse {
animation: slideInFromLeft 0.6s var(--ease-in-out-sine);
}
.slide.fade-in,
.slide.fade-in-reverse {
animation-duration: 0.6s;
animation-timing-function: var(--ease-in-out-sine);
animation-fill-mode: both;
transition: none !important;
}
@keyframes slideInFromRight {
0% {
transform: translateX(100%) scale(0.8);
opacity: 0;
}
60% {
transform: translateX(-55%) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) scale(1);
opacity: 1;
}
}
@keyframes slideInFromLeft {
0% {
transform: translateX(-100%) scale(0.8);
opacity: 0;
}
60% {
transform: translateX(-45%) scale(1);
opacity: 1;
}
100% {
transform: translateX(-50%) scale(1);
opacity: 1;
}
}
.content-slider {
position: relative;
width: 100%;
left: 0;
margin-top: 40px;
}
.content-slider .icon-wrap {
height: 50px;
width: 50px;
margin-bottom: 15px;
}
.content-slider .icon-wrap img {
height: 35px;
width: 35px;
}
.content-slider .icon-wrap::before {
right: -2vw;
height: 15px;
width: 15px;
}
.title-slider {
max-width: unset;
min-height: 75px;
}
.big-title-slider {
position: absolute;
top: -50px;
left: 80px;
font-size: 45px;
letter-spacing: unset;
margin-left: auto;
margin-right: auto;
max-width: 100%;
display: block;
}
.slider-progress-container {
margin-right: unset;
}
.slider-button-wrapper {
display: flex;
gap: 25px;
}
.navigation-buttons-slider {
width: 100%;
justify-content: space-between;
align-items: center;
padding: 10px 0;
margin-top: 15px;
}
}
@media (max-width: 568px) {
.big-title-slider {
font-size: var(--wp--preset--font-size--medium);
}
.big-title-slider {
top: -30px;
}
} .video-popup {
position: relative;
width: 100%;
min-height: 550px;
height: 60vh;
aspect-ratio: 16/9;
overflow: hidden;
border-radius: 22px;
}
.video-popup__poster {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 30px;
} .video-popup__video-thumb {
position: absolute;
top: 0;
left: 0;
width: 100%;
object-position: center center;
object-fit: cover;
height: 100%;
z-index: 2;
} .video-popup__popup {
position: fixed;
background-color: var(--wp--preset--color--white);
width: 80%;
height: auto;
aspect-ratio: 16/9;
overflow: hidden;
border-radius: 22px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(0.95);
visibility: hidden;
z-index: 1010;
}
.video-popup__popup iframe {
width: 100vw;
height: 100%;
min-height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .video-popup__layer {
position: fixed;
display: block;
background-color: rgba(0, 0, 0, 0.6);
width: 100%;
height: 100vh;
overflow: hidden;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 1000;
} .video-popup__trigger {
position: absolute;
display: flex;
align-items: center;
gap: 7px;
bottom: 3vw;
right: 3vw;
z-index: 3;
border-radius: 30px;
font-weight: var(--wp--custom--font-weight--medium);
color: var(--wp--preset--color--main);
font-size: var(--wp--preset--font-size--small);
padding: 0.3em 0.7em 0.3em 0.3em;
background-color: var(--wp--preset--color--white);
transition: 0.45s all var(--ease-out-swift);
border: none;
cursor: pointer;
} .video-popup__trigger-close {
position: absolute;
right: 10px;
bottom: 50px;
z-index: 11;
background-color: transparent;
border: none;
cursor: pointer;
}
.video-popup__trigger-close .icon-wrap,
.video-popup .icon-wrap {
height: 45px;
width: 45px;
border-radius: 50%;
background-color: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--white);
transform: translateX(0) rotate(0);
transform-origin: center;
transition: 0.45s transform var(--ease-out-swift);
will-change: transform;
}
.video-popup .video-popup__trigger:focus-within .icon-wrap,
.video-popup .video-popup__trigger:hover .icon-wrap {
transform: scale(0.95) rotate(-45deg);
}
.video-popup__trigger:hover {
background-color: var(--wp--preset--color--accent-3);
color: var(--wp--preset--color--white);
}
@media (max-width: 992px) {
.video-popup {
min-height: 380px;
height: auto;
}
}
@media (max-width: 768px) {
.video-popup__popup {
width: 96%;
height: auto;
}
.video-popup__trigger-close {
bottom: unset;
right: unset;
top: 5px;
left: 5px;
}
}
@media (max-width: 568px) {
.video-popup {
min-height: 250px;
height: auto;
}
.video-popup .icon-wrap {
height: 35px;
width: 35px;
}
}  .cards {
position: relative;
width: 100vw;
display: flex;
flex-direction: column;
gap: 25svh; -webkit-overflow-scrolling: touch; overflow-scrolling: touch;
} .card-marquee {
position: absolute;
width: 100%;
top: 50%;
left: 0;
transform: translateY(-50%);
overflow: hidden;
z-index: 0; contain: layout style paint;
}
.card-marquee .marquee {
display: flex; will-change: opacity;
transform: translateZ(0);
-webkit-transform: translateZ(0);
}
.card-marquee .marquee * {
color: var(--wp--preset--color--white) !important;
}
.card-marquee .marquee h1,
.card-marquee .marquee span {
white-space: nowrap;
font-size: 10vw;
margin-right: 75px;
}
.card-marquee .marquee span {
font-family: var(--wp--preset--font-family--secondary);
color: var(--wp--preset--color--contrast);
line-height: var(--wp--custom--line-height--title);
} .card {
position: relative;
width: 100vw;
height: 100svh;
padding: 1.5em;
z-index: 1; -webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform-style: preserve-3d; -webkit-transform: translateZ(0);
transform: translateZ(0);
}
.card-wrapper {
position: relative;
width: 100%;
height: 100%;  z-index: 2; contain: layout;
}
.card-number {
position: absolute;
top: 1.5em;
right: 0;
padding-right: 5vw;
font-size: var(--wp--preset--font-size--xx-large);
font-weight: bold;
color: rgba(255, 255, 255, 0.365);
z-index: 3;
font-family: var(--wp--preset--font-family--secondary);
opacity: 1;
transform: translateY(-20px); -webkit-transform: translateY(-20px) translateZ(0);
}
.card-title h2 {
position: relative;
color: var(--wp--preset--color--white);
z-index: 2;
font-weight: 700;
font-size: clamp(2rem, 4vw, 3.5rem); -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .card-img {
position: absolute;
width: 100%;
height: 100%;
border-radius: 25px;
overflow: hidden;
z-index: 0; transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform, border-radius; contain: layout style paint;
}
.slider-full-screen .pin-spacer:first-child .card-img img {
opacity: 0.25;
}
.slider-full-screen .pin-spacer:not(:first-child) .card-img::before {
content: "";
background-color: #000;
opacity: 0.55;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1; transform: translateZ(0);
-webkit-transform: translateZ(0);
} .card-content {
position: absolute;
width: 100%;
height: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
z-index: 1; contain: layout;
}
.card-content .card-title {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center; -webkit-transform: translate(-50%, -50%) translateZ(0);
}
.card-content .card-description {
position: absolute;
top: calc(50% + 15%);
left: 50%;
transform: translate(-50%, -50%);
margin: 0 !important;
padding: 0 !important;
width: auto;
max-width: 100%;
min-width: 100%;
text-align: center;
display: flex;
justify-content: space-between;
z-index: 3;
opacity: 1; -webkit-transform: translate(-50%, -50%) translateZ(0);
}
.card-content .card-description:first-of-type {
display: none;
}
.card-content .card-description .card-description__wrapper {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0 5vw;
gap: 5vw;
}
.card-content .card-description .esplora-link {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 500;
font-size: 0.925rem;
color: var(--wp--preset--color--white);
width: 100px;
height: 100px;   -webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.card-content .card-description .esplora-link .circle {
position: absolute;
width: 100px;
height: 100px;
border: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
background-color: transparent;
transition:
transform 0.3s var(--ease-in-out-sine),
background-color 0.3s var(--ease-in-out-sine); -webkit-transform: translateZ(0);
transform: translateZ(0);
}
.card-content .card-description .esplora-link .esplora-text {
position: relative;
z-index: 1;
} @media (hover: hover) and (pointer: fine) {
.card-content .card-description .esplora-link:hover .circle {
transform: scale(1.1) translateZ(0);
background-color: rgba(255, 255, 255, 0.164);
}
} @media (hover: none) and (pointer: coarse) {
.card-content .card-description .esplora-link:active .circle {
transform: scale(0.95) translateZ(0);
background-color: rgba(255, 255, 255, 0.3);
}
}
.char {
position: relative;
overflow: hidden;
display: inline-block;
white-space: pre;
}
.char span {
transform: translateX(100%);
display: inline-block; } @media (max-width: 900px) {
.cards {
gap: 15svh; }
.cards h1 {
font-size: 2rem;
}
.card-marquee .marquee h1,
.card-marquee .marquee span {
margin-right: 30px;
font-size: 12vw; }
.card-number {
right: unset;
left: 0;
padding-left: 5vw;
font-size: clamp(1.5rem, 5vw, 2rem);
}
.card-content .card-description {
top: 75%;
}
.card-content .card-title h2 {
text-align: left;
padding: 0 5vw;
font-size: clamp(1.75rem, 5vw, 2.5rem);
} .card {
padding: 1em;
}
.card-img {
border-radius: 15px; } .card-content .card-description .esplora-link,
.card-content .card-description .esplora-link .circle {
width: 80px;
height: 80px;
}
} @supports (-webkit-touch-callout: none) {
.card { position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.card-wrapper {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
} .cards img {   image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges; -webkit-user-drag: none;
user-select: none;
pointer-events: none;
}
.cards h1 {
font-size: 5rem;
} .is-scrolling * {
animation-play-state: paused !important;
transition: none !important;
} .split-words__item {
display: inline-block;
will-change: transform, opacity;
} .standard-transition {
position: fixed;
inset: 0;
background: var(--wp--preset--color--white);
opacity: 1;
visibility: visible;
pointer-events: none;
z-index: 1999;
will-change: opacity;
backface-visibility: hidden;
}
.page-id-11 .standard-transition,
.post-type-archive-portfolio .standard-transition {
background-color: var(--wp--preset--color--contrast);
} .p-rel {
position: relative;
}
.radial-circle {
width: clamp(200px, 30vw, 400px);
height: clamp(200px, 30vw, 400px);
border-radius: 50%;
background-image: radial-gradient(
rgba(89, 74, 143, 0.56) 0%,
rgba(104, 88, 159, 0.59) 25%,
rgba(255, 255, 255, 0) 62%
);
opacity: 0.35;
pointer-events: none;
user-select: none;
position: absolute;
z-index: -1;
} .radial-home-portfolio1 {
top: 0;
right: 35%;
opacity: 0.25;
}
.radial-home-portfolio2 {
bottom: 10vw;
right: 0;
} .radial-footer {
bottom: 0;
right: 0;
opacity: 0.2;
} .radial-azienda-team1 {
top: 0;
right: 0;
opacity: 0.3;
}
.radial-azienda-team2 {
bottom: 0;
left: 0;
opacity: 0.25;
} .radial-half-slider {
width: clamp(200px, 30vw, 50vw);
height: clamp(200px, 30vw, 50vw);
top: 0;
right: -15vw;
opacity: 0.25;
} .radial-marketing-top {
top: -20vw;
left: 50%;
transform: translateX(-50%);
opacity: 0.25;
}
.radial-marketing-left {
left: 0;
top: 50%;
transform: translateY(-50%);
opacity: 0.25;
} .radial-thankyou {
right: -10vw;
bottom: -20vw;
opacity: 0.3;
} .radial-loader {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.2;
}
.page-child .hero__title {
max-width: 90%;
font-size: clamp(24px, 1.5rem + ((1vw - 3.2px) * 4.865), 96px);
line-height: 1.2;
}
.hero__title span {
display: block;
}
.hero__title span > * {
background-clip: text;
-webkit-background-clip: text;
background-image: linear-gradient(157deg, #3088b3, #70699c);
color: transparent;
font-weight: var(--wp--custom--font-weight--bold);
} body.post-type-archive-portfolio .rank-math-breadcrumb p,
body.post-type-archive-portfolio .rank-math-breadcrumb a,
body.post-type-archive-portfolio .rank-math-breadcrumb span,
body.page-id-11 .rank-math-breadcrumb p,
body.page-id-11 .rank-math-breadcrumb a,
body.page-id-11 .rank-math-breadcrumb span {
color: var(--wp--preset--color--white);
} body.post-type-archive-portfolio,
body.page-id-11,
body.theme-dark {
background-color: var(--wp--preset--color--contrast);
}
body.post-type-archive-portfolio div,
body.page-id-11 div,
body.theme-dark section,
body.theme-dark div {
border-color: #061835 !important;
} .theme-dark h1:not(.theme-ignore *),
.theme-dark h2:not(.theme-ignore *),
.theme-dark h3:not(.theme-ignore *),
.theme-dark h4:not(.theme-ignore *),
.theme-dark h5:not(.theme-ignore *),
.theme-dark h6:not(.theme-ignore *),
.theme-dark p:not(.theme-ignore *),
.theme-dark li:not(.theme-ignore *),
.theme-dark a:not(.theme-ignore *),
.theme-dark span:not(.theme-ignore *),
.theme-dark .wp-block-heading:not(.theme-ignore *),
.theme-dark .wp-block-paragraph:not(.theme-ignore *) {
color: var(--wp--preset--color--white) !important;
}
.theme-dark .wp-block-button__link {
background-color: var(--wp--preset--color--accent-3);
border: 1px solid transparent;
}
.theme-dark .wp-block-button__link:hover {
border: 1px solid var(--wp--preset--color--accent-3);
}
.theme-dark .wp-block-button__link-layer {
background-color: var(--wp--preset--color--contrast);
}
.theme-dark .wp-block-button__link .icon-wrap {
background-color: var(--wp--preset--color--contrast);
}
.theme-dark .portfolio-item .portfolio-item__meta .post-categories a {
background-color: var(--wp--preset--color--accent-3);
}
.theme-dark .standard-transition {
background-color: var(--wp--preset--color--contrast);
}
.theme-dark td,
.theme-dark th {
color: var(--wp--preset--color--white) !important;
}
.theme-dark #CookieDeclarationUserStatusLabelOn {
color: var(--wp--preset--color--white) !important;
}
.theme-dark #CookiebotWidget * {
color: var(--wp--preset--color--main) !important;
} .page-id-11 .footer *,
.post-type-archive-portfolio .footer * {
color: var(--wp--preset--color--white);
}
@media (max-width: 767px) {
.split-words:not(.is-split-ready) {
min-height: 0;
}
}