:root{--light-gray:rgba(211, 211, 211, 1.00);--medium-gray:rgba(202, 202, 202, 1.00);--dark-gray:rgba(138, 138, 138, 1.00);--black:rgba(10, 10, 10, 1.00);--black-color:var(--black);--white:rgba(254, 254, 254, 1.00);--white-color:var(--white);--primary:rgba(0, 140, 186, 1.00);--secondary:rgba(231, 231, 231, 1.00);--success:rgba(67, 172, 106, 1.00);--warning:rgba(240, 138, 36, 1.00);--alert:rgba(240, 65, 36, 1.00);--primary-contrast:rgba(255, 255, 255, 1.00);--secondary-contrast:rgba(51, 51, 51, 1.00);--success-contrast:rgba(254, 254, 254, 1.00);--warning-contrast:rgba(254, 254, 254, 1.00);--alert-contrast:rgba(254, 254, 254, 1.00);/* --primary-light:rgba(210, 255, 255, 1.00);--secondary-light:rgba(255, 255, 255, 1.00);--success-light:rgba(255, 255, 255, 1.00);--warning-light:rgba(255, 255, 246, 1.00);--alert-light:rgba(255, 255, 246, 1.00);*/--primary-dark:rgba(0, 110, 156, 1.00);--secondary-dark:rgba(201, 201, 201, 1.00);--success-dark:rgba(37, 142, 76, 1.00);--warning-dark:rgba(210, 108, 6, 1.00);--alert-dark:rgba(210, 35, 6, 1.00);--header-color:rgba(159, 159, 159, 1.00);--subheader-color:rgba(138, 138, 138, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(209, 209, 209, 1.00);--link-color:rgba(182, 104, 53, 1.00);--link-color-hover:rgba(96, 150, 168, 1.00);--selection-background:var(--primary);--selection-text:var(--primary-contrast);--link-decoration:none;--link-decoration-hover:none;--overlay-color:rgba(0, 0, 0, 0.50);--radius:3px;--small-gutter:1rem;--medium-gutter:1.5rem;--large-gutter:1.5rem}::-moz-selection{background:var(--selection-background);color:var(--selection-text)}::selection{background:var(--selection-background);color:var(--selection-text)}.alt{--header-color:rgba(171, 171, 171, 1.00);--subheader-color:rgba(230, 230, 230, 1.00);--small-color:rgba(202, 202, 202, 1.00);--text-color:rgba(109, 182, 206, 1.00);--link-color:rgba(194, 207, 56, 1.00);--link-color-hover:rgba(19, 138, 182, 1.00);--link-decoration:none;--link-decoration-hover:none}.grid-container{max-width:calc(1300rem/16);}.radius{border-radius:var(--radius)}body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(24rem/16)}h2,.h2{font-size:calc(20rem/16)}h3,.h3{font-size:calc(14rem/16)}h4,.h4{font-size:calc(18rem/16)}h5,.h5{font-size:calc(17rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:40%}.button{font-size:calc(16rem/16)}.button.tiny{font-size:calc(10rem/16)}.button.small{font-size:calc(12rem/16)}.button.large{font-size:calc(20rem/16)}@media only screen and (min-width:40em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(36rem/16)}h2,.h2{font-size:calc(28rem/16)}h3,.h3{font-size:calc(14rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}@media only screen and (min-width:64em){body{font-size:calc(16rem/16)}h1,.h1{font-size:calc(36rem/16)}h2,.h2{font-size:calc(30rem/16)}h3,.h3{font-size:calc(16rem/16)}h4,.h4{font-size:calc(25rem/16)}h5,.h5{font-size:calc(20rem/16)}h6,.h6{font-size:calc(16rem/16)}small{font-size:30%}}a{color:var(--link-color);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration)}a:hover,a:focus{color:var(--link-color-hover);-webkit-text-decoration:var(--link-decoration-hover);text-decoration:var(--link-decoration-hover)}.menu a{color:var(--menu-link-color);background:var(--menu-bg-color)}.menu a:hover{color:var(--menu-link-color-hover)}h1,h2,h3,h4,h5,h6{color:var(--header-color)}small{color:var(--small-color)}.subheader{color:var(--subheader-color)}.text ul,.text ol{list-style-position:outside}.text>ul,.text>ol,.text .mez>div>ul,.text .mez>div>ol{margin-left:1.25rem}.text ul{list-style-type:disc}.text ul ul,.text ol ul{list-style-type:circle}.text ol{list-style-type:decimal}.text ol ol,.text ul ol{list-style-type:lower-alpha}.radius,.radius:before,.radius:after{border-radius:calc(3rem/16)}body{background-color:rgba(34, 34, 34, 1.00);}
  h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6,  .menu li,   .font-class{font-family:"Open Sans",sans-serif }
            .font-bigger{font-size:calc(26rem/16) ;}@media only screen and (min-width:40em) {            .font-bigger{font-size:calc(35rem/16) ;line-height:1.50 }}@media only screen and (min-width:64em) {            .font-bigger{font-size:calc(45rem/16) ;line-height:1.50 }}
section{padding-top:0.00rem ;padding-right:0.00rem ;padding-bottom:2.00rem ;padding-left:0.00rem ;}@media only screen and (min-width:40em){section{padding-top:0.00rem ;padding-right:0.00rem ;padding-bottom:2.00rem ;padding-left:0.00rem }}@media only screen and (min-width:64em){section{padding-top:0.00rem ;padding-right:0.00rem ;padding-bottom:2.00rem ;padding-left:0.00rem }}
.bg-section-color{background-color:rgba(42, 42, 42, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.bg-section-color{background-attachment:scroll!important}}
.stacks_in_150559_5{line-height:0}.stacks_in_150559_5 svg{display:inline-block;max-width:24px;height:auto;}.stacks_in_150559_5.full-width svg{width:100%;height:auto}
.stacks_in_150559_8{line-height:0}.stacks_in_150559_8 svg{display:inline-block;max-width:24px;height:auto;}.stacks_in_150559_8.full-width svg{width:100%;height:auto}
.stacks_in_150559_15{line-height:0}.stacks_in_150559_15 svg{display:inline-block;max-width:28px;height:auto;}.stacks_in_150559_15.full-width svg{width:100%;height:auto}
.menu .submenu{background-color:var(--black-color) ;background-color:rgba(34, 34, 34, 1.00) ;}
 .menu-style>.menu a, .menu.menu-style a{--menu-link-color:rgba(168, 193, 232, 1.00);--menu-link-color-hover:rgba(228, 109, 75, 1.00);--menu-bg-color:rgba(255, 255, 255, 0.00);--menu-caret-color:rgba(97, 103, 173, 1.00);--menu-border-accent:2px solid var(--menu-link-color)} .menu-style>.menu .menu-text, .menu.menu-style .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-style>.menu .submenu a:hover, .menu.menu-style .submenu a:hover{--menu-bg-color:rgba(32, 32, 32, 1.00)} .menu-style>.menu>li>a, .menu.menu-style>li>a{padding-top:1.25rem;padding-bottom:1.25rem} .menu-style>.menu .submenu>li>a, .menu.menu-style .submenu>li>a{padding-top:0.75rem;padding-bottom:0.75rem} .menu-style>.menu li.active>a, .menu-style>.menu li.is-active>a, .menu-style>.menu a.is-active, .menu.menu-style li.active>a, .menu.menu-style li.is-active>a, .menu.menu-style a.is-active{--menu-bg-color:rgba(97, 103, 173, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)} .menu-style>.menu .submenu li.active>a, .menu-style>.menu .submenu li.is-active>a, .menu-style>.menu .submenu a.is-active, .menu.menu-style .submenu li.active>a, .menu.menu-style .submenu li.is-active>a, .menu.menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00)} .menu-style>.menu .submenu a, .menu.menu-style .submenu a{--menu-caret-color:rgba(97, 103, 173, 1.00)} .menu-style>.menu .submenu, .menu.menu-style .submenu{--submenu-bg-color:rgba(36, 36, 39, 1.00);--submenu-border:0px solid rgba(48, 48, 48, 1.00)} .menu-style>.menu .submenu a, .menu.menu-style .submenu a{--menu-bg-color:transparent;--menu-link-color:rgba(168, 193, 232, 1.00);--menu-link-color-hover:rgba(228, 109, 75, 1.00)} .menu-style>.menu .submenu .menu-text, .menu.menu-style .submenu .menu-text{--menu-text-color:rgba(68, 68, 68, 1.00)} .menu-style>.menu .submenu li.active>a, .menu-style>.menu .submenu li.is-active>a, .menu-style>.menu .submenu a.is-active, .menu.menu-style .submenu li.active>a, .menu.menu-style .submenu li.is-active>a, .menu.menu-style .submenu a.is-active{--menu-caret-color:rgba(255, 255, 255, 1.00);--menu-bg-color:rgba(148, 85, 41, 1.00);--menu-link-color:rgba(254, 254, 254, 1.00);--menu-link-color-hover:rgba(254, 254, 254, 1.00)}
