/* --- the landing: two full-height panels, snap-scrolled --- */
.panels {
    height: 100svh; overflow-y: auto;
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}
.panel {
    height: 100svh; scroll-snap-align: start;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    padding: 0 1.5rem; position: relative;
}
.panel-name h1 {
    font-family: -apple-system, 'SF Pro Display', 'Helvetica Neue', Helvetica, var(--sans);
    font-size: var(--font-large-title);
    font-weight: 700; letter-spacing: -.045em; line-height: 1;
    text-align: center;
}
.panel-name h1 span { color: var(--accent); }
.dateline {
    margin: 1.2rem 0 0; text-align: center;
    font-family: var(--mono); font-size: var(--font-caption); letter-spacing: .42em;
    text-transform: uppercase; color: var(--grey);
    text-indent: .42em; /* balances the trailing letterspace */
}
.cue {
    position: absolute; bottom: 2.2rem;
    color: var(--grey); text-decoration: none; font-size: var(--font-headline);
    animation: sink 2.2s ease-in-out infinite;
}
.cue:hover { color: var(--accent); }
@keyframes sink { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }
/* the single-page stage: Search alone, the name in the corner */
.stage {
    min-height: 100svh; display: flex;
    align-items: center; justify-content: center;
    padding: 0 1.5rem;
}
.stage .search-stack { transform: translateX(-3vw); }
.search-word.pristine { color: #8A939E; }
.brand-corner {
    position: fixed; right: clamp(1rem, 4vw, 2.2rem); bottom: clamp(.9rem, 3.5vw, 1.7rem);
    margin: 0; text-align: right; line-height: 1.16;
    font-family: -apple-system, 'SF Pro Display', 'Helvetica Neue', Helvetica, var(--sans);
    font-weight: 700; letter-spacing: -.02em; text-transform: uppercase;
    font-size: var(--font-large-title); color: var(--ink);
}
.brand-corner span { color: var(--accent); }
.foot-left {
    position: fixed; left: clamp(1rem, 4vw, 2.2rem); bottom: clamp(.9rem, 3.5vw, 1.7rem);
    margin: 0; font-family: var(--mono); font-size: var(--font-caption); color: var(--grey);
}

/* the word IS the search field */