/* Zhuoma Art Space — buildless, self-hosted, no external dependencies */
:root{--paper:#f5f2eb;--ink:#34382f;--muted:#75786e;--line:#dcded2;--rust:#8b4937;--green:#434e3e;--blue:#253e4c;--serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--fish-color:#486b88}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b5804e;outline-offset:5px}img{display:block;width:100%;object-fit:cover}p{margin:0 0 20px}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;line-height:1.5}h2{font-size:clamp(30px,3.4vw,47px);letter-spacing:.035em}h3{font-size:25px}h4{font-size:20px}.wrap{width:min(1240px,calc(100% - 100px));margin-inline:auto}.section{padding-block:104px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:500;margin-bottom:25px}.eyebrow.ink{color:var(--rust)}.skip{position:fixed;top:-100px;left:20px;padding:10px;background:white;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:30;background:rgba(245,242,235,.96);backdrop-filter:blur(12px);height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #deded3}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:22px;letter-spacing:.08em;line-height:1.5}.brand small{display:block;font-family:var(--sans);font-size:8px;letter-spacing:.21em;margin-top:4px}.seal{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--rust);color:var(--paper);width:34px;height:47px;line-height:1.05;font-size:20px;border-radius:3px 1px 4px 1px;border:2px solid var(--paper);outline:1px solid var(--rust)}.header nav{display:flex;gap:27px;font-size:12px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;height:1px;background:var(--rust);bottom:-6px;left:0;width:0;transition:width .2s}.header nav a:hover:after{width:100%}.header-contact{font-size:12px;border-bottom:1px solid var(--green);padding:6px 0}.header-contact span{margin-left:20px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{position:relative;isolation:isolate;height:min(760px,calc(100svh - 90px));min-height:580px;color:white;overflow:hidden}.hero>img{position:absolute;height:100%;object-position:55% 45%;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,24,22,.86),rgba(16,24,22,.65) 30%,rgba(16,24,22,.08) 75%),linear-gradient(0deg,rgba(16,24,22,.55),transparent 30%);z-index:-1}.hero-copy{padding:100px max(50px,calc((100vw - 1240px)/2));width:100%;}.hero h1{font-size:clamp(42px,4.5vw,64px);line-height:1.5;letter-spacing:.06em}.hero-description{margin-top:24px;font-size:16px;color:#eeeee5;line-height:2}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:15px 23px;background:var(--green);color:white;border:1px solid transparent;font-size:13px;transition:background .2s}.button:hover{background:#617050}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:#e2dccd}.hero-link{font-size:13px;border-bottom:1px solid #ffffff75;padding:8px 0}.hero-tags{font-size:11px;letter-spacing:.15em;margin-top:35px;color:#d4d9cd}.hero-bottom{position:absolute;bottom:20px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;color:#e3e7da}.hero-bottom i{display:inline-block;width:6px;height:6px;background:#b9c59f;border-radius:50%;margin-right:8px}.intro-strip{display:flex;justify-content:space-between;padding-block:30px;border-bottom:1px solid var(--line);gap:20px}.intro-strip p{font-family:var(--serif);font-size:20px;margin:0}.intro-strip>span{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:15px}.intro-strip b{font-weight:400;color:#b2b6a7}.story{display:grid;grid-template-columns:1fr 1fr;gap:100px}.lead{font-family:var(--serif);font-size:20px;color:#7d826f;margin-top:25px}.story-body{padding-top:48px;max-width:510px;color:#6a6f64;line-height:2.1}.signature{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.signature span{font-family:var(--serif);font-size:24px;color:var(--ink)}.signature small{display:block;letter-spacing:.09em;font-size:10px;margin-top:10px}.image-button{display:block;border:0;padding:0;position:relative;width:100%;overflow:hidden;background:#e4e0d3}.image-button img{transition:transform .8s;aspect-ratio:2.9}.image-button:hover img{transform:scale(1.025)}.image-expand{position:absolute;bottom:20px;right:20px;background:#f5f2ebe8;padding:8px 15px;font-size:11px}.caption{display:flex;justify-content:space-between;margin-top:14px;font-size:11px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:46px}.section-heading>p{margin:0 0 8px;color:var(--muted);font-size:14px;line-height:2}.experience-grid{display:grid;grid-template-columns:1.06fr 1fr;gap:60px}.experience-feature{position:relative;background:#e7e7db;overflow:hidden}.experience-feature>img{height:310px;object-position:50% 50%}.experience-feature>div{padding:32px 36px 36px}.experience-feature .eyebrow{color:var(--rust);margin-bottom:12px;font-size:10px}.experience-feature h3{font-size:32px}.experience-feature p:not(.eyebrow){margin-top:16px;color:#626859;font-size:14px}.experience-feature a{display:flex;justify-content:space-between;border-top:1px solid #c8cebb;padding-top:17px;font-size:12px}.experience-list article{display:flex;gap:25px;padding:26px 0 30px;border-bottom:1px solid var(--line)}.experience-list article:first-child{padding-top:4px}.experience-list .number{font-family:Georgia,serif;font-size:25px;color:#989a8b}.experience-list small{font-size:9px;letter-spacing:.14em;color:var(--rust)}.experience-list h3{margin:7px 0 12px}.experience-list p{font-size:14px;color:var(--muted);margin-bottom:15px}.tag{font-size:10px;letter-spacing:.05em;padding:6px 10px;background:#eae9df;color:#68725d}.section-note{font-size:11px;color:var(--muted);margin:24px 0 0}.ai-section{background:var(--blue);color:#f4f1e6;padding:96px 0}.ai-section .eyebrow{color:#c0b58d}.ai-section .section-heading>p{color:#b1c0bf}.ai-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.ai-steps>div{display:flex;gap:23px;margin-bottom:25px}.ai-steps b{font-family:var(--serif);color:#c5b891;font-size:22px;font-weight:400;line-height:1.6}.ai-steps h3{font-size:20px;margin-bottom:9px}.ai-steps p{font-size:13px;color:#b6c5c7;margin:0;line-height:1.9}.ai-steps p.ai-note{font-size:10px;border-top:1px solid #ffffff25;margin-top:25px;padding-top:20px;color:#a8bbbf}.fish-demo{background:#e8ede5;color:var(--ink);padding:15px;border:1px solid #8a9b9a;box-shadow:0 20px 60px #071b2530}.demo-top,.demo-controls{display:flex;align-items:center;justify-content:space-between;padding:3px 7px 14px;font-size:12px}.demo-label{font-size:9px;letter-spacing:.1em;color:#747d72}.fish-stage{position:relative;overflow:hidden;background:#d9e1d9}.fish-stage svg{display:block;width:100%;height:auto}.watermark{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:10px;color:#6a8384;letter-spacing:.13em}.swimmer{transform-origin:center;animation:swim 7s ease-in-out infinite;animation-play-state:paused}.bubbles{animation:bubble 4s infinite;animation-play-state:paused}.is-playing .swimmer,.is-playing .bubbles{animation-play-state:running}@keyframes swim{0%,100%{transform:translate(28px,3px) rotate(-2deg)}50%{transform:translate(-42px,-12px) rotate(2deg)}}@keyframes bubble{0%,100%{opacity:.05;transform:translateY(10px)}50%{opacity:.5;transform:translateY(-15px)}}.demo-controls{padding:16px 6px 2px;gap:10px}.demo-controls [role=group]{display:flex;gap:9px}.swatch{width:22px;height:22px;border:3px solid #e8ede5;background:var(--swatch);border-radius:50%;padding:0}.swatch.selected{outline:1px solid var(--swatch)}#fish-toggle{background:transparent;border:0;color:#344f55;font-size:12px}.space-tabs{display:flex;gap:32px;border-bottom:1px solid var(--line);margin-bottom:30px}.space-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:13px 0;font-size:13px;color:var(--muted)}.space-tabs [aria-selected=true]{border-color:var(--rust);color:var(--rust)}[hidden]{display:none!important}.space-panel{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.space-photo{position:relative;overflow:hidden}.space-photo img{height:370px;object-position:center}.space-photo>span{position:absolute;bottom:14px;left:15px;color:white;background:#26362acc;font-size:10px;padding:5px 10px}.space-details h3{margin-bottom:20px}.space-details>p{color:var(--muted);font-size:14px}.space-details ul{padding-left:18px;font-size:12px;color:#65705f;line-height:2.4}.upper-rooms{background:#e7e7dc;padding:25px 35px;min-height:370px}.upper-rooms>span{font-size:10px;letter-spacing:.15em;color:var(--muted)}.upper-rooms>div{display:grid;grid-template-columns:55px 1fr;gap:0 15px;border-bottom:1px solid #cdd1c1;padding:16px 0}.upper-rooms b{grid-row:span 2;font-weight:400;color:#8b7758;font-size:12px;align-self:center}.upper-rooms h3{font-size:23px}.upper-rooms p{font-size:11px;margin:0;color:#737c69}.layout-details{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:21px 0;font-size:13px;gap:15px}summary::-webkit-details-marker{display:none}summary>span{font-size:19px;font-weight:300}details[open]>summary>span{transform:rotate(45deg)}.layout-content{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:10px 0 30px}.layout-content h3{font-size:22px;margin-bottom:16px}.layout-content p{font-size:12px;color:var(--muted)}.plan{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:10px;position:relative;border:1px solid #c6caba;padding:33px 14px 14px;background:#eeeee5;min-height:300px}.plan-north{position:absolute;top:5px;left:14px;font-size:10px;color:#5b6c59}.plan-main{background:#d3d7c8;display:flex;flex-direction:column;justify-content:space-around;text-align:center;font-size:11px;padding:10px 4px}.plan-main>span{font-size:9px}.plan-main b{font-weight:400;border-top:1px solid #bdc4b3;padding-top:15px}.plan-yard{display:flex;flex-direction:column;justify-content:space-between;text-align:center;border:1px dashed #b5bdab;font-family:var(--serif);font-size:17px;padding:12px 4px}.plan-tables small{font-family:var(--sans);font-size:9px;display:block}.plan-water,.plan-rock{font-family:var(--sans);font-size:9px}.plan-water{color:#57778a}.plan-rock{color:#78694c}.plan-east{display:flex;flex-direction:column;justify-content:space-between;gap:10px;text-align:center}.plan-east>b{background:#e0d8c6;padding:10px 4px;font-size:11px;font-weight:400}.plan-east small{font-size:9px;display:block}.plan-east .plan-gate{background:#8b4937;color:white}.courtyard-section{padding:90px 0;background:#e9e9df}.courtyard-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.courtyard-grid>div>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:440px;margin-top:24px}.life-row{display:flex;gap:25px;padding-top:23px}.life-row>span{font-family:Georgia,serif;font-size:20px;color:#969982}.life-row h3{font-size:19px;margin-bottom:8px}.life-row p{color:#727966;font-size:12px;margin:0}.courtyard-grid figure{margin:0;padding-top:8px}.courtyard-grid figure img{height:390px;object-position:75% center}.courtyard-grid figcaption{font-size:11px;color:#68705f;margin-top:14px}.courtyard-grid figcaption small{font-size:10px;color:#838c78}.courtyard-grid blockquote{font-size:31px;font-family:var(--serif);line-height:1.6;margin:40px 0 0;color:#68755b;padding-left:25px;border-left:2px solid #aaa489}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.journey-grid article{border-top:2px solid #6c775d;padding:25px 0 20px}.route-type{font-size:10px;color:var(--rust);letter-spacing:.12em}.journey-grid h3{font-size:30px;margin-top:16px}.route-theme{font-family:var(--serif);font-size:16px;color:#7d836e;margin:13px 0 25px}.journey-grid ol{padding:0 0 0 18px;color:var(--muted);font-size:13px;line-height:2.5;margin-bottom:25px}.route-audience{border-top:1px solid var(--line);display:block;padding-top:16px;font-size:11px;color:#6a715e}.nearby{margin-top:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.nearby>div{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:10px}.nearby article p{font-size:12px;color:var(--muted);margin-top:12px}.nearby>.section-note{margin-bottom:22px;margin-top:0}.people-section{padding:10px 0 90px}.people-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding-top:36px}.people-grid article{display:flex;gap:25px}.person-initial{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#e5ddd2;color:#8f5d49;width:76px;height:96px;font-size:38px;font-family:var(--serif)}.person-initial.blue{background:#dce1de;color:#4d686c}.people-grid small{font-size:10px;color:var(--muted);letter-spacing:.08em}.people-grid h3{font-size:23px;margin:5px 0 13px}.people-grid p{font-size:13px;color:var(--muted);margin-bottom:0}.people-note{font-size:11px;color:#8c907f;margin:28px 0 0}.visit-section{background:var(--green);color:var(--paper);padding:95px 0}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.visit-grid .eyebrow{color:#c9c4a9}.visit-grid>div>p:not(.eyebrow){font-size:14px;color:#c6cdbd;margin-top:25px;line-height:2}.phone{display:flex;gap:30px;font-family:Georgia,serif;font-size:32px;margin-top:30px;width:max-content;border-bottom:1px solid #b0bda170;padding-bottom:8px}.phone span{font-size:25px}.contact-person{font-size:11px;color:#cbd3bc}.location{margin-top:40px}.location b{font-weight:400;font-size:13px}.location p{font-size:11px;color:#b7c2ac;margin-top:9px}.visit-card{background:var(--paper);color:var(--ink);padding:35px 38px;align-self:start}.visit-card h3{font-size:26px}.visit-grid .visit-card>p{font-size:12px;color:var(--muted);margin:10px 0 25px}.visit-card label{display:block;font-size:11px;margin-bottom:7px;color:#606956}.visit-card select,.visit-card input,.visit-card textarea{width:100%;border:1px solid #d1d5c4;background:transparent;padding:11px;color:var(--ink);font-size:12px;border-radius:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 25px}.visit-card .button{width:100%}.form-note{font-size:10px;color:var(--muted);line-height:1.8;margin:14px 0 0}#intent-result{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}#intent-text{resize:vertical}.copy-button{border:0;background:#e4e7db;font-size:12px;color:#4a5843;padding:8px 14px;margin-top:9px}#copy-status{font-size:11px;color:#6e765f;margin:8px 0 0}.faq{padding-block:80px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.faq h2{font-size:24px;padding-top:14px}.faq details{border-bottom:1px solid var(--line)}.faq details p{font-size:12px;color:var(--muted);padding-right:25px}.faq summary{font-size:13px}footer{border-top:1px solid var(--line);padding:40px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top>p{font-family:var(--serif);font-size:22px;color:#8b917d;margin:0}.footer-top>a:last-child{font-size:11px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8c9380;margin-top:35px}.footer-bottom>a{color:#636f56}dialog{width:min(1200px,95vw);padding:15px;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102016d9}dialog img{max-height:80svh;object-fit:contain}dialog p{font-size:12px;margin:12px 0 0}#close-lightbox{position:absolute;right:20px;top:20px;z-index:1;border:0;background:var(--paper);font-size:25px;width:36px;height:36px;line-height:1}
@media(min-width:1600px){.hero-copy{padding-top:115px}.hero{height:760px}}
@media(max-width:1100px){.wrap{width:calc(100% - 60px)}.header nav{gap:16px}.header-contact{display:none}.hero-copy{padding-left:40px}.story,.ai-grid,.courtyard-grid,.visit-grid{gap:45px}.experience-grid{gap:35px}.hero h1{font-size:50px}.hero-copy{padding-top:85px}.space-panel{gap:30px}.people-grid{gap:35px}}
@media(max-width:760px){html{scroll-padding-top:75px}.wrap{width:calc(100% - 40px)}.header{height:74px;padding:0 20px}.brand{font-size:19px}.seal{width:29px;height:40px;font-size:17px}.brand small{font-size:7px}.menu-toggle{display:block}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 15px 20px #0001}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav a{padding:12px}.hero{height:680px;min-height:0}.hero>img{object-position:58% center}.hero-shade{background:linear-gradient(90deg,#17231cce,#17231c60),linear-gradient(0deg,#17231c66,transparent 60%)}.hero-copy{padding:90px 24px 40px}.hero h1{font-size:clamp(29px,10.5vw,41px)}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.hero-description{font-size:14px;margin-top:26px}.hero-actions{gap:20px;flex-wrap:wrap;margin-top:30px}.hero-tags{font-size:9px;letter-spacing:.09em;margin-top:34px}.hero-bottom{left:24px;right:24px;font-size:8px;gap:15px}.hero-bottom span:last-child{text-align:right;max-width:100px}.button{padding:13px 18px;font-size:12px}.hero-link{font-size:12px}.intro-strip{display:block;padding-block:24px}.intro-strip p{font-size:18px}.intro-strip>span{font-size:10px;margin-top:12px;gap:12px}.section{padding-block:66px}.story{display:block}.story h2{font-size:32px}.lead{font-size:18px}.story-body{padding-top:10px;font-size:14px}.signature{margin-top:20px}.signature span{font-size:22px}.caption{font-size:9px;gap:12px}.caption span:last-child{text-align:right;max-width:160px}.image-button img{aspect-ratio:1.5;object-position:50%}.image-expand{font-size:9px;right:10px;bottom:10px;padding:6px 10px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:13px;margin-top:20px}.section-heading h2{font-size:33px}.eyebrow{font-size:10px;margin-bottom:18px}.experience-grid{display:block}.experience-feature>img{height:240px}.experience-feature>div{padding:25px}.experience-feature h3{font-size:29px}.experience-list{margin-top:35px}.experience-list article{gap:22px;padding:24px 0}.experience-list h3{font-size:23px}.experience-list p{font-size:13px}.section-note{font-size:10px}.ai-section{padding:65px 0}.ai-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.ai-steps h3{font-size:19px}.ai-steps p{font-size:12px}.ai-steps p.ai-note{font-size:10px}.fish-demo{padding:10px}.space-tabs{gap:18px;margin-bottom:24px}.space-tabs button{font-size:11px;padding-block:12px}.space-panel{display:block}.space-photo img{height:245px}.space-details{margin-top:26px}.space-details h3{font-size:23px}.space-details>p{font-size:13px}.space-details ul{font-size:11px}.layout-content{display:block}.layout-content>div:last-child{margin-top:25px}.plan{min-height:310px;gap:7px;padding-inline:9px}.upper-rooms{padding:25px;min-height:350px}.courtyard-section{padding:65px 0}.courtyard-grid{display:block}.courtyard-grid h2{font-size:33px}.courtyard-grid figure{margin-top:35px}.courtyard-grid figure img{height:280px;object-position:70%}.courtyard-grid blockquote{font-size:26px;margin-top:28px}.journey-grid{grid-template-columns:1fr;gap:10px}.journey-grid article{padding:24px 0}.journey-grid h3{font-size:29px}.journey-grid ol{margin-top:12px}.route-theme{margin-bottom:18px}.nearby>div{grid-template-columns:1fr;gap:8px}.nearby h4{font-size:18px}.people-section{padding:0 0 65px}.people-grid{grid-template-columns:1fr;gap:35px}.person-initial{width:60px;height:80px;font-size:30px}.people-grid article{gap:20px}.people-grid h3{font-size:21px}.people-grid p{font-size:12px}.people-note{font-size:10px}.visit-section{padding:65px 0}.visit-grid{display:block}.visit-grid h2{font-size:37px}.visit-card{margin-top:35px;padding:25px}.visit-card h3{font-size:24px}.phone{font-size:28px}.form-row{gap:10px;grid-template-columns:1fr}.form-row>div+div{margin-top:9px}.faq{padding-block:55px;display:block}.faq h2{font-size:23px;margin-bottom:15px}.faq summary{font-size:12px}.faq details p{font-size:11px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:25px}.footer-top>p{display:none}.footer-top>a:last-child{font-size:10px;align-self:center}.footer-bottom{flex-wrap:wrap;font-size:9px;gap:8px 20px}.footer-bottom>a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}