@font-face{font-family:"XiaoMan Hand";src:url("assets/fonts/Iansui-Regular.ttf") format("truetype");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"XiaoMan Pen";src:url("assets/fonts/Caveat-Variable.ttf") format("truetype");font-display:swap;font-style:normal;font-weight:400 700}
:root{--green:#423126;--green-deep:#2d251e;--cream:#f4e9d8;--paper:#f2e9db;--ink:#554433;--muted:#85705b;--amber:#cda77b;--calligraphy:"XiaoMan Hand","Kaiti TC",serif;--serif:"XiaoMan Pen","Baskerville",serif;--body:"XiaoMan Hand","PingFang TC",sans-serif}
.header{height:88px;padding-top:24px}.wordmark{font-size:28px}.wordmark>span{font-family:"PingFang TC",sans-serif;font-size:8px}.languages{font-family:"PingFang TC",sans-serif}.hero{min-height:890px;background:#49352b}.hero:after{display:none}.hero-media{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:61% center}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1f160e5e,transparent 90%),linear-gradient(180deg,#261c1570 0%,#251b1420 42%,#21160e1c 67%,#20160f70 100%)}.hero-inner{padding-top:120px;padding-bottom:130px}.hero-logo{width:77px;margin-left:-9px;margin-bottom:22px}.eyebrow{letter-spacing:.06em;font-size:12px;margin-bottom:15px}.eyebrow .en{font-size:14px!important;letter-spacing:.02em;margin-top:2px;color:#d6c5ad!important}.hero h1{font-size:32px;line-height:1.65;letter-spacing:.06em;text-shadow:0 1px 18px #251a1160}.hero-motto{font-size:30px;font-style:normal;color:#f0d2a1;margin:9px 0 29px}.hero-description{font-size:13px;line-height:1.9;letter-spacing:.02em;max-width:240px;margin-top:36px;margin-bottom:28px;text-shadow:0 1px 10px #1b140d}.hero-description .en{font-size:16px!important;line-height:1.45;font-style:normal;color:#f3dcc1!important;max-width:210px;margin-top:5px}.quiet-link{font-size:15px;letter-spacing:.02em;width:195px;border-color:#dfbd8b80}.quiet-link .en{font-style:normal;font-size:17px;color:#e8cba3!important;margin-top:3px}.hero-foot{font-size:10px}.hero-foot .mood-caption{font-size:10px;letter-spacing:.03em}.hero-foot .mood-caption .en{font-size:13px;color:#d5c2a7!important;margin-top:3px}.scroll-note .zh{font-family:var(--body);font-size:11px}.hero-foot .scroll-note{align-items:center}.section-kicker{letter-spacing:.05em;font-size:12px}.section-kicker .en{font-size:11px;letter-spacing:.04em}.section-kicker>span:first-child{font-style:normal;font-size:15px}.about{padding-top:77px;padding-bottom:86px;min-height:0}.about h2{font-size:33px;letter-spacing:.035em;line-height:1.65;margin:36px 0 24px}.about h2 .en{font-size:27px;line-height:1.22;font-style:normal;margin-top:12px}.about-copy p{font-size:14px;line-height:2;letter-spacing:.01em}.about-copy p.en{font-size:18px;line-height:1.45;margin-top:14px}.about-stroke{display:none}.threads-still{margin:43px 0 0 12px;transform:rotate(-1.6deg);max-width:360px}.still-window{overflow:hidden;background:#5b3c24;padding:0;box-shadow:0 10px 20px #4d352718}.still-window svg{width:100%;height:auto;display:block}.threads-still figcaption{font-size:11px;line-height:1.8;letter-spacing:.025em;padding:16px 9px 0;transform:rotate(1.6deg)}.threads-still figcaption .en{font-size:16px;margin-top:3px}.moments{padding-top:8px;padding-bottom:75px}.moments h2{font-size:33px;letter-spacing:.035em;line-height:1.65}.moments h2 .en{font-size:27px;font-style:normal;line-height:1.2}.moment-list{margin-top:35px}.moment{min-height:160px}.moment-text{padding-top:43px}.moment h3{font-size:23px;letter-spacing:.025em}.moment h3 .en{font-size:21px;line-height:1.3;font-style:normal}.moment p{font-size:13px;line-height:1.8}.moment p .en{font-size:16px;line-height:1.4}.moment-number{font-style:normal;font-size:15px}.moment-two{margin-top:24px;margin-left:38px;min-height:190px}.moment-three{margin-top:22px;min-height:160px}.threads-mint{width:121px;margin:0 4px 0 auto;transform:rotate(3deg);box-shadow:0 9px 20px #3a281916}.threads-mint svg{display:block;width:100%;height:auto}.moment-one{min-height:390px}.moment-one .moment-number{top:95px}.moment-one .moment-text{padding-top:32px}.company{background:#d9c1a2;padding-top:72px;padding-bottom:73px}.company>p{font-size:48px;line-height:1.1;font-style:normal;color:#6c4b31}.company>p>span{margin-top:7px;margin-left:28px}.company-caption{font-size:13px;letter-spacing:.02em;margin-top:29px}.company-caption .en{font-style:normal;font-size:18px;line-height:1.4}.company-mark{border-color:#9f7953}.visit{background:#332a22;padding-top:68px}.visit h2{font-size:31px;letter-spacing:.035em;line-height:1.65}.visit h2 .en{font-size:26px;font-style:normal;line-height:1.25}.visit-copy{font-size:14px;letter-spacing:.02em;max-width:285px}.visit-copy .en{font-size:17px;color:#d9c3a3!important}.contact-link{width:100%;max-width:320px}.visit-info{font-size:13px}.visit-info .en{font-size:16px;color:#d4bea0!important}.menu-preview{font-size:13px}.visit-note{font-size:12px;line-height:1.8}.visit-note .en{font-size:15px;line-height:1.4;color:#c6b094!important}.image-disclosure{font-size:10px;line-height:1.7;color:#cdb899;max-width:290px;margin-bottom:38px}.image-disclosure .en{font-size:13px;line-height:1.35;color:#bda88c!important;margin-top:6px}footer{font-size:20px;font-style:normal}footer small{font-size:9px;letter-spacing:0;font-family:var(--body)}footer small .en{font-size:12px;margin-left:5px}.menu .en{font-style:normal;font-size:22px}.menu-inner>a{font-size:30px}.menu-motto{font-size:35px;font-style:normal}.menu-note{font-size:13px}dialog h2{font-size:27px}dialog h2 .en{font-size:29px;font-style:normal}dialog p{font-size:14px}dialog p .en{font-size:18px;line-height:1.4}.line-id{font-size:32px}.dialog-note{font-size:11px!important}.dialog-note .en{font-size:14px}.copy-line .en,.dialog-back .en{font-size:17px}.copy-line,.dialog-back{font-size:14px}.dialog-kicker{font-size:15px}.menu-dialog-copy{line-height:1.7}body.english .english-hero{font:400 62px/1.02 var(--serif);letter-spacing:0}body.english .hero-description{max-width:210px;margin-top:20px}body.english .hero h1{margin-bottom:20px}body.english .hero-logo{margin-bottom:30px}body.english .hero-inner{padding-bottom:160px}body.english .about h2 .en,body.english .moments h2 .en{font-size:39px;line-height:1.15}body.english .about-copy p.en{font-size:21px;line-height:1.4}body.english .quiet-link .en{font-size:20px}body.english .moment h3 .en{font-size:26px}body.english .moment p .en{font-size:19px}body.english .visit h2 .en{font-size:39px;line-height:1.1}body.english .visit-copy .en{font-size:20px}body.english .visit-info .en{font-size:18px}body.english .image-disclosure .en{font-size:15px}.en{font-style:normal}
@media(min-width:700px){.header{padding:30px 7%;height:105px}.hero{min-height:960px}.hero-inner{padding:140px 9% 125px}.hero-media img{object-position:83% 67%;width:65%;margin-left:auto}.hero-media:after{background:linear-gradient(90deg,#37291f 0%,#37291ff5 27%,#37291f80 47%,transparent 70%),linear-gradient(180deg,#241a1250,transparent 40%,#21170f40)}.hero-logo{width:100px}.hero h1{font-size:44px}.hero-motto{font-size:39px}.hero-description{font-size:16px;max-width:360px}.hero-description .en{font-size:23px!important;max-width:360px}.hero .quiet-link{width:250px}.hero-foot{left:9%;right:8%}.about{padding-top:105px;padding-bottom:105px}.about-copy{margin-top:-70px;margin-left:37%}.about-copy p{font-size:17px}.about-copy p.en{font-size:23px;max-width:440px}.about h2{font-size:42px}.about h2 .en{font-size:34px}.threads-still{margin-top:60px;margin-left:42%;max-width:480px}.threads-still figcaption{font-size:14px}.threads-still figcaption .en{font-size:21px}.moments{padding-bottom:110px}.moments h2{font-size:42px}.moments h2 .en{font-size:34px}.moment-list{margin-top:70px}.moment-one{min-height:400px}.moment-one .moment-text{padding-top:32px}.moment-two{margin-left:0;margin-top:95px}.moment-three{margin-top:180px}.threads-mint{margin-right:10%;width:130px}.company{padding-top:100px;padding-bottom:100px}.company>p{font-size:76px}.company-caption{font-size:16px}.company-caption .en{font-size:23px}.visit{padding-top:100px}.visit h2{font-size:42px}.visit h2 .en{font-size:34px}.visit-copy{font-size:17px;max-width:470px}.visit-copy .en{font-size:23px;max-width:470px}.visit-note .en{font-size:20px;max-width:470px}.visit-info{max-width:630px;font-size:16px}.visit-info .en{font-size:20px}.visit-note{font-size:15px}.contact-link{max-width:440px}.image-disclosure{max-width:470px;font-size:12px}.image-disclosure .en{font-size:17px}body.english .english-hero{font-size:89px}body.english .about h2 .en,body.english .moments h2 .en{font-size:50px}body.english .about-copy p.en{font-size:25px}}
@media(max-width:359px){.hero{min-height:880px}.hero h1{font-size:28px;letter-spacing:.045em}.hero-inner{padding-left:27px;padding-right:27px}.hero-media img{object-position:60% center}.hero-description{max-width:220px}.hero-logo{width:72px}.hero-foot{left:27px}.section-kicker .en{font-size:10px}.company>p{font-size:41px}.company>p>span{margin-left:12px}.moment-two{margin-left:20px}.about h2,.moments h2{font-size:30px}.visit h2{font-size:28px}body.english .english-hero{font-size:57px}}
.hero-media img{position:absolute;bottom:0;right:0;height:76%;width:100%;object-position:60% bottom;mask-image:linear-gradient(180deg,transparent,black 17%);-webkit-mask-image:linear-gradient(180deg,transparent,black 17%)}
.hero-description{display:none}.hero .quiet-link{margin-top:145px}.hero-motto{margin-bottom:0}.hero-inner{padding-bottom:110px}.hero h1{line-height:1.55}.hero-motto{font-size:30px}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
body.english .hero .quiet-link{margin-top:175px}body.english .hero-inner{padding-bottom:110px}
@media(min-width:700px){.hero-media img{height:100%;width:65%;object-position:83% 67%;mask-image:linear-gradient(90deg,transparent,black 25%);-webkit-mask-image:linear-gradient(90deg,transparent,black 25%)}.hero .quiet-link{margin-top:55px}.hero h1{line-height:1.65}body.english .hero .quiet-link{margin-top:65px}}