Tellepsen Rotating Text

HTML

              
                <section class="tellepsen-hero-animation">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1617.21 1153.85">

    <defs>

      <mask id="diagnol_line_mask" maskUnits="userSpaceOnUse">
        <line id="diagnol_line_mask_path" x1="733.64" y1="631.55" x2="265.72" y2="377" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </mask>

      <mask id="bottom_line_left_to_right_mask" maskUnits="userSpaceOnUse">
        <line id="bottom_line_left_to_right_mask_path" x1="951.27" y1="630.82" x2="246.64" y2="729.85" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </mask>

      <mask id="top_line_top_half_mask" maskUnits="userSpaceOnUse">
        <line id="top_line_top_half_mask_path" x1="546.54" y1="204.02" x2="546.54" y2="518.75" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </mask>

      <mask id="top_line_bottom_half_mask" maskUnits="userSpaceOnUse">
        <line id="top_line_bottom_half_mask_path" x1="546.54" y1="528.06" x2="546.54" y2="687.76" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </mask>

      <mask id="top_line_left_to_right_mask" maskUnits="userSpaceOnUse">
        <line id="top_line_left_to_right_mask_path" x1="1247.13" y1="349.43" x2="537.05" y2="449.23" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </mask>

      <mask id="right_line_top_to_bottom_mask" maskUnits="userSpaceOnUse">
        <line id="right_line_top_to_bottom_mask_path" x1="697.57" y1="501.95" x2="697.17" y2="1007" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </mask>

    </defs>

    <g id="background">
      <rect x="11.5" width="1578" height="1124" fill="#00263a" />
      <g class="opacity-0" id="RESPONSIBILITY_BG" opacity="0.12">
        <path d="M40.19,102.66H29v56.07H-11.5V6.52H41.28q32.19,0,48.07,11.61t15.88,35.69q0,14.46-6.68,24.09T77.2,95.22l37.88,63.51H70ZM29,75.07H42.59q21,0,21-21.25,0-9.85-5.81-14.45T40.4,34.77H29Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M220.86,6.52,216.7,35.21H164.79V67.62h45.34V95.43H164.79V130H220.2v28.69H124.28V6.52Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M319.74,7.62A70,70,0,0,1,343.5,22.73L325.32,44.19q-15.76-12.48-33.07-12.48c-6,0-10.55,1.13-13.68,3.39a11,11,0,0,0-4.71,9.53,10.75,10.75,0,0,0,2.41,7.22q2.4,2.85,8.1,5.48a173.57,173.57,0,0,0,18,6.57q23.43,7.44,34.27,18.72t10.84,31.21A44.6,44.6,0,0,1,340,139.34q-7.46,11.07-21.58,17.2t-33.17,6.13q-36.36,0-59.35-22.12l19.93-22.12q18.16,14.9,37.88,14.89,10.29,0,16-4.49a14.44,14.44,0,0,0,5.69-11.93,15.66,15.66,0,0,0-2.19-8.65q-2.19-3.41-7.77-6.14a117.25,117.25,0,0,0-16.32-6Q253.27,88,242.76,76.6T232.25,47.91A40.07,40.07,0,0,1,239.58,24Q246.92,13.75,260,8.16a73.58,73.58,0,0,1,29.24-5.58Q306.49,2.58,319.74,7.62Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M463.4,19.33q17,12.81,17,37.56,0,25.85-16.42,39.31t-44.24,13.47H404.16v49.06H363.64V6.52h52.13Q446.43,6.52,463.4,19.33ZM433.18,75.07q5.79-5.7,5.8-18Q439,35,415.11,35H404.16V80.76H416Q427.38,80.76,433.18,75.07Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M611.33,23.6q18.4,21,18.4,58.91,0,24.75-8.21,42.82t-24,27.7q-15.78,9.63-37.67,9.64-33.07,0-51.36-21T490.23,82.51q0-24.74,8.21-42.7t23.87-27.6Q538,2.58,559.87,2.58,592.93,2.58,611.33,23.6ZM539,43.53q-6.68,11.84-6.68,39t6.79,39.1q6.8,11.92,20.81,11.93,14.45,0,21-11.83t6.57-39.2q0-27.15-6.57-39t-21-11.82Q545.64,31.71,539,43.53Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M767.48,158.73h-51L677.91,44.19l.65,4.6q2.19,15.1,3.4,28.36t1.2,30.11v51.47H647.25V6.52h49.93L737,121.5Q734.4,105.07,733,91.93a283.53,283.53,0,0,1-1.42-30.22V6.52h35.92Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M874.24,7.62A70,70,0,0,1,898,22.73L879.82,44.19q-15.77-12.48-33.07-12.48-9,0-13.68,3.39a11.07,11.07,0,0,0-4.71,9.53,10.75,10.75,0,0,0,2.41,7.22q2.4,2.85,8.1,5.48a174.47,174.47,0,0,0,18,6.57q23.43,7.44,34.27,18.72t10.84,31.21a44.6,44.6,0,0,1-7.44,25.51q-7.46,11.07-21.58,17.2t-33.17,6.13q-36.36,0-59.35-22.12l19.93-22.12q18.17,14.9,37.88,14.89,10.29,0,16-4.49a14.41,14.41,0,0,0,5.69-11.93,15.74,15.74,0,0,0-2.18-8.65q-2.21-3.41-7.78-6.14a117.25,117.25,0,0,0-16.32-6Q807.78,88,797.26,76.6T786.75,47.91A40.07,40.07,0,0,1,794.08,24q7.33-10.29,20.37-15.88a73.58,73.58,0,0,1,29.24-5.58Q861,2.58,874.24,7.62Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M958.66,6.52V158.73H918.15V6.52Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1092.25,89.3q9.42,8.11,9.42,24.75,0,24.75-18,34.71t-50.15,10H982.31V6.52h45.34q32.83,0,50.26,9.09t17.41,30.11q0,13.37-8,21.35a42.43,42.43,0,0,1-19.82,11.06Q1082.83,81.21,1092.25,89.3Zm-69.42-54.53V66.53h10.51q10.73,0,15.77-4t5-12.7q0-8.1-5.36-11.6t-17.41-3.51ZM1053.27,126q6.57-3.84,6.57-14.35,0-10.06-6.13-14.56T1036,92.59h-13.14v37.23h10.95Q1046.7,129.82,1053.27,126Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1158.39,6.52V158.73h-40.52V6.52Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1222.55,6.52V127.19H1281l-4.38,31.54H1182V6.52Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1335.78,6.52V158.73h-40.52V6.52Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1467.83,6.52l-4.16,30.88h-35.91V158.73h-40.52V37.4h-38.11V6.52Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1602.74,6.52,1554.12,102v56.73H1513.6V102.22L1465,6.52h44.24l25.19,64.61,25.4-64.61Z" transform="translate(11.5)" fill="#0082ca" />
      </g>
      <g class="opacity-0" id="POSSIBILITY_BG" opacity="0.12">
        <path d="M122.23,215.49q22.47,17,22.48,49.74,0,34.22-21.75,52T64.38,335.12H43.79v65H-9.86V198.53h69Q99.75,198.53,122.23,215.49Zm-40,73.81q7.68-7.55,7.69-23.78,0-29.29-31.61-29.29H43.79v60.61H59.45Q74.53,296.84,82.21,289.3Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M318.13,221.15q24.36,27.84,24.36,78,0,32.77-10.88,56.69t-31.75,36.69Q279,405.29,250,405.3q-43.8,0-68-27.84t-24.21-78.3q0-32.78,10.87-56.55t31.61-36.54Q221,193.31,250,193.31,293.77,193.31,318.13,221.15Zm-95.85,26.39q-8.85,15.66-8.84,51.62t9,51.76q9,15.81,27.55,15.81,19.14,0,27.84-15.66t8.7-51.91q0-36-8.7-51.62T250,231.88Q231.13,231.88,222.28,247.54Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M475.74,200a92.88,92.88,0,0,1,31.46,20l-24.07,28.42q-20.88-16.53-43.79-16.53-11.88,0-18.12,4.49A14.67,14.67,0,0,0,415,249a14.27,14.27,0,0,0,3.19,9.57q3.19,3.76,10.73,7.25a229.67,229.67,0,0,0,23.78,8.7q31,9.86,45.39,24.79t14.35,41.33q0,19.14-9.86,33.78T474,397.18q-18.71,8.11-43.94,8.12-48.13,0-78.59-29.29l26.39-29.29q24.08,19.72,50.17,19.72,13.64,0,21.17-5.95a19.1,19.1,0,0,0,7.54-15.8q0-7-2.9-11.46t-10.29-8.12a155.55,155.55,0,0,0-21.61-8q-34.21-10.72-48.14-25.81t-13.92-38q0-18,9.72-31.61t27-21q17.25-7.39,38.71-7.39Q458.19,193.31,475.74,200Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M641,200a92.88,92.88,0,0,1,31.46,20l-24.07,28.42q-20.88-16.53-43.79-16.53-11.89,0-18.12,4.49A14.67,14.67,0,0,0,580.28,249a14.27,14.27,0,0,0,3.19,9.57q3.19,3.76,10.73,7.25a229.67,229.67,0,0,0,23.78,8.7q31,9.86,45.39,24.79t14.35,41.33q0,19.14-9.86,33.78T639.3,397.18q-18.7,8.11-43.94,8.12-48.14,0-78.59-29.29l26.39-29.29q24.08,19.72,50.17,19.72,13.63,0,21.17-5.95a19.1,19.1,0,0,0,7.54-15.8q0-7-2.9-11.46t-10.29-8.12a156,156,0,0,0-21.61-8Q553,306.42,539.1,291.33t-13.92-38q0-18,9.72-31.61t27-21q17.25-7.39,38.71-7.39Q623.49,193.31,641,200Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M752.83,198.53V400.08H699.18V198.53Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M929.73,308.15q12.46,10.73,12.47,32.77,0,32.77-23.78,46T852,400.08H784.15V198.53h60q43.5,0,66.55,12t23.06,39.88q0,17.69-10.59,28.27A56.28,56.28,0,0,1,897,293.36Q917.26,297.42,929.73,308.15ZM837.8,235.94V278h13.92q14.21,0,20.88-5.22T879.27,256q0-10.72-7.11-15.37t-23-4.64Zm40.31,120.78q8.7-5.07,8.7-19,0-13.34-8.12-19.29T855.2,312.5H837.8v49.3h14.5Q869.4,361.8,878.11,356.72Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1017.3,198.53V400.08H963.66V198.53Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1102.27,198.53V358.32h77.44l-5.8,41.76H1048.62V198.53Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1252.2,198.53V400.08h-53.65V198.53Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1427.07,198.53l-5.51,40.89H1374V400.08h-53.65V239.42h-50.46V198.53Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1605.71,198.53,1541.33,325v75.11h-53.65V325.26L1423.3,198.53h58.58l33.35,85.55,33.64-85.55Z" transform="translate(11.5)" fill="#0082ca" />
      </g>
      <g class="opacity-0" id="DEPENDABILITY_BG" opacity="0.12">
        <path d="M98.76,448.57q22.89,17.07,22.9,61.95,0,80.15-80.38,80.15H-9.56V431.51H38.07Q75.85,431.51,98.76,448.57ZM32.81,461.74v98.7h11q17.4,0,25.76-11t8.36-38.93q0-19.25-4-29.89T62.46,465.86q-7.44-4.12-18.89-4.12Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M241.19,431.51l-4.35,30H182.57V495.4H230v29.09h-47.4v36.18h57.94v30H140.21V431.51Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M364.28,444.91Q382,458.3,382,484.18q0,27-17.18,41.11T318.6,539.37H302.34v51.3H260V431.51h54.5Q346.54,431.51,364.28,444.91Zm-31.6,58.28q6.06-6,6.07-18.78,0-23.13-25-23.13H302.34v47.86H314.7Q326.61,509.14,332.68,503.19Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M499.5,431.51l-4.35,30H440.88V495.4h47.4v29.09h-47.4v36.18h57.94v30H398.52V431.51Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M644,590.67H590.65L550.34,470.9l.69,4.81q2.28,15.8,3.55,29.65t1.26,31.49v53.82H518.28V431.51h52.21l41.68,120.23q-2.74-17.18-4.24-30.92a297.48,297.48,0,0,1-1.48-31.6V431.51H644Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M777.05,448.57q22.89,17.07,22.9,61.95,0,80.15-80.38,80.15H668.73V431.51h47.64Q754.16,431.51,777.05,448.57ZM711.1,461.74v98.7h11q17.4,0,25.76-11t8.36-38.93q0-19.25-4-29.89t-11.45-14.77q-7.44-4.12-18.89-4.12Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M899.79,590.67l-7.1-32.52H850.56l-7.1,32.52h-44l47.18-159.16H897.5l47.18,159.16ZM857.2,527.92h28.85l-14.42-66.18Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1067.65,518.07q9.84,8.48,9.85,25.88,0,25.89-18.78,36.3t-52.44,10.42H952.69V431.51h47.4q34.35,0,52.56,9.51t18.2,31.48q0,14-8.35,22.33a44.43,44.43,0,0,1-20.73,11.57Q1057.81,509.61,1067.65,518.07Zm-72.59-57v33.21h11q11.22,0,16.49-4.12t5.26-13.28q0-8.48-5.61-12.14t-18.2-3.67Zm31.83,95.38q6.87-4,6.87-15,0-10.53-6.42-15.23t-18.55-4.69H995.06v38.93h11.44Q1020,560.44,1026.89,556.43Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1136.8,431.51V590.67h-42.36V431.51Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1203.9,431.51V557.69H1265l-4.58,33h-98.92V431.51Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1322.29,431.51V590.67h-42.36V431.51Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1460.38,431.51,1456,463.8h-37.56V590.67h-42.36V463.8h-39.85V431.51Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1601.44,431.51l-50.84,99.85v59.31h-42.36V531.59L1457.4,431.51h46.26L1530,499.07l26.56-67.56Z" transform="translate(11.5)" fill="#0082ca" />
      </g>
      <g class="opacity-0" id="INTEGRITY_BG" opacity="0.12">
        <path d="M62.78,630.48V868.17H-.49V630.48Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M287.47,868.17H207.79L147.6,689.3l1,7.18q3.42,23.61,5.3,44.29t1.88,47v80.37H99.72V630.48h78L239.94,810q-4.11-25.65-6.33-46.17a441.26,441.26,0,0,1-2.22-47.2V630.48h56.08Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M493.7,630.48l-6.5,48.22H431.11V868.17H367.84V678.7H308.33V630.48Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M662.3,630.48l-6.49,44.8H574.75V725.9h70.8v43.43h-70.8v54h86.53v44.8H511.48V630.48Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M874.69,654.42l-31.12,32.49q-13-9.24-23.43-13.51a62.27,62.27,0,0,0-23.77-4.28q-25.65,0-40.19,19.84t-14.53,60.53q0,29.76,4.79,47T761,821.31q9.75,7.53,25.14,7.53a60.47,60.47,0,0,0,28-6.5V773.43h-27L781,730h94.39V848.33a151.63,151.63,0,0,1-41.72,19.15,161.9,161.9,0,0,1-45.83,6.84q-111.49,0-111.49-125.17,0-39,15.22-67.2T733.1,639q26.32-14.7,59.85-14.71Q840.48,624.32,874.69,654.42Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M988.23,780.62H970.79v87.55H907.51V630.48h82.43q50.26,0,75.07,18.12t24.79,55.75q0,22.57-10.43,37.62T1046,769l59.17,99.18h-70.45Zm-17.44-43.1H992q32.84,0,32.83-33.17,0-15.39-9.06-22.57t-27.19-7.18H970.79Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1182.82,630.48V868.17h-63.27V630.48Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1389.05,630.48l-6.5,48.22h-56.09V868.17h-63.27V678.7h-59.51V630.48Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1599.72,630.48,1523.8,779.59v88.58h-63.27V779.93L1384.6,630.48h69.09L1493,731.37l39.67-100.89Z" transform="translate(11.5)" fill="#0082ca" />
      </g>
      <g class="opacity-0" id="INGENUITY_BG" opacity="0.12">
        <path d="M58.94,917.13v230.74H-2.48V917.13Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M277.06,1147.87H199.71L141.27,974.24l1,7q3.31,22.9,5.15,43t1.82,45.65v78H94.79V917.13h75.7l60.42,174.3q-4-24.9-6.14-44.82a429.75,429.75,0,0,1-2.16-45.81V917.13h54.45Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M496.51,940.37,466.3,971.91q-12.62-9-22.74-13.11a60.39,60.39,0,0,0-23.08-4.15q-24.9,0-39,19.25t-14.11,58.77q0,28.88,4.65,45.65t14.11,24.07q9.47,7.3,24.4,7.3a58.8,58.8,0,0,0,27.23-6.3v-47.48H411.52l-6-42.17h91.64v114.88a148,148,0,0,1-40.51,18.59,157.37,157.37,0,0,1-44.49,6.64Q304,1153.85,304,1032.34q0-37.84,14.78-65.24t40.33-41.67q25.57-14.26,58.1-14.27Q463.32,911.16,496.51,940.37Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M674.79,917.13l-6.31,43.49H589.8v49.14h68.72v42.16H589.8v52.46h84v43.49H528.38V917.13Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M884.28,1147.87H806.93L748.5,974.24l1,7q3.32,22.9,5.15,43t1.82,45.65v78H702V917.13h75.7l60.42,174.3q-4-24.9-6.14-44.82a429.75,429.75,0,0,1-2.16-45.81V917.13h54.45Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1102.74,1070.52q0,23.89-10.46,42.83t-31.37,29.71q-20.92,10.79-51.13,10.79-45.82,0-69.39-22.41t-23.57-60.92V917.13h61.42v151.4q0,20.91,7.47,30.71t24.07,9.79q16.59,0,23.9-10t7.31-30.54V917.13h61.75Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1196.36,917.13v230.74h-61.42V917.13Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1396.55,917.13l-6.3,46.81H1335.8v183.93h-61.42V963.94h-57.77V917.13Z" transform="translate(11.5)" fill="#0082ca" />
        <path d="M1601.06,917.13l-73.7,144.76v86h-61.42v-85.65l-73.7-145.09h67.06l38.18,97.94L1536,917.13Z" transform="translate(11.5)" fill="#0082ca" />
      </g>
      <g id="THE_IN">
        <g class="opacity-0" id="THE">
          <path d="M393.52,556.75l-1.15,9.07H380.06v40.83H368.25V565.82H355.36v-9.07Z" transform="translate(11.5)" fill="#fff" />
          <path d="M425.06,606.65V585.26h-15v21.39H398.27v-49.9h11.81v19.3h15v-19.3h11.8v49.9Z" transform="translate(11.5)" fill="#fff" />
          <path d="M476.82,556.75l-1.22,8.43H458v12h15.34v8.28H458v12.74h18.79v8.5h-30.6v-49.9Z" transform="translate(11.5)" fill="#fff" />
        </g>
        <g class="opacity-0" id="IN">
          <path d="M751.86,556.75v49.9h-11.8v-49.9Z" transform="translate(11.5)" fill="#fff" />
          <path d="M799.6,606.65H784.55L770.15,568c.48,3.8.85,7.14,1.12,10s.39,6.35.39,10.33v18.29H761.15v-49.9h14.69l14.76,38.74A117,117,0,0,1,789,576.91V556.75H799.6Z" transform="translate(11.5)" fill="#fff" />
        </g>
      </g>
    </g>
    <g id="T">
      <g id="top_line">
        <g mask="url(#top_line_top_half_mask)">
          <line id="top_line_top_half" x1="546.54" y1="204.02" x2="546.54" y2="518.75" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
        </g>
        <g mask="url(#top_line_bottom_half_mask)">
          <line id="top_line_bottom_half" x1="546.54" y1="528.06" x2="546.54" y2="687.76" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
        </g>
      </g>
      <g mask="url(#bottom_line_left_to_right_mask)">
        <line id="bottom_line_left_to_right" x1="951.27" y1="630.82" x2="246.64" y2="729.85" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </g>
      <g id="tellepsen_t" style="isolation:isolate">
        <g class="opacity-0" id="tellepsen_t_left_shadow">
          <polygon points="621.09 728.71 546.64 688.21 547.04 472.14 621.49 512.64 621.09 728.71" fill="#800007" />
        </g>
        <g id="tellepsen_t_t">
          <polygon points="782.24 414.77 782.1 490.07 697.57 501.94 697.17 718.02 621.09 728.71 621.49 512.64 536.91 524.52 537.05 449.23 782.24 414.77" fill="#ea0029" />
        </g>
        <g class="opacity-0" id="tellepsen_t_upper_left_shadow">
          <polygon points="536.91 524.52 462.46 484.03 462.6 408.73 537.05 449.23 536.91 524.52" fill="#800007" />
        </g>
        <g class="opacity-0" id="tellepsen_t_top_shadow">
          <polygon points="537.05 449.23 462.6 408.73 707.79 374.27 782.24 414.77 537.05 449.23" fill="#b71321" />
        </g>
      </g>
      <g mask="url(#top_line_left_to_right_mask)">
        <line id="top_line_left_to_right" x1="1247.13" y1="349.43" x2="537.05" y2="449.23" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </g>
      <g mask="url(#right_line_top_to_bottom_mask)">
        <line id="right_line_top_to_bottom" x1="697.57" y1="501.95" x2="697.17" y2="1007" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </g>
      <g id="top_right_corner">
        <polygon class="opacity-0" id="top_right_corner_square" points="728.15 528.27 697.57 532.53 697.57 501.94 728.15 497.69 728.15 528.27" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" />
        <polyline class="opacity-0" id="top_right_corner_angle" points="697.57 544.09 697.57 501.94 743.08 495.47" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" />
      </g>
      <g id="bottom_left_corner">
        <polygon class="opacity-0" id="bottom_left_corner_square" points="546.54 687.76 515.96 692.02 515.96 661.43 546.54 657.18 546.54 687.76" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" />
        <polyline class="opacity-0" id="bottom_left_corner_square_angle" points="546.54 634.87 546.54 687.76 505.53 693.41" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" />
      </g>
      <g mask="url(#diagnol_line_mask)">
        <line id="diagnol_line" x1="733.64" y1="631.55" x2="265.72" y2="377" fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="2" stroke-dasharray="29.19 29.19" />
      </g>
    </g>
    <g id="Words_Cycle" data-name="Words Cycle">
      <g id="INTEGRITY" class="text">
        <path d="M849.53,558v49.9H837.72V 558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M897.27,607.91h-15l-14.4-38.66q.72,5.68,1.12,10t.39,10.33v18.29H858.82V558h14.69l14.76,38.74a117,117,0,0,1-1.59-18.58V558h10.59Z" transform="translate(11.5)" fill="#fff" />
        <path d="M940.68,558l-1.15,9.08H927.22v40.82H915.41V567.09H902.52V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M976,558l-1.23,8.43H957.24v11.95h15.34v8.28H957.24v12.74H976v8.5h-30.6V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1020.53,562.91l-6,6.26a21.59,21.59,0,0,0-4.93-2.91,14.06,14.06,0,0,0-5.22-.9,10.55,10.55,0,0,0-8.85,4.35q-3.31,4.37-3.32,13.22,0,9.57,2.52,13.57t7.85,4a13.88,13.88,0,0,0,6.77-1.65V587.53h-6.48l-1.15-8.35h19.08v24.7a32.25,32.25,0,0,1-8.57,3.89,33.28,33.28,0,0,1-9.36,1.36q-11.37,0-17.14-6.65T980,582.93a29.66,29.66,0,0,1,3.14-14.11,21.53,21.53,0,0,1,8.57-9,25.73,25.73,0,0,1,28.83,3.06Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1045.15,588.83h-4.6v19.08h-11.81V558h16.34q10.23,0,15.37,3.75t5.15,11.45a13.47,13.47,0,0,1-2.3,8,17.63,17.63,0,0,1-7.27,5.43l12.67,21.24h-13.32Zm-4.6-8.14h5c2.64,0,4.62-.59,5.94-1.79s2-3.1,2-5.69q0-3.6-2.12-5.26c-1.42-1.1-3.59-1.66-6.52-1.66h-4.24Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1085,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1128.38,558l-1.15,9.08h-12.31v40.82h-11.81V567.09h-12.88V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1171.73,558l-16,31.18v18.72h-11.8V589.26L1128,558h12.89l9.22,22,9.21-22Z" transform="translate(11.5)" fill="#fff" />
      </g>
      <g id="DEPENDABILITY" class="text">
        <path d="M870.45,563.31q7.08,5.28,7.09,19.4,0,13.9-6.91,19.55t-17.93,5.65h-15V558h13.9Q863.35,558,870.45,563.31Zm-20.92,3.27v32.76h3.89q5.83,0,8.86-3.63t3-13q0-6.4-1.51-9.93a9.26,9.26,0,0,0-4.11-4.87,14,14,0,0,0-6.4-1.33Z" transform="translate(11.5)" fill="#fff" />
        <path d="M915.19,558,914,566.44H896.4v11.95h15.34v8.28H896.4v12.74h18.79v8.5h-30.6V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M953.93,562.12q5.48,4.11,5.47,12.17,0,8.41-5.36,12.7t-14.37,4.29h-5.4v16.63h-11.8V558h16.12Q948.46,558,953.93,562.12ZM945,580.8q2.19-2,2.19-6.51,0-7.85-8.78-7.85h-4.18v16.34h4.4Q942.84,582.78,945,580.8Z" transform="translate(11.5)" fill="#fff" />
        <path d="M996.26,558,995,566.44H977.47v11.95h15.34v8.28H977.47v12.74h18.79v8.5H965.67V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1042,607.91h-15l-14.4-38.66c.47,3.79.85,7.14,1.11,10s.4,6.35.4,10.33v18.29h-10.51V558h14.68L1033,596.75a118.1,118.1,0,0,1-1.58-18.58V558H1042Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1084,563.31q7.08,5.28,7.09,19.4,0,13.9-6.91,19.55t-17.93,5.65h-15V558h13.9Q1076.9,558,1084,563.31Zm-20.92,3.27v32.76H1067q5.83,0,8.85-3.63t3-13c0-4.27-.51-7.58-1.51-9.93a9.26,9.26,0,0,0-4.11-4.87,14,14,0,0,0-6.41-1.33Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1123.7,607.91l-2.59-10.73h-14.54l-2.52,10.73h-12.24l15-49.9h14.33l15,49.9Zm-15.12-19.3h10.51l-5.25-22Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1174.57,585.16q3.14,2.73,3.13,8.21,0,8-5.72,11.26t-16,3.28H1139.9V558H1154q10.52,0,16.06,3t5.54,9.76a9.73,9.73,0,0,1-2.62,7.09,13.3,13.3,0,0,1-6.52,3.64A16.77,16.77,0,0,1,1174.57,585.16Zm-22.86-18.79V578h4.39q7.49,0,7.49-6.05a4.64,4.64,0,0,0-2-4.28c-1.34-.84-3.48-1.26-6.4-1.26Zm11.41,31.57q2.42-1.41,2.41-5.22,0-6.91-8.64-6.91h-5.18v13.53H1156Q1160.71,599.34,1163.12,597.94Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1196.13,558v49.9h-11.8V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1217.23,558v40.54h19.44l-1.22,9.36h-30V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1254.17,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1297.58,558l-1.15,9.08h-12.31v40.82h-11.81V567.09h-12.89V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1340.92,558l-16,31.18v18.72h-11.81V589.26l-16-31.25H1310l9.21,22,9.22-22Z" transform="translate(11.5)" fill="#fff" />
      </g>
      <g id="RESPONSIBILITY" class="text">
        <path d="M854.14,588.83h-4.61v19.08H837.72V558h16.35q10.21,0,15.37,3.75t5.15,11.45a13.4,13.4,0,0,1-2.31,8,17.56,17.56,0,0,1-7.27,5.43l12.67,21.24H864.36Zm-4.61-8.14h5c2.64,0,4.62-.59,5.94-1.79s2-3.1,2-5.69q0-3.6-2.12-5.26c-1.42-1.1-3.59-1.66-6.52-1.66h-4.25Z" transform="translate(11.5)" fill="#fff" />
        <path d="M912.75,558l-1.23,8.43H894v11.95h15.33v8.28H894v12.74h18.79v8.5h-30.6V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M945.11,558.37a22.39,22.39,0,0,1,7.52,4.83l-5.47,6.41a17,17,0,0,0-10.94-4.18,8.41,8.41,0,0,0-4.9,1.26,4.17,4.17,0,0,0-1.8,3.64,4.41,4.41,0,0,0,.79,2.7,7.6,7.6,0,0,0,2.81,2,59.12,59.12,0,0,0,6,2.23q7.64,2.44,11.23,6t3.6,10.12a14.51,14.51,0,0,1-2.37,8.24,15.49,15.49,0,0,1-6.84,5.54,26,26,0,0,1-10.59,2,28.13,28.13,0,0,1-10.83-1.94,25.52,25.52,0,0,1-8.1-5.18l6-6.56a21.52,21.52,0,0,0,5.94,3.68,17.89,17.89,0,0,0,6.66,1.22,9.36,9.36,0,0,0,5.8-1.62,5.35,5.35,0,0,0,2.12-4.5,5.75,5.75,0,0,0-.79-3.13,6.83,6.83,0,0,0-2.74-2.27,36.58,36.58,0,0,0-5.61-2.16q-8.28-2.52-11.77-6.19a13.89,13.89,0,0,1-1.19-16.89,14.72,14.72,0,0,1,6.41-5,23.37,23.37,0,0,1,9.28-1.76A27.4,27.4,0,0,1,945.11,558.37Z" transform="translate(11.5)" fill="#fff" />
        <path d="M992,562.12q5.46,4.11,5.47,12.17,0,8.41-5.37,12.7t-14.36,4.29h-5.4v16.63H960.48V558h16.13Q986.48,558,992,562.12Zm-8.9,18.68q2.21-2,2.2-6.51,0-7.85-8.78-7.85h-4.18v16.34h4.39C979.46,582.78,981.59,582.12,983.05,580.8Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1040.44,563.63q5.94,6.84,5.94,19.3a33.56,33.56,0,0,1-2.7,14,20.13,20.13,0,0,1-7.78,9,24.86,24.86,0,0,1-24.08,0,20,20,0,0,1-7.74-9,37.93,37.93,0,0,1,0-28.11,20.2,20.2,0,0,1,7.74-9,22.28,22.28,0,0,1,12-3.13Q1034.49,556.79,1040.44,563.63Zm-24.19,5.94q-2.49,4.14-2.49,13.36t2.52,13.39a9.06,9.06,0,0,0,15.23,0q2.49-4.14,2.48-13.43t-2.52-13.4a8.36,8.36,0,0,0-7.63-4.1A8.24,8.24,0,0,0,1016.25,569.57Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1091.88,607.91h-15.05l-14.4-38.66q.72,5.68,1.12,10t.39,10.33v18.29h-10.51V558h14.69l14.76,38.74a116.91,116.91,0,0,1-1.58-18.58V558h10.58Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1127,558.37a22.39,22.39,0,0,1,7.52,4.83l-5.47,6.41a17,17,0,0,0-10.94-4.18,8.41,8.41,0,0,0-4.9,1.26,4.17,4.17,0,0,0-1.8,3.64,4.41,4.41,0,0,0,.79,2.7,7.6,7.6,0,0,0,2.81,2,59.12,59.12,0,0,0,6,2.23q7.64,2.44,11.23,6t3.6,10.12a14.51,14.51,0,0,1-2.37,8.24,15.49,15.49,0,0,1-6.84,5.54,26,26,0,0,1-10.59,2,28.13,28.13,0,0,1-10.83-1.94,25.52,25.52,0,0,1-8.1-5.18l6-6.56a21.52,21.52,0,0,0,5.94,3.68,17.89,17.89,0,0,0,6.66,1.22,9.36,9.36,0,0,0,5.8-1.62,5.35,5.35,0,0,0,2.12-4.5,5.75,5.75,0,0,0-.79-3.13,6.83,6.83,0,0,0-2.74-2.27,36.58,36.58,0,0,0-5.61-2.16q-8.28-2.52-11.77-6.19a13.89,13.89,0,0,1-1.19-16.89,14.72,14.72,0,0,1,6.41-5,23.37,23.37,0,0,1,9.28-1.76A27.4,27.4,0,0,1,1127,558.37Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1154.16,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1198.12,585.16c2.08,1.82,3.13,4.56,3.13,8.21q0,8-5.73,11.26t-16,3.28h-16V558h14.11q10.51,0,16.06,3t5.54,9.76a9.74,9.74,0,0,1-2.63,7.09,13.22,13.22,0,0,1-6.51,3.64A16.77,16.77,0,0,1,1198.12,585.16Zm-22.86-18.79V578h4.39q7.49,0,7.49-6.05a4.66,4.66,0,0,0-2-4.28q-2-1.26-6.41-1.26Zm11.41,31.57q2.41-1.41,2.41-5.22,0-6.91-8.64-6.91h-5.18v13.53h4.32Q1184.26,599.34,1186.67,597.94Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1219.68,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1240.77,558v40.54h19.44l-1.22,9.36h-30V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1277.71,558v49.9H1265.9V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1321.12,558l-1.15,9.08h-12.31v40.82h-11.81V567.09H1283V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1364.47,558l-16,31.18v18.72h-11.8V589.26l-16-31.25h12.89l9.22,22,9.21-22Z" transform="translate(11.5)" fill="#fff" />
      </g>
      <g id="POSSIBILITY" class="text">
        <path d="M869.19,562.12q5.46,4.11,5.47,12.17,0,8.41-5.36,12.7t-14.37,4.29h-5.4v16.63H837.72V558h16.13Q863.72,558,869.19,562.12ZM860.3,580.8q2.19-2,2.19-6.51,0-7.85-8.78-7.85h-4.18v16.34h4.39C856.71,582.78,858.83,582.12,860.3,580.8Z" transform="translate(11.5)" fill="#fff" />
        <path d="M917.68,563.63q5.94,6.84,5.94,19.3a33.56,33.56,0,0,1-2.7,14,20.13,20.13,0,0,1-7.78,9,24.86,24.86,0,0,1-24.08,0,20,20,0,0,1-7.74-9,37.93,37.93,0,0,1,0-28.11,20.2,20.2,0,0,1,7.74-9,22.31,22.31,0,0,1,12-3.13Q911.75,556.79,917.68,563.63Zm-24.19,5.94Q891,573.71,891,582.93t2.52,13.39a9.06,9.06,0,0,0,15.23,0q2.49-4.14,2.49-13.43t-2.53-13.4a8.36,8.36,0,0,0-7.63-4.1A8.24,8.24,0,0,0,893.49,569.57Z" transform="translate(11.5)" fill="#fff" />
        <path d="M956.49,558.37A22.49,22.49,0,0,1,964,563.2l-5.47,6.41a17,17,0,0,0-10.95-4.18,8.39,8.39,0,0,0-4.89,1.26,4.17,4.17,0,0,0-1.8,3.64,4.35,4.35,0,0,0,.79,2.7,7.51,7.51,0,0,0,2.81,2,58.22,58.22,0,0,0,6,2.23q7.62,2.44,11.23,6t3.6,10.12a14.44,14.44,0,0,1-2.38,8.24,15.38,15.38,0,0,1-6.84,5.54,25.91,25.91,0,0,1-10.58,2,28.21,28.21,0,0,1-10.84-1.94,25.74,25.74,0,0,1-8.1-5.18l6-6.56a21.52,21.52,0,0,0,5.94,3.68,17.89,17.89,0,0,0,6.66,1.22,9.31,9.31,0,0,0,5.79-1.62,5.33,5.33,0,0,0,2.13-4.5,5.84,5.84,0,0,0-.79-3.13,6.83,6.83,0,0,0-2.74-2.27,37.19,37.19,0,0,0-5.62-2.16q-8.28-2.52-11.77-6.19A13.93,13.93,0,0,1,931,563.59a14.84,14.84,0,0,1,6.41-5,23.42,23.42,0,0,1,9.29-1.76A27.44,27.44,0,0,1,956.49,558.37Z" transform="translate(11.5)" fill="#fff" />
        <path d="M996.88,558.37a22.39,22.39,0,0,1,7.52,4.83l-5.47,6.41A17,17,0,0,0,988,565.43a8.41,8.41,0,0,0-4.9,1.26,4.17,4.17,0,0,0-1.8,3.64,4.35,4.35,0,0,0,.79,2.7,7.6,7.6,0,0,0,2.81,2,58.22,58.22,0,0,0,6.05,2.23q7.63,2.44,11.23,6t3.6,10.12a14.44,14.44,0,0,1-2.38,8.24,15.38,15.38,0,0,1-6.84,5.54,25.91,25.91,0,0,1-10.58,2,28.21,28.21,0,0,1-10.84-1.94A25.58,25.58,0,0,1,967,602l6-6.56a21.52,21.52,0,0,0,5.94,3.68,17.89,17.89,0,0,0,6.66,1.22,9.36,9.36,0,0,0,5.8-1.62,5.35,5.35,0,0,0,2.12-4.5,5.75,5.75,0,0,0-.79-3.13,6.83,6.83,0,0,0-2.74-2.27,37,37,0,0,0-5.61-2.16q-8.28-2.52-11.77-6.19a13.89,13.89,0,0,1-1.19-16.89,14.75,14.75,0,0,1,6.4-5,23.46,23.46,0,0,1,9.29-1.76A27.4,27.4,0,0,1,996.88,558.37Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1024.06,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1068,585.16q3.13,2.73,3.14,8.21,0,8-5.73,11.26t-16,3.28h-16.05V558h14.11q10.51,0,16,3t5.55,9.76a9.74,9.74,0,0,1-2.63,7.09,13.21,13.21,0,0,1-6.52,3.64A16.68,16.68,0,0,1,1068,585.16Zm-22.86-18.79V578h4.4q7.48,0,7.48-6.05a4.66,4.66,0,0,0-2-4.28c-1.35-.84-3.48-1.26-6.41-1.26Zm11.42,31.57c1.6-.94,2.41-2.68,2.41-5.22q0-6.91-8.64-6.91h-5.19v13.53h4.32Q1054.15,599.34,1056.57,597.94Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1089.58,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1110.67,558v40.54h19.44l-1.22,9.36h-30V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1147.61,558v49.9H1135.8V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1191,558l-1.15,9.08h-12.31v40.82h-11.81V567.09h-12.89V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1234.37,558l-16,31.18v18.72h-11.8V589.26l-16-31.25h12.89l9.22,22,9.21-22Z" transform="translate(11.5)" fill="#fff" />
      </g>
      <g id="INGENUITY" class="text">
        <path d="M849.53,558v49.9H837.72V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M897.27,607.91h-15l-14.4-38.66q.72,5.68,1.12,10t.39,10.33v18.29H858.82V558h14.69l14.76,38.74a117,117,0,0,1-1.59-18.58V558h10.59Z" transform="translate(11.5)" fill="#fff" />
        <path d="M944.79,562.91l-6,6.26a21.59,21.59,0,0,0-4.93-2.91,14.06,14.06,0,0,0-5.22-.9,10.57,10.57,0,0,0-8.86,4.35q-3.31,4.37-3.31,13.22,0,9.57,2.52,13.57t7.85,4a13.93,13.93,0,0,0,6.77-1.65V587.53h-6.48L926,579.18h19.08v24.7a32.4,32.4,0,0,1-8.57,3.89,33.28,33.28,0,0,1-9.36,1.36q-11.39,0-17.14-6.65t-5.76-19.55a29.66,29.66,0,0,1,3.13-14.11,21.66,21.66,0,0,1,8.57-9,25.75,25.75,0,0,1,28.84,3.06Z" transform="translate(11.5)" fill="#fff" />
        <path d="M983.59,558l-1.22,8.43H964.8v11.95h15.34v8.28H964.8v12.74h18.79v8.5H953V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1029.31,607.91h-15l-14.4-38.66c.47,3.79.85,7.14,1.11,10s.4,6.35.4,10.33v18.29H990.87V558h14.68l14.76,38.74a118.1,118.1,0,0,1-1.58-18.58V558h10.58Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1076.83,591.35a18.8,18.8,0,0,1-2.19,9.14,15.42,15.42,0,0,1-6.59,6.34,22.84,22.84,0,0,1-10.73,2.3q-9.49,0-14.47-4.82t-5-13V558h11.81v32.84q0,4.81,1.83,7.16t5.8,2.34c2.69,0,4.64-.78,5.87-2.34s1.83-4,1.83-7.16V558h11.81Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1097.28,558v49.9h-11.81V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1140.7,558l-1.16,9.08h-12.31v40.82h-11.81V567.09h-12.88V558Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1184,558l-16,31.18v18.72h-11.81V589.26l-16-31.25h12.89l9.22,22,9.21-22Z" transform="translate(11.5)" fill="#fff" />
      </g>
      <g id="COMMUNITY" class="text">
        <path d="M871.1,556.9A23.49,23.49,0,0,1,878,561l-5.61,6.69a18.7,18.7,0,0,0-4.4-2.59,12.37,12.37,0,0,0-4.6-.86,9.16,9.16,0,0,0-8,4.25q-2.91,4.25-2.92,13.1t2.92,12.93a9.32,9.32,0,0,0,8.1,4.21,11.55,11.55,0,0,0,5-1.05,27.31,27.31,0,0,0,4.82-3l5.26,6.77a22.46,22.46,0,0,1-6.81,4.61,21.2,21.2,0,0,1-8.82,1.8,23.22,23.22,0,0,1-12-3,20.27,20.27,0,0,1-8-9,32.93,32.93,0,0,1-2.84-14.29,31.33,31.33,0,0,1,2.92-14,20.85,20.85,0,0,1,8.06-9,22.45,22.45,0,0,1,11.7-3.06A23.38,23.38,0,0,1,871.1,556.9Z" transform="translate(11.5)" fill="#fff" />
        <path d="M919.12,562.37q5.94,6.84,5.94,19.29a33.49,33.49,0,0,1-2.7,14,20.1,20.1,0,0,1-7.78,9,24.86,24.86,0,0,1-24.08,0,20.07,20.07,0,0,1-7.74-9,38,38,0,0,1,0-28.12,20.23,20.23,0,0,1,7.74-9,22.31,22.31,0,0,1,12-3.13Q913.19,555.53,919.12,562.37Zm-24.19,5.94q-2.49,4.14-2.49,13.35t2.52,13.4a9.06,9.06,0,0,0,15.23,0q2.49-4.14,2.49-13.43t-2.52-13.39a8.37,8.37,0,0,0-7.64-4.1A8.25,8.25,0,0,0,894.93,568.31Z" transform="translate(11.5)" fill="#fff" />
        <path d="M981,606.65H969.41l-.86-19.51q-.36-7-.36-12.46,0-4.17.21-7.92l-7.7,34.63H949.54l-8.21-34.63q.43,6.27.43,11.81c0,2.78-.07,5.69-.21,8.71l-.87,19.37H929.16l3.75-49.9h14.9l7.49,33.84,7-33.84h15Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1037.6,606.65H1026l-.86-19.51q-.36-7-.36-12.46,0-4.17.22-7.92l-7.71,34.63h-11.16l-8.21-34.63q.44,6.27.44,11.81c0,2.78-.08,5.69-.22,8.71l-.86,19.37H985.76l3.74-49.9h14.9l7.49,33.84,7-33.84h15Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1082.88,590.09a18.83,18.83,0,0,1-2.19,9.14,15.48,15.48,0,0,1-6.59,6.34,23,23,0,0,1-10.73,2.3q-9.49,0-14.47-4.82t-5-13V556.75h11.81v32.83q0,4.83,1.83,7.17t5.8,2.34q4,0,5.87-2.34t1.83-7.17V556.75h11.81Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1130,606.65h-15L1100.52,568c.48,3.8.85,7.14,1.12,10s.4,6.35.4,10.33v18.29h-10.52v-49.9h14.69L1121,595.49a117,117,0,0,1-1.58-18.58V556.75H1130Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1151.07,556.75v49.9h-11.81v-49.9Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1194.48,556.75l-1.15,9.07H1181v40.83h-11.81V565.82h-12.89v-9.07Z" transform="translate(11.5)" fill="#fff" />
        <path d="M1237.83,556.75l-16,31.18v18.72H1210V588l-16-31.25h12.89l9.21,22,9.22-22Z" transform="translate(11.5)" fill="#fff" />
      </g>
    </g>
  </svg>
  <article class="opacity-0 the_T_MeansSomething">
    <h3>The T means something <em>more.</em></h3>
  </article>
