/* Keep the restored phone controls consistent when rotating to landscape. */
/* Compact, touch-friendly scene navigation for the phone opening. */
@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar {
    margin:0 18px max(18px,env(safe-area-inset-bottom));
    padding:12px 12px 10px;
    gap:8px;
    border:1px solid rgba(225,240,250,.10);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(39,39,43,0.2),rgba(39,39,43,0.3));
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    box-shadow:none;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapters { grid-template-columns:repeat(4,minmax(0,1fr));gap:8px; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter {
    min-width:0;min-height:44px;padding:5px 0;
    border:0;background:transparent;border-radius:6px;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .track {
    height:2px;margin:0 0 10px;border-radius:3px;
    background:rgba(222,238,248,.18);overflow:hidden;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .track > span {
    height:100%;border-radius:inherit;background:#aecbdc;
    box-shadow:none;transition:transform .08s linear;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter-label {
    display:block;text-align:center;font-size:clamp(8px,2.55vw,11px);
    line-height:1.4;letter-spacing:0;font-weight:450;color:rgba(235,244,250,.67);white-space:nowrap;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter-label small { display:none; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .chapter-label { color:#fff;font-weight:550; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .playback {
    justify-content:center;gap:14px;padding-top:7px;border-top:1px solid rgba(230,242,250,.06);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .playback button {
    width:44px;height:44px;min-width:44px;display:grid;place-items:center;
    padding:0;border:1px solid transparent;border-radius:50%;
    background:transparent;color:rgba(232,245,252,.76);font-size:18px;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .playback #play { background:rgba(201,229,247,.04);border-color:rgba(213,237,252,.18); }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar button:focus-visible { outline:2px solid #c2e2f5;outline-offset:3px; }
}
@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) and (prefers-reduced-motion:reduce) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .track > span { transition:none; }
}

@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar { background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .track { height:1px;background:rgba(222,238,248,.16); }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .track > span { background:rgba(194,222,239,.72); }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter-label { color:rgba(235,244,250,.58); }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .chapter-label { color:rgba(255,255,255,.9);font-weight:500; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .playback { border-top-color:transparent; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .playback button { color:rgba(232,245,252,.62);font-size:17px; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .playback #play { background:transparent;border-color:transparent; }
}

@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-scene-symbol {
    display:block;position:static;width:28px;height:28px;box-sizing:border-box;
    margin:0 auto 10px;padding:3px;object-fit:contain;
    border:1px solid rgba(255,255,255,.35);border-radius:5px;
    background:#f1f5f7;opacity:.65;filter:none;
    animation:none;transition:none;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .pv-phone-scene-symbol {
    opacity:1;border-color:#c2e2f5;
  }
}

@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .track { display:none; }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress {
    display:block;position:relative;width:40px;height:40px;margin:0 auto 10px;
    overflow:hidden;border-radius:9px;background:linear-gradient(145deg,rgba(237,248,255,.32),rgba(168,197,216,.13));
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    border:1px solid rgba(230,245,255,.35);box-sizing:border-box;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 10px rgba(0,0,0,.10);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress::before {
    content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fff,#dceef9);
    transform:scaleY(var(--pv-symbol-progress,0));transform-origin:bottom;
    pointer-events:none;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-scene-symbol {
    position:relative;z-index:1;display:block;width:100%;height:100%;
    margin:0;padding:3px;border:0;background:transparent;opacity:1;
    mix-blend-mode:multiply;filter:contrast(1.3);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .pv-phone-symbol-progress {
    box-shadow:0 0 0 1px rgba(220,241,255,.9),0 0 8px rgba(166,214,245,.18);
  }
}
@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-scene-symbol {
    filter:invert(1) contrast(1.3);mix-blend-mode:screen;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-ink {
    position:absolute;inset:0;z-index:2;
    filter:contrast(1.3);mix-blend-mode:multiply;
    clip-path:inset(calc((1 - var(--pv-symbol-progress,0)) * 100%) 0 0 0);
  }
}

@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapters {
    margin-inline:12px;
    gap:4px;
  }
}

@media(min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress::before {
    background:#f7f8f7;
  }
}

/* Mobile scene controls share the menu button's glass surface. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress,
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .pv-phone-symbol-progress {
    background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(233,246,255,.09) 45%,rgba(222,241,253,.19));
    border:1px solid rgba(239,250,255,.62);
    border-radius:6px;
    -webkit-backdrop-filter:blur(16px) saturate(1.4);
    backdrop-filter:blur(16px) saturate(1.4);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.8),inset 0 -1px 1px rgba(225,245,255,.38),0 6px 18px rgba(5,18,28,.14);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .pv-phone-symbol-progress {
    border-color:rgba(239,250,255,.85);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress::before {
    background:linear-gradient(135deg,rgba(255,255,255,.30),rgba(233,246,255,.09) 45%,rgba(222,241,253,.19));
    box-shadow:inset 0 1px 1px rgba(255,255,255,.55);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-ink {
    display:none;
  }
}

/* Slide the intact glass surface instead of stretching its gradient and edge. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress::before {
    transform:translate3d(0,calc((1 - var(--pv-symbol-progress,0)) * 100%),0);
    will-change:transform;
    transition:none;
  }
  .page.pv-home .experience[data-pv-phone-restored="true"]:not(.stopped) .bottom-bar .chapter.active .pv-phone-symbol-progress::before {
    transition:transform 80ms linear;
  }
}
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) and (prefers-reduced-motion:reduce) {
  .page.pv-home .experience[data-pv-phone-restored="true"]:not(.stopped) .bottom-bar .chapter.active .pv-phone-symbol-progress::before {
    transition:none;
  }
}

/* Slightly larger symbols; keep the glass buttons at their existing size. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-scene-symbol {
    padding:2px;
  }
}

/* Mobile scene controls share the menu button's glass surface. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress,
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .pv-phone-symbol-progress {
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(233,246,255,.05) 45%,rgba(222,241,253,.10));
    border:1px solid rgba(239,250,255,.38);
    border-radius:6px;
    -webkit-backdrop-filter:blur(12px) saturate(1.15);
    backdrop-filter:blur(12px) saturate(1.15);
    box-shadow:inset 0 1px 1px rgba(255,255,255,.4),inset 0 -1px 1px rgba(225,245,255,.18),0 6px 18px rgba(5,18,28,.08);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter.active .pv-phone-symbol-progress {
    border-color:rgba(239,250,255,.55);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress::before {
    background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(233,246,255,.05) 45%,rgba(222,241,253,.10));
    box-shadow:inset 0 1px 1px rgba(255,255,255,.28);
  }
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-ink {
    display:none;
  }
}

/* Enlarge the symbols slightly within the unchanged mobile glass buttons. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-scene-symbol {
    padding:0;
  }
}

/* Enlarge the mobile glass controls and their symbols together. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-symbol-progress {
    width:44px;
    height:44px;
  }
}

/* A soft shadow follows each mobile symbol, inside the glass control. */
@media (min-width:601px) and (max-width:1000px) and (max-height:600px) and (orientation:landscape) {
  .page.pv-home .experience[data-pv-phone-restored="true"] .bottom-bar .chapter .pv-phone-scene-symbol:not(.pv-phone-symbol-ink) {
    mix-blend-mode:normal;
    filter:invert(1) contrast(1.3) drop-shadow(0 1px 1.5px rgba(5,18,28,.32));
  }
}