/* An original, lightweight living landscape and compass for Master Ngo. */
.store-hero{padding-top:74px;padding-bottom:112px;min-height:720px;background:#46201f}.store-hero:before{background:linear-gradient(90deg,#28211fe8 0%,#2a2321ad 43%,#30282624 75%,#2f272500 100%)}.store-hero:after{display:none}.ink-scene{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.landscape-art{width:100%;height:100%;display:block}.mountain-far{animation:mountain-breath 38s ease-in-out infinite alternate;transform-origin:80% 70%}.mountain-middle{animation:mountain-breath 27s ease-in-out infinite alternate-reverse;transform-origin:65% 80%}.mist-band{animation:mist-drift 30s ease-in-out infinite alternate}.water-lines{animation:water-light 10s ease-in-out infinite alternate}.drifting-point{animation:point-drift 14s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:center}.point-b{animation-delay:-4s;animation-duration:19s}.point-c{animation-delay:-8s;animation-duration:17s}.point-d{animation-delay:-2s;animation-duration:22s}.luopan-art{animation:luopan-turn 180s linear infinite;opacity:.42}.hero-visual{min-height:475px}.hero-master{filter:sepia(.18) saturate(.78);mask-image:radial-gradient(ellipse at 50% 44%,#000 45%,#000a 59%,transparent 72%)}.hero-content .eyebrow{animation:arrival .8s ease-out both}.hero-content h1{animation:arrival 1s .1s ease-out both}.hero-content>p{animation:arrival 1s .22s ease-out both}.hero-actions{animation:arrival 1s .34s ease-out both}.hero-visual{animation:portrait-arrival 1.4s .1s ease-out both}.hero-assurances{margin-top:34px}.scene-footer{position:absolute;left:7%;right:7%;bottom:30px;display:flex;align-items:center;justify-content:space-between;z-index:5;border-top:1px solid #bda56c38;padding-top:20px}.scroll-cue{display:flex;align-items:center;gap:15px;font-size:7px;letter-spacing:2px;color:#c1b58f}.scroll-line{width:40px;height:1px;display:block;background:#a18a57;position:relative;overflow:hidden}.scroll-line:after{content:'';display:block;width:12px;height:1px;background:#ecdbac;animation:scroll-trace 3s ease-in-out infinite}.scene-footer button{display:flex;align-items:center;gap:8px;color:#c1b58f;font-size:9px;letter-spacing:.4px;background:transparent;border:1px solid #bda56c40;padding:8px 12px;min-height:34px}.scene-footer button:hover{border-color:#c1a76a;color:#e5d2a3}.scene-footer button>span:first-child{font-size:10px}
.direction-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:95px;padding-bottom:80px;border-bottom:1px solid #d6c7ac;position:relative;overflow:hidden}.direction-intro h2{font-size:60px;line-height:1.05}.direction-intro>p{font-size:13px;color:#897c65;line-height:2;max-width:400px}.direction-options{margin-top:30px;max-width:410px;border-top:1px solid #d9c9ac}.direction-choice{display:flex;width:100%;align-items:center;gap:20px;padding:18px 5px;border:0;border-bottom:1px solid #d9c9ac;background:transparent;color:#8a7c63;text-align:left;transition:color .25s,background .25s}.direction-number{font-family:var(--display);font-size:17px;color:#ad9670}.direction-word{font-family:'Noto Serif SC',serif;font-size:24px;color:#a39170}.direction-choice>span:nth-child(3){font-size:13px;letter-spacing:.4px}.choice-arrow{margin-left:auto;padding-right:10px;transition:transform .3s}.direction-choice.active{color:#913b2f;background:linear-gradient(90deg,#dfceac35,transparent)}.direction-choice.active .direction-word{color:#913b2f}.direction-choice.active .choice-arrow{transform:translateX(5px)}.direction-choice:hover{color:#913b2f}.direction-visual{display:flex;flex-direction:column;align-items:center;min-width:0;justify-content:center}.direction-dial{position:relative;aspect-ratio:1;width:min(100%,330px);display:grid;place-items:center;margin-top:-10px}.direction-dial:before{content:'';position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle,#e8dac0,#e8dac010 70%)}.direction-dial>img{position:absolute;inset:0;width:100%;opacity:.75;transform:rotate(var(--direction-angle,0deg));transition:transform 1.25s cubic-bezier(.22,.68,.2,1)}#direction-glyph{font-family:'Noto Serif SC',serif;font-weight:400;font-size:66px;line-height:1;color:#954739;position:relative}.direction-needle{position:absolute;left:50%;top:50%;height:38%;width:1px;background:linear-gradient(#934131,transparent);transform-origin:50% 0;transform:rotate(calc(var(--direction-angle,0deg) + 180deg));transition:transform 1.25s cubic-bezier(.22,.68,.2,1)}.direction-needle:before{content:'';position:absolute;bottom:0;left:-3px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:7px solid #934131}.dial-north,.dial-south{position:absolute;left:50%;transform:translateX(-50%);font-size:6px;letter-spacing:2px;color:#a38a5f}.dial-north{top:-10px}.dial-south{bottom:-10px}.direction-detail{text-align:center;margin:23px 0 0;max-width:370px;min-height:205px}.direction-detail>.eyebrow{justify-content:center;font-size:7px;letter-spacing:2px}.direction-detail h3{font-family:var(--display);font-size:31px;font-weight:400;letter-spacing:-.5px;margin:14px 0 12px}.direction-detail p{font-size:12px;line-height:1.95;color:#93846a;margin-bottom:12px}.direction-detail .text-arrow{font-size:11px;margin-top:4px}.direction-detail.is-changing{animation:direction-in .5s ease both}.practice-section{max-width:none;background:#ebe3d3;border-top:1px solid #d9cbb0;border-bottom:1px solid #d9cbb0;margin-bottom:65px;padding-top:68px;padding-bottom:48px}.practice-section .section-heading{align-items:end;gap:30px}.practice-section .section-heading p{max-width:570px;font-size:12px}.practice-controls{display:flex;gap:10px;flex-shrink:0}.practice-controls button{height:40px;width:40px;border:1px solid #bba782;background:transparent;color:#876739;font-size:18px;transition:background .2s,color .2s}.practice-controls button:hover{background:#922c28;color:#fff;border-color:#922c28}.practice-controls button:disabled{opacity:.3;cursor:default}.practice-track{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b3a17c transparent;margin-top:36px;padding-bottom:18px;overscroll-behavior-x:contain}.practice-frame{scroll-snap-align:start;min-width:0}.practice-image{position:relative;overflow:hidden;background:#d8c9ad;aspect-ratio:1.32}.practice-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.65);transition:filter .5s,transform .7s}.practice-frame:hover img{filter:saturate(.95);transform:scale(1.025)}.practice-image>span{position:absolute;left:18px;bottom:16px;background:#2e2826e8;color:#e2cda0;padding:7px 12px;font-size:9px;letter-spacing:2px}.practice-caption{padding-top:18px}.practice-caption h3{font-family:var(--display);font-size:31px;font-weight:400;letter-spacing:-.3px;margin:0 0 8px}.practice-caption p{font-size:10px;color:#918267;line-height:1.8;margin:0}.practice-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d2c2a3;padding-top:20px;margin-top:18px}.practice-foot>span{font-size:7px;letter-spacing:1.7px;color:#a08a62}.practice-foot>a{font-size:10px;color:#984b37}.reveal-ready{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-pending{opacity:0;transform:translateY(24px)}.reveal-pending:focus-within{opacity:1;transform:none}.motion-paused *,.scene-offscreen .store-hero *{animation-play-state:paused!important}.motion-paused .reveal-pending{opacity:1;transform:none}.motion-paused .reveal-ready,.motion-paused .direction-dial>img,.motion-paused .direction-needle{transition:none}.motion-paused .hero-content *,.motion-paused .hero-visual{animation:none;opacity:1;transform:none}
@keyframes luopan-turn{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes mountain-breath{from{transform:translateX(-8px) scale(1)}to{transform:translateX(10px) scale(1.025)}}
@keyframes mist-drift{from{transform:translateX(-80px);opacity:.45}to{transform:translateX(75px);opacity:1}}
@keyframes water-light{from{opacity:.35;transform:translateX(-9px)}to{opacity:.85;transform:translateX(9px)}}
@keyframes point-drift{from{transform:translate(0,0);opacity:.2}to{transform:translate(-16px,-30px);opacity:.7}}
@keyframes scroll-trace{0%{transform:translateX(-12px)}60%,100%{transform:translateX(52px)}}
@keyframes arrival{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes portrait-arrival{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes direction-in{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.store-hero{min-height:780px;padding-top:90px;padding-bottom:125px}.scene-footer{left:9%;right:9%}.hero-visual{min-height:520px}}
@media(max-width:1100px){.store-hero{padding-top:55px;padding-bottom:100px;min-height:650px}.hero-visual{min-height:430px}.direction-section{gap:8%}.direction-intro h2{font-size:52px}.direction-dial{width:290px}.direction-detail{margin-top:22px}.direction-detail h3{font-size:28px}}
@media(max-width:900px){.store-hero{padding-top:48px;padding-bottom:100px;min-height:620px}.hero-visual{min-height:390px}.scene-footer{left:5%;right:5%;bottom:25px}.direction-section{gap:5%;padding-top:65px;padding-bottom:65px}.direction-intro h2{font-size:47px}.direction-intro>p{font-size:12px}.direction-choice{gap:15px;padding:17px 5px}.direction-choice>span:nth-child(3){font-size:12px}.direction-dial{width:260px}.direction-detail h3{font-size:27px}.direction-detail p{font-size:11px}.practice-track{grid-auto-columns:62%;gap:20px}.practice-section .section-heading h2{font-size:43px}.practice-controls{gap:8px}}
@media(max-width:640px){.store-hero{padding:40px 25px 95px;gap:22px;min-height:auto}.store-hero:before{background:linear-gradient(#282220dd 0%,#28222099 50%,#28222022 100%)}.hero-content h1{font-size:57px}.hero-visual{min-height:325px;height:325px;margin-top:8px}.hero-master{width:300px}.hero-assurances{margin-top:27px}.hero-content .eyebrow{font-size:6.5px;letter-spacing:1.5px}.luopan-art{width:107%;top:46%}.scene-footer{bottom:18px;left:25px;right:25px;gap:10px;padding-top:16px}.scroll-cue{font-size:6px;letter-spacing:1px;gap:9px}.scroll-line{width:24px}.scene-footer button{font-size:8px;padding:7px 9px;min-height:33px;gap:6px}.landscape-art{width:200%;max-width:none;transform:translateX(-35%)}.direction-section{grid-template-columns:1fr;gap:40px;padding:55px 25px 45px}.direction-intro h2{font-size:47px;max-width:320px}.direction-intro>p{font-size:12px}.direction-options{margin-top:25px;max-width:none}.direction-choice{padding:16px 7px;gap:22px}.direction-choice>span:nth-child(3){font-size:13px}.direction-visual{padding-top:14px}.direction-dial{width:280px}.direction-detail{max-width:310px;min-height:185px}.direction-detail h3{font-size:31px}.direction-detail p{font-size:12px}.direction-detail .text-arrow{font-size:11px}.practice-section{padding:50px 25px 32px;margin-bottom:50px}.practice-section .section-heading{flex-direction:row;align-items:end;gap:15px}.practice-section .section-heading h2{font-size:39px}.practice-section .section-heading p{font-size:11px}.practice-controls{flex-direction:column;gap:7px}.practice-controls button{width:32px;height:32px;font-size:16px}.practice-track{grid-auto-columns:87%;gap:16px;margin-top:28px}.practice-image{aspect-ratio:1.1}.practice-caption h3{font-size:28px}.practice-caption p{font-size:10px}.practice-foot{flex-direction:column;gap:12px}.practice-foot>span{font-size:6px;letter-spacing:1.2px}.practice-foot>a{font-size:10px}html[lang="zh-Hans"] .direction-intro h2{font-size:32px}html[lang="zh-Hans"] .direction-detail h3,html[lang="zh-Hans"] .practice-caption h3{font-family:'Noto Serif SC',serif;font-size:23px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.store-hero *, .ink-scene *, .direction-detail{animation:none!important}.reveal-pending{opacity:1!important;transform:none!important}.reveal-ready,.direction-dial>img,.direction-needle,.practice-image img{transition:none!important}.hero-content *,.hero-visual{opacity:1!important;transform:none!important}}
.direction-dial{flex-shrink:0}.direction-dial>img{height:100%;object-fit:contain}
.hero-character-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.film-playing .hero-character-film{opacity:1}.film-playing .ink-scene{opacity:0}.film-playing .hero-visual{visibility:hidden}.film-playing:before{background:linear-gradient(90deg,#201917d9,#2019178c 43%,#20191710 77%)}.ink-scene{transition:opacity 1.2s ease}.motion-paused .hero-character-film{opacity:0}@media(prefers-reduced-motion:reduce){.hero-character-film{display:none}.ink-scene{opacity:1!important;transition:none}}