/* ============================================================================
   Anthony Risen Portfolio — BEO BlackBox visual polish layer
   Added as an override-only layer so existing media/editor logic stays intact.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root{
  color-scheme:dark;
  --bb-black:#000;
  --bb-bg:#000;
  --bb-header:#050505;
  --bb-panel:#080808;
  --bb-tool:#111;
  --bb-input:#0f0f0f;
  --bb-elevated:#16161a;
  --bb-border:#1a1a1a;
  --bb-border-strong:#333;
  --bb-border-soft:rgba(255,255,255,.09);
  --bb-accent:#0044cc;
  --bb-accent-hover:#0066ff;
  --bb-accent-bright:#1f5cff;
  --bb-cyan:#47bfff;
  --bb-soft-blue:#8eb0ff;
  --bb-fenix:#863bff;
  --bb-text:#eee;
  --bb-text-strong:#fff;
  --bb-muted:#888;
  --bb-dim:#555;
  --bb-success:#54d77a;
  --bb-warning:#f5b13d;
  --bb-danger:#ff5a5f;
  --bb-font-ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --bb-font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --bb-shadow-lg:0 18px 45px rgba(0,0,0,.55);
  --bb-shadow-xl:0 24px 80px rgba(0,0,0,.62);
  --bb-glow:0 0 18px rgba(0,85,255,.34);
  --bg:var(--bb-bg)!important;
  --panel:var(--bb-panel)!important;
  --panel2:var(--bb-elevated)!important;
  --text:var(--bb-text)!important;
  --muted:var(--bb-muted)!important;
  --soft:#cbd7ea!important;
  --blue:var(--bb-accent)!important;
  --blue2:var(--bb-accent-hover)!important;
  --cyan:var(--bb-cyan)!important;
  --accent-rgb:0,102,255!important;
  --line:var(--bb-border)!important;
  --glow:rgba(0,102,255,.35)!important;
  --radius:12px!important;
}

html{scroll-padding-top:72px;background:#000;}
body{
  min-height:100vh;
  background:#000!important;
  color:var(--bb-text)!important;
  font-family:var(--bb-font-ui)!important;
  letter-spacing:.01em;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body::before{
  background:
    radial-gradient(circle at 19% 8%,rgba(0,86,255,.22),transparent 31%),
    radial-gradient(circle at 85% 24%,rgba(71,191,255,.105),transparent 29%),
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px)!important;
  background-size:auto,auto,40px 40px,40px 40px!important;
  mask-image:linear-gradient(to bottom,black 0,black 45%,transparent 96%)!important;
  opacity:.92;
}
body::after{
  background:
    radial-gradient(circle at 50% -20%,rgba(0,68,204,.12),transparent 43%),
    linear-gradient(90deg,rgba(0,0,0,.98),rgba(0,0,0,.34) 46%,rgba(0,0,0,.96))!important;
}
::selection{background:rgba(31,92,255,.35);color:#fff;}
*{scrollbar-color:rgba(31,92,255,.75) #050505;}
*::-webkit-scrollbar{width:8px;height:8px;}
*::-webkit-scrollbar-track{background:#050505;border-radius:999px;}
*::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#0044cc,#0066ff)!important;border:2px solid #050505;border-radius:999px;}
*::-webkit-scrollbar-thumb:hover{background:#47bfff!important;}

.wrap{max-width:1240px;padding-inline:24px;}
.nav{
  top:0;
  background:rgba(0,0,0,.82)!important;
  backdrop-filter:blur(20px) saturate(135%);
  border-bottom:1px solid var(--bb-border)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.32);
}
.navin{height:64px!important;}
.brand{gap:10px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase;font-size:12px;color:#fff;}
.mark{
  width:28px!important;height:28px!important;border-radius:8px!important;
  background:linear-gradient(135deg,#0044cc 0%,#0066ff 58%,#0088ff 100%)!important;
  box-shadow:0 0 16px rgba(0,85,255,.46)!important;
  position:relative;flex:0 0 auto;
}
.mark::after{content:'AR';position:absolute;inset:0;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.04em;color:#fff;}
.navlinks{gap:8px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.1em;color:#888!important;}
.navlinks a{border:1px solid transparent;border-radius:8px;padding:9px 11px;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;}
.navlinks a:hover,.navlinks a:focus-visible{background:rgba(255,255,255,.045);border-color:#333;color:#fff!important;box-shadow:var(--bb-glow);outline:0;}
.navlinks .pill{background:rgba(0,68,204,.16)!important;border-color:rgba(73,123,255,.35)!important;color:#dfe9ff!important;box-shadow:none!important;}

.mobileMenuToggle,.mobileSideNav{
  border-color:rgba(73,123,255,.36)!important;
  background:rgba(5,7,13,.82)!important;
  backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 18px 45px rgba(0,0,0,.55),0 0 18px rgba(0,85,255,.16)!important;
}
.mobileSideNav a{border-radius:8px!important;color:#cdd8ee!important;}
.mobileSideNav a:hover,.mobileSideNav a:focus-visible{background:rgba(31,92,255,.18)!important;color:#fff!important;}

section{border-top:1px solid rgba(255,255,255,.055)!important;padding-block:80px;}
.eyebrow,.sectionLabel,.shelfHint,.smallNote,.deckTop span,.mediaBody span,.stat span{
  letter-spacing:.12em;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--bb-cyan)!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.18em!important;
}
.eyebrow::before{content:'';width:6px;height:6px;border-radius:999px;background:var(--bb-accent-hover);box-shadow:0 0 14px rgba(0,102,255,.75);}
.hero{min-height:calc(100svh - 64px)!important;padding:72px 0 56px!important;gap:36px!important;}
.heroName{
  border-color:rgba(73,123,255,.35)!important;
  background:rgba(31,92,255,.095)!important;
  color:#dbe7ff!important;
  box-shadow:0 0 24px rgba(0,85,255,.16)!important;
  border-radius:999px!important;
  font-size:11px!important;
  letter-spacing:.16em!important;
}
.hero h1,.head h2,.quote{
  color:#fff!important;
  text-shadow:0 0 34px rgba(0,102,255,.10);
}
.hero h1{letter-spacing:-.075em!important;}
.hero p,.head p,.card p,.mini span,.mediaBody span,.identityPanel span,.contactBox p{color:#9aa5b6!important;}
.identityPanel,.card,.blackboxPanel,.deckStage,.mini,.stat,.contactBox>.card{
  background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.018))!important;
  border:1px solid var(--bb-border)!important;
  box-shadow:var(--bb-shadow-lg),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.identityPanel{border-radius:18px!important;}
.card,.stat,.mini{border-radius:12px!important;}
.blackboxPanel,.deckStage{border-radius:18px!important;}
.card::before,.blackboxPanel::before,.deckStage::before,.identityPanel::before{
  content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.045),transparent 36%);
  opacity:.75;
}
.card,.blackboxPanel,.deckStage,.identityPanel{position:relative;overflow:hidden;}
.card:hover,.mediaCard:hover,.studio-showcase-card:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(73,123,255,.44)!important;
  box-shadow:var(--bb-shadow-xl),0 0 24px rgba(0,85,255,.19)!important;
}
.card h3,.mini b,.mediaBody b,.caption b{color:#fff!important;font-weight:800!important;letter-spacing:-.02em;}

.btn,.railBtn,.iconBtn,.beoLightboxClose,.beoLightboxNav,.beoPdfActions button,.beoPdfActions a{
  border-radius:8px!important;
  border:1px solid var(--bb-border)!important;
  background:rgba(255,255,255,.045)!important;
  color:#eef4ff!important;
  transition:transform .12s cubic-bezier(.4,0,.2,1),background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease!important;
}
.btn{padding:12px 15px!important;font-size:12px!important;letter-spacing:.08em;text-transform:uppercase;}
.btn.primary,.primary{
  background:linear-gradient(135deg,#0044cc 0%,#0066ff 70%,#0088ff 100%)!important;
  border-color:rgba(73,123,255,.54)!important;
  box-shadow:0 0 18px rgba(0,85,255,.30)!important;
}
.btn:hover,.btn:focus-visible,.iconBtn:hover,.railBtn:hover,.beoLightboxClose:hover,.beoLightboxNav:hover,.beoPdfActions button:hover,.beoPdfActions a:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(71,191,255,.65)!important;
  background:rgba(31,92,255,.16)!important;
  box-shadow:0 0 18px rgba(0,85,255,.30)!important;
  outline:0;
}
.btn:active,.railBtn:active,.iconBtn:active{transform:translateY(.5px) scale(.99)!important;}

.visual{min-height:560px!important;}
.heroGrid{gap:10px!important;filter:drop-shadow(0 34px 90px rgba(0,0,0,.58));}
.tile{
  border-radius:14px!important;
  border-color:var(--bb-border)!important;
  background:#050505!important;
  box-shadow:var(--bb-shadow-xl)!important;
}
.tile.big{min-height:500px!important;}
.tile img,.tile video{opacity:.9!important;filter:saturate(.92) contrast(1.05);}
.tile::after{background:linear-gradient(180deg,transparent 38%,rgba(0,0,0,.84))!important;}
.caption{left:16px!important;right:16px!important;bottom:16px!important;}
.caption span{color:#9aa5b6!important;font-size:12px;letter-spacing:.02em;}
.orb{background:radial-gradient(circle,#0066ff,transparent 66%)!important;opacity:.38!important;}

.shelf{margin-top:34px!important;}
.shelfTop{margin-bottom:10px!important;}
.sectionLabel{
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  text-transform:uppercase;
  letter-spacing:.14em!important;
}
.shelfHint{color:#888!important;font-size:11px!important;text-transform:uppercase;}
.railWrap::before,.railWrap::after{
  content:'';position:absolute;top:0;bottom:18px;width:62px;z-index:3;pointer-events:none;
}
.railWrap::before{left:0;background:linear-gradient(90deg,#000,transparent);}
.railWrap::after{right:0;background:linear-gradient(270deg,#000,transparent);}
.carousel{
  gap:12px!important;
  grid-auto-columns:minmax(292px,34%)!important;
  padding:4px 2px 20px!important;
  scroll-padding-inline:2px;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  cursor:grab;
  touch-action:pan-y pan-x;
  scrollbar-color:rgba(31,92,255,.66) rgba(255,255,255,.045)!important;
}
.carousel.is-panning{cursor:grabbing;scroll-snap-type:none!important;user-select:none;}
.carousel.is-panning .mediaCard{pointer-events:none;}
.carousel::after{content:'';width:20px;}
.mediaCard{
  border-radius:12px!important;
  border:1px solid var(--bb-border)!important;
  background:#080808!important;
  box-shadow:0 10px 30px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.03)!important;
  transform:translateZ(0);
  transition:transform .16s cubic-bezier(.4,0,.2,1),border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.mediaCard:focus-visible{outline:1px solid var(--bb-accent-hover)!important;outline-offset:4px;box-shadow:0 0 0 4px rgba(31,92,255,.22),var(--bb-shadow-lg)!important;}
.thumb{background:#000!important;}
.thumb::before{
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 48%,rgba(0,0,0,.34));
}
.thumb video,.thumb img{filter:saturate(.95) contrast(1.04);transition:transform .22s ease,filter .22s ease;}
.mediaCard:hover .thumb video,.mediaCard:hover .thumb img{transform:scale(1.015);filter:saturate(1.03) contrast(1.08);}
.play{
  width:46px!important;height:46px!important;border-radius:999px!important;
  background:rgba(0,0,0,.58)!important;border:1px solid rgba(255,255,255,.20)!important;
  backdrop-filter:blur(12px);color:#fff!important;box-shadow:0 12px 34px rgba(0,0,0,.44),0 0 18px rgba(0,85,255,.25)!important;
}
.mediaCard:hover .play{background:rgba(0,68,204,.84)!important;border-color:rgba(71,191,255,.45)!important;}
.mediaBody{padding:13px 14px 15px!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008));}
.mediaBody b{font-size:14px!important;line-height:1.25;}
.mediaBody span{margin-top:5px!important;font-size:11px!important;line-height:1.35;letter-spacing:.03em!important;text-transform:none;}
.mediaCard.mobileAutoPlaying{border-color:rgba(71,191,255,.55)!important;box-shadow:var(--bb-shadow-lg),0 0 20px rgba(0,102,255,.24)!important;}
.mediaCard.mobileAutoPlaying .thumb::after{content:'PLAYING'!important;display:grid!important;position:absolute;right:10px;top:10px;z-index:2;width:auto;height:auto;padding:5px 7px;border-radius:999px;background:rgba(0,0,0,.62);border:1px solid rgba(71,191,255,.4);color:#dfeeff;font-size:9px;font-weight:900;letter-spacing:.14em;}
.railEdge{z-index:6!important;}
.railEdge.left{left:-18px!important;}.railEdge.right{right:-18px!important;}
.railEdge .railBtn,.railBtn.railEdge{
  width:38px!important;height:58px!important;border-radius:8px!important;
  background:rgba(5,7,13,.72)!important;
  backdrop-filter:blur(18px);
  color:#dce8ff!important;
}
.railEdge.hidden,.railEdge.is-disabled{opacity:0!important;pointer-events:none!important;}

.deckStage{background:#050505!important;}
.deckTop{height:48px!important;background:linear-gradient(180deg,#080808,#050505)!important;border-bottom:1px solid var(--bb-border)!important;}
.deckTop span{font-family:var(--bb-font-mono);font-size:11px!important;color:#9fb7e8!important;text-transform:uppercase;}
.deckImg{background:#000!important;}
.strip{background:#050505!important;border-top:1px solid var(--bb-border);scrollbar-width:thin;}
.strip img{border-radius:6px!important;border-color:var(--bb-border)!important;opacity:.46!important;}
.strip img.active{border-color:#0066ff!important;opacity:1!important;box-shadow:0 0 18px rgba(0,85,255,.4)!important;}

.modal,.beoLightboxOverlay,#beoPdfLightbox{background:rgba(0,0,0,.92)!important;backdrop-filter:blur(16px)!important;}
.modalInner,.beoLightboxShell,.beoPdfShell{
  border-radius:18px!important;border:1px solid rgba(255,255,255,.14)!important;background:#050505!important;
  box-shadow:0 30px 120px rgba(0,0,0,.75),0 0 35px rgba(0,85,255,.13)!important;
}
.videoChrome,.deckChrome,.beoLightboxTop,.beoPdfTop{background:rgba(5,7,13,.82)!important;backdrop-filter:blur(18px)!important;border-color:var(--bb-border)!important;}
.videoCtl,.deckCtl,.deckTapZone{border-radius:8px!important;border-color:var(--bb-border)!important;background:rgba(255,255,255,.055)!important;}
.videoTime,.deckCount,.beoPdfHint{font-family:var(--bb-font-mono)!important;color:#8eb0ff!important;}

.footer{border-top:1px solid var(--bb-border)!important;background:#000!important;color:#666!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase;}
.socialIcons a{border-radius:8px!important;background:rgba(255,255,255,.045)!important;border-color:var(--bb-border)!important;}
.socialIcons a:hover{border-color:rgba(71,191,255,.55)!important;background:rgba(31,92,255,.16)!important;}

@media(max-width:980px){
  html{scroll-padding-top:64px;}
  .wrap{padding-inline:18px;}
  .navin{height:60px!important;}
  .hero{padding-top:52px!important;}
  .heroGrid{gap:10px!important;}
  .visual{min-height:auto!important;}
  .carousel{grid-auto-columns:minmax(280px,78%)!important;gap:12px!important;padding-bottom:18px!important;scroll-snap-type:x mandatory!important;}
  .railWrap::before,.railWrap::after{width:34px;}
  .railEdge.left{left:-6px!important}.railEdge.right{right:-6px!important}
  .railEdge .railBtn,.railBtn.railEdge{width:34px!important;height:52px!important;}
}
@media(max-width:640px){
  body::before{background-size:auto,auto,34px 34px,34px 34px!important;}
  section{padding-block:58px!important;}
  .hero h1{font-size:clamp(44px,15vw,58px)!important;}
  .hero p{font-size:16px!important;line-height:1.52!important;}
  .heroName{font-size:10px!important;padding:9px 12px!important;}
  .cta{gap:10px!important;}
  .btn{width:100%;justify-content:center;text-align:center;padding:13px 14px!important;}
  .stats{gap:10px!important;}
  .stat{padding:14px!important;}
  .tile{border-radius:12px!important;}
  .tile.big{min-height:330px!important;}
  .head{display:block!important;}
  .head h2{font-size:clamp(32px,11vw,46px)!important;}
  .head p{font-size:15px!important;}
  .sectionLabel{font-size:12px!important;line-height:1.25;}
  .shelfTop{align-items:flex-start!important;}
  .carousel{grid-auto-columns:86%!important;scroll-snap-type:x mandatory!important;}
  .mediaCard{scroll-snap-align:center!important;}
  .mediaBody{min-height:78px;}
  .railEdge{display:none!important;}
  .railWrap::before,.railWrap::after{display:none;}
  .deckTop{height:auto!important;min-height:48px;gap:10px;}
  .deckControls{flex:0 0 auto;}
  .strip{grid-auto-columns:92px!important;}
  .mobileSideNav{border-radius:12px!important;}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important;}
}

/* v103: showcase video pipeline + mobile performance polish */
.carousel,
.studio-showcase-gallery{
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scroll-behavior:smooth!important;
  touch-action:pan-x pan-y!important;
}
.mediaCard video,
.studio-showcase-card video{
  background:#000!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
.showcase-play{
  position:absolute!important;
  inset:auto 10px 10px auto!important;
  z-index:4!important;
  width:32px!important;
  height:32px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(0,0,0,.68)!important;
  border:1px solid rgba(80,150,255,.35)!important;
  box-shadow:0 0 18px rgba(0,85,255,.20)!important;
  font-size:12px!important;
  pointer-events:none!important;
}
.studio-showcase-card:not(.is-video) .showcase-play{display:none!important;}

@media(max-width:760px){
  html,body{overflow-x:hidden!important;}
  body{background:#000!important;}
  .wrap{width:100%!important;padding-inline:16px!important;}
  section{padding-block:46px!important;}
  .nav{backdrop-filter:blur(10px)!important;}
  .navlinks{display:none!important;}
  .mobileMenuToggle{display:grid!important;}
  .hero{min-height:auto!important;padding-top:38px!important;gap:22px!important;}
  .heroTitle{letter-spacing:-.065em!important;}
  .identityPanel{border-radius:18px!important;}
  .heroGrid{grid-template-columns:1fr 1fr!important;gap:10px!important;}
  .heroGrid .tile.big{grid-row:span 2!important;min-height:300px!important;}
  .heroGrid .tile:not(.big){min-height:145px!important;}
  .tile .caption{padding:12px!important;}
  .tile .caption b{font-size:13px!important;}
  .tile .caption span{font-size:10px!important;line-height:1.25!important;}
  .grid3,.timeline{grid-template-columns:1fr!important;gap:12px!important;}
  .card{border-radius:18px!important;padding:18px!important;}
  .shelf{margin-top:34px!important;}
  .carousel{grid-auto-columns:minmax(260px,84vw)!important;gap:12px!important;padding:2px 2px 18px!important;}
  .mediaCard{border-radius:18px!important;min-height:0!important;contain:layout paint!important;}
  .thumb{height:clamp(150px,46vw,210px)!important;}
  .mediaBody{padding:13px 14px 15px!important;min-height:70px!important;}
  .mediaBody b{font-size:13px!important;line-height:1.16!important;}
  .mediaBody span{font-size:11px!important;line-height:1.25!important;}
  .portfolio-studio-feature{margin:34px 0!important;border-radius:26px!important;}
  .portfolio-studio-inner{padding:18px!important;gap:18px!important;border-radius:24px!important;}
  .portfolio-studio-copy h3{font-size:clamp(2.1rem,12vw,3rem)!important;line-height:.94!important;}
  .portfolio-studio-copy p{font-size:15px!important;line-height:1.55!important;}
  .studio-feature-list{grid-template-columns:1fr 1fr!important;gap:8px!important;}
  .studio-feature-list span{font-size:12px!important;line-height:1.16!important;padding:11px 12px!important;}
  .studio-showcase-gallery{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;max-width:none!important;width:100%!important;gap:12px!important;margin:0!important;padding:2px 4px 15px!important;scroll-snap-type:x mandatory!important;}
  .studio-showcase-gallery.is-one{justify-content:center!important;}
  .studio-showcase-card{flex:0 0 82%!important;scroll-snap-align:center!important;border-radius:18px!important;contain:layout paint!important;}
  .studio-showcase-gallery.is-one .studio-showcase-card{flex-basis:min(92%,420px)!important;}
  .studio-showcase-card.is-portrait{flex-basis:62%!important;}
  .studio-showcase-card img,.studio-showcase-card video{height:auto!important;min-height:0!important;aspect-ratio:16/9!important;object-fit:var(--studio-showcase-fit,contain)!important;}
  .studio-showcase-card.is-portrait img,.studio-showcase-card.is-portrait video{aspect-ratio:9/16!important;}
  .studio-showcase-card figcaption{padding:11px 12px 13px!important;}
  .studio-showcase-card h4{font-size:13px!important;}
  .studio-showcase-card p{font-size:11px!important;line-height:1.24!important;}
  .modalInner,.beoLightboxShell,.beoPdfShell{border-radius:18px!important;max-width:96vw!important;}
  .videoChrome{gap:8px!important;padding:8px!important;}
  .videoTime{display:none!important;}
}

@media(max-width:420px){
  .wrap{padding-inline:13px!important;}
  .heroGrid .tile.big{min-height:270px!important;}
  .heroGrid .tile:not(.big){min-height:128px!important;}
  .carousel{grid-auto-columns:88vw!important;}
  .studio-feature-list{grid-template-columns:1fr!important;}
  .studio-showcase-card{flex-basis:88%!important;}
  .studio-showcase-card.is-portrait{flex-basis:70%!important;}
}

@media(hover:none) and (pointer:coarse){
  .mediaCard:hover,.studio-showcase-card:hover,.card:hover{transform:none!important;}
  .mediaCard,.studio-showcase-card{transition:border-color .16s ease, box-shadow .16s ease!important;}
}