html body{color:oklch(var(--color-base));overflow:hidden;background-color:oklch(var(--color-contrast))!important}main{height:100svh}header.on-contrast{& .dd_hamburger-button:hover,& .dd_navbar a:after{background-color:oklch(var(--color-contrast-3))}& .wp-block-button__link.wp-element-button{display:none}}.hero-container{height:100svh;position:relative;overflow:hidden;@supports not (height:100svh){&{height:100vh}}}.hero-content-container{pointer-events:none;align-items:flex-end;display:flex;position:absolute;inset:0}.hero-content-wrapper{gap:var(--spacing-10);box-sizing:border-box;padding-bottom:calc(var(--spacing-20) + 1.5rem);z-index:5;flex-direction:column;width:100%;height:auto;display:flex;position:relative}.hero-logo-wrapper{width:100%;max-width:420px;& svg{width:auto;max-width:100%;height:auto;max-height:30vh;& .hero-logo-ampersand{fill:oklch(var(--color-accent-2));transition:fill .5s}& .hero-logo-different path,& .hero-logo-cowboy path{fill:oklch(var(--color-base))}& .hero-logo-indian path{fill:oklch(var(--color-contrast))}}}.hero-message-wrapper{width:100%;& .hero-buttons-wrapper{flex-direction:column;align-items:center;margin-top:0;display:flex;&>*{pointer-events:all}}& .wp-block-buttons{flex-wrap:nowrap;width:100%;margin:0;padding:0}& .wp-block-buttons,& .wp-block-button,& .wp-block-button__link{width:100%}& .wp-block-button__link{justify-content:center}& .is-style-outline .wp-block-button__link.wp-element-button{border-style:solid;border-width:2px;padding:calc(.84rem - 2px) calc(1.3rem - 2px) calc(.85rem - 2px)}& .story-button span{display:none;@media screen and (width>=504px) and (width<=768px){&{display:inline-flex}}@media screen and (width>=1040px){&{display:inline-flex}}}& .team-button span{display:none;@media screen and (width>=450px) and (width<=768px){&{display:inline-flex}}@media screen and (width>=950px){&{display:inline-flex}}}& .dd_social-button,& .hero-message{display:none}}.hero-images-container{height:calc(100% - ( .8rem + 24px + var(--spacing-10) + var(--button-height) + var(--spacing-40)));flex-flow:column;width:100%;display:flex;position:relative;&:before{content:"";background:linear-gradient(to bottom,oklch(var(--color-contrast)/1)0%,oklch(var(--color-contrast)/.5)40%,oklch(var(--color-contrast)/.3)60%,oklch(var(--color-contrast)/0)100%);z-index:1;pointer-events:none;width:100%;height:10%;position:absolute;top:0;left:0}&:after{content:"";background:linear-gradient(to top,oklch(var(--color-contrast)/1)10%,oklch(var(--color-contrast)/0));z-index:1;pointer-events:none;width:100%;height:20%;position:absolute;bottom:0;left:0}& .hero-image-wrapper{width:100%;height:100%;& .hero-image{-webkit-margin-before:0;-webkit-margin-after:0;width:100%;height:100%;margin-block:0;position:relative;overflow:hidden;&:focus{outline-style:none}& img{-o-object-fit:cover;object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .7s,-webkit-filter .7s}& .play-button{opacity:0;pointer-events:none;width:48px;height:48px;transition:opacity .7s;position:absolute;top:50%;right:50%;transform:translate(50%);& img{pointer-events:none}}&.expanded,&:focus-visible{width:100%;& img{filter:grayscale(0%)}& .hero-image__title{opacity:1}& .play-button{opacity:1;pointer-events:all}}}& .hero-video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}& .hero-images-wrapper{flex-flow:row;width:100%;height:50%;display:flex;& .hero-image{-webkit-margin-before:0;-webkit-margin-after:0;width:50%;height:100%;margin-block:0;transition:width .5s cubic-bezier(.65,0,.35,1),opacity .3s;position:relative;overflow:hidden;&:focus{outline-style:none}& img{-o-object-fit:cover;object-fit:cover;filter:grayscale();width:100%;height:100%;transition:filter .7s,-webkit-filter .7s}& .hero-image__title{font-size:var(--wp--preset--font-size--xxx-large);letter-spacing:-.02em;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;-webkit-text-orientation:mixed;text-orientation:mixed;color:oklch(var(--color-base));opacity:0;text-transform:uppercase;width:auto;font-weight:550;transition:opacity .7s;position:absolute;bottom:30%;right:-.3em;transform:rotate(180deg)}& .play-button{opacity:0;pointer-events:none;width:48px;height:48px;transition:opacity .7s;position:absolute;& img{pointer-events:none}&.on-bottom{bottom:.5rem}&.on-top{top:.5rem}&.on-right{right:.5rem}&.on-left{left:.5rem}}&.expanded,&:focus-visible{width:80%;& img{filter:grayscale(0%)}& .hero-image__title{opacity:1}& .play-button{opacity:1;pointer-events:all}}}}}.video-modal{background-color:oklch(var(--color-contrast));opacity:0;justify-content:center;align-items:center;display:none;position:absolute;inset:0;& video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}}.dd_header-home .ci_logo__wrapper{opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.dd_close-button{@media screen and (width>=1450px){&{right:calc(50vw - 704px)}}}@media screen and (width>=769px){header.on-contrast .wp-block-button__link.wp-element-button{display:inline-flex}.hero-content-wrapper{align-items:flex-end;gap:var(--spacing-gap);padding-bottom:calc(var(--spacing-40) + var(--spacing-10));flex-direction:row}.hero-logo-wrapper{max-width:initial;width:50%;margin-bottom:-.6rem;& svg{width:auto;max-width:100%}}.hero-message-wrapper{width:50%;& .hero-buttons-wrapper{justify-content:space-between;align-items:center;gap:var(--spacing-20);margin-top:var(--spacing-20);flex-direction:row}& .wp-block-buttons,& .wp-block-button,& .wp-block-button__link{width:auto}& .hero-message{font-size:calc(var(--wp--preset--font-size--x-large) - .1rem);text-align:left;color:oklch(var(--color-base));letter-spacing:-.01em;line-height:1.3;display:block}& .dd_social-button{width:var(--button-height);height:var(--button-height);border-radius:var(--radius);color:oklch(var(--color-base));justify-content:center;align-items:center;text-decoration:none;display:flex;&:hover{background-color:oklch(var(--color-contrast-2))}}}.hero-images-container{flex-direction:row;height:100%;&:before{height:15%}&:after{height:40%}& .hero-images-wrapper .hero-image,& .hero-image-wrapper .hero-image{cursor:url(../images/play_arrow.svg),pointer}& .hero-image-wrapper .hero-image{&:hover img,&:focus-visible img{filter:grayscale(0%)}}& .hero-images-wrapper{height:100%;& .hero-image{width:25%;& .hero-image__title{bottom:50%}&:hover,&:focus-visible{width:50%;& img{filter:grayscale(0%)}& .hero-image__title{opacity:1}}}}}.video-modal{cursor:url(../images/cancel.svg),pointer}}