@charset "UTF-8";
:root{--ink:#343943;--muted:#777e8b;--paper:#fafbfc;--line:#e4e7ed;--lavender:#e9e4f6;--blue:#dcebf3;--mint:#e5f1e9;--accent:#7b779c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #867daa;outline-offset:6px}::selection{background:#dcd6ed}.skip{position:fixed;top:-70px;left:20px;padding:15px;background:white;z-index:50}.skip:focus{top:10px}.scroll-progress{position:fixed;inset:0 0 auto;height:2px;background:#9b99b5;transform-origin:left;transform:scaleX(0);z-index:40;pointer-events:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.2%;background:#fafbfcc7;backdrop-filter:blur(18px);position:sticky;top:0;z-index:15;border-bottom:1px solid #e4e7ed88}.brand{font-size:34px;letter-spacing:-3px;font-weight:800;display:flex;align-items:center;gap:11px}.brand-star{font-size:30px;font-weight:400;display:inline-block;color:#9791b1;animation:spin 28s linear infinite}nav{display:flex;gap:32px;align-items:center;font-size:12px}nav>a{position:relative}nav>a:after{content:"";position:absolute;bottom:-5px;height:1px;background:var(--accent);left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav>a:hover:after{transform:scaleX(1)}nav sup{font-size:8px;margin-left:3px;color:var(--muted)}.bili-nav{font-size:10px;letter-spacing:1px}nav button{border:1px solid var(--line);border-radius:20px;background:#ffffff70;padding:7px 12px;font-size:10px}nav button span{margin-left:9px;color:#918ba8}.hero{position:relative;padding:35px 5.2% 0;isolation:isolate;overflow:hidden}.hero-wash{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 77% 38%,#ece8f655,transparent 47%),radial-gradient(ellipse at 15% 62%,#e5f1f255,transparent 55%)}.eyebrow{display:flex;justify-content:space-between;font:9px "Courier New",monospace;letter-spacing:1.5px;color:var(--muted)}.eyebrow span{display:flex;align-items:center;gap:8px}.eyebrow i{height:5px;width:5px;background:#9caeaa;border-radius:50%}h1{font-size:clamp(64px,11.55vw,200px);font-weight:600;letter-spacing:-.067em;line-height:1.06;margin:29px 0 26px;white-space:nowrap}.hero-dot{color:#afa7c8}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px;align-items:center;min-height:425px}.hero-copy{padding:14px 0 40px;z-index:3}.hero-kicker{font-size:11px;letter-spacing:3px;color:#7d818b;margin:0 0 19px}.hero-copy h2{font-size:clamp(30px,3.8vw,66px);line-height:1.43;font-weight:500;letter-spacing:-2px;margin:0 0 22px}.word-rhythm{position:relative;color:#8c839f;display:inline-block}.word-line{position:absolute;inset:auto 0 5px;height:10px;background:#e2ddeb;z-index:-1;border-radius:50%;transform:rotate(-2deg)}.hero-description{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 25px}.pill-link{display:inline-flex;align-items:center;gap:36px;font-size:12px;background:#fff9;border:1px solid #dfe1e7;border-radius:40px;padding:14px 18px;transition:background .3s,box-shadow .3s,transform .3s}.pill-link>span{font-size:20px;line-height:1}.pill-link:hover{background:#eeeaf6;box-shadow:0 7px 20px #9890b315;transform:translateY(-2px)}.hero-stage{position:relative;min-width:0;min-height:440px;perspective:1000px;--px:0;--py:0}.stage-ring{position:absolute;width:90%;aspect-ratio:1;max-width:470px;border:1px solid #d9d8e3;border-radius:50%;left:8%;top:-2%;transform:rotate(-20deg) scaleY(.75);background:radial-gradient(ellipse at 40% 40%,#ece8f5,transparent 68%)}.stage-ring:after{content:"";position:absolute;inset:10%;border:1px solid #e0e5e9;border-radius:50%}.hero-preview{position:absolute;left:2%;top:40px;width:90%;border:1px solid #fff;background:#fff;padding:9px;border-radius:13px;text-align:left;box-shadow:0 25px 65px #68758b1c;transform:translate3d(calc(var(--px)*12px),calc(var(--py)*9px),0) rotate(-4deg);transition:transform .15s ease-out,box-shadow .3s;z-index:2}.hero-preview:hover{box-shadow:0 30px 70px #68758b30}.preview-image{display:block;overflow:hidden;border-radius:7px;aspect-ratio:16/9}.preview-image img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .7s}.hero-preview:hover img{transform:scale(1.025)}.preview-caption{padding:15px 7px 5px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.preview-caption small{font:8px monospace;color:#89909b;display:block;letter-spacing:1px;margin-bottom:6px}.preview-caption em{font-style:normal;font-size:10px;color:var(--muted);margin-left:7px}.preview-play{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eeeaf4;font-size:20px}.stage-mini{position:absolute;right:-2%;top:260px;width:44%;padding:6px 6px 11px;border-radius:8px;background:#fff;box-shadow:0 16px 30px #56698315;transform:translate3d(calc(var(--px)*-18px),calc(var(--py)*-14px),0) rotate(8deg);z-index:3;pointer-events:none}.stage-mini img{width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;display:block;border-radius:4px}.stage-mini>span{font-size:8px;padding:10px 4px 0;display:flex;justify-content:space-between}.stage-mini i{font:8px monospace;color:var(--muted)}.floating-tag{position:absolute;right:4%;top:-7px;padding:10px 14px;border-radius:30px;background:#e9f0ec;font:8px monospace;letter-spacing:1px;transform:rotate(7deg);z-index:4;animation:float 7s ease-in-out infinite}.floating-tag span{font-size:15px;margin-left:5px}.stage-spark{position:absolute;color:#b7aecf;font-size:76px;left:-7%;bottom:25px;animation:spin 40s linear infinite;z-index:4}.stage-coordinate{position:absolute;bottom:6px;left:12%;font:8px/1.8 monospace;letter-spacing:2px;color:#9399a4}.hero-bottom{padding:40px 0 25px;display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#838995}.scroll-cue{display:flex;align-items:center;gap:16px}.scroll-cue i{font:17px Arial;animation:nudge 2.5s ease-in-out infinite}.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;overflow:hidden;color:#a5a7b4;font-size:14px;font-weight:400;letter-spacing:3px;background:#fff8}.ribbon>div{width:max-content;white-space:nowrap;animation:marquee 38s linear infinite}.ribbon span{display:inline-block;margin:0 38px;color:#beb5ce}.works{padding:105px 5.2% 90px;position:relative}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:47px}.section-kicker{font:9px monospace;letter-spacing:1.8px;color:#9096a1;margin:0 0 17px}.section-head h2,.about h2{font-size:clamp(28px,3.15vw,52px);line-height:1.5;font-weight:500;letter-spacing:-1.2px;margin:0}.section-head h2 span{color:#9d98aa}.count{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:12px}.count i{font-style:normal;border:1px solid var(--line);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;font-size:10px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 35px;align-items:start}.work{min-width:0;perspective:1100px}.offset{margin-top:74px}.poster{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;position:relative;display:block;width:100%;padding:0;aspect-ratio:16/9;border:1px solid #e4e7ee;border-radius:12px;background:#edf2f4;overflow:hidden;isolation:isolate;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out,box-shadow .4s;will-change:transform}.poster>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.poster:hover{box-shadow:0 18px 38px #69778c25}.poster:hover>img{transform:scale(1.025)}.card-sheen{position:absolute;inset:0;background:radial-gradient(circle at var(--gx) var(--gy),#ffffff40,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.poster:hover .card-sheen{opacity:1}.card-index{position:absolute;left:15px;top:15px;border:1px solid #ffffff70;background:#ffffffbd;backdrop-filter:blur(10px);font:9px monospace;border-radius:30px;padding:7px 10px;color:#525864}.duration{position:absolute;right:14px;bottom:14px;background:#252a3770;color:#fff;font:9px monospace;padding:5px 7px;border-radius:5px;backdrop-filter:blur(6px)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-40%);display:flex;gap:10px;align-items:center;padding:14px 19px;border:1px solid #ffffff80;border-radius:40px;background:#ffffffd9;backdrop-filter:blur(15px);font-size:11px;opacity:0;transition:opacity .3s,transform .3s;white-space:nowrap}.play-icon{font-size:9px}.poster:hover .play,.poster:focus-visible .play{opacity:1;transform:translate(-50%,-50%)}.work-caption{display:flex;justify-content:space-between;gap:14px;padding:23px 3px 0}.work-caption p{font-size:9px;letter-spacing:1px;margin:0 0 9px;color:#808792}.work-caption p span{padding-left:12px;margin-left:12px;border-left:1px solid #d5d9e0;font-family:monospace}.work-caption h3{font-size:18px;font-weight:500;margin:0;line-height:1.5;letter-spacing:-.2px}.work-caption a{font-size:22px;align-self:start;line-height:1;width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .3s,transform .3s}.work-caption a:hover{background:var(--lavender);transform:rotate(8deg)}.work-caption .caption-sub{font-size:11px;line-height:1.7;letter-spacing:0;margin-top:10px;color:#959aa4}.all-works-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce0e7;padding:20px 0;max-width:330px;margin:65px auto 0;font-size:12px;color:#6f7481}.all-works-link span{font-size:24px;transition:transform .3s}.all-works-link:hover span{transform:translate(4px,-4px)}.about{margin:0 5.2% 80px;padding:75px 6%;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;border-radius:20px;position:relative;isolation:isolate;background:linear-gradient(130deg,#edf4f6 0%,#f1f0f7 53%,#f7efed 100%);border:1px solid #f1f2f6;overflow:hidden}.about h2 span{color:#9890a8}.about-content>p:not(.section-kicker){font-size:14px;line-height:1.9;margin:24px 0 0;color:#69707d}.about-content .about-small{font-size:12px!important;color:#9596a2!important;margin:17px 0 27px!important;line-height:2!important}.about-art{position:relative;height:360px;max-width:380px;--ax:0px;--ay:0px;transform:translate3d(var(--ax),var(--ay),0);transition:transform .25s ease-out}.orb{position:absolute;border-radius:50%;width:69%;aspect-ratio:1;border:1px solid #ffffffa0;box-shadow:inset -12px -17px 40px #a7a3c020,18px 30px 40px #8b99aa13}.orb-one{left:7%;top:3%;background:radial-gradient(circle at 28% 24%,#fff,#e8e2f280);animation:orb-float 9s ease-in-out infinite}.orb-two{right:-3%;top:29%;background:radial-gradient(circle at 28% 24%,#fafffc,#d4e7e680);animation:orb-float 11s ease-in-out -4s infinite}.orb-three{width:40%;left:4%;bottom:1%;background:radial-gradient(circle at 25% 25%,#fff8f3,#efdfe780);animation:orb-float 8s ease-in-out -2s infinite}.orb-label{position:absolute;z-index:2;left:23%;top:36%;font-size:30px;font-weight:500;line-height:1.3;letter-spacing:-1px;color:#777c8d}.orb-cross{position:absolute;right:5%;top:6%;font-size:40px;color:#b2a7c4;animation:spin 35s linear infinite}footer{padding:0 5.2% 25px;background:#fafbfc}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding:28px 0}.footer-logo{font-size:40px;font-weight:600;letter-spacing:-2px}.footer-logo>span{font-size:30px;color:#a8a1bf;margin-left:15px;font-weight:400}.top-link{display:flex;align-items:center;gap:13px;font:9px monospace;letter-spacing:1px}.top-link span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font:22px Arial}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;gap:20px;font:8px monospace;letter-spacing:1px;color:#a1a5ad}dialog{border:1px solid #fff;border-radius:17px;padding:25px;background:#fafbfc;color:var(--ink);width:min(1000px,94vw);max-height:94vh;box-shadow:0 30px 100px #36374722}dialog::backdrop{background:#34394d77;backdrop-filter:blur(14px)}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:20px}.dialog-head p{font:9px monospace;letter-spacing:1px;color:#9298a3;margin:0 0 8px}.dialog-head h2{font-size:21px;font-weight:500;margin:0}.dialog-head button{background:#f0eef5;border:0;border-radius:50%;width:39px;height:39px;font-size:28px;flex-shrink:0}#video-container{aspect-ratio:16/9;background:#222633;border-radius:8px;overflow:hidden}iframe{width:100%;height:100%;border:0}.dialog-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding-top:16px;font-size:11px}.dialog-foot p{color:#8b909b}.dialog-foot a{white-space:nowrap;border-bottom:1px solid #aaa4bc;padding-bottom:4px}body.modal-open{overflow:hidden}.pointer-glow{position:fixed;left:0;top:0;width:550px;height:550px;margin:-275px 0 0 -275px;background:radial-gradient(circle,#ddd8ee55,transparent 65%);z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s;will-change:transform}.cursor-orbit{position:fixed;left:0;top:0;width:24px;height:24px;margin:-12px 0 0 -12px;border:1px solid #a7a1b899;border-radius:50%;pointer-events:none;z-index:30;opacity:0;transition:width .3s,height .3s,margin .3s,opacity .3s,background .3s}.cursor-orbit span{display:none}.cursor-orbit.active{width:70px;height:70px;margin:-35px 0 0 -35px;background:#f9f9fdcf;border-color:#fff9;backdrop-filter:blur(8px);display:grid;place-items:center}.cursor-orbit.active span{display:block;font:9px monospace;letter-spacing:1px}.has-motion .reveal{opacity:0;translate:0 26px;transition:opacity .85s,translate .85s cubic-bezier(.2,.7,.2,1)}.has-motion .reveal.is-visible{opacity:1;translate:0 0}.motion-off *,html.motion-off{animation:none!important;scroll-behavior:auto!important}.motion-off .pointer-glow,.motion-off .cursor-orbit{display:none}.motion-off .poster{transform:none!important}.motion-off .hero-preview{transform:rotate(-4deg)!important}.motion-off .stage-mini{transform:rotate(8deg)!important}.motion-off .about-art{transform:none!important}.motion-off .reveal{opacity:1!important;translate:0 0!important;transition:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{translate:0 -9px;rotate:3deg}}@keyframes orb-float{50%{translate:0 -12px}}@keyframes nudge{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){*,html{animation:none!important;scroll-behavior:auto!important;transition:none!important}.pointer-glow,.cursor-orbit{display:none!important}.poster,.about-art{transform:none!important}.has-motion .reveal{opacity:1;translate:0 0}}@media(hover:none){.cursor-orbit,.pointer-glow{display:none}.play{opacity:1;transform:translate(-50%,-50%);padding:11px 16px}.poster:hover img{transform:none}}@media(min-width:1800px){main,footer{max-width:1800px;margin-left:auto;margin-right:auto}}@media(max-width:900px){.hero-grid{grid-template-columns:1fr 1.1fr;gap:12px}.hero-stage{min-height:360px}.stage-mini{top:215px}.stage-coordinate{bottom:0}.hero-copy h2{font-size:4vw}.hero-copy{padding-bottom:15px}.work-caption h3{font-size:16px}.about{gap:25px;padding:55px 5%}.about-art{height:280px}.orb-label{font-size:24px}}@media(max-width:620px){html{scroll-padding-top:85px}header{height:70px;padding:0 6%}.brand{font-size:29px}.brand-star{font-size:25px}nav{gap:18px;font-size:11px}.bili-nav{display:none}nav button{font-size:9px;padding:6px 8px}.hero{padding:27px 6% 0}.eyebrow{font-size:7px;letter-spacing:.4px}.eyebrow span:last-child{max-width:98px;text-align:right;line-height:1.5}h1{font-size:11.45vw;margin:28px 0 32px;letter-spacing:-.06em}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:0}.hero-kicker{font-size:10px;letter-spacing:2px}.hero-copy h2{font-size:8.7vw;letter-spacing:-1px;line-height:1.4;margin-bottom:17px}.hero-copy h2 br:last-of-type{display:none}.hero-description{font-size:11px;margin-bottom:22px}.pill-link{padding:12px 16px;font-size:11px;gap:28px}.hero-stage{min-height:355px;margin:30px 0 0}.hero-preview{width:90%;left:1%;top:34px}.preview-caption{font-size:11px;padding:11px 5px 4px}.preview-caption small{font-size:7px}.preview-caption em{font-size:9px}.stage-mini{width:41%;top:235px;right:0}.stage-mini>span{font-size:6px}.stage-mini i{font-size:6px}.stage-coordinate{left:10%;bottom:5px;font-size:7px}.stage-ring{width:85%;left:10%;top:5%}.stage-spark{font-size:45px;left:0;bottom:55px}.floating-tag{font-size:7px;right:4%;top:0;padding:8px 11px}.hero-bottom{padding:18px 0 24px;font-size:7px;letter-spacing:.3px}.scroll-cue{gap:9px}.scroll-cue i{font-size:14px}.ribbon{padding:17px 0;font-size:11px;letter-spacing:2px}.ribbon span{margin:0 25px}.works{padding:65px 6% 60px}.section-head{align-items:center;margin-bottom:28px;gap:15px}.section-kicker{font-size:7px;letter-spacing:1.1px;margin-bottom:12px}.section-head h2{font-size:25px;letter-spacing:-.8px}.section-head h2 span{display:block}.count{font-size:9px;gap:8px}.count i{width:27px;height:27px;font-size:9px}.work-grid{grid-template-columns:1fr;gap:37px}.offset{margin-top:0}.poster{border-radius:9px}.card-index{top:10px;left:10px;font-size:8px;padding:5px 8px}.duration{font-size:8px;right:10px;bottom:10px}.work-caption{padding-top:18px}.work-caption h3{font-size:16px}.work-caption p{font-size:8px}.work-caption .caption-sub{font-size:10px;line-height:1.7}.work-caption a{width:30px;height:30px;font-size:19px}.all-works-link{margin-top:40px;max-width:270px;font-size:11px}.about{margin:0 6% 38px;padding:25px 24px 40px;grid-template-columns:1fr;gap:25px;border-radius:14px}.about-art{height:265px;width:90%;margin:auto;max-width:290px}.about h2{font-size:29px;letter-spacing:-1px}.about-content>p:not(.section-kicker){font-size:12px}.about-content .about-small{font-size:11px!important}.orb-label{font-size:25px}.orb-cross{font-size:32px}.footer-top{padding:20px 0;gap:10px}.footer-logo{font-size:27px;letter-spacing:-1.5px}.footer-logo>span{font-size:22px;margin-left:7px}.top-link{font-size:7px;gap:7px;letter-spacing:0}.top-link span{width:30px;height:30px;font-size:18px}.footer-bottom{font-size:6px;letter-spacing:.2px;gap:12px}footer{padding:0 6% 25px}dialog{padding:16px;border-radius:12px}.dialog-head h2{font-size:16px}.dialog-head p{font-size:8px}.dialog-head button{width:32px;height:32px;font-size:24px}.dialog-foot{flex-wrap:wrap;font-size:10px}.dialog-foot p{margin:0}.pointer-glow{width:350px;height:350px}}
/* Small color accents and work categories */
:root{--coral:#d8957d;--sky:#789bca;--leaf:#79a897;--rose:#b486aa}
.brand-star{color:var(--coral)}.hero-dot{color:var(--sky)}.word-rhythm{color:#798eaa}.word-line{background:linear-gradient(90deg,#dcebf2,#ede0ef 65%,#f4e1d5)}.eyebrow i{background:var(--leaf)}.stage-spark{color:#dfaa8f}.floating-tag{background:#e2efe6;color:#587266}.floating-tag span{color:#ba9767}.preview-play{background:#e8edf6;color:#6c86ad}.scroll-progress{background:linear-gradient(90deg,#83a6c7,#b49bc6,#dda890)}.ribbon span:nth-child(3n+1){color:#bd9abb}.ribbon span:nth-child(3n+2){color:#9bbcad}.ribbon span:nth-child(3n){color:#d3ad95}.orb-cross{color:#cfa887}.footer-logo>span{color:#92b7a6}.section-head h2 span{color:#929eb4}.pill-link:hover{background:#e9f1ed}.about h2 span{color:#879f98}
.collection-tools{margin:-12px 0 35px}.work-filters{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.filter-button{--category-color:#808999;--category-tint:#eef0f4;display:inline-flex;gap:10px;align-items:center;justify-content:center;padding:12px 16px;border:1px solid #e4e7ed;border-radius:30px;background:#ffffffb3;font-size:11px;color:#747d89;transition:background .25s,border-color .25s,transform .25s;color-scheme:light}.filter-button:hover{transform:translateY(-2px);border-color:var(--category-color);background:var(--category-tint)}.filter-button[aria-pressed="true"]{color:#394252;border-color:var(--category-color);background:var(--category-tint);box-shadow:0 3px 13px #71819309}.filter-dot{width:6px;height:6px;border-radius:50%;background:var(--category-color);flex-shrink:0}.filter-count{font:9px monospace;opacity:.65;margin-left:4px}.category-pv{--category-color:#7b9fcb;--category-tint:#eaf0f8}.category-still{--category-color:#b88dab;--category-tint:#f4eaf1}.category-mad{--category-color:#d89c80;--category-tint:#fbefe7}.category-early{--category-color:#7ca99a;--category-tint:#e9f3ef}.category-static{--category-color:#a498c6;--category-tint:#f0edf8}.filter-status{font-size:10px;color:#9299a4;margin:17px 2px 0;letter-spacing:.3px}.work-caption p .category-badge{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.3px;border:0;margin:0;padding:5px 9px;border-radius:5px;background:var(--category-tint);color:#616b79}.category-badge:before{content:"";width:4px;height:4px;background:var(--category-color);border-radius:50%}.work-caption p .work-year{border:0;margin-left:9px;padding-left:0;font-size:9px}.work[data-category="pv"] .poster:hover{border-color:#bacde4}.work[data-category="still"] .poster:hover{border-color:#d6bcd0}.work[data-category="mad"] .poster:hover{border-color:#e6c7b6}.work[data-category="early"] .poster:hover{border-color:#bbd9cd}.work[hidden],.work-grid[hidden],.work-filters[hidden],.static-empty[hidden]{display:none!important}.static-empty{padding:65px 20px 55px;text-align:center;border:1px solid #e8e6f0;border-radius:14px;background:linear-gradient(135deg,#fbfcfe,#f5f2fa77)}.static-empty .section-kicker{margin:20px 0 14px;color:#a89bbc}.static-empty h3{font-size:25px;font-weight:400;letter-spacing:-.5px;margin:0 0 15px}.static-empty>p:last-child{font-size:12px;color:#9a9da8}.empty-art{width:120px;height:85px;margin:0 auto;position:relative}.empty-art>span{position:absolute;width:65px;height:75px;border:1px solid #cec9dd;background:linear-gradient(150deg,#fff,#e9edf780);border-radius:5px;left:16px;top:3px;transform:rotate(-12deg)}.empty-art>span:nth-child(2){left:46px;top:7px;transform:rotate(13deg);background:linear-gradient(140deg,#fff,#f6e7ed90);border-color:#e0ced9}.empty-art>i{position:absolute;right:0;top:-12px;font-size:27px;color:#c4aa8c;font-style:normal}.work-caption h3{overflow-wrap:anywhere}.work-grid{row-gap:48px}@media(max-width:620px){.collection-tools{margin:-3px 0 27px}.work-filters{gap:8px}.filter-button{padding:10px 12px;font-size:10px;gap:7px}.filter-count{font-size:8px;margin-left:3px}.filter-dot{width:5px;height:5px}.filter-status{font-size:9px;margin-top:14px}.work-caption p .category-badge{font-size:8px;padding:4px 7px}.work-caption p .work-year{font-size:8px}.work-grid{row-gap:35px}.static-empty{padding:45px 15px}.static-empty h3{font-size:22px}}
@media(min-width:361px) and (max-width:620px){.work-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.filter-button{padding:10px 6px;gap:5px;font-size:9px;white-space:nowrap}.filter-count{margin-left:1px}}

/* Static artwork gallery: show complete compositions, never crop originals. */
.static-poster{aspect-ratio:16/10;background:linear-gradient(140deg,#f0f1f5,#f5f0f5);padding:12px}.static-poster>img{width:100%;height:100%;object-fit:contain;box-shadow:none}.static-poster.portrait{background:linear-gradient(120deg,#eeedf2,#f5eaec)}.static-poster:hover>img{transform:scale(1.015)}.art-kind{position:absolute;bottom:10px;right:12px;font:7px monospace;letter-spacing:1px;color:#707888;background:#ffffffd9;padding:5px 7px;border-radius:4px}.art-open{font-size:21px;align-self:start;width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;transition:background .3s}.art-open:hover{background:#eee8f5}#art-viewer{width:min(1240px,96vw);padding:23px;max-height:95vh}.art-viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:24px}.gallery-image-area{height:min(72vh,790px);min-height:240px;background:#eeeff3;border-radius:9px;overflow:auto;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.gallery-image-area>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.is-zoomed .gallery-image-area{display:block}.is-zoomed .gallery-image-area>img{max-width:none;max-height:none;width:auto;height:auto;margin:0 auto}.art-notes{display:flex;flex-direction:column;padding-top:9px}#art-counter{margin-left:12px;color:#aa9bbb}#art-tags{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 21px}#art-tags>span{background:#eee9f4;color:#8c7f9e;padding:6px 9px;border-radius:20px;font-size:10px}#art-note{font-size:13px;line-height:2.05;color:#737b86;margin:0 0 25px;text-align:justify}.art-dimensions{font:10px monospace;color:#a0a5ae;margin:0 0 20px}.art-actions{display:flex;gap:9px;flex-wrap:wrap}.art-actions>a,.art-actions>button{font-size:10px;background:white;border:1px solid var(--line);border-radius:20px;padding:10px 13px;cursor:pointer}.art-actions>button[aria-pressed="true"]{background:#eee8f5;border-color:#c9bfd9}.art-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:25px;margin-top:auto}.art-pagination>button{width:35px;height:35px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:19px}.art-pagination>span{font-size:9px;color:#9a9faa}.static-work .caption-sub{max-width:440px}@media(max-width:760px){#art-viewer{padding:16px;width:96vw}.art-viewer-grid{grid-template-columns:1fr;gap:18px}.gallery-image-area{height:48vh;min-height:200px}.art-notes{padding:0}.art-notes .section-kicker{margin-bottom:10px}#art-tags{margin-bottom:12px}#art-note{font-size:12px;line-height:1.9;margin-bottom:15px}.art-pagination{padding-top:18px}.art-pagination>span{font-size:9px}.art-dimensions{font-size:9px;margin-bottom:14px}.art-open{width:30px;height:30px;font-size:18px}.static-poster{padding:9px}}
@media(max-width:760px){.gallery-image-area{height:auto;min-height:0;max-height:48vh}.gallery-image-area>img{width:100%;height:auto;max-height:48vh}.is-zoomed .gallery-image-area{height:48vh}.is-zoomed .gallery-image-area>img{width:auto;max-height:none}}