@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); .fp-table, .fp-tableCell { display: block !important; } .dropdown-menu-enter-active, .dropdown-menu-exit-active { transition: opacity 0.2s, transform 0.2s; } @font-face { font-family: "Scania Sans CY Headline"; src: url("../fonts/ScaniaSansCYHeadline-Bold.eot"); src: local("Scania Sans CY Headline Bold"), local("ScaniaSansCYHeadline-Bold"), url("../fonts/ScaniaSansCYHeadline-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCYHeadline-Bold.woff2") format("woff2"), url("../fonts/ScaniaSansCYHeadline-Bold.woff") format("woff"), url("../fonts/ScaniaSansCYHeadline-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Scania Sans CY"; src: url("../fonts/ScaniaSansCY-Bold.eot"); src: local("Scania Sans CY Bold"), local("ScaniaSansCY-Bold"), url("../fonts/ScaniaSansCY-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCY-Bold.woff2") format("woff2"), url("../fonts/ScaniaSansCY-Bold.woff") format("woff"), url("../fonts/ScaniaSansCY-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: "Scania Sans CY Condensed"; src: url("../fonts/ScaniaSansCYCondensed-Regular.eot"); src: local("Scania Sans CY Condensed Regular"), local("ScaniaSansCYCondensed-Regular"), url("../fonts/ScaniaSansCYCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCYCondensed-Regular.woff2") format("woff2"), url("../fonts/ScaniaSansCYCondensed-Regular.woff") format("woff"), url("../fonts/ScaniaSansCYCondensed-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Scania Sans CY Condensed"; src: url("../fonts/ScaniaSansCYCondensed-Italic.eot"); src: local("Scania Sans CY Condensed Italic"), local("ScaniaSansCYCondensed-Italic"), url("../fonts/ScaniaSansCYCondensed-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCYCondensed-Italic.woff2") format("woff2"), url("../fonts/ScaniaSansCYCondensed-Italic.woff") format("woff"), url("../fonts/ScaniaSansCYCondensed-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Scania Sans CY Headline"; src: url("../fonts/ScaniaSansCYHeadline-Regular.eot"); src: local("Scania Sans CY Headline Regular"), local("ScaniaSansCYHeadline-Regular"), url("../fonts/ScaniaSansCYHeadline-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCYHeadline-Regular.woff2") format("woff2"), url("../fonts/ScaniaSansCYHeadline-Regular.woff") format("woff"), url("../fonts/ScaniaSansCYHeadline-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Scania Sans CY"; src: url("../fonts/ScaniaSansCY-Italic.eot"); src: local("Scania Sans CY Italic"), local("ScaniaSansCY-Italic"), url("../fonts/ScaniaSansCY-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCY-Italic.woff2") format("woff2"), url("../fonts/ScaniaSansCY-Italic.woff") format("woff"), url("../fonts/ScaniaSansCY-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: "Scania Sans CY"; src: url("../fonts/ScaniaSansCY-Regular.eot"); src: local("Scania Sans CY Regular"), local("ScaniaSansCY-Regular"), url("../fonts/ScaniaSansCY-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCY-Regular.woff2") format("woff2"), url("../fonts/ScaniaSansCY-Regular.woff") format("woff"), url("../fonts/ScaniaSansCY-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: "Scania Sans CY Condensed"; src: url("../fonts/ScaniaSansCYCondensed-Bold.eot"); src: local("Scania Sans CY Condensed Bold"), local("ScaniaSansCYCondensed-Bold"), url("../fonts/ScaniaSansCYCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ScaniaSansCYCondensed-Bold.woff2") format("woff2"), url("../fonts/ScaniaSansCYCondensed-Bold.woff") format("woff"), url("../fonts/ScaniaSansCYCondensed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-Black-BF6438cc565e67b.woff") format("woff"), url("../fonts/Nohemi-Black-BF6438cc5874bd2.otf") format("opentype"), url("../fonts/Nohemi-Black-BF6438cc58744d4.ttf") format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-Bold-BF6438cc577b524.woff") format("woff"), url("../fonts/Nohemi-Bold-BF6438cc587b5b5.ttf") format("truetype"), url("../fonts/Nohemi-Bold-BF6438cc5812315.otf") format("opentype"); font-weight: 700; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-ExtraBold-BF6438cc58a4c3c.otf") format("opentype"), url("../fonts/Nohemi-ExtraBold-BF6438cc5761ae2.woff") format("woff"), url("../fonts/Nohemi-ExtraBold-BF6438cc5881baf.ttf") format("truetype"); font-weight: 800; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-ExtraLight-BF6438cc57e06d5.otf") format("opentype"), url("../fonts/Nohemi-ExtraLight-BF6438cc58a2634.ttf") format("truetype"), url("../fonts/Nohemi-ExtraLight-BF6438cc581502c.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-Light-BF6438cc583f70b.otf") format("opentype"), url("../fonts/Nohemi-Light-BF6438cc5702321.woff") format("woff"), url("../fonts/Nohemi-Light-BF6438cc5899919.ttf") format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-Medium-BF6438cc57ddecd.woff") format("woff"), url("../fonts/Nohemi-Medium-BF6438cc581a509.otf") format("opentype"), url("../fonts/Nohemi-Medium-BF6438cc5803899.ttf") format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-Regular-BF6438cc480e481.ttf") format("truetype"), url("../fonts/Nohemi-Regular-BF6438cc58b98f6.otf") format("opentype"), url("../fonts/Nohemi-Regular-BF6438cc579d934.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-SemiBold-BF6438cc57db2ff.woff") format("woff"), url("../fonts/Nohemi-SemiBold-BF6438cc588a48a.ttf") format("truetype"), url("../fonts/Nohemi-SemiBold-BF6438cc588b5e5.otf") format("opentype"); font-weight: 600; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-Thin-BF6438cc57e2011.woff") format("woff"), url("../fonts/Nohemi-Thin-BF6438cc577ef3b.otf") format("opentype"), url("../fonts/Nohemi-Thin-BF6438cc5896c67.ttf") format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: Nohemi; src: url("../fonts/Nohemi-VF-BF6438cc58ad63d.ttf") format("truetype"); font-weight: 100 900; font-style: normal; } .font-scania-sans-cy-headline { font-family: "Scania Sans CY Headline", Arial, sans-serif; } .font-scania-sans-cy { font-family: "Scania Sans CY", Arial, sans-serif; } .font-scania-sans-cy-condensed { font-family: "Scania Sans CY Condensed", Arial, sans-serif; } .font-nohemi { font-family: Nohemi, Arial, sans-serif; } .font-dm-sans { font-family: "DM Sans", Arial, sans-serif; } .font-noto-sans { font-family: "Noto Sans", Arial, sans-serif; } .corner-frame { position: fixed; width: 30px; height: 30px; border: 0 solid #6179a8; z-index: 61; } .corner-tl, .corner-tr { top: 20px; border-top-width: 2px; } .corner-bl, .corner-tl { left: 20px; border-left-width: 2px; } .corner-br, .corner-tr { right: 20px; border-right-width: 2px; } .corner-bl, .corner-br { bottom: 20px; border-bottom-width: 2px; } .fp-tableCell { height: 100vh !important; padding: 0 !important; vertical-align: inherit !important; } @keyframes floating { 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(-10px, -7px); } 50% { transform: translate(-5px, -15px); } 75% { transform: translate(10px, -7px); } } @keyframes slideOutDown { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(-100vw); opacity: 0; } } @keyframes slideOutUp { 0% { transform: translateX(-100vw); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .slide-out { animation: 0.7s ease-in-out forwards slideOutDown; } .slide-in { animation: 0.7s ease-in-out forwards slideOutUp; } .dropdown-menu-enter { opacity: 0; transform: translateY(-10px); } .dropdown-menu-enter-active, .dropdown-menu-exit { opacity: 1; transform: translateY(0); } .dropdown-menu-exit-active { opacity: 0; transform: translateY(-10px); } .mobile-menu-open { transform: translateX(0) !important; } @keyframes dot-pulse { 0%, 100% { opacity: 0.2; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1); } } .loading-square { animation: 1.5s infinite dot-pulse; } .loading-square:nth-child(2) { animation-delay: 0.2s; } .loading-square:nth-child(3) { animation-delay: 0.4s; } @keyframes droneSlideIn { 0% { transform: translateX(-100vw); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes droneSlideOut { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(-100vw); opacity: 0; } } .drone-initial-animation { animation: 1s ease-out forwards droneSlideIn; } .drone-animation { animation: 4s ease-in-out infinite floating; } .drone-slide-out { animation: 0.7s ease-out forwards droneSlideOut; } .drone-slide-in { animation: 0.7s ease-out forwards droneSlideIn; } .fp-overflow { height: 100vh !important; overflow: hidden !important; } @keyframes roseFloating { 0%, 100% { transform: translate(0, 0) rotate(0); } 25% { transform: translate(-5px, -5px) rotate(-2deg); } 50% { transform: translate(0, -8px) rotate(0); } 75% { transform: translate(5px, -5px) rotate(2deg); } } @keyframes roseSlideIn { 0% { transform: translateX(-100%); opacity: 0; } 100% { transform: translateX(0); opacity: 0.7; } } @keyframes roseSlideOut { 0% { transform: translateX(0); opacity: 0.7; } 100% { transform: translateX(-100%); opacity: 0; } } .rose-initial-animation { animation: 1s ease-out forwards roseSlideIn; } .rose-slide-out { animation: 0.7s ease-out forwards roseSlideOut; } .rose-slide-in { animation: 0.7s ease-out forwards roseSlideIn; } .rose-animation { animation: 8s ease-in-out infinite roseFloating; } @media screen and (min-width: 900px) { #fullpage, .section { height: 100vh !important; overflow: hidden !important; } } .carousel-container, .polygon-carousel { position: relative; overflow: hidden; width: 100%; } .header-scrolled { border-bottom: 2px solid rgba(97, 121, 168, 0.1); } .projects-polygon-1, .projects-polygon-2, .projects-polygon-3, .projects-polygon-4 { opacity: 0; transform: scale(0.8); will-change: transform, opacity; transition: opacity 0.7s ease-out, transform 0.7s ease-out, filter 0.4s ease-out; filter: blur(0px) brightness(1); } @keyframes floatSlow { 0%, 100% { transform: translate(0, 0) rotate(15deg); } 50% { transform: translate(5px, -8px) rotate(17deg); } } @keyframes floatMedium { 0%, 100% { transform: translate(0, 0) rotate(-10deg); } 50% { transform: translate(-4px, 6px) rotate(-12deg); } } @keyframes floatFast { 0%, 100% { transform: translate(0, 0) rotate(25deg); } 50% { transform: translate(3px, -4px) rotate(27deg); } } @keyframes floatSlowReverse { 0%, 100% { transform: translate(0, 0) rotate(-5deg); } 50% { transform: translate(-6px, -5px) rotate(-7deg); } } .floating-animation-slow { animation: 9s ease-in-out infinite floatSlow; } .floating-animation-medium { animation: 8s ease-in-out infinite floatMedium; } .floating-animation-fast { animation: 7s ease-in-out infinite floatFast; } .floating-animation-slow-reverse { animation: 10s ease-in-out infinite floatSlowReverse; } @media (min-width: 900px) { .projects-polygon-1:hover, .projects-polygon-2:hover, .projects-polygon-3:hover, .projects-polygon-4:hover { filter: drop-shadow(0 0 12px rgba(97, 121, 168, 0.3)) brightness(1.05); transition: filter 0.5s ease-out; } } .carousel-container { height: 100%; } .carousel-slides { display: flex; height: 100%; transition: transform 0.5s; } .carousel-slide { width: 100%; height: 100%; flex-shrink: 0; } .carousel-dot.active { transform: scale(1.2); } @media (max-width: 899px) { .carousel-next, .carousel-prev { width: 8vw; height: 8vw; } .carousel-next svg, .carousel-prev svg { width: 4vw; height: 4vw; } }