/* NAV */
.nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:8px 3vw;background:rgba(242,240,234,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-l{display:flex;gap:4px}
.nl{font-family:var(--mono);font-size:11px;font-weight:700;padding:8px 12px;display:flex;gap:6px;align-items:center;position:relative;transition:background .25s}
.nl .ic{font-size:11px}
.nl::before{content:"";position:absolute;inset:0;background:var(--yellow);transform:scaleY(0);transform-origin:bottom;transition:transform .3s var(--ease);z-index:-1}
.nl:hover::before,.nl.active::before{transform:scaleY(1)}
.nav-r{display:flex;gap:8px;align-items:center}
.dot{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;border:1.5px solid var(--ink);transition:transform .3s var(--ease)}
.dot:hover{transform:translateY(-3px) rotate(-12deg)}
.dot.y{background:var(--yellow)}.dot.p{background:var(--pink)}.dot.g{background:var(--green)}
.btn-contact{font-family:var(--mono);font-size:11px;font-weight:700;padding:6px 12px;border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff;transition:transform .15s,box-shadow .15s}
.btn-contact:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}
.btn-contact:active{transform:translate(3px,3px);box-shadow:0 0 0}

.slide{position:relative;min-height:min(100vh,860px);padding:90px 7vw;border-bottom:1px dashed #cfcac0}