:root{--paper:#f8f6f0;--ink:#343c35;--muted:#84867d;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}body:before{content:"";position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #6a7665;outline-offset:7px}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:relative;z-index:3}.logo{font-family:Georgia,serif;font-size:22px;letter-spacing:1px}.logo span{font-size:30px;color:#929b82}nav{display:flex;align-items:center;gap:38px;font-size:12px}nav sup{font-size:8px;color:var(--muted)}#motion{font-size:10px;color:var(--muted);border:1px solid #dedfd5;border-radius:20px;padding:8px 12px}.hero{min-height:710px;height:calc(100svh - 105px);max-height:1000px;position:relative;display:grid;grid-template-columns:36% 64%;align-items:center;padding:0 5.5% 95px}.intro{z-index:2;padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#798174}h1{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-weight:400;font-size:clamp(64px,6.5vw,104px);line-height:1.27;margin:34px 0 13px;letter-spacing:4px}h1 span,h2>span{color:#94a88a}.serif{font-family:Georgia,"Times New Roman",serif;font-style:italic}.subtitle{font-size:26px;color:#7b8372;margin:12px 0 30px}.statement{font-size:13px;color:#7c8177;line-height:2.2;letter-spacing:1px}.explore{display:inline-flex;gap:42px;align-items:center;margin-top:28px;border-bottom:1px solid #bdc3b4;padding-bottom:12px;font-size:12px}.explore span{font-size:20px}.flower-wrap{width:100%;position:relative;margin-left:0}.flower{width:100%;max-height:740px;overflow:visible}.petal{cursor:pointer;outline:none;transform-origin:400px 400px;transition:opacity .8s var(--ease),transform 1.2s var(--ease);animation:breathe 10s ease-in-out infinite;animation-delay:var(--delay)}.petal .surface{transition:filter .6s,opacity .6s;opacity:.78}.petal:hover .surface,.petal:focus-visible .surface{opacity:1;filter:saturate(1.2)}.petal:hover,.petal:focus-visible{animation-play-state:paused}.petal:focus-visible .edge{stroke:#687963;stroke-width:2}.petal text{fill:#4c5750;font-size:17px;letter-spacing:.2px}.petal .zh{font-size:11px;fill:#647064;letter-spacing:2px}.petal .arrow{font-size:22px}.portrait{cursor:pointer}.portrait circle:first-child{stroke:#ffffffb0;stroke-width:2;filter:drop-shadow(0 7px 15px #70766815)}.portrait text{font-size:9px;letter-spacing:1px;fill:#817e75}.flower-caption{text-align:center;font-size:11px;color:#8c9085;margin-top:-25px;letter-spacing:1px}.flower-caption .serif{margin-left:18px;letter-spacing:0}.pulse{display:inline-block;width:4px;height:4px;background:#a3b294;border-radius:50%;margin-right:10px}.hero-bottom{position:absolute;bottom:32px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#95998c}.hero-bottom span:nth-child(2){letter-spacing:2px}.selected{padding:100px 7%;border-top:1px solid #e4e4d9}.section-top{display:flex;justify-content:space-between;color:#8a8d81;font-size:12px}h2{font-family:"Songti SC",SimSun,serif;font-weight:400;font-size:36px;line-height:1.6;margin:28px 0 50px}.worlds{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.world{padding:28px 20px;text-align:left;border-top:1px solid #c6ccbe;transition:background .4s,transform .4s}.world:hover{background:#e9ecdf80;transform:translateY(-5px)}.world .num{font:italic 14px Georgia;color:#929b88}.world h3{font:23px Georgia;margin:35px 0 16px;min-height:54px}.world p{font-size:11px;color:#7f867a}.world .go{display:block;margin-top:30px;font-size:23px}.about{padding:100px 10%;background:#efefe6;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.about h2{margin-bottom:0;font-size:42px}.about i{font-style:normal;color:#8b9a7d}.about p{line-height:2.2;font-size:15px}.muted{color:#8c8f82;font-size:12px!important}.tags{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid #ced2c4;border-radius:30px;padding:10px 13px}footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;color:#8b9182;font-size:10px}.panel{position:fixed;inset:0;overflow:auto;background:var(--paper);z-index:8;opacity:0;transform:translateY(35px);transition:opacity .7s var(--ease),transform .9s var(--ease)}.panel.visible{opacity:1;transform:none}.panel-bar{padding:32px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedfd5;font-size:11px}.panel-bar button{padding:10px 0}.panel-bar>span:last-child{font-size:9px;letter-spacing:2px;color:#949b8b}.category-head{padding:65px 10% 40px;position:relative}.category-head h2{font:clamp(42px,6vw,80px) Georgia;margin:20px 0}.category-head p{line-height:2;color:#798471}.category-head .big-num{position:absolute;right:10%;top:55px;font:italic 110px Georgia;color:#dae0d0}.sample{font-size:10px;display:inline-block;padding:6px 10px;border:1px solid #c8cebd;border-radius:20px;color:#7c8573}.projects{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:20px 10% 100px}.project{text-align:left;padding:0}.art{height:320px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--art-bg);color:#38483d}.art:before{content:"";width:240px;height:270px;border-radius:48% 52% 67% 33%/43% 39% 61% 57%;background:linear-gradient(140deg,#ffffffa0,#ffffff08);box-shadow:inset 0 0 50px #ffffff80,10px 20px 80px #73826c20;transform:rotate(-28deg);transition:transform 1s var(--ease)}.project:hover .art:before{transform:rotate(-12deg) scale(1.12)}.art .cover-title{position:absolute;font:italic 52px Georgia;letter-spacing:-2px;text-align:center}.art small{position:absolute;left:22px;bottom:20px;font-size:9px;letter-spacing:2px}.project h3{font-weight:400;font-size:20px;margin-bottom:10px}.project p{color:#8a9182;font-size:11px}.detail{padding:50px 10% 100px}.detail h1{font-size:clamp(40px,5vw,72px);margin:25px 0}.detail .art{height:410px;margin:40px 0}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d5d9ce;padding-top:22px;gap:20px;color:#7b8474;font-size:12px}.facts b{display:block;color:#404c3c;font-weight:400;margin-bottom:12px}.story{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding:35px 0;border-bottom:1px solid #dfe1d6}.story h3{font-weight:400;font-size:20px}.story p{line-height:2.2;color:#7b8474}.detail-next{margin-top:40px;border-bottom:1px solid #a8b29c;padding:14px 0}.flower.departing .petal{animation:none;opacity:0;transform:scale(.82)}.flower.departing .petal.chosen{opacity:.8;transform:scale(1.25)}.flower.departing .portrait{opacity:0;transition:opacity .5s}@keyframes breathe{0%,100%{transform:translate(0,0) rotate(-.7deg)}50%{transform:translate(var(--dx),var(--dy)) rotate(.7deg)}}body.still *,body.still *:before{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(min-width:1500px){.hero{padding-left:9%;padding-right:9%}}@media(max-width:800px){header{height:80px;padding:0 6%}nav{gap:19px}.logo{font-size:18px}.hero{height:auto;min-height:0;display:flex;flex-direction:column;padding:40px 6% 85px;align-items:stretch}.intro{padding:0}.eyebrow{font-size:9px}h1{font-size:66px;line-height:1.2;margin:25px 0 10px}h1 br{display:none}.subtitle{font-size:23px;margin-bottom:20px}.statement{font-size:12px}.explore{margin-top:15px}.flower-wrap{margin-top:5px;width:112%;margin-left:-6%}.flower-caption{margin-top:-12px;font-size:10px}.hero-bottom{bottom:25px}.hero-bottom span:nth-child(2){display:none}.selected{padding:60px 6%}.section-top>span:last-child{font-size:10px}h2{font-size:27px;margin-bottom:30px}.worlds{grid-template-columns:1fr 1fr;gap:12px}.world{padding:20px 12px}.world h3{margin-top:20px;min-height:0;font-size:23px}.world:last-child{grid-column:1/-1}.about{padding:60px 7%;grid-template-columns:1fr;gap:25px}.about h2{font-size:35px}footer{gap:25px;flex-wrap:wrap}footer span:last-child{width:100%}.panel-bar{padding:18px 6%}.panel-bar>span:last-child{display:none}.category-head{padding:40px 7% 20px}.category-head .big-num{font-size:70px;opacity:.6}.category-head h2{font-size:40px;position:relative;max-width:80%}.projects{grid-template-columns:1fr;padding:20px 7% 60px;gap:30px}.art{height:280px}.detail{padding:35px 7% 70px}.detail .art{height:300px}.facts{font-size:10px}.story{grid-template-columns:1fr;gap:0}.story h3{margin-bottom:0}}
@media(max-width:800px){h1{font-size:clamp(44px,12vw,66px);letter-spacing:1px}.petal text{font-size:20px}.petal .zh{font-size:13px}.flower-wrap{margin-top:22px}}
.petal .surface{transform-box:fill-box;transform-origin:center;transition:filter .6s,opacity .6s,transform .9s var(--ease)}.petal:hover .surface,.petal:focus-visible .surface{transform:scale(1.035)}
/* Reference-led composition: light passing through folded, independent membranes. */
body{background:#f3f0e9}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 46% 16%,#fff8e3b0,transparent 22%),radial-gradient(ellipse at 76% 51%,#fffef5b0,transparent 36%),linear-gradient(128deg,transparent 24%,#fffaf278 25%,transparent 27%,transparent 63%,#fff6df60 65%,transparent 67%)}header{height:100px;padding:0 3.8%}.logo{font-weight:400;font-size:25px;letter-spacing:-.6px}.logo small{font:9px Arial;letter-spacing:3px;margin-left:25px;color:#8b8c8c}.home-link{position:relative}.home-link:after{content:"";position:absolute;bottom:-12px;left:4px;right:4px;height:1px;background:#5d6059}.hero{padding:0 3.8% 70px;grid-template-columns:29% 71%;min-height:760px}.intro{padding-bottom:10px}.intro h1{font-size:clamp(44px,4vw,67px);letter-spacing:-2px;white-space:nowrap;margin:25px 0}.intro .subtitle{display:none}.statement{line-height:2.1;letter-spacing:.7px;font-size:13px}.explore{border:1px solid #bbbdb5;border-radius:30px;padding:13px 20px;gap:28px;margin-top:20px}.flower-wrap{width:112%;margin-left:-6%;margin-top:-8px}.flower{max-height:850px}.petal text{font-family:Georgia,"Songti SC",serif;font-size:17px;fill:#333b36;letter-spacing:-.35px}.petal .zh{font-family:Arial,"PingFang SC",sans-serif;letter-spacing:1.5px;font-size:10px;fill:#5b625b}.petal .petal-note{font:9px Arial,"PingFang SC",sans-serif;fill:#687067;letter-spacing:.5px}.petal .arrow{font:20px Georgia;fill:#596258}.petal-label{color:#3f4840;pointer-events:none}.petal .surface{opacity:.95;transform:none!important}.membrane{transition:filter .8s}.petal:hover .membrane,.petal:focus-visible .membrane{filter:brightness(1.035) saturate(1.13) drop-shadow(0 6px 6px #76746c12)}.petal:hover .petal-label{filter:contrast(1.2)}.portrait .portrait-name{font:19px Georgia;fill:#535b51}.portrait text{font-size:6.5px;letter-spacing:.7px}.flower-caption{font-size:9px;margin-top:-28px;opacity:.75}.hero-bottom{left:3.8%;right:3.8%}.hero-bottom span:nth-child(2){display:none}.hero-bottom a{font-size:9px}.flower.departing .petal.chosen{transform:scale(1.16) rotate(3deg)}.petal{animation-duration:14s}.fragments{animation:fragment-drift 17s ease-in-out infinite;transform-origin:center}@keyframes fragment-drift{50%{transform:translate(3px,-7px) rotate(1deg)}}
@media(max-width:1050px) and (min-width:801px){.hero{grid-template-columns:31% 69%}.intro h1{font-size:42px}.statement{font-size:11px}.logo small{margin-left:10px}}
@media(max-width:800px){header{height:78px;padding:0 6%}.logo{font-size:21px}.logo small{display:none}nav{gap:17px}nav .home-link{display:none}.hero{padding:32px 6% 70px;min-height:0}.intro h1{font-size:clamp(40px,10.2vw,65px);letter-spacing:-1px;margin:24px 0 18px}.statement{font-size:12px;line-height:2}.explore{margin-top:12px;padding:11px 17px}.flower-wrap{width:125%;margin-left:-12.5%;margin-top:18px}.flower{max-height:none}.petal text{font-size:19px}.petal .zh{font-size:12px}.petal .petal-note{display:none}.petal .arrow{font-size:24px;transform:translateY(-14px)}.flower-caption{margin-top:-5px}.hero-bottom{bottom:20px;left:6%;right:6%}.portrait .portrait-name{font-size:21px}.portrait text{font-size:7px}}
.petal{transition:opacity .8s var(--ease),transform 1.2s var(--ease),translate .8s var(--ease)}.petal:hover,.petal:focus-visible{translate:0 -5px}
@media(max-width:800px){.flower-wrap{width:114%;margin-left:-7%}.petal text{font-size:18px}.petal .zh{font-size:12px}.petal .arrow{transform:translateY(-20px)}}
/* Six supplied layers share one coordinate system; each keeps its clipped hit area. */
.supplied-flower .petal{transform-origin:849px 477px}.supplied-flower .petal image{transition:filter .7s var(--ease)}.supplied-flower .petal:hover image,.supplied-flower .petal:focus-visible image{filter:brightness(1.04) saturate(1.07) drop-shadow(0 5px 7px #68706620)}.supplied-flower .petal:focus-visible{outline:none}.supplied-flower .petal:focus-visible .petal-label text{text-decoration:underline}.supplied-flower .petal text{font-size:23px}.supplied-flower .petal .zh{font-size:14px}.supplied-flower .petal .petal-note{font-size:12px}.supplied-flower .petal .arrow{font-size:25px}.supplied-portrait{transform-origin:849px 477px;transition:opacity .5s,filter .6s}.supplied-portrait:hover,.supplied-portrait:focus-visible{filter:brightness(1.05)}.supplied-flower{max-height:850px}.supplied-flower .petal-label{pointer-events:none}
@media(max-width:800px){.supplied-flower .petal text{font-size:27px}.supplied-flower .petal .zh{font-size:17px}.supplied-flower .petal .arrow{transform:translateY(-20px);font-size:30px}.supplied-flower .petal .petal-note{display:none}.supplied-flower{max-height:none}}
.statement,.about p,.story p,.case-summary{white-space:pre-line}.project-image{height:320px;overflow:hidden;background:#e9ecdf}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.project:hover .project-image img{transform:scale(1.025)}.detail>.project-image{height:auto;max-height:650px;margin:35px 0}.detail>.project-image img{max-height:650px;object-fit:contain;display:block}.case-summary{color:#7b8474;line-height:2}.case-block{padding:30px 0;border-bottom:1px solid #dfe1d6}.case-block h3{font-weight:400;font-size:22px}.case-block video{width:100%;max-height:650px;background:#20281e;border-radius:8px}.case-gallery{margin:0;display:grid;gap:20px}.case-gallery.multiple{grid-template-columns:1fr 1fr}.case-gallery img{width:100%;height:auto;border-radius:4px;object-fit:contain}.case-gallery figcaption{grid-column:1/-1}.case-block figcaption{font-size:12px;color:#89927e;line-height:1.8;margin-top:12px}.document-link{display:block;padding:22px;border:1px solid #cfd8c3;border-radius:8px;font-size:14px;color:#627752}.detail-next{display:inline-block}.empty-category{color:#8b947f;line-height:2}.preview-ribbon{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);z-index:30;background:#526747;color:white;border-radius:30px;padding:12px 22px;font-size:11px;box-shadow:0 5px 30px #26331b20;white-space:nowrap}.content-error{text-align:center;color:#9b735c;font-size:12px}.art .cover-title{font-family:"Songti SC",Georgia,serif;font-size:40px;font-style:normal;line-height:1.5;padding:25px}.supplied-flower .petal-label .arrow{transform:translateY(-25px)}@media(max-width:800px){.project-image{height:260px}.case-gallery.multiple{grid-template-columns:1fr}.art .cover-title{font-size:30px}.supplied-flower .petal-label .arrow{transform:translateY(-20px)}}
.intro h1{white-space:normal;overflow-wrap:anywhere}.supplied-flower .petal-label .arrow{transform:none}@media(max-width:800px){.supplied-flower .petal-label .arrow{transform:translateY(-35px)}}