.elementor-121 .elementor-element.elementor-element-7128751{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:1;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;--z-index:1;}.elementor-121 .elementor-element.elementor-element-7128751:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;background-image:url("https://spotvideoproducties.nl/wp-content/uploads/2026/03/DSC06327-scaled.jpg");background-position:0px -309px;background-repeat:no-repeat;background-size:cover;}.elementor-121 .elementor-element.elementor-element-7128751::before, .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-background-video-container::before, .elementor-121 .elementor-element.elementor-element-7128751 > .e-con-inner > .elementor-background-video-container::before, .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-background-slideshow::before, .elementor-121 .elementor-element.elementor-element-7128751 > .e-con-inner > .elementor-background-slideshow::before, .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(228deg, #FFFFFF00 0%, var( --e-global-color-primary ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-121 .elementor-element.elementor-element-579e833{padding:0px 0px 0px 0px;}.elementor-121 .elementor-element.elementor-element-579e833 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:65px;font-weight:500;line-height:55px;letter-spacing:-3.8px;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-121 .elementor-element.elementor-element-6ed68156{width:var( --container-widget-width, 54% );max-width:54%;margin:16px 0px calc(var(--kit-widget-spacing, 0px) + 24px) 0px;padding:0px 0px 0px 0px;--container-widget-width:54%;--container-widget-flex-grow:0;font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#FFFFFF;}.elementor-121 .elementor-element.elementor-element-71319a1d{--display:flex;--min-height:35vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-121 .elementor-element.elementor-element-71319a1d:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-71319a1d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-121 .elementor-element.elementor-element-2509fb4c{--display:flex;--min-height:0vh;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-121 .elementor-element.elementor-element-579bc379{padding:0px 0px 0px 0px;text-align:center;}.elementor-121 .elementor-element.elementor-element-579bc379.elementor-element{--align-self:center;}.elementor-121 .elementor-element.elementor-element-579bc379 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:45px;font-weight:600;color:#000000;}.elementor-121 .elementor-element.elementor-element-68e6c773{margin:-19px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-121 .elementor-element.elementor-element-68e6c773.elementor-element{--align-self:center;}.elementor-121 .elementor-element.elementor-element-68e6c773 .elementor-heading-title{font-family:"Bai Jamjuree", Sans-serif;font-size:45px;font-weight:600;line-height:1.4em;color:#000000;}.elementor-121 .elementor-element.elementor-element-3b3e9d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-121 .elementor-element.elementor-element-55df70a{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-121 .elementor-element.elementor-element-55df70a .elementor-heading-title{font-family:"DM Sans", Sans-serif;font-size:16px;font-weight:400;line-height:1.5em;color:#000000;}.elementor-121 .elementor-element.elementor-element-b80af46{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:3%;--padding-bottom:3%;--padding-left:7%;--padding-right:7%;}.elementor-121 .elementor-element.elementor-element-b80af46:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-b80af46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #152A3D 0%, var( --e-global-color-primary ) 100%);}.elementor-121 .elementor-element.elementor-element-8c0c837{--display:flex;}.elementor-121 .elementor-element.elementor-element-6bb920c{text-align:center;}.elementor-121 .elementor-element.elementor-element-6bb920c .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-weight:800;color:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-8073a02{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-121 .elementor-element.elementor-element-cd863d6{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-121 .elementor-element.elementor-element-53c18d8{--display:flex;--border-radius:16px 16px 16px 16px;}.elementor-121 .elementor-element.elementor-element-53c18d8:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-53c18d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-121 .elementor-element.elementor-element-53c18d8.e-con{--e-con-transform-rotateZ:-3deg;}.elementor-121 .elementor-element.elementor-element-612465f{--display:flex;--min-height:500px;--border-radius:16px 16px 16px 16px;}.elementor-121 .elementor-element.elementor-element-612465f:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-612465f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://spotvideoproducties.nl/wp-content/uploads/2026/03/878fb09d-4ebd-4b2a-b9de-a314c89cbd1f.jpeg");background-position:0px -40px;background-size:100% auto;}.elementor-121 .elementor-element.elementor-element-8eb7819{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--border-radius:16px 16px 16px 16px;}.elementor-121 .elementor-element.elementor-element-751b036{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:18px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-121 .elementor-element.elementor-element-751b036 .elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-121 .elementor-element.elementor-element-751b036 .elementor-social-icon i{color:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-751b036 .elementor-social-icon svg{fill:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-06ec05b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-121 .elementor-element.elementor-element-13f5070{text-align:end;}.elementor-121 .elementor-element.elementor-element-13f5070 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:16px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-bd3288a{text-align:end;}.elementor-121 .elementor-element.elementor-element-bd3288a .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-c9782bb );}.elementor-121 .elementor-element.elementor-element-5e85f68{text-align:end;}.elementor-121 .elementor-element.elementor-element-5e85f68 .elementor-heading-title{font-family:"Libre Baskerville", Sans-serif;font-size:14px;font-weight:300;color:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-f3f6d1e{--display:flex;--justify-content:center;}.elementor-121 .elementor-element.elementor-element-2e4a63e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Merriweather", Sans-serif;font-weight:400;color:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-4a49ced{--display:flex;--padding-top:3%;--padding-bottom:3%;--padding-left:7%;--padding-right:7%;}.elementor-121 .elementor-element.elementor-element-4a49ced:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-4a49ced > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-121 .elementor-element.elementor-element-d3aea1c{--display:flex;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-121 .elementor-element.elementor-element-d3aea1c:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-d3aea1c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-121 .elementor-element.elementor-element-7128751:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-121 .elementor-element.elementor-element-7128751{--margin-top:-15%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:40%;--padding-bottom:4%;--padding-left:6%;--padding-right:6%;}.elementor-121 .elementor-element.elementor-element-579e833 .elementor-heading-title{font-size:45px;}.elementor-121 .elementor-element.elementor-element-71319a1d{--min-height:48vh;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-121 .elementor-element.elementor-element-579bc379 .elementor-heading-title{font-size:40px;}.elementor-121 .elementor-element.elementor-element-68e6c773{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-121 .elementor-element.elementor-element-68e6c773 .elementor-heading-title{font-size:40px;}.elementor-121 .elementor-element.elementor-element-55df70a{margin:14px 0px calc(var(--kit-widget-spacing, 0px) + 13px) 0px;}.elementor-121 .elementor-element.elementor-element-8073a02{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-121 .elementor-element.elementor-element-612465f{--min-height:350px;}.elementor-121 .elementor-element.elementor-element-612465f:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-612465f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:50% 40%;}.elementor-121 .elementor-element.elementor-element-8eb7819{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-121 .elementor-element.elementor-element-13f5070{text-align:start;}.elementor-121 .elementor-element.elementor-element-bd3288a{text-align:start;}.elementor-121 .elementor-element.elementor-element-bd3288a .elementor-heading-title{font-size:14px;}.elementor-121 .elementor-element.elementor-element-5e85f68{text-align:start;}.elementor-121 .elementor-element.elementor-element-2e4a63e{font-size:16px;}}@media(max-width:767px){.elementor-121 .elementor-element.elementor-element-7128751{--min-height:50vh;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:10%;--padding-left:6%;--padding-right:6%;}.elementor-121 .elementor-element.elementor-element-7128751:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-162px 0px;}.elementor-121 .elementor-element.elementor-element-579e833{padding:40px 0px 0px 0px;}.elementor-121 .elementor-element.elementor-element-579e833 .elementor-heading-title{font-size:40px;line-height:1.2em;letter-spacing:-1px;}.elementor-121 .elementor-element.elementor-element-6ed68156{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-121 .elementor-element.elementor-element-71319a1d{--min-height:0vh;--justify-content:center;--padding-top:0px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;}.elementor-121 .elementor-element.elementor-element-2509fb4c{--min-height:26vh;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-121 .elementor-element.elementor-element-579bc379{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-121 .elementor-element.elementor-element-579bc379 .elementor-heading-title{font-size:35px;}.elementor-121 .elementor-element.elementor-element-68e6c773{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-121 .elementor-element.elementor-element-68e6c773 .elementor-heading-title{font-size:39px;line-height:1.2em;}.elementor-121 .elementor-element.elementor-element-3b3e9d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-121 .elementor-element.elementor-element-55df70a{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-121 .elementor-element.elementor-element-b80af46{--padding-top:10%;--padding-bottom:10%;--padding-left:3%;--padding-right:3%;}.elementor-121 .elementor-element.elementor-element-8073a02{--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-121 .elementor-element.elementor-element-612465f{--min-height:350px;}.elementor-121 .elementor-element.elementor-element-612465f:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-612465f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0% 0%;}.elementor-121 .elementor-element.elementor-element-8eb7819{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-121 .elementor-element.elementor-element-06ec05b{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-121 .elementor-element.elementor-element-2e4a63e{text-align:center;}.elementor-121 .elementor-element.elementor-element-4a49ced{--padding-top:2%;--padding-bottom:2%;--padding-left:2%;--padding-right:2%;}}@media(min-width:768px){.elementor-121 .elementor-element.elementor-element-3b3e9d{--content-width:900px;}.elementor-121 .elementor-element.elementor-element-cd863d6{--width:50%;}.elementor-121 .elementor-element.elementor-element-06ec05b{--width:50%;}.elementor-121 .elementor-element.elementor-element-f3f6d1e{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-121 .elementor-element.elementor-element-06ec05b{--width:100%;}}@media(min-width:1025px){.elementor-121 .elementor-element.elementor-element-7128751:not(.elementor-motion-effects-element-type-background), .elementor-121 .elementor-element.elementor-element-7128751 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for heading, class: .elementor-element-579e833 */.elementor-121 .elementor-element.elementor-element-579e833 span {
  color: #CB9C5E;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-6bb920c */.elementor-121 .elementor-element.elementor-element-6bb920c span {
    opacity: 0.7;
    letter-spacing: 1px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-023403b */.bd-showcase{
  position: relative;
  height: 100vh;
  min-height: 100vh;
  overflow: hidden;
  background: #111;
  border-radius: 16px;
}

.bd-inner{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  height: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 24px;
}

/* overlay alleen over de content */
.bd-inner::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:background .3s ease;
  pointer-events:none;
  z-index:3;
  border-radius:16px;
}

