@import url('/bct-brand-green.css');

/* BCT loading sequence */
body.is-loading{overflow:hidden}
body.is-loading .bct-header{opacity:0;pointer-events:none}
body.is-loading .panel-field__piece{animation-play-state:paused}

.bct-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.bct-loader.is-done{
  visibility:hidden;
  pointer-events:none;
}

.bct-loader__company{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:baseline;
  white-space:nowrap;
  color:#111;
  font-size:clamp(20px,1.8vw,28px);
  line-height:1;
  font-weight:560;
  letter-spacing:.015em;
  opacity:0;
  visibility:hidden;
  will-change:transform,opacity;
}
.bct-loader__char{
  display:inline-block;
  flex:0 0 auto;
  opacity:0;
  will-change:transform,opacity,color;
}
.bct-loader__logo{
  position:fixed;
  left:50%;
  top:50%;
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity;
}
.bct-loader__logo-char{display:inline-block}

.bct-header{will-change:opacity}

body.home-v2 .bct-header .bct-brand__mark{
  font-weight:560;
  letter-spacing:.015em;
}

@media(max-width:900px){
  .bct-loader__company{font-size:18px}
}

@media(max-width:600px){
  .bct-loader__company{font-size:16px;letter-spacing:0}
  body.home-v2 .bct-header .bct-brand__mark{letter-spacing:0}
}