/* Two physical switch plates: independent appearance and playful mode. */
.switch-dock{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0}
.wall-switch{position:relative;display:grid;grid-template-rows:14px 36px 12px;justify-items:center;gap:5px;width:78px;min-height:91px;padding:10px 9px 8px;margin:0!important;color:var(--switch-ink,#f4eee4);background:linear-gradient(145deg,var(--switch-face,#363c3e),var(--switch-shadow,#24292b));border:1px solid var(--switch-edge,#566063);border-radius:7px;box-shadow:0 4px 8px #0002,inset 1px 1px 1px #ffffff25,inset -1px -2px 3px #0003;cursor:pointer;font:inherit}
.wall-name{font:700 9px/1.3 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.wall-switch .switch-label{display:block;font:700 9px/1.1 'Courier New',monospace;letter-spacing:.12em;color:inherit}
.wall-rocker{position:relative;display:block;width:43px;height:36px;min-height:36px;border-radius:3px;background:linear-gradient(#495154,#252b2e);border:1px solid #141b1e;box-shadow:inset 0 2px 2px #ffffff35,0 2px 1px #0008;transform:perspective(80px) rotateX(9deg);transition:transform .2s,background .2s}
.rocker-line{position:absolute;left:16px;top:7px;width:9px;height:1px;background:#a8b2b5}.rocker-dot{position:absolute;width:4px;height:4px;border-radius:50%;left:19px;bottom:6px;background:#777f80;box-shadow:0 0 0 1px #151a1b}
.wall-switch[aria-pressed="true"] .wall-rocker{transform:perspective(80px) rotateX(-9deg);background:linear-gradient(#252b2e,#465255);box-shadow:inset 0 -2px 2px #ffffff30,0 -1px 1px #0008}
.wall-switch[aria-pressed="true"] .rocker-dot{background:var(--switch-glow,#f6b275);box-shadow:0 0 9px 2px var(--switch-glow,#f6b275)}
html[data-theme="light"]{--switch-face:#fffdf6;--switch-shadow:#dedbd2;--switch-edge:#aaa99f;--switch-ink:#242b2b}
html[data-theme="light"] .wall-rocker{background:linear-gradient(#faf8f0,#dedcd3);border-color:#b7b6aa;box-shadow:inset 0 2px 2px #fff,0 2px 1px #74787388}
html[data-theme="light"] .wall-switch[aria-pressed="true"] .wall-rocker{background:linear-gradient(#dedcd3,#faf8f0);box-shadow:inset 0 -2px 2px #fff,0 -1px 1px #74787388}
html[data-theme="light"] .rocker-line{background:#71756a}html[data-theme="light"] .rocker-dot{box-shadow:0 0 0 1px #aaa}
.wall-switch:focus-visible{outline:3px solid var(--switch-glow,#efad79);outline-offset:4px}
body[data-switchboard="campers"] .topbar{gap:20px;min-height:110px}
body[data-switchboard="campers"] .logo-brand{aspect-ratio:3.2}
body[data-switchboard="campers"] .logo-brand .brand-logo{object-fit:cover}
body[data-switchboard="campers"] .nav{gap:20px}
.fernweh-scene{margin:0 var(--gutter) 48px;border:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;padding:24px;align-items:center;overflow:hidden;border-radius:8px}
.fernweh-scene[hidden]{display:none!important}.fernweh-art{background:#172c36;overflow:hidden;aspect-ratio:2.4;position:relative;border-radius:3px}.fernweh-art svg{width:100%;height:100%;display:block}.trip-van{animation:drive-in 2.2s cubic-bezier(.2,.8,.3,1) both}.trip-stars{opacity:1}html[data-theme="light"] .trip-stars{opacity:0}html[data-theme="light"] .fernweh-art{background:#a4d4df}html[data-theme="light"] .trip-moon{fill:#ffd585}.trip-headlight{opacity:.8}html[data-theme="light"] .trip-headlight{opacity:0}
.fernweh-copy .micro{color:var(--accent)}.fernweh-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:12px 0;letter-spacing:-.04em}.fernweh-copy p{font-size:14px;color:var(--muted)}.destination-draw{margin-top:18px;min-height:44px;padding:11px 15px;border:1px solid var(--accent);color:var(--ink);background:transparent;border-radius:4px;font:700 12px Arial,sans-serif;cursor:pointer}
@keyframes drive-in{from{transform:translateX(-330px)}to{transform:translateX(0)}}
@media(min-width:1600px){.fernweh-scene{margin-left:max(var(--gutter),calc((100vw - 1560px)/2));margin-right:max(var(--gutter),calc((100vw - 1560px)/2))}}
@media(max-width:1180px){body[data-switchboard="campers"] .nav{gap:12px}body[data-switchboard="campers"] .nav a{font-size:11px}body[data-switchboard="campers"] .logo-brand{flex-basis:220px;width:220px}body[data-switchboard="campers"] .topbar{gap:14px}}
@media(max-width:960px){body[data-switchboard="campers"] .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding-top:10px;padding-bottom:10px}body[data-switchboard="campers"] .logo-brand{width:220px;max-width:100%;grid-column:1;grid-row:1}body[data-switchboard="campers"] .menu{display:block;grid-column:2;grid-row:1}body[data-switchboard="campers"] .switch-dock{grid-column:1/-1;grid-row:2;justify-content:flex-end;border-top:1px solid var(--line);padding-top:9px}body[data-switchboard="campers"] .nav{display:none;grid-column:1/-1;grid-row:3;flex-direction:column;align-items:stretch;width:100%}body[data-switchboard="campers"] .nav.open{display:flex}body[data-switchboard="campers"] .nav a{font-size:14px;padding:12px 4px}body[data-switchboard="campers"] .wall-switch{width:88px;min-height:84px;grid-template-rows:12px 32px 10px;padding:8px;gap:4px}body[data-switchboard="campers"] .wall-rocker{height:32px;min-height:32px}html:has(body[data-switchboard="campers"]){scroll-padding-top:210px}}
@media(max-width:700px){.fernweh-scene{grid-template-columns:1fr;gap:22px;padding:20px;margin-bottom:32px}.fernweh-art{aspect-ratio:2.2}.fernweh-copy h2{font-size:32px}body[data-switchboard="campers"] .logo-brand{width:195px}}
@media(prefers-reduced-motion:reduce){.trip-van{animation:none}.wall-rocker{transition:none}}