/* The shared mark entrance opens onto the real responsive page. */
.loader.cultesc-motion-ready{
  position:fixed;inset:0;width:100vw!important;height:100dvh!important;
  background:transparent!important;overflow:hidden;z-index:11000;
}
.loader.cultesc-motion-ready>.loader-c{visibility:hidden!important}
.loader .cultesc-entrance-canvas{
  position:absolute;inset:0;width:100%;height:100%;display:block;
  background:transparent;pointer-events:none;
}
.cultesc-mark-field .cultesc-material-cursor{
  aspect-ratio:1;touch-action:pan-y;
}

/* A stable surface inside the original expanding/shrinking loader wrapper. */
.cultesc-loader-morph{position:absolute;flex:none;width:20rem;height:20rem;max-width:none;pointer-events:none;opacity:0;transform-origin:50% 50%}
@media(max-width:991px){.cultesc-loader-morph{width:10rem;height:10rem}}

/* One continuous material sculpture; the loader keeps its own choreography. */
.cultesc-mark-field.is-single-morph{
  display:grid;place-items:center;min-height:clamp(32rem,68vw,62rem);
  padding-block:clamp(2rem,5vw,5rem);overflow:clip;
}
.cultesc-mark-field.is-single-morph .cultesc-material-mark{
  position:relative;inset:auto;width:min(75%,52rem);height:auto;
  margin:0;transform:none;z-index:auto;grid-area:1/1;
}
.cultesc-mark-field.is-single-morph .cultesc-symbol-reactive{
  aspect-ratio:1;pointer-events:none;background:#000;opacity:0;z-index:1;
}
.cultesc-mark-field.has-symbol-reactivity .cultesc-symbol-reactive{opacity:1}
.cultesc-mark-field.has-symbol-reactivity .cultesc-symbol-loop{opacity:0}
@media(max-width:767px){
  .cultesc-mark-field.is-single-morph{
    min-height:clamp(28rem,114vw,42rem);padding-block:2rem;
  }
  .cultesc-mark-field.is-single-morph .cultesc-material-mark{
    width:min(100%,42rem);
  }
}