{"id":1206,"date":"2026-07-09T17:58:21","date_gmt":"2026-07-09T17:58:21","guid":{"rendered":"https:\/\/displero.com\/about-us-2\/"},"modified":"2026-09-24T13:03:09","modified_gmt":"2026-09-24T13:03:09","slug":"about-us-2","status":"publish","type":"page","link":"https:\/\/displero.com\/pl\/about-us-2\/","title":{"rendered":"O nas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1206\" class=\"elementor elementor-1206\">\n\t\t\t\t<div data-aos=\"fade-up\" class=\"hostinger-elementor-aos elementor-element elementor-element-5110868 e-con-full e-flex e-con e-parent\" data-id=\"5110868\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45019e4 elementor-widget elementor-widget-html\" data-id=\"45019e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ==========================================================\r\n     DISPLERO \/ ABOUT US V1\r\n     THE PEOPLE BEHIND THE PIXELS\r\n     ONE ELEMENTOR HTML WIDGET\r\n     ========================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n\r\n<section class=\"dau-page\">\r\n\r\n\r\n  <!-- ======================================================\r\n       01 \/ HERO\r\n       ====================================================== -->\r\n\r\n  <section class=\"dau-hero\">\r\n\r\n    <div class=\"dau-grid-bg\"><\/div>\r\n    <div class=\"dau-hero-glow\"><\/div>\r\n\r\n    <div class=\"dau-container\">\r\n\r\n      <div class=\"dau-hero-top dau-reveal\">\r\n\r\n        <div class=\"dau-label\">\r\n          <span class=\"dau-dot\"><\/span>\r\n          DISPLERO \/ ABOUT US\r\n        <\/div>\r\n\r\n        <span class=\"dau-index\">\r\n          01 \u2014 THE PEOPLE\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dau-hero-layout\">\r\n\r\n\r\n        <!-- HERO TEXT -->\r\n\r\n        <div class=\"dau-hero-copy dau-reveal\">\r\n\r\n          <h1>\r\n            THE PEOPLE<br>\r\n            BEHIND THE<br>\r\n            <span>PIXELS.<\/span>\r\n          <\/h1>\r\n\r\n          <div class=\"dau-hero-description\">\r\n\r\n            <span>\r\n              PEOPLE \/ TECHNOLOGY \/ EXPERIENCE\r\n            <\/span>\r\n\r\n            <p>\r\n              Displays may be at the centre of what we do,\r\n              but every successful installation starts\r\n              with people who understand the technology\r\n              behind it.\r\n            <\/p>\r\n\r\n          <\/div>\r\n          \r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- HERO PORTRAITS -->\r\n\r\n        <div class=\"dau-hero-portraits\">\r\n\r\n\r\n         <!-- MATEUSZ -->\r\n\r\n<!-- MATEUSZ -->\r\n\r\n<div class=\"dau-hero-person dau-hero-person-one\">\r\n\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/displero.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-24-wrz-2026-14_47_10-e1790254256659.png\"\r\n    alt=\"Mateusz - Displero\"\r\n    style=\"\r\n      position:absolute;\r\n      top:0;\r\n      left:0;\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n      object-position:center top;\r\n      display:block;\r\n    \"\r\n  >\r\n\r\n  <div class=\"dau-scan\"><\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- \u0141UKASZ -->\r\n\r\n<div class=\"dau-hero-person dau-hero-person-two\">\r\n\r\n  <img decoding=\"async\"\r\n    src=\"https:\/\/displero.com\/wp-content\/uploads\/2026\/09\/ChatGPT-Image-24-wrz-2026-14_25_55-e1790254296707.png\"\r\n    alt=\"\u0141ukasz - Displero\"\r\n    style=\"\r\n      position:absolute;\r\n      inset:0;\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n      object-position:center top;\r\n      display:block;\r\n    \"\r\n  >\r\n\r\n  <div class=\"dau-scan dau-scan-delay\"><\/div>\r\n\r\n<\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dau-hero-bottom\">\r\n\r\n        <span>\r\n          DISPLERO\u00ae\r\n        <\/span>\r\n\r\n        <span>\r\n          REAL PEOPLE. REAL TECHNOLOGY.\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ======================================================\r\n       02 \/ FOUNDERS\r\n       ====================================================== -->\r\n\r\n  <section class=\"dau-founders\">\r\n\r\n    <div class=\"dau-container\">\r\n\r\n      <div class=\"dau-founders-heading dau-reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"dau-section-label\">\r\n            <span class=\"dau-dot\"><\/span>\r\n            02 \/ WHO WE ARE\r\n          <\/div>\r\n\r\n          <h2>\r\n            TWO PEOPLE.<br>\r\n            <span>ONE DIRECTION.<\/span>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-heading-copy\">\r\n\r\n          <span>\r\n            DISPLERO \/ FOUNDERS\r\n          <\/span>\r\n\r\n          <p>\r\n            Built around direct involvement,\r\n            technical understanding and hands-on\r\n            project experience.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ================================================\r\n         INTERACTIVE SPLIT\r\n         ================================================ -->\r\n\r\n    <div class=\"dau-duo dau-reveal\">\r\n\r\n\r\n      <!-- =================================================\r\n           MATEUSZ\r\n           ================================================= -->\r\n\r\n      <article class=\"dau-person-panel dau-person-mateusz\">\r\n\r\n        <div class=\"dau-person-photo\">\r\n\r\n          <!--\r\n          P\u00d3\u0179NIEJ zamiast placeholdera mo\u017cemy da\u0107:\r\n\r\n          <img decoding=\"async\" src=\"LINK_DO_ZDJECIA.jpg\" alt=\"Mateusz Warcho\u0142\">\r\n          -->\r\n\r\n          <div class=\"dau-full-photo-placeholder\">\r\n\r\n            <span class=\"dau-placeholder-number\">\r\n              01\r\n            <\/span>\r\n\r\n            <span class=\"dau-placeholder-name\">\r\n              MATEUSZ\r\n            <\/span>\r\n\r\n            <div class=\"dau-placeholder-target\">\r\n              <span><\/span>\r\n              <span><\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-person-overlay\"><\/div>\r\n\r\n\r\n        <div class=\"dau-person-top\">\r\n\r\n          <span>\r\n            01\r\n          <\/span>\r\n\r\n          <span>\r\n            DISPLERO\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-person-content\">\r\n\r\n          <span class=\"dau-person-role\">\r\n            CO-FOUNDER \/ DISPLERO\r\n          <\/span>\r\n\r\n          <h3>\r\n            MATEUSZ<br>\r\n            WARCHO\u0141\r\n          <\/h3>\r\n\r\n          <p>\r\n            Directly involved in turning\r\n            technical requirements into\r\n            finished solutions.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-person-arrow\">\r\n          \u2197\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- =================================================\r\n           \u0141UKASZ\r\n           ================================================= -->\r\n\r\n      <article class=\"dau-person-panel dau-person-lukasz\">\r\n\r\n        <div class=\"dau-person-photo\">\r\n\r\n          <div class=\"dau-full-photo-placeholder\">\r\n\r\n            <span class=\"dau-placeholder-number\">\r\n              02\r\n            <\/span>\r\n\r\n            <span class=\"dau-placeholder-name\">\r\n              \u0141UKASZ\r\n            <\/span>\r\n\r\n            <div class=\"dau-placeholder-target\">\r\n              <span><\/span>\r\n              <span><\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-person-overlay\"><\/div>\r\n\r\n\r\n        <div class=\"dau-person-top\">\r\n\r\n          <span>\r\n            02\r\n          <\/span>\r\n\r\n          <span>\r\n            DISPLERO\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-person-content\">\r\n\r\n          <span class=\"dau-person-role\">\r\n            CO-FOUNDER \/ DISPLERO\r\n          <\/span>\r\n\r\n          <h3>\r\n            \u0141UKASZ<br>\r\n            MAZGAJ\r\n          <\/h3>\r\n\r\n          <p>\r\n            Combining project experience\r\n            with the practical side\r\n            of AV installation.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-person-arrow\">\r\n          \u2197\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ======================================================\r\n       03 \/ BOTH SIDES\r\n       ====================================================== -->\r\n\r\n  <section class=\"dau-expertise\">\r\n\r\n    <div class=\"dau-container\">\r\n\r\n\r\n      <div class=\"dau-expertise-top dau-reveal\">\r\n\r\n        <div class=\"dau-section-label\">\r\n          <span class=\"dau-dot\"><\/span>\r\n          03 \/ EXPERIENCE\r\n        <\/div>\r\n\r\n        <span class=\"dau-expertise-index\">\r\n          FROM HARDWARE TO INSTALLATION\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <div class=\"dau-expertise-heading dau-reveal\">\r\n\r\n        <h2>\r\n          FROM BOTH SIDES<br>\r\n          <span>OF THE PROJECT.<\/span>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- SIGNAL PATH -->\r\n\r\n      <div class=\"dau-signal dau-reveal\">\r\n\r\n\r\n        <div class=\"dau-signal-line\"><\/div>\r\n\r\n\r\n        <div class=\"dau-signal-point dau-signal-1\">\r\n\r\n          <span class=\"dau-signal-dot\"><\/span>\r\n\r\n          <span class=\"dau-signal-number\">\r\n            01\r\n          <\/span>\r\n\r\n          <strong>\r\n            R&amp;D\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-signal-point dau-signal-2\">\r\n\r\n          <span class=\"dau-signal-dot\"><\/span>\r\n\r\n          <span class=\"dau-signal-number\">\r\n            02\r\n          <\/span>\r\n\r\n          <strong>\r\n            HARDWARE\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-signal-point dau-signal-3\">\r\n\r\n          <span class=\"dau-signal-dot\"><\/span>\r\n\r\n          <span class=\"dau-signal-number\">\r\n            03\r\n          <\/span>\r\n\r\n          <strong>\r\n            PROJECT\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-signal-point dau-signal-4\">\r\n\r\n          <span class=\"dau-signal-dot\"><\/span>\r\n\r\n          <span class=\"dau-signal-number\">\r\n            04\r\n          <\/span>\r\n\r\n          <strong>\r\n            SITE\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-signal-point dau-signal-5\">\r\n\r\n          <span class=\"dau-signal-dot\"><\/span>\r\n\r\n          <span class=\"dau-signal-number\">\r\n            05\r\n          <\/span>\r\n\r\n          <strong>\r\n            INSTALLATION\r\n          <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- BIG STATEMENTS -->\r\n\r\n      <div class=\"dau-statements\">\r\n\r\n\r\n        <article class=\"dau-statement dau-reveal\">\r\n\r\n          <span>\r\n            TECHNICAL SIDE\r\n          <\/span>\r\n\r\n          <h3>\r\n            WE UNDERSTAND<br>\r\n            WHAT'S <em>INSIDE.<\/em>\r\n          <\/h3>\r\n\r\n          <p>\r\n            Understanding the components,\r\n            technology and practical limitations\r\n            behind the display system.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <article class=\"dau-statement dau-statement-dark dau-reveal\">\r\n\r\n          <span>\r\n            PROJECT SIDE\r\n          <\/span>\r\n\r\n          <h3>\r\n            AND WHAT IT TAKES<br>\r\n            TO MAKE IT <em>WORK.<\/em>\r\n          <\/h3>\r\n\r\n          <p>\r\n            From planning and logistics\r\n            to installation and the final\r\n            result on site.\r\n          <\/p>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ======================================================\r\n       04 \/ BEHIND THE SCENES\r\n       ====================================================== -->\r\n\r\n  <section class=\"dau-scenes\">\r\n\r\n    <div class=\"dau-container\">\r\n\r\n\r\n      <div class=\"dau-scenes-heading dau-reveal\">\r\n\r\n        <div>\r\n\r\n          <div class=\"dau-section-label dau-section-label-light\">\r\n            <span class=\"dau-dot\"><\/span>\r\n            04 \/ BEHIND THE SCENES\r\n          <\/div>\r\n\r\n          <h2>\r\n            NO STOCK PHOTOS.<br>\r\n            <span>JUST THE WORK.<\/span>\r\n          <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"dau-scenes-copy\">\r\n\r\n          <span>\r\n            REAL PROJECTS\r\n          <\/span>\r\n\r\n          <p>\r\n            Installation, testing,\r\n            preparation and everything\r\n            happening between delivery\r\n            and the finished result.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- PHOTO WALL -->\r\n\r\n      <div class=\"dau-photo-wall\">\r\n\r\n\r\n        <!-- PHOTO 01 -->\r\n\r\n        <article class=\"dau-work-photo dau-work-large dau-reveal\">\r\n\r\n          <div class=\"dau-work-placeholder\">\r\n\r\n            <span>\r\n              PROJECT PHOTO \/ 01\r\n            <\/span>\r\n\r\n            <strong>\r\n              ON SITE\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dau-work-info\">\r\n\r\n            <span>\r\n              01\r\n            <\/span>\r\n\r\n            <span>\r\n              INSTALLATION\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- PHOTO 02 -->\r\n\r\n        <article class=\"dau-work-photo dau-work-small dau-reveal\">\r\n\r\n          <div class=\"dau-work-placeholder\">\r\n\r\n            <span>\r\n              PROJECT PHOTO \/ 02\r\n            <\/span>\r\n\r\n            <strong>\r\n              TESTING\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dau-work-info\">\r\n\r\n            <span>\r\n              02\r\n            <\/span>\r\n\r\n            <span>\r\n              TESTING\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- PHOTO 03 -->\r\n\r\n        <article class=\"dau-work-photo dau-work-tall dau-reveal\">\r\n\r\n          <div class=\"dau-work-placeholder\">\r\n\r\n            <span>\r\n              PROJECT PHOTO \/ 03\r\n            <\/span>\r\n\r\n            <strong>\r\n              HARDWARE\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dau-work-info\">\r\n\r\n            <span>\r\n              03\r\n            <\/span>\r\n\r\n            <span>\r\n              PREPARATION\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n\r\n        <!-- PHOTO 04 -->\r\n\r\n        <article class=\"dau-work-photo dau-work-wide dau-reveal\">\r\n\r\n          <div class=\"dau-work-placeholder\">\r\n\r\n            <span>\r\n              PROJECT PHOTO \/ 04\r\n            <\/span>\r\n\r\n            <strong>\r\n              DELIVERY\r\n            <\/strong>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"dau-work-info\">\r\n\r\n            <span>\r\n              04\r\n            <\/span>\r\n\r\n            <span>\r\n              BEHIND THE SCENES\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n        <\/article>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dau-scenes-footer\">\r\n\r\n        <span>\r\n          DISPLERO \/ BEHIND THE PIXELS\r\n        <\/span>\r\n\r\n        <span>\r\n          KRAK\u00d3W \/ POLAND\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n\r\n  <!-- ======================================================\r\n       05 \/ CTA\r\n       ====================================================== -->\r\n\r\n  <section class=\"dau-cta\">\r\n\r\n    <div class=\"dau-grid-bg\"><\/div>\r\n\r\n    <div class=\"dau-cta-circle dau-circle-one\"><\/div>\r\n    <div class=\"dau-cta-circle dau-circle-two\"><\/div>\r\n\r\n\r\n    <div class=\"dau-container\">\r\n\r\n\r\n      <div class=\"dau-cta-top\">\r\n\r\n        <span>\r\n          05 \/ THIS IS DISPLERO\r\n        <\/span>\r\n\r\n        <span>\r\n          REAL PEOPLE \/ REAL PROJECTS\r\n        <\/span>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dau-cta-main dau-reveal\">\r\n\r\n        <span class=\"dau-cta-overline\">\r\n          THIS IS DISPLERO.\r\n        <\/span>\r\n\r\n        <h2>\r\n          LET'S MAKE<br>\r\n          SOMETHING <span>REAL.<\/span>\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"dau-cta-bottom\">\r\n\r\n        <p>\r\n          Have something ambitious in mind?\r\n          Let's turn it into a working installation.\r\n        <\/p>\r\n\r\n\r\n        <a\r\n          href=\"https:\/\/displero.com\/contact-2\/\"\r\n          class=\"dau-button\"\r\n        >\r\n\r\n          <span>\r\n            START A PROJECT\r\n          <\/span>\r\n\r\n          <span>\r\n            \u2197\r\n          <\/span>\r\n\r\n        <\/a>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/section>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ==========================================================\r\n   DISPLERO ABOUT US V1\r\n   ========================================================== *\/\r\n\r\n.dau-page {\r\n\r\n  --dau-navy: #090D1F;\r\n  --dau-blue: #5471A4;\r\n  --dau-steel: #B5C8DE;\r\n  --dau-grey: #54595F;\r\n  --dau-light: #F5F6F8;\r\n  --dau-white: #FFFFFF;\r\n\r\n  width: 100%;\r\n\r\n  margin: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  font-family:\r\n    \"Manrope\",\r\n    sans-serif;\r\n\r\n  color:\r\n    var(--dau-navy);\r\n\r\n}\r\n\r\n\r\n.dau-page *,\r\n.dau-page *::before,\r\n.dau-page *::after {\r\n\r\n  box-sizing:\r\n    border-box;\r\n\r\n}\r\n\r\n\r\n.dau-page a {\r\n\r\n  text-decoration:\r\n    none;\r\n\r\n}\r\n\r\n\r\n.dau-container {\r\n\r\n  width:\r\n    100%;\r\n\r\n  max-width:\r\n    1450px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  padding-left:\r\n    35px;\r\n\r\n  padding-right:\r\n    35px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   GLOBAL ELEMENTS\r\n   ========================================================== *\/\r\n\r\n.dau-dot {\r\n\r\n  display:\r\n    inline-block;\r\n\r\n  flex:\r\n    0 0 8px;\r\n\r\n  width:\r\n    8px;\r\n\r\n  height:\r\n    8px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--dau-blue);\r\n\r\n}\r\n\r\n\r\n.dau-label,\r\n.dau-section-label {\r\n\r\n  display:\r\n    inline-flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    11px;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2.5px;\r\n\r\n}\r\n\r\n\r\n.dau-section-label {\r\n\r\n  color:\r\n    var(--dau-blue);\r\n\r\n}\r\n\r\n\r\n.dau-grid-bg {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(255,255,255,.05) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(255,255,255,.05) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    70px 70px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   SCROLL REVEAL\r\n   ========================================================== *\/\r\n\r\n.dau-reveal {\r\n\r\n  opacity:\r\n    0;\r\n\r\n  transform:\r\n    translateY(35px);\r\n\r\n  transition:\r\n\r\n    opacity .85s ease,\r\n    transform .85s cubic-bezier(.2,.75,.25,1);\r\n\r\n}\r\n\r\n\r\n.dau-reveal.dau-visible {\r\n\r\n  opacity:\r\n    1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   01 \/ HERO\r\n   ========================================================== *\/\r\n\r\n.dau-hero {\r\n\r\n  position:\r\n    relative;\r\n\r\n  isolation:\r\n    isolate;\r\n\r\n  min-height:\r\n    760px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    var(--dau-navy);\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dau-hero-glow {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    -1;\r\n\r\n  width:\r\n    950px;\r\n\r\n  height:\r\n    950px;\r\n\r\n  right:\r\n    -350px;\r\n\r\n  top:\r\n    -400px;\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle,\r\n      rgba(84,113,164,.4),\r\n      transparent 68%\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-hero .dau-container {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  min-height:\r\n    760px;\r\n\r\n}\r\n\r\n\r\n.dau-hero-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  padding-top:\r\n    60px;\r\n\r\n}\r\n\r\n\r\n.dau-label {\r\n\r\n  color:\r\n    #C3CAD7;\r\n\r\n}\r\n\r\n\r\n.dau-label .dau-dot {\r\n\r\n  background:\r\n    var(--dau-steel);\r\n\r\n}\r\n\r\n\r\n.dau-index {\r\n\r\n  color:\r\n    #8993A4;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-hero-layout {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.15fr)\r\n    minmax(420px,.85fr);\r\n\r\n  align-items:\r\n    center;\r\n\r\n  gap:\r\n    70px;\r\n\r\n  flex:\r\n    1;\r\n\r\n  padding:\r\n    60px 0;\r\n\r\n}\r\n\r\n\r\n.dau-hero-copy h1 {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    clamp(\r\n      70px,\r\n      8.3vw,\r\n      125px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .88;\r\n\r\n  letter-spacing:\r\n    -.09em;\r\n\r\n}\r\n\r\n\r\n.dau-hero-copy h1 span {\r\n\r\n  color:\r\n    var(--dau-steel);\r\n\r\n}\r\n\r\n\r\n.dau-hero-description {\r\n\r\n  max-width:\r\n    420px;\r\n\r\n  margin-top:\r\n    45px;\r\n\r\n  margin-left:\r\n    8px;\r\n\r\n}\r\n\r\n\r\n.dau-hero-description > span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    16px;\r\n\r\n  color:\r\n    var(--dau-steel);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-hero-description p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #BBC3D1;\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.85;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   HERO PORTRAITS\r\n   ========================================================== *\/\r\n\r\n.dau-hero-portraits {\r\n\r\n  position:\r\n    relative;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap:\r\n    12px;\r\n\r\n  height:\r\n    500px;\r\n\r\n  transform:\r\n    rotate(0deg);\r\n\r\n}\r\n\r\n\r\n.dau-hero-person {\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.13);\r\n\r\n  background:\r\n    #11182A;\r\n\r\n  transition:\r\n    transform .45s ease;\r\n\r\n}\r\n\r\n\r\n.dau-hero-person:first-child {\r\n\r\n  transform:\r\n    translateY(30px);\r\n\r\n}\r\n\r\n\r\n.dau-hero-person:hover {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n}\r\n\r\n\r\n.dau-hero-person:first-child:hover {\r\n\r\n  transform:\r\n    translateY(20px);\r\n\r\n}\r\n\r\n\r\n.dau-photo-placeholder {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(84,113,164,.65),\r\n      rgba(9,13,31,.6)\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 50% 32%,\r\n      #4F6487,\r\n      #121A2D 48%,\r\n      #090D1F 80%\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-photo-placeholder::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  width:\r\n    180px;\r\n\r\n  height:\r\n    180px;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    22%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.06);\r\n\r\n}\r\n\r\n\r\n.dau-photo-placeholder::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  width:\r\n    290px;\r\n\r\n  height:\r\n    300px;\r\n\r\n  left:\r\n    50%;\r\n\r\n  bottom:\r\n    -95px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius:\r\n    50% 50% 0 0;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n}\r\n\r\n\r\n.dau-photo-noise {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  opacity:\r\n    .35;\r\n\r\n  background-image:\r\n\r\n    repeating-linear-gradient(\r\n      0deg,\r\n      rgba(255,255,255,.04) 0px,\r\n      rgba(255,255,255,.04) 1px,\r\n      transparent 1px,\r\n      transparent 4px\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-photo-cross {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    75px;\r\n\r\n  height:\r\n    75px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n}\r\n\r\n\r\n.dau-photo-cross span:first-child {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    0;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.dau-photo-cross span:last-child {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    0;\r\n\r\n  width:\r\n    1px;\r\n\r\n  height:\r\n    100%;\r\n\r\n  background:\r\n    rgba(255,255,255,.25);\r\n\r\n}\r\n\r\n\r\n.dau-photo-label {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    20px;\r\n\r\n  bottom:\r\n    18px;\r\n\r\n  color:\r\n    rgba(255,255,255,.63);\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.6px;\r\n\r\n}\r\n\r\n\r\n.dau-scan {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    5;\r\n\r\n  left:\r\n    0;\r\n\r\n  right:\r\n    0;\r\n\r\n  top:\r\n    -25%;\r\n\r\n  height:\r\n    20%;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      to bottom,\r\n      transparent,\r\n      rgba(181,200,222,.05),\r\n      rgba(181,200,222,.38),\r\n      rgba(255,255,255,.15),\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    dau-scan-move\r\n    5.8s ease-in-out\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n.dau-scan-delay {\r\n\r\n  animation-delay:\r\n    2.1s;\r\n\r\n}\r\n\r\n\r\n@keyframes dau-scan-move {\r\n\r\n  0% {\r\n\r\n    top:\r\n      -25%;\r\n\r\n  }\r\n\r\n  58% {\r\n\r\n    top:\r\n      105%;\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    top:\r\n      105%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n.dau-hero-bottom {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  padding:\r\n    22px 0\r\n    25px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.15);\r\n\r\n  color:\r\n    #9DA6B6;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   02 \/ FOUNDERS\r\n   ========================================================== *\/\r\n\r\n.dau-founders {\r\n\r\n  padding-top:\r\n    100px;\r\n\r\n  background:\r\n    var(--dau-light);\r\n\r\n}\r\n\r\n\r\n.dau-founders-heading {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    70px;\r\n\r\n  margin-bottom:\r\n    60px;\r\n\r\n}\r\n\r\n\r\n.dau-founders-heading h2,\r\n.dau-expertise-heading h2,\r\n.dau-scenes-heading h2 {\r\n\r\n  margin:\r\n    20px 0\r\n    0;\r\n\r\n  color:\r\n    var(--dau-navy);\r\n\r\n  font-size:\r\n    clamp(\r\n      54px,\r\n      7.2vw,\r\n      103px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .95;\r\n\r\n  letter-spacing:\r\n    -.08em;\r\n\r\n}\r\n\r\n\r\n.dau-founders-heading h2 span,\r\n.dau-expertise-heading h2 span {\r\n\r\n  color:\r\n    var(--dau-blue);\r\n\r\n}\r\n\r\n\r\n.dau-heading-copy {\r\n\r\n  max-width:\r\n    320px;\r\n\r\n  padding-bottom:\r\n    7px;\r\n\r\n}\r\n\r\n\r\n.dau-heading-copy > span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    15px;\r\n\r\n  color:\r\n    var(--dau-blue);\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-heading-copy p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--dau-grey);\r\n\r\n  font-size:\r\n    13px;\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   INTERACTIVE DUO\r\n   ========================================================== *\/\r\n\r\n.dau-duo {\r\n\r\n  display:\r\n    flex;\r\n\r\n  width:\r\n    100%;\r\n\r\n  height:\r\n    660px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    var(--dau-navy);\r\n\r\n}\r\n\r\n\r\n.dau-person-panel {\r\n\r\n  position:\r\n    relative;\r\n\r\n  flex:\r\n    1 1 50%;\r\n\r\n  min-width:\r\n    0;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border-right:\r\n    1px solid\r\n    rgba(255,255,255,.15);\r\n\r\n  transition:\r\n    flex .7s cubic-bezier(.2,.7,.15,1);\r\n\r\n}\r\n\r\n\r\n.dau-duo:hover .dau-person-panel {\r\n\r\n  flex:\r\n    .72 1 0;\r\n\r\n}\r\n\r\n\r\n.dau-duo .dau-person-panel:hover {\r\n\r\n  flex:\r\n    1.28 1 0;\r\n\r\n}\r\n\r\n\r\n.dau-person-photo {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n}\r\n\r\n\r\n.dau-full-photo-placeholder {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 30%,\r\n      #526889,\r\n      #243550 36%,\r\n      #101727 66%,\r\n      #090D1F 100%\r\n    );\r\n\r\n  transition:\r\n    transform 1s cubic-bezier(.2,.7,.15,1),\r\n    filter .7s ease;\r\n\r\n}\r\n\r\n\r\n.dau-person-lukasz\r\n.dau-full-photo-placeholder {\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 52% 30%,\r\n      #697D9A,\r\n      #2A3C59 36%,\r\n      #121A2B 66%,\r\n      #090D1F 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-person-panel:hover\r\n.dau-full-photo-placeholder {\r\n\r\n  transform:\r\n    scale(1.05);\r\n\r\n}\r\n\r\n\r\n.dau-full-photo-placeholder::before {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    18%;\r\n\r\n  width:\r\n    240px;\r\n\r\n  height:\r\n    240px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    rgba(255,255,255,.055);\r\n\r\n}\r\n\r\n\r\n.dau-full-photo-placeholder::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  bottom:\r\n    -140px;\r\n\r\n  width:\r\n    480px;\r\n\r\n  height:\r\n    500px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius:\r\n    50% 50% 0 0;\r\n\r\n  background:\r\n    rgba(255,255,255,.045);\r\n\r\n}\r\n\r\n\r\n.dau-placeholder-number {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    35px;\r\n\r\n  top:\r\n    35px;\r\n\r\n  color:\r\n    rgba(255,255,255,.14);\r\n\r\n  font-size:\r\n    90px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    1;\r\n\r\n}\r\n\r\n\r\n.dau-placeholder-name {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    50%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  color:\r\n    rgba(255,255,255,.12);\r\n\r\n  font-size:\r\n    clamp(\r\n      60px,\r\n      8vw,\r\n      130px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    -.08em;\r\n\r\n}\r\n\r\n\r\n.dau-placeholder-target {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    50%;\r\n\r\n  width:\r\n    110px;\r\n\r\n  height:\r\n    110px;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.16);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n}\r\n\r\n\r\n.dau-placeholder-target span:first-child {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    50%;\r\n\r\n  top:\r\n    -20px;\r\n\r\n  width:\r\n    1px;\r\n\r\n  height:\r\n    150px;\r\n\r\n  background:\r\n    rgba(255,255,255,.13);\r\n\r\n}\r\n\r\n\r\n.dau-placeholder-target span:last-child {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    50%;\r\n\r\n  left:\r\n    -20px;\r\n\r\n  width:\r\n    150px;\r\n\r\n  height:\r\n    1px;\r\n\r\n  background:\r\n    rgba(255,255,255,.13);\r\n\r\n}\r\n\r\n\r\n.dau-person-overlay {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      to top,\r\n      rgba(9,13,31,.97) 0%,\r\n      rgba(9,13,31,.55) 38%,\r\n      rgba(9,13,31,.08) 72%\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-person-top {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    5;\r\n\r\n  top:\r\n    30px;\r\n\r\n  left:\r\n    30px;\r\n\r\n  right:\r\n    30px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  color:\r\n    rgba(255,255,255,.65);\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.8px;\r\n\r\n}\r\n\r\n\r\n.dau-person-content {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    5;\r\n\r\n  left:\r\n    36px;\r\n\r\n  right:\r\n    36px;\r\n\r\n  bottom:\r\n    40px;\r\n\r\n  max-width:\r\n    480px;\r\n\r\n}\r\n\r\n\r\n.dau-person-role {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    14px;\r\n\r\n  color:\r\n    var(--dau-steel);\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-person-content h3 {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      5vw,\r\n      72px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .92;\r\n\r\n  letter-spacing:\r\n    -.07em;\r\n\r\n}\r\n\r\n\r\n.dau-person-content p {\r\n\r\n  max-width:\r\n    320px;\r\n\r\n  margin:\r\n    20px 0\r\n    0;\r\n\r\n  color:\r\n    #C0C8D5;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  line-height:\r\n    1.75;\r\n\r\n  opacity:\r\n    .65;\r\n\r\n  transform:\r\n    translateY(10px);\r\n\r\n  transition:\r\n\r\n    opacity .45s ease,\r\n    transform .45s ease;\r\n\r\n}\r\n\r\n\r\n.dau-person-panel:hover\r\n.dau-person-content p {\r\n\r\n  opacity:\r\n    1;\r\n\r\n  transform:\r\n    translateY(0);\r\n\r\n}\r\n\r\n\r\n.dau-person-arrow {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    6;\r\n\r\n  right:\r\n    35px;\r\n\r\n  bottom:\r\n    40px;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    28px;\r\n\r\n  transition:\r\n    transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.dau-person-panel:hover\r\n.dau-person-arrow {\r\n\r\n  transform:\r\n    translate(5px,-5px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   03 \/ EXPERIENCE\r\n   ========================================================== *\/\r\n\r\n.dau-expertise {\r\n\r\n  padding:\r\n    110px 0;\r\n\r\n  background:\r\n    var(--dau-light);\r\n\r\n}\r\n\r\n\r\n.dau-expertise-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n}\r\n\r\n\r\n.dau-expertise-index {\r\n\r\n  color:\r\n    #8E949E;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.7px;\r\n\r\n}\r\n\r\n\r\n.dau-expertise-heading {\r\n\r\n  margin-top:\r\n    20px;\r\n\r\n  margin-bottom:\r\n    85px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   SIGNAL PATH\r\n   ========================================================== *\/\r\n\r\n.dau-signal {\r\n\r\n  position:\r\n    relative;\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    repeat(5,1fr);\r\n\r\n  min-height:\r\n    155px;\r\n\r\n  margin-bottom:\r\n    75px;\r\n\r\n}\r\n\r\n\r\n.dau-signal-line {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  left:\r\n    5%;\r\n\r\n  right:\r\n    5%;\r\n\r\n  top:\r\n    31px;\r\n\r\n  height:\r\n    2px;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    #D0D5DE;\r\n\r\n}\r\n\r\n\r\n.dau-signal-line::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  top:\r\n    0;\r\n\r\n  left:\r\n    -25%;\r\n\r\n  width:\r\n    25%;\r\n\r\n  height:\r\n    100%;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      var(--dau-blue),\r\n      transparent\r\n    );\r\n\r\n  animation:\r\n    dau-signal-flow\r\n    3.8s linear\r\n    infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes dau-signal-flow {\r\n\r\n  from {\r\n\r\n    left:\r\n      -25%;\r\n\r\n  }\r\n\r\n  to {\r\n\r\n    left:\r\n      100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n.dau-signal-point {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    3;\r\n\r\n  text-align:\r\n    center;\r\n\r\n}\r\n\r\n\r\n.dau-signal-dot {\r\n\r\n  display:\r\n    block;\r\n\r\n  width:\r\n    14px;\r\n\r\n  height:\r\n    14px;\r\n\r\n  margin:\r\n    25px auto\r\n    20px;\r\n\r\n  border:\r\n    4px solid\r\n    var(--dau-light);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  background:\r\n    var(--dau-blue);\r\n\r\n  box-shadow:\r\n    0 0 0 1px\r\n    var(--dau-blue);\r\n\r\n}\r\n\r\n\r\n.dau-signal-number {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    7px;\r\n\r\n  color:\r\n    #969CA6;\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1px;\r\n\r\n}\r\n\r\n\r\n.dau-signal-point strong {\r\n\r\n  color:\r\n    var(--dau-navy);\r\n\r\n  font-size:\r\n    11px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.2px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   STATEMENTS\r\n   ========================================================== *\/\r\n\r\n.dau-statements {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap:\r\n    15px;\r\n\r\n}\r\n\r\n\r\n.dau-statement {\r\n\r\n  min-height:\r\n    430px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  justify-content:\r\n    flex-end;\r\n\r\n  padding:\r\n    42px;\r\n\r\n  border:\r\n    1px solid\r\n    #D4D9E1;\r\n\r\n  background:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dau-statement-dark {\r\n\r\n  border-color:\r\n    var(--dau-blue);\r\n\r\n  background:\r\n    var(--dau-blue);\r\n\r\n}\r\n\r\n\r\n.dau-statement > span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    auto;\r\n\r\n  color:\r\n    var(--dau-blue);\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-statement-dark > span {\r\n\r\n  color:\r\n    #DEE8F4;\r\n\r\n}\r\n\r\n\r\n.dau-statement h3 {\r\n\r\n  margin:\r\n    70px 0\r\n    20px;\r\n\r\n  color:\r\n    var(--dau-navy);\r\n\r\n  font-size:\r\n    clamp(\r\n      36px,\r\n      4vw,\r\n      59px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  font-style:\r\n    normal;\r\n\r\n  line-height:\r\n    .98;\r\n\r\n  letter-spacing:\r\n    -.065em;\r\n\r\n}\r\n\r\n\r\n.dau-statement h3 em {\r\n\r\n  color:\r\n    var(--dau-blue);\r\n\r\n  font-style:\r\n    normal;\r\n\r\n}\r\n\r\n\r\n.dau-statement-dark h3 {\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dau-statement-dark h3 em {\r\n\r\n  color:\r\n    var(--dau-navy);\r\n\r\n}\r\n\r\n\r\n.dau-statement p {\r\n\r\n  max-width:\r\n    390px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    var(--dau-grey);\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n.dau-statement-dark p {\r\n\r\n  color:\r\n    #EBF1F8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   04 \/ BEHIND THE SCENES\r\n   ========================================================== *\/\r\n\r\n.dau-scenes {\r\n\r\n  padding:\r\n    105px 0\r\n    90px;\r\n\r\n  background:\r\n    var(--dau-navy);\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dau-scenes-heading {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    70px;\r\n\r\n  margin-bottom:\r\n    65px;\r\n\r\n}\r\n\r\n\r\n.dau-section-label-light {\r\n\r\n  color:\r\n    var(--dau-steel);\r\n\r\n}\r\n\r\n\r\n.dau-section-label-light\r\n.dau-dot {\r\n\r\n  background:\r\n    var(--dau-steel);\r\n\r\n}\r\n\r\n\r\n.dau-scenes-heading h2 {\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dau-scenes-heading h2 span {\r\n\r\n  color:\r\n    var(--dau-steel);\r\n\r\n}\r\n\r\n\r\n.dau-scenes-copy {\r\n\r\n  max-width:\r\n    310px;\r\n\r\n  padding-bottom:\r\n    7px;\r\n\r\n}\r\n\r\n\r\n.dau-scenes-copy > span {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    15px;\r\n\r\n  color:\r\n    var(--dau-steel);\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-scenes-copy p {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #B7C0CF;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   PHOTO WALL\r\n   ========================================================== *\/\r\n\r\n.dau-photo-wall {\r\n\r\n  display:\r\n    grid;\r\n\r\n  grid-template-columns:\r\n    1.35fr .65fr 1fr;\r\n\r\n  grid-template-rows:\r\n    270px 330px;\r\n\r\n  gap:\r\n    15px;\r\n\r\n}\r\n\r\n\r\n.dau-work-photo {\r\n\r\n  position:\r\n    relative;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.12);\r\n\r\n}\r\n\r\n\r\n.dau-work-large {\r\n\r\n  grid-column:\r\n    1 \/ 2;\r\n\r\n  grid-row:\r\n    1 \/ 3;\r\n\r\n}\r\n\r\n\r\n.dau-work-small {\r\n\r\n  grid-column:\r\n    2 \/ 3;\r\n\r\n  grid-row:\r\n    1 \/ 2;\r\n\r\n}\r\n\r\n\r\n.dau-work-tall {\r\n\r\n  grid-column:\r\n    3 \/ 4;\r\n\r\n  grid-row:\r\n    1 \/ 3;\r\n\r\n}\r\n\r\n\r\n.dau-work-wide {\r\n\r\n  grid-column:\r\n    2 \/ 3;\r\n\r\n  grid-row:\r\n    2 \/ 3;\r\n\r\n}\r\n\r\n\r\n.dau-work-placeholder {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  inset:\r\n    0;\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    center;\r\n\r\n  flex-direction:\r\n    column;\r\n\r\n  gap:\r\n    9px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      rgba(84,113,164,.7),\r\n      rgba(9,13,31,.55)\r\n    ),\r\n\r\n    repeating-linear-gradient(\r\n      45deg,\r\n      #141D31,\r\n      #141D31 20px,\r\n      #18243B 20px,\r\n      #18243B 40px\r\n    );\r\n\r\n  transition:\r\n    transform .7s cubic-bezier(.2,.7,.15,1),\r\n    filter .5s ease;\r\n\r\n}\r\n\r\n\r\n.dau-work-photo:nth-child(2)\r\n.dau-work-placeholder {\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      155deg,\r\n      rgba(181,200,222,.34),\r\n      rgba(9,13,31,.75)\r\n    ),\r\n\r\n    #172138;\r\n\r\n}\r\n\r\n\r\n.dau-work-photo:nth-child(3)\r\n.dau-work-placeholder {\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 50% 40%,\r\n      #526987,\r\n      #172139 55%,\r\n      #090D1F\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-work-photo:nth-child(4)\r\n.dau-work-placeholder {\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      120deg,\r\n      #223959,\r\n      #0F1628\r\n    );\r\n\r\n}\r\n\r\n\r\n.dau-work-placeholder::after {\r\n\r\n  content:\r\n    \"\";\r\n\r\n  position:\r\n    absolute;\r\n\r\n  width:\r\n    160px;\r\n\r\n  height:\r\n    160px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.13);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n}\r\n\r\n\r\n.dau-work-placeholder span {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  color:\r\n    rgba(255,255,255,.55);\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.5px;\r\n\r\n}\r\n\r\n\r\n.dau-work-placeholder strong {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    clamp(\r\n      22px,\r\n      2.5vw,\r\n      37px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    -.05em;\r\n\r\n}\r\n\r\n\r\n.dau-work-photo:hover\r\n.dau-work-placeholder {\r\n\r\n  transform:\r\n    scale(1.045);\r\n\r\n  filter:\r\n    brightness(1.12);\r\n\r\n}\r\n\r\n\r\n.dau-work-info {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  z-index:\r\n    5;\r\n\r\n  left:\r\n    18px;\r\n\r\n  right:\r\n    18px;\r\n\r\n  bottom:\r\n    17px;\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    15px;\r\n\r\n  padding-top:\r\n    12px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.24);\r\n\r\n  color:\r\n    rgba(255,255,255,.72);\r\n\r\n  font-size:\r\n    7px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.4px;\r\n\r\n}\r\n\r\n\r\n.dau-scenes-footer {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  margin-top:\r\n    55px;\r\n\r\n  padding-top:\r\n    20px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.15);\r\n\r\n  color:\r\n    #78859A;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.4px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   05 \/ CTA\r\n   ========================================================== *\/\r\n\r\n.dau-cta {\r\n\r\n  position:\r\n    relative;\r\n\r\n  isolation:\r\n    isolate;\r\n\r\n  overflow:\r\n    hidden;\r\n\r\n  background:\r\n    var(--dau-blue);\r\n\r\n  color:\r\n    white;\r\n\r\n}\r\n\r\n\r\n.dau-cta .dau-grid-bg {\r\n\r\n  opacity:\r\n    .5;\r\n\r\n}\r\n\r\n\r\n.dau-cta-circle {\r\n\r\n  position:\r\n    absolute;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.16);\r\n\r\n  border-radius:\r\n    50%;\r\n\r\n  pointer-events:\r\n    none;\r\n\r\n}\r\n\r\n\r\n.dau-circle-one {\r\n\r\n  width:\r\n    620px;\r\n\r\n  height:\r\n    620px;\r\n\r\n  right:\r\n    -220px;\r\n\r\n  top:\r\n    -250px;\r\n\r\n}\r\n\r\n\r\n.dau-circle-two {\r\n\r\n  width:\r\n    390px;\r\n\r\n  height:\r\n    390px;\r\n\r\n  right:\r\n    -105px;\r\n\r\n  top:\r\n    -135px;\r\n\r\n}\r\n\r\n\r\n.dau-cta .dau-container {\r\n\r\n  position:\r\n    relative;\r\n\r\n  z-index:\r\n    2;\r\n\r\n  padding-top:\r\n    58px;\r\n\r\n  padding-bottom:\r\n    70px;\r\n\r\n}\r\n\r\n\r\n.dau-cta-top {\r\n\r\n  display:\r\n    flex;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    20px;\r\n\r\n  color:\r\n    #E7EEF7;\r\n\r\n  font-size:\r\n    8px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.8px;\r\n\r\n}\r\n\r\n\r\n.dau-cta-main {\r\n\r\n  margin:\r\n    85px 0\r\n    70px;\r\n\r\n}\r\n\r\n\r\n.dau-cta-overline {\r\n\r\n  display:\r\n    block;\r\n\r\n  margin-bottom:\r\n    18px;\r\n\r\n  color:\r\n    #DDE8F5;\r\n\r\n  font-size:\r\n    9px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    2px;\r\n\r\n}\r\n\r\n\r\n.dau-cta h2 {\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    white;\r\n\r\n  font-size:\r\n    clamp(\r\n      58px,\r\n      8.4vw,\r\n      122px\r\n    );\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  line-height:\r\n    .92;\r\n\r\n  letter-spacing:\r\n    -.085em;\r\n\r\n}\r\n\r\n\r\n.dau-cta h2 span {\r\n\r\n  color:\r\n    var(--dau-navy);\r\n\r\n}\r\n\r\n\r\n.dau-cta-bottom {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    flex-end;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    35px;\r\n\r\n  padding-top:\r\n    23px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(255,255,255,.38);\r\n\r\n}\r\n\r\n\r\n.dau-cta-bottom p {\r\n\r\n  max-width:\r\n    350px;\r\n\r\n  margin:\r\n    0;\r\n\r\n  color:\r\n    #EFF4FA;\r\n\r\n  font-size:\r\n    12px;\r\n\r\n  line-height:\r\n    1.8;\r\n\r\n}\r\n\r\n\r\n.dau-button {\r\n\r\n  display:\r\n    flex;\r\n\r\n  align-items:\r\n    center;\r\n\r\n  justify-content:\r\n    space-between;\r\n\r\n  gap:\r\n    55px;\r\n\r\n  min-width:\r\n    260px;\r\n\r\n  min-height:\r\n    62px;\r\n\r\n  padding:\r\n    16px 20px;\r\n\r\n  background:\r\n    var(--dau-navy);\r\n\r\n  color:\r\n    white !important;\r\n\r\n  font-size:\r\n    10px;\r\n\r\n  font-weight:\r\n    800;\r\n\r\n  letter-spacing:\r\n    1.1px;\r\n\r\n  transition:\r\n\r\n    transform .3s ease,\r\n    background .3s ease;\r\n\r\n}\r\n\r\n\r\n.dau-button span:last-child {\r\n\r\n  font-size:\r\n    25px;\r\n\r\n}\r\n\r\n\r\n.dau-button:hover {\r\n\r\n  transform:\r\n    translateY(-5px);\r\n\r\n  background:\r\n    #233B63;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   TABLET\r\n   ========================================================== *\/\r\n\r\n@media\r\n(max-width: 1050px) {\r\n\r\n  .dau-hero-layout {\r\n\r\n    grid-template-columns:\r\n      1fr 390px;\r\n\r\n    gap:\r\n      40px;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-portraits {\r\n\r\n    height:\r\n      440px;\r\n\r\n  }\r\n\r\n\r\n  .dau-person-content h3 {\r\n\r\n    font-size:\r\n      48px;\r\n\r\n  }\r\n\r\n\r\n  .dau-photo-wall {\r\n\r\n    grid-template-columns:\r\n      1fr 1fr;\r\n\r\n    grid-template-rows:\r\n      370px 260px 330px;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-large {\r\n\r\n    grid-column:\r\n      1 \/ 2;\r\n\r\n    grid-row:\r\n      1 \/ 3;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-small {\r\n\r\n    grid-column:\r\n      2 \/ 3;\r\n\r\n    grid-row:\r\n      1 \/ 2;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-wide {\r\n\r\n    grid-column:\r\n      2 \/ 3;\r\n\r\n    grid-row:\r\n      2 \/ 3;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-tall {\r\n\r\n    grid-column:\r\n      1 \/ 3;\r\n\r\n    grid-row:\r\n      3 \/ 4;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   MOBILE\r\n   ========================================================== *\/\r\n\r\n@media\r\n(max-width: 767px) {\r\n\r\n  .dau-container {\r\n\r\n    padding-left:\r\n      18px;\r\n\r\n    padding-right:\r\n      18px;\r\n\r\n  }\r\n\r\n\r\n  \/* HERO *\/\r\n\r\n  .dau-hero {\r\n\r\n    min-height:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero .dau-container {\r\n\r\n    min-height:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-top {\r\n\r\n    padding-top:\r\n      50px;\r\n\r\n  }\r\n\r\n\r\n  .dau-index {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-layout {\r\n\r\n    display:\r\n      block;\r\n\r\n    padding:\r\n      60px 0\r\n      45px;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-copy h1 {\r\n\r\n    font-size:\r\n      clamp(\r\n        55px,\r\n        15vw,\r\n        82px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-description {\r\n\r\n    margin-top:\r\n      35px;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-portraits {\r\n\r\n    height:\r\n      370px;\r\n\r\n    margin-top:\r\n      55px;\r\n\r\n    gap:\r\n      8px;\r\n\r\n  }\r\n\r\n\r\n  .dau-photo-label {\r\n\r\n    left:\r\n      12px;\r\n\r\n    bottom:\r\n      12px;\r\n\r\n    font-size:\r\n      6px;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-bottom {\r\n\r\n    font-size:\r\n      7px;\r\n\r\n  }\r\n\r\n\r\n  .dau-hero-bottom span:last-child {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* FOUNDERS *\/\r\n\r\n  .dau-founders {\r\n\r\n    padding-top:\r\n      70px;\r\n\r\n  }\r\n\r\n\r\n  .dau-founders-heading {\r\n\r\n    display:\r\n      block;\r\n\r\n    margin-bottom:\r\n      40px;\r\n\r\n  }\r\n\r\n\r\n  .dau-founders-heading h2,\r\n  .dau-expertise-heading h2,\r\n  .dau-scenes-heading h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        45px,\r\n        12vw,\r\n        68px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .dau-heading-copy {\r\n\r\n    margin-top:\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* DUO MOBILE *\/\r\n\r\n  .dau-duo {\r\n\r\n    display:\r\n      block;\r\n\r\n    height:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n  .dau-person-panel {\r\n\r\n    width:\r\n      100%;\r\n\r\n    height:\r\n      520px;\r\n\r\n    border-right:\r\n      0;\r\n\r\n    border-bottom:\r\n      1px solid\r\n      rgba(255,255,255,.15);\r\n\r\n  }\r\n\r\n\r\n  .dau-duo:hover .dau-person-panel,\r\n  .dau-duo .dau-person-panel:hover {\r\n\r\n    flex:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dau-person-content {\r\n\r\n    left:\r\n      22px;\r\n\r\n    right:\r\n      22px;\r\n\r\n    bottom:\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n  .dau-person-content h3 {\r\n\r\n    font-size:\r\n      46px;\r\n\r\n  }\r\n\r\n\r\n  .dau-person-arrow {\r\n\r\n    right:\r\n      22px;\r\n\r\n    bottom:\r\n      29px;\r\n\r\n  }\r\n\r\n\r\n  .dau-person-top {\r\n\r\n    left:\r\n      22px;\r\n\r\n    right:\r\n      22px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* EXPERIENCE *\/\r\n\r\n  .dau-expertise {\r\n\r\n    padding:\r\n      75px 0;\r\n\r\n  }\r\n\r\n\r\n  .dau-expertise-index {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dau-expertise-heading {\r\n\r\n    margin-bottom:\r\n      55px;\r\n\r\n  }\r\n\r\n\r\n  .dau-signal {\r\n\r\n    display:\r\n      block;\r\n\r\n    min-height:\r\n      auto;\r\n\r\n    padding-left:\r\n      25px;\r\n\r\n    margin-bottom:\r\n      55px;\r\n\r\n  }\r\n\r\n\r\n  .dau-signal-line {\r\n\r\n    left:\r\n      6px;\r\n\r\n    right:\r\n      auto;\r\n\r\n    top:\r\n      6%;\r\n\r\n    bottom:\r\n      6%;\r\n\r\n    width:\r\n      2px;\r\n\r\n    height:\r\n      auto;\r\n\r\n  }\r\n\r\n\r\n  .dau-signal-line::after {\r\n\r\n    top:\r\n      -20%;\r\n\r\n    left:\r\n      0;\r\n\r\n    width:\r\n      100%;\r\n\r\n    height:\r\n      20%;\r\n\r\n    background:\r\n\r\n      linear-gradient(\r\n        to bottom,\r\n        transparent,\r\n        var(--dau-blue),\r\n        transparent\r\n      );\r\n\r\n    animation:\r\n      dau-signal-flow-mobile\r\n      3.8s linear\r\n      infinite;\r\n\r\n  }\r\n\r\n\r\n  @keyframes dau-signal-flow-mobile {\r\n\r\n    from {\r\n\r\n      top:\r\n        -20%;\r\n\r\n    }\r\n\r\n    to {\r\n\r\n      top:\r\n        100%;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  .dau-signal-point {\r\n\r\n    min-height:\r\n      74px;\r\n\r\n    text-align:\r\n      left;\r\n\r\n    padding-left:\r\n      25px;\r\n\r\n  }\r\n\r\n\r\n  .dau-signal-dot {\r\n\r\n    position:\r\n      absolute;\r\n\r\n    left:\r\n      -25px;\r\n\r\n    top:\r\n      3px;\r\n\r\n    margin:\r\n      0;\r\n\r\n  }\r\n\r\n\r\n  .dau-signal-point strong {\r\n\r\n    font-size:\r\n      12px;\r\n\r\n  }\r\n\r\n\r\n  .dau-statements {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  .dau-statement {\r\n\r\n    min-height:\r\n      330px;\r\n\r\n    padding:\r\n      27px;\r\n\r\n  }\r\n\r\n\r\n  .dau-statement h3 {\r\n\r\n    font-size:\r\n      37px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* SCENES *\/\r\n\r\n  .dau-scenes {\r\n\r\n    padding:\r\n      75px 0\r\n      65px;\r\n\r\n  }\r\n\r\n\r\n  .dau-scenes-heading {\r\n\r\n    display:\r\n      block;\r\n\r\n    margin-bottom:\r\n      45px;\r\n\r\n  }\r\n\r\n\r\n  .dau-scenes-copy {\r\n\r\n    margin-top:\r\n      27px;\r\n\r\n  }\r\n\r\n\r\n  .dau-photo-wall {\r\n\r\n    display:\r\n      block;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-photo {\r\n\r\n    width:\r\n      100%;\r\n\r\n    height:\r\n      330px;\r\n\r\n    margin-bottom:\r\n      10px;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-small {\r\n\r\n    height:\r\n      240px;\r\n\r\n  }\r\n\r\n\r\n  .dau-work-wide {\r\n\r\n    height:\r\n      250px;\r\n\r\n  }\r\n\r\n\r\n  .dau-scenes-footer {\r\n\r\n    font-size:\r\n      6px;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* CTA *\/\r\n\r\n  .dau-cta .dau-container {\r\n\r\n    padding-top:\r\n      48px;\r\n\r\n    padding-bottom:\r\n      55px;\r\n\r\n  }\r\n\r\n\r\n  .dau-cta-top {\r\n\r\n    font-size:\r\n      6px;\r\n\r\n  }\r\n\r\n\r\n  .dau-cta-top span:last-child {\r\n\r\n    display:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dau-cta-main {\r\n\r\n    margin:\r\n      65px 0\r\n      50px;\r\n\r\n  }\r\n\r\n\r\n  .dau-cta h2 {\r\n\r\n    font-size:\r\n      clamp(\r\n        47px,\r\n        13vw,\r\n        72px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .dau-cta-bottom {\r\n\r\n    flex-direction:\r\n      column;\r\n\r\n    align-items:\r\n      stretch;\r\n\r\n  }\r\n\r\n\r\n  .dau-button {\r\n\r\n    width:\r\n      100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ==========================================================\r\n   REDUCED MOTION\r\n   ========================================================== *\/\r\n\r\n@media\r\n(prefers-reduced-motion: reduce) {\r\n\r\n  .dau-reveal {\r\n\r\n    opacity:\r\n      1;\r\n\r\n    transform:\r\n      none;\r\n\r\n    transition:\r\n      none;\r\n\r\n  }\r\n\r\n\r\n  .dau-scan,\r\n  .dau-signal-line::after,\r\n  .dau-page * {\r\n\r\n    animation-play-state:\r\n      paused !important;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n(function () {\r\n\r\n  var items =\r\n    document.querySelectorAll(\r\n      '.dau-page .dau-reveal'\r\n    );\r\n\r\n  if (!items.length) {\r\n    return;\r\n  }\r\n\r\n\r\n  if (!('IntersectionObserver' in window)) {\r\n\r\n    for (\r\n      var i = 0;\r\n      i < items.length;\r\n      i++\r\n    ) {\r\n\r\n      items[i].classList.add(\r\n        'dau-visible'\r\n      );\r\n\r\n    }\r\n\r\n    return;\r\n\r\n  }\r\n\r\n\r\n  var observer =\r\n    new IntersectionObserver(\r\n      function (entries) {\r\n\r\n        for (\r\n          var j = 0;\r\n          j < entries.length;\r\n          j++\r\n        ) {\r\n\r\n          if (\r\n            entries[j].isIntersecting\r\n          ) {\r\n\r\n            entries[j].target.classList.add(\r\n              'dau-visible'\r\n            );\r\n\r\n            observer.unobserve(\r\n              entries[j].target\r\n            );\r\n\r\n          }\r\n\r\n        }\r\n\r\n      },\r\n      {\r\n        threshold: 0.12\r\n      }\r\n    );\r\n\r\n\r\n  for (\r\n    var k = 0;\r\n    k < items.length;\r\n    k++\r\n  ) {\r\n\r\n    observer.observe(\r\n      items[k]\r\n    );\r\n\r\n  }\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DISPLERO \/ ABOUT US 01 \u2014 THE PEOPLE THE PEOPLE BEHIND THE PIXELS. PEOPLE \/ TECHNOLOGY \/ EXPERIENCE Displays may be at the centre of what we do, but every successful installation starts with people who understand the technology behind it. DISPLERO\u00ae REAL PEOPLE. REAL TECHNOLOGY. 02 \/ WHO WE ARE TWO PEOPLE. ONE DIRECTION. [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"footnotes":""},"class_list":["post-1206","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"brizy_media":[],"_links":{"self":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/comments?post=1206"}],"version-history":[{"count":105,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1206\/revisions"}],"predecessor-version":[{"id":2410,"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/pages\/1206\/revisions\/2410"}],"wp:attachment":[{"href":"https:\/\/displero.com\/pl\/wp-json\/wp\/v2\/media?parent=1206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}