/* A shared, accessible rhythm for navigation, brushwork and reading. */
.desktop-nav{gap:clamp(18px,2.1vw,29px);margin-left:0}
.desktop-nav .is-active{color:var(--red)}
.desktop-nav .is-active:after{right:0}
.mobile-home{display:none;font:15px var(--serif);padding:10px 8px;min-height:44px;align-items:center}
.mobile-home[aria-current]{color:var(--red)}
.mobile-menu a[aria-current]{color:var(--red)}
.mobile-menu .is-active:before{content:'—';display:inline-block;margin-right:12px;font-size:18px}
@media(max-width:1200px) and (min-width:1001px){.header-inner{width:calc(100% - 64px);gap:20px}.desktop-nav{gap:18px}.desktop-nav a{font-size:14px}.header-actions{gap:10px}.brand-type{font-size:22px}.saved-link{padding-left:13px;font-size:15px}}
@media(max-width:1000px){.mobile-home{display:inline-flex}.header-actions{gap:6px}}
@media(max-width:420px){.header-actions>.saved-link{display:none}.mobile-home{padding-inline:8px}.header-actions{gap:3px}}
@media(max-width:600px){.header-actions>[data-open-search]{display:none}.footer-bottom .back-top{margin-left:auto}}
/* Mist stays behind the text and moves as a complete plane. */
.heritage-page-hero{background:#f1ede2;overflow:hidden;isolation:isolate}
.heritage-page-hero>.wrap{position:relative;z-index:2}
.heritage-scene-art{position:absolute;inset:-60px;background:url('/assets/mountain-distance-v2.webp') center 70%/cover;z-index:-2}
.heritage-scene-mist{position:absolute;inset:0;pointer-events:none;z-index:-1}
.heritage-scene-mist:before{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse at 70% 72%,#f7f2e6ba,transparent 45%),linear-gradient(90deg,#f4efe552,transparent 65%);animation:page-mist-drift 27s ease-in-out infinite alternate}
.culture-hero-art{inset:-58px}
.heritage-art img{transform:scale(1.10)}
.culture-hero:not(.scene-paused) .culture-hero-art,.heritage-page-hero:not(.scene-paused) .heritage-scene-art{will-change:transform}
.page-hidden .culture-hero-art,.page-hidden .heritage-scene-art{will-change:auto!important}
.js .reveal{transform:translate3d(0,32px,0);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}
.js .reveal.visible{transform:none}
.door-glyph{transform:translate3d(0,var(--door-drift,0px),0);transition:color .7s}
.culture-door:hover .door-glyph{transform:translate3d(0,calc(var(--door-drift,0px) - 8px),0)}
.reading-progress{width:100%;transform:scaleX(0);transform-origin:left}
.heritage-page-hero .eyebrow,.culture-hero-copy>.eyebrow,.reader-intro .eyebrow{animation:ink-arrive .95s ease-out both}
.culture-vertical,.reader-intro-right>span{display:inline-block;animation:ink-arrive 1.5s .15s ease-out both}
.culture-hero h1,.heritage-page-hero h1,.reader-intro h1{animation:page-arrive .9s ease-out both}
.culture-hero-copy>p,.heritage-page-hero>.wrap>p,.reader-intro>div>p{animation:page-arrive 1.1s .12s ease-out both}
.culture-path-grid .mountain-line path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 2.2s cubic-bezier(.2,.65,.3,1)}
.culture-path-grid .visible .mountain-line path{stroke-dashoffset:0}
.concept-character{position:relative}
.concept-character:after{content:'';display:block;width:48px;height:1px;background:var(--red);opacity:.4;margin:20px auto 0;transform-origin:left;animation:ink-rule 1.1s ease-out both}
.concept-panel:not([hidden]) .concept-character{animation:ink-arrive .85s ease-out both}
.person-story .person-name-zh{transition:color .7s;animation:none}.person-story:hover .person-name-zh{color:var(--red)}
.timeline{position:relative}
.timeline:before{content:'';position:absolute;left:-23px;top:0;bottom:0;width:1px;background:#d4cfb226}
.timeline:after{content:'';position:absolute;left:-23px;top:0;bottom:0;width:1px;background:#d9c5a0;transform:scaleY(var(--timeline-progress,0));transform-origin:top}
.timeline article{position:relative}
.timeline article:before{content:'';position:absolute;left:-26px;top:44px;width:7px;height:7px;border:1px solid #aab29f;border-radius:50%;background:var(--dark);z-index:1;transition:background .7s,box-shadow .7s}
.timeline article.era-reached:before{background:#d9c5a0;border-color:#d9c5a0;box-shadow:0 0 0 5px #d9c5a00e}
.timeline article.era-reached .timeline-date{color:#e1d6b8;transition:color .7s}
/* A quiet opening and a reading marker, with no moving body text. */
.reader-intro{position:relative;overflow:hidden}
.reader-intro:after{content:'';position:absolute;width:44%;height:180px;right:0;bottom:-120px;border:1px solid #8f352c16;border-radius:50%;pointer-events:none}
.reader-intro-right>span{position:relative}
.chapter-heading{--chapter-progress:0}
.chapter-heading:after{content:'';position:absolute;left:0;bottom:-1px;width:100%;height:1px;background:var(--red);opacity:.65;transform:scaleX(var(--chapter-progress,0));transform-origin:left;transition:transform .15s linear}
.reading-paths article{transition:border-color .4s,background .4s}.reading-paths article:hover{border-color:var(--red)}
.chapter-paper{animation:page-arrive .8s .1s both}
/* Collection stamp and an intentional, small tactile response. */
.collection-intro{position:relative;overflow:hidden;padding-right:200px}
.collection-seal{position:absolute;width:136px;height:136px;right:15px;top:78px;color:var(--red);opacity:.13;transform:rotate(-7deg);pointer-events:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.collection-intro.visible .collection-seal{animation:seal-arrive 1.1s .2s both}
.product-image{transition:box-shadow .55s}
.product-image:hover,.product-image:focus-visible{box-shadow:0 10px 24px #26312b0d}
.product-image img{transition:transform 1.15s cubic-bezier(.2,.65,.3,1)}
.product-image:hover img{transform:scale(1.025)}
.save-icon[aria-pressed=true]{animation:seal-press .35s ease-out}
.catalog-grid .product-card.filter-arrive{animation:page-arrive .48s ease-out both;animation-delay:var(--filter-delay,0ms)}
.category-tabs button{transition:color .35s,border-color .35s}
@keyframes ink-arrive{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes ink-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes seal-arrive{from{opacity:0;transform:translateY(-8px) rotate(-10deg) scale(1.05)}to{opacity:.13;transform:translateY(0) rotate(-7deg) scale(1)}}
@keyframes seal-press{50%{transform:scale(.87)}to{transform:scale(1)}}
@keyframes page-mist-drift{from{transform:translateX(-4%);opacity:.68}to{transform:translateX(5%);opacity:1}}
.page-hidden .landscape-haze,.page-hidden .passing-birds g,.page-hidden .scroll-rule:after,.page-hidden .heritage-scene-mist:before,.scene-paused .scroll-rule:after,.scene-paused .heritage-scene-mist:before,.motion-paused .heritage-scene-mist:before{animation-play-state:paused!important}
.motion-paused .culture-hero-art,.motion-paused .heritage-scene-art,.motion-paused .heritage-scene-mist,.motion-paused .heritage-art img{transition:none}
.motion-paused .culture-vertical,.motion-paused .reader-intro-right>span,.motion-paused .chapter-paper,.motion-paused .concept-character,.motion-paused .concept-character:after,.motion-paused .collection-seal,.motion-paused .filter-arrive,.motion-paused .save-icon,.motion-paused .culture-hero h1,.motion-paused .heritage-page-hero h1,.motion-paused .reader-intro h1,.motion-paused .culture-hero-copy>p,.motion-paused .heritage-page-hero>.wrap>p,.motion-paused .reader-intro>div>p,.motion-paused .eyebrow{animation:none!important}
.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
.motion-paused .product-image img,.motion-paused .product-image,.motion-paused .category-tabs button{transition:none}
@media(max-width:1000px){.collection-intro{padding-right:160px}.collection-seal{width:105px;height:105px;top:95px;right:8px}}
@media(max-width:600px){.culture-vertical{display:none}.collection-intro{padding-right:0}.collection-seal{width:83px;height:83px;top:33px;right:-6px;opacity:.09}.collection-intro h1,.collection-intro>p{position:relative}.timeline:before,.timeline:after{left:-13px}.timeline article:before{left:-16px;top:34px}.heritage-scene-art{background-position:62% center}.concept-character:after{margin-left:0}}
@media(max-width:600px){.culture-hero-art{inset:0 -80% -25px -40%}.js .reveal{transform:translate3d(0,20px,0);transition-duration:.6s}.js .reveal.visible{transform:none}.landscape-haze{filter:none}.haze-two{display:none}}
@media(prefers-reduced-motion:reduce){.heritage-scene-art,.heritage-scene-mist,.heritage-art img,.culture-hero-art,.culture-hero .living-landscape,.door-glyph{transform:none!important;will-change:auto!important}.culture-path-grid .mountain-line path{stroke-dashoffset:0}.timeline:after{transform:scaleY(1)}.chapter-heading:after{transition:none}.js .reveal{transform:none!important;opacity:1;transition:none!important}}

/* Six primary destinations, with room to breathe on narrower screens. */
@media(min-width:1151px){.desktop-nav{gap:clamp(16px,1.65vw,24px)}.desktop-nav a{white-space:nowrap}}
@media(max-width:1150px){.desktop-nav{display:none}.mobile-menu-button{display:grid}.mobile-home{display:inline-flex}}