:root{--reading-progress:0}
.site-header{position:sticky;top:0;transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{background:rgba(21,23,21,.97);box-shadow:0 6px 24px #00000017}
.reading-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;pointer-events:none}
.reading-progress>span{height:100%;width:100%;display:block;background:var(--gold);transform:scaleX(var(--reading-progress));transform-origin:left}
#main-nav>a{position:relative}
#main-nav>a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#main-nav>a:not(.nav-contact):hover::after,#main-nav>a[aria-current="location"]:not(.nav-contact)::after{transform:scaleX(1)}
#main-nav>a[aria-current="location"]{color:var(--gold)}
#main-nav>.nav-contact:hover,#main-nav>.nav-contact[aria-current="location"]{border-color:var(--gold);background:#d8ba6e0c}
.nav-contact span,.button span,.text-link span,.email-address span{display:inline-block;transition:transform .25s ease}
.nav-contact:hover span,.button:hover span,.text-link:hover span,.email-address:hover span{transform:translate(3px,-3px)}
.button:active,.copy-button:active,.wechat button:active{transform:translateY(1px)}
.button-dark{background:var(--ink);color:var(--paper)}
.button-dark:hover{background:#30372a}
.contact-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 25px;margin-top:30px}
.contact-actions .button{gap:20px}
.contact-grid .email-help{font-size:11px;color:var(--muted);max-width:390px;margin-top:15px}
.email-contact{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}
.email-contact>.micro-label{color:var(--muted)}
.email-address{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(21px,2vw,27px);letter-spacing:-.025em;margin:10px 0 15px;overflow-wrap:anywhere}
.email-address:hover{color:#927229}
.email-address span{flex-shrink:0}
.copy-button{border:1px solid #929a85;background:none;padding:11px 14px;font-size:11px;color:var(--ink);cursor:pointer;transition:background .2s,transform .2s}
.copy-button:hover{background:#e6eadf}
.copy-button span{margin-left:15px}
.floating-top{position:fixed;right:24px;bottom:25px;z-index:19;display:grid;place-items:center;width:43px;height:43px;background:var(--ink);color:var(--gold);border:1px solid #6b715d;box-shadow:0 4px 18px #0002;font-size:20px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s,background .25s}
.floating-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.floating-top:hover{background:var(--gold);color:var(--ink)}
.process-tab>span:last-child{transition:transform .25s}
.process-tab:hover>span:last-child{transform:translate(2px,-2px)}
.copy-button.is-copied,.wechat button.is-copied{border-color:#66804a;background:#e6eddc}
@media(prefers-reduced-motion:no-preference){
  .hero .eyebrow{animation:enter-up .75s .05s both}
  .hero h1{animation:enter-up .85s .13s both}
  .hero-description{animation:enter-up .8s .22s both}
  .hero-actions{animation:enter-up .8s .31s both}
  .hero-bottom{animation:enter-up .7s .4s both}
  .hero-visual img{animation:hero-image-in 1.5s cubic-bezier(.2,.65,.2,1) both}
  .hero-visual figcaption{animation:enter-up .8s .42s both}
  .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--reveal-delay,0ms),transform .7s cubic-bezier(.2,.65,.2,1) var(--reveal-delay,0ms)}
  .reveal.is-visible{opacity:1;transform:translateY(0)}
  .fund-row.reveal .bar>span{transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.2,.65,.2,1) .12s}
  .fund-row.reveal.is-visible .bar>span{transform:scaleX(1)}
  .process-panel.is-changing{animation:panel-in .3s ease-out both}
  .facts>div strong,.center-details>div strong{transition:color .25s,transform .25s}
  .facts>div:hover strong,.center-details>div:hover strong{transform:translateY(-3px);color:#8a702e}
}
@keyframes enter-up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-image-in{from{opacity:.6;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes panel-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){nav{gap:18px}.nav-contact{gap:17px}.contact-actions{align-items:start;flex-direction:column;gap:12px}}
@media(max-width:760px){
  html{scroll-padding-top:92px}
  #main-nav>a:not(.nav-contact)::after{bottom:8px;width:35px;right:auto}
  .contact-actions{align-items:start;flex-direction:row;gap:16px 20px;margin-top:26px}
  .contact-actions .button{padding:16px 18px}
  .email-address{font-size:24px}
  .floating-top{right:16px;bottom:16px;width:38px;height:38px;font-size:18px}
  .founder{padding-right:0}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .reveal,.reveal.is-visible{opacity:1!important;transform:none!important}
  .fund-row .bar>span,.hero-visual img{transform:none!important}
}
