/*
 Theme Name:   Codeword - landing pages
 Theme URI:    https://www.codewordagency.com/
 Description:  Theme for Codeword Agency
 Author:       a lux
 Author URI:   http://andrewlux.com
 Text Domain:  codeword
 Version:      1.0.0
 License:      GNU General Public License v2 or later

*/
*{
    --color-black: #000000;
    --color-red: #cb4234;
    --color-yellow: #e9b667;
    --color-green: #75bda2;
    --color-blue: #63c8f4;
    --color-white: #ffffff;
    --color-grey: #878787;
    --color-drkgrey: #1A1C20;
    --font-h1: 700 clamp(64px, 8.8vw, 128px)/1.07 brandon-grotesque, san-serif;
    --font-fake-h2: 700 clamp(37px, 6vw, 77px)/1.1 brandon-grotesque, san-serif;
    --font-h2: 700 clamp(37px, 6vw, 77px)/1.1 brandon-grotesque, san-serif;
    --font-h2-press: 700 clamp(24px, 6vw, 32px)/ 1.3 brandon-grotesque, san-serif;
    --font-h3: 700 clamp(24px, 6vw, 32px)/ 1.3 brandon-grotesque, san-serif;
    --font-h4: 700 24px/1.33 lato, san-serif;
    --font-menu: 900 21px/1.47 brandon-grotesque, san-serif;
    --font-button: 700 18px/1.55 brandon-grotesque, san-serif;
    --font-h2cs: 700 clamp(32px, 8vw, 68px)/1.17 brandon-grotesque, san-serif;
    --font-num: 700 clamp(24px, 6.2vw, 68px)/1.17 brandon-grotesque, san-serif;
    --font-blog-eyebrow: 400 14px/1 brandon-grotesque, san-serif;
    --font-blog-h4: 700 24px/1.33 brandon-grotesque, san-serif;
    --font-blog-excerpt: 400 14px/1.57 lato, san-serif;

/* Icons!!! */
    --arrow-black: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27295 9.90944H17.8192' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L18 10L9 19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --arrow-white: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27295 9.90944H17.8192' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L18 10L9 19' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --arrow-black-lrg: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27295 9.90944H17.8192' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L18 10L9 19' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --arrow-white-lrg: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27295 9.90944H17.8192' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M9 1L18 10L9 19' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --arrow-circle-black: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' transform='rotate(90 20 20)' stroke='black' stroke-width='2'/%3E%3Cpath d='M19.9742 9.8938L19.9742 31.8464' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M31.7949 20.1458L19.8542 32.0864L7.91356 20.1457' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --arrow-circle-white: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' transform='rotate(90 20 20)' stroke='white' stroke-width='2'/%3E%3Cpath d='M19.9742 9.8938L19.9742 31.8464' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M31.7949 20.1458L19.8542 32.0864L7.91356 20.1457' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --arrow-circle-white-lrg: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' transform='rotate(90 20 20)' stroke='white' stroke-width='2'/%3E%3Cpath d='M19.9742 9.8938L19.9742 31.8464' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M31.7949 20.1458L19.8542 32.0864L7.91356 20.1457' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    --chevron: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' transform='rotate(90 20 20)' stroke='white' stroke-width='2'/%3E%3Cpath d='M30 17.0001L20 27.3935L10 17.0001' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --chevron-lrg: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='19' transform='rotate(90 20 20)' stroke='white' stroke-width='2'/%3E%3Cpath d='M30 17.0001L20 27.3935L10 17.0001' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --hamburger: url("data:image/svg+xml,%3Csvg width='32' height='23' viewBox='0 0 32 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.25' y1='1.75' x2='30.75' y2='1.75' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='1.25' y1='11.75' x2='22.75' y2='11.75' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='1.25' y1='21.75' x2='10.75' y2='21.75' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --the-x: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1.76777' y1='2' x2='22.6274' y2='22.8596' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3Cline x1='2' y1='22.8597' x2='22.8596' y2='2.00002' stroke='white' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --arrow-download: url("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='32' cy='31.9999' r='31' transform='rotate(90 32 31.9999)' stroke='white' stroke-width='2'/%3E%3Cpath d='M32.1348 15.871L32.1348 43.9196' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M17.9766 50.2858H46.0252' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M47.2383 28.9707L31.9819 44.2271L16.7254 28.9707' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");

    --about-this-role: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.98 0H0V32H31.98V0Z' fill='%23CB4234'/%3E%3Cpath d='M14.1201 27.99H32.0001' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M24.03 4.17001V4.15001C24.03 2.99001 23.21 2.01001 22 2.01001C20.79 2.01001 19.98 2.98001 19.98 4.13001V4.15001C19.98 5.29001 20.81 6.29001 22.02 6.29001C23.23 6.29001 24.02 5.32001 24.02 4.17001H24.03Z' fill='white'/%3E%3Cpath d='M24.03 10.0201V10.0001C24.03 8.84011 23.21 7.86011 22 7.86011C20.79 7.86011 19.98 8.83011 19.98 9.98011V10.0001C19.98 11.1401 20.81 12.1401 22.02 12.1401C23.23 12.1401 24.02 11.1701 24.02 10.0201H24.03Z' fill='white'/%3E%3Cpath d='M24.03 15.88V15.86C24.03 14.7 23.21 13.72 22 13.72C20.79 13.72 19.98 14.69 19.98 15.84V15.86C19.98 17 20.81 18 22.02 18C23.23 18 24.02 17.03 24.02 15.88H24.03Z' fill='white'/%3E%3Cpath d='M16.01 0V22H12.01V0H13.84V20H14.39V0H16.01Z' fill='white'/%3E%3Cpath d='M12.01 22.0001L14.09 28.0001L16.01 22.0001V21.6101H12.01V22.0001Z' fill='black'/%3E%3Cpath d='M14.1201 0V20' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E");
    --about-this-role-hover:url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.98 0H0V32H31.98V0Z' fill='white'/%3E%3Cpath d='M14.1201 27.99H32.0001' stroke='%23CB4234' stroke-miterlimit='10'/%3E%3Cpath d='M24.03 4.17001V4.15001C24.03 2.99001 23.21 2.01001 22 2.01001C20.79 2.01001 19.98 2.98001 19.98 4.13001V4.15001C19.98 5.29001 20.81 6.29001 22.02 6.29001C23.23 6.29001 24.02 5.32001 24.02 4.17001H24.03Z' fill='%23CB4234'/%3E%3Cpath d='M24.03 10.0201V10.0001C24.03 8.84011 23.21 7.86011 22 7.86011C20.79 7.86011 19.98 8.83011 19.98 9.98011V10.0001C19.98 11.1401 20.81 12.1401 22.02 12.1401C23.23 12.1401 24.02 11.1701 24.02 10.0201H24.03Z' fill='%23CB4234'/%3E%3Cpath d='M24.03 15.88V15.86C24.03 14.7 23.21 13.72 22 13.72C20.79 13.72 19.98 14.69 19.98 15.84V15.86C19.98 17 20.81 18 22.02 18C23.23 18 24.02 17.03 24.02 15.88H24.03Z' fill='%23CB4234'/%3E%3Cpath d='M16.01 0V22H12.01V0H13.84V20H14.39V0H16.01Z' fill='%23CB4234'/%3E%3Cpath d='M12.01 22.0001L14.09 28.0001L16.01 22.0001V21.6101H12.01V22.0001Z' fill='black'/%3E%3Cpath d='M14.1201 0V20' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");

    --about-you: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='%23E9B667'/%3E%3Cpath d='M24.47 24.4799L24.44 24.4999C23 26 21.42 25.6899 20.04 24.2999L16.24 20.4999C13.39 21.6099 10.09 20.7899 7.82001 18.5099L7.75001 18.4399C4.73001 15.4199 4.27001 10.7299 7.47001 7.52989C10.67 4.32989 15.43 4.7699 18.49 7.8299L18.55 7.88989C20.85 10.1899 21.66 13.4599 20.51 16.2899L24.27 20.0599C25.66 21.4499 25.92 23.4598 24.46 24.4799C23 25.5 24.47 24.4799 24.47 24.4799Z' fill='black' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.73 8.60002L17.78 8.65002C20.37 11.24 20.75 15.27 18.03 17.99C15.31 20.71 11.16 20.34 8.57999 17.75L8.51999 17.69C5.92999 15.1 5.53999 11.08 8.27999 8.34002C11.02 5.60002 15.1 5.98002 17.72 8.60002H17.73Z' fill='white'/%3E%3Cpath d='M9.3501 9.39995C10.3001 8.44995 11.4801 7.94995 12.7601 7.94995C14.1601 7.94995 15.5901 8.56995 16.6701 9.65995' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M23.38 23.4399C23.06 23.7699 22.73 23.9299 22.4 23.9299C22 23.9299 21.54 23.6799 21.1 23.2399L18.27 20.4099' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E");
    --about-you-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='white'/%3E%3Cpath d='M24.47 24.4799L24.44 24.4999C23 26 21.42 25.6899 20.04 24.2999L16.24 20.4999C13.39 21.6099 10.09 20.7899 7.82001 18.5099L7.75001 18.4399C4.73001 15.4199 4.27001 10.7299 7.47001 7.52989C10.67 4.32989 15.43 4.7699 18.49 7.8299L18.55 7.88989C20.85 10.1899 21.66 13.4599 20.51 16.2899L24.27 20.0599C25.66 21.4499 25.92 23.4598 24.46 24.4799C23 25.5 24.47 24.4799 24.47 24.4799Z' fill='black' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M17.73 8.60002L17.78 8.65002C20.37 11.24 20.75 15.27 18.03 17.99C15.31 20.71 11.16 20.34 8.57999 17.75L8.51999 17.69C5.92999 15.1 5.53999 11.08 8.27999 8.34002C11.02 5.60002 15.1 5.98002 17.72 8.60002H17.73Z' fill='white'/%3E%3Cpath d='M9.3501 9.39995C10.3001 8.44995 11.4801 7.94995 12.7601 7.94995C14.1601 7.94995 15.5901 8.56995 16.6701 9.65995' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M23.38 23.4399C23.06 23.7699 22.73 23.9299 22.4 23.9299C22 23.9299 21.54 23.6799 21.1 23.2399L18.27 20.4099' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");;

    --what-youll-do: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='%2386BBA4'/%3E%3Cpath d='M27.54 16.95V14.04H23.41C23.26 13.34 23.02 12.67 22.7 12.04L25.66 9.07999L22.9 6.31999L20.11 9.10999C19.46 8.68999 18.74 8.36 17.95 8.16V3.98999H14.04V8.13999C13.24 8.33999 12.51 8.65999 11.86 9.07999L9.08995 6.31999L6.32995 9.07999L9.26995 12.02C8.94995 12.65 8.71995 13.33 8.55995 14.04H4.44995V17.95H8.57995C8.73995 18.65 8.97995 19.31 9.29995 19.93L6.32995 22.9L9.08995 25.66L11.9 22.85C12.55 23.27 13.26 23.61 14.05 23.81V27.99H17.96V23.84C18.76 23.64 19.49 23.32 20.15 22.89L22.91 25.66L25.67 22.9L22.7299 19.96C23.0499 19.33 23.28 18.65 23.44 17.94H27.5499L27.54 16.95ZM19.52 16.04C19.52 18.04 18.11 19.74 16.02 19.74C13.93 19.74 12.45 18 12.45 16V15.96C12.45 13.95 13.85 12.25 15.98 12.25C18.11 12.25 19.53 13.97 19.53 16V16.04H19.52Z' fill='black' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M9.83008 16.0099C9.83008 12.6799 11.9401 9.3999 15.9701 9.3999' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E");
    --what-youll-do-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='white'/%3E%3Cpath d='M27.54 16.95V14.04H23.41C23.26 13.34 23.02 12.67 22.7 12.04L25.66 9.07999L22.9 6.31999L20.11 9.10999C19.46 8.68999 18.74 8.36 17.95 8.16V3.98999H14.04V8.13999C13.24 8.33999 12.51 8.65999 11.86 9.07999L9.08995 6.31999L6.32995 9.07999L9.26995 12.02C8.94995 12.65 8.71995 13.33 8.55995 14.04H4.44995V17.95H8.57995C8.73995 18.65 8.97995 19.31 9.29995 19.93L6.32995 22.9L9.08995 25.66L11.9 22.85C12.55 23.27 13.26 23.61 14.05 23.81V27.99H17.96V23.84C18.76 23.64 19.49 23.32 20.15 22.89L22.91 25.66L25.67 22.9L22.7299 19.96C23.0499 19.33 23.28 18.65 23.44 17.94H27.5499L27.54 16.95ZM19.52 16.04C19.52 18.04 18.11 19.74 16.02 19.74C13.93 19.74 12.45 18 12.45 16V15.96C12.45 13.95 13.85 12.25 15.98 12.25C18.11 12.25 19.53 13.97 19.53 16V16.04H19.52Z' fill='black' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M9.83008 16.0099C9.83008 12.6799 11.9401 9.3999 15.9701 9.3999' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");

    --codeword-benifits: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='%2363C8F4'/%3E%3Cpath d='M14.2001 22.02L12.3901 16.01H8.36011L12.3401 28.01H16.0001L14.2001 22.02Z' fill='white' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.62 16L17.81 22.01L16.01 28H19.67L23.65 16H19.62Z' fill='white' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M21.5999 9.99007V10.0501C21.5999 13.2201 19.3699 15.9101 16.0499 15.9101C12.7299 15.9101 10.3999 13.1501 10.3999 9.98006V9.92006C10.3999 6.75006 12.6199 4.06006 15.9799 4.06006C19.3399 4.06006 21.5999 6.79007 21.5999 9.99007Z' fill='black'/%3E%3Cpath d='M15.8999 5.80005C18.2699 5.80005 19.8699 7.73004 19.8699 9.98004V10.0201' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E");
    --codeword-benifits-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='white'/%3E%3Cpath d='M14.2001 22.02L12.3901 16.01H8.36011L12.3401 28.01H16.0001L14.2001 22.02Z' fill='%2363C7F3' stroke='%2363C7F3' stroke-miterlimit='10'/%3E%3Cpath d='M19.62 16L17.81 22.01L16.01 28H19.67L23.65 16H19.62Z' fill='%2363C7F3' stroke='%2363C7F3' stroke-miterlimit='10'/%3E%3Cpath d='M21.5999 9.99007V10.0501C21.5999 13.2201 19.3699 15.9101 16.0499 15.9101C12.7299 15.9101 10.3999 13.1501 10.3999 9.98006V9.92006C10.3999 6.75006 12.6199 4.06006 15.9799 4.06006C19.3399 4.06006 21.5999 6.79007 21.5999 9.99007Z' fill='black'/%3E%3Cpath d='M15.8999 5.80005C18.2699 5.80005 19.8699 7.73004 19.8699 9.98004V10.0201' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");

    --your-compensation: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='%23E9B667'/%3E%3Cpath d='M16.72 12.4399V8.1299C18.15 8.7199 19.78 9.8499 19.99 9.9399C20.24 10.1199 20.58 10.0899 20.82 9.75989L22.6 7.1899C22.72 6.9799 22.78 6.4299 22.42 6.2099C21.59 5.5999 19.48 4.22989 16.73 3.97989V2.97989C16.73 2.62989 16.45 2.38989 16.14 2.38989H15.62C15.32 2.38989 15.04 2.62989 15.04 2.97989V3.94989C10.98 4.34989 8.80005 6.94989 8.80005 10.0099C8.80005 13.6399 12.35 15.8199 15.01 16.8899L14.99 21.8499C13.4 21.3299 11.53 20.0699 11.44 20.0199C11.01 19.7099 10.55 19.9299 10.29 20.4099L8.97005 22.7399C8.69005 23.1699 8.81005 23.2799 9.12005 23.5899C9.77005 24.2199 11.62 25.6699 14.99 25.9099V29.0899C14.99 29.3899 15.27 29.6299 15.57 29.6299H16.09C16.4 29.6299 16.68 29.3899 16.68 29.0899V25.9099C20.71 25.5399 23.22 22.7599 23.22 19.6099C23.22 15.4599 19.12 13.3999 16.74 12.4599L16.72 12.4399ZM14.91 11.6999C13.69 10.9699 13.24 10.2099 13.24 9.3199C13.24 8.5499 13.94 7.84989 14.91 7.72989V11.6999ZM16.74 22.1099V17.6499C17.81 18.3799 18.37 19.2699 18.37 20.2099C18.37 21.1499 17.7 21.8599 16.74 22.1099Z' fill='black'/%3E%3Cpath d='M10.53 9.99989C10.53 7.66989 12.23 6.0299 14.99 5.6899' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E");
    --your-compensation-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='white'/%3E%3Cpath d='M16.72 12.4399V8.1299C18.15 8.7199 19.78 9.8499 19.99 9.9399C20.24 10.1199 20.58 10.0899 20.82 9.75989L22.6 7.1899C22.72 6.9799 22.78 6.4299 22.42 6.2099C21.59 5.5999 19.48 4.22989 16.73 3.97989V2.97989C16.73 2.62989 16.45 2.38989 16.14 2.38989H15.62C15.32 2.38989 15.04 2.62989 15.04 2.97989V3.94989C10.98 4.34989 8.80005 6.94989 8.80005 10.0099C8.80005 13.6399 12.35 15.8199 15.01 16.8899L14.99 21.8499C13.4 21.3299 11.53 20.0699 11.44 20.0199C11.01 19.7099 10.55 19.9299 10.29 20.4099L8.97005 22.7399C8.69005 23.1699 8.81005 23.2799 9.12005 23.5899C9.77005 24.2199 11.62 25.6699 14.99 25.9099V29.0899C14.99 29.3899 15.27 29.6299 15.57 29.6299H16.09C16.4 29.6299 16.68 29.3899 16.68 29.0899V25.9099C20.71 25.5399 23.22 22.7599 23.22 19.6099C23.22 15.4599 19.12 13.3999 16.74 12.4599L16.72 12.4399ZM14.91 11.6999C13.69 10.9699 13.24 10.2099 13.24 9.3199C13.24 8.5499 13.94 7.84989 14.91 7.72989V11.6999ZM16.74 22.1099V17.6499C17.81 18.3799 18.37 19.2699 18.37 20.2099C18.37 21.1499 17.7 21.8599 16.74 22.1099Z' fill='black'/%3E%3Cpath d='M10.53 9.99989C10.53 7.66989 12.23 6.0299 14.99 5.6899' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    
    --about-us: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' fill='white'/%3E%3Cpath d='M32 32H0V0H32V32ZM3.61 28.39H28.39V3.61H3.61V28.39Z' fill='%23CB4234'/%3E%3Cpath d='M9.5 16.16V16.12C9.5 12.38 12.36 9.44 16.25 9.44C18.87 9.44 20.56 10.54 21.7 12.1L19.02 14.17C18.29 13.27 17.44 12.67 16.21 12.67C14.41 12.67 13.15 14.21 13.15 16.08V16.12C13.15 18.05 14.42 19.55 16.21 19.55C17.55 19.55 18.34 18.93 19.11 17.99L21.79 19.9C20.58 21.57 18.95 22.8 16.12 22.8C12.45 22.8 9.5 19.99 9.5 16.16Z' fill='%23CB4234'/%3E%3C/svg%3E");
    --about-us-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' fill='%23000'/%3E%3Cpath d='M32 32H0V0H32V32ZM3.61 28.39H28.39V3.61H3.61V28.39Z' fill='%23fff'/%3E%3Cpath d='M9.5 16.16V16.12C9.5 12.38 12.36 9.44 16.25 9.44C18.87 9.44 20.56 10.54 21.7 12.1L19.02 14.17C18.29 13.27 17.44 12.67 16.21 12.67C14.41 12.67 13.15 14.21 13.15 16.08V16.12C13.15 18.05 14.42 19.55 16.21 19.55C17.55 19.55 18.34 18.93 19.11 17.99L21.79 19.9C20.58 21.57 18.95 22.8 16.12 22.8C12.45 22.8 9.5 19.99 9.5 16.16Z' fill='%23fff'/%3E%3C/svg%3E");

    --about-codeword: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1424_299)'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='%23CB4234'/%3E%3Cpath d='M8.31348 15.43V15.3837C8.31348 10.7032 11.893 7.03198 16.7577 7.03198C20.0393 7.03198 22.1497 8.40867 23.5727 10.359L20.2225 12.9514C19.3047 11.8273 18.2491 11.0696 16.7115 11.0696C14.4632 11.0696 12.8802 12.9976 12.8802 15.3375V15.3828C12.8802 17.792 14.4632 19.6739 16.7115 19.6739C18.387 19.6739 19.3732 18.8939 20.3373 17.7235L23.6874 20.1096C22.1737 22.1978 20.1309 23.7346 16.5976 23.7346C12.0087 23.7346 8.31437 20.2235 8.31437 15.4282L8.31348 15.43Z' fill='%23F2F2F2'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1424_299'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    --about-codeword-hover: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1424_307)'%3E%3Cpath d='M32 0H0V32H32V0Z' fill='white'/%3E%3Cpath d='M8.31348 15.43V15.3837C8.31348 10.7032 11.893 7.03198 16.7577 7.03198C20.0393 7.03198 22.1497 8.40867 23.5727 10.359L20.2225 12.9514C19.3047 11.8273 18.2491 11.0696 16.7115 11.0696C14.4632 11.0696 12.8802 12.9976 12.8802 15.3375V15.3828C12.8802 17.792 14.4632 19.6739 16.7115 19.6739C18.387 19.6739 19.3732 18.8939 20.3373 17.7235L23.6874 20.1096C22.1737 22.1978 20.1309 23.7346 16.5976 23.7346C12.0087 23.7346 8.31437 20.2235 8.31437 15.4282L8.31348 15.43Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1424_307'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    
    --blockquote-quote: url("data:image/svg+xml,%3Csvg width='100' height='37' viewBox='0 0 100 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.8 36.4996C40.32 36.4996 44.28 32.5396 44.28 27.8596C44.28 23.0596 40.32 19.3396 35.64 19.3396C32.88 19.3396 30.84 20.1796 30.84 20.1796C30.96 12.0196 38.04 6.73964 39.36 5.77964C40.08 5.17964 40.32 4.09964 39.48 3.13964L37.68 1.33964C36.72 0.25964 35.88 0.499637 35.04 1.09964C32.28 3.37964 23.88 9.97964 23.88 22.5796C23.88 33.0196 30.24 36.4996 34.8 36.4996ZM10.92 36.4996C16.44 36.4996 20.4 32.5396 20.4 27.8596C20.4 23.0596 16.44 19.3396 11.76 19.3396C9 19.3396 6.96 20.1796 6.96 20.1796C7.08 12.0196 14.16 6.73964 15.48 5.77964C16.2 5.17964 16.44 4.09964 15.6 3.13964L13.8 1.33964C12.84 0.25964 12 0.499637 11.16 1.09964C8.4 3.37964 0 9.97964 0 22.5796C0 33.0196 6.36 36.4996 10.92 36.4996Z' fill='white'/%3E%3Cpath d='M86.1584 35.5396C87.1184 36.6196 87.9584 36.3796 88.7984 35.7796C91.5584 33.4996 99.9584 26.8996 99.9584 14.2996C99.9584 3.85964 93.5984 0.379639 89.0384 0.379639C83.5184 0.379639 79.5584 4.33964 79.5584 9.01964C79.5584 13.8196 83.5184 17.5396 88.1984 17.5396C90.9584 17.5396 92.9984 16.6996 92.9984 16.6996C92.8784 24.8596 85.7984 30.1396 84.4784 31.0996C83.7584 31.6996 83.5184 32.7796 84.3584 33.7396L86.1584 35.5396ZM62.2784 35.5396C63.2384 36.6196 64.0784 36.3796 64.9184 35.7796C67.6784 33.4996 76.0784 26.8996 76.0784 14.2996C76.0784 3.85964 69.7184 0.379639 65.1584 0.379639C59.6384 0.379639 55.6784 4.33964 55.6784 9.01964C55.6784 13.8196 59.6384 17.5396 64.3184 17.5396C67.0784 17.5396 69.1184 16.6996 69.1184 16.6996C68.9984 24.8596 61.9184 30.1396 60.5984 31.0996C59.8784 31.6996 59.6384 32.7796 60.4784 33.7396L62.2784 35.5396Z' fill='white'/%3E%3C/svg%3E");

    --leadership: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0.180176H0V32.1802H32V0.180176Z' fill='%23E9B667'/%3E%3Cpath d='M15.856 4.18018H15.9253C23.232 4.18018 28.9653 9.76951 28.9653 17.3642C28.9653 22.4842 26.816 25.7802 23.7706 28.0042L19.7226 22.7722C21.4773 21.3375 22.6613 19.6895 22.6613 17.2895C22.6613 13.7802 19.6533 11.3055 16 11.3055H15.9306C12.1706 11.3055 9.23196 13.7748 9.23196 17.2895C9.23196 19.9028 10.448 21.4442 12.2773 22.9482L8.54929 28.1802C5.29063 25.8175 2.89062 22.6282 2.89062 17.1135C2.89062 9.95084 8.37329 4.18018 15.856 4.18018Z' fill='black'/%3E%3Cpath d='M27.935 17.3642C27.935 10.4788 22.8044 5.28418 15.999 5.28418H15.9297' stroke='white' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M17.6544 19.764C17.1904 20.1213 16.6144 20.3293 15.9851 20.3293C15.3557 20.3293 14.7531 20.1107 14.2891 19.7427' stroke='black' stroke-width='1.67' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M14.0787 17.4175C14.3379 17.4175 14.548 16.8946 14.548 16.2495C14.548 15.6045 14.3379 15.0815 14.0787 15.0815C13.8195 15.0815 13.6094 15.6045 13.6094 16.2495C13.6094 16.8946 13.8195 17.4175 14.0787 17.4175Z' fill='black'/%3E%3Cpath d='M17.774 17.4175C18.0332 17.4175 18.2434 16.8946 18.2434 16.2495C18.2434 15.6045 18.0332 15.0815 17.774 15.0815C17.5148 15.0815 17.3047 15.6045 17.3047 16.2495C17.3047 16.8946 17.5148 17.4175 17.774 17.4175Z' fill='black'/%3E%3C/svg%3E%0A");
    --public-relations: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0.180176H0V32.1802H32V0.180176Z' fill='%23C84234'/%3E%3Cpath d='M26.9975 14.3455V14.3775C26.9975 15.9828 25.8668 17.3482 24.1868 17.3482C22.4855 17.3482 21.3281 15.9508 21.3281 14.3455V14.3135C21.3281 12.7082 22.4535 11.3428 24.1495 11.3428C25.8508 11.3428 26.9975 12.7242 26.9975 14.3402V14.3455Z' fill='black'/%3E%3Cpath d='M25.272 21.5403V6.82031L18.488 9.17765H6.99467V10.1803H5V18.1803H6.99467V19.183H10.5413L13.6827 23.7856L15.32 26.1803H19.64L14.9893 19.183H18.5307L25.272 21.5403Z' fill='black'/%3E%3Cpath d='M8.32812 10.511H18.7175L23.9388 8.69238' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M6.33594 11.5135H8.3306' stroke='white' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    --strategy: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32 0.180176H0V32.1802H32V0.180176Z' fill='%2363C8F4'/%3E%3Cpath d='M14 10.1802V10.1375C14 7.87083 12.4053 5.9455 10.032 5.9455C7.65867 5.9455 6 7.91883 6 10.1802V10.2228C6 12.4895 7.58933 14.4148 9.984 14.4148C12.3787 14.4148 14 12.4682 14 10.1802Z' fill='black'/%3E%3Cpath d='M10.0132 10.1802L5.11719 24.1802H14.8772L10.0132 10.1802Z' fill='black'/%3E%3Cpath d='M17.1172 24.18L20.6159 14.1854C19.0052 13.6094 18.0025 12.02 18.0025 10.2227V10.18C18.0025 7.92402 19.6345 5.95068 22.0345 5.95068C24.4345 5.95068 26.0025 7.87602 26.0025 10.1374V10.18C26.0025 11.9774 25.0052 13.572 23.4052 14.1694L26.8879 24.1854H17.1225L17.1172 24.18Z' fill='white'/%3E%3Cpath d='M16 24.1802H0V32.1802H16V24.1802Z' fill='black'/%3E%3Cpath d='M32 24.1802H0' stroke='black' stroke-miterlimit='10'/%3E%3Cpath d='M10.0312 7.27881C11.7592 7.27881 12.6659 8.71347 12.6659 10.1375' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M22.0312 7.27881C23.7593 7.27881 24.6659 8.71347 24.6659 10.1375' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
    --creative: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.98 0H0V32H31.98V0Z' fill='%2375BDA2'/%3E%3Cpath d='M14.1211 27.9902H32.0011' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M24.0305 4.16977V4.14977C24.0305 2.98977 23.2105 2.00977 22.0005 2.00977C20.7905 2.00977 19.9805 2.97977 19.9805 4.12977V4.14977C19.9805 5.28977 20.8105 6.28977 22.0205 6.28977C23.2305 6.28977 24.0205 5.31977 24.0205 4.16977H24.0305Z' fill='white'/%3E%3Cpath d='M24.0305 10.0204V10.0004C24.0305 8.84035 23.2105 7.86035 22.0005 7.86035C20.7905 7.86035 19.9805 8.83035 19.9805 9.98035V10.0004C19.9805 11.1404 20.8105 12.1404 22.0205 12.1404C23.2305 12.1404 24.0205 11.1704 24.0205 10.0204H24.0305Z' fill='white'/%3E%3Cpath d='M24.0305 15.8797V15.8597C24.0305 14.6997 23.2105 13.7197 22.0005 13.7197C20.7905 13.7197 19.9805 14.6897 19.9805 15.8397V15.8597C19.9805 16.9997 20.8105 17.9997 22.0205 17.9997C23.2305 17.9997 24.0205 17.0297 24.0205 15.8797H24.0305Z' fill='white'/%3E%3Cpath d='M16.0078 0V22H12.0078V0H13.8378V20H14.3878V0H16.0078Z' fill='white'/%3E%3Cpath d='M12.0078 22.0004L14.0878 28.0004L16.0078 22.0004V21.6104H12.0078V22.0004Z' fill='black'/%3E%3Cpath d='M14.1211 0V20' stroke='black' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

