@charset "UTF-8";
:root{--rice:#f4ebdd;--cream:#faf6ee;--sand:#ead2ae;--ink:#30261f;--quiet:#706052;--rule:#d2c1a9;--red:#914a35;--dark:#322c24;--song:"Songti SC","STSong","SimSun",serif;--brush:"Kaiti SC","STKaiti","KaiTi",var(--song);font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;color:var(--ink);background:var(--rice);line-height:1.75;font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}img{display:block;max-width:100%}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--brush)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--red);outline-offset:4px}[hidden]{display:none!important}section[id]{scroll-margin-top:110px}.content-width{width:min(1240px,calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.access-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:var(--cream);z-index:100;padding:12px 20px}.access-link:focus{top:16px}
.origin-line{display:flex;justify-content:space-between;align-items:center;padding:8px 4%;color:#65513e;background:var(--sand);font-size:.8125rem;letter-spacing:.08em;border-bottom:1px solid #d4b996}.origin-line>span{display:flex;align-items:center;gap:14px}.origin-line i{height:11px;width:1px;background:#b59c7d}.masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;position:sticky;top:0;z-index:15;padding:20px 4%;background:var(--rice);border-bottom:1px solid var(--rule)}.wordmark{position:relative;display:block;width:248px;aspect-ratio:910/177;overflow:hidden;flex-shrink:0;background:var(--sand)}.wordmark img{position:absolute;max-width:none;width:225.055%;height:auto;left:-60.44%;top:-19.209%}.masthead nav{display:flex;align-items:center;gap:38px;font-size:.9375rem}.masthead nav a{padding:7px 0;border-bottom:1px solid transparent}.masthead nav a:hover{border-color:var(--red);color:var(--red)}.request-link{display:flex;align-items:center;gap:10px;font-size:.875rem;padding:9px 0}.request-link b{font-size:.75rem;font-weight:400;display:grid;place-items:center;min-width:24px;height:24px;border:1px solid var(--rule);border-radius:50%;padding:0 5px;font-variant-numeric:tabular-nums}
.opening{position:relative;min-height:590px;isolation:isolate;overflow:hidden;background:#ead8ba}.opening-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 78%}.opening::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(245,231,209,.56),rgba(245,231,209,0) 64%)}.opening-copy{width:min(1240px,calc(100% - 112px));margin:auto;padding:77px 0 105px}.overline{font-size:.8125rem;letter-spacing:.14em;color:var(--red);line-height:1.6}.opening .overline{color:#6d4e35}.opening .overline span{margin:0 9px}.opening h1{font-size:clamp(3.5rem,5.6vw,5.5rem);line-height:1.36;letter-spacing:.04em;margin:19px 0 23px}.opening-description{font-size:1.0625rem;line-height:1.9;color:#66533f;margin-bottom:26px}.solid-button,.line-button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:13px 21px;min-height:50px;border:1px solid var(--ink);font-size:.9375rem;line-height:1.5;transition:background .18s,color .18s,border-color .18s}.solid-button{background:var(--ink);color:var(--cream)}.solid-button:hover:not(:disabled){background:var(--red);border-color:var(--red)}.solid-button span,.line-button span{font-size:1.2rem;line-height:1}.line-button{background:transparent}.line-button:hover{background:var(--ink);color:var(--cream)}.opening-foot{position:absolute;bottom:0;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #a78b6a7a;padding:16px 0;color:#65503c}.opening-foot span:first-child{font-family:var(--song);font-size:.9375rem;letter-spacing:.11em}.opening-foot span:last-child{font-size:.75rem}
.collection{padding-block:82px 66px}.section-intro{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:37px}.section-intro h2{font-size:clamp(2.1rem,3vw,3rem);line-height:1.5;margin-top:13px;letter-spacing:.05em}.section-intro h2 em{font-style:normal;color:#84715b}.section-intro>p{font-size:1rem;color:var(--quiet);padding-bottom:6px}.collection-layout{display:grid;grid-template-columns:.91fr 1.09fr;gap:28px}.ceramic-card{background:var(--cream);min-width:0}.large-card{grid-row:span 2}.category-photo{position:relative;display:block;overflow:hidden;width:100%;padding:0;border:0;background:var(--sand)}.category-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.category-photo:hover img{transform:scale(1.025)}.large-card .category-photo{height:370px}.photo-label{position:absolute;bottom:12px;left:15px;font-size:.75rem;background:#fbf3e6d9;color:#685340;padding:3px 8px}.vertical-label{position:absolute;top:21px;right:21px;writing-mode:vertical-rl;font-family:var(--brush);font-size:1.65rem;letter-spacing:.18em;color:var(--ink);padding:12px 9px;border:1px solid #af987a;background:#f6ecdbc9}.category-copy{position:relative;padding:25px 30px}.chapter{color:#a18665;font-family:var(--brush);font-size:1rem}.category-heading h3{font-family:var(--brush);font-size:2rem;line-height:1.4;letter-spacing:.06em;margin:4px 0}.category-heading>span{font-size:.8125rem;letter-spacing:.08em;color:var(--quiet)}.category-copy>p{font-size:1rem;color:var(--quiet);line-height:1.85;margin-top:14px}.category-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:22px}.text-action{display:inline-flex;align-items:center;gap:13px;border:0;background:transparent;padding:10px 0;font-size:.875rem;color:var(--quiet);line-height:1.6}.text-action:hover{color:var(--red)}.category-actions .line-button{font-size:.875rem;min-height:43px;padding:10px 14px;gap:15px}.compact-card{display:grid;grid-template-columns:46% 54%;min-height:305px}.compact-card .category-copy{padding:22px}.compact-card .category-heading h3{font-size:1.65rem}.compact-card .category-actions{align-items:flex-start;flex-wrap:wrap;gap:5px 14px;padding-top:14px}.compact-card .category-copy>p{font-size:.9375rem}.vase-view img{object-position:85% center}.collection-caption{margin-top:25px;color:var(--quiet);font-size:.875rem}
.buying{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:48px}.buying-title h2{font-size:2.65rem;line-height:1.5;letter-spacing:.055em;margin:18px 0 25px}.buying-notes article{display:flex;align-items:flex-start;gap:25px;padding:0 0 21px;margin:0 0 21px;border-bottom:1px solid var(--rule)}.buying-notes article:last-child{border:0;margin:0;padding-bottom:0}.buying-notes article>span{font-family:var(--brush);font-size:1.5rem;color:var(--red);line-height:1.4}.buying-notes h3{font-family:var(--song);font-size:1.25rem;margin-bottom:7px}.buying-notes p{font-size:1rem;color:var(--quiet);line-height:1.85}
.enquiry{padding-block:78px 54px}.enquiry-desk{display:grid;grid-template-columns:.85fr 1.15fr;border:1px solid var(--rule);background:var(--cream)}.selection-panel{padding:28px 30px;background:#ecdfca;border-right:1px solid var(--rule);display:flex;flex-direction:column;min-width:0}.panel-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:23px;border-bottom:1px solid #cbbb9f}.panel-heading h3,.request-form>h3{font-family:var(--song);font-size:1.25rem}.panel-heading>span{font-size:.8125rem;color:var(--quiet)}.panel-heading b{font-weight:400}.selection-empty{text-align:center;padding:36px 0}.empty-character{display:block;margin:auto auto 13px;font-family:var(--brush);font-size:3rem;color:#aa9171}.selection-empty p{font-size:1rem;color:var(--quiet)}.selection-note{color:var(--quiet);font-size:.8125rem;margin-top:auto;padding-top:24px}.selection-row{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;padding:20px 0;border-bottom:1px solid #cbbb9f}.selection-row>img{width:56px;height:76px;object-fit:cover}.selection-row h4{font-size:1rem;font-weight:400;margin:0 0 7px}.quantity-stepper{display:flex;align-items:center;max-width:136px;border:1px solid #bdab8d;background:#f7efdf;height:40px}.quantity-stepper button{border:0;background:transparent;width:38px;height:38px;padding:0;font-size:1.125rem}.quantity-stepper input{font-size:1rem;width:58px;min-width:0;padding:0;border:0;background:transparent;text-align:center;-moz-appearance:textfield}.quantity-stepper input::-webkit-inner-spin-button,.quantity-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remove-selection{font-size:.8125rem;color:var(--quiet);padding:10px 0;border:0;background:none}.request-form{padding:28px 32px 32px;min-width:0}.request-form>h3{margin-bottom:20px}.input-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-form label{display:block;font-size:.875rem;margin-bottom:18px;min-width:0}.request-form input,.request-form select,.request-form textarea{display:block;width:100%;min-width:0;border:0;border-bottom:1px solid var(--rule);border-radius:0;background:#f0e8da;padding:11px 12px;margin-top:8px;font-size:1rem;min-height:47px}.request-form input::placeholder,.request-form textarea::placeholder{color:#817261;font-size:.875rem}.request-form textarea{resize:vertical}.form-hint{font-size:.8125rem;color:var(--quiet);margin:0 0 20px}.request-form>.solid-button{width:100%;justify-content:space-between}.request-output{margin-top:25px;padding:30px;background:#e9dac1;display:grid;grid-template-columns:.75fr 1.25fr;gap:30px}.request-output h3{font-size:1.6rem;font-family:var(--brush);margin:12px 0}.request-output p:not(.overline){color:var(--quiet);font-size:.875rem}.request-output textarea{width:100%;min-width:0;resize:vertical;line-height:1.9;padding:15px;background:var(--cream);border:1px solid var(--rule);font-size:.875rem}.output-actions{display:flex;gap:12px;margin-top:12px}.output-actions button{flex:1;font-size:.875rem;padding:12px}
.questions{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding-block:15px 78px}.questions h2{font-size:2rem;letter-spacing:.07em}.questions details{border-bottom:1px solid var(--rule)}.questions details:first-child{border-top:1px solid var(--rule)}.questions summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;font-size:1rem;gap:22px;padding:20px 0}.questions summary::-webkit-details-marker{display:none}.questions summary span{color:var(--red);font-size:1.2rem;flex-shrink:0}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:1rem;color:var(--quiet);padding:0 23px 22px 0;line-height:1.9}
.contact{background:var(--dark);color:var(--rice);position:relative;isolation:isolate}.contact::before{content:"";position:absolute;z-index:-1;left:0;bottom:0;width:270px;height:260px;background:url('./assets/taiyuangu-sign.jpg') left top/2048px 260px;opacity:.07;pointer-events:none}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:60px}.contact .overline{color:#cead85}.contact-heading h2{font-size:clamp(2.5rem,3.8vw,3.8rem);line-height:1.4;letter-spacing:.06em;margin:20px 0}.contact-heading>p:last-child{font-size:1rem;color:#c1b39f}.contact-details{align-self:center}.contact-label{font-size:.875rem;color:#c1b39f;display:block;margin-bottom:4px}.telephone{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,3.25vw,3.2rem);letter-spacing:.035em;line-height:1.6;display:inline-block}.telephone:hover{color:#dfbb8c}.wechat-block{display:flex;gap:27px;align-items:center;border-top:1px solid #675746;margin-top:23px;padding-top:26px}.wechat-window{width:140px;height:140px;position:relative;overflow:hidden;flex-shrink:0;background:var(--sand)}.wechat-window img{width:2048px;height:260px;position:absolute;max-width:none;left:-1730px;top:-54px}.wechat-block h3{font-family:var(--song);font-size:1.3rem;margin-bottom:10px}.wechat-block p{font-size:.875rem;color:#c1b39f;line-height:1.9}.contact-base{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #675746;padding-block:20px;font-size:.8125rem;color:#c1b39f}.footer-links{display:flex;align-items:center;gap:24px}.footer-links a:hover{color:#dfbb8c}
.category-dialog{padding:0;width:min(920px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:0;background:var(--cream);color:var(--ink);box-shadow:0 20px 70px #17130c55}.category-dialog::backdrop{background:#2b251db3}.close-dialog{position:absolute;right:16px;top:16px;z-index:1;background:var(--cream);border:1px solid var(--rule);width:44px;height:44px;font-size:1.7rem;line-height:1;display:grid;place-items:center}.dialog-layout{display:grid;grid-template-columns:1fr 1fr}.dialog-layout>img{width:100%;height:100%;min-height:480px;object-fit:cover}.dialog-description{padding:60px 32px 30px}.dialog-description h2{font-size:2.4rem;line-height:1.5;margin:12px 0}.dialog-description>p:not(.overline){font-size:1rem;line-height:1.85;color:var(--quiet)}.dialog-description h3{font-size:1rem;margin:20px 0 6px}.dialog-description ul{padding-left:20px;font-size:1rem;color:var(--quiet);line-height:1.9;margin:0 0 24px}.dialog-description .solid-button{width:100%;justify-content:space-between}.dialog-description .dialog-footnote{font-size:.8125rem!important;margin-top:17px}.announcement{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);background:var(--ink);color:var(--cream);padding:12px 22px;font-size:.9375rem;z-index:60;pointer-events:none;opacity:0;transition:opacity .18s}.announcement.is-visible{opacity:1}body.has-dialog{overflow:hidden}
@media(min-width:1600px){.opening{min-height:675px}.opening-copy{padding-top:105px}.opening h1{font-size:5.8rem}.large-card .category-photo{height:410px}}
@media(max-width:1100px){.content-width,.opening-copy{width:calc(100% - 72px)}.wordmark{width:211px}.masthead nav{gap:24px}.opening{min-height:560px}.opening h1{font-size:4.2rem}.collection-layout{gap:22px;grid-template-columns:.9fr 1.1fr}.category-copy{padding:22px}.compact-card{grid-template-columns:42% 58%}.compact-card .category-copy{padding:19px}.category-actions{flex-wrap:wrap;gap:8px}.buying{gap:50px}.selection-panel{padding:25px 23px}.request-form{padding:25px}.input-pair{gap:13px}.contact-inner{gap:45px}}
@media(max-width:850px){.masthead{gap:18px;padding:17px 4%}.wordmark{width:192px}.masthead nav{gap:20px;font-size:.875rem}.request-link{gap:7px}.request-link svg{display:none}.collection-layout{grid-template-columns:1fr 1fr}.large-card{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.large-card .category-photo{height:340px}.large-card .category-copy{align-self:center;padding:27px}.compact-card{display:block}.compact-card .category-photo{aspect-ratio:1.3/1}.compact-card .category-copy{padding:25px}.compact-card .category-actions{justify-content:space-between;align-items:center;gap:10px}.enquiry-desk{grid-template-columns:1fr}.selection-panel{border-right:0;border-bottom:1px solid var(--rule)}.selection-empty{padding:20px}.selection-note{padding-top:15px}.selection-row{grid-template-columns:56px 1fr auto}.selection-row>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.selection-row h4{margin:0}.selection-row>img{height:65px}.questions{grid-template-columns:1fr;gap:23px}.contact-inner{gap:30px}.wechat-block{gap:18px}.wechat-block p{font-size:.8125rem}}
@media(max-width:620px){:root{font-size:16px}.content-width,.opening-copy{width:calc(100% - 40px)}.origin-line{font-size:.75rem;justify-content:center;padding:7px 20px}.origin-line>a{display:none}.masthead{padding:14px 20px 10px;gap:13px;flex-wrap:wrap}.wordmark{width:191px}.request-link{font-size:.8125rem;gap:6px}.masthead nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--rule);padding-top:9px;gap:16px}.masthead nav a{padding:2px 0}.opening{padding-bottom:0;min-height:0;display:flex;flex-direction:column;background:#ecdbc2}.opening-photo{position:relative;z-index:0;order:2;aspect-ratio:1.35/1;height:auto;object-fit:cover;object-position:78% center}.opening::after{display:none}.opening-copy{order:1;padding:33px 0 29px}.opening h1{font-size:clamp(2.9rem,10vw,4rem);margin:16px 0;line-height:1.32}.opening-description{font-size:1rem;margin-bottom:23px}.opening-foot{position:static;order:3;padding:11px 20px;gap:5px;flex-direction:column;align-items:flex-start;border-top:0}.opening-foot span:first-child{font-size:.8125rem}.opening-foot span:last-child{font-size:.75rem}.overline{font-size:.8125rem}.collection{padding-block:44px 37px}.section-intro{display:block;margin-bottom:24px}.section-intro h2{font-size:2rem;margin-top:11px}.section-intro h2 em{display:block}.section-intro>p{margin-top:15px;padding:0}.collection-layout{display:block}.ceramic-card{margin-bottom:23px}.large-card{display:block}.large-card .category-photo{height:auto;aspect-ratio:1.2/1}.large-card .category-copy,.compact-card .category-copy{padding:23px}.compact-card .category-photo{aspect-ratio:1.4/1}.category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.category-heading h3,.compact-card .category-heading h3{font-size:1.75rem}.category-copy>p,.compact-card .category-copy>p{font-size:1rem}.category-actions{flex-wrap:nowrap;padding-top:17px}.collection-caption{font-size:.8125rem;margin-top:1px}.buying{grid-template-columns:1fr;gap:28px;padding-block:34px}.buying-title h2{font-size:2.15rem;margin:13px 0 15px}.buying-notes article{gap:20px}.enquiry{padding-block:43px 35px}.selection-panel{padding:23px 20px}.selection-empty{padding:21px 0}.selection-row>div{display:block}.selection-row h4{margin-bottom:6px}.selection-row{gap:11px;grid-template-columns:48px 1fr auto}.selection-row>img{width:48px;height:71px}.request-form{padding:24px 20px}.input-pair{grid-template-columns:1fr;gap:0}.request-form label{margin-bottom:17px}.request-output{display:block;padding:24px 20px}.request-output>div:first-child{margin-bottom:17px}.output-actions{gap:10px}.output-actions button{font-size:.875rem;padding:11px 8px}.questions{padding-block:9px 44px;gap:22px}.questions h2{font-size:1.85rem}.questions summary{gap:12px;font-size:.9375rem}.contact-inner{grid-template-columns:1fr;gap:29px;padding-block:38px}.contact-heading h2{font-size:2.65rem;margin:15px 0}.contact-heading>p:last-child{font-size:1rem}.telephone{font-size:2.3rem}.wechat-block{gap:23px;margin-top:20px;padding-top:23px}.wechat-block p{font-size:.8125rem}.contact-base{font-size:.75rem;flex-wrap:wrap;gap:12px;padding-block:18px}.contact-base a{margin-left:auto}.dialog-layout{grid-template-columns:1fr}.dialog-layout>img{min-height:0;max-height:275px;aspect-ratio:1.4/1}.dialog-description{padding:25px}.dialog-description h2{font-size:2rem}.announcement{bottom:16px;width:max-content;text-align:center;font-size:.875rem}section[id]{scroll-margin-top:140px}}
@media(max-width:360px){.masthead{padding-inline:16px}.wordmark{width:173px}.request-link{gap:4px}.request-link b{min-width:21px;width:21px;height:21px}.content-width,.opening-copy{width:calc(100% - 32px)}.category-heading>span{font-size:.75rem}.category-actions{gap:8px}.category-actions .line-button{padding:10px 12px;gap:10px}.selection-panel,.request-form{padding-inline:16px}.selection-row{gap:9px;grid-template-columns:40px 1fr auto}.selection-row>img{width:40px}.quantity-stepper{max-width:126px}.quantity-stepper input{width:48px}.wechat-block{gap:17px}.wechat-block p{max-width:135px}.telephone{font-size:2.05rem}}
.contact-base{flex-wrap:wrap;font-size:14px}.footer-links{flex-wrap:wrap}.footer-links a[href="https://beian.miit.gov.cn/"]{display:inline-block;color:#f1e5d3;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
@media(max-width:620px){.footer-links{width:100%;margin-left:0;gap:14px;flex-wrap:wrap;justify-content:space-between}.footer-links a{margin-left:0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}