/* Bounded stages and optional item presentation. Brand tokens remain inherited. */
.hc-brand-reel__panel,.hc-showcase-featured__panel{--hc-si-split:var(--hc-si-d-split,var(--hc-brand-app-width,65%));--hc-si-gap:var(--hc-si-d-gap,0px);--hc-si-asset-width:var(--hc-si-d-asset-width,100%);--hc-si-asset-height:var(--hc-si-d-asset-height,100%);--hc-si-asset-px:var(--hc-si-d-asset-px,clamp(24px,5vw,96px));--hc-si-asset-py:var(--hc-si-d-asset-py,clamp(24px,5vw,96px));--hc-si-asset-align:var(--hc-si-d-asset-align,center);--hc-si-asset-valign:var(--hc-si-d-asset-valign,center);--hc-si-copy-width:var(--hc-si-d-copy-width,var(--hc-sf-copy-max,100%));--hc-si-copy-px:var(--hc-si-d-copy-px,var(--hc-sf-padding-x,clamp(24px,3.5vw,56px)));--hc-si-copy-py:var(--hc-si-d-copy-py,var(--hc-sf-padding-y,clamp(24px,3.5vw,56px)));--hc-si-logo-width:var(--hc-si-d-logo-width,240px);--hc-si-logo-height:var(--hc-si-d-logo-height,120px);--hc-si-logo-gap:var(--hc-si-d-logo-gap,16px);}
@media(max-width:1024px){.hc-brand-reel__panel,.hc-showcase-featured__panel{--hc-si-split:var(--hc-si-t-split,var(--hc-si-d-split,var(--hc-brand-app-width,65%)));--hc-si-gap:var(--hc-si-t-gap,var(--hc-si-d-gap,0px));--hc-si-asset-width:var(--hc-si-t-asset-width,var(--hc-si-d-asset-width,100%));--hc-si-asset-height:var(--hc-si-t-asset-height,var(--hc-si-d-asset-height,100%));--hc-si-asset-px:var(--hc-si-t-asset-px,var(--hc-si-d-asset-px,clamp(24px,5vw,96px)));--hc-si-asset-py:var(--hc-si-t-asset-py,var(--hc-si-d-asset-py,clamp(24px,5vw,96px)));--hc-si-asset-align:var(--hc-si-t-asset-align,var(--hc-si-d-asset-align,center));--hc-si-asset-valign:var(--hc-si-t-asset-valign,var(--hc-si-d-asset-valign,center));--hc-si-copy-width:var(--hc-si-t-copy-width,var(--hc-si-d-copy-width,var(--hc-sf-copy-max,100%)));--hc-si-copy-px:var(--hc-si-t-copy-px,var(--hc-si-d-copy-px,var(--hc-sf-padding-x,clamp(24px,3.5vw,56px))));--hc-si-copy-py:var(--hc-si-t-copy-py,var(--hc-si-d-copy-py,var(--hc-sf-padding-y,clamp(24px,3.5vw,56px))));--hc-si-logo-width:var(--hc-si-t-logo-width,var(--hc-si-d-logo-width,240px));--hc-si-logo-height:var(--hc-si-t-logo-height,var(--hc-si-d-logo-height,120px));--hc-si-logo-gap:var(--hc-si-t-logo-gap,var(--hc-si-d-logo-gap,16px));}}
@media(max-width:767px){.hc-brand-reel__panel,.hc-showcase-featured__panel{--hc-si-split:var(--hc-si-m-split,var(--hc-si-t-split,var(--hc-si-d-split,var(--hc-brand-app-width,65%))));--hc-si-gap:var(--hc-si-m-gap,var(--hc-si-t-gap,var(--hc-si-d-gap,0px)));--hc-si-asset-width:var(--hc-si-m-asset-width,var(--hc-si-t-asset-width,var(--hc-si-d-asset-width,100%)));--hc-si-asset-height:var(--hc-si-m-asset-height,var(--hc-si-t-asset-height,var(--hc-si-d-asset-height,100%)));--hc-si-asset-px:var(--hc-si-m-asset-px,var(--hc-si-t-asset-px,var(--hc-si-d-asset-px,clamp(24px,5vw,96px))));--hc-si-asset-py:var(--hc-si-m-asset-py,var(--hc-si-t-asset-py,var(--hc-si-d-asset-py,clamp(24px,5vw,96px))));--hc-si-asset-align:var(--hc-si-m-asset-align,var(--hc-si-t-asset-align,var(--hc-si-d-asset-align,center)));--hc-si-asset-valign:var(--hc-si-m-asset-valign,var(--hc-si-t-asset-valign,var(--hc-si-d-asset-valign,center)));--hc-si-copy-width:var(--hc-si-m-copy-width,var(--hc-si-t-copy-width,var(--hc-si-d-copy-width,var(--hc-sf-copy-max,100%))));--hc-si-copy-px:var(--hc-si-m-copy-px,var(--hc-si-t-copy-px,var(--hc-si-d-copy-px,var(--hc-sf-padding-x,clamp(24px,3.5vw,56px)))));--hc-si-copy-py:var(--hc-si-m-copy-py,var(--hc-si-t-copy-py,var(--hc-si-d-copy-py,var(--hc-sf-padding-y,clamp(24px,3.5vw,56px)))));--hc-si-logo-width:var(--hc-si-m-logo-width,var(--hc-si-t-logo-width,var(--hc-si-d-logo-width,240px)));--hc-si-logo-height:var(--hc-si-m-logo-height,var(--hc-si-t-logo-height,var(--hc-si-d-logo-height,120px)));--hc-si-logo-gap:var(--hc-si-m-logo-gap,var(--hc-si-t-logo-gap,var(--hc-si-d-logo-gap,16px)));}}