</section>

CSS

              
                @import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@300;600&display=swap');

body,
html,
.tellepsen-hero-animation {
  font-family: 'Fira Sans', sans-serif;
}
body {
  height: 100%;
  width: 100%;
}
/* .opacity-0 {
  opacity: 1 !important;
} */
.tellepsen-hero-animation {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  background-color: #00263A;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.tellepsen-hero-animation svg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.tellepsen-hero-animation article {
  position: relative;
  z-index: 10;
  color: #fff;
}
.tellepsen-hero-animation h3 {
  font-weight: bold;
  font-size: 45px;
}
.tellepsen-hero-animation h3 em {
  font-weight: 300;
}
.carousel-timer {
  position: absolute;
  display: flex;
  bottom: 90px;
  left: 60px;
  z-index: 100;
  justify-content: space-between;
}
.carousel-timer span {
  background-color: #ea0029;
  width: 2rem;
  height: 2px;
  opacity: 0;
}
.carousel-timer span:not(:last-child) {
  margin-right: 0.5rem;
}
.value-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

JS

              
                // Duplicate the first word
const wordsCycle = document.querySelector("#Words_Cycle");
wordsCycle.appendChild(document.querySelector(".text").cloneNode(true));

// Get all of the words
const words = document.querySelectorAll(".text");

