/* Shared homepage navigation. All pages load this single stylesheet.
   Mobile inner pages supply the same inset as the homepage's hero wrapper. */
/* Inner desktop pages start with the compact logo; touch layouts retain their existing sizing. */
@media(min-width:1101px){.nav-collapsed .cookie-navigation[data-compact="true"] .rolling-cookie{animation:none;opacity:1;transform:none}}
@media(max-width:760px){body > .cookie-navigation{margin:24px 20px 0;width:calc(100% - 40px)}}
.cookie-navigation{--hero-entrance-duration:1.25s;--hero-entrance-delay:.85s;--hero-entrance-easing:cubic-bezier(.2,.75,.28,1)}
.cookie-navigation{grid-column:1;grid-row:1;position:relative;top:-270px;left:0;width:100%;height:285px;align-self:center;z-index:3}
@media(min-width:1101px){.cookie-navigation{position:absolute;top:107px;align-self:auto}}
.rolling-cookie{position:absolute;left:0;top:45px;display:block;width:220px;height:220px;opacity:0;transform:translate(-360px,-340px) rotate(-300deg)}
.rolling-cookie .menu-cookie{width:100%;height:100%}
.topmenu-entered .rolling-cookie{animation:cookie-roll-in 1.7s cubic-bezier(.2,.75,.25,1) both}
@keyframes cookie-roll-in{0%{opacity:0;transform:translate(-360px,-340px) rotate(-300deg)}20%{opacity:1}82%{transform:translate(8px,6px) rotate(8deg)}100%{opacity:1;transform:translate(0,0) rotate(0)}}
.cookie-links{position:absolute;inset:0;pointer-events:none}
.cookie-links a,.cookie-links button{position:absolute;display:inline-grid;align-items:center;font:700 16pt/1.1 var(--font-en);letter-spacing:.1em;color:#e2dbd3;text-decoration:none;border:0;background:none;padding:3px 6px;white-space:nowrap;transform-origin:left center;opacity:0;pointer-events:auto;cursor:pointer}
.cookie-links>:nth-child(1){left:226px;top:53px;transform:rotate(-24deg)}
.cookie-links>:nth-child(2){left:248px;top:94px;transform:rotate(-12deg)}
.cookie-links>:nth-child(3){left:253px;top:135px;transform:rotate(0deg)}
.cookie-links>:nth-child(4){left:248px;top:176px;transform:rotate(12deg)}
.cookie-links>:nth-child(5){left:226px;top:217px;transform:rotate(24deg)}
.topmenu-ready .cookie-links>*{animation:cookie-link-in .28s ease-out calc(var(--hero-entrance-delay, 0s) + var(--hero-entrance-duration, 0s)) both}
body.nav-has-collapsed:not(.nav-collapsed) .topmenu-ready .cookie-links>*{animation:none;opacity:1;translate:none}
@keyframes cookie-link-in{from{opacity:0;translate:-12px 0}to{opacity:1;translate:0 0}}
.cookie-links .nav-en,.cookie-links .nav-zh{grid-area:1/1;transition:opacity .2s ease}
.cookie-links .nav-en{font:inherit;letter-spacing:inherit;margin:0}
.cookie-links .nav-zh{font:700 17px/1.5 var(--font-zh);letter-spacing:.1em;margin:0;opacity:0}
.cookie-links :is(a,button):is(:hover,:focus-visible) .nav-en{opacity:0}
.cookie-links :is(a,button):is(:hover,:focus-visible) .nav-zh{opacity:1}
.cookie-links :is(a,button):focus-visible{outline:2px solid #e2dbd3;outline-offset:3px;border-radius:4px}
@media(max-width:1100px){.cookie-navigation{top:-125px;left:0;transform:scale(.8);transform-origin:left center}.rolling-cookie{width:215px;height:215px}.cookie-links a,.cookie-links button{font-size:16px}.cookie-links .nav-zh{font-size:14px}.cookie-links>:nth-child(1){left:209px;top:79px}.cookie-links>:nth-child(2){left:231px;top:110px}.cookie-links>:nth-child(3){left:236px;top:140px}.cookie-links>:nth-child(4){left:231px;top:170px}.cookie-links>:nth-child(5){left:209px;top:200px}}
@media(max-width:760px){.cookie-navigation{order:0;top:0;left:0;height:250px;width:100%;transform:none}.rolling-cookie{width:145px;height:145px;top:55px}.cookie-links a,.cookie-links button{font-size:11px;letter-spacing:.07em}.cookie-links .nav-zh{font-size:10px;letter-spacing:.02em}.cookie-links>:nth-child(1){left:155px;top:63px}.cookie-links>:nth-child(2){left:165px;top:95px}.cookie-links>:nth-child(3){left:168px;top:127px}.cookie-links>:nth-child(4){left:165px;top:159px}.cookie-links>:nth-child(5){left:155px;top:191px}}
@media(prefers-reduced-motion:reduce){.topmenu-entered .rolling-cookie{animation:none;opacity:1;transform:none}.topmenu-ready .cookie-links>*{animation:none;opacity:1}}
@media(min-width:1101px){
  .cookie-navigation{position:fixed;top:107px;left:calc((100% - min(1324.3581px,69vw))/2);width:min(1324.3581px,69vw);z-index:20;pointer-events:none;transform-origin:top left;transition:top .8s cubic-bezier(.22,1,.36,1),left .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}
  .rolling-cookie{pointer-events:auto}
  .nav-collapsed .rolling-cookie{clip-path:circle(49% at 50% 50%)}
  .nav-ready .cookie-links>*{animation:none;opacity:1;translate:0 0;transition:opacity .32s ease}
  .nav-collapsed .cookie-navigation{top:17px;left:40px;transform:scale(.52)}
  .nav-collapsed .cookie-links>*{animation:none;opacity:0;pointer-events:none}
  .nav-collapsed.nav-menu-open .cookie-navigation{width:560px;height:420px;pointer-events:auto}
  .nav-collapsed.nav-menu-open .cookie-links>*{opacity:1;pointer-events:auto;font-size:29pt;color:var(--nav-link-color,var(--forest));text-shadow:0 1px 3px #e2dbd3b3}
  .nav-collapsed.nav-menu-open .cookie-links>.is-on-dark{--nav-link-color:#fff}
  .nav-collapsed.nav-menu-open .cookie-links .nav-zh{font-size:31px}
  .nav-collapsed.nav-menu-open .cookie-links>:nth-child(1){left:246px;top:53px}
  .nav-collapsed.nav-menu-open .cookie-links>:nth-child(2){left:268px;top:101px}
  .nav-collapsed.nav-menu-open .cookie-links>:nth-child(3){left:273px;top:149px}
  .nav-collapsed.nav-menu-open .cookie-links>:nth-child(4){left:268px;top:197px}
  .nav-collapsed.nav-menu-open .cookie-links>:nth-child(5){left:246px;top:245px}}
@media(prefers-reduced-motion:reduce){.cookie-navigation,.nav-ready .cookie-links>*{transition:none}}
@media(prefers-reduced-motion:no-preference){
  .cookie-navigation.topmenu-ready .rolling-cookie{animation:cookie-roll-in var(--hero-entrance-duration) var(--hero-entrance-easing) var(--hero-entrance-delay) both}}
body:not(.nav-collapsed) .cookie-navigation{position:absolute;top:5.5469vw;left:9.84375%;width:auto;height:auto;display:flex;align-items:center;gap:1.82vw;transform:none}
.cookie-navigation .rolling-cookie{width:clamp(59.4px,4.803vw,92.22px);height:auto;aspect-ratio:1}
body:not(.nav-collapsed) .rolling-cookie{position:relative;inset:auto}
.rolling-cookie .menu-cookie{display:block;width:100%;height:100%}
body:not(.nav-collapsed) .cookie-links{position:static;display:flex;flex-wrap:wrap;gap:clamp(6px,.52vw,10px)}
body:not(.nav-collapsed) .cookie-links>*{position:relative;inset:auto;transform:none;color:#494a4a;font-size:clamp(12px,.8333vw,16px);font-weight:900;letter-spacing:.15em}

body:not(.nav-collapsed) .cookie-links .nav-zh{font-size:inherit}
@media(min-width:761px){body:not(.nav-collapsed) .cookie-links{margin-top:.42vw}}
@media(max-width:760px){
  body:not(.nav-collapsed) .cookie-navigation{position:relative;inset:auto;gap:14px}}
@media(min-width:761px){
  body:not(.nav-collapsed) .cookie-navigation{top:5.34vw;left:9.85%;gap:1.8vw}
  body:not(.nav-collapsed) .rolling-cookie{width:clamp(66px,6.04vw,116px)}}
@media(min-width:1101px){
 .nav-collapsed .cookie-navigation .rolling-cookie{width:116px;height:116px;z-index:2}
 .nav-collapsed .cookie-links{z-index:1}
 .nav-collapsed.nav-menu-open .cookie-links>*{left:0;top:0;offset-anchor:0 50%;offset-rotate:0deg;offset-distance:100%;text-shadow:none}}
@media(min-width:1101px) and (prefers-reduced-motion:no-preference){
 .nav-collapsed.nav-menu-open .cookie-links>*{animation:nav-link-follow-logo .75s cubic-bezier(.22,.75,.25,1) var(--nav-follow-delay) both}}
@keyframes nav-link-follow-logo{
  0%{offset-distance:0%;opacity:0}
  10%{opacity:1}
  100%{offset-distance:100%;opacity:1}
}
@media(min-width:1101px){
 body:not(.nav-collapsed) .cookie-navigation .rolling-cookie{width:clamp(59.4px,4.803vw,92.22px);height:auto}
 .nav-collapsed .cookie-navigation .rolling-cookie{width:146px;height:146px}}
@media(min-width:1101px){
 .nav-collapsed.nav-menu-open .cookie-links>:nth-child(n){left:0;top:0;transform:rotate(var(--nav-final-angle));transform-origin:0 50%;offset-anchor:0 50%}
 .nav-collapsed.nav-menu-open .cookie-navigation{width:650px;height:460px}
 /* Six radial anchors, spaced 20 degrees apart around the logo center. */
 .nav-collapsed .cookie-links>:nth-child(1){--nav-final-angle:-10deg;--nav-follow-delay:0s;offset-path:path('M73 118 Q159 112 216 93')}
 .nav-collapsed .cookie-links>:nth-child(2){--nav-final-angle:10deg;--nav-follow-delay:.08s;offset-path:path('M73 118 Q159 124 216 143')}
 .nav-collapsed .cookie-links>:nth-child(3){--nav-final-angle:30deg;--nav-follow-delay:.16s;offset-path:path('M73 118 Q148 136 199 191')}
 .nav-collapsed .cookie-links>:nth-child(4){--nav-final-angle:50deg;--nav-follow-delay:.24s;offset-path:path('M73 118 Q129 146 166 229')}
 .nav-collapsed .cookie-links>:nth-child(5){--nav-final-angle:70deg;--nav-follow-delay:.32s;offset-path:path('M73 118 Q103 152 123 254')}
 .nav-collapsed .cookie-links>:nth-child(6){--nav-final-angle:90deg;--nav-follow-delay:.4s;offset-path:path('M73 118 Q73 154 73 263')}}