.top-bar{border-color:rgba(56, 56, 56, 1.00) ;border-width:1px ;border-bottom-style:solid ;}
.search-lightbox{padding:2.5rem ;}  
.search-lightbox{--animate-duration:100ms ;}
.search-lightbox{border-color:rgba(61, 61, 61, 1.00) ;border-width:1px ;border-style:solid ;}
.search-lightbox{border-radius:10px ;}
.search-lightbox{width:100.00% ;}@media only screen and (min-width:40em){.search-lightbox{width:65.00% }}@media only screen and (min-width:64em){.search-lightbox{width:65.00% }}
.search-lightbox{background-color:rgba(34, 34, 34, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.search-lightbox{background-attachment:scroll!important}}
/*
1.9.0

 */
#stacks_in_150560_31 * {
  box-sizing: border-box;
}
#stacks_in_150560_31 *:focus {outline:none;}
.searchingstacks_in_150560_31 .stacks_top,
.searchingstacks_in_150560_31 .stacks_in,
.searchingstacks_in_150560_31 .stacks_out {
  overflow: visible;
}
#stacks_in_150560_31 .jQueryNote {
  background: rgba(0,0,0,0.3);
  color: #fff;
  padding: 20px;
}
.stacks_in_150560_31_pages { display: none;}
#stacks_in_150560_31_tipue_search_input,
.live-search-input {
  font-size: 16px;
  width: 100%;
  height: 30px;
  line-height: 28px;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0,0,0,0.3);
  background-color: #fff;
  padding: 0px 15px 0px 15px;/* leaving room for search icon */
  position: relative;
  z-index: 9998;
}
#stacks_in_150560_31_tipue_search_content,
.live-search-content {
  display: none;
  padding: 20px;
  min-height: 80px;
  position: absolute;
  margin: 20px 0px;
  z-index: 9997;
  width: 100%;
  box-sizing: border-box;
}

