/* A monochrome glass reveal, using the same display type as the first screen. */
html.loading,
html.ice-intro-pending{overflow:hidden}

.ice-loader{
  display:none;position:fixed;inset:0;z-index:200;overflow:hidden;pointer-events:auto;touch-action:none;
  background:transparent;
}
html.ice-intro-pending .ice-loader{display:block}

.ice-glass-base,
.ice-shard{
  position:absolute;inset:-1px;
  background:radial-gradient(ellipse at 50% 42%,#18191a 0%,#0c0d0e 46%,#090a0b 78%);
}
.ice-glass-base{z-index:1}
.ice-glass-base::before,.ice-shard::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(118deg,transparent 23%,#ffffff04 42%,transparent 60%);
}
.ice-frost{
  position:absolute;inset:0;z-index:2;opacity:.35;pointer-events:none;
  background:radial-gradient(ellipse at 55% 45%,#ffffff06,transparent 60%);
  will-change:opacity;
}

.ice-shards{position:absolute;inset:0;z-index:3}
.ice-shard{opacity:0;will-change:transform,opacity}
.ice-shard::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(128deg,rgba(245,245,245,.075),transparent 23% 77%,rgba(225,225,225,.04));
  opacity:.92;
}

.ice-cracks{position:absolute;inset:0;width:100%;height:100%;z-index:5;overflow:visible;opacity:1}
.ice-cracks path{
  fill:none;stroke:rgba(235,235,235,.7);stroke-width:.82;stroke-linecap:round;stroke-linejoin:miter;
  vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;
}
.ice-cracks path.strong{stroke:rgba(247,248,245,.94);stroke-width:1.18}
.ice-cracks path.branch{stroke:rgba(220,220,220,.48);stroke-width:.54}
.ice-cracks path.ring{stroke:rgba(230,230,230,.56);stroke-width:.64}
.ice-cracks path.splinter{stroke:rgba(240,240,240,.76);stroke-width:.72}
.ice-cracks path.impact{stroke:rgba(250,250,247,.98);stroke-width:1.28}

.ice-loader-core{
  position:absolute;inset:0;z-index:7;display:grid;place-content:center;justify-items:center;
  color:#f3f1ec;will-change:transform,opacity;
}
.ice-loader-word{
  font-family:Impact,"Arial Narrow",sans-serif;
  position:relative;font-size:clamp(86px,14vw,202px);font-weight:400;line-height:.87;
  letter-spacing:-.025em;white-space:nowrap;transform-origin:center;will-change:transform;
}
.ice-loader-word .ice-word{display:block}
.ice-loader-word .ice-base{color:#f8f7f30a;-webkit-text-stroke:.65px #f8f7f32b}
.ice-loader-word .ice-fill{
  position:absolute;inset:0;color:#f3f1ec;clip-path:inset(0 100% 0 0);will-change:clip-path;
}
.ice-loader-sub{
  margin-top:24px;overflow:hidden;font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:13px;line-height:1.3;letter-spacing:-.01em;color:#f8f7f380;
}
.ice-loader-sub span{display:block;opacity:0;transform:translateY(130%);will-change:transform,opacity}

.ice-impact-spark{
  position:absolute;z-index:9;width:2px;height:22px;opacity:0;margin:-11px 0 0 -1px;
  background:linear-gradient(180deg,transparent,rgba(245,244,239,.98) 42% 58%,transparent);
  box-shadow:0 0 10px rgba(240,240,240,.5),0 0 24px rgba(240,240,240,.18);
  will-change:transform,opacity;
}
.ice-impact-streak{
  position:absolute;z-index:8;height:1px;width:72px;opacity:0;transform:scaleX(.04);transform-origin:left center;
  background:linear-gradient(90deg,rgba(243,241,236,.08),rgba(243,241,236,.76));will-change:transform,opacity;
}

@media(max-width:640px){
  .ice-loader-word{font-size:clamp(76px,24vw,150px);letter-spacing:-.025em}
  .ice-loader-sub{margin-top:20px;font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .ice-loader{display:none!important}
}