.hc-brand-reel .hc-brand-reel__stage-inner{height:var(--hc-brand-stage-height);min-height:0}
.hc-brand-reel .hc-brand-reel__panel{height:100%;min-height:0;grid-template-columns:minmax(0,calc(var(--hc-si-split) - var(--hc-si-gap)/2)) minmax(0,1fr);column-gap:var(--hc-si-gap)}
.hc-brand-reel .hc-brand-reel__panel[data-item-layout=hero]{grid-template-columns:minmax(0,1fr);column-gap:0}
.hc-brand-reel__panel[data-item-layout=hero]>.hc-brand-reel__motion{display:none}
.hc-brand-reel .hc-brand-reel__application{min-width:0;min-height:0}
.hc-brand-reel .hc-brand-reel__meta{max-width:min(100%,var(--hc-si-copy-width));padding:var(--hc-si-copy-py) var(--hc-si-copy-px)}
.hc-brand-reel .hc-brand-reel__motion,.hc-showcase-featured__object{align-items:var(--hc-si-asset-valign);justify-content:var(--hc-si-asset-align);padding:var(--hc-si-asset-py) var(--hc-si-asset-px);min-width:0;min-height:0;overflow:hidden;display:flex}
.hc-showcase-object{width:min(100%,var(--hc-si-asset-width));height:min(100%,var(--hc-si-asset-height));max-width:100%;max-height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}
.hc-showcase-object>.hanly-element,.hc-showcase-object>.hanly-element-link{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:flex;min-width:0;min-height:0}
.hc-showcase-object img,.hc-showcase-object video,.hc-showcase-object canvas,.hc-showcase-object svg{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:var(--hc-brand-motion-fit,contain)!important;display:block}
.hc-showcase-editorial-logo{display:block;width:var(--hc-si-logo-width);max-width:100%;height:auto;max-height:var(--hc-si-logo-height);object-fit:contain;object-position:left center;margin:0 0 var(--hc-si-logo-gap)}
.hc-brand-reel .hc-showcase-featured__media{--hc-sf-media-fit:cover;--hc-sf-media-fade:450ms;--hc-sf-transition:300ms}
.hc-brand-reel .hc-showcase-featured__poster,.hc-brand-reel .hc-showcase-featured__video{height:100%;width:100%;max-width:none;object-fit:var(--hc-sf-frame-fit);object-position:var(--hc-sf-frame-x) var(--hc-sf-frame-y);transform-origin:var(--hc-sf-frame-x) var(--hc-sf-frame-y);transform:translate(var(--hc-sf-frame-offset-x),var(--hc-sf-frame-offset-y)) scale(var(--hc-sf-frame-scale))}
.hc-brand-reel .hc-showcase-featured__poster{opacity:1;transition:opacity var(--hc-sf-transition) ease}
.hc-showcase-featured .hc-showcase-featured__canvas{height:max(var(--hc-sf-canvas-height),var(--hc-sf-canvas-min-height));min-height:0}
.hc-showcase-featured .hc-showcase-featured__panel{height:100%;min-height:0}
.hc-showcase-featured__object{display:none;position:absolute;inset:0 0 0 auto;width:calc(100% - var(--hc-si-split) - var(--hc-si-gap)/2);background:var(--hc-brand-panel-motion-bg,var(--hc-sf-canvas-background))}
.hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__object{display:flex}
.hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__media,.hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__shade{width:calc(var(--hc-si-split) - var(--hc-si-gap)/2)}
.hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__content{width:calc(var(--hc-si-split) - var(--hc-si-gap)/2)}
.hc-showcase-featured__copy{max-width:min(100%,var(--hc-si-copy-width,var(--hc-sf-copy-max)))}
.hc-showcase-featured__panel:is([style*="--hc-si-d-copy-px"],[style*="--hc-si-t-copy-px"],[style*="--hc-si-m-copy-px"])>.hc-showcase-featured__content{padding-inline:var(--hc-si-copy-px)}
.hc-showcase-featured__panel:is([style*="--hc-si-d-copy-py"],[style*="--hc-si-t-copy-py"],[style*="--hc-si-m-copy-py"])>.hc-showcase-featured__content{padding-block:var(--hc-si-copy-py)}
@media(max-width:767px){
 .hc-brand-reel .hc-brand-reel__panel{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) 58px;column-gap:0}
 .hc-brand-reel .hc-brand-reel__panel[data-item-layout=hero]{grid-template-rows:minmax(0,1fr) 58px}
 .hc-brand-reel__panel[data-item-layout=hero]>.hc-brand-reel__actions{grid-row:2}
 .hc-brand-reel .hc-brand-reel__motion{padding:var(--hc-si-asset-py) var(--hc-si-asset-px)}
 .hc-showcase-featured .hc-showcase-featured__canvas{height:var(--hc-sf-mobile-canvas-height,680px)}
 .hc-showcase-featured .hc-showcase-featured__panel{height:100%;min-height:0;display:flex;flex-direction:column}
 .hc-showcase-featured .hc-showcase-featured__content{min-height:0;flex:1;overflow:auto}
 .hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__object{display:none}
 .hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__media,.hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__shade,.hc-showcase-featured__panel[data-item-layout=split]>.hc-showcase-featured__content{width:100%}
}