#stacks_in_150560_31_tipue_search_input,
.live-search-input {
  padding: 0px 15px 0px 35px;
}
#stacks_in_150560_31 form > svg,
.live-search-form > svg {
  width: 14px;
  height: 30px;
  fill: #999;
  position: absolute;
  left: 18px;
  text-align: right;
  top: 0px;
  z-index: 9999;
}
/**/
#stacks_in_150560_31 form > svg,
.live-search-form > svg {
  width: 16px;
  width: calc(16px - 2px);
  left: calc(34px - 16px);
  fill: #888888;
}
#stacks_in_150560_31 form .live-search-submit {
  position: absolute;
  z-index: 9999;
  right: 0px;
  top: 0px;
  font-size: 16px;
  line-height: 30px;
  padding: 0px 12px;
  margin: 0;
  font-family: inherit;
  border-radius: 0 4px 4px 0;
  border-width: 0;
  background: #3083B7;
  color: #FFFFFF;
  /**/
}
#stacks_in_150560_31 form .live-search-submit:hover {
   background: #3F92C6;
   color: #FFFFFF;
}
#stacks_in_150560_31 form .live-search-submit:active {
   background: #2174A8;
   color: #F0F0F0;
}
#stacks_in_150560_31_tipue_search_input,
.live-search-input {
  font-size: 16px;
  font-family: inherit;
  border-radius: 4px;
  border-color: #393939;
  color: #6C6C6C;
  background-color: #222222;
}
#stacks_in_150560_31 ::-webkit-input-placeholder,
.live-search-input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: #888888;
}
#stacks_in_150560_31 :-moz-placeholder,
.live-search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #888888;
  opacity:  1;
}
#stacks_in_150560_31 ::-moz-placeholder,
.live-search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #888888;
  opacity:  1;
}
#stacks_in_150560_31 :-ms-input-placeholder,
.live-search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #888888;
}
#stacks_in_150560_31 :placeholder-shown,
.live-search-input:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color: #888888;
}
/**/
#stacks_in_150560_31 form > svg,
.live-search-form > svg {
  display: none;
}
#stacks_in_150560_31_tipue_search_input,
.live-search-input {
  padding: 0px 15px 0px 15px;
}
/**/
/**/
/**/
/**/
#stacks_in_150560_31_tipue_search_content,
.live-search-content {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 0px 1px rgba(0,0,0,0.3);
  border-top: 1px solid rgba(0,0,0,0.25);
  -webkit-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  transition: all 150ms linear;
  opacity: 0;
}
.searchingstacks_in_150560_31 #stacks_in_150560_31_tipue_search_content,
.searchingstacks_in_150560_31.live-search-content {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  transition: all 150ms linear;
  opacity: 1;
}
#stacks_in_150560_31_tipue_search_content:after,
.live-search-content:after {
  content: " ";
  position: absolute;
  top: -10px;
  left: 15px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
#stacks_in_150560_31_tipue_search_content:before,
.live-search-content:before {
  content: " ";
  position: absolute;
  top: -11px;
  left: 14px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid rgba(0,0,0,0.3);
}

/**/
/**/
.searchingstacks_in_150560_31 #stacks_in_150560_31_tipue_search_content,
.searchingstacks_in_150560_31.live-search-content {
  position: relative;
}
/**/
/**/
/**/
/**/
/**/
/**/
/**/



/*
Tipue Search 5.0
Copyright (c) 2015 Tipue
Tipue Search is released under the MIT License
http://www.tipue.com/search
*/
#stacks_in_150560_31_tipue_search_content .h01, mark,
.live-search-content .h01 {
  background: yellow;
}
.searchingstacks_in_150560_31 #stacks_in_150560_31_tipue_search_content,
.searchingstacks_in_150560_31.live-search-content {
  display: block !important;
}
#stacks_in_150560_31_tipue_search_warning {
  margin: 7px 0;
  display: none;
}
.showWarning #stacks_in_150560_31_tipue_search_warning {
display: block;
}

