/* Bottom capsule control and a rounded, photographic navigation panel. */
.header>.menu{position:fixed;inset:auto auto calc(20px + env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);width:116px;height:48px;border-radius:28px;background:#f5f3ed;color:#292823;box-shadow:0 3px 20px #0002;animation:none;pointer-events:auto;z-index:45}
.header .menu:before{inset:6px 6px 6px auto;width:36px;height:36px;border-radius:50%;background:#302e29!important;box-shadow:none!important}
.header .menu small{top:0;left:8px;width:66px;height:48px;display:grid;place-items:center;font:400 12px/1 Arial,sans-serif;letter-spacing:.03em}
.header .menu span{left:81px;top:21px;width:18px;height:1px;background:#f3eee3;transition:transform .4s,top .4s}
.header .menu span:nth-child(2){top:27px}
.header .menu[aria-expanded=true] span{left:81px;width:18px}
.header .menu[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}
.header .menu[aria-expanded=true] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}
.header.menu-active .menu{color:#fff}
.header .nav,.header .nav.open{clip-path:none;inset:8px;border-radius:32px;background:#292722;color:#c9c3b7;overflow:auto;overscroll-behavior:contain;padding:48px 40% 112px 40px;transform:translateY(calc(100% + 20px));opacity:0;visibility:hidden;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .4s,visibility 0s .7s}
.header .nav.open{transform:none;opacity:1;visibility:visible;transition-delay:0s}
.panel-links{display:flex;flex-direction:column;gap:4px}
.panel-links a{display:flex;align-items:baseline;gap:22px;min-height:54px;padding:8px 0;font:400 clamp(1.3rem,2.4vw,2rem)/1.25 Arial,sans-serif;letter-spacing:-.025em;transform:translateY(24px);opacity:0;transition:color .2s,transform .65s,opacity .65s}
.panel-links a small{font:400 12px/1.6 var(--sans);letter-spacing:.03em;color:#9e998e}
.nav.open .panel-links a{transform:none;opacity:1;transition-delay:.15s}
.nav.open .panel-links a:nth-child(2){transition-delay:.19s}.nav.open .panel-links a:nth-child(3){transition-delay:.23s}.nav.open .panel-links a:nth-child(4){transition-delay:.27s}.nav.open .panel-links a:nth-child(5){transition-delay:.31s}.nav.open .panel-links a:nth-child(6){transition-delay:.35s}.nav.open .panel-links a:nth-child(7){transition-delay:.39s}
.panel-links .panel-contact{color:#e4c78f}.panel-links a:hover,.panel-links a:focus-visible{color:#fff}.panel-links a:before{display:none}
.panel-photo{position:absolute;inset:8px 8px 8px 68%;overflow:hidden;border-radius:26px;background:#4c5748}
.panel-photo img{width:100%;height:100%;object-fit:cover;filter:brightness(.65);transform:scale(1.08);transition:transform 1s}
.nav.open .panel-photo img{transform:scale(1)}
.panel-photo>span{position:absolute;bottom:28px;left:24px;color:#fff;font:400 1.5rem/1.2 Arial,sans-serif;letter-spacing:.15em}
.header .nav-bottom{margin-top:32px;gap:20px;opacity:1;transform:none;flex-wrap:wrap}.nav-foot{font-size:12px}
@media(max-width:700px){.header .nav,.header .nav.open{inset:6px;border-radius:24px;padding:32px 24px 104px}.panel-photo{display:none}.panel-links a{font-size:1.5rem;min-height:49px;gap:16px}.panel-links a small{font-size:12px}.header .nav-bottom{margin-top:24px}.header>.menu{bottom:calc(16px + env(safe-area-inset-bottom))}.hero .scroll{bottom:80px}.hero .motion-toggle{bottom:80px}}
@media(max-height:650px) and (min-width:701px){.header .nav{padding-top:24px}.panel-links a{font-size:1.4rem;min-height:42px;padding:5px 0}.header .nav-bottom{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.header .nav,.panel-links a,.panel-photo img{transition:none!important}}

.cursor-follower{width:48px;height:48px;border:0;background:#5a9cff45;box-shadow:inset 0 0 0 1px #a4caff66,0 0 24px #3c7dff22;backdrop-filter:blur(1px);border-radius:46% 54% 52% 48%;mix-blend-mode:normal;transition:opacity .2s,background .2s}
.cursor-follower.interactive{background:#83b3ff70}.cursor-follower.pressed{background:#bed5ff88}