.hc-brand-reel__application-image{--hc-sf-frame-x:var(--hc-sf-d-x,50%);--hc-sf-frame-y:var(--hc-sf-d-y,50%);--hc-sf-frame-fit:var(--hc-sf-d-fit,cover);--hc-sf-frame-scale:var(--hc-sf-d-scale,1);--hc-sf-frame-offset-x:var(--hc-sf-d-offset-x,0px);--hc-sf-frame-offset-y:var(--hc-sf-d-offset-y,0px);position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:var(--hc-sf-frame-fit);object-position:var(--hc-sf-frame-x) var(--hc-sf-frame-y);transform-origin:var(--hc-sf-frame-x) var(--hc-sf-frame-y);transform:translate(var(--hc-sf-frame-offset-x),var(--hc-sf-frame-offset-y)) scale(var(--hc-sf-frame-scale))}
@media(max-width:1024px){.hc-brand-reel__application-image{--hc-sf-frame-x:var(--hc-sf-t-x,var(--hc-sf-d-x,50%));--hc-sf-frame-y:var(--hc-sf-t-y,var(--hc-sf-d-y,50%));--hc-sf-frame-fit:var(--hc-sf-t-fit,var(--hc-sf-d-fit,cover));--hc-sf-frame-scale:var(--hc-sf-t-scale,var(--hc-sf-d-scale,1));--hc-sf-frame-offset-x:var(--hc-sf-t-offset-x,var(--hc-sf-d-offset-x,0px));--hc-sf-frame-offset-y:var(--hc-sf-t-offset-y,var(--hc-sf-d-offset-y,0px));}}
@media(max-width:767px){.hc-brand-reel__application-image{--hc-sf-frame-x:var(--hc-sf-m-x,var(--hc-sf-t-x,var(--hc-sf-d-x,50%)));--hc-sf-frame-y:var(--hc-sf-m-y,var(--hc-sf-t-y,var(--hc-sf-d-y,50%)));--hc-sf-frame-fit:var(--hc-sf-m-fit,var(--hc-sf-t-fit,var(--hc-sf-d-fit,cover)));--hc-sf-frame-scale:var(--hc-sf-m-scale,var(--hc-sf-t-scale,var(--hc-sf-d-scale,1)));--hc-sf-frame-offset-x:var(--hc-sf-m-offset-x,var(--hc-sf-t-offset-x,var(--hc-sf-d-offset-x,0px)));--hc-sf-frame-offset-y:var(--hc-sf-m-offset-y,var(--hc-sf-t-offset-y,var(--hc-sf-d-offset-y,0px)));}}
