.component--cinemagraph-hero{overflow:hidden;padding:20px;position:relative}.component--cinemagraph-hero button{border:none}.component--cinemagraph-hero button *{left:0;pointer-events:none;position:relative;top:0}.component--cinemagraph-hero .backplate{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#1c1c1c;background-image:url(/themes/custom/mmg8_cog/dist/images/md-flag-gray.svg);background-position:center;background-size:cover;background-repeat:no-repeat;-webkit-clip-path:polygon(0 0,100% 0,100% calc(100% - 100px),0 100%);clip-path:polygon(0 0,100% 0,100% calc(100% - 100px),0 100%);z-index:-1}@media screen and (min-width:1024px){.component--cinemagraph-hero .backplate{bottom:auto;height:var(--backplate-height,100%)}}.component--cinemagraph-hero .backplate::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#feb841;-webkit-clip-path:polygon(0 calc(100% - 25px),100% calc(100% - 125px),100% calc(100% - 100px),0 100%);clip-path:polygon(0 calc(100% - 25px),100% calc(100% - 125px),100% calc(100% - 100px),0 100%);pointer-events:none;z-index:-1}.component--cinemagraph-hero>.content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:50px;max-width:135rem;margin:0 auto}@media screen and (min-width:1024px){.component--cinemagraph-hero>.content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-column-gap:60px;-moz-column-gap:60px;column-gap:60px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2.5rem}}.component--cinemagraph-hero>.content .media{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;position:relative}.component--cinemagraph-hero>.content .media img{width:100%;aspect-ratio:16/9;height:auto;-o-object-fit:cover;object-fit:cover}@media screen and (min-width:1024px){.component--cinemagraph-hero>.content .media img{aspect-ratio:1/1;max-height:500px}}@media screen and (min-width:1024px){.component--cinemagraph-hero>.content .media{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-flex:680;-ms-flex:680 0 0px;flex:680 0 0}}.component--cinemagraph-hero>.content .media #video-hero-video{-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%;height:calc(100% - 1px);z-index:1;bottom:auto}.component--cinemagraph-hero>.content .media #video-hero-video.hide{display:none}.component--cinemagraph-hero>.content .media #video-hero-video.unhide{display:block}.component--cinemagraph-hero>.content .media .field--name-field-image-credit{background:transparent -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent)) 0 0 no-repeat padding-box;background:transparent linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent 100%) 0 0 no-repeat padding-box;color:#fff;font-size:16px;font-style:italic;font-weight:500;padding:10px 25px 15px 20px;position:absolute;text-shadow:0 0 3px #000;top:0;width:100%}.component--cinemagraph-hero>.content .media .field--name-field-image-credit{top:0;text-align:right;padding:10px 25px 15px 120px}.component--cinemagraph-hero .cinemagraph-content{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width:1024px){.component--cinemagraph-hero .cinemagraph-content{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-flex:780;-ms-flex:780 0 0px;flex:780 0 0;text-align:left}}.component--cinemagraph-hero .cinemagraph-description-wrapper{color:#fff;padding-top:0;position:relative;z-index:3}.component--cinemagraph-hero .cinemagraph-description-wrapper a{font-weight:700;text-decoration:underline;border-bottom-color:transparent;color:#fff;text-underline-offset:3px;text-decoration-thickness:1px;color:#fec232}.component--cinemagraph-hero .cinemagraph-title{color:#fff;font-size:2.3rem;line-height:2.8rem;font-weight:800;padding-top:3rem;position:relative;margin:0;text-align:center}@media screen and (min-width:1024px){.component--cinemagraph-hero .cinemagraph-title{font-size:4.5rem;line-height:normal;text-align:left;letter-spacing:.9px;padding:0 0 1rem 0}}.component--cinemagraph-hero .field--name-field-cinemagraph-description{position:relative;padding:0 0 5rem 0;text-align:center;font-size:1.6rem}@media screen and (min-width:1024px){.component--cinemagraph-hero .field--name-field-cinemagraph-description{text-align:left;font-size:1.8rem;line-height:2.9rem}}.component--cinemagraph-hero .field--name-field-cinemagraph-description p{margin:0}.component--cinemagraph-hero .field--name-field-cinemagraph-description .lead-in-text{color:#3b3b3b;font-size:1.8rem;font-weight:500;line-height:1.67;text-transform:none}@media screen and (min-width:1024px){.component--cinemagraph-hero .field--name-field-cinemagraph-description .lead-in-text{font-size:2.2rem;line-height:1.45}}.component--cinemagraph-hero .field--name-field-cinemagraph-description .lead-in-text{color:#fff}@media screen and (min-width:768px){.component--cinemagraph-hero .field--name-field-cinemagraph-description{padding:0}}.quick--links{margin:0;padding:1rem 3rem 1rem 1.5rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background:#282828}@media screen and (min-width:768px){.quick--links{padding:1rem .5rem 1rem 6rem}}@media screen and (min-width:1024px){.quick--links{padding:1rem 8rem}}.quick--links li{padding:.25rem .25rem .25rem 0;margin:0;list-style:none;position:relative}@media screen and (min-width:1024px){.quick--links li{padding:.25rem .5rem .25rem 0}}.quick--links li:before{margin:0 .5rem 0 .25rem;content:"|";position:relative;color:#fff}@media screen and (min-width:1024px){.quick--links li:before{margin:0 .75rem 0 .25rem}}.quick--links li:first-of-type{padding:.25rem .25rem .25rem .75rem}@media screen and (min-width:768px){.quick--links li:first-of-type{padding:.25rem .25rem .25rem 0}}@media screen and (min-width:1024px){.quick--links li:first-of-type{padding:.25rem .5rem .25rem 0}}.quick--links li:first-of-type:before{display:none}.quick--links li a{color:#fff}