// Animate the words
const words_timeline = gsap.timeline({
  onComplete: () => words_timeline.play("loop")
});

// Handle the first animation of the first word specially
words_timeline.from(words[0], {
  duration: 1,
  yPercent: -100,
  opacity: 0,
  ease: 'power2'
})
words_timeline.add("loop");

// Animate the rest of the words
for (let i = 0; i < words.length; i++) {
  if(i !== 0) {
    words_timeline.from(words[i], {
      duration: 1,
      yPercent: -100,
      opacity: 0,
      ease: 'power2'
    }, "-=1")
  }

  if ( i !== words.length - 1 ) {
    words_timeline.to(words[i], {
      duration: 1,
      yPercent: 100,
      opacity: 0,
      ease: 'power2'
    })
  }
}

999px

Insecure Resource

About JavaScript Preprocessors

About External Resources

About Packages

HTML

CSS

JS

Console

HTML

HTML Preprocessor

About HTML Preprocessors

Add Class(es) to <html>

Adding Classes

Stuff for <head>

About the <head>

Insecure Resource

CSS

CSS Preprocessor

About CSS Preprocessors

CSS Base

About CSS Base

Vendor Prefixing

About Vendor Prefixing

Add External Stylesheets/Pens

About External Resources

JavaScript

JavaScript Preprocessor

About JavaScript Preprocessors

Add External Scripts/Pens

About External Resources

Packages

Add Packages

About Packages

Behavior

Auto Save

Auto-Updating Preview

Format on Save

Editor Settings

Code Indentation

Code Indent width

Want to change your Syntax Highlighting theme, Fonts and more?

HTML

CSS

JS

Console

Editor Commands

Editor Focus

Misc

HTML Specific

Pen Actions