/* Keep the Privacy page reachable alongside the purchase button on phones. */
@media(max-width:700px){nav .links>a.privacy-link{display:block;margin-right:16px;font-size:13px}nav .links{flex-shrink:0}}

/* Give the original wordmark more presence without changing its proportions. */
.wrap>nav>a[aria-label="Trepo home"],nav .brand-link{display:flex;align-items:center;flex:0 0 auto;line-height:0}
.wrap>nav>a[aria-label="Trepo home"] img,nav .brand-link img{display:block;width:220px;height:auto}
@media(max-width:1050px){.wrap>nav>a[aria-label="Trepo home"] img,nav .brand-link img{width:180px}}
@media(max-width:800px){.wrap>nav>a[aria-label="Trepo home"] img,nav .brand-link img{width:140px}}
@media(max-width:480px){.wrap>nav>a[aria-label="Trepo home"] img,nav .brand-link img{width:120px}}
@media(max-width:380px){.wrap>nav>a[aria-label="Trepo home"] img,nav .brand-link img{width:100px}}

/* A single glass lens travels behind the links on every desktop header. */
nav .liquid-nav,nav.liquid-nav{position:relative;isolation:isolate;gap:4px}
.liquid-nav>a:not(.btn){position:relative;z-index:1;display:inline-flex;align-items:center;padding:13px 18px;border-radius:999px;white-space:nowrap;user-select:none;-webkit-user-select:none;text-decoration:none;color:#1a433cb5;transition:color .18s ease}
.liquid-nav>a:not(.btn):hover,.liquid-nav>a:not(.btn):focus-visible{color:#1a433c;text-decoration:none}
.liquid-nav>a.btn{position:relative;z-index:1;margin-left:14px}
.liquid-nav>.nav-glass{position:absolute;top:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .2s ease;will-change:transform}
.liquid-nav>.nav-glass.is-visible{opacity:1}
.liquid-nav>.nav-glass.is-moving{transition:transform .5s cubic-bezier(.2,.85,.25,1),width .5s cubic-bezier(.2,.85,.25,1),height .5s cubic-bezier(.2,.85,.25,1),opacity .2s ease}
.liquid-nav .nav-glass-surface{display:block;position:relative;width:100%;height:100%;border-radius:999px;border:1px solid #ffffffee;background:radial-gradient(ellipse at var(--shine-x,35%) var(--shine-y,15%),#fff 0%,#ffffffa6 44%,#ffffff52 100%),linear-gradient(135deg,#ffffffb3,#e7f3ef66);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:0 7px 24px #1a433c1c,0 2px 5px #1a433c0d,0 0 0 1px #1a433c09,inset 0 2px 3px #fff,inset 0 -2px 4px #1a433c0b;transform:translate(var(--drift-x,0px),var(--drift-y,0px));transition:transform .24s ease}
.liquid-nav .nav-glass-surface:after{content:'';position:absolute;inset:2px;border-radius:inherit;border-top:1px solid #fff;border-bottom:1px solid #ffffffa6;pointer-events:none}
.liquid-nav:not(.has-glass)>a:not(.btn):hover{background:#fff;box-shadow:0 5px 20px #1a433c14}
@media(max-width:1050px){.liquid-nav>a:not(.btn){padding:12px 11px}.liquid-nav>a.btn{margin-left:9px}}
@media(max-width:740px){.site-header nav.liquid-nav>a,.site-header nav.liquid-nav>.nav-glass{display:none}}
@media(max-width:700px){nav .links.liquid-nav>a:not(.btn):not(.privacy-link){display:none}nav .links.liquid-nav>a.privacy-link{padding:10px 4px;margin-right:7px}nav .links.liquid-nav>a.btn{margin-left:0}}
@media(max-width:380px){.wrap>nav,nav.nav-wrap{gap:8px}nav .links.liquid-nav>a.privacy-link{padding:10px 2px;margin-right:2px;font-size:12px}nav .links.liquid-nav>a.btn{padding:14px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.liquid-nav>.nav-glass,.liquid-nav>.nav-glass.is-moving,.liquid-nav .nav-glass-surface,.liquid-nav>a:not(.btn){transition:none!important}.liquid-nav .nav-glass-surface{transform:none!important}}
@media(forced-colors:active){.liquid-nav .nav-glass-surface{background:Canvas;border:1px solid Highlight;box-shadow:none}.liquid-nav>a:not(.btn){color:LinkText}}