.tipue_search_content_title
{
  margin-top: 23px;
}
.tipue_search_content_title a
{
  text-decoration: none;
}
.tipue_search_content_title a:hover
{

}
.tipue_search_content_url{
  word-wrap: break-word;
  hyphens: auto;
}
.tipue_search_content_url a{

  text-decoration: none;
}
.tipue_search_content_url a:hover{

}
.tipue_search_content_text{

  word-wrap: break-word;
  hyphens: auto;
  margin-top: 3px;
}
.tipue_search_content_debug{

  margin: 5px 0;
}
.h01{

  font-weight: 400;
}

#stacks_in_150560_31_tipue_search_foot{
  margin: 51px 0 21px 0;
}
#stacks_in_150560_31_tipue_search_foot_boxes{
  padding: 0;
  margin: 0;
}
#stacks_in_150560_31_tipue_search_foot_boxes li
{
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline;
  cursor:pointer;
}
#stacks_in_150560_31_tipue_search_foot_boxes li a{
  padding: 10px 17px 11px 17px;
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 1px;
  color: #333;
  margin-right: 7px;
  text-decoration: none;
  text-align: center;
}
#stacks_in_150560_31_tipue_search_foot_boxes li.current{
  padding: 10px 17px 11px 17px;
  background: #f6f6f6;
  border: 1px solid #e2e2e2;
  border-radius: 1px;
  color: #333;
  margin-right: 7px;
  text-align: center;
}
#stacks_in_150560_31_tipue_search_foot_boxes li a:hover{
  background: #f6f6f6;
}
/* spinner */
.tipue_search_spinner svg polyline,
.tipue_search_spinner svg path {
    stroke: #C3C3C3;
}
.tipue_search_spinner {
	width: 110px;
	position: absolute;
	color: #C3C3C3;
    top: 0px;
    right: 0px;
    left: auto;
    display: grid;
    text-align: right;
    grid-template-columns: 30px 1fr;
    justify-content: space-between;
}
.tipue_search_spinner .ts-count-wrap {
	padding: 20px 20px 20px 0px;
}
.tipue_search_spinner svg {
	align-self: center;
    height: 30px;
    width: 30px;
    padding: 0px;
    animation-name: ts-spin;
    animation-duration: 3000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes ts-spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_url,
.live-search-content .tipue_search_content_url {
  margin-top: 3px;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_text,
.live-search-content .tipue_search_content_text {
  margin-top: 8px;
}
/**/
#stacks_in_150560_31_tipue_search_content,
.live-search-content {
  color: #C3C3C3;
  background-color: #1A1A1A;
  font-family: inherit;
}
#stacks_in_150560_31_tipue_search_content:after,
.live-search-content:after {
  border-color: transparent transparent #1A1A1A transparent;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_title a,
.live-search-content .tipue_search_content_title a {
  color: #78BBE2;
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  font-family: inherit;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_title a:hover,
.live-search-content .tipue_search_content_title a:hover {
  color: #67C5FF;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_url,
.live-search-content .tipue_search_content_url {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_url a,
.live-search-content .tipue_search_content_url a {
  color: #78BBE2;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_url a:hover,
.live-search-content .tipue_search_content_url a:hover {
  color: #67C5FF;
}
#stacks_in_150560_31_tipue_search_content .tipue_search_content_text,
.live-search-content .tipue_search_content_text {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
.tipue_search_content_debug{

}
#stacks_in_150560_31_tipue_search_content .h01,
.live-search-content .h01 {
  background: #FFFF00;
}

#stacks_in_150560_31_tipue_search_foot_boxes li a {
  background-color: #1A1A1A;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 1px;
  color: #C3C3C3;
}
#stacks_in_150560_31_tipue_search_foot_boxes li.current{
  background: #1A1A1A;
  border: 1px solid rgba(0,0,0,0.3);
  border-radius: 1px;
  color: #78BBE2;
}
#stacks_in_150560_31_tipue_search_foot_boxes li a:hover{
  background: rgba(0,0,0,0.05);
}
#stacks_in_150560_31_tipue_search_warning a{

}
#stacks_in_150560_31_tipue_search_warning a:hover{

}
#stacks_in_150560_31_tipue_search_results_count{

}
/**/

@-webkit-keyframes stretchdelay{
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}
@keyframes stretchdelay{
  from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@media all and (max-width: 1280px) {
  .menu-loaded.menu-active main {
    padding-left: 80px;
  }
  .sidebar-mobile-active.menu-loaded main {
    padding-left: 80px;
  }
}

#stacks_in_150560_31 .additional-pages,
#stacks_in_150560_31 .excluded-pages {
  display: none;
}


#stacks_in_150560_31 {
	margin: 3px 43px -10px 43px;
}
#slice_mez_150560_33 {
  padding: 2px !important;
  margin: 4px !important;
  display: inline-block !important;
  width: 50% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0,0,0,0.2);
  background: transparent !important;
}
#slice_mez_150560_33.selected {
  border-color: #2680fc !important;
}
#slice_mez_150560_33 .stacks-button-DB.info {
  right: 0px !important;
  top: -14px !important;
  z-index: 1;

}
#slice_mez_150560_33 .stacks-button-DB.close {
  left: 0px !important;
  top: -14px !important;
  z-index: 1;
}
#slice_mez_150560_33 > div:nth-child(2) {
  display: none !important;
}
#slice_mez_150560_33.hidden > #stacks_in_150560_33 {
  opacity: 1;
  height: 0px;
  min-height: 0px;
  overflow: hidden;
}
#slice_mez_150560_35 {
  padding: 2px !important;
  margin: 4px !important;
  display: inline-block !important;
  width: 50% !important;
  box-sizing: border-box !important;
  border: 1px solid rgba(0,0,0,0.2);
  background: transparent !important;
}
#slice_mez_150560_35.selected {
  border-color: #2680fc !important;
}
#slice_mez_150560_35 .stacks-button-DB.info {
  right: 0px !important;
  top: -14px !important;
  z-index: 1;

}
#slice_mez_150560_35 .stacks-button-DB.close {
  left: 0px !important;
  top: -14px !important;
  z-index: 1;
}
#slice_mez_150560_35 > div:nth-child(2) {
  display: none !important;
}
#slice_mez_150560_35.hidden > #stacks_in_150560_35 {
  opacity: 1;
  height: 0px;
  min-height: 0px;
  overflow: hidden;
}
/* Locker v1.0.3 Copyright @2010-2012 Joe Workman */

