:root{--paper:#efeee8;--ink:#22221f;--orange:#fa4e20;--muted:#73736c;--line:#d3d3c9;--display:'Helvetica Neue',Arial,sans-serif;--sans:'Noto Sans HK','PingFang HK','Microsoft JhengHei','Heiti TC',sans-serif;--mono:'SFMono-Regular',Consolas,'Courier New','Noto Sans HK','PingFang HK','Microsoft JhengHei',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:white}.page-grain{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{height:110px;margin:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.logo{display:flex;align-items:center;font-size:39px;letter-spacing:-4px;font-weight:900}.logo>span{font-size:38px;color:var(--orange);margin-left:6px;letter-spacing:0}.logo i{font:9px/1.5 var(--mono);font-style:normal;letter-spacing:0;margin-left:20px}.header nav{display:flex;gap:35px;font-size:12px}.header nav a{position:relative;padding:15px 0}.header nav a:after{content:'';position:absolute;left:0;right:0;bottom:7px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.header nav span{font:9px var(--mono);vertical-align:super;color:var(--muted);margin-left:6px}.header-cta{font-size:12px;border:1px solid var(--ink);padding:13px 18px;border-radius:30px}.header-cta span{padding-left:22px;font-size:18px}.header-cta:hover{background:var(--ink);color:var(--paper)}
.hero{position:relative;margin:0 4.5%;min-height:690px;height:calc(100svh - 110px);max-height:950px;display:grid;grid-template-columns:52% 48%;padding-top:60px}.hero-copy{position:relative;z-index:2;align-self:center;padding-bottom:85px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.2px;display:flex;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #fa4e2010}.edition{margin-left:auto;display:none}.hero h1{font-size:clamp(70px,7.9vw,140px);line-height:.91;letter-spacing:-.075em;font-weight:900;margin:36px 0 36px;white-space:nowrap}.form-word{position:relative}.form-word svg{position:absolute;bottom:-10px;left:-2px;width:100%;height:20px;overflow:visible}.form-word svg path{stroke:var(--orange);stroke-width:6;fill:none;stroke-linecap:round}.title-period{color:var(--orange)}.hero-bottom-copy{display:flex;gap:20px;align-items:center;margin-top:44px}.vertical-label{font-size:14px;writing-mode:vertical-rl;letter-spacing:4px;color:var(--orange);border-right:1px solid var(--line);padding-right:16px}.hero-bottom-copy p{font-size:16px;line-height:1.9;margin:0}.hero-bottom-copy p span{color:var(--muted);font-size:12px}.primary-link{display:inline-flex;gap:38px;align-items:center;font-size:12px;margin-top:32px;background:var(--ink);color:var(--paper);padding:18px 23px;border-radius:2px;transition:background .2s,transform .2s}.primary-link span{font-size:21px;line-height:1}.primary-link:hover{background:var(--orange);transform:translateY(-3px)}.hero-art{position:relative;align-self:stretch;margin-top:5px;margin-bottom:70px;min-width:0}.hero-art:before{content:'';position:absolute;width:90%;height:80%;left:0;top:5%;border-radius:50%;background:radial-gradient(ellipse,#e7dcc880,#e8e6dc00 65%);z-index:-1}.hero-art canvas{width:116%;height:100%;position:absolute;left:-12%;top:0;pointer-events:none}.art-coordinate{font:9px var(--mono);position:absolute;top:17px;right:2%;letter-spacing:1px;color:var(--muted)}.art-cross{position:absolute;font:24px var(--mono);font-weight:200;color:#88877d}.cross-one{left:6%;top:20%}.cross-two{right:2%;bottom:20%}.object-label{position:absolute;right:4%;bottom:19%;border-left:1px solid var(--orange);padding-left:12px}.object-label span{font-size:12px;display:block}.object-label small{font:8px var(--mono);color:var(--muted);display:block;margin-top:7px;letter-spacing:1px}.motion-toggle{position:absolute;left:7%;bottom:1%;border:0;background:transparent;font:9px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:8px;padding:12px 0}.motion-toggle>span:first-child{border:1px solid #b7b7ad;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:10px}.art-corner{position:absolute;right:2%;bottom:1%;font:9px/1.8 var(--mono);color:var(--muted)}.hero-foot{position:absolute;bottom:26px;width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px;font:9px var(--mono);letter-spacing:1px;color:var(--muted)}.scroll-note{display:flex;align-items:center;gap:35px}.scroll-note>span{font-size:20px;color:var(--ink)}
.marquee{overflow:hidden;background:var(--orange);height:82px;display:flex;align-items:center;border-block:1px solid var(--ink)}.marquee>div{display:flex;width:max-content;flex-shrink:0;align-items:center;gap:46px;animation:marquee 30s linear infinite}.marquee span{font-size:40px;font-weight:800;letter-spacing:-1.7px;white-space:nowrap}.marquee b{font-size:48px;font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:100px 4.5%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section h2{font-size:clamp(40px,4.5vw,72px);font-weight:500;letter-spacing:-3px;margin:20px 0 0}.section-heading h2>span{color:#9a9a90}.section-heading h2 sup{font:12px var(--mono);letter-spacing:0;vertical-align:top;margin-left:15px;position:relative;top:8px}.section-heading>p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 8px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:50px;padding-block:19px;border-top:1px solid var(--line);gap:20px}.small-mono{font:9px/1.6 var(--mono);letter-spacing:1px}.filters{display:flex;gap:7px}.filters button{border:0;padding:9px 16px;border-radius:20px;font-size:11px;background:transparent}.filters button.active{background:var(--ink);color:var(--paper)}.filters button:not(.active):hover{background:#deded4}.filters small{font:9px var(--mono);margin-left:8px;opacity:.65}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 24px}.art-card{text-align:left;display:block;padding:0;border:0;background:transparent;min-width:0}.art-card[hidden]{display:none}.card-art{position:relative;aspect-ratio:1/1.04;overflow:hidden;border:1px solid #00000005;transition:border-radius .4s}.card-art canvas{height:100%;width:100%;transition:transform .6s}.art-card:hover .card-art canvas{transform:scale(1.07)}.art-card:hover .card-art{border-radius:80px 0 0 0}.sand{background:#dfdccf}.charcoal{background:#292a27;color:#eeeeea}.ice{background:#dce3e3}.pink{background:#edc1c1}.blue{background:#314cc9;color:#fff}.lime{background:#c5db83}.card-number{position:absolute;left:20px;top:20px;font:8px var(--mono);letter-spacing:.5px;z-index:1}.view-art{position:absolute;right:17px;top:15px;font-size:24px;z-index:1}.card-caption{position:absolute;bottom:22px;left:20px;font-size:36px;line-height:.9;font-weight:800;letter-spacing:-2px;opacity:.9;pointer-events:none}.light-caption{color:#586567}.art-watermark{position:absolute;right:15px;bottom:3px;font-size:85px;line-height:1;opacity:.13;pointer-events:none}.number-watermark{font-weight:900;letter-spacing:-8px}.card-info{display:flex;justify-content:space-between;align-items:center;margin-top:17px;gap:10px}.card-info h3{font-size:13px;font-weight:500;margin:0;line-height:1.6}.card-info h3 span{font:9px var(--mono);display:block;color:var(--muted);margin-top:4px}.card-info>span{font:9px var(--mono);color:var(--muted);align-self:flex-start;margin-top:4px}.collection-note{display:flex;justify-content:space-between;gap:20px;margin:35px 0 0;font:9px var(--mono);color:var(--muted)}
.playground{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#242520;color:var(--paper);padding:70px 4.5%;position:relative;overflow:hidden}.playground-copy{position:relative;z-index:1;align-self:center}.playground .eyebrow{color:#aaa99f}.playground h2{font-size:clamp(48px,5vw,80px);line-height:1.2;letter-spacing:-3px;font-weight:500;margin:26px 0}.playground h2 span{color:var(--orange)}.playground p{font-size:12px;color:#adada4;line-height:2}.palette-picker{display:flex;align-items:center;gap:13px;margin-top:30px}.swatch{width:23px;height:23px;border:0;border-radius:50%;background:var(--swatch);outline:1px solid transparent;outline-offset:5px;transition:transform .2s}.swatch:hover{transform:scale(1.1)}.swatch.active{outline-color:var(--swatch)}.palette-picker>span{font-size:9px;color:#afafa5;margin-left:12px}.regenerate{border:0;border-bottom:1px solid #5c5e54;background:transparent;color:var(--paper);font-size:12px;display:flex;align-items:center;gap:65px;padding:0 0 13px;margin-top:42px}.regenerate:hover{color:var(--orange)}.regenerate span{font-size:22px}.playground-art{min-width:0;position:relative;align-self:stretch;min-height:410px}.playground-art canvas{position:absolute;inset:0;width:100%;height:100%}.playground-stamp{position:absolute;right:0;top:0;font:10px/1.5 var(--mono);letter-spacing:2px;color:#a7a99f;transform:rotate(6deg);border:1px solid #616455;border-radius:50%;width:105px;height:105px;display:grid;align-content:center;text-align:center}.playground-index{position:absolute;bottom:0;right:0;font:8px var(--mono);letter-spacing:1px;color:#a7a99f}.playground-index>span{margin-left:20px}
.about{padding-block:100px 115px}.about-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center;margin-top:15px}.about-layout h2{position:relative;font-size:clamp(44px,5vw,78px);line-height:1.3;letter-spacing:-4px;max-width:590px}.about-layout h2>span:not(.about-star){color:var(--orange)}.about-star{position:absolute;right:0;top:2px;font-size:82px;color:var(--orange);animation:spin 35s linear infinite}.about-copy p{font-size:14px;line-height:2.1;color:var(--muted);margin:0 0 20px;max-width:440px}.about-copy .small-mono{display:block;margin-top:28px;color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}
footer{background:#deded3;padding:45px 4.5% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;gap:50px}.footer-logo{font-size:94px;font-weight:900;letter-spacing:-9px;line-height:1}.footer-logo>span{font-size:80px;display:inline-block;color:var(--orange);margin-left:13px;letter-spacing:0;vertical-align:top}.footer-top p{font-size:12px;line-height:1.9;color:#66685e}.back-top{margin-left:auto;font:9px var(--mono);display:flex;align-items:center;gap:25px}.back-top span{border:1px solid #9d9e91;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:19px}.back-top:hover span{background:var(--ink);color:var(--paper)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bfc0b2;margin-top:35px;padding-top:24px;font:8px var(--mono);letter-spacing:.6px;color:#696b61}
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(850px,90vw);max-height:90svh;overflow:auto}dialog::backdrop{background:#151611bb;backdrop-filter:blur(10px)}.dialog-close{position:absolute;right:18px;top:18px;z-index:2;border:0;background:var(--paper);width:38px;height:38px;border-radius:50%;font-size:18px}.dialog-art{height:min(58svh,560px)}.dialog-art canvas{width:100%;height:100%}.dialog-copy{padding:25px 35px 30px}.dialog-copy h2{font-size:28px;font-weight:500;margin:10px 0}.dialog-copy p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 0 0}body.dialog-open{overflow:hidden}
@media(min-width:1700px){.header,.hero{margin-inline:auto;max-width:1560px}.section,.playground,footer{padding-inline:max(4.5%,calc((100vw - 1560px)/2))}}@media(max-width:1100px){.logo i{display:none}.header nav{gap:20px}.hero{min-height:650px}.hero h1{font-size:8.6vw}.art-grid{gap:30px 18px}.card-caption{font-size:29px}.about-layout{gap:60px}.about-star{font-size:65px;right:-15px}.eyebrow{font-size:8px;letter-spacing:.8px}}
@media(max-width:760px){.header{height:85px;margin-inline:6%;gap:12px}.logo{font-size:32px}.logo>span{font-size:30px}.header nav{gap:15px;font-size:10px}.header nav span{display:none}.header-cta{display:none}.hero{height:auto;min-height:0;grid-template-columns:1fr;margin-inline:6%;padding-top:45px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(68px,15vw,112px);margin-block:28px}.hero-bottom-copy{margin-top:35px}.hero-bottom-copy p{font-size:14px}.hero-bottom-copy p span{font-size:11px}.hero .eyebrow{font-size:8px}.primary-link{margin-top:25px;padding:16px 20px}.hero-art{height:420px;margin-top:0;margin-bottom:85px}.hero-art canvas{width:100%;left:0}.art-coordinate{top:25px}.cross-one{top:26%;left:0}.object-label{bottom:20%;right:0}.motion-toggle{left:0;bottom:0}.hero-foot{font-size:7px;padding-top:20px;bottom:25px}.scroll-note{gap:12px;font-size:7px}.hero-foot>span:first-child{max-width:130px;line-height:1.6}.marquee{height:66px}.marquee span{font-size:30px}.marquee b{font-size:36px}.marquee>div{gap:28px}.section{padding:65px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section h2{font-size:44px;margin-top:14px;letter-spacing:-2px}.section-heading>p{font-size:11px}.collection-toolbar{margin-top:27px;flex-wrap:wrap;padding-block:16px;gap:15px}.filters{gap:4px}.filters button{padding:8px 12px;font-size:10px}.art-grid{grid-template-columns:repeat(2,1fr);gap:27px 14px}.card-number{left:12px;top:14px;font-size:6px;letter-spacing:0}.view-art{right:10px;top:7px;font-size:21px}.card-caption{font-size:24px;left:12px;bottom:14px;letter-spacing:-1.5px}.card-info h3{font-size:11px}.card-info h3 span{font-size:8px}.card-info>span{font-size:7px}.card-info{gap:2px}.art-watermark{font-size:55px;right:10px}.collection-note{font-size:8px;line-height:1.7}.collection-note>span:last-child{max-width:145px;text-align:right}.playground{grid-template-columns:1fr;padding:55px 6%;gap:22px}.playground h2{font-size:52px}.playground-art{min-height:370px}.playground-stamp{width:80px;height:80px;font-size:8px;top:12px}.about-layout{grid-template-columns:1fr;gap:35px}.about-layout h2{font-size:51px;letter-spacing:-3px;margin-top:0;max-width:390px}.about-star{font-size:65px;right:0;top:12px}.about-copy p{font-size:12px}.footer-top{gap:22px;flex-wrap:wrap}.footer-logo{font-size:65px;letter-spacing:-6px}.footer-logo>span{font-size:57px;margin-left:9px}.footer-top p{font-size:10px}.back-top{gap:8px;font-size:7px}.back-top span{width:30px;height:30px}.footer-bottom{font-size:7px;line-height:1.8;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}footer{padding-inline:6%}.dialog-copy{padding:22px}.dialog-copy h2{font-size:22px}}
@media(max-width:390px){.header nav{gap:10px}.art-grid{grid-template-columns:1fr}.card-number{font-size:8px}.card-caption{font-size:36px}.hero h1{font-size:14.8vw}.hero-art{height:340px}.footer-top .back-top{margin-left:0}.about-star{font-size:50px;right:-8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div,.about-star{animation:none}*,*:before,*:after{transition:none!important}}

/* Hong Kong Chinese typography, with the Latin artwork lettering retained. */
body{line-break:strict;font-weight:400}
.hero h1,.marquee,.card-caption{font-family:var(--display)}
.logo,.footer-logo{letter-spacing:-.04em;font-weight:900;white-space:nowrap}
.logo i{letter-spacing:.3px;line-height:1.7}
.section h2,.playground h2,.about-layout h2{letter-spacing:-.035em}
.card-info h3{line-height:1.8}
.dialog-copy p{line-height:1.9}
@media(min-width:761px){.header nav,.header-cta,.filters button,.primary-link,.playground p,.regenerate{font-size:13px}.section-heading>p{font-size:13px}.card-info h3{font-size:14px}.hero-bottom-copy p span{font-size:13px}}
@media(max-width:760px){.logo{font-size:30px}.footer-logo{font-size:60px}.footer-logo>span{font-size:53px}.hero .eyebrow{font-size:7px;letter-spacing:.4px}}