/* activeer alleen bij hover op folder */
.bd-showcase:has(.bd-folder:hover) .bd-inner::after{
  background:rgba(0,0,0,0.34);
}

.bd-col{
  position: relative;
  overflow: hidden;
  height: 100%;
  z-index: 1;
}

.bd-track{
  display:flex;
  flex-direction:column;
  gap:24px;
  will-change:transform;
}

.bd-left .bd-track{
  animation: bdScrollFast 18s linear infinite;
}

.bd-right .bd-track{
  animation: bdScrollSlow 28s linear infinite;
}

@keyframes bdScrollFast{
  from{ transform: translateY(0); }
  to{ transform: translateY(-50%); }
}

@keyframes bdScrollSlow{
  from{ transform: translateY(0); }
  to{ transform: translateY(-50%); }
}

.bd-card{
  position: relative;
  z-index: 1;
  overflow:hidden;
  border-radius:24px;
  background:#1a1a1a;
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}

.bd-card img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease, filter .35s ease;
}

.bd-card:hover img{
  transform:scale(1.05);
  filter:brightness(.94);
}

.bd-card-tall{
  height:540px;
}

.bd-card-wide{
  height:320px;
}

.bd-card-square{
  height:420px;
}

/* gradient alleen boven */
.bd-showcase::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:180px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(
    to bottom,
    #111 0%,
    rgba(17,17,17,.88) 45%,
    rgba(17,17,17,0) 100%
  );
}

