/* Current-page interaction study. Original asset files and curve geometry are unchanged. */
.vine-navigation{--vine-focus-ink:#111}
body[data-vine-theme="dark"] .vine-navigation{--vine-focus-ink:#fff}
.vine-navigation .hub-threads path{transition:stroke-width 160ms ease-out}
.vine-navigation .hub-threads path[data-current="true"]{stroke-width:calc(var(--hub-thread-weight,.75px)*1.5)}
.vine-navigation [data-vine-link]{-webkit-tap-highlight-color:transparent}
.vine-navigation a[data-vine-link]:focus-visible,.vine-navigation button[data-vine-link]:focus-visible{outline:2px solid var(--vine-focus-ink);outline-offset:5px}
.vine-navigation .vine-edge{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible;opacity:0;transition:opacity 160ms ease-out;fill:none;stroke-linecap:round;stroke-linejoin:round}
.vine-navigation .vine-edge path{vector-effect:non-scaling-stroke;stroke-width:1.25px}
.vine-navigation .vine-edge[data-edge="story"] path{stroke:#deb526;stroke-width:.45px}
.vine-navigation .vine-edge[data-edge="toned"] path{stroke:#315b3f;stroke-width:1.15px}
.vine-navigation .vine-edge[data-edge="portfolio"] path,.vine-navigation .vine-edge[data-edge="contact"] path{stroke:var(--vine-focus-ink)}
.vine-navigation .hub-folder>.vine-edge{height:auto}
.vine-navigation [aria-current="page"]>.vine-edge{opacity:1}
@media(hover:hover){.vine-navigation [data-vine-link]:hover>.vine-edge{opacity:.65}.vine-navigation [aria-current="page"]:hover>.vine-edge{opacity:1}}
.vine-navigation [data-vine-link]:active>.vine-edge,.vine-navigation [data-dialog-open="true"]>.vine-edge{opacity:1}
/* Same real hit regions as the homepage; shared by the light Portfolio header. */
.vine-navigation .lineage-home-link{display:block;position:absolute;left:calc(var(--hub-photo-x) - var(--hub-photo-width)*.2828);top:calc(var(--hub-photo-y) - var(--hub-photo-width)*.4233);width:calc(var(--hub-photo-width)*1.6);height:calc(var(--hub-photo-width)*1.6*514/430)}
.vine-navigation .lineage-home-link .hub-portrait-frame{inset:0;width:100%;height:100%}
.vine-navigation .lineage-home-link .hub-portrait-paper{left:calc(var(--hub-photo-width)*.2978);top:calc(var(--hub-photo-width)*.4113);width:var(--hub-photo-width)}
.vine-navigation .lineage-home-link .hub-portrait{left:calc(var(--hub-photo-width)*.35117396729789919);top:calc(var(--hub-photo-width)*.422318617395005637);width:var(--hub-photo-width)}
.vine-navigation .lineage-toned-link{display:block;position:absolute;left:var(--hub-toned-x);top:var(--hub-toned-y);width:var(--hub-toned-size);height:var(--hub-toned-height,var(--hub-toned-size))}
.vine-navigation .lineage-toned-link .hub-toned{position:static;width:100%;height:100%}
.vine-navigation .lineage-contact-link{display:block;position:absolute;padding:0;border:0;background:none;cursor:pointer}
.vine-navigation .lineage-contact-link .hub-envelope{position:static;display:block;width:100%;height:100%}
.contact-note{font:400 var(--type-note-label,20px)/1.5 Infamous,cursive;width:min(340px,calc(100% - 40px));border:1px solid #111;background:#fff1a6;color:#111;padding:24px}
.contact-note::backdrop{background:#0008}
.contact-note h2{font:inherit;margin:0 40px 12px 0}
.contact-note p{margin:0;font-size:var(--type-note-copy,18px)}
.contact-close{position:absolute;right:4px;top:4px;width:44px;height:44px;font-size:26px;border:0;background:none;color:#111;cursor:pointer}
.contact-note button:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.vine-navigation .hub-threads path,.vine-navigation .vine-edge{transition:none}}

/* Unfinished destinations stay as illustrations until their pages are ready. */
.vine-navigation [data-vine-link][aria-disabled="true"],.vine-navigation [data-vine-link][aria-disabled="true"] *{cursor:default}
.vine-navigation [data-vine-link][aria-disabled="true"]>.vine-edge{opacity:0}