
/* Direction-aware glass navigation experiment. */
body.flow-refined.site-page header.wrap{height:83px;min-height:0!important;min-width:0!important;border-radius:999px!important;box-sizing:border-box;transition:width .6s cubic-bezier(.65,0,.25,1),height .6s cubic-bezier(.65,0,.25,1),padding .6s cubic-bezier(.65,0,.25,1),background .3s,box-shadow .3s}
body.flow-refined.site-page header.wrap>.brand,body.flow-refined.site-page header.wrap>nav,body.flow-refined.site-page header.wrap>.menu{transition:opacity .22s,filter .3s;}
body.flow-refined.site-page header.wrap.vivify-collapsed{width:64px!important;height:64px!important;padding:0!important;border-radius:999px!important;overflow:hidden;box-shadow:0 10px 35px #001d1a30;background:linear-gradient(135deg,#1b5c4bbd,#1d4b65bd);}
body.flow-refined.site-page header.wrap.vivify-collapsed>.brand,body.flow-refined.site-page header.wrap.vivify-collapsed>nav,body.flow-refined.site-page header.wrap.vivify-collapsed>.menu{opacity:0;filter:blur(5px);pointer-events:none;visibility:hidden}
.vivify-circle-toggle{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;transition:opacity .2s .32s;color:#fff;padding:0}
body.flow-refined.site-page header.wrap.vivify-collapsed .vivify-circle-toggle{opacity:1;visibility:visible;pointer-events:auto}
body.flow-refined.site-page header.wrap .vivify-circle-toggle img{width:32px!important;height:26px!important;object-fit:contain;display:block;filter:drop-shadow(0 1px 6px #b5eace20)}
.vivify-circle-toggle:focus-visible{outline:2px solid #b6efce;outline-offset:-5px}
@media(max-width:600px){body.flow-refined.site-page header.wrap{height:68px}body.flow-refined.site-page header.wrap.vivify-collapsed{width:60px!important;height:60px!important}}
@media(prefers-reduced-motion:reduce){body.flow-refined.site-page header.wrap,body.flow-refined.site-page header.wrap>*{transition:none!important}}

/* Reveal the CTA only after the unfolding completes. */
body.flow-refined.site-page header.wrap:not(.vivify-collapsed) nav .btn{opacity:1;visibility:visible;transition:opacity .12s ease .6s,visibility 0s linear .6s}
body.flow-refined.site-page header.wrap.vivify-collapsed nav .btn{opacity:0;visibility:hidden;transition:none}
@media(prefers-reduced-motion:reduce){body.flow-refined.site-page header.wrap:not(.vivify-collapsed) nav .btn{transition:none!important}}
