/* Mobile opening: independent reading and image areas, no text over the wolf. */
.profile-rig{position:absolute;inset:0}
@media(max-width:700px){
  [data-scene="0"]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;padding:108px 6vw 82px}
  [data-scene="0"] .hero-copy{position:relative;inset:auto;grid-row:1;width:auto;text-align:left;text-shadow:none}
  [data-scene="0"] .hero-copy .eyebrow{font-size:9px;line-height:1.65;color:#b9c0cb;margin:0 0 14px;letter-spacing:.1em}
  [data-scene="0"] .hero-copy h1{font-size:clamp(32px,9.5vw,44px);line-height:1.08;letter-spacing:-.045em}
  [data-scene="0"] .hero-rig{position:relative;inset:auto;grid-row:2;width:100%;height:100%;min-height:0;overflow:hidden;transform-origin:50% 50%;mask-image:linear-gradient(transparent,black 7%,black 89%,transparent)}
  [data-scene="0"] .hero-character,[data-scene="0"] #orbit-canvas{object-fit:cover;object-position:50% 50%;width:100%;height:100%}
  [data-scene="0"] .corner-line{position:relative;inset:auto;grid-row:3;max-width:260px;margin:0;color:#c0c7d1;font-size:12px;line-height:1.65;text-shadow:none}
  [data-scene="0"] .scroll-arrow{right:7vw;bottom:82px;font-size:28px}
  [data-scene="1"]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;padding:104px 6vw 66px;height:100%;min-height:0;overflow:hidden}
  [data-scene="1"] .search-copy{position:relative;inset:auto;grid-row:1;max-width:none;z-index:2;background:#000}
  [data-scene="1"] .search-copy .eyebrow{font-size:9px;color:#b9c0cb;margin:0 0 12px;line-height:1.65;letter-spacing:.09em}
  [data-scene="1"] .search-copy h2{font-size:clamp(32px,9.2vw,42px);line-height:1.08;letter-spacing:-.045em}
  [data-scene="1"] .search-copy .body-copy{font-size:13px;line-height:1.65;max-width:none;margin-top:16px;color:#bbc3cf}
  /* A non-replaced cell prevents intrinsic image height from expanding the grid in Safari.
     The mobile portrait is a contained background, so it cannot paint behind the cards. */
  [data-scene="1"] .profile-rig{position:relative;inset:auto;grid-row:2;width:100%;height:auto;min-width:0;min-height:0;max-height:30svh;align-self:stretch;overflow:hidden;contain:paint;background:#000 url("assets/bestia-orbit-end.png") center / contain no-repeat}
  [data-scene="1"] .profile-character{display:none}
  [data-scene="1"] .evidence-map{position:relative;inset:auto;grid-row:3;display:grid;gap:9px;width:100%;height:auto;z-index:3;background:#000}
  [data-scene="1"] .evidence{position:relative;inset:auto;width:100%;padding:8px 0 0 23px;border-top:1px solid #46505d;background:#000;text-shadow:none}
  [data-scene="1"] .evidence>span{top:10px;font-size:9px;color:var(--yellow)}
  [data-scene="1"] .evidence strong{font-size:12px;line-height:1.5;color:#f5f8fd;font-weight:500}
  [data-scene="1"] .evidence small{font-size:10px;line-height:1.5;color:#aeb8c8;margin-top:2px}
  [data-scene="1"] .scene-foot{position:relative;inset:auto;grid-row:4;margin:0;max-width:none;font-size:10px;line-height:1.6;color:#b4bdcb;background:#000}
}
@media(max-width:700px) and (max-height:740px){
  [data-scene="0"]{padding-top:102px;padding-bottom:70px;gap:16px}
  [data-scene="0"] .hero-copy h1{font-size:clamp(31px,9vw,39px)}
  [data-scene="0"] .hero-copy .eyebrow{margin-bottom:11px}
  [data-scene="0"] .scroll-arrow{bottom:70px}
  [data-scene="0"] .corner-line{font-size:11px}
  [data-scene="1"]{padding-top:100px;padding-bottom:62px;gap:11px}
  [data-scene="1"] .search-copy h2{font-size:clamp(30px,8.6vw,36px)}
  [data-scene="1"] .search-copy .eyebrow{margin-bottom:10px;font-size:8px}
  [data-scene="1"] .search-copy .body-copy{font-size:12px;line-height:1.55;margin-top:12px}
  [data-scene="1"] .evidence-map{gap:7px}
  [data-scene="1"] .evidence{padding-top:6px}
  [data-scene="1"] .evidence>span{top:8px}
  [data-scene="1"] .evidence strong{font-size:11px}
  [data-scene="1"] .evidence small{font-size:9px}
  [data-scene="1"] .scene-foot{font-size:9px}
}
@media(max-width:700px) and (max-height:620px){
  [data-scene="1"] .search-copy .body-copy{font-size:11px}
}