:root{--ink:#282b26;--muted:#797b72;--paper:#f4f2ed;--gold:#c4aa85;--line:#deddd5;--white:#fff;--serif:Georgia,'Times New Roman','Songti SC',SimSun,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{max-width:100%;display:block}button{background:transparent}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}small{font-size:12px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:#fff;padding:10px}.skip:focus{top:8px}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:absolute;top:0;left:0;width:100%;z-index:10;color:white;border-bottom:1px solid #ffffff35;background:linear-gradient(#181a19b0,#181a1940)}.site-header.solid{position:relative;background:var(--ink)}.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}.brand-mark{font-family:var(--serif);font-size:52px;line-height:1;color:var(--gold);letter-spacing:-9px;width:52px}.brand-mark span{display:inline-block;transform:translateY(4px)}.brand strong{display:block;font-size:19px;font-weight:400;letter-spacing:3px;line-height:1.4}.brand small{display:block;font-size:12px;letter-spacing:3px;margin-top:4px}.site-header nav{display:flex;align-self:stretch;gap:27px}.nav-item{position:relative;display:flex;align-items:center}.nav-link{display:flex;flex-direction:column;align-items:center;padding:30px 0;line-height:1.5;white-space:nowrap}.nav-link .en{font-size:12px;font-weight:600;letter-spacing:.4px}.nav-link .zh{font-size:14px;margin-top:4px}.nav-link:hover,.nav-link[aria-current=page],.nav-item.open>.nav-link{color:var(--gold)}.nav-link[aria-current=page]:after{content:'';position:absolute;bottom:0;width:26px;height:2px;background:var(--gold)}.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:230px;padding:13px 0;background:#fff;color:var(--ink);box-shadow:0 15px 25px #0002}.dropdown a{display:block;padding:12px 24px;text-align:center;font-size:14px;line-height:1.6}.dropdown a span{display:block;color:var(--muted);font-size:12px}.dropdown a:hover{background:var(--paper);color:#967751}.nav-item.open .dropdown{display:block}.menu-toggle{display:none}.hero{height:min(880px,95svh);min-height:620px;position:relative;background:#494a40;color:white;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#13150f50,transparent 85%),linear-gradient(0deg,#171b1770,transparent 50%)}.hero-copy{position:absolute;z-index:1;left:9%;top:43%;transform:translateY(-10%)}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:500;text-transform:uppercase}.hero .eyebrow{color:#eee6d9;margin-bottom:22px}.hero h1{font-family:var(--serif);font-size:clamp(45px,5.2vw,80px);line-height:1.2;letter-spacing:9px}.hero .tagline{font-size:23px;letter-spacing:7px;margin-top:25px}.hero .subline{font-size:14px;letter-spacing:1px;margin:9px 0 33px;color:#efede7}.text-link{display:inline-flex;gap:48px;align-items:center;font-size:14px;letter-spacing:1px;border-bottom:1px solid currentColor;padding-bottom:9px}.text-link span{font-size:22px;line-height:1}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;z-index:2;display:flex;align-items:center;justify-content:space-between}.hero-bottom .caption{font-size:12px;letter-spacing:2px}.slide-controls{display:flex;gap:13px;align-items:center}.slide-dot{padding:8px;position:relative;width:28px;height:28px}.slide-dot:after{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#fff8;top:11px;left:11px}.slide-dot[aria-pressed=true]{border:1px solid #fff9;border-radius:50%}.slide-dot[aria-pressed=true]:after{background:white}.pause{font-size:14px;margin-left:10px;color:#fff}.scroll-hint{font-size:12px;letter-spacing:2px}.section{padding:90px 7%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px}.section-heading h2,.about-home h2{font-family:var(--serif);font-size:42px;line-height:1.3;margin:9px 0 10px}.section-heading .cn{font-size:17px;letter-spacing:4px}.section-heading .eyebrow{color:var(--muted)}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.collection-card .photo{aspect-ratio:4/5;overflow:hidden;background:#e5e2da}.collection-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.collection-card:hover img{transform:scale(1.035)}.collection-card .card-info{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 0 19px}.collection-card h3{font-size:20px;letter-spacing:2px}.collection-card p{font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:5px}.collection-card .arrow{font-size:25px}.about-home{display:grid;grid-template-columns:1fr 1fr;background:#e9e6df;align-items:center}.about-home>img{width:100%;height:570px;object-fit:cover}.about-home>div{padding:55px 13%}.about-home .eyebrow{color:#7b6c58}.about-home h2{font-size:40px;margin:20px 0}.about-home p{color:#686b61;font-size:15px;margin-bottom:24px}.about-home .eng{font-family:var(--serif);font-size:18px;line-height:1.6}.contact-strip{padding:70px 7%;display:flex;align-items:center;justify-content:space-between}.contact-strip h2{font-family:var(--serif);font-size:32px;margin:8px 0}.contact-strip p{color:var(--muted);font-size:14px}footer{background:#252722;color:#d8d7cf;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:30px;padding:52px 7%;align-items:center}.footer-brand{font-size:23px;letter-spacing:4px}.footer-brand span{display:block;font-size:13px;letter-spacing:3px;margin-top:8px}footer p{font-size:14px}footer p span{font-size:12px;color:#aaa99f}footer>div{text-align:right}footer>div a{font-size:13px;margin-left:23px}footer small{display:block;color:#9d9f95;margin-top:22px}.page-intro{padding:65px 7% 38px}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:25px}.page-intro h1{font-family:var(--serif);font-size:52px;line-height:1.25;margin-bottom:12px}.page-intro h1 span{font-family:Arial,'Microsoft YaHei',sans-serif;font-size:22px;display:block;letter-spacing:5px;margin-top:15px}.page-intro>p{margin-top:20px;max-width:780px;color:#77796f;font-size:15px}.filters{margin:0 7% 38px;display:flex;gap:13px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filters a{padding:15px 22px;font-size:14px;position:relative}.filters a.active{color:#947551}.filters a.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#947551}.gallery{padding:0 7% 85px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px 26px}.product-card{text-align:left;padding:0;width:100%}.product-card .image-wrap{overflow:hidden;background:#e5e3da;aspect-ratio:1}.product-card img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.product-card:hover img{transform:scale(1.04)}.product-meta{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.product-meta h2{font-size:16px}.product-meta small{color:var(--muted);font-size:12px}.product-meta>span{font-size:21px}.empty-state{margin:0 7% 75px;padding:70px 30px;text-align:center;border:1px solid var(--line);background:#eeece5}.empty-state .eyebrow{color:#9b8666}.empty-state h2{font-size:25px;margin:18px 0}.empty-state p{font-size:15px;color:var(--muted);max-width:520px;margin:0 auto 24px}.about-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:0 7% 80px;align-items:start}.about-detail img{width:100%;height:660px;object-fit:cover}.about-detail h2{font-size:26px;line-height:1.5;margin:0 0 25px}.about-detail p{font-size:15px;color:#676b61;margin-bottom:20px;line-height:2}.about-detail .english{border-top:1px solid var(--line);padding-top:24px;font-size:14px;line-height:1.9}.values{display:grid;grid-template-columns:repeat(3,1fr);margin:0 7% 80px;border-top:1px solid var(--line)}.values>div{padding:30px 35px 0 0}.values .number{color:#a79171;font-family:var(--serif);font-size:35px}.values h3{font-size:19px;margin:8px 0}.values p{font-size:14px;color:var(--muted)}.network-panel{margin:0 7% 60px;background:#e9e6de;padding:65px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.network-graphic{border:1px solid #b9b4a5;border-radius:50%;aspect-ratio:1;max-width:330px;width:100%;margin:auto;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;background:repeating-radial-gradient(ellipse,#0000 0,#0000 44px,#b9b4a550 45px,#0000 46px)}.network-graphic div{background:#e9e6de;padding:18px}.network-graphic strong{font-size:27px;letter-spacing:4px;font-weight:400}.network-graphic p{font-size:12px;letter-spacing:2px;color:var(--muted)}.network-panel h2{font-size:29px;margin:15px 0}.network-panel p{font-size:15px;color:var(--muted);margin:15px 0}.contact-page{padding:0 7% 80px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-box{padding:40px 0;border-top:1px solid var(--line)}.contact-box h2{font-size:24px;margin-bottom:25px}.contact-box dt{font-size:12px;color:var(--muted);letter-spacing:1px;margin-top:25px}.contact-box dd{margin:8px 0 0;font-size:18px}.contact-note{background:#e8e5dd;padding:45px}.contact-note h3{font-size:24px;margin-bottom:20px}.contact-note p{font-size:15px;color:#6a6e62}.contact-note ol{padding-left:20px;font-size:15px;line-height:2.7}.contact-note .english{font-size:13px;border-top:1px solid #ceccbf;padding-top:18px}dialog{padding:0;border:0;background:var(--paper);width:min(1000px,92vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#10120fe0}.close-dialog{position:absolute;right:14px;top:12px;z-index:2;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 2px 12px #0002;font-size:28px;line-height:1}.detail-layout{display:grid;grid-template-columns:1.4fr 1fr}.detail-layout img{width:100%;height:100%;max-height:82svh;object-fit:contain;background:#e4e1d9}.detail-copy{padding:60px 30px 35px}.detail-copy h2{font-size:26px;line-height:1.4;margin:20px 0}.detail-copy p{color:var(--muted);font-size:14px;margin:20px 0 30px}body.dialog-open{overflow:hidden}
@media(min-width:1600px){.site-header nav{gap:38px}.nav-link .en{font-size:13px}.site-header{padding:0 5%}}
@media(max-width:1180px){.site-header{padding:0 3%}.site-header nav{gap:15px}.brand strong{font-size:16px}.brand{gap:9px}.brand-mark{font-size:44px;width:44px}.nav-link .en{font-size:10px}.nav-link .zh{font-size:13px}.about-home>div{padding:40px 9%}}
@media(max-width:960px){.site-header{height:85px;padding:0 6%}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:15px 0 15px 15px}.menu-toggle span{height:1px;width:25px;background:white}.site-header nav{display:none;position:absolute;left:0;right:0;top:85px;max-height:calc(100svh - 85px);overflow:auto;background:#282b26;padding:12px 6% 28px}.site-header.menu-open nav{display:block}.nav-item{display:block;border-bottom:1px solid #ffffff18}.nav-link{align-items:flex-start;padding:16px 0}.nav-link .en{font-size:12px}.nav-link .zh{font-size:14px}.nav-item.has-sub .nav-link:before{content:'+';position:absolute;right:8px;top:20px;font-size:22px}.nav-item.open .nav-link:before{content:'−'}.dropdown{position:static;transform:none;box-shadow:none;min-width:0;background:#33372e;color:#fff}.dropdown a{text-align:left;padding:10px 20px}.dropdown a span{color:#b5b7ac}.dropdown a:hover{background:#434739;color:white}.nav-item:focus-within:not(.open) .dropdown{display:none}.nav-link[aria-current=page]:after{display:none}.hero{min-height:590px;height:85svh}.hero-copy{left:7%;right:5%}.hero h1{font-size:56px}.hero .tagline{font-size:21px;letter-spacing:4px}.section{padding:65px 6%}.section-heading h2{font-size:36px}.collections{gap:16px}.collection-card h3{font-size:17px}.about-home>img{height:520px}.about-home h2{font-size:32px}.about-detail{gap:35px}.about-detail img{height:560px}.network-panel{padding:35px;gap:30px}footer{grid-template-columns:1fr 1fr}footer>div{grid-column:1/-1;text-align:left}footer>div a{margin-left:0;margin-right:25px}}
@media(max-width:600px){.hero{height:82svh;min-height:570px}.hero-slide img{object-position:53% center}.hero-copy{top:39%}.hero h1{font-size:39px;letter-spacing:5px}.hero .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:18px}.hero .tagline{font-size:20px;letter-spacing:3px;line-height:1.8;margin-top:18px}.hero .subline{font-size:12px;max-width:270px;margin-bottom:26px}.hero-bottom{bottom:23px}.hero-bottom .caption{font-size:10px;letter-spacing:1px}.scroll-hint{display:none}.section{padding:45px 6%}.section-heading{align-items:flex-start;gap:12px}.section-heading h2{font-size:30px}.section-heading .cn{font-size:15px}.section-heading .text-link{font-size:12px;gap:10px;margin-top:29px;white-space:nowrap}.collections{grid-template-columns:1fr;gap:28px}.collection-card .photo{aspect-ratio:5/4}.collection-card .card-info{padding:15px 0}.collection-card h3{font-size:20px}.about-home{grid-template-columns:1fr}.about-home>img{height:370px}.about-home>div{padding:38px 7%}.about-home h2{font-size:34px}.contact-strip{padding:42px 7%;display:block}.contact-strip h2{font-size:27px}.contact-strip .text-link{margin-top:25px}footer{padding:36px 7%;grid-template-columns:1fr;gap:25px}.footer-brand{font-size:22px}.page-intro{padding:38px 6% 25px}.page-intro h1{font-size:37px}.page-intro h1 span{font-size:20px}.breadcrumb{margin-bottom:18px}.filters{margin:0 6% 25px;gap:0}.filters a{padding:12px 10px;font-size:12px}.gallery{grid-template-columns:repeat(2,1fr);gap:25px 14px;padding:0 6% 45px}.product-meta h2{font-size:14px}.product-meta small{font-size:11px}.product-meta>span{display:none}.empty-state{margin:0 6% 45px;padding:45px 20px}.about-detail{display:flex;flex-direction:column;padding:0 6% 35px;gap:28px}.about-detail img{height:370px}.about-detail h2{font-size:23px}.values{grid-template-columns:1fr;margin:0 6% 40px}.values>div{padding:20px 0}.network-panel{margin:0 6% 40px;padding:30px 23px;grid-template-columns:1fr}.network-graphic{max-width:230px}.network-panel h2{font-size:25px}.contact-page{grid-template-columns:1fr;padding:0 6% 45px;gap:5px}.contact-note{padding:28px}.contact-box dd{font-size:16px}.detail-layout{grid-template-columns:1fr}.detail-layout img{max-height:52svh}.detail-copy{padding:22px}.detail-copy h2{margin:10px 0;font-size:23px}.detail-copy p{margin:10px 0 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Supplied network map: retain its full frame on desktop and mobile. */
.network-panel.network-with-map{grid-template-columns:1fr;padding:0;gap:0}.network-map{display:block;width:100%;height:auto;object-fit:contain;background:#fff}.network-copy{padding:40px 55px;max-width:1000px}.product-card .image-wrap img{object-fit:contain}.nav-link .en{white-space:normal;text-align:center;max-width:180px}.nav-item{flex-shrink:1}@media(max-width:960px){.nav-link .en{text-align:left;max-width:none}}@media(max-width:600px){.network-copy{padding:26px 22px}}
interactive-network-map{display:block;background:#fff}.map-canvas{position:relative;isolation:isolate}.map-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;z-index:2;display:grid;place-items:center;padding:0}.map-point-core{width:12px;height:12px;background:#aa8c60;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 4px #aa8c6033;transition:transform .2s}.map-point:before{content:'';position:absolute;inset:7px;border:1px solid #aa8c6090;border-radius:50%;animation:map-breathe 3.2s ease-out infinite;pointer-events:none}.map-point:nth-of-type(2):before{animation-delay:.5s}.map-point:nth-of-type(3):before{animation-delay:1s}.map-point:nth-of-type(4):before{animation-delay:1.5s}.map-point:nth-of-type(5):before{animation-delay:2s}.map-point-home .map-point-core{background:#383c31;width:14px;height:14px}.map-point.active .map-point-core,.map-point:focus-visible .map-point-core{transform:scale(1.3)}.map-point:focus-visible{outline:2px solid #8d734f;outline-offset:1px}.map-location-detail{position:absolute;left:clamp(12px,calc(var(--point-x) - 130px),calc(100% - 272px));top:clamp(12px,calc(var(--point-y) + 23px),calc(100% - 130px));width:260px;padding:16px 20px;background:#282b26;color:#fff;box-shadow:0 8px 28px #0003;z-index:3;border-top:2px solid #c4aa85;pointer-events:none}.map-location-detail[hidden]{display:none}.map-location-detail strong{display:block;font-size:16px;font-weight:400;letter-spacing:1px}.map-location-detail span{display:block;font-size:12px;color:#d3c0a3}.network-panel .map-location-detail p{font-size:13px;color:#e1e2db;margin:8px 0 0}.network-panel .map-hint{margin:0;padding:13px 20px 18px;text-align:center;font-size:13px;color:#77796f}.map-hint span{display:inline-block;font-size:12px;margin-left:14px;color:#96978f}@keyframes map-breathe{0%{transform:scale(.55);opacity:.8}80%,100%{transform:scale(1.65);opacity:0}}@media(max-width:600px){.map-location-detail{position:relative;left:auto;top:auto;width:auto;margin:0 16px 8px;padding:13px 16px;box-shadow:none}.map-point{width:32px;height:32px}.map-point-core{width:10px;height:10px}.map-point:before{inset:3px}.map-hint span{display:block;margin-left:0}}@media(prefers-reduced-motion:reduce){.map-point:before{animation:none;opacity:.35}.map-point-core{transition:none}}
.map-surface{position:relative}
interactive-network-map{max-width:100%;padding-top:24px}.map-canvas{max-width:980px;margin:auto}.map-point:not(.map-point-home){width:26px;height:26px}.map-point:not(.map-point-home):before{display:none}.map-point:not(.map-point-home) .map-point-core{width:8px;height:8px;border-width:1px;background:#49768f;box-shadow:0 0 0 3px #49768f15}.map-point-home{z-index:4}.map-point-home:after{content:'佛山';position:absolute;left:32px;top:7px;font-size:13px;white-space:nowrap;color:#282b26;font-weight:600;text-shadow:0 0 4px white}.map-region-select{display:block;width:calc(100% - 40px);max-width:360px;margin:0 auto 20px;padding:10px 13px;font:inherit;font-size:14px;border:1px solid #d5d9d9;border-radius:0;background:white;color:#282b26}.map-location-detail{border-top-color:#719db4}.map-point.active .map-point-core{box-shadow:0 0 0 5px #49768f30}@media(max-width:600px){interactive-network-map{padding-top:12px}.map-point:not(.map-point-home){width:18px;height:18px}.map-point:not(.map-point-home) .map-point-core{width:6px;height:6px}.map-point-home:after{left:26px;top:2px;font-size:12px}}
@media(min-width:601px){.map-canvas.tooltip-above .map-location-detail{top:calc(var(--point-y) - 145px)}}.map-location-detail{z-index:5}
/* Prominent, flat Foshan location pin; animate the artwork, not its hit target. */
.map-point.map-point-home{width:64px;height:88px;transform:translate(-50%,-100%);border-radius:8px;align-items:start;z-index:4}.foshan-pin{display:block;width:48px;height:64px;pointer-events:none;animation:foshan-float 3s ease-in-out infinite}.map-point-home:before{inset:auto;left:50%;bottom:0;width:20px;height:5px;transform:translateX(-50%);border:0;border-radius:50%;background:#1113;animation:none;pointer-events:none}.map-point-home:after{left:50%;top:100%;transform:translateX(-50%);font-size:16px;color:#111;text-shadow:0 0 4px white,0 0 8px white;letter-spacing:2px;pointer-events:none}@keyframes foshan-float{0%,100%{transform:translateY(8px)}50%{transform:translateY(0)}}@media(min-width:601px){.map-canvas.tooltip-foshan .map-location-detail{top:calc(var(--point-y) - 220px)}}@media(max-width:600px){.map-point.map-point-home{width:48px;height:66px}.foshan-pin{width:36px;height:48px}.map-point-home:after{font-size:14px;left:50%;top:100%}}@media(prefers-reduced-motion:reduce){.foshan-pin{animation:none;transform:translateY(4px)}}
@font-face{font-family:JasonScript;src:url('assets/fonts/Courgette-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.brand strong{font-family:JasonScript,Georgia,serif;font-size:32px;font-weight:400;letter-spacing:0;line-height:1.15;text-transform:none}
@media(max-width:1180px){.brand strong{font-size:29px}}
.contact-box dd a:hover{text-decoration:underline;text-underline-offset:5px}
/* Mobile additions share the original homepage collection cards. */
.mobile-home-card{display:none}
@media(max-width:600px){.mobile-home-card{display:block}}