:root{--ink:#243c31;--muted:#697169;--green:#315a49;--paper:#fbfaf6;--line:#dcded3;--peach:#f2dbcd;--mint:#e5eddc;--lilac:#e9e3ef;--orange:#b95530;--serif:Georgia,'Songti SC',serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,5.8vw,88px);line-height:1.17;letter-spacing:-.045em;font-weight:650;margin-bottom:26px}h2{font-size:clamp(28px,3.2vw,48px);font-weight:600;line-height:1.35;letter-spacing:-.035em;margin-bottom:24px}h3{font-size:23px;font-weight:600;line-height:1.45}p{margin-bottom:20px}.wrap{max-width:1440px;width:calc(100% - 120px);margin-left:auto;margin-right:auto}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;line-height:1.6;text-transform:uppercase;margin-bottom:22px}.small-note{font-size:13px;color:var(--muted);line-height:1.8}.peach{background:var(--peach)}.mint{background:var(--mint)}.lilac{background:var(--lilac)}.skip-link{position:fixed;top:-100px;left:16px;background:var(--green);color:white;z-index:1000;padding:10px 18px}.skip-link:focus{top:10px}.site-header{height:98px;position:relative;z-index:30;background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:750;white-space:nowrap;line-height:1.25}.brand img{width:42px;height:42px;mix-blend-mode:multiply}.brand small{display:block;letter-spacing:4px;font-size:10px;font-weight:600;margin-top:5px}#primary-nav{display:flex;align-items:center;gap:32px;font-size:14px}#primary-nav a{position:relative;padding:12px 0;white-space:nowrap}#primary-nav a[aria-current]:after{content:'';height:3px;position:absolute;bottom:4px;left:0;width:22px;background:var(--orange)}.header-shop{border:1px solid var(--green);padding:11px 19px;border-radius:30px;background:transparent;font-size:14px;white-space:nowrap}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 26px;background:var(--green);color:white;border:1px solid var(--green);border-radius:6px;font-size:15px;min-height:52px;line-height:1.4;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#214232;transform:translateY(-2px)}.button.light{background:var(--paper);color:var(--green);border-color:var(--paper)}.text-link{display:inline-flex;align-items:center;background:transparent;border:0;border-bottom:1px solid #a9b4a7;border-radius:0;padding:10px 0;font-size:14px;min-height:44px;line-height:1.5}.text-link:hover{color:var(--orange);border-color:var(--orange)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:68px 0 64px;min-height:680px}.hero-copy{padding:18px 0}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--orange);border-radius:50%}.serif-accent{color:var(--orange)}.hero-description{font-size:17px;line-height:1.9;color:var(--muted)}.actions{display:flex;align-items:flex-start;gap:18px;flex-direction:column;margin-top:32px}.hero-foot{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:12px;margin-top:38px}.tiny-beads{display:flex}.tiny-beads i{width:23px;height:23px;border-radius:50%;background:#dfaa6d;border:4px solid var(--paper);margin-left:-3px}.tiny-beads i:nth-child(2){background:#8baf91}.tiny-beads i:nth-child(3){background:#bf8798}.tiny-beads i:nth-child(4){background:#7498aa}.hero-art{height:565px;background:#e7eddf;border-radius:180px 180px 14px 14px;position:relative;margin-left:12px;background-image:radial-gradient(#98af8c30 1px,transparent 1px);background-size:16px 16px}.stage-note{position:absolute;top:34px;left:0;width:100%;text-align:center;letter-spacing:3px;font-size:9px;color:#5b745d}.art-tile{position:absolute;background:#faf8ef;box-shadow:0 16px 22px #24482c13;border:1px solid #ccd3c4;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;border-radius:8px}.art-tile [data-art]{width:100%}.art-tile svg{max-height:100%;display:block;width:100%;height:100%;filter:drop-shadow(1px 2px 0 #40573512)}.art-tile span{letter-spacing:2px;font-size:11px;color:#5f6e59;margin-top:12px}.tile-flower{width:51%;height:305px;left:-8%;top:81px;transform:rotate(-12deg);background:#f1e5d4;z-index:2}.tile-flower [data-art]{height:240px}.tile-rabbit{width:53%;height:325px;right:-2%;top:175px;transform:rotate(9deg);background:#dce6e9;z-index:1}.tile-rabbit [data-art]{height:260px}.art-label{position:absolute;bottom:58px;left:13%;font-size:33px;font-weight:800;line-height:1.02;letter-spacing:-1px;transform:rotate(-6deg);color:#66805e}.art-label em{font-family:var(--serif);font-weight:400}.stage-caption{position:absolute;bottom:16px;left:0;width:100%;text-align:center;font-size:10px;color:#66715e}.circle-label{position:absolute;top:96px;right:18px;width:94px;height:94px;border-radius:50%;background:#c47750;color:#fff9ed;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--serif);font-size:36px;line-height:1.1;transform:rotate(9deg)}.circle-label small{font:10px 'PingFang SC',sans-serif;margin-top:4px}.ribbon{display:flex;justify-content:space-around;gap:40px;overflow:hidden;white-space:nowrap;background:#e7bc79;padding:20px 0;font-size:12px;font-weight:600;letter-spacing:3px}.ribbon span:nth-child(2){font-family:var(--serif);font-style:italic;font-size:16px;letter-spacing:1px}.section{padding:88px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px}.section-head h2{margin-bottom:0}.section-head>p{color:var(--muted);font-size:14px;margin-bottom:4px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.product-card{min-width:0}.product-art{position:relative;height:315px;width:100%;display:block;border:0;border-radius:10px;padding:30px;overflow:hidden}.product-art>div{height:215px;width:62%;margin:28px auto 0;transition:transform .3s}.product-art:hover>div{transform:rotate(5deg) translateY(-4px)}.product-art svg{width:100%;height:100%;filter:drop-shadow(0 4px 1px #50664315)}.product-count{position:absolute;top:22px;left:22px;font:40px var(--serif);text-align:left;line-height:1}.product-count small{display:block;font-size:10px;font-family:'PingFang SC',sans-serif;margin-top:5px;letter-spacing:1px}.product-corner{position:absolute;right:20px;top:20px;border:1px solid #71876760;border-radius:50%;width:35px;height:35px;line-height:32px;font-size:20px}.art-caption{position:absolute;right:20px;bottom:13px;font-size:9px;letter-spacing:1px;color:#68766a}.product-info{padding-top:25px}.product-info .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:8px}.product-info h3{margin:8px 0 10px}.product-info h3 button{font:inherit;border:0;background:transparent;padding:0;line-height:1.5;min-height:44px}.product-info p{font-size:14px;color:var(--muted);margin-bottom:8px}.colour-story{background:var(--green);color:#f4f5e8;padding:80px 0}.colour-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.colour-layout p{font-size:14px;line-height:2}.colour-layout .eyebrow{font-size:10px;color:#d4dfcc}.colour-layout .small-note{font-size:11px;color:#c9d4c4;margin-top:20px}.colour-sample{background:#edf0e3;padding:30px;transform:rotate(3deg);border-radius:10px;box-shadow:15px 15px 0 #1c3f3130}#home-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}#home-swatches a{background:var(--swatch);aspect-ratio:1;display:flex;align-items:flex-end;padding:8px;position:relative;border-radius:3px}#home-swatches a span{font-size:10px;color:#263f35;background:#fffc;padding:1px 6px;border-radius:2px}.colour-sample>span{display:block;margin-top:20px;color:var(--green);font-size:9px;letter-spacing:2px}.moments{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.moment{padding:28px;border-radius:10px}.moment [data-art]{height:190px;margin:15px auto 30px;width:78%;display:flex;justify-content:center}.moment svg{height:100%;max-width:100%}.moment>span{font-size:10px;letter-spacing:2px}.moment h3{font-size:21px;margin:12px 0}.moment p{color:#5f6d61;font-size:14px;margin-bottom:8px}.start-card{background:#efede3;border-radius:12px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:90px}.start-card>div>p{color:var(--muted);font-size:14px}.start-card ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;justify-content:center}.start-card li{display:flex;gap:24px;border-bottom:1px solid #cccec1;padding:23px 0}.start-card li:last-child{border:0}.start-card b{font:30px var(--serif);color:#8b9b80}.start-card h3{font-size:19px;margin:0 0 8px}.start-card li p{font-size:13px;color:var(--muted);margin:0}.footer-invite{border-top:1px solid var(--line);padding:65px 0;background:#e4eadb}.footer-invite .wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.footer-invite .eyebrow{grid-column:1/-1;margin-bottom:0}.footer-invite h2{margin:0;font-size:46px}.footer-invite .button{justify-self:end}.site-footer{background:var(--paper)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.2fr;align-items:center;gap:50px;padding:48px 0}.footer-top>p{font-size:13px;color:var(--muted);margin:0}.footer-top nav{display:flex;flex-wrap:wrap;gap:14px 25px;justify-content:flex-end;font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.page-intro{padding:76px 0 58px}.page-intro h1{font-size:clamp(42px,5.2vw,70px)}.page-intro>p:not(.eyebrow){font-size:16px;color:var(--muted)}.compact-top{padding-top:0}.filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.chip{background:transparent;border:1px solid #c8d1c2;border-radius:30px;font-size:13px;padding:10px 20px;min-height:44px}.chip.active{background:var(--green);border-color:var(--green);color:white}.comparison{border-top:1px solid var(--line)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:600px;text-align:left;font-size:14px}th,td{padding:24px 20px;border-bottom:1px solid var(--line)}th{background:#edf0e5;font-weight:500}td:first-child{font-weight:600}.inline-cta{display:flex;align-items:center;justify-content:space-between;background:#e9eddf;padding:40px;border-radius:12px;margin-bottom:88px}.inline-cta h2{font-size:28px;margin-bottom:8px}.inline-cta p{color:var(--muted);margin:0;font-size:14px}.colour-search{background:#eef1e7;border:1px solid #d9e0d2;padding:26px;border-radius:12px;margin-bottom:26px}.colour-search label{font-size:14px;display:block;margin-bottom:10px;font-weight:600}.colour-search>div{display:flex;gap:14px}.colour-search input{width:100%;padding:15px 18px;background:var(--paper);border:1px solid #adc0a6;border-radius:5px;min-width:0;min-height:52px}.colour-search .button{white-space:nowrap}.series-filter{gap:8px}.series-filter .chip{font-size:12px;padding:8px 14px}.catalog-meta{display:flex;justify-content:space-between;gap:20px;margin-top:26px;font-size:12px;color:var(--muted)}.colour-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:18px}.colour-card{padding:0 0 10px;background:transparent;border:0;text-align:left;min-width:0}.colour-chip{display:block;aspect-ratio:1;border-radius:7px;background:var(--swatch);border:1px solid #55555518;transition:transform .2s}.colour-card:hover .colour-chip{transform:translateY(-4px)}.colour-card strong{display:block;margin-top:10px;font-size:14px}.colour-card small{display:block;font-size:11px;line-height:1.5;color:var(--muted)}.sample-note{font-size:13px;color:var(--muted);background:#f0f1e9;border:1px solid #dde1d6;padding:20px;border-radius:8px;margin-top:24px;line-height:1.8}.sample-note p{margin:8px 0 0}.sample-note b{color:var(--ink)}.empty-state{text-align:center;padding:45px 15px;color:var(--muted)}.steps>article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:38px 0;border-bottom:1px solid var(--line)}.steps>article:nth-child(even) .step-visual{order:2}.steps h2{font-size:32px}.steps p{font-size:15px;color:var(--muted)}.step-visual{height:330px;padding:45px;border-radius:10px;display:flex;align-items:center;justify-content:center}.step-visual svg{max-width:100%;height:100%}.step-number{font:42px var(--serif);color:#89947c;display:block;margin-bottom:18px}.giant-code{font:100px var(--serif);line-height:1.3}.giant-code span{display:block;font:13px 'PingFang SC',sans-serif;text-align:center;letter-spacing:4px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:17px;cursor:pointer;min-height:44px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:26px;font-weight:300}.faq details[open] summary:after{content:'−'}.faq details p{color:var(--muted);font-size:14px;padding:12px 20px 0 0;margin:0}.about-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding:84px 0}.about-hero p{color:var(--muted)}.about-mark{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#e6ecdE;gap:30px;border-radius:45% 45% 8px 8px;min-height:450px}.about-mark img{width:150px;mix-blend-mode:multiply}.about-mark span{font-size:28px;font-weight:bold;letter-spacing:6px;text-align:center}.about-mark small{display:block;font-size:11px;font-weight:400;letter-spacing:2px;margin-top:12px}.manifesto{border-top:1px solid var(--line)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.values article>span{font:28px var(--serif);color:#a3ad93}.values h3{font-size:21px;margin:15px 0}.values p{font-size:14px;color:var(--muted)}.partnership{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;border-top:1px solid var(--line);align-items:center}.partnership p{font-size:14px;color:var(--muted)}.brand-note{background:#eeeadd;border-radius:10px;padding:35px}.brand-note>span{font-size:12px;color:var(--muted)}.brand-note h3{font-size:26px;margin:24px 0}.modal-open{overflow:hidden}dialog{width:min(900px,calc(100% - 40px));max-height:88dvh;max-height:88vh;overflow:auto;border:0;border-radius:16px;background:var(--paper);color:var(--ink);padding:52px;box-shadow:0 20px 100px #15261740}dialog::backdrop{background:#203a3070;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:15px;right:15px;border:0;border-radius:50%;background:#e9eee2;width:40px;min-height:40px;font-size:26px}.entry-mark{width:60px;margin:0 auto 25px;mix-blend-mode:multiply}#entry-dialog{max-width:580px;text-align:center}#entry-dialog h2{font-size:32px}#entry-description{font-size:14px;color:var(--muted)}#entry-options{display:flex;flex-direction:column;gap:12px;margin:20px 0}.preview-link{display:block;font-size:12px;text-decoration:underline;color:var(--muted)}.detail-product,.colour-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.detail-art{height:330px;padding:25px;border-radius:10px;display:flex;flex-direction:column;gap:15px;align-items:center;justify-content:center}.detail-art svg{height:240px;max-width:100%}.detail-art small{font-size:10px;color:var(--muted)}.detail-product h2,.colour-detail h2{font-size:29px}.detail-product p,.colour-detail p{font-size:14px}.detail-product .text-link{margin-top:12px}.colour-detail-swatch{aspect-ratio:1;background:var(--swatch);border-radius:12px;border:1px solid #65736025}.colour-detail h3{font-size:16px;margin:18px 0 6px}.colour-detail .name-source{color:var(--muted);font-size:12px}.colour-detail .eyebrow{margin-bottom:8px}
@media(min-width:1550px){.hero-art{height:620px}.tile-flower{height:335px}.tile-rabbit{height:350px;top:205px}.tile-rabbit [data-art]{height:285px}.art-label{font-size:40px;bottom:70px}.circle-label{right:40px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}#primary-nav{gap:20px;font-size:13px}.header-shop{padding:10px 14px}.hero{gap:20px;padding:45px 0;min-height:600px}.hero-art{height:480px}.tile-flower{height:255px;top:95px;padding:14px}.tile-rabbit{height:270px;top:170px;padding:14px}.art-tile [data-art]{height:200px}.art-label{font-size:29px;bottom:50px;left:10%}.circle-label{top:90px;width:75px;height:75px;font-size:28px;right:7px}.colour-layout{gap:40px}.section{padding:65px 0}.product-grid{gap:20px}.product-art{height:280px}.product-art>div{height:190px;width:75%}.moments{gap:20px}.moment{padding:20px}.moment h3{font-size:19px}.start-card{padding:38px;gap:35px}.footer-top{gap:25px}.colour-grid{grid-template-columns:repeat(6,1fr)}.steps>article{gap:45px}.about-hero{gap:45px}.about-mark{min-height:380px}.faq{gap:45px}.partnership{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{height:78px}.brand{font-size:23px}.brand img{width:36px;height:36px}.header-inner{gap:15px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;padding:12px}.menu-toggle span{height:1px;width:18px;background:var(--ink)}#primary-nav{display:none;position:absolute;top:78px;left:0;width:100%;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 20px;box-shadow:0 16px 24px #35432c13}#primary-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:5px}#primary-nav a{padding:13px 8px}#primary-nav a[aria-current]:after{left:8px;bottom:7px}.header-shop{margin-top:10px}.hero{grid-template-columns:1fr;gap:28px;padding:38px 0 40px}.hero-copy{padding:0}.hero h1{font-size:58px;line-height:1.14;margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:18px}.hero-description{font-size:15px}.actions{margin-top:25px;gap:10px}.hero-foot{margin-top:20px}.hero-art{margin:0 4% 0 7%;height:435px;border-radius:150px 150px 10px 10px}.stage-note{top:28px;font-size:8px}.tile-flower{left:-9%;top:84px;width:54%;height:240px}.tile-rabbit{right:-6%;top:158px;width:56%;height:255px}.art-tile [data-art]{height:185px}.art-label{bottom:45px;left:11%;font-size:28px}.circle-label{top:65px;right:15px;width:73px;height:73px}.stage-caption{font-size:8px;bottom:8px}.ribbon{justify-content:flex-start;gap:35px;padding:16px 20px}.ribbon span{font-size:10px;letter-spacing:2px}.ribbon span:nth-child(2){font-size:13px}.ribbon span:last-child{display:none}.section{padding:52px 0}.section-head{display:block;margin-bottom:28px}.section-head h2{font-size:32px}.section-head .text-link{margin-top:14px}.section-head>p{margin-top:18px;font-size:14px}.product-grid{grid-template-columns:1fr;gap:32px}.product-art{height:330px}.product-art>div{height:255px;width:65%;margin-top:10px}.product-info{padding-top:18px}.product-info h3{font-size:24px;margin-top:6px}.product-info .eyebrow{margin-bottom:0}.colour-story{padding:50px 0}.colour-layout{grid-template-columns:1fr;gap:30px}.colour-layout h2{font-size:34px}.colour-layout .small-note{margin-bottom:0}.colour-sample{padding:20px;margin:0 8px;transform:rotate(2deg)}.colour-sample>span{font-size:8px}.moments{grid-template-columns:1fr;gap:18px}.moment{padding:25px;display:grid;grid-template-columns:1fr 1.2fr;gap:4px 18px;align-items:center}.moment [data-art]{grid-column:1;grid-row:1/4;margin:0;height:150px;width:100%}.moment>span{grid-column:2;font-size:9px}.moment h3{grid-column:2;font-size:20px;margin:5px 0}.moment p{grid-column:2;font-size:12px;margin:0}.start-card{padding:30px 24px;grid-template-columns:1fr;gap:10px;margin-bottom:55px}.start-card h2{font-size:30px}.start-card li{gap:20px;padding:18px 0}.footer-invite{padding:40px 0}.footer-invite .wrap{display:block}.footer-invite h2{font-size:38px;margin:18px 0 26px}.footer-top{grid-template-columns:1fr 1fr;padding:35px 0;gap:24px}.footer-top>p{font-size:12px}.footer-top nav{grid-column:1/-1;justify-content:flex-start;gap:15px 25px}.footer-bottom{flex-wrap:wrap;gap:9px;font-size:9px}.footer-bottom span:last-child{width:100%}.page-intro{padding:42px 0 34px}.page-intro h1{font-size:43px}.page-intro>p:not(.eyebrow){font-size:14px}.compact-top{padding-top:0}.filter-row{gap:8px;margin-bottom:23px}.chip{font-size:12px;padding:9px 17px}.comparison{padding-top:40px}.comparison h2{font-size:28px}.inline-cta{display:block;padding:25px;margin-bottom:55px}.inline-cta h2{font-size:26px}.inline-cta .button{margin-top:22px}.colour-search{padding:18px}.colour-search>div{gap:8px}.colour-search input{font-size:14px;padding:12px}.colour-search .button{padding:12px 16px;font-size:14px}.series-filter{flex-wrap:nowrap;overflow:auto;padding-bottom:12px;margin-bottom:10px}.series-filter .chip{white-space:nowrap;padding:8px 14px}.catalog-meta{font-size:11px;margin-top:15px}.colour-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px 11px}.colour-card strong{font-size:13px;margin-top:7px}.colour-card small{font-size:10px}.sample-note{padding:16px;font-size:12px}.steps>article{grid-template-columns:1fr;gap:26px;padding:0 0 36px;margin-bottom:36px}.steps>article:nth-child(even) .step-visual{order:0}.step-visual{height:285px;padding:36px}.step-number{font-size:32px;margin-bottom:13px}.steps h2{font-size:28px;margin-bottom:16px}.steps p{font-size:14px}.faq{grid-template-columns:1fr;gap:12px;padding-top:15px}.faq h2{font-size:31px}.faq details{padding:15px 0}.faq summary{font-size:15px}.about-hero{grid-template-columns:1fr;gap:20px;padding:44px 0}.about-hero h1{font-size:47px}.about-hero p{font-size:14px}.about-mark{min-height:335px;margin:0 25px}.about-mark img{width:120px}.about-mark span{font-size:25px}.about-mark small{font-size:10px}.manifesto h2{font-size:32px}.values{grid-template-columns:1fr;gap:20px;margin-top:30px}.values article{padding-bottom:15px;border-bottom:1px solid var(--line)}.values h3{font-size:21px;margin:10px 0}.partnership{grid-template-columns:1fr;gap:28px}.brand-note{padding:28px}dialog{padding:52px 24px 26px;width:calc(100% - 24px);max-height:90vh}.detail-product,.colour-detail{grid-template-columns:1fr;gap:24px}.detail-art{height:220px;padding:18px}.detail-art svg{height:165px}.detail-product h2,.colour-detail h2{font-size:27px}.colour-detail-swatch{height:185px;aspect-ratio:auto}.colour-detail .small-note{margin:8px 0 0}.button{min-height:50px;font-size:14px;padding:14px 22px}.art-tile span{font-size:9px}.sample-note{margin-top:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

@media(max-width:760px){.colour-card small{font-size:12px}.colour-card strong{font-size:14px}.moment p{font-size:14px}.hero-foot{font-size:13px}.art-caption,.stage-caption{font-size:10px}.footer-bottom{font-size:11px}}
@media(max-width:380px){.hero h1{font-size:50px}.hero-art{height:400px}.tile-flower{height:218px}.tile-rabbit{height:233px;top:150px}.art-tile [data-art]{height:165px}.stage-caption{font-size:9px}.art-label{font-size:25px}}

.entry-qr{width:180px;height:180px;object-fit:contain;margin:0 auto 12px;background:white;padding:10px}

.about-copy{max-width:650px}.about-hero .brand-introduction{color:var(--ink);font-size:18px;line-height:1.9}.brand-note .brand-signature{color:var(--green);font-size:13px;letter-spacing:1px;margin:28px 0 0}.values article>span{font-family:inherit;font-size:12px;letter-spacing:1.5px;color:var(--muted)}
@media(max-width:760px){.about-hero .brand-introduction{font-size:16px}.about-hero h1{font-size:clamp(30px,7.4vw,47px)}.about-mark{margin:0 14px}.brand-note h3{font-size:27px}}

.factory-story{border-top:1px solid var(--line)}.factory-intro{max-width:760px;font-size:16px;line-height:1.9;color:var(--muted)}.factory-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:32px}.factory-story-grid figure{margin:0;background:#f0f2ea;border-radius:10px;overflow:hidden}.factory-story-grid .factory-lead{grid-column:1/-1}.factory-image{display:block;border:0;padding:0;background:transparent;width:100%;position:relative}.factory-image img{width:100%;height:auto;display:block}.factory-image>span{position:absolute;bottom:14px;right:14px;background:#243c31e6;color:white;padding:6px 14px;border-radius:24px;font-size:13px}.factory-story-grid figcaption{padding:25px}.factory-story-grid h3{margin-bottom:10px}.factory-story-grid figcaption p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:12px}.factory-story-grid small{font-size:12px;color:var(--muted)}.factory-full-image{width:100%;height:auto;border-radius:5px}.factory-dialog-copy{font-size:14px;color:var(--muted)}@media(max-width:760px){.factory-story-grid{grid-template-columns:1fr;gap:22px;margin-top:24px}.factory-story-grid figcaption{padding:20px}.factory-story h2{font-size:30px}.factory-intro{font-size:16px}}

.editorial-content p{line-height:1.9;max-width:75ch}.editorial-content details{padding:16px 0;border-bottom:1px solid #dce5df}.editorial-content summary{cursor:pointer;font-weight:600}.editorial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.packaging-first{width:min(100%,480px);aspect-ratio:1/1.12;overflow:hidden;position:relative;border-radius:20px;background:white}.packaging-first img{position:absolute;width:300%;max-width:none;left:0;top:-13%;height:auto}
.packaging-whole img{max-width:min(100%,640px);height:auto}

/* ===== LEDITTO motion layer (added 2026-09-17) =====
   All entrance states are applied by JS (.reveal). Without JS the page renders fully visible. */
@keyframes leditto-rise{from{opacity:0;transform:translate3d(0,26px,0)}to{opacity:1;transform:none}}
@keyframes leditto-fade{from{opacity:0}to{opacity:1}}
@keyframes leditto-art{from{opacity:0;transform:translate3d(0,34px,0) scale(.97)}to{opacity:1;transform:none}}
@keyframes leditto-sheen{0%{transform:translate3d(-120%,0,0)}55%,100%{transform:translate3d(120%,0,0)}}
@keyframes leditto-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes leditto-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes leditto-bead{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.12);opacity:1}100%{transform:scale(1);opacity:1}}
.reveal{opacity:0}
.reveal.is-visible{animation:leditto-rise .78s cubic-bezier(.22,.68,.28,1) both}
.reveal-art.is-visible{animation:leditto-art .95s cubic-bezier(.22,.68,.28,1) both}
.reveal-fade.is-visible{animation:leditto-fade .9s ease both}
.reveal[data-delay="1"].is-visible{animation-delay:.09s}
.reveal[data-delay="2"].is-visible{animation-delay:.18s}
.reveal[data-delay="3"].is-visible{animation-delay:.27s}
.reveal[data-delay="4"].is-visible{animation-delay:.36s}
.reveal[data-delay="5"].is-visible{animation-delay:.45s}
.reveal[data-delay="6"].is-visible{animation-delay:.54s}
.hero-copy>*{animation:leditto-rise .85s cubic-bezier(.22,.68,.28,1) both}
.hero-copy>*:nth-child(1){animation-delay:.05s}
.hero-copy>*:nth-child(2){animation-delay:.14s}
.hero-copy>*:nth-child(3){animation-delay:.24s}
.hero-copy>*:nth-child(4){animation-delay:.34s}
.hero-copy>*:nth-child(5){animation-delay:.44s}
.hero-art{animation:leditto-art 1.05s cubic-bezier(.22,.68,.28,1) .12s both}
.tile-flower [data-art],.tile-rabbit [data-art]{animation:leditto-float 7.5s ease-in-out infinite}
.tile-rabbit [data-art]{animation-duration:9s;animation-delay:1.1s}
.circle-label{animation:leditto-spin 44s linear infinite}
.tiny-beads i{animation:leditto-bead .5s ease both}
.tiny-beads i:nth-child(2){animation-delay:.12s}
.tiny-beads i:nth-child(3){animation-delay:.24s}
.tiny-beads i:nth-child(4){animation-delay:.36s}
.ribbon{position:relative;overflow:hidden}
.ribbon:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 42%,#ffffff5c 50%,transparent 58%);transform:translate3d(-120%,0,0);animation:leditto-sheen 7.5s cubic-bezier(.4,0,.2,1) infinite}
.art-tile,.product-art,.factory-image img,.colour-chip,.colour-detail-swatch{transition:transform .5s cubic-bezier(.22,.68,.28,1),box-shadow .5s ease}
.art-tile:hover{transform:translate3d(0,-8px,0)}
.product-art:hover>div{transform:scale(1.045)}
.product-art:hover{box-shadow:0 22px 44px #35432c1f}
.colour-card:hover .colour-chip{transform:translate3d(0,-4px,0) scale(1.06)}
.factory-image:hover img{transform:scale(1.035)}
.button span,.text-link,.header-shop{transition:transform .35s ease,opacity .35s ease,background-color .35s ease}
.button:hover span{transform:translate3d(3px,-3px,0);display:inline-block}
.text-link:hover{transform:translate3d(3px,0,0);display:inline-block}
.moment,.start-card li,.factory-story-grid figure,.editorial-grid article{transition:transform .5s cubic-bezier(.22,.68,.28,1)}
.moment:hover{transform:translate3d(0,-6px,0)}
.section-head h2,.manifesto h2,.colour-story h2{text-wrap:balance}
.section-head .text-link:after,.values .text-link:after{content:"";display:block;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.section-head .text-link:hover:after,.values .text-link:hover:after{transform:scaleX(1)}

/* ===== Brand credential block (added 2026-09-17) ===== */
.brand-trust{border-top:1px solid var(--line)}
.brand-trust-lead{max-width:820px}
.brand-trust-lead h2{margin-bottom:20px}
.brand-trust-lead p{color:var(--muted);line-height:1.95}
.brand-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;margin-top:38px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.brand-trust-grid article{background:var(--paper);padding:28px 26px;transition:background-color .4s ease}
.brand-trust-grid article:hover{background:#f4f6ef}
.brand-trust-grid span{display:block;font-size:11px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}
.brand-trust-grid strong{display:block;font-size:17px;font-weight:600;line-height:1.6;margin-bottom:10px}
.brand-trust-grid small{display:block;font-size:12.5px;color:var(--muted);line-height:1.8}
.brand-trust-note{margin-top:26px;font-size:13px;color:var(--muted);max-width:900px;line-height:1.9}
.footer-legal{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:12px;color:var(--muted);line-height:1.9}
.footer-legal a{text-decoration:underline;text-underline-offset:3px}
.footer-legal .sep{opacity:.45}
.footer-legal-placeholder{font-size:11.5px;color:#8c9a92}
@media(max-width:760px){.brand-trust-grid{grid-template-columns:1fr}.brand-trust-grid article{padding:22px 20px}.brand-trust-lead p{font-size:15px}}
@media(prefers-reduced-motion:reduce){
 .reveal,.reveal-art,.reveal-fade{opacity:1!important}
 .hero-copy>*,.hero-art,.ribbon,.tile-flower [data-art],.tile-rabbit [data-art],.circle-label{animation:none!important}
}

/* ===== LEDITTO colour library downloads (added 2026-09-20) ===== */
.downloads-section{padding:88px 0 60px;border-top:1px solid var(--line)}
.downloads-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;flex-wrap:wrap}
.downloads-head h2{margin-bottom:8px}
.downloads-head>p{color:var(--muted);font-size:14px;margin:0;max-width:520px}
.downloads-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.download-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.download-card.featured{background:#e9eddf;border-color:#dde3d2}
.download-card.featured::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#e63946,#f1a953,#7cb342,#1e88e5,#7b3f99)}
.download-tag{display:inline-flex;align-items:center;font-size:10px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--green);background:#fff;border:1px solid var(--green);padding:5px 10px;border-radius:4px;margin-bottom:14px;width:fit-content}
.download-card.featured .download-tag{background:var(--green);color:#fff}
.download-card h3{font-size:23px;font-weight:600;line-height:1.3;margin:0 0 10px}
.download-card .download-desc{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px;flex-grow:0}
.download-preview{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:20px}
.download-swatch{aspect-ratio:1;border-radius:5px;background:var(--swatch,#e6ecdE);border:1px solid #00000010;display:flex;align-items:flex-end;justify-content:center;padding:3px;font-size:9px;font-weight:600;letter-spacing:.5px;color:#fff;text-shadow:0 1px 1px #00000040;overflow:hidden}
.download-swatch.light{color:#243c31;text-shadow:none}
.download-info{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);margin-bottom:18px;padding:14px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}
.download-info-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.download-info-row strong{color:var(--ink);font-weight:600;font-size:13px}
.download-info-row small{color:var(--muted);font-size:11px}
.download-card .button{width:100%;margin-top:auto}
.download-card .button .size{font-size:12px;font-weight:400;opacity:.85;margin-left:6px}
.download-note{margin-top:24px;font-size:12px;color:var(--muted);text-align:center;line-height:1.7}
.download-note a{color:var(--green);border-bottom:1px solid currentColor}
.downloads-section.is-loading .button{opacity:.6;pointer-events:none}
@media(max-width:1100px){.downloads-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.downloads-section{padding:55px 0 40px}.downloads-head{display:block;margin-bottom:26px}.downloads-head h2{font-size:32px}.downloads-grid{grid-template-columns:1fr;gap:18px}.download-card{padding:24px}.download-preview{grid-template-columns:repeat(8,1fr)}}
.effect-state-tabs{display:flex;gap:10px;margin:0 0 22px;padding:10px;border-radius:14px;background:#f1f4ef}.effect-state-tabs .chip{flex:1;justify-content:center}.effect-state-tabs .chip:disabled{opacity:.55;cursor:not-allowed}.pending-effect{padding:42px;border:1px dashed #b9c9c0;border-radius:18px;background:#f6f8f4;text-align:center}.pending-effect strong{font-size:20px;color:#315a49}.pending-effect p{max-width:580px;margin:12px auto 0;color:var(--muted);line-height:1.7}.effect-swatch{margin-top:16px;min-height:120px}

/* ===== Colour-library hero jump (added 2026-09-20) =====
   Top-of-page CTA that scrolls down to the downloads section. */
#colour-downloads{scroll-margin-top:24px}
.hero-jump{margin-top:32px;display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.button-download{display:inline-flex;align-items:center;gap:10px;background:var(--green);text-decoration:none}
.button-download:hover{background:#264f40;color:#fff}
.button-download .arrow{display:inline-block;font-size:18px;line-height:1;transition:transform .35s ease}
.button-download:hover .arrow{transform:translateY(3px)}
.hero-jump-meta{display:inline-block;font-size:12px;color:var(--muted);letter-spacing:.3px}
@media(max-width:760px){.hero-jump{margin-top:24px;gap:10px}.button-download{width:100%;justify-content:center}.hero-jump-meta{font-size:11.5px}}

/* 法务/合规页（隐私政策等） 2026-09-28 */
.legal{display:grid;gap:2px;max-width:860px}
.legal article{border-top:1px solid var(--line);padding:24px 0}
.legal article:first-child{border-top:0;padding-top:0}
.legal h3{font-size:17px;margin-bottom:10px}
.legal p{font-size:14px;color:var(--muted);line-height:1.9;margin:0 0 8px}
.legal strong{color:var(--ink)}
.footer-legal-nav{display:inline-flex;gap:10px}
.footer-legal-nav a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;opacity:.75}
.footer-legal-nav a:hover{opacity:1}
.brand-contact{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:14px;margin-top:22px}
.brand-contact-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--green);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.brand-contact a{color:var(--ink)}
.brand-contact .sep{color:var(--line)}
.factory-effect-image{height:auto;min-height:220px;aspect-ratio:auto!important;background:#f7f5ef;border:1px solid var(--line)}
.factory-effect-image img{position:static;width:100%;height:auto!important;max-height:560px;object-fit:contain!important;background:#f7f5ef;transform:none}
.effect-photo-labels{display:grid;grid-template-columns:1fr 1fr;padding:12px 22px 15px;color:var(--muted);font-size:12px;letter-spacing:.04em;background:#fff;border-top:1px solid var(--line)}
.effect-photo-labels span:last-child{text-align:right}
