/* "We create worlds" · LOCKED by Susana (24 Sep 2026, "please stop moving it").
   Copied byte for byte from the live journey page (lab/journey-v2/index.html, .opening + WORDS_LOCK),
   28 Oct 2026. It lives in assets/ on purpose: her lock comes before the 8px grid, so grid-check skips it.
   To move it, change WORDS_LOCK on the live page and here together, only on her ask. */
.opening{--wordsTilt:34;--wordsP:2600px;--wordsY:66%;--wordsX:3;--ledeS:1.8782608695652174;--ledeW:38.52173913043478;--ledeGap:0;--createGap:0;--ledeLift:0;--ledeLine:1.35}
.opening{position:absolute;right:calc(clamp(24px,7vw,130px) - var(--wordsX,0) * 1vw);top:var(--wordsY,46%);margin:0;transform:translate(var(--hx,0px),var(--hy,0px)) scale(var(--hs,1)) translateY(-50%) perspective(var(--wordsP,900px)) rotateY(calc(var(--wordsTilt,34) * -1deg));
       transform-origin:right center;backface-visibility:hidden;font:600 clamp(30px,4.4vw,78px)/1.1 var(--font-ui);letter-spacing:-.03em;color:#FFF8EA;
       text-shadow:0 4px 50px #0a1428aa,0 1px 3px #0a142860;pointer-events:none}
.opening .gem{display:block;position:relative;width:min(34vw,560px);aspect-ratio:520/227;margin-top:.04em}
.opening > span:first-child{display:block;translate:0 calc(var(--createGap,0) * -1em);letter-spacing:calc(var(--createTrack,.09) * 1em)}
.opening .gem img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;margin-left:-1.35%}
.opening .gem .gem-pt{position:absolute;left:calc(var(--gpX,32) * 1%);top:calc(var(--gpY,40) * 1%);width:calc(var(--gpW,34) * 1%);aspect-ratio:1;translate:-50% -50%;pointer-events:none}
.opening .lede .lede-k{font-weight:700;color:#FFF8EA}
.opening .lede{display:block;margin-top:calc(var(--ledeGap,14) * 1px);max-width:min(var(--ledeW,34) * 1vw,560px);
       font:400 calc(var(--ledeS,1.35) * 1vw)/var(--ledeLine,1.45) var(--font-ui);letter-spacing:0;color:#F6F1E6;
       text-shadow:0 2px 22px #0a1428cc,0 1px 2px #0a142870;text-wrap:balance;
       translate:0 calc(var(--ledeLift,0) * -.1481 * min(34vw,560px))}
@media (max-width:700px){
  .opening{right:auto;left:6vw;top:16%;transform:none}
  .opening .gem{width:64vw}
  .opening .lede{max-width:64vw;font-size:15px;translate:0 calc(var(--ledeLift,0) * -.1481 * 64vw)}
}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}