/* barba */ .barba-leaving { pointer-events: none; } /* LENIS v1.3.17 */ html.lenis, html.lenis body { height: auto; } .lenis:not(.lenis-autoToggle) .lenis-stopped { overflow: clip; } .lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] { overscroll-behavior: contain; } .lenis.lenis-smooth iframe { pointer-events: none; } .lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; } /* -- base -- */ ::selection { background-color: #C3FF00; color: #000; } ::-moz-selection { background-color: #C3FF00; color: #000000; } .w-input { color: #fff; } /* Split Text Lines */ .line { transform: translateY(100%); will-change: transform; overflow: hidden; display: block; } [data-split="heading"] { -webkit-text-rendering: optimizeSpeed; text-rendering: optimizeSpeed; -webkit-transform: translateZ(0); font-kerning: none; opacity: 0; visibility: hidden; } /* GLOBAL COMPONENTS */ /* NAV */ .centered-nav { height: 1.4em; overflow: hidden; transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1); will-change: height; cursor: pointer; } .centered-nav.open { height: 7.8em; } /* END NAV */ /* END GLOBAL COMPONENTS */ /* PAGES */ /*======= HOMEPAGE =======*/ /* --services magnetic row: Ogni barra/colonna deve riempire l’altezza del layer */ .magnetic__column { height: 100%; } .magnetic__row { position: absolute; top: 0; left: 0; pointer-events: none; transform-origin: 0 0; z-index: 0; opacity: 0; } .ss__bottom-cta { transition: opacity 0.3s ease; } /*======= PROJECTS =======*/ /* Filter buttons */ /* [data-filter-target] { cursor: pointer; transition: opacity 0.3s ease; } */ /* counter */ /* [data-filter-target]::after { position: absolute; content: attr(data-count); font-size: 10px; font-weight: 500; vertical-align: super; /// visibility: hidden; } */ /* hide comma on last filter button */ /* .projects__filter-item:last-child .pf__comma { visibility: hidden; } */ /* .reset-btn { opacity: 0; visibility: hidden; } .reset-btn[data-filter-status="active"] { visibility: visible; } */ /* on webflow it was GRID, and there was this rule in custom css */ /* on webflow it was GRID .ps__list-wrap.active { display: block !important; } */ /* overlay to make text readable */ .ps__item-img::before { content: ""; position: absolute; inset: 60% 0 0; background: #000000; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0) 100%); z-index: 1; } /* filters transition styles */ .filter-list__item[data-filter-status="transition-out"], .filter-list__item[data-filter-status="transition-in"] { display: block; opacity: 0; } .filter-list__item[data-filter-status="not-active"] { display: none; opacity: 0; } /* a che servono?? .split-line-outer, .split-line-inner { white-space: inherit; } .split-line-outer { overflow: hidden; display: block; } .split-line-inner { display: block; } .transition_column { transform: scaleY(1); transform-origin: top; will-change: transform; } */ /*======= ABOUT =======*/ /* ABOUT - Logo Wall cycle */ [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+11) { display: none; } @media screen and (max-width: 991px) { [data-logo-wall-list] [data-logo-wall-item]:nth-child(n+11) { display: none; } } /*======= END ABOUT =======*/ /*======= CONTACTS =======*/ /* reset hubspot styles */ .hsfc-Step .hsfc-Step__Content { padding: 0 !important; } /* osmo copy to clipboard */ /* Hover styling */ @media (hover: hover) { .copy-email-button:hover .copy-email-icon__wrap{ background: rgba(34, 80, 46, 0.9); } .copy-email-button:hover .copy-email-text__el{ transform: translate(0px, -100%); } } /* Keyboard focus styling */ .copy-email-button:focus .copy-email-icon__wrap{ background: rgba(34, 80, 46, 0.9); } .copy-email-button:focus .copy-email-text__el { transform: translate(0px, -100%); } /* 'Copied' state, when a user has clicked the button */ [data-copy-button="copied"] .copy-email-icon__wrap{ background: #0F8E2E !important; } [data-copy-button="copied"] .copy-email-text__el{ transform: translate(0px, -200%) !important; } /*======= END CONTACTS =======*/ /*======= ARTICLE - BLOG POST =======*/ .section__blog-body h2, .section__blog-body h3, .section__blog-body h4, .section__blog-body h5, .section__blog-body h6 { margin-block: 0; } .section__blog-body h2:first-of-type { /* color: green; */ } .section__blog-body :is(h2, h3, h4, h5, h6)+p { margin-top: 2.5rem; } @media (max-width: 990px) { .section__blog-body :is(h2, h3, h4, h5, h6)+p { margin-top: 1.5rem; } } .section__blog-body p { margin-top: 1rem; } .section__blog-body ul { /* list-style: none; */ padding-inline-start: 1.2rem; margin-block: 0.75rem; } .section__blog-body ul+p { margin-top: 0.75rem; } .section__blog-body ul li:not(:last-child) { margin-bottom: .5rem; } .section__blog-body img { border-radius: 8px; border-radius: min(1vw, 16px); margin-block: 3rem; } /*======= END ARTICLE =======*/