.video-margin-medium{margin-bottom:-2.5rem ;}  
@media screen and (min-width: 64em){.video-padding-large{padding-bottom:6rem ;}}  
.film-related-section{background-color:rgba(40, 40, 40, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.film-related-section{background-attachment:scroll!important}}
.film-related-section{padding-bottom:6rem ;}  
.film-header{background-color:rgba(35, 35, 35, 1.00) ;background-position:center center ;background-origin:padding-box ;background-blend-mode:normal ;background-attachment:scroll   ;-webkit-background-clip:border-box ;background-clip:border-box ;}@media (hover:none) and (pointer:coarse){.film-header{background-attachment:scroll!important}}
.film-header{min-width:none ;max-width:fit-content ;}
.film-header{padding-top:1rem ;padding-right:2.5rem ;padding-bottom:1rem ;padding-left:2.5rem ;}  
.film-header{border-radius:0px 0px 10px 10px ;}
.film-header{margin-left:4rem ;}  
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}
/* ==============================
   RELATED FILMS ALIGNMENT
================================ */
.my-block-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 50px 10px; /* prevents edge clipping */
  list-style: none;
}
.my-block-grid > li {
  float: none !important;
  padding: 0 !important;
  flex: 1 1 calc(33.333% - 20px);
  min-width: 0;
}
.my-block-grid {
  justify-content: center;
}
.my-block-grid > li {
  flex: 0 0 auto;
}
/* ==============================
   H2 TAB Alignment
================================ */
.related-films {
  width: 220px;
  padding: 6px 0 4px;
  background: #222222;
  border-radius: 0 0 16px 16px;
}
/* ==============================
   RELATED FILMS Stack
================================ */
/* OUTER WRAPPER */
.related-wrap {
  padding-top: 20px;
  max-width: 250px;
  width: 100%;
  display: flex;
  align-items: center;
  margin: 0 auto;
  
}
/* IMAGE CONTAINER */
.image-text-wrapper {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  overflow: hidden;
  border-radius: 10px;
  border: 2px solid rgba(129, 132, 132, 0.35);
    box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}

/* IMAGE STYLE */
.image-text-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background-color: #111;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.17),   /* depth shadow */
    inset 0 0 0 1px rgba(255,255,255,0.04); /* slight inner polish */
  background-color: #111;
}
.related-wrap:hover img {
  transform: scale(1.05);
  filter: brightness(.8);
}

/* BOTTOM TEXT BAR */
.text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 1em;
  margin: 0;
  font-size: .9em;
  font-weight: bold;
  color: #E3E3E3;
  background: rgba(0,0,0,0.4);
  box-sizing: border-box;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* DARK HOVER OVERLAY */
.hover-overlay {
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .35s ease;
  
}

/* CIRCULAR LINK BUTTON */
.link-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 0;
  transform: scale(.7);
  transition: all .35s ease;
  box-shadow: 0 5px 18px rgba(0,0,0,.35);
}

/* SVG ICON */
.link-icon svg {
  width: 28px;
  height: 28px;
  fill: white;
}

/* HOVER TRIGGERS */
.related-wrap:hover .hover-overlay {
  background: rgba(0,0,0,0.45);
}

.related-wrap:hover .link-icon {
  opacity: 1;
  transform: scale(1);
}