.night-presentation { display: none; }
.desktop-hero { width: 100%; height: auto; display: block; }

@media (max-width: 767px) {
  :root { --night-ink: #061721; --night-gold: #ffedbf; }
  html, body { scrollbar-width: none; }
  html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; width: 0; height: 0; }
  body { padding-bottom: 0; }
  .lantern-hero {
    aspect-ratio: auto;
    overflow: hidden;
    background: var(--night-ink);
    height: min(100svh, 216.18vw);
    min-height: 560px;
    margin: 0;
    border-radius: 0;
    isolation: isolate;
  }
  .desktop-hero { display: none; }
  .desktop-download { display: none; }
  .night-presentation { display: block; position: relative; height: 100%; }
  .night-art { position: absolute; inset: 0; height: 100%; overflow: hidden; }
  .scene-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 1113 / 2100;
  }
  .night-shade { position: absolute; inset: 117.05vw 0 0; background: linear-gradient(transparent, #06151de0 30%, #071721 75%); pointer-events: none; }
  .scene-plate, .scene-animation { position: absolute; inset: 0; pointer-events: none; }
  .scene-tile { position: absolute; left: 0; display: block; width: 100%; height: auto; max-width: none; }
  .scene-fallback { display: block; width: 100%; height: auto; }
  .scene-extension { position: absolute; left: 0; top: 113.20755vw; width: 100%; height: auto; }
  .tile-top { top: 0; }
  .tile-bottom {
    top: 41.32974vw;
    mask-image: linear-gradient(transparent 0%, #000 2%, #000 90%, transparent 100%);
    -webkit-mask-image: linear-gradient(transparent 0%, #000 2%, #000 90%, transparent 100%);
  }
  .scene-animation[hidden] { display: none; }
  .art-fallback .scene-tile { display: none; }
  .light-scene { position: absolute; inset: 0; }
  .rig-layer { position: absolute; height: auto; max-width: none; opacity: 0; transform: translateZ(0); }
  .rig-unlit { opacity: 1; }
  .rig-couple-shade { opacity: .34; }
  .rig-pet-shade { opacity: .30; }
  .is-lighting .rig-couple { opacity: .18; }
  .is-lighting .rig-couple-shade { opacity: .27; }
  .is-lighting .rig-layer { will-change: opacity; }
  .lantern-hit { position: absolute; inset: 0; }
  .lantern-motion, .lantern-clear { position: absolute; inset: 0; pointer-events: none; }
  .lantern-clear { mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201315%202481.132075471698%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22edge%22%20x%3D%22-15%25%22%20y%3D%22-10%25%22%20width%3D%22130%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url%28%23edge%29%22%3E%3Crect%20x%3D%22990%22%20y%3D%22535%22%20width%3D%22430%22%20height%3D%22500%22%20rx%3D%2270%22%2F%3E%3Crect%20x%3D%221100%22%20y%3D%22960%22%20width%3D%22195%22%20height%3D%22365%22%20rx%3D%2242%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0 / 100% 100% no-repeat; -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201315%202481.132075471698%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22edge%22%20x%3D%22-15%25%22%20y%3D%22-10%25%22%20width%3D%22130%25%22%20height%3D%22120%25%22%3E%3CfeGaussianBlur%20stdDeviation%3D%225%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22white%22%20filter%3D%22url%28%23edge%29%22%3E%3Crect%20x%3D%22990%22%20y%3D%22535%22%20width%3D%22430%22%20height%3D%22500%22%20rx%3D%2270%22%2F%3E%3Crect%20x%3D%221100%22%20y%3D%22960%22%20width%3D%22195%22%20height%3D%22365%22%20rx%3D%2242%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0 / 100% 100% no-repeat; }
  .lantern-clear img { position: absolute; top: 21.904762%; left: 0; width: 100%; height: auto; max-width: none; }
  .lantern-clear-off, .lantern-sprite-off { filter: brightness(.22) saturate(.55); }
  .lantern-clear-on, .lantern-sprite-on { opacity: 0; }
  .lantern-sway { position: absolute; left: 76.277027%; top: 21.515987%; width: 35.126555%; aspect-ratio: 971 / 1619; transform-origin: 50% 0.864731%; will-change: transform; pointer-events: none; }
  .lantern-sway img { position: absolute; inset: 0; width: 100%; height: auto; max-width: none; }
  .rig-effects { position: absolute; inset: 0; pointer-events: none; }
  .hand-halo { position: absolute; left: 12.1%; top: 35.85%; width: 20.36%; height: 10.79%; border-radius: 50%; background: radial-gradient(#ffe8a080, #ffcb5233 30%, transparent 70%); mix-blend-mode: screen; opacity: 0; }
  .lantern-halo { position: absolute; left: 65.6%; top: 15.43%; width: 50.89%; height: 31.02%; background: radial-gradient(ellipse, #ffc45b90 0%, #ffb12b30 35%, transparent 68%); mix-blend-mode: screen; opacity: 0; }
  .post-glow { position: absolute; width: 14.76%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(#fff0a7d0, #ffb24f55 24%, transparent 70%); mix-blend-mode: screen; opacity: 0; }
  .glow-0 { left: 47.1%; top: 33%; }
  .glow-1 { left: 20%; top: 42%; }
  .glow-2 { left: -6%; top: 30%; }
  .glow-3 { left: 3%; top: 56%; }
  .glow-4 { left: 89%; top: 59%; }
  .sky-lanterns {
    position: absolute;
    inset: 0;
    mask: url('sky-occlusion.svg') 0 0 / 100% 100% no-repeat;
    -webkit-mask: url('sky-occlusion.svg') 0 0 / 100% 100% no-repeat;
  }
  .sky-lantern { position: absolute; width: 4.07%; height: 6.07%; opacity: 0; }
  .sky-lantern .sprite { position: absolute; inset: 0; width: 100%; height: 100%; }
  .sky-lantern .sprite-warm { opacity: 1; }
  .sky-0 { left: 22.9%; top: 4.72%; }
  .sky-1 { left: 59.3%; top: 16.86%; width: 2.8%; height: 4.18%; }
  .sky-2 { left: 71%; top: 8.36%; width: 2.29%; height: 3.51%; }
  .sky-3 { left: 11.7%; top: 24.28%; width: 2.29%; height: 3.51%; }
  .mote { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: #ffe19a; box-shadow: 0 0 6px #ffd25b; opacity: 0; }
  .mote-0 { left: 10.2%; top: 67.5%; }
  .mote-1 { left: 25.4%; top: 78.2%; }
  .mote-2 { left: 84%; top: 63.4%; }
  .mote-3 { left: 68.7%; top: 55.3%; }
  .mote-4 { left: 49.6%; top: 54%; }
  .mote-5 { left: 42%; top: 70.1%; }
  .mote-6 { left: 78.9%; top: 82.3%; }
  .mote-7 { left: 21.6%; top: 48.6%; }
  .mote-8 { left: 90.3%; top: 47.2%; }
  .mote-9 { left: 53.4%; top: 79.6%; }
  .water-ripples { position: absolute; left: 2.8%; top: 59.8%; width: 16.8%; height: 3.78%; }
  .water-ripples i { position: absolute; inset: 0; border: 1px solid #efba5b88; border-radius: 50%; opacity: 0; }
  .is-lighting .scene-final { visibility: hidden; }
  .night-light-touch { position: absolute; left: 75%; top: 19%; width: 25%; height: 21%; border: 0; background: none; z-index: 2; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
  .night-light-touch[hidden] { display: none; }
  .night-light-touch:focus-visible { outline: 2px solid #e4c977; outline-offset: -10px; }
  .night-headline {
    position: absolute;
    top: 54.3%;
    left: 3%;
    width: 94%;
    aspect-ratio: 1536 / 1024;
    background: var(--night-gold);
    mask: url('../home-entry-20261022b/brush-headline.webp') center / contain no-repeat;
    -webkit-mask: url('../home-entry-20261022b/brush-headline.webp') center / contain no-repeat;
    pointer-events: none;
  }
  .night-tagline {
    position: absolute;
    top: 81.3%;
    left: 0;
    width: 100%;
    margin: 0;
    color: var(--night-gold);
    font-size: clamp(12px, 3.05vw, 15px);
    font-weight: 650;
    line-height: 1.6;
    text-align: center;
    letter-spacing: .025em;
  }
  .night-explore {
    position: absolute;
    top: 84.1%;
    left: 8%;
    width: 84%;
    height: 7.5%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    color: var(--night-gold);
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
  .explore-heading { display: flex; align-items: center; gap: 12px; line-height: 1.3; }
  .explore-heading strong { font-size: clamp(17px, 4.1vw, 20px); font-weight: 600; letter-spacing: .13em; }
  .explore-arrows { position: relative; width: 25px; height: 25px; animation: explore-drift 2.2s ease-in-out infinite; }
  .explore-arrows img { position: absolute; inset: -4px 0 auto; width: 25px; height: 25px; filter: brightness(0) saturate(100%) invert(91%) sepia(27%) saturate(706%) hue-rotate(339deg); }
  .explore-arrows img + img { top: 4px; }
  .explore-note { font-size: clamp(11px, 2.9vw, 13px); color: #e0d7c3; line-height: 1.6; }
  .night-navigation {
    display: grid;
    grid-template-columns: 22.2% 22.2% 22.2% 33.4%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 8.4%;
    min-height: 64px;
    background: #fff8e5;
    color: #102235;
    z-index: 5;
  }
  .night-navigation > a {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 44px;
    padding: 4px 2px;
    color: inherit;
    font-size: clamp(12px, 3.1vw, 15px);
    font-weight: 650;
    line-height: 1.3;
    text-decoration: none;
    border-radius: 0;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  .night-navigation > a:nth-child(-n+2)::after { content: ''; position: absolute; right: 0; top: 21%; bottom: 21%; border-right: 1px solid #dcd3b7; }
  .night-navigation img { width: clamp(26px, 7.4vw, 33px); height: auto; filter: brightness(0) saturate(100%) invert(12%) sepia(27%) saturate(1180%) hue-rotate(169deg); }
  .night-navigation > .download-main {
    flex-direction: row;
    gap: 7px;
    margin: 0;
    width: auto;
    height: 100%;
    min-height: 0;
    padding: 4px;
    background: #a93726;
    color: #fff8ec;
    box-shadow: none;
    animation: none !important;
    font-size: clamp(14px, 3.6vw, 17px);
    font-weight: 550;
  }
  .night-navigation > .download-main img { width: clamp(26px, 7.6vw, 34px); filter: brightness(0) invert(1); }
  .night-navigation > a:active, .night-explore:active { opacity: .74; }
  .night-navigation > a:focus-visible, .night-explore:focus-visible { outline: 2px solid #cfac59; outline-offset: -4px; }
  .site-header { height: 80px; padding: 18px 18px 18px 20px; }
  .site-header .brand { width: 192px; max-width: 60%; background: none; }
  .site-menu > summary { width: 44px; height: 44px; background: none; border: 0; }
  .site-menu > summary > .icon { filter: brightness(0) invert(91%) sepia(25%) saturate(570%) hue-rotate(339deg); width: 29px; height: 29px; }
  .site-menu[open] > summary { background: #fff8e9; }
  .site-menu[open] > summary > .icon { filter: none; }
  .sticky-download { display: none !important; }
  .night-in-view .ambient-bubbles { visibility: hidden; }
  #feature { scroll-margin-top: 12px; }
  #content { scroll-margin-top: 12px; }
  @keyframes explore-drift { 0%, 100% { transform: translateY(-2px); } 50% { transform: translateY(2px); } }
}

@media (max-width: 767px) and (max-height: 740px) {
  .scene-stage { top: -6vw; }
  .night-shade { top: 111.05vw; }
  .night-headline { top: 51%; width: 85%; left: 7.5%; }
  .night-tagline { top: 79%; }
  .night-explore { top: 82%; height: 8%; }
  .night-navigation { height: 10%; }
  .explore-heading strong { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .explore-arrows { animation: none; }
  html { scroll-behavior: auto; }
}