body{
	margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-rendering: geometricPrecision;
  background-color: var(--color-black);
  font-family: 'Lato', sans-serif;
  color: var(--color-white);
  font-size:18px;
  line-height: 28px;
  font-family: 'Lato', sans-serif;
  letter-spacing: .25px;
  overflow-y: overlay;
  height: 100%;
  min-height: 100%;
}
body::-webkit-scrollbar{
    background-color: transparent;
}
body::-webkit-scrollbar-thumb{
    background-color: rgba(135, 135, 135, .5);
    border-radius: 50px;
}
body .no-show{
    font-size: 0;
}
*::selection{
    background-color: var(--color-red);
    color: var(--color-black);
}
*::-moz-selection{
    background-color: var(--color-red);
    color: var(--color-black);
}
@keyframes ScrollLeft {
    from {transform: translateX(0px)}
    to {transform: translateX(-100%)}
}
@keyframes ScrollUp {
    from {transform: translateY(0px)}
    to {transform: translateY(-100%);}
}
@keyframes bubbelsAnimation{
    0% {bottom: 0px;}
    20%{opacity: .8}
    100% {bottom: 100%;opacity: 0}
}
@keyframes slide{
    0%{margin-left:0px}
    100%{margin-left:20px;}
}
@keyframes stroke{
    to{stroke-dashoffset:625%;opacity: 1;}
}
@keyframes rect-stroke{
    to{stroke-dashoffset:630%;opacity: 1;}
}
@font-face {
    font-family: 'Benton';
    src: url('fonts/Benton/BentonSans-Medium.woff2') format('woff2'),
        url('fonts/Benton/BentonSans-Medium.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

img{
    min-width: 0px;
    max-width: 100%;
    height: auto;
}
a{
    color:var(--color-blue);
    text-decoration: none;
    border-bottom:1px solid;
    transition: color .3s ease-in-out;
}
a:hover{
    color: var(--color-blue);
}
a:focus-visible{
    border: none;
   /* outline: none;
    box-shadow: 1px 1px 15px var(--color-white), -1px -1px 15px var(--color-white),
    1px -1px 15px var(--color-white), -1px 1px 15px var(--color-white);*/
}
h1{
    font: var(--font-h1);
    margin: 0;
}
h2{
    font: var(--font-h2);
    margin: 0;
}
h2.press{
    font: var(--font-h2-press);
    margin: 0;
}
h2.press a{
    color: var(--color-white);
    border: none;
}
h2.press a:hover{
    color: var(--color-blue);
}
h3{
    font: var(--font-h3);
    margin: 0;
}
h4{
    font: var(--font-h4);
    margin: 0;
}
p{
    margin: 0;
}
div.button{
    font: var(--font-button);
    border-radius: 50px;
    display: inline-block;
}
div.button a{
    text-decoration: none;
    border: none;
    padding: 12px 20px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items:center;
    position: relative;
    z-index: 2;
}
div.button a:after{
    content: " ";
    background-image: var(--arrow-white);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 27px;
    width: 20px;
    margin-left: 16px;
}




/* === Header === */
header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: var(--color-black);
    transition: top .3s ease-in-out;
}
header.up{
    position: fixed;
    top: -133px;
}
header.down{
    position: fixed;
    top: 0px;
}
header .header-int{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 36px auto;
}
header a{
    color: var(--color-white);
    border: none;
}
header .main-logo{
    flex: 0 0 auto;
    display: flex;
    max-width: 100%;
    position: relative;
    z-index: 12;
    justify-content: center;
    align-items: center;
}
header .main-logo .main-logo-img{
    height: 38px; 
    aspect-ratio: 169/38;
}
header .main-logo .main-logo-img path{
    transition: fill .3s ease-in-out;
}
header .main-logo:hover .main-logo-img path{
    fill: var(--color-red);
}


header .menu-group{
    flex: 0 0 calc(100% - 200px);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    display: none;
    
}
header .menu-group .social-group{
    display: flex;
    justify-content: flex-end;
    flex: auto;
    margin-left:6px;
}
header .menu-group .social-group a{
    padding: 0 15px;
}
header .menu-group .menu{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
header .menu-group .menu .menu-item{
    cursor: pointer;
    padding: 7px 15px;
    text-transform: uppercase;
}
header .menu-group .menu .menu-item.action{
    background-color: var(--color-red);
    color: var(--color-white);
    border-radius: 50px;
    position: relative;
    margin-left:5px;
    padding: 0;
    transition: background-color .3s ease-in-out;
}

header .menu-group .menu .menu-item a{
    font: var(--font-menu);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
header .menu-group .menu .menu-item.action a{
    font-weight: 800;
    position: relative;
    z-index: 999;
    font-size: 18px;
    line-height: 1;
    padding: 12px 20px;
}
header .menu-group .menu .menu-item.action a:after{
    content: " ";
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: center center;
    background-position: contain;
    display: inline-block;
    height: 22px;
    width: 20px;
    margin-left:16px;
}
header .menu-group .menu .menu-item.action:hover{
    background-color: var(--color-black);
}
header .menu-group .menu .menu-item.action:hover a{
    color: var(--color-white);
}
header .menu-group .menu .menu-item.action:hover .circlebox{
    opacity: 1;
}
header .mobile-menu{
    display: none;
}
header .mobile-menu .hamburger{
    height: 100%;
    width: 36px;
    display: block;
}
header .mobile-menu .hamburger:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}

.page-template-page-speechwriting header{
    background-color: transparent;
}

/* acessablility CSS */
.fake-h2{
    font: var(--font-fake-h2);
}
.screen-reader-only{
    color: transparent;
    position: absolute;
    z-index: -1;
    font-size: 10px;
}
.skip-button{
    position: fixed;
    top: -100%;
    left: -100%;
    border: 4px solid white;
    padding: 0 20px;
    text-transform: uppercase;
    font:var(--font-button);
}
.skip-button:focus{
    position: fixed;
    top: 0;
    left: 0;
}
.header-logos{
    position: absolute !important;
    left: 0;
    opacity: .5;
    z-index: -1;
}
.header-video,
.header-video-hover{
    position: absolute !important;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: -1;
    overflow: hidden;
}
.home-header .header-video p,
.home-header .header-video-hover p,
.home-header .header-video iframe,
.home-header .header-video-hover iframe{
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100vw;
  max-width: 100%;
}
.home-header .header-video lottie-player,
.home-header .header-video-hover lottie-player{
    margin:0;
}



/* == pages === */
.the-page,
.header-int,
.footer-wrap{
    max-width: 1512px;
    margin: 0 auto;
}
.the-page{
    margin-top: 170px;
}
.the-page > h1,
.the-page > h2,
.the-page > h3,
.the-page > h4,
.the-page > p,
.the-page > .wp-block-columns,
.the-page > div{
    max-width: 88%;
    margin-left: auto;
    margin-right: auto;
}
.the-page > .home-header,
.the-page > .recent-projects,
.the-page > .logo-slider,
.the-page > .case-studies-block,
.the-page > .logo-grid{
    margin-bottom: 120px;
}
.creators-video,
.creators-video-hover{display: none;}
.wp-block-columns.sticky.blue:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex:0 0 45%;
    margin: 7% auto;
}
.wp-block-columns.sticky.white:not(.is-not-stacked-on-mobile)>.wp-block-column{
    flex:0 0 45%;
    margin: 90px auto;
}
.wp-block-columns.sticky.blue:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child{
    margin: 20px auto 0;
}
.the-page > .wp-block-columns{
    justify-content: space-between;
    gap: 0;
}
.the-page > .wp-block-columns.center > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.the-page > .wp-block-columns.center lottie-player{
    margin-bottom: 0;
}
.the-page > .wp-block-columns.bottom-padding{
    margin-bottom: 120px;
}

.the-page > .home-email-footer{
    max-width: 100%;
}
.the-page > div.blue{
    background-color: var(--color-blue);
    color: var(--color-black);
    max-width: 100%;
    padding: 0 3%;
}
.the-page > div.red{
    background-color: var(--color-red);
    max-width: 100%;
    padding: 0 3%;
}
.the-page > div.green{
    background-color: var(--color-green);
    max-width: 100%;
    padding: 0 3%;
}
.the-page > div.yellow{
    background-color: var(--color-yellow);
    color: var(--color-black);
    max-width: 100%;
    padding: 0 3%;
}
.the-page > div.white{
    background-color: var(--color-white);
    color: var(--color-black);
    max-width: 100%;
    margin-bottom: 0;
    justify-content: center;
    align-items: center !important;
}
.the-page > div.full-width{
    max-width: 100%;
}
.the-page > div .text-box{
    padding: 0 2.5% 0 6%;
}
.no-shrink{
    flex-shrink: 0;
}
.the-page > div.sticky{
    justify-content: center;
    align-items: center !important;
    margin-bottom: 0;
}
.the-page > div.sticky .is_sticky{
    position: relative;
}
.the-page > div .wp-block-image{
    margin:0;
}
.the-page > div .wp-block-image img{
    width: 100%;
}
.the-page > div .wp-block-image a{
    border-bottom: none;
}
.the-page.case-study,
.the-page.blog{
    position: relative;
}
.wp-block-columns p{
    margin-bottom: 50px;
}
.is-layout-flex lottie-player{
    display: block;
    margin-bottom: 80px;
}
h1.center-text{
    max-width: 18ch;
    margin: 0 auto;
}
p.center-text{
    max-width: 56%;
    margin:0 auto;
}
.center-text{
    text-align: center;
}
.the-page h1.bottom-padding,
.the-page h2.bottom-padding,
.the-page h3.bottom-padding,
.the-page p.bottom-padding{
    padding-bottom: .5em;
}
.column-2{
    columns: 2;
    padding: 0 0 0 18px;
}
a.shhhh🤫{
    color: inherit;
    text-decoration: none;
    border: none;
}

.arrow circle.playing,
.action .circlebox.playing,
.loading .arrow-load circle{
    stroke-dasharray: 125; 
    stroke-dashoffset: 0%;
    animation:stroke 3s ease-in-out;
    transform: rotate(0deg);
    transform-origin: center;
}
.action{
    position: relative;
}
.action .circlebox,
.input-wrap .circlebox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.action .circlebox rect.playing,
.input-wrap .circlebox rect.playing{
    stroke-dasharray: 316%; 
    stroke-dashoffset: 0%;
    animation:rect-stroke 3s ease-in-out;
}
.action .circlebox svg,
.input-wrap .circlebox svg{
    overflow: visible;
}
.the-page .home-header{
    padding-top: 30px;
}
.home-header{
    align-items: stretch !important;
    justify-content: space-between;
}
.home-header .wp-block-column:first-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}
.home-header .blue{
    color: var(--color-blue);
}
.home-header .header-brands-button,
.home-header .header-creators-button{
}
.home-header p{
    margin-bottom: 48px;
    margin-top: 56px;
    max-width: 40ch;
}
.home-header div.button{
    transition: background-color .3s ease-in-out;
    background-color: var(--color-red);
}
.home-header div.button a{
    color: var(--color-white);
    transition: color .3s ease-in-out;
}
.home-header div.button a:after{
    background-image: var(--arrow-white);
}
.home-header div.button:hover{
    background-color: var(--color-black);
}
.home-header div.button:hover a{
    color: var(--color-white);
}
.home-header div.button:hover a:after{
    background-image: var(--arrow-white);
}
.home-header div.button:hover .circlebox{
    opacity: 1;
}
.home-header div.button:hover svg rect{
    stroke: var(--color-white);
}
.to-bottom{
    cursor: pointer;
    display: inline-block;
}
.to-bottom a{
    border: none;
}