/* center altijd boven overlay */
.bd-center{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:220px;
  height:180px;
  z-index:10;
  pointer-events:none;
}

/* bubble altijd leesbaar */
.bd-bubble{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -108px);
  background:rgba(10,10,10,.90);
  color:#fff;
  padding:14px 22px;
  border-radius:999px;
  font-size:16px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  z-index:11;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:
    0 10px 30px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.06);
  transition:
    opacity .22s ease,
    background .25s ease,
    box-shadow .25s ease,
    margin-top .28s cubic-bezier(.22,1,.36,1);
  margin-top:0;
}

.bd-bubble::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:8px;
  height:8px;
  background:rgba(10,10,10,.90);
  transform:translateX(-50%) rotate(45deg);
  border-radius:2px;
  transition:background .25s ease;
}

/* mini hover animatie alleen voor bubble */
.bd-showcase:has(.bd-folder:hover) .bd-bubble{
  margin-top:-10px;
  background:rgba(8,8,8,.96);
  box-shadow:
    0 14px 34px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.07);
}

.bd-showcase:has(.bd-folder:hover) .bd-bubble::after{
  background:rgba(8,8,8,.96);
}

/* folder boven alles */
.bd-folder{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  z-index:12;
  width:110px;
  height:110px;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:auto;
  cursor:pointer;
  overflow:hidden;
  color:#111;
  box-shadow:
    0 16px 38px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.7);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease;
}

