/* Proportional scale follows --design-scale. Original: archive/before-scale-85-20261028/intro-match-scene.css */
/* Original Kie.ai paper sculptures. Only their layout and motion are defined here. */
.material-page .studio-intro { isolation:isolate; }
.material-page .studio-intro-title { position:relative; z-index:2; }
.material-page .studio-intro-title .grow-accent { color:var(--match-orange,#a65d51); }
.intro-match-scene {
  position:absolute; inset:0; overflow:clip; z-index:0;
  pointer-events:none; user-select:none;
}
.intro-match-light {
  position:absolute; inset:-10%; opacity:var(--match-light,.26);
  background:radial-gradient(ellipse at 96% 88%,rgba(255,111,67,.24),transparent 48%),
    radial-gradient(ellipse at 2% 5%,rgba(255,111,67,.24),transparent 48%);
}
.intro-object-group {
  position:absolute; aspect-ratio:1; perspective:calc(1100px * var(--design-scale, .85));
  opacity:0; transform-style:preserve-3d;
}
.intro-object-group.is-ready { opacity:var(--match-visibility,.15); }
.intro-object-group img {
  position:absolute; width:100%; height:100%; object-fit:contain;
  max-width:none; pointer-events:none; user-select:none; -webkit-user-drag:none;
  transform-origin:center; backface-visibility:visible;
}
.intro-puzzle { width:min(calc(34vw * var(--design-scale, .85)),calc(43svh * var(--design-scale, .85))); max-width:calc(590px * var(--design-scale, .85)); left:6%; top:0%; }
.intro-lock { width:min(calc(34vw * var(--design-scale, .85)),calc(48svh * var(--design-scale, .85))); max-width:calc(640px * var(--design-scale, .85)); right:5%; bottom:-5%; }
.intro-blocks { width:min(calc(24vw * var(--design-scale, .85)),calc(32svh * var(--design-scale, .85))); max-width:calc(430px * var(--design-scale, .85)); right:8%; top:1%; }
.intro-magnets { width:min(calc(31vw * var(--design-scale, .85)),calc(40svh * var(--design-scale, .85))); max-width:calc(520px * var(--design-scale, .85)); left:6%; bottom:0; }
.intro-puzzle-left { z-index:2; }
.intro-puzzle-right { z-index:1; }
.intro-lock-body { z-index:2; }
.intro-lock-shackle { z-index:1; }
.intro-lock .intro-key { z-index:3; transform-origin:6.6% 47%; }
.intro-block-back { z-index:1; }
.intro-block-left { z-index:2; }
.intro-block-front { z-index:3; }
[data-intro="complete"] .intro-match-scene { visibility:hidden; }
@media (max-width:900px) {
  .intro-puzzle { width:calc(44vw * var(--design-scale, .85)); left:0; top:6%; }
  .intro-lock { width:calc(49vw * var(--design-scale, .85)); right:0; bottom:2%; }
  .intro-blocks { width:calc(30vw * var(--design-scale, .85)); right:2%; top:6%; }
  .intro-magnets { width:calc(38vw * var(--design-scale, .85)); left:2%; bottom:3%; }
}
@media (max-width:700px) {
  .intro-puzzle { width:calc(64vw * var(--design-scale, .85)); max-width:calc(330px * var(--design-scale, .85)); left:-6%; top:4%; }
  .intro-lock { width:calc(67vw * var(--design-scale, .85)); max-width:calc(350px * var(--design-scale, .85)); right:0; bottom:3%; }
  .intro-blocks { width:calc(36vw * var(--design-scale, .85)); max-width:calc(180px * var(--design-scale, .85)); right:1%; top:11%; }
  .intro-magnets { width:46vw; max-width:240px; left:-3%; bottom:8%; }
  .intro-match-light { inset:0; }
}
@media (max-height:500px) and (orientation:landscape) {
  .material-page .studio-intro-title { font-size:max(13px, clamp(calc(36px * var(--design-scale, .85)),calc(7.2vw * var(--design-scale, .85)),calc(66px * var(--design-scale, .85)))); }
  .intro-puzzle { width:calc(35svh * var(--design-scale, .85)); left:5%; top:0; }
  .intro-lock { width:calc(43svh * var(--design-scale, .85)); right:2%; bottom:3%; }
  .intro-blocks { width:calc(25svh * var(--design-scale, .85)); right:10%; top:0; }
  .intro-magnets { width:calc(35svh * var(--design-scale, .85)); left:8%; bottom:1%; }
}
@media (prefers-reduced-motion:reduce) {
  .intro-match-scene { display:none; }
}