/* slow fade */
.the-page .content > section{
    opacity: 1;
    transform: translateY(0px);
    transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

.the-page .content > section.not-showing{
    opacity: 0;
    transform: translateY(20px);
}

/* cookies!!! */
.wpcb-color-custom-447278441.wpcb-container{
    background-color: var(--color-black) !important;
}
.wpcb-color-custom-447278441.wpcb-container .wpcb-message{
    font:var(--font-button);
    font-size: 18px;
}
.wpcb-banner .wpcb-btn{
    font: var(--font-button) !important;
    border-radius: 20px !important;
    background-color: var(--color-red) !important;
    color: var(--color-white) !important;
    display: flex;
    justify-content: center;
    padding:12px 20px !important;
    align-items: center;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
}
/*.wpcb-banner .wpcb-btn:after{
    content: " ";
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: center center;
    background-position: contain;
    display: inline-block;
    height: 22px;
    width: 20px;
    margin-left: 16px;
}*/
/*.wpcb-banner .wpcb-btn:hover{
    background-color: var(--color-black) !important;
}*/
.wpcb-color-custom-447278441.wpcb-container{
    border-radius: 0;
    border: 2px solid var(--color-white);
}


/* === OUR WORK PAGE === */
.the-page > .wp-block-columns.work-columns{
    justify-content: flex-start;
}

.the-page .work-columns{
    font: var(--font-blog-h4);
    font-weight: 400;
}
.the-page .work-columns .wp-block-column{
    margin-right: 8%;
}
.the-page .work-columns .wp-block-column h3{
    line-height: 1.312;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.the-page .work-columns .wp-block-column p{
    line-height: 1.75;
}
.the-page .work-columns .wp-block-column .public-relations:before{
    content: "";
    display: inline-block;
    margin-right: 16px;
    margin-left: -48px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: var(--public-relations);
}
.the-page .work-columns .wp-block-column .strategy:before{
    content: "";
    display: inline-block;
    margin-right: 16px;
    margin-left: -48px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: var(--strategy);
}
.the-page .work-columns .wp-block-column .creative:before{
    content: "";
    display: inline-block;
    margin-right: 16px;
    margin-left: -48px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: var(--creative);
}
.the-page .work-columns .wp-block-column .leadership:before{
    content: "";
    display: inline-block;
    margin-right: 16px;
    margin-left: -48px;
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: var(--leadership);
}



/* === FOOTER === */
footer{
    background-color: var(--color-red);
}
footer a{
    color: var(--color-white);
    border: none;
}
footer .footer-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 95%;
    margin: 0 auto;
    padding:25px 0;
}
footer .footer-wrap .main-logo{
    flex: 0 0 auto;
    display: block;
    max-width: 100%;
    position: relative;
    z-index: 1;
}
footer .footer-wrap .main-logo-img{
    height: 38px; 
    aspect-ratio: 169/38;
}

footer .footer-wrap .menu-group{
    flex: 0 0 calc(100% - 200px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left:18px;
}
footer .footer-wrap .menu-group{
    font-size: 14px;
    font-family: 'Benton', sans-serif;
    font-weight: 400;
}
footer .footer-wrap .menu-group .footer-socials{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 0 1 100%;
}
footer .footer-wrap .menu-group .footer-socials .social-group{
    width: 70%;
    display: flex;
    justify-content: space-around;
}
footer .footer-wrap .menu-group .social-group a{
    padding: 0 5px;
    font-size: 20px;
}
footer .footer-wrap .menu-group .year{
    padding-left: 10px;
}
footer .footer-wrap .we-link-box{
    flex: 0 1 100%;
}
footer .footer-menu{
    flex: 0 1 100%;
    min-width: fit-content;
}
footer .menu-group .menu{
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
footer .menu-group .menu .menu-item{
    cursor: pointer;
    padding: 7px 15px;
    text-transform: uppercase;
}
footer .menu-group .menu .menu-item.action{
    background-color: var(--color-white);
    color: var(--color-black);
    border-radius: 50px;
    position: relative;
    margin-left:5px;
    padding: 0;
    transition: background-color .3s ease-in-out;
}

footer .menu-group .menu .menu-item a{
    font: var(--font-menu);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
footer .menu-group .menu .menu-item.action a{
    font-weight: 800;
    position: relative;
    z-index: 999;
    font-size: 18px;
    line-height: 1;
    padding: 12px 20px;
    color: var(--color-black);
}
footer .menu-group .menu .menu-item.action a:after{
    content: " ";
    background-image: var(--arrow-black);
    background-repeat: no-repeat;
    background-position: center center;
    background-position: contain;
    display: inline-block;
    height: 22px;
    width: 20px;
    margin-left:16px;
}
footer .menu-group .menu .menu-item.action:hover{
    background-color: var(--color-black);
}
footer .menu-group .menu .menu-item.action:hover a{
    color: var(--color-white);
}
footer .menu-group .menu .menu-item.action:hover a:after{
    content: " ";
    background-image: var(--arrow-white);
    background-repeat: no-repeat;
    background-position: center center;
    background-position: contain;
    display: inline-block;
    height: 22px;
    width: 20px;
    margin-left:16px;
}
footer .menu-group .menu .menu-item.action:hover .circlebox{
    opacity: 1;
}


/* === 404 === */
.the-page.fourOfour{
    min-height: calc(100vh - 261px);
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    max-width: 88%;
}
.the-page.fourOfour h2{
    margin: 0;
}
.the-page.fourOfour p {
    text-align: left;
    margin: 0;
    max-width: 64%;
}
.the-page.fourOfour ol{
    padding-left: 20px;
}
.the-page.fourOfour ol li{
    padding-bottom: .5em;
}


/* === Learing & Development === */
.LandD{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font: 400 21px / 1.52 lato, san-serif;
    margin-bottom: 120px;
    width: 95%;
}
.LandD .sidebar{
    flex:0 0 22%;
    position: sticky;
    top: 110px;
    z-index: 999;
}
.LandD .sidebar .sidebar-row{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #1A1C20;
    border-left:5px solid #1A1C20;
    margin-bottom: 2px;
    padding: 10px 17px; 
    border-bottom: none;
    color: var(--color-white);
    transition: all .3s ease-in-out;
}
.LandD .sidebar .sidebar-row:hover,
.LandD .sidebar .sidebar-row.active{
    border-left: 5px solid #D33F2F;
    background-color: #2B2E34;
}
.LandD .sidebar .sidebar-row .icon{
    margin-right:12px;
}
.LandD .sidebar .sidebar-row .icon .hover-fill,
.LandD .sidebar .sidebar-row .icon .hover-stroke{
    transition: fill .3s ease-in-out;
}
.LandD .sidebar .sidebar-row.active .icon .hover-fill,
.LandD .sidebar .sidebar-row.active .icon .hover-stroke,
.LandD .sidebar .sidebar-row:hover .icon .hover-fill,
.LandD .sidebar .sidebar-row:hover .icon .hover-stroke{
    fill: #D33F2F !important;
}
.LandD .sidebar .sidebar-row .sidebar-title{
    font:500 18px / 1.333 'Lato', 'sans-serif';
    color: var(--color-white);
}
.LandD .content{
    flex: 0 1 78%;
    max-width: 74%;
    margin-left: 4%;
}
.LandD .lottie-header{
    margin-top: -7%;
    margin-bottom: 18px;
    margin-left: -4%;
}
.LandD h3{
    font: 900 42px / 1.333 'lato', 'sans-serif';
    letter-spacing: 1.5px;
    margin-bottom: 44px;
}
.LandD p{
    max-width: 80%;
    margin-bottom: 1.52em;
}
.LandD p strong{
    font-weight: 900;
}
.LandD .section{
    border-top: 1px solid var(--color-white);
    padding-top: 72px;
}
.LandD .section:nth-of-type(1){
    border: none;
    padding-top: 0;
}
.LandD .section .section-title h2{
    font: 900 36px / .666 lato, san-serif;
    letter-spacing: 2px;
    margin-bottom: 68px;
    text-transform: uppercase;
}
.LandD .scroll-to-top {
    position: absolute;
    top: 0;
    right: -10%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
}
.LandD .scroll-to-top .scroll-indicator{
    position: sticky;
    height: 100%;
    width: 9px;
    border-radius: 30px;
    overflow: hidden;
    background-color: var(--color-white);
}
.LandD .scroll-to-top .scroll-background {
    background-color: var(--color-blue);
}
/* === Speech === */
.speech.the-page{
    margin-top: 0;
}
.speech p{
    margin-bottom: 1.52em;
}
.speech section{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.speech section .section-title{
    flex: 0 1 19%;
}
.speech section .acf-innerblocks-container{
    flex: 0 1 70%;
    max-width: 70%;
}
.speech section.center{
    justify-content: center;
    align-items: center;
    margin-bottom: 140px;
}
.speech section.center .section-title,
.speech section.center .acf-innerblocks-container{
    flex: 0 1 72%;
}
.speech .wp-block-columns{
    margin-top: 44px;
}
.speech .wp-block-columns .wp-block-column .lottie-icon{
    width: 20%;
    margin: 0 auto;
}
.speech .wp-block-columns .wp-block-column .lottie-icon lottie-player{
    margin-bottom: 0;
}
.speech .content > section{
    border-top: 1px solid var(--color-white);
    padding-top: 76px;
    margin-top: 72px;
}
.speech .content > section:nth-of-type(1){
    margin-top: 0;
    border-top: 0;
}
.speech .content > section h2{
    font: 500 clamp(24px, 6vw, 32px)/ 1.3 lato, san-serif;
}
.speech .content h3.wp-block-heading {
    font: 900 clamp(24px, 6vw, 32px)/ 1.3 lato, san-serif;
    margin-bottom: 25px;
}

.modal-outer{
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-in-out;
}
.modal-outer.showing{
    opacity: 1;
    pointer-events: auto;
}
.modal-outer .ex{
    width: 40px;
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.modal-outer .modal-inner{
    position: relative;
    flex:0 0 64%;
    border: 2px solid var(--color-grey);
    border-radius: 36px;
    background-color: var(--color-drkgrey);
    display: flex;
    padding: clamp(40px, 6vw, 7%) 11%;
}
.modal-outer .modal-inner .modal-image-title,
.modal-outer .modal-inner .modal-text{
    flex: 0 1 50%;
}
.modal-outer .modal-inner .modal-text p{
    margin-bottom: 1.52em;
}
.modal-outer .modal-inner .modal-image-title{
    padding-right: 30px;
}
.modal-outer .modal-inner .modal-image-title img{
    margin-bottom: 40px;
    max-height: 75%;
}
.modal-outer .modal-inner .modal-text{
    font: 400 18px / 1.555 'Lato', 'sans-serif';
    letter-spacing: .25px;
}
.modal-outer .modal-inner .modal-text p{
    border-left: 2px solid var(--color-white);
    padding-left: 19px;
}
@media screen and (max-width:1200px){
footer .footer-wrap .menu-group{
    flex-wrap: wrap;
}
footer .footer-wrap .menu-group .footer-socials{
    flex: 0 1 20%;
}
footer .footer-menu{
    flex: 0 1 80%;
}
}


/* MOBILE!!!! */
@media screen and (max-width: 900px){
    /* Header */
    header .header-int{
        width: 93%;
    }
    header .mobile-menu{
        display: block;
        position: relative;
        z-index: 10;
        cursor: pointer;
    }
    header .mobile-menu .hamburger svg line{
        display: block;
    }
    header .mobile-menu.hamopen .hamburger svg .line1{
        transform: rotate(45deg);
        transform-origin: center center;
    }
    header .mobile-menu.hamopen .hamburger svg .line3{
        transform: rotate(-45deg);
        transform-origin: center center;
    }
    header .mobile-menu.hamopen .hamburger svg .line2{
        display: none;
    }
    header .menu-group{
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        display: flex;
        opacity: 0;
        pointer-events: none;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: flex-start;
        background-color: var(--color-black);
        z-index: -1;
    }
    header .menu-group.opener{
        opacity: 1;
        pointer-events: auto;
        z-index: 9;
        transition: opacity .3s ease-in-out;
    }
    header .menu-group .social-group{
        flex: initial;
        margin: 26px 0 57px;
    }
    header .menu-group .menu{
        flex-direction: column;
        margin-bottom: 25px;
        align-items: flex-start;
        margin-left:4vw;
        margin-top: 50px;
    }
    header .menu-group .menu .menu-item a{
        font-size: 48px;
        padding: 0;
    }
    header .menu-group .social-group a{
        font-size: clamp(0px, 5vw, 40px);
    }
    header .menu-group .social-group a:first-child{
        padding-left:0;
    }
    header .menu-group .menu .menu-item{
        padding-left:0px;
    }
    header .menu-group .menu .menu-item.action{
        margin-left: 0;
    }
    header .menu-group .menu .menu-item.action a{
        font-size: 18px;
        padding: 12px 20px;
    }


    .LandD .sidebar{
        display: none;
    }
    .LandD .content{
        max-width: 98%;
        flex: 0 0 100%;
        margin: 0;
    }
    .LandD p{
        max-width: 95%;
    }
    .footer-menu{
        display: none;
    }

    .modal-outer .modal-inner{
        flex-direction: column;
        max-width: calc(100vw - 10%);
        max-height: calc(100vh - 10%);
        flex: 1 1 calc(100vw - 10%);
        overflow: scroll;
        padding: 16px;
    }
    .modal-outer .modal-inner .modal-image-title{
        border:none;
        padding: none;
    }
    .modal-outer .modal-inner .modal-image-title img{
        width: 75%;
        max-width: 300px;
        margin-bottom: 0 auto;
    }
    .modal-outer .modal-inner .modal-text{
        padding: 0;
        margin-top: 30px;
    }
    .modal-outer .ex{
        position: sticky;
        top: 0px;
        left: 100% ;
    }
    footer .footer-wrap .menu-group .footer-socials{
        display: none;
    }



    /* basic pages */
    .the-page{
        margin-top: 140px;
    }
    .is-layout-flex{
        flex-direction: column;
    }
    .is-layout-flex.is-not-stacked-on-mobile{
        flex-direction: row;
    }
    h2.page-header{
        font-size: 64px;
        line-height: 1.25;
        text-align: left;
    }
    h2.press{
        margin-bottom: 0;
    }
    .to-bottom{
        display: none;
    }
    .the-page .filter-wrap{
        max-width: 88%;
        margin-top: 0px;
    }
    .jobs-container{
        max-width: 88%;
        margin-bottom: 60px;
    }
    .home-header div.button{
        margin-bottom: 24px;
    }

    .the-page > div.sticky{
        flex-direction: column-reverse;
    }
    .the-page > div.sticky .is_sticky{
        position: relative;
        margin-top: 130px;
        top: 0;
        margin-bottom: 0;
        max-width: 94%;
    }
    .we-love-us-block .message-box{
        margin-top: 0px;
    }
    .message-bubble:first-child{
        margin-top: 30px;
    }
    .home-header.wp-block-columns p{
        margin-top: 20px;
        margin-bottom: 48px;
    }
    .wp-block-columns p:last-child{
        margin-bottom: 0;
    }
    .home-header.wp-block-columns .press-block p{
        margin-bottom: 0px;
    }
    .column-2{
        padding-left: 1.2em;
        column-gap: 30px;
    }
    p.center-text{
        max-width: 100%;
    }
    .wp-block-columns.sticky.blue:not(.is-not-stacked-on-mobile)>.wp-block-column:first-child{
        margin: 0 auto;
    }
    .wp-block-columns.sticky.white:not(.is-not-stacked-on-mobile)>.wp-block-column:last-child{
        margin: 0 auto;
    }

    /* Jobs page */
    .filter-wrap{
        flex-direction: column;
        margin-top: 30px;
    }
    .filter-wrap > div{
        width: 100%;
        margin-bottom: 60px;
    }
    .jobs-container{
        margin-top: 30px;
        flex-direction: column;
    }
    .jobs-container .job-wrapper{
        flex: 0 0 100%;
        margin-bottom: 60px;
    }
    .jobs-wrapper{
        display: block;
        max-width: 88%;
    }
    .jobs-wrapper .jobs-sidebar{
        position: relative;
        top: 0;
        margin: 0;
        transform: none;
        max-width: 100%;
        transition: none;
    }
    .jobs-wrapper .job-list-container{
        margin-top: 48px;
        max-width: 100%;
    }
    .jobs-wrapper .job-list-container h3{
        display: block;
    }
    .jobs-wrapper .job-list-container h3 .icon{
        display: block;
        margin:0 0 20px 0;
    }
    .jobs-wrapper .jobs-sidebar ul.job-toc{
        display: none;
    }
    .jobs-wrapper .jobs-sidebar .button{
        position: fixed;
        margin: 0;
        bottom: -2px;
        left: 0;
        width: 100%;
        padding: 34px 0;
        text-align: center;
        justify-content: center;
        border-radius: 0;
        z-index: 2;
    }
    .jobs-wrapper .jobs-sidebar .button:hover{
        background-color: var(--color-blue);
        color: var(--color-black);
    }
    .jobs-wrapper .jobs-sidebar .button:hover:after{
        content: var(--arrow-black);
    }
    .jobs-wrapper .jobs-sidebar .button:hover .circlebox{
        opacity: 0;
    }
    .the-page.fourOfour p {
        max-width: 100%;
    }
    .jobs-container .job-wrapper .category{
        letter-spacing: .5px;
    }
     .the-page > .home-email-footer{
        display: flex;
        flex-direction: column;
    }
    .the-page > div .text-box{
        padding: 5% 5% 48px;
    }

    /* == case studies == */
    .case-study .scroll-wrapper > div:not(.scroll-to-top){
        width: 100%;
    }

    /* == Blog Page == */
    .wp-block-column.blog-sidebar{
        display: none;
    }
    .post-template-default.single .more-blogs{
        width: 100%;
    }
    .post-template-default.single .load-more-box{
        flex: 0 0 100%;
    }
    .wp-block-column.blog-sidebar .to-bottom{
        display: block;
    }

    /* == blog single == */
    .post-template-default.single .scroll-to-top{
        right:-5%;
    }
    .post-template-default.single .more-blogs .blog-img-mobile{
        display: block;
        margin-bottom: 20px;
    }
    .post-template-default.single .scroll-wrapper{
        flex: 0 0 100%;
    }
    .post-template-default.single .sidebar{
        display: none;
    }
    .post-template-default.single .blog-content,
    .post-template-default.single .blog-header{
        width: 90%;
    }
    .post-template-default.single .more-blogs h2{
        margin-bottom: 36px;
    }
    .post-template-default.single .blog-header .sub-head-wrap{
        flex-direction: column;
        padding-bottom: 40px;
        align-items: flex-start;
    }
    .post-template-default.single .blog-header .sub-head-wrap .sub-head{
        padding-bottom: 20px;
    }
    .post-template-default.single .author-box{
        margin-bottom: 40px;
        margin-top: 40px;
        align-items: center;
    }
    .post-template-default.single .author-box img{
        margin-right: 16px;
        width: 64px;
        height: 100%;
    }
    .post-template-default.single .author-box .name-box{
        padding-left: 16px;
    }
    .post-template-default.single .cat-button{
        font-size: 16px;
    }
    .post-template-default.single .single-load-more .blog-arrow-right svg,
    .post-template-default.single .blog-item .blog-content .arrow{
        width: 20px;
        height: 20px;
    }
    .the-page h1.mobile-center,
    .the-page h2.mobile-center,
    .the-page h3.mobile-center,
    .the-page p.mobile-center{
        text-align: left;
    }
    /* media kit */
    .media-kit .agency-leadership,
    .media-kit .agency-leadership .leadership,
    .media-kit .agency-leadership .leadership a{
        margin-bottom: 0;
    }
    .media-kit .is-not-stacked-on-mobile{
        margin-top: 30px;
    }

    /* === our work page === */
    .the-page .work-columns .wp-block-column:first-child{
        margin-bottom: 1.75em;
    }
    .speech .content > section{
        flex-direction: column;
    }
    .speech section .acf-innerblocks-container{
        flex: 0 1 100%;
        max-width: 100%;
        width: 100%;
    }
    .speech section .section-title{
        margin-bottom: 50px;
        text-align: center;
        width: 100%;
    }
}

@media screen and (max-width:700px){
    .case-study .cs-header,
    .case-study .cs-content-wrap{
        flex-direction: column;
    }
    .case-study .cs-header{
        margin-bottom: 4px;
    }
    .case-study .full-width-img{
        margin-bottom: 40px;
        margin-top: 40px;
    }
    .case-study .cs-header .header-side{
        margin-bottom: 30px;
    }
    .case-study .cs-content-wrap .cs-sidebar{
        margin-top: 36px;
    }
    .case-study .cs-content-wrap .cs-sidebar .quote{
        margin-top: 70px;
    }
    .scroll-to-top{
        display: none;
    }
    .case-study .cs-content-wrap .phone-anime-wrapper{
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .case-study .cs-content-wrap #phone-anime{
        width: 100%;
        margin-top: 36px;
    }
    .case-study .cs-content-wrap .phone-text .text{
        position: relative;
        opacity: 1;
    }
    .case-study h2{
        line-height: 1.31;
        margin-bottom: 20px;
    }
    .case-study .cs-content-wrap .cs-sidebar .quote-box:last-child{
        padding-top: 30px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    p.center-text{
        text-align: left;
    }
    .case-study .cs-content-wrap .cs-sidebar .number-wrapper .num-block .number{
        margin-bottom: 0;
    }
    .case-study .title{
        max-width: 60%;
        width:45%;
        display: inline-block;
    }
   /* .cs-content p img{
        margin: 48px 0;
    }*/
    .case-study .cs-content-wrap .phone-text .text{
        padding: 0;
    }
    .case-study .cs-content-wrap .phone-text .text.show{
        border: 2px solid transparent;
    }
    .post-template-default.single .blog-content,
    .post-template-default.single .blog-header{
        width: 100%;
    }
    .post-template-default.single .blog-item a{
        flex-direction: column;
    }
    .post-template-default.single .blog-item .blog-img{
        flex: auto;
        height: clamp(195px, 52vw, 320px);
    }
    .filter-wrap > div:after{
        content: var(--chevron);
    }
    .filter-wrap .search-wrap:after{
        content: var(--arrow-circle-white);
    }
    .filter-wrap > div:after{
        height: 20px;
    }

}

@media screen and (max-width:600px){

    .the-page .swiper-horizontal:not(.press-sidebar){
        max-width: 94%;
        width: 100%;
        margin-left: 6%;
    }
    .the-page > .wp-block-columns, 
    .the-page > .recent-projects, 
    .the-page > .logo-slider, 
    .the-page > .case-studies-block,
    .the-page > .logo-grid{
        margin-bottom: 48px;
    }
    .recent-projects{
        margin-top: 36px;
    }
    footer .footer-wrap{
        flex-direction: column;
    }
    footer .footer-wrap .menu-group{
        padding-left: 0;
    }
    footer .footer-wrap .main-logo{
        max-width: 200px;
        flex: 0 0 auto;
    }
    .wpcf7-form input,
    .wpcf7-form textarea{
        padding-left:26px;
    }
    .email-headline h2{
         margin-bottom: .5em;   
    }
    header .menu-group .menu .menu-item.action:hover{
    background-color: var(--color-red);
    }
    header .menu-group .menu .menu-item.action:hover a{
        color: var(--color-white);
    }
    header .menu-group .menu .menu-item.action:hover .circlebox{
        opacity: 0;
    }
    .home-header div.button:hover{
    background-color: var(--color-white);
    }
    .home-header div.button:hover a{
        color: var(--color-black);
    }
    .home-header div.button:hover a:after{
        background-image: var(--arrow-black);
    }
    .home-header div.button:hover .circlebox{
        opacity: 0;
    }
    .arrow circle.playing,
    .action .circlebox.playing{
    animation:none;
    transform: rotate(0deg);
    transform-origin: center;
    }
    .wpcf7-form input[type=submit]:hover{
    background-color: var(--color-red) !important;
    }
    .wpcf7-form p.input-wrap:hover .circlebox{
        opacity: 0;
    }
    #mc_embed_signup .optionalParent .foot:after{
        content: var(--arrow-circle-white);
        height: 20px;
        width: 20px;
        top: calc(50% - 25px);
        left: calc(50% - 10px);
    }


}