/* hover overlay NIET op folder zelf */
.bd-folder::before{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0);
  transition:background .22s ease;
  z-index:1;
}

.bd-folder::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:999px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.25);
  pointer-events:none;
  z-index:3;
}

.bd-folder:hover{
  transform:translate(-50%,-50%) translateY(-4px) scale(1.07);
  box-shadow:
    0 24px 48px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.7);
}

/* subtiel intern hover effect op button */
.bd-folder:hover::before{
  background:rgba(0,0,0,.08);
}

.bd-folder:active{
  transform:translate(-50%,-50%) translateY(1px) scale(.98);
  box-shadow:
    0 8px 16px rgba(0,0,0,.24),
    inset 0 3px 8px rgba(0,0,0,.08);
}

.bd-folder:active::before{
  background:rgba(0,0,0,.14);
}

.bd-folder-icon{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .22s ease;
}

.bd-folder:hover .bd-folder-icon{
  transform:scale(1.08) rotate(-5deg);
}

.bd-folder-icon svg{
  width:42px;
  height:42px;
  display:block;
}

/* tablet */
@media (max-width: 1024px){
  .bd-inner{
    gap:18px;
    padding:18px;
  }

  .bd-track{
    gap:18px;
  }

  .bd-card-tall{
    height:420px;
  }

  .bd-card-wide{
    height:240px;
  }

  .bd-card-square{
    height:300px;
  }

  .bd-center{
    width:200px;
    height:160px;
  }

  .bd-bubble{
    font-size:15px;
    padding:12px 18px;
    transform:translate(-50%, -96px);
  }
}

/* mobiel */
@media (max-width: 767px){
  .bd-showcase{
    height:100vh;
  }

  .bd-inner{
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:12px;
  }

  .bd-track{
    gap:12px;
  }

  .bd-card{
    border-radius:18px;
  }

  .bd-card-tall{
    height:280px;
  }

  .bd-card-wide{
    height:180px;
  }

  .bd-card-square{
    height:220px;
  }

  .bd-center{
    width:180px;
    height:140px;
  }

  .bd-folder{
    width:88px;
    height:88px;
  }

  .bd-folder-icon svg{
    width:34px;
    height:34px;
  }

  .bd-bubble{
    font-size:14px;
    padding:11px 15px;
    transform:translate(-50%, -82px);
  }

  .bd-bubble::after{
    width:7px;
    height:7px;
    bottom:-4px;
  }

  .bd-showcase:has(.bd-folder:hover) .bd-bubble{
    margin-top:-8px;
  }
}/* End custom CSS */