/* Palette: violet-100 #ede9fe, violet-800 #5b21b6, stone-50 #fafaf9,
   stone-800 #292524, stone-500 #78716c. A folded coffee bag anchors the work.
   Type: Georgia for English display; system CJK for precise Chinese text. */
:root{--paper:#fafaf9;--ink:#292524;--muted:#78716c;--lilac:#ede9fe;--violet:#5b21b6;--line:#d6d3d1;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--violet);outline-offset:6px}button{cursor:pointer}h1,h2,h3,p{margin:0}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-8{gap:32px}.eyebrow{font:11px/1.5 Consolas,monospace;letter-spacing:.12em}header,footer{padding:24px 5%}header{height:96px;background:var(--lilac)}.wordmark{font-size:32px;letter-spacing:-2px;font-weight:650}.wordmark span{display:inline-block;font-size:28px;vertical-align:top;color:var(--violet);margin-left:4px}nav{font-size:13px}nav a:hover,footer a:hover{color:var(--violet)}sup{font-size:9px;margin-left:3px}.skip{position:fixed;top:-60px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:8px}.hero{background:var(--lilac);padding:40px 5% 48px;position:relative;overflow:hidden;min-height:650px}.hero-top{position:relative;z-index:1}h1{font-size:clamp(64px,8vw,128px);font-weight:500;line-height:1.2;letter-spacing:-.07em;margin:48px 0 40px;position:relative;z-index:1}.second{margin-left:16%}.dot{color:var(--violet)}.hero-art{width:27%;max-width:340px;position:absolute;right:7%;top:20%;color:var(--violet);transform:rotate(-16deg)}.hero-art svg{width:100%}.hero-bottom{display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:15px;line-height:1.9}.round-link{display:flex;align-items:center;gap:24px;font-size:12px}.arrow{border:1px solid #a78bfa;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:24px;transition:background .2s}.round-link:hover .arrow{background:#ddd6fe}.work,.about,.notes{padding:96px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section-heading h2{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-.04em;margin-top:16px}.section-heading h2 span{font-size:15px;vertical-align:top;margin-left:8px;color:var(--muted)}.section-heading p{font-size:12px;color:var(--muted);line-height:1.8}.project-image{width:100%;height:560px;border:0;position:relative;overflow:hidden;text-align:left;display:block;padding:0}.project-image>*{pointer-events:none}.art-label{position:absolute;top:24px;left:24px;font:10px Consolas,monospace;letter-spacing:.1em;z-index:2}.image-bottom{position:absolute;bottom:24px;left:24px;font:10px Consolas,monospace;letter-spacing:.08em}.open-circle{position:absolute;right:24px;bottom:24px;background:rgba(250,250,249,.8);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px;transition:transform .25s}.project-image:hover .open-circle{transform:rotate(45deg)}.coffee{background:#e7e5e4;color:#443c33}.coffee-copy{position:absolute;left:9%;top:34%;font:italic clamp(40px,6vw,88px)/1 Georgia,serif;letter-spacing:-.06em;z-index:1}.coffee-copy small{font:12px/1.5 "Microsoft YaHei",sans-serif;display:block;letter-spacing:.15em;margin-top:24px}.coffee-orbit{position:absolute;width:420px;height:420px;border:1px solid #c5beb4;border-radius:50%;left:4%;top:80px}.coffee-orbit:after{content:"";position:absolute;inset:32px;border:1px solid #c5beb4;border-radius:50%}.bag{position:absolute;width:240px;height:360px;left:66%;top:88px;background:#b7c3a5;transform:rotate(9deg);box-shadow:20px 24px 32px #29252426,inset 12px 0 20px #ffffff28,inset -12px 0 20px #29351b22;clip-path:polygon(3% 0,97% 0,100% 98%,93% 100%,5% 99%,0 96%);transition:transform .6s}.project-image:hover .bag{transform:rotate(4deg) translateY(-8px)}.bag-seam{height:24px;margin:8px;border-top:1px solid #747d65;border-bottom:1px solid #747d65;background:repeating-linear-gradient(90deg,transparent 0 2px,#00000007 2px 3px)}.bag-type{font-size:60px;line-height:1.1;position:absolute;left:24px;top:56px}.bag-type span{position:absolute;left:75px;top:5px;font-size:20px;letter-spacing:-1px;line-height:.95;writing-mode:vertical-rl}.bag-bottom{position:absolute;bottom:32px;left:24px;font:7px/1.7 Consolas,monospace;letter-spacing:.03em}.bag-circle{position:absolute;right:24px;bottom:64px;border:1px solid #443c33;border-radius:50%;width:56px;height:56px;font:italic 48px Georgia;text-align:center}.project-caption{display:flex;justify-content:space-between;gap:16px;padding-top:24px}.project-caption h3{font-size:20px;font-weight:500;letter-spacing:-.04em}.project-caption p{font-size:12px;color:var(--muted);margin-top:8px}.tags{display:flex;gap:8px;align-items:start;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:10px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:64px}.project-grid .project-image{height:480px}.project-grid .project-caption{display:block}.project-grid .tags{margin-top:16px}.museum{background:#bfcbc9;color:#244643}.museum-frame{width:80%;height:65%;position:absolute;left:10%;top:18%;background:#f6f5ef;box-shadow:0 20px 32px #1e3b3826;transform:rotate(-4deg);padding:20px;transition:transform .5s}.museum:hover .museum-frame{transform:rotate(-1deg)}.museum-nav{font-size:10px;font-weight:650;display:flex;justify-content:space-between}.museum-nav span{font-size:5px;font-weight:400}.museum-heading{position:absolute;left:24px;top:60px;font:40px/.95 Georgia,serif;letter-spacing:-.06em;z-index:1}.sculpture{position:absolute;right:15%;top:23%;height:60%;width:36%;transform:rotate(12deg)}.sculpture div{position:absolute;inset:0;border:32px solid #607a70;border-radius:50% 50% 20% 20%;box-shadow:inset 6px 0 12px #0002,6px 0 12px #0001}.sculpture div:nth-child(2){inset:28% -20% -5% 20%;border-color:#8ea18a;transform:rotate(50deg)}.sculpture div:nth-child(3){display:none}.museum-footer{position:absolute;bottom:16px;left:20px;right:20px;font-size:5px;border-top:1px solid #b9c6c0;padding-top:12px;display:flex;justify-content:space-between}.reading{background:#e4d9cb;color:#4e4235}.reading-word{font:88px/.8 Georgia,serif;letter-spacing:-.07em;position:absolute;left:8%;top:33%;color:#6a5644}.phone{width:184px;height:374px;background:#fcf9f3;border:5px solid #37342f;border-radius:28px;position:absolute;right:12%;top:52px;box-shadow:16px 20px 24px #4a3c2c33;transform:rotate(9deg);padding:12px;transition:transform .5s}.reading:hover .phone{transform:rotate(4deg) translateY(-4px)}.phone-top{font-size:7px;display:flex;justify-content:space-between}.phone-heading{font-size:23px;margin-top:20px;letter-spacing:-2px}.phone-heading span{display:block;font-size:7px;letter-spacing:1px;margin-top:4px}.book{height:152px;margin-top:16px;background:#c56242;color:#ffefd5;padding:12px;position:relative}.book>span{font:17px/1 Georgia,serif;letter-spacing:-.04em}.book-flower{position:absolute;right:10px;bottom:20px;font-size:64px;line-height:1}.book small{position:absolute;bottom:10px;left:12px;font-size:5px}.phone-line{font-size:8px;margin-top:16px;display:flex;justify-content:space-between}.progress{height:3px;background:#e4d9cb;margin-top:12px}.progress i{display:block;width:30%;height:3px;background:#ad7953}.phone-tabs{margin-top:22px;font-size:7px;text-align:center}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:64px}.about h2{font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.6;letter-spacing:-.05em;margin-top:24px}.about h2 span{color:var(--violet)}.about-copy{padding-top:40px}.about-copy p{font-size:14px;line-height:2;color:#57534e;max-width:480px}.about-copy p+p{margin-top:24px;font-size:12px}.practice-list{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;font-size:10px;color:var(--muted)}.notes{padding-top:0}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.notes-grid>div{border-top:1px solid var(--line);padding-top:24px}.note-number{font:12px Consolas,monospace;color:var(--violet)}.notes-grid h3{font-size:16px;font-weight:500;margin:24px 0 16px}.notes-grid p{font-size:12px;line-height:1.9;color:var(--muted)}.closing{background:var(--lilac);padding:64px 5%;position:relative}.closing>p{font-size:clamp(48px,6vw,80px);line-height:1.3;font-weight:500;letter-spacing:-.06em;margin-top:32px}.closing>p span{color:var(--violet);display:inline-block;margin-left:48px}.closing>a{position:absolute;bottom:64px;right:5%;font-size:13px;border-bottom:1px solid #a78bfa;padding-bottom:12px}.closing>a span{margin-left:40px}footer{align-items:center;gap:24px}footer .wordmark{font-size:24px}footer .wordmark span{font-size:22px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}dialog{width:min(780px,92vw);max-height:88vh;border:0;border-radius:8px;padding:40px;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #0003}dialog::backdrop{background:#29252499;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.close{border:1px solid var(--line);background:none;border-radius:24px;padding:8px 16px;font-size:12px}.detail-title{font-size:38px;letter-spacing:-.05em;font-weight:500;margin:40px 0 12px}.detail-intro{font-size:15px;line-height:1.8;color:var(--muted)}.detail-tags{margin:24px 0 32px}.detail-section{border-top:1px solid var(--line);padding-top:24px;margin-top:24px;display:grid;grid-template-columns:100px 1fr;gap:24px}.detail-section h3{font-size:12px;font-weight:500}.detail-section p{font-size:13px;line-height:1.9;color:#57534e}.swatches{display:flex;gap:12px;margin-top:16px}.swatches span{width:48px;height:48px;border-radius:50%;border:1px solid #0001}.detail-note{background:var(--lilac);font-size:11px;line-height:1.9;padding:16px;margin-top:32px}body.modal-open{overflow:hidden}
@media(min-width:1500px){header,footer,.hero,.work,.about,.notes,.closing{padding-left:max(5%,calc((100vw - 1360px)/2));padding-right:max(5%,calc((100vw - 1360px)/2))}.hero{min-height:720px}}
@media(max-width:900px){.project-grid .project-image{height:400px}.museum-heading{font-size:30px}.sculpture div{border-width:24px}.reading-word{font-size:64px;left:6%}.phone{right:7%;width:156px;height:330px;top:44px}.book{height:124px}.phone-tabs{margin-top:12px}.phone-heading{margin-top:12px}.project-caption{display:block}.tags{margin-top:16px}.hero-art{right:4%;top:100px;width:180px}.bag{left:65%;width:210px}.notes-grid{gap:24px}}
@media(max-width:640px){header{height:80px}header,footer{padding:20px 6%}.wordmark{font-size:28px}nav{gap:20px!important;font-size:12px}nav a:last-child{display:none}.hero{min-height:600px;padding:32px 6%}.hero-top .eyebrow:last-child{display:none}h1{font-size:65px;margin:56px 0 120px}.second{margin-left:0}.hero-art{width:100px;right:6%;top:70px;opacity:.75}.hero-bottom{align-items:center}.hero-bottom p{font-size:12px}.round-link{gap:12px}.round-link>span:first-child{display:none}.arrow{width:48px;height:48px}.work,.about,.notes{padding:64px 6%}.section-heading{align-items:start;margin-bottom:24px}.section-heading h2{font-size:26px}.section-heading>p{display:none}.project-image{height:420px}.coffee-copy{font-size:50px;left:7%;top:20%}.coffee-copy small{font-size:9px;margin-top:12px}.coffee-orbit{width:260px;height:260px;left:-100px;top:90px}.bag{width:168px;height:260px;left:auto;right:10%;top:128px}.bag-type{font-size:40px;left:20px;top:48px}.bag-type span{left:50px;font-size:15px}.bag-bottom{font-size:5px;left:16px;bottom:20px}.bag-circle{width:40px;height:40px;font-size:34px;right:16px;bottom:48px}.art-label{top:20px;left:20px;font-size:8px}.image-bottom{bottom:20px;left:20px;font-size:8px}.open-circle{right:20px;bottom:20px;width:32px;height:32px}.coffee .image-bottom{max-width:120px;line-height:1.8}.project-grid{grid-template-columns:1fr;gap:40px;margin-top:40px}.project-grid .project-image{height:420px}.museum-heading{font-size:40px}.sculpture div{border-width:28px}.phone{width:172px;height:350px;right:12%;top:32px}.reading-word{font-size:76px;left:8%}.book{height:144px}.phone-tabs{margin-top:16px}.about{grid-template-columns:1fr;gap:16px}.about h2{font-size:34px}.about-copy{padding-top:16px}.notes{padding-top:0}.notes-grid{grid-template-columns:1fr;gap:32px}.notes-grid h3{margin-top:16px}.closing{padding:48px 6% 96px}.closing>p{font-size:56px}.closing>p span{margin-left:16px}.closing>a{bottom:32px;right:6%}footer{flex-wrap:wrap}footer p{order:3;width:100%}dialog{padding:24px}.detail-title{font-size:30px}.detail-section{grid-template-columns:1fr;gap:12px}.dialog-top .eyebrow{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}