@font-face{font-family:Archive;src:url(fonts/ArchiveSans.ttf)}@font-face{font-family:Mono;src:url(fonts/ArchiveMono.ttf)}:root{--black:#362017;--paper:#f3f0e7;--line:#d4d0c5}*{box-sizing:border-box}body{margin:0;background:var(--black);color:var(--paper);font-family:PortfolioHei,Georgia,'Songti SC',serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #538ad5;outline-offset:5px}header{height:68px;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#362017ed;backdrop-filter:blur(20px);border-bottom:1px solid #ffffff30;font:12px PortfolioHei,Mono,monospace}.brand{font:29px PortfolioHei,Archive,sans-serif;letter-spacing:-1px}.header-note{color:#a9a69e}.hero{padding:58px 34px 50px}.eyebrow{font:11px PortfolioHei,Mono,monospace;letter-spacing:1px;text-transform:uppercase}.hero h1{font:clamp(80px,15.3vw,230px)/.9 PortfolioHei,Archive,sans-serif;letter-spacing:-.025em;margin:30px 0 38px}.hero-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.hero p{font-size:clamp(20px,2.3vw,34px);max-width:830px;line-height:1.65;margin:0}.hero-bottom small{font:11px/1.8 PortfolioHei,Mono,monospace;white-space:nowrap;color:#b8b5ac}.folders{padding:0 34px 60px}.folder{position:relative;margin-top:-5px;color:var(--ink);padding-top:42px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.folder:hover{transform:translateY(-12px);z-index:3}.folder-tab{position:absolute;top:0;left:calc(var(--i)*12%);height:47px;min-width:230px;background:var(--color);padding:14px 25px 12px;clip-path:polygon(7% 0,89% 0,100% 100%,0 100%);font-size:17px}.folder-face{background:var(--color);border-radius:4px 4px 0 0;min-height:166px;padding:27px 32px 30px;display:grid;grid-template-columns:55px 1fr 245px 50px;align-items:center;gap:24px;box-shadow:0 -10px 20px #0002;border-top:1px solid #ffffff30;transition:padding .4s,min-height .4s}.folder:hover .folder-face{min-height:205px;padding-top:38px;padding-bottom:38px}.folder-number{align-self:start;font:12px PortfolioHei,Mono,monospace}.folder-title{font:clamp(42px,5.8vw,86px)/1 PortfolioHei,Archive,sans-serif;text-transform:uppercase;letter-spacing:-1px}.folder-info{font:12px/1.8 PortfolioHei,Mono,monospace}.folder-arrow{font:35px PortfolioHei,Georgia}.folder-bottom{display:flex;justify-content:space-between;font:10px PortfolioHei,Mono,monospace;color:#aaa79e;padding:25px 0;border-top:1px solid #555}.scale{letter-spacing:7px}.case{min-height:calc(100vh - 68px);padding:36px 102px 48px 34px;background:var(--color);color:#242420;animation:casein .65s cubic-bezier(.2,.7,.2,1)}@keyframes casein{from{transform:translateY(65px);opacity:0}to{transform:none;opacity:1}}.document{background:var(--paper);min-height:85vh;box-shadow:0 15px 35px #0003;position:relative;padding:45px 58px 65px 75px;border-radius:2px}.document:before{content:'';position:absolute;left:22px;top:0;bottom:0;border-right:1px solid #d4d0c5;width:1px}.holes{position:absolute;left:13px;top:92px;bottom:50px;display:flex;flex-direction:column;justify-content:space-around;pointer-events:none}.holes i{width:19px;height:19px;border-radius:50%;background:var(--color);box-shadow:inset 1px 2px 4px #0005}.case-top{display:flex;justify-content:space-between;gap:16px;align-items:center;font:11px PortfolioHei,Mono,monospace;border-bottom:1px solid var(--line);padding-bottom:24px}.back{font-weight:bold;display:inline-block;background:#e4dfcf;padding:10px 14px}.case-title{font:clamp(65px,9vw,132px)/.95 PortfolioHei,Archive,sans-serif;text-transform:uppercase;letter-spacing:-1px;margin:52px 0 24px;max-width:1000px}.case-intro{max-width:760px;line-height:1.9;font-size:20px;margin-bottom:42px}.dock{position:fixed;z-index:35;right:0;top:120px;display:flex;flex-direction:column;gap:7px}.dock a{writing-mode:vertical-rl;min-height:105px;padding:15px 13px;color:var(--ink);background:var(--color);border-radius:7px 0 0 7px;box-shadow:-3px 3px 5px #0002;font:13px PortfolioHei,Georgia;transition:padding .2s}.dock a:hover,.dock a.active{padding-right:22px}.chapter{border-top:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:200px 1fr;gap:30px}.chapter small{font:11px/1.8 PortfolioHei,Mono,monospace;color:#706d63}.chapter h2{font-size:27px;font-weight:normal;margin:0 0 18px}.chapter h2 a{border-bottom:1px solid}.chapter p{font-family:PortfolioHei,system-ui,sans-serif;font-size:14px;line-height:1.95;max-width:760px;margin:9px 0;color:#4d4b44}.stats{display:flex;gap:35px;flex-wrap:wrap;margin-top:24px}.stats strong{display:block;font:45px PortfolioHei,Archive,sans-serif}.stats span{font-size:11px}.profile-link{display:inline-block;font:14px PortfolioHei,Mono,monospace;border:1px solid #9d998b;padding:14px 18px;margin-bottom:30px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.filters button{background:transparent;border:1px solid #c1bdaf;border-radius:0;padding:10px 16px;font:12px PortfolioHei,system-ui,sans-serif;color:#4b4942}.filters button.active{background:#23231f;color:#fff;border-color:#23231f}.album-title{font-size:26px;font-weight:normal;margin:25px 0}.gallery{columns:3;column-gap:20px}.media-card{display:block;width:100%;border:0;background:transparent;padding:0;margin:0 0 20px;break-inside:avoid;position:relative}.media-card img,.media-card video{display:block;width:100%;height:auto}.media-card img{transition:filter .3s,transform .3s}.media-card:hover img{filter:brightness(.92)}.media-card .media-plus{position:absolute;right:10px;bottom:10px;background:var(--paper);color:#222;border-radius:50%;width:28px;height:28px;line-height:26px;font:24px PortfolioHei,Georgia;opacity:0;transition:opacity .2s}.media-card:hover .media-plus{opacity:1}.pdf-link{display:block;padding:30px;background:#e4dfd2;font:14px PortfolioHei,Mono,monospace;border:1px solid #aaa}.long-gallery{display:grid;grid-template-columns:210px 1fr;gap:35px}.article-list{display:flex;flex-direction:column;align-items:start;gap:5px}.article-list button{border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 0;text-align:left;width:100%;font-size:14px;color:#777}.article-list button.active{color:#111;font-weight:bold}.long-reader{max-height:75vh;overflow:auto;background:#e5e0d3;max-width:520px;margin:auto;overscroll-behavior:contain;border:12px solid #e5e0d3;box-shadow:0 6px 20px #0001}.long-reader img{width:100%;display:block}.reader-meta{font:10px PortfolioHei,Mono,monospace;display:flex;justify-content:space-between;margin:12px 0}.photo-hero{height:52vh;min-height:300px;margin:0 0 35px;overflow:hidden}.photo-hero img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.paper-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font:10px PortfolioHei,Mono,monospace;margin-top:50px;padding-top:20px;color:#777}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-bottom:80px}.contact-name{font-size:clamp(50px,7vw,105px);font-weight:normal;margin:30px 0}.contact-items{display:flex;flex-direction:column;gap:0;padding-top:30px}.contact-items a{border-bottom:1px solid var(--line);padding:22px 0;font:16px PortfolioHei,Mono,monospace}.contact-items small{display:block;font-size:10px;margin-bottom:10px;color:#777}dialog{background:#171717;color:#fff;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:65px 70px 40px}dialog::backdrop{background:#000c}.viewer-media{height:100%;display:flex;align-items:center;justify-content:center}.viewer-media img,.viewer-media video{max-height:100%;max-width:100%;object-fit:contain}.viewer-close,.viewer-prev,.viewer-next{position:absolute;background:none;border:0;color:white;padding:15px;font:14px PortfolioHei,Mono,monospace}.viewer-close{right:25px;top:14px}.viewer-prev{left:10px;top:48%}.viewer-next{right:10px;top:48%}.viewer-count{position:absolute;top:28px;left:30px;font:11px PortfolioHei,Mono,monospace}.pet{position:fixed;z-index:45;right:75px;bottom:15px;width:235px;color:#eee;touch-action:none}.pet canvas{width:100%;display:block;cursor:grab}.pet-controls{display:flex;justify-content:space-around;background:#43291e;border:1px solid #ffffff40;padding:6px}.pet-controls button{border:0;background:none;color:inherit;font-size:11px;padding:5px}.pet-caption{font:11px PortfolioHei,Mono,monospace;background:#43291e;padding:7px 10px;display:flex;justify-content:space-between}.pet-caption button{border:0;color:inherit;background:none}.pet-show{position:fixed;right:75px;bottom:20px;padding:10px 15px;background:#43291e;color:#fff;border:1px solid #fff6;z-index:45}.empty{padding:50px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:1600px){.hero,.folders{padding-left:5vw;padding-right:5vw}.case{padding-left:5vw}}@media(max-width:800px){header{padding:0 18px;height:58px}.header-note{display:none}.hero{padding:40px 18px}.hero h1{font-size:20vw}.hero-bottom{display:block}.hero-bottom small{display:block;margin-top:25px}.hero p{font-size:20px}.folders{padding:0 18px 30px}.folder-tab{left:calc(var(--i)*8%);min-width:150px;font-size:13px;padding:17px 20px}.folder-face{grid-template-columns:26px 1fr 20px;gap:8px;padding:25px 17px;min-height:130px}.folder-info{display:none}.folder-title{font-size:9vw}.folder-arrow{font-size:23px}.folder:hover .folder-face{min-height:130px;padding:25px 17px}.folder-bottom{font-size:8px}.scale{display:none}.case{padding:18px 39px 30px 10px;min-height:calc(100vh - 58px)}.document{padding:25px 20px 40px 32px}.document:before{left:15px}.holes{left:8px}.holes i{width:13px;height:13px}.case-title{font-size:14vw;margin-top:35px}.case-intro{font-size:16px}.case-top{font-size:9px}.case-top span:last-child{display:none}.back{padding:9px}.dock{top:90px;gap:5px}.dock a{padding:10px 8px;font-size:11px;min-height:83px}.dock a:hover,.dock a.active{padding-right:10px}.chapter{grid-template-columns:1fr;gap:13px;padding:25px 0}.chapter h2{font-size:23px}.gallery{columns:2;column-gap:12px}.media-card{margin-bottom:12px}.long-gallery{grid-template-columns:1fr;gap:15px}.article-list{flex-direction:row;overflow:auto}.article-list button{min-width:100px;font-size:12px}.long-reader{max-height:65vh;border-width:5px}.contact-grid{grid-template-columns:1fr;gap:0}.contact-items a{font-size:12px}.contact-name{font-size:60px}.photo-hero{height:35vh;min-height:200px}.pet{width:185px;right:38px}.pet-show{right:40px}dialog{padding:65px 35px 30px}.stats{gap:22px}.stats strong{font-size:35px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.document{background-image:repeating-linear-gradient(0deg,#b4ac9810 0,#b4ac9810 1px,transparent 1px,transparent 4px)}.document:after{content:'';position:absolute;right:95px;top:-16px;width:16px;height:70px;border:3px solid #929187;border-radius:14px;box-shadow:2px 1px 2px #0003,inset 1px 0 1px #fff;transform:rotate(11deg);pointer-events:none}.folder.pulling{z-index:5;transform:translateY(-24px) perspective(1500px) rotateX(3deg)}.folder.pulling .folder-face{box-shadow:0 25px 50px #0007}.folders.opening .folder:not(.pulling){opacity:.45;transition:opacity .18s}.header-note{order:-1}.brand{position:absolute;left:50%;transform:translateX(-50%)}@media(max-width:800px){.brand{position:static;transform:none}.document:after{right:35px;width:12px;height:50px;border-width:2px}}
.case-title:focus{outline:none}
/* Compact landing page: centered masthead and layered file tabs. */
.hero{padding:46px 34px 58px;text-align:center}.hero .eyebrow{font-size:10px;color:#94928c;letter-spacing:1.3px}.hero h1{font-size:clamp(78px,9.5vw,145px);line-height:1;margin:22px 0 0;letter-spacing:-.02em}.compact-folders{max-width:1440px;width:86%;margin:0 auto;padding:0 0 35px}.compact-folders .folder{padding-top:40px;margin-top:-8px}.compact-folders .folder:hover{transform:none;z-index:auto}.compact-folders .folder-tab{left:0;min-width:235px;height:45px;top:0;padding:9px 30px 12px;font-size:25px;text-align:center;clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);transition:transform .25s}.compact-folders .folder-tab:hover{transform:translateY(-5px)}.compact-folders .folder-face,.compact-folders .folder:hover .folder-face{display:block;min-height:0;padding:0 32px;border-radius:4px 4px 0 0;box-shadow:none;border-top:0}.folder-toggle{height:30px;width:100%;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:inherit;border:0;background:transparent;font:11px PortfolioHei,Mono,monospace;padding:0}.toggle-arrow{font:20px PortfolioHei,Georgia}.folder-preview{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1)}.folder-open{overflow:hidden;opacity:0;transition:opacity .25s;display:block}.expanded .folder-preview{grid-template-rows:1fr}.expanded .folder-open{opacity:1;padding:14px 26px 26px}.folder-open .folder-title{font:36px/1 PortfolioHei,Archive,sans-serif;letter-spacing:0}.folder-open p{font:12px/1.85 PortfolioHei,Mono,monospace;margin:12px 0 16px;max-width:750px}.open-label{font:10px PortfolioHei,Mono,monospace;border-bottom:1px solid currentColor;padding-bottom:3px}.compact-folders .folder.pulling{transform:translateY(-15px);z-index:5}.compact-folders .folder-bottom{margin-top:0;padding:22px 0}.compact-folders .folder:last-of-type .folder-face{border-radius:4px}.brand{font-size:29px}@media(min-width:1600px){.hero{padding-top:48px;padding-bottom:62px}}@media(max-width:800px){header{justify-content:flex-end}.brand{position:absolute;left:50%;transform:translateX(-50%);font-size:25px}header>a:last-child{font-size:9px}.hero{padding:40px 18px 45px}.hero h1{font-size:15vw;margin-top:20px}.hero .eyebrow{font-size:8px}.compact-folders{width:92%;padding-bottom:25px}.compact-folders .folder{padding-top:34px;margin-top:-4px}.compact-folders .folder-tab{height:38px;min-width:155px;padding:8px 20px;font-size:17px}.compact-folders .folder-face,.compact-folders .folder:hover .folder-face{padding:0 15px}.folder-toggle{height:29px;font-size:8px}.expanded .folder-open{padding:14px 7px 24px}.folder-open .folder-title{font-size:30px}.folder-open p{font-size:11px}.compact-folders .folder-bottom{font-size:8px;gap:15px}.brand{white-space:nowrap}}
.compact-folders .folder{margin-top:-40px}.compact-folders .folder:first-child{margin-top:0}.compact-folders .folder-face,.compact-folders .folder:hover .folder-face{padding-bottom:32px}.compact-folders .folder:last-of-type .folder-face{padding-bottom:0}@media(max-width:800px){.compact-folders .folder{margin-top:-34px}.compact-folders .folder-face,.compact-folders .folder:hover .folder-face{padding-bottom:30px}.compact-folders .folder:last-of-type .folder-face{padding-bottom:0}}
/* Rounded, staggered file tabs and a front contact sheet. */
.rounded-folders{width:86%;max-width:1440px;margin:0 auto;padding:0 0 35px}.rounded-folders .folder{padding:0;margin:0;position:relative;transform:none;color:var(--ink)}.rounded-folders .folder:hover{transform:none;z-index:auto}.folder-tabs{height:46px;position:relative;z-index:2;display:flex;align-items:end;gap:13px;padding-left:0}.rounded-folders .folder-tab{position:relative;left:auto;top:auto;display:flex;justify-content:center;align-items:center;min-width:0;width:265px;height:50px;clip-path:none;padding:0 24px 7px;background:none;isolation:isolate;font:26px PortfolioHei,Georgia,'Songti SC',serif;white-space:nowrap;color:var(--ink);transform:none;transition:filter .2s,translate .25s}.tab-shape{position:absolute;inset:0;width:100%;height:100%;fill:var(--color);pointer-events:none;z-index:-1}.folder-tab span{position:relative}.rounded-folders .folder-tab:hover{translate:0 -5px;filter:brightness(1.08)}.rounded-folders .folder:nth-child(2) .folder-tabs{padding-left:0}.rounded-folders .folder:nth-child(2) .tab-1{margin-left:42px}.rounded-folders .folder:nth-child(3) .tab-1{margin-left:110px}.rounded-folders .folder-face,.rounded-folders .folder:hover .folder-face{display:block;min-height:0;border:0;border-radius:4px 4px 0 0;padding:0 30px 46px;box-shadow:none;margin-top:-1px}.rounded-folders .folder:not(:first-child){margin-top:-46px}.rounded-folders .folder:last-of-type .folder-face{padding-bottom:0;min-height:240px}.rounded-folders .folder-toggle{height:38px}.rounded-folders .folder-preview-inner{overflow:hidden;padding:0 40px;opacity:0;transition:opacity .25s}.rounded-folders .expanded .folder-preview-inner{opacity:1;padding-top:10px;padding-bottom:42px}.folder-preview-inner>p{font:13px/1.9 PortfolioHei,Mono,system-ui,sans-serif;margin:0;max-width:850px}.intro-copy{max-width:880px}.intro-copy p{font:clamp(13px,1.05vw,17px)/1.9 PortfolioHei,Mono,system-ui,sans-serif;margin:0 0 12px;letter-spacing:.02em;color:#fff}.intro-links{display:flex;flex-wrap:wrap;gap:14px 30px;font:12px/1.8 PortfolioHei,Mono,system-ui,sans-serif;margin-top:23px}.intro-links a{border-bottom:1px solid currentColor;padding-bottom:2px}.intro-links a:hover{opacity:.65}.rounded-folders .folder-bottom{padding:22px 0}.flying-tab{position:fixed;z-index:100;display:flex;align-items:center;justify-content:center;font:26px PortfolioHei,Georgia,'Songti SC',serif;color:var(--ink);pointer-events:none;isolation:isolate;will-change:transform;transform-origin:center}.flying-tab span{padding-bottom:7px}.tab-arriving{opacity:0!important}
/* Detail pages: a black title field above the colored file and paper insert. */
.case{background:#362017;padding:0 0 50px;animation:none;min-height:calc(100vh - 68px)}.case-heading{position:relative;padding:62px 34px 60px;color:var(--paper)}.case-heading .case-title{font-size:clamp(64px,7.6vw,118px);margin:0;line-height:1;max-width:85%}.case-return{position:absolute;right:34px;bottom:58px;font:11px PortfolioHei,Mono,monospace;color:#b9b6ac;border-bottom:1px solid #777;padding-bottom:5px}.case-folder{position:relative;background:var(--color);width:80%;padding:34px 34px 48px 64px;border-radius:0 4px 0 0;min-height:1120px;animation:paper-rise .65s cubic-bezier(.2,.7,.2,1)}@keyframes paper-rise{from{transform:translateY(45px);opacity:.3}to{transform:none;opacity:1}}.case-folder .document{padding:55px 48px 65px 66px;min-height:1050px;box-shadow:none}.case-folder .case-intro{margin:0 0 45px;font-size:22px;line-height:1.7}.case .dock{position:absolute;right:-54px;top:0;display:flex;flex-direction:column;gap:0;z-index:3}.case .dock a{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;width:56px;height:152px;min-height:0;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;writing-mode:horizontal-tb;color:var(--ink);font:23px PortfolioHei,Georgia,'Songti SC',serif;transition:translate .25s}.case .dock .tab-shape{width:152px;height:56px;left:calc(50% - 76px);top:calc(50% - 28px);transform:rotate(90deg)}.case .dock a>span{writing-mode:vertical-rl;text-orientation:mixed}.case .dock a:hover{translate:6px 0;padding:0}.case .dock a.active{padding:0;translate:0}.case .dock a.active:after{content:'';position:absolute;height:80px;left:5px;top:36px;border-left:1px solid currentColor;opacity:.4}.contact-biography{font:18px/2 PortfolioHei,Georgia,'Songti SC',serif;max-width:850px}.contact-name{margin-top:0}.contact-biography+.intro-links{margin-bottom:35px}.case-folder .document:after{right:55px}.case-folder .paper-footer{margin-top:65px}.case .dock a:focus-visible{outline-offset:-8px}
@media(max-width:800px){.rounded-folders{width:94%}.folder-tabs{height:38px;gap:4px}.rounded-folders .folder-tab{width:48%;height:42px;font-size:17px;padding:0 12px 6px}.rounded-folders .folder:nth-child(2) .tab-1,.rounded-folders .folder:nth-child(3) .tab-1{margin-left:0}.rounded-folders .folder-face,.rounded-folders .folder:hover .folder-face{padding:0 14px 38px}.rounded-folders .folder:not(:first-child){margin-top:-38px}.rounded-folders .folder-toggle{height:32px;font-size:8px}.rounded-folders .folder-preview-inner{padding:0 8px}.rounded-folders .expanded .folder-preview-inner{padding:10px 8px 28px}.intro-copy p{font-size:12px;line-height:1.9}.intro-links{font-size:10px;gap:8px 17px;margin-top:18px}.rounded-folders .folder:last-of-type .folder-face{min-height:330px}.case-heading{padding:42px 16px 56px}.case-heading .case-title{font-size:13vw;max-width:95%}.case-return{right:16px;bottom:22px;font-size:10px}.case-folder{width:calc(100% - 43px);padding:22px 16px 30px 21px;min-height:890px}.case-folder .document{padding:30px 15px 45px 27px;min-height:850px}.case-folder .case-intro{font-size:16px;margin-bottom:30px}.case .dock{right:-36px}.case .dock a{width:38px;height:125px;font-size:16px}.case .dock .tab-shape{width:125px;height:38px;left:calc(50% - 62.5px);top:calc(50% - 19px)}.case .dock a.active:after{height:65px;top:30px;left:3px}.case-folder .document:after{right:25px}.contact-biography{font-size:14px}.case-folder .contact-name{font-size:40px}.pet{right:47px}.flying-tab{font-size:18px}}
/* Seven independent files, painted from back to front. */
html{scrollbar-gutter:stable}.morph-folders{width:86%;max-width:1440px;margin:auto;padding:0 0 28px}.morph-folders .folder-card{position:relative;z-index:var(--layer);margin:0;padding:0;transform:none;color:var(--ink)}.morph-folders .folder-card:hover{transform:none;z-index:var(--layer)}.morph-folders .folder-card:not(:first-child){margin-top:-46px}.morph-folders .folder-tabs{height:39px;padding-left:var(--tab-x);display:block;z-index:1}.morph-folders .folder-tab{position:relative;inset:auto;clip-path:none;background:none;display:flex;align-items:center;justify-content:center;isolation:isolate;min-width:0;width:240px;height:45px;padding:0 20px 6px;font:23px PortfolioHei,Georgia,'Songti SC',serif;color:var(--ink);white-space:nowrap;transition:translate .25s}.morph-folders .folder-tab:hover{translate:0 -7px}.morph-folders .folder-face,.morph-folders .folder-card:hover .folder-face{display:block;padding:0 28px 46px;margin:0;min-height:0;box-shadow:none;border:0;border-radius:4px 4px 0 0;background:var(--color)}.morph-folders .folder-toggle{height:22px;font-size:9px;gap:15px}.morph-folders .card-open{font:18px PortfolioHei,Georgia;padding:0 4px}.morph-folders .contact-folder .folder-face{padding-bottom:0}.morph-folders .contact-folder .folder-tab{font-family:PortfolioHei,Archive,system-ui,sans-serif;font-size:29px;font-weight:700;letter-spacing:.5px}.front-introduction{padding:20px 40px 36px}.morph-folders .folder-bottom{position:relative;z-index:8;padding:22px 0;background:var(--black)}.morph-folders .folder-card[data-file="off-work"] .folder-face{border-top:1px solid #ffffff35}.morph-folders .folder-card[data-file="off-work"] .tab-shape{filter:drop-shadow(0 -1px 0 #ffffff35)}
/* Shared object transition: this is the actual file surface, not a flying label. */
.detail-layer{position:fixed;inset:68px 0 0;overflow:auto;overscroll-behavior:contain;z-index:50;background:#362017;scrollbar-gutter:stable}.detail-layer[hidden]{display:none}.detail-layer .case{background:transparent;min-height:100%;padding-bottom:55px}.detail-layer .case-folder{animation:none;transform-origin:0 0;will-change:transform}.detail-layer.morphing{overflow:hidden}.detail-layer.morphing .case-folder{pointer-events:none}.detail-layer .case-heading{padding-top:48px;padding-bottom:45px}.case-return{font-size:12px}.pet,.pet-show{z-index:60}.case .dock a{height:140px}.case .dock .tab-shape{width:140px;left:calc(50% - 70px)}.case .dock a>span{font-size:21px}.case .dock a[href="#contact"]>span{font-family:PortfolioHei,Archive,system-ui,sans-serif;font-weight:700;letter-spacing:1px}.detail-layer .document{min-height:1020px}
/* OFFWORK is a collection of overlapping photographs and paper ephemera. */
.scrapbook-gallery{margin:-20px -12px 0}.scrap-spread{position:relative;min-height:820px;margin-bottom:90px;isolation:isolate}.scrap-note{position:absolute;z-index:6;left:0;top:24px;width:49%;padding:36px 34px 55px;background:#538ad5;color:#171717;rotate:-2deg;box-shadow:3px 10px 18px #0002;clip-path:polygon(0 0,100% 0,100% 100%,3% 100%,2% 91%,3% 85%,1% 77%,2% 67%,0 59%,1% 51%,0 42%,2% 34%,1% 24%,2% 16%,0 7%)}.scrap-note:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(7deg,#ffffff15 0,#ffffff15 1px,transparent 1px,transparent 6px)}.scrap-note small{font:10px PortfolioHei,Mono,monospace}.scrap-note h2{font:42px/1.3 PortfolioHei,Archive,'Songti SC',serif;font-weight:700;margin:32px 0}.scrap-note p{font:13px/1.9 PortfolioHei,Mono,system-ui,sans-serif;margin:0}.scrap-photo{border:0;background:#eae2d7;position:absolute;padding:10px;cursor:zoom-in;box-shadow:1px 7px 12px #0003;transition:translate .25s;transform-origin:center}.scrap-photo:hover{translate:0 -5px;z-index:8}.scrap-photo img{display:block;width:100%;height:auto}.scrap-photo-0{width:43%;left:7%;top:350px;rotate:-5deg;z-index:3}.scrap-photo-1{width:44%;right:-1%;top:0;rotate:3deg;z-index:1;padding:13px;background:#362017;border-radius:13px}.scrap-photo-2{width:42%;left:41%;top:280px;rotate:1deg;z-index:4;padding:18px;background:#e5d3c5}.scrap-photo-3{width:34%;right:2%;top:590px;rotate:-4deg;z-index:5}.scrap-tape{position:absolute;left:40%;top:-12px;width:60px;height:24px;background:#c9ad8280;rotate:-9deg;clip-path:polygon(2% 0,100% 8%,97% 100%,0 93%);pointer-events:none}.scrap-photo-1 .scrap-tape{display:none}.spread-1{min-height:1000px}.spread-1 .scrap-note{background:#bec69e;rotate:2deg}.spread-1 .scrap-photo-0{left:1%;top:370px;width:43%}.spread-1 .scrap-photo-1{width:40%;right:3%;rotate:-3deg}.spread-1 .scrap-photo-2{left:43%;top:330px}.spread-1 .scrap-photo-3{right:2%;top:700px;width:33%}.spread-2{min-height:850px;margin-bottom:0}.spread-2 .scrap-note{background:#bec69e}.spread-2 .scrap-photo-0{top:330px;width:48%;left:2%}.spread-2 .scrap-photo-1{top:15px;right:0;width:46%}.spread-2 .scrap-photo-2{top:490px;left:45%;width:43%}
@media(max-width:800px){.morph-folders{width:94%}.morph-folders .folder-tabs{height:33px;padding-left:calc(var(--tab-x)*.69)}.morph-folders .folder-tab{height:37px;width:160px;font-size:17px;padding-bottom:5px}.morph-folders .folder-card:not(:first-child){margin-top:-38px}.morph-folders .folder-face,.morph-folders .folder-card:hover .folder-face{padding:0 13px 38px}.morph-folders .folder-toggle{height:20px;font-size:7px}.morph-folders .contact-folder .folder-face{padding-bottom:0}.morph-folders .contact-folder .folder-tab{font-size:24px}.front-introduction{padding:12px 9px 28px}.detail-layer{top:58px}.detail-layer .case-heading{padding:32px 15px 50px}.detail-layer .case-heading .case-title{font-size:12vw}.case .dock a{height:122px}.case .dock .tab-shape{width:122px;left:calc(50% - 61px)}.case .dock a>span{font-size:15px}.detail-layer .document{min-height:870px}.scrapbook-gallery{margin:0 -7px}.scrap-spread{min-height:610px;margin-bottom:40px}.scrap-note{top:8px;width:55%;padding:22px 15px 30px;rotate:-2deg}.scrap-note small{font-size:7px}.scrap-note h2{font-size:25px;margin:22px 0}.scrap-note p{font-size:10px;line-height:1.8}.scrap-photo{padding:5px}.scrap-photo-0{width:57%;left:0;top:225px}.scrap-photo-1{width:52%;right:-2%;top:25px;padding:6px;border-radius:7px}.scrap-photo-2{width:53%;left:40%;top:235px;padding:7px}.scrap-photo-3{width:47%;top:440px;right:0}.scrap-tape{width:36px;height:15px;top:-7px}.spread-1{min-height:630px}.spread-1 .scrap-photo-0{width:56%;top:240px}.spread-1 .scrap-photo-1{width:48%;right:0;top:40px}.spread-1 .scrap-photo-2{width:55%;left:37%;top:260px}.spread-1 .scrap-photo-3{width:45%;top:460px}.spread-2{min-height:610px}.spread-2 .scrap-photo-0{top:240px;width:59%;left:0}.spread-2 .scrap-photo-1{width:52%;top:40px}.spread-2 .scrap-photo-2{width:55%;left:40%;top:400px}}
.morph-folders .folder-tabs{height:32px}.morph-folders .folder-tab{height:39px}.morph-folders .folder-toggle{height:16px}.hero{padding-top:34px;padding-bottom:42px}@media(max-width:800px){.hero{padding-top:30px;padding-bottom:35px}.morph-folders .folder-tabs{height:30px}.morph-folders .folder-tab{height:35px}.morph-folders .folder-toggle{height:17px}}
/* Four shared tab levels; contact details live beyond the initial viewport. */
.grouped-folders .folder-card:not(:first-child){margin-top:-44px}.grouped-folders .folder-tabs{height:44px;padding-left:0;display:flex;align-items:end;gap:10px}.grouped-folders .folder-tab{width:260px;height:49px;font-size:25px;flex:0 0 auto}.grouped-folders .folder-card:nth-child(2) .tab-1{margin-left:45px}.grouped-folders .folder-card:nth-child(3) .tab-1{margin-left:95px}.grouped-folders .folder-face,.grouped-folders .folder-card:hover .folder-face{padding:0 30px 44px}.group-spine{height:22px;display:flex;align-items:center;justify-content:flex-end;font:9px PortfolioHei,Mono,monospace;color:var(--ink)}.grouped-folders .contact-folder .folder-face{padding-bottom:0}.grouped-folders .contact-folder .folder-tab{font-size:29px;font-weight:700}.grouped-folders .front-introduction{position:relative;min-height:var(--first-page-clearance,300px);padding:30px 38px 75px}.scroll-contact{position:absolute;bottom:26px;left:38px;font:10px PortfolioHei,Mono,system-ui,sans-serif;letter-spacing:.03em;opacity:.8}.scroll-contact:hover{opacity:1}.lower-contact{padding:55px 38px 30px;min-height:390px;scroll-margin-top:90px;color:#fff;display:flex;flex-direction:column;justify-content:space-between}.contact-symbols{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;max-width:950px;width:100%;margin:0 auto 75px}.contact-symbols>a{display:flex;align-items:center;flex-direction:column;gap:10px;text-align:center;font:12px/1.7 PortfolioHei,Mono,system-ui,sans-serif}.contact-symbols svg{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1;stroke-linejoin:round;stroke-linecap:round;margin-bottom:12px;transition:rotate .3s,translate .3s}.contact-symbols>a:hover svg{rotate:7deg;translate:0 -6px}.contact-symbols small{font-size:10px;opacity:.7}.contact-symbols>a span{border-bottom:1px solid #fff7;padding-bottom:3px}.contact-bottom{display:grid;grid-template-columns:170px 1fr 170px;align-items:end;font:10px PortfolioHei,Mono,monospace}.contact-bottom>span{text-align:center}.footer-scale{width:155px;height:30px;fill:none;stroke:currentColor;stroke-width:1}.footer-scale text{stroke:none;fill:currentColor;font:9px PortfolioHei,Mono,monospace}.grouped-folders .folder-card[data-file="off-work"] .folder-face{border-top:1px solid #ffffff20}.hero{padding-bottom:35px}.morph-folders.grouped-folders{padding-bottom:30px}
@media(max-width:800px){.grouped-folders .folder-card:not(:first-child){margin-top:-35px}.grouped-folders .folder-tabs{height:35px;gap:3px}.grouped-folders .folder-tab{width:49%;height:39px;font-size:17px}.grouped-folders .folder-card:nth-child(2) .tab-1,.grouped-folders .folder-card:nth-child(3) .tab-1{margin-left:0}.grouped-folders .folder-face,.grouped-folders .folder-card:hover .folder-face{padding:0 13px 35px}.group-spine{height:19px;font-size:6px}.grouped-folders .contact-folder .folder-face{padding-bottom:0}.grouped-folders .contact-folder .folder-tab{font-size:25px}.grouped-folders .front-introduction{padding:20px 10px 68px}.scroll-contact{left:10px;bottom:24px;font-size:9px}.lower-contact{min-height:470px;padding:36px 10px 26px;scroll-margin-top:72px}.contact-symbols{grid-template-columns:repeat(2,1fr);gap:38px 12px;margin-bottom:55px}.contact-symbols>a{font-size:10px;gap:7px}.contact-symbols svg{width:44px;height:44px;margin-bottom:6px}.contact-bottom{grid-template-columns:90px 1fr;gap:15px;font-size:8px}.contact-bottom>span{text-align:right}.footer-scale{width:90px}.hero{padding-bottom:35px}}
/* Reference arrangement: two / one / three / one tabs, with an accordion on hover. */
.grouped-folders .folder-tabs{gap:8px}.grouped-folders .folder-tab{width:250px}.grouped-folders .folder-card:nth-child(2) .tab-1,.grouped-folders .folder-card:nth-child(3) .tab-1{margin-left:0}.grouped-folders .group-spine{display:flex;justify-content:flex-end;gap:12px;width:100%;height:34px;padding:0;background:transparent;border:0;color:var(--ink);font:11px PortfolioHei,Mono,monospace;cursor:pointer;text-align:right}.row-arrow{font:23px PortfolioHei,Georgia;line-height:1;min-width:13px}.row-preview{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s cubic-bezier(.2,.7,.2,1)}.row-preview p{overflow:hidden;min-height:0;margin:0;padding:0 38px;font:13px/1.9 PortfolioHei,Mono,system-ui,sans-serif;max-width:900px}.row-active .row-preview{grid-template-rows:1fr}.row-active .row-preview p{padding-top:24px;padding-bottom:38px}.contact-folder:not(.row-active) .front-introduction{min-height:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.grouped-folders .contact-folder .group-spine span:first-child{font-size:10px}.grouped-folders .front-introduction{padding-top:20px}.grouped-folders .folder-card:nth-child(3) .folder-tab{width:250px}
/* Photography: two true categories and a complete photograph within one viewport. */
.quiet-album{max-width:960px;margin:0 auto}.album-categories{display:flex;gap:35px;border-bottom:1px solid #c8c3b8;padding-bottom:15px}.album-categories button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 10px;color:#8c887d;font:22px PortfolioHei,Georgia,'Songti SC',serif}.album-categories button.active{color:#242420;border-color:#242420}.album-categories small{display:block;font:10px PortfolioHei,system-ui,sans-serif;letter-spacing:2px;margin-top:8px}.quiet-stage{height:clamp(250px,40svh,370px);display:flex;align-items:center;justify-content:center;position:relative;margin:22px 0 25px}.quiet-main{height:100%;width:72%;display:flex;align-items:center;justify-content:center;border:0;padding:10px;background:transparent;cursor:zoom-in}.quiet-main img{max-height:100%;max-width:100%;width:auto;height:auto;display:block;box-shadow:0 5px 12px #0002;border:7px solid #fff}.photo-number{position:absolute;top:10px;left:0;font:10px PortfolioHei,Mono,monospace;color:#9c9789}.quiet-thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:10px 0}.quiet-thumbs button{width:52px;height:54px;background:transparent;border:1px solid transparent;padding:4px;opacity:.55}.quiet-thumbs button[aria-pressed="true"]{border-color:#5b594f;opacity:1}.quiet-thumbs img{display:block;width:100%;height:100%;object-fit:contain}.case:has(.quiet-album) .case-heading,.case:has(.film-exhibition) .case-heading{padding-top:27px;padding-bottom:29px}.case:has(.quiet-album) .case-title,.case:has(.film-exhibition) .case-title{font-size:clamp(60px,6.2vw,95px)}.case:has(.quiet-album) .document{padding-top:28px;min-height:0}.case:has(.quiet-album) .case-folder{min-height:0;padding-bottom:25px}.case:has(.quiet-album) .paper-footer{margin-top:30px}.case:has(.quiet-album) .case-return,.case:has(.film-exhibition) .case-return{bottom:30px}
/* Film projects: small prints layered over colored paper on a dark exhibition field. */
.case:has(.film-exhibition) .document{background:#141414;color:#eeeae0;padding:30px 30px 45px 48px;min-height:0}.case:has(.film-exhibition) .case-intro{display:none}.case:has(.film-exhibition) .case-folder{min-height:0}.film-exhibition{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px}.film-index{display:flex;flex-direction:column;align-items:stretch;gap:2px;max-height:57svh;overflow:auto}.film-index button{display:flex;gap:10px;align-items:baseline;padding:9px 4px;background:none;border:0;text-align:left;color:#89867e;font:12px/1.5 PortfolioHei,system-ui,sans-serif}.film-index button small{font:9px PortfolioHei,Mono,monospace;opacity:.5}.film-index button.active{color:#fff}.film-index button.active:before{content:'•';color:#bec69e;font-size:10px}.film-collage{position:relative;height:56svh;max-height:560px;min-height:360px;isolation:isolate}.film-paper{position:absolute;width:39%;left:0;top:8%;padding:27px 22px 40px;background:#bec69e;color:#171717;rotate:-2deg;box-shadow:0 8px 20px #0003;z-index:1}.film-paper small{font:8px PortfolioHei,Mono,monospace}.film-paper h2{font:30px/1.2 PortfolioHei,Archive,'Songti SC',serif;margin:28px 0 30px;font-weight:700}.film-paper>span,.film-paper>a{display:block;font:10px/1.8 PortfolioHei,Mono,system-ui,sans-serif;margin-top:10px}.film-paper>a{text-decoration:underline}.film-print{position:absolute;border:0;padding:7px;background:#eee8db;box-shadow:0 7px 20px #0005;cursor:zoom-in;display:flex;justify-content:center;transition:translate .25s;max-height:43svh}.film-print:hover{translate:0 -6px;z-index:9}.film-print img{display:block;max-height:40svh;max-width:100%;width:auto;height:auto;object-fit:contain}.print-0{width:54%;left:22%;top:31%;z-index:5;rotate:1deg}.print-1{width:40%;right:0;top:0;z-index:2;rotate:3deg}.print-2{width:44%;right:0;top:52%;z-index:6;rotate:-2deg}.print-3{width:37%;left:2%;top:64%;z-index:3;rotate:-4deg}.portrait-led .print-0{width:29%;left:auto;right:2%;top:3%;z-index:3;rotate:2deg}.portrait-led .print-1{width:47%;left:3%;top:48%;z-index:5;rotate:-2deg}.portrait-led .print-2{width:43%;right:0;top:58%;z-index:6}.portrait-led .print-3{width:37%;left:34%;top:8%;z-index:4;rotate:3deg}.print-clip{position:absolute;top:-10px;left:48%;width:13px;height:37px;border:2px solid #b0ada2;border-radius:10px;rotate:-18deg;pointer-events:none}.film-experience{margin-top:70px;border-top:1px solid #ffffff28;padding-top:22px;color:#e2dfd6}.film-experience summary{font:12px PortfolioHei,Mono,system-ui,sans-serif;cursor:pointer}.film-experience>p{font:11px/1.9 PortfolioHei,system-ui,sans-serif}.film-experience .chapter{grid-template-columns:140px 1fr;border-color:#ffffff28}.film-experience .chapter p{color:#bdbab0}.film-experience .chapter small{color:#8e8a80}.case:has(.film-exhibition) .paper-footer{border-color:#ffffff28;color:#8e8a80}
/* Mimi: transparent sprites, no caption or text toolbar. */
.clean-pet{width:260px;right:70px;bottom:14px}.clean-pet canvas{outline-offset:-35px;display:block;width:100%;height:auto}.pet-icon-actions{position:absolute;right:76%;bottom:22%;display:flex;flex-direction:column;gap:5px;opacity:0;pointer-events:none;transition:opacity .2s}.clean-pet:hover .pet-icon-actions,.clean-pet:focus-within .pet-icon-actions{opacity:1;pointer-events:auto}.pet-icon-actions button{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff45;border-radius:50%;background:#222c;color:#f4f0e8;font:17px PortfolioHei,Georgia;padding:0}.pet-icon-actions button:hover{background:#52564c}
@media(max-width:800px){.grouped-folders .folder-tab{width:49%;font-size:16px}.grouped-folders .folder-card:nth-child(3) .folder-tab{width:32%;font-size:14px;padding-left:5px;padding-right:5px}.grouped-folders .group-spine{height:27px;font-size:8px}.row-arrow{font-size:18px}.row-preview p{font-size:11px;padding-left:10px;padding-right:10px}.row-active .row-preview p{padding-top:16px;padding-bottom:25px}.case:has(.quiet-album) .case-title,.case:has(.film-exhibition) .case-title{font-size:12vw}.case:has(.quiet-album) .document{padding-top:20px;padding-bottom:25px}.quiet-stage{height:38svh;min-height:220px}.quiet-main{width:90%;padding:5px}.quiet-main img{border-width:4px}.photo-number{font-size:8px;top:0}.album-categories{gap:25px}.album-categories button{font-size:18px}.album-categories small{font-size:8px;letter-spacing:1px}.quiet-thumbs{gap:4px}.quiet-thumbs button{width:34px;height:38px;padding:2px}.case:has(.film-exhibition) .document{padding:24px 10px 35px 22px}.film-exhibition{display:block}.film-index{flex-direction:row;gap:12px;max-height:85px;flex-wrap:wrap;margin-bottom:20px}.film-index button{font-size:10px;padding:2px}.film-index button small{display:none}.film-collage{height:52svh;min-height:340px}.film-paper{padding:20px 12px 30px;width:43%}.film-paper h2{font-size:22px;margin:22px 0}.film-paper small{font-size:6px}.film-paper>span,.film-paper>a{font-size:8px}.film-print{padding:4px}.film-print img{max-height:32svh}.portrait-led .print-0{width:35%;right:0}.portrait-led .print-1{width:54%;left:0;top:48%}.portrait-led .print-2{width:48%;top:63%}.portrait-led .print-3{width:45%;left:25%;top:20%}.film-experience .chapter{grid-template-columns:1fr}.clean-pet{width:215px;right:40px}.pet-icon-actions{right:76%;bottom:8%}.pet-icon-actions button{width:26px;height:26px}}
.gallery .media-card img{max-height:42svh;width:auto;max-width:100%;height:auto;margin:0 auto}.gallery .media-card video{max-height:42svh;object-fit:contain}.case:has(.clean-pet) .case-intro{margin-bottom:25px}.pet-icon-actions svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.case:has([data-album]) .case-heading{padding-top:27px;padding-bottom:29px}.case:has([data-album]) .case-title{font-size:clamp(60px,6.2vw,95px)}.case:has([data-album]) .document{padding-top:28px}.case:has([data-album]) .case-intro{margin-bottom:25px}@media(max-width:800px){.case:has([data-album]) .case-title{font-size:12vw}}
/* AIGC: three projects, four paper colors, original media in a layered archive. */
.case:has(.aigc-exhibition) .case-heading{padding-top:27px;padding-bottom:29px}.case:has(.aigc-exhibition) .case-title{font-size:clamp(60px,6.2vw,95px)}.case:has(.aigc-exhibition) .case-intro{display:none}.case:has(.aigc-exhibition) .document{padding:0 0 35px 0;background:#f1eee5;min-height:0}.case:has(.aigc-exhibition) .document:after{display:none}.case:has(.aigc-exhibition) .holes{display:none}.case:has(.aigc-exhibition) .paper-footer{margin:30px 35px 0}.aigc-index{display:flex;gap:25px;padding:25px 35px 28px;background:#f1eee5}.aigc-index button{display:flex;align-items:center;gap:12px;background:none;border:0;border-bottom:1px solid #272724;padding:10px 0;font:16px PortfolioHei,Georgia,serif;color:#222;text-align:left}.aigc-index small{font:9px PortfolioHei,Mono,monospace;opacity:.6}.aigc-index span{margin-left:12px}.aigc-section{padding:30px 35px 25px;background:#bec69e;scroll-margin-top:15px;overflow:hidden}.aigc-section-1{background:#951e19}.aigc-section-2{background:#bec69e}.aigc-scene{position:relative;isolation:isolate;height:clamp(400px,62svh,610px);max-width:1100px;margin:auto}.aigc-note{position:absolute;z-index:4;left:4%;top:11%;width:39%;min-height:240px;padding:30px 28px 35px;background:var(--paper);color:#141414;rotate:-2deg;box-shadow:0 7px 16px #0002;background-image:repeating-linear-gradient(12deg,#fff1 0,#fff1 1px,transparent 1px,transparent 5px)}.aigc-note small{font:9px PortfolioHei,Mono,monospace}.aigc-note h2{font:clamp(27px,3.4vw,49px)/1.08 PortfolioHei,Archive,sans-serif;text-transform:uppercase;margin:30px 0 24px}.aigc-note p{font:12px/1.9 PortfolioHei,Mono,system-ui,sans-serif;max-width:250px}.aigc-note>span{display:block;font:8px PortfolioHei,Mono,monospace;letter-spacing:1px;margin-top:25px}.aigc-frame{position:absolute;padding:8px;border:0;background:#fff;box-shadow:0 5px 16px #0003;cursor:zoom-in}.aigc-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:45svh;object-fit:contain}.aigc-back{display:flex;align-items:center;justify-content:center;width:34%}.aigc-back.back-0{right:2%;top:2%;rotate:4deg;z-index:1}.aigc-back.back-1{right:24%;top:16%;rotate:-5deg;z-index:2}.aigc-foreground{position:absolute;z-index:5;bottom:3%;right:9%;max-width:53%;padding:8px;background:#fff;box-shadow:0 10px 20px #0004;rotate:2deg}.aigc-foreground button{display:block;border:0;padding:0;background:transparent;cursor:zoom-in}.aigc-foreground img,.aigc-foreground video{display:block;max-height:43svh;max-width:100%;width:auto;height:auto;object-fit:contain}.aigc-foreground video{background:#111;min-width:150px}.aigc-paperclip{position:absolute;width:20px;height:60px;left:25%;top:-18px;border:2px solid #70736a;border-radius:15px;rotate:-20deg;pointer-events:none}.aigc-paperclip:after{content:'';position:absolute;inset:7px 4px 7px -2px;border:1px solid #70736a;border-radius:12px}.aigc-select{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:1050px;margin:20px auto 0;position:relative;z-index:6}.aigc-select button{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:var(--paper);padding:4px 8px 4px 4px;opacity:.65;color:#141414;box-shadow:0 2px 4px #0002;transition:translate .2s,opacity .2s}.aigc-select button[aria-pressed="true"],.aigc-select button:hover{opacity:1;border-color:#151515;translate:0 -3px}.aigc-select img{width:34px;height:36px;object-fit:contain}.aigc-select span{font:9px PortfolioHei,Mono,monospace}.aigc-section-1 .aigc-note{top:7%;left:2%;rotate:2deg}.aigc-section-1 .aigc-foreground{right:7%;bottom:5%;rotate:-2deg}.aigc-section-1 .aigc-back.back-1{right:20%;top:13%;rotate:5deg}.aigc-section-2 .aigc-note{left:3%;top:18%;background-color:#bec69e}.aigc-section-2 .aigc-foreground{right:4%;bottom:15%;max-width:56%;rotate:-2deg}.aigc-practice{margin:35px}.aigc-practice summary{font:11px PortfolioHei,Mono,monospace;cursor:pointer}.aigc-practice .chapter{grid-template-columns:110px 1fr}.film-index{max-height:60svh}.film-index button{font-family:PortfolioHei,Georgia,serif;font-size:13px}.film-paper h2{overflow-wrap:anywhere}
@media(max-width:800px){.case:has(.aigc-exhibition) .case-title{font-size:12vw}.aigc-index{gap:12px;flex-wrap:wrap;padding:15px}.aigc-index button{font-size:12px;gap:5px}.aigc-index span{margin-left:0}.aigc-index small{font-size:7px}.aigc-section{padding:20px 12px}.aigc-scene{height:470px;min-height:0}.aigc-note{width:61%;left:0;top:4%;padding:22px 16px;min-height:205px}.aigc-note h2{font-size:27px;margin:22px 0 15px}.aigc-note small{font-size:7px}.aigc-note p{font-size:10px}.aigc-note>span{font-size:7px;margin-top:18px}.aigc-back{width:49%;padding:4px}.aigc-back.back-0{top:25%;right:0}.aigc-back.back-1{top:42%;right:40%}.aigc-frame img{max-height:29svh}.aigc-foreground{max-width:64%;right:3%;bottom:4%;padding:5px}.aigc-foreground img,.aigc-foreground video{max-height:30svh}.aigc-select{gap:5px;margin-top:12px}.aigc-select button{padding:3px 5px 3px 3px;gap:3px}.aigc-select img{width:23px;height:25px}.aigc-select span{font-size:7px}.aigc-section-1 .aigc-note{left:0;top:2%}.aigc-section-1 .aigc-back.back-1{right:42%;top:45%}.aigc-section-2 .aigc-note{top:5%;left:0}.aigc-section-2 .aigc-foreground{bottom:7%;right:0;max-width:91%}.aigc-section-2 .aigc-scene{height:420px}.aigc-practice{margin:25px 15px}.aigc-practice .chapter{grid-template-columns:1fr}.film-index button{font-size:11px}}
.film-paper h2{font-size:26px;line-height:1.05;margin:18px 0 15px}.film-paper>span{font-size:8px}.film-index{padding-right:5px}.film-index button{font-size:12px;padding-top:7px;padding-bottom:7px}@media(max-width:800px){.film-paper h2{font-size:20px;margin:16px 0}.film-index button{font-size:11px;padding:2px}}
/* Keep the pet controls in their own gutter, clear of the folder tabs. */
.clean-pet{width:200px;right:0;bottom:14px}.clean-pet .pet-icon-actions{left:auto;right:3px;bottom:15%;gap:6px}.clean-pet .pet-icon-actions button{width:26px;height:26px}.film-subprojects{display:flex;flex-wrap:wrap;gap:7px 14px;margin-bottom:15px}.film-subprojects button{font:11px PortfolioHei,Georgia,serif;padding:5px 0;border:0;border-bottom:1px solid transparent;background:none;color:#8f8c83}.film-subprojects button[aria-pressed="true"]{color:#fff;border-color:#bec69e}
/* Snowglobe opens as a two-column paper dossier, then unfolds its development. */
.aigc-section.melune-section{padding:25px;background:#bec69e;overflow:visible}.melune-file{position:relative;padding:38px 35px 45px 55px;background:#f5f2e9;color:#242420;box-shadow:0 6px 18px #0002;background-image:repeating-linear-gradient(9deg,#b4a98e08 0,#b4a98e08 1px,transparent 1px,transparent 5px)}.melune-file:before{content:'';position:absolute;left:25px;top:0;bottom:0;border-left:1px solid #b8b0a4}.melune-file:after{content:'';position:absolute;left:17px;top:90px;width:17px;height:17px;border-radius:50%;background:#bec69e;box-shadow:0 170px #bec69e,0 340px #bec69e,0 510px #bec69e;pointer-events:none}.melune-intro{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr);gap:45px;align-items:start}.melune-sidebar{padding-top:12px}.melune-cover{position:relative;background:#fff;padding:7px;border:0;rotate:-2deg;display:block;width:100%;box-shadow:0 4px 10px #0002;cursor:zoom-in}.melune-cover img{width:100%;height:auto;display:block}.melune-cover .aigc-paperclip{left:80%;top:-22px}.melune-sidebar dl{margin:35px 0 0;font:11px/1.7 PortfolioHei,Mono,monospace}.melune-sidebar dt{margin-top:20px;font-weight:bold}.melune-sidebar dd{margin:5px 0 0;color:#706e65;overflow-wrap:anywhere}.melune-story>small,.melune-section-head>small,.melune-production small,.melune-sound small{font:9px/1.8 PortfolioHei,Mono,monospace;letter-spacing:.06em}.melune-story h2{font:45px/.98 PortfolioHei,Archive,sans-serif;margin:22px 0 30px}.melune-story h2 em{font:italic 47px/1.3 PortfolioHei,Georgia,serif;text-transform:none}.melune-story p{font:18px/1.9 PortfolioHei,Georgia,'Songti SC',serif;margin:0 0 20px}.melune-story .melune-lead:first-letter{float:left;font-size:55px;line-height:1;padding:7px 8px 0 0}.melune-story strong{font-weight:normal;white-space:nowrap}.melune-story .melune-annotation{font:12px/1.95 PortfolioHei,system-ui,sans-serif;color:#737064;margin-top:25px}.melune-tags{display:flex;flex-wrap:wrap;gap:7px 12px;font:8px/1.8 PortfolioHei,Mono,monospace;margin-top:25px}.melune-tags span{border-bottom:1px solid #aaa38e;padding-bottom:3px}.melune-members,.melune-storyboard{margin-top:70px}.melune-section-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}.melune-section-head h3,.melune-production h3{font:29px/1.2 PortfolioHei,Georgia,serif;font-weight:normal;margin:0}.member-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:20px}.member-tabs button{background:var(--member);border:1px solid transparent;padding:9px 15px;font:10px PortfolioHei,Mono,monospace;opacity:.55}.member-tabs button[aria-pressed="true"]{opacity:1;border-color:#3c3b37}.member-spread{display:grid;grid-template-columns:.7fr 1.4fr;gap:20px;align-items:center}.member-note{background:var(--member);padding:27px 22px;rotate:-2deg;box-shadow:0 4px 10px #0001}.member-note small{font:8px PortfolioHei,Mono,monospace}.member-note h4{font:36px PortfolioHei,Archive,sans-serif;margin:25px 0 10px}.member-note span{font:9px/1.8 PortfolioHei,Mono,monospace}.member-note p{font:12px/1.9 PortfolioHei,system-ui,sans-serif;margin-top:22px}.member-spread>button{display:block;border:0;background:#fff;padding:7px;rotate:1deg;box-shadow:0 4px 12px #0002;cursor:zoom-in;min-width:0}.member-spread>button img{width:100%;height:auto;display:block;max-height:36svh;object-fit:contain}.melune-acts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.melune-acts article{background:#a2bce1;padding:24px 20px;rotate:-1deg}.melune-acts article:nth-child(2){background:#bec69e;rotate:1deg}.melune-acts article:nth-child(3){background:#e4e8d6;rotate:-1deg}.melune-acts small{font:8px/1.8 PortfolioHei,Mono,monospace}.melune-acts h4{font:25px PortfolioHei,Georgia,serif;font-weight:normal;margin:24px 0 18px}.melune-acts p{font:12px/1.9 PortfolioHei,system-ui,sans-serif;margin:0}.melune-production{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin-top:65px}.melune-production h3{margin:20px 0}.melune-production ul{list-style:none;margin:0;padding:0}.melune-production li{border-bottom:1px solid #c9c4b7;padding:14px 0}.melune-production li strong{display:block;font:10px PortfolioHei,Mono,monospace;margin-bottom:8px}.melune-production li span{font:11px/1.8 PortfolioHei,system-ui,sans-serif;color:#757064}.melune-production figure{margin:0;rotate:2deg;background:#e4d7c3;padding:10px 10px 16px;box-shadow:0 6px 12px #0002}.melune-production figure button{display:block;background:none;padding:0;border:0;width:100%;cursor:zoom-in}.melune-production img{width:100%;height:auto;display:block}.melune-production figcaption{font:9px/1.9 PortfolioHei,Mono,system-ui,sans-serif;margin-top:14px}.melune-sound{border-top:1px solid #bcb5a5;margin-top:60px;padding-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.melune-sound h3{font:24px PortfolioHei,Georgia;margin:18px 0 12px}.melune-sound p{font:10px/1.8 PortfolioHei,system-ui,sans-serif;color:#757064}.melune-sound audio{width:100%;min-width:0}.aigc-section-2:not(.melune-section){background:#951e19}.aigc-section-1:not(.melune-section){background:#538ad5}
@media(max-width:800px){.clean-pet{width:138px;right:auto;left:7px;bottom:7px;padding-bottom:25px}.clean-pet .pet-icon-actions{left:0;right:auto;bottom:0;flex-direction:row;gap:2px}.clean-pet .pet-icon-actions button{width:21px;height:21px}.clean-pet .pet-icon-actions svg{width:12px;height:12px}.aigc-section.melune-section{padding:12px 8px}.melune-file{padding:25px 16px 35px 26px}.melune-file:before{left:12px}.melune-file:after{left:7px;width:11px;height:11px;top:100px}.melune-intro{grid-template-columns:1fr;gap:25px}.melune-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.melune-sidebar dl{margin:0;font-size:7px;line-height:1.7}.melune-sidebar dt{margin-top:8px}.melune-sidebar dd{margin-top:3px}.melune-cover{padding:4px}.melune-cover .aigc-paperclip{width:12px;height:35px;top:-15px}.melune-story>small{font-size:7px}.melune-story h2{font-size:38px;margin:18px 0 22px}.melune-story h2 em{font-size:38px}.melune-story p{font-size:15px;line-height:1.9}.melune-story .melune-lead:first-letter{font-size:42px}.melune-story .melune-annotation{font-size:10px}.melune-tags{font-size:7px;gap:6px 10px}.melune-members,.melune-storyboard{margin-top:45px}.melune-section-head{display:block;margin-bottom:20px}.melune-section-head h3,.melune-production h3{font-size:23px;margin-top:15px}.melune-section-head>small,.melune-production small,.melune-sound small{font-size:8px}.member-tabs{gap:4px}.member-tabs button{padding:8px 7px;font-size:8px}.member-spread{grid-template-columns:1fr;gap:18px}.member-note{padding:20px}.member-note h4{font-size:30px;margin:15px 0 8px}.member-note p{font-size:11px;margin-top:15px}.melune-acts{grid-template-columns:1fr;gap:15px}.melune-acts article{padding:20px}.melune-acts h4{margin:15px 0}.melune-acts p{font-size:11px}.melune-production{grid-template-columns:1fr;margin-top:45px;gap:22px}.melune-sound{grid-template-columns:1fr;margin-top:40px;padding-top:25px}.film-subprojects{gap:7px 12px}.film-subprojects button{font-size:10px}}
/* Restore the photograph-and-paper collage, at a smaller, airier scale. */
.case:has(.offwork-scrapbook) .case-heading{padding-top:27px;padding-bottom:29px}.case:has(.offwork-scrapbook) .case-title{font-size:clamp(60px,6.2vw,95px)}.case:has(.offwork-scrapbook) .document{padding-top:28px;min-height:0}.case:has(.offwork-scrapbook) .case-folder{min-height:0}.case:has(.offwork-scrapbook) .paper-footer{margin-top:35px}.offwork-scrapbook{max-width:1000px;margin:0 auto}.offwork-pages{padding-top:35px}.offwork-spread{position:relative;min-height:520px;height:72svh;max-height:640px;margin:0 0 65px;isolation:isolate}.offwork-spread:last-child{margin-bottom:0}.offwork-spread .scrap-note{left:0;top:5%;width:43%;padding:25px 26px 32px;rotate:-2deg}.offwork-spread .scrap-note small{font-size:9px}.offwork-spread .scrap-note h2{font:38px/1.25 PortfolioHei,Georgia,'Songti SC',serif;margin:24px 0 20px}.offwork-spread .scrap-note p{font:12px/1.9 PortfolioHei,system-ui,sans-serif}.offwork-spread .scrap-photo{display:flex;align-items:center;justify-content:center;padding:7px;width:29%;max-height:none}.offwork-spread .scrap-photo img{width:auto;height:auto;max-width:100%;max-height:38svh;object-fit:contain}.offwork-spread .scrap-photo-0{left:4%;top:41%;width:29%;rotate:-5deg;z-index:3}.offwork-spread .scrap-photo-1{right:4%;top:1%;width:29%;rotate:3deg;padding:9px;background:#362017;border-radius:9px;z-index:1}.offwork-spread .scrap-photo-2{left:37%;top:31%;width:29%;rotate:1deg;padding:10px;background:#e5d3c5;z-index:4}.offwork-spread .scrap-photo-3{right:0;top:62%;width:25%;rotate:-4deg;z-index:5}.offwork-spread .scrap-photo-3 img{max-height:27svh}.offwork-spread .scrap-tape{height:20px;width:50px;top:-10px}.offwork-spread-1 .scrap-note{background:#bec69e;rotate:2deg}.offwork-spread-1 .scrap-photo-0{left:7%;top:41%;rotate:3deg}.offwork-spread-1 .scrap-photo-1{right:5%;top:4%;rotate:-3deg}.offwork-spread-1 .scrap-photo-2{left:43%;top:46%;rotate:-2deg}.offwork-spread-2 .scrap-note{background:#bec69e}.offwork-spread-2 .scrap-photo-0{left:3%;top:41%;width:32%;rotate:-3deg}.offwork-spread-2 .scrap-photo-1{right:3%;top:6%;width:36%;rotate:2deg}.offwork-spread-2 .scrap-photo-2{left:43%;top:52%;width:34%;rotate:-2deg}.offwork-spread.single-print{height:60svh;min-height:430px;max-height:560px}.offwork-spread.single-print .scrap-note{top:5%;width:40%;background:#d8c5ac}.offwork-spread.single-print .scrap-photo-0{left:auto;right:5%;top:30%;width:52%;rotate:3deg;padding:11px}.offwork-spread.single-print .scrap-photo-0 img{max-height:37svh}
@media(max-width:800px){.case:has(.offwork-scrapbook) .case-title{font-size:12vw}.case:has(.offwork-scrapbook) .document{padding-top:20px}.offwork-pages{padding-top:25px}.offwork-spread{height:570px;min-height:0;max-height:none;margin-bottom:45px}.offwork-spread .scrap-note{width:60%;padding:19px 15px 25px;top:2%}.offwork-spread .scrap-note small{font-size:7px}.offwork-spread .scrap-note h2{font-size:28px;margin:20px 0 16px}.offwork-spread .scrap-note p{font-size:10px}.offwork-spread .scrap-photo{padding:4px}.offwork-spread .scrap-photo img{max-height:27svh}.offwork-spread .scrap-photo-0{left:0;top:40%;width:40%}.offwork-spread .scrap-photo-1{right:0;top:13%;width:38%;padding:5px;border-radius:5px}.offwork-spread .scrap-photo-2{left:33%;top:41%;width:37%;padding:6px}.offwork-spread .scrap-photo-3{right:0;top:68%;width:36%}.offwork-spread .scrap-photo-3 img{max-height:23svh}.offwork-spread .scrap-tape{width:30px;height:14px;top:-7px}.offwork-spread-1 .scrap-photo-0{left:0;top:40%;width:42%}.offwork-spread-1 .scrap-photo-1{right:0;top:17%;width:40%}.offwork-spread-1 .scrap-photo-2{left:44%;top:58%;width:42%}.offwork-spread-2 .scrap-photo-0{left:0;top:40%;width:42%}.offwork-spread-2 .scrap-photo-1{right:0;top:29%;width:43%}.offwork-spread-2 .scrap-photo-2{left:38%;top:67%;width:52%}.offwork-spread.single-print{height:430px;min-height:0}.offwork-spread.single-print .scrap-note{width:70%;top:4%}.offwork-spread.single-print .scrap-photo-0{right:1%;left:auto;top:54%;width:78%;padding:7px}.offwork-spread.single-print .scrap-photo-0 img{max-height:27svh}}

/* Reference palette: cornflower blue, deep red, pistachio and chocolate. */
:root{--blue:#538ad5;--red:#951e19;--pistachio:#bec69e;--chocolate:#362017}.header-note{color:#d6c5b1}.scrap-note{color:#24150f}.film-exhibition{background:#362017}.aigc-note{color:var(--note-ink,#24150f)}.aigc-section-2 .aigc-note{background-color:var(--paper)}.aigc-select button{color:#24150f}.member-tabs button{color:#24150f}.melune-acts article{color:#24150f}.film-paper{color:#24150f}.detail-layer{background:#362017}.folder-card[data-file="off-work"] .folder-face{box-shadow:inset 0 1px #f3f0e733}

/* Local revision: warm dun canvas and compact clipped character photographs. */
:root{--black:#e0d0b6}body{background:#e0d0b6;color:#362017}header{background:#e0d0b6ed;color:#362017;border-bottom-color:#36201730}.header-note{color:#705943}.hero,.case-heading{color:#362017}.detail-layer{background:#e0d0b6}.grouped-folders .folder-card[data-file="social-media"]{--color:#cc9e4c}.case-return{color:#362017}.melune-story .melune-tagline{font:italic 21px/1.6 PortfolioHei,Georgia,serif;color:#705943;margin:-8px 0 30px}.melune-editorial p{font:16px/1.95 PortfolioHei,Georgia,'Songti SC',serif;margin-bottom:23px}.melune-story strong{white-space:normal;font-weight:bold}.melune-editorial .melune-closing{border-top:1px solid #36201725;padding-top:24px;margin-top:30px}.melune-editorial .melune-last-line{font:italic 18px/1.7 PortfolioHei,Georgia,serif;color:#705943;margin-top:27px}.member-spread{display:block;padding:10px 5px 0}.member-note{position:relative;min-height:245px;padding:30px 32px;rotate:-1deg}.member-note small,.member-note h4,.member-note>span{display:block;max-width:53%}.member-note p{max-width:100%;margin-top:34px;position:relative;z-index:2}.member-clipped-photo{position:absolute;right:28px;top:21px;width:38%;max-width:280px;border:0;padding:5px;background:#fff;box-shadow:0 4px 9px #0002;rotate:4deg;cursor:zoom-in}.member-clipped-photo img{display:block;width:100%;height:auto;max-height:145px;object-fit:contain}.member-clipped-photo .aigc-paperclip{left:62%;top:-14px;width:13px;height:38px;border-width:1.5px;rotate:-15deg}.member-clipped-photo .aigc-paperclip:after{inset:5px 3px 5px -2px}.melune-members{margin-top:55px}
@media(max-width:800px){.melune-editorial p{font-size:14px;line-height:1.95}.melune-story .melune-tagline{font-size:18px;margin:0 0 25px}.melune-editorial .melune-last-line{font-size:16px}.member-note{min-height:220px;padding:24px 20px}.member-note h4{margin:23px 0 12px}.member-clipped-photo{right:14px;top:20px;width:40%;padding:4px}.member-clipped-photo img{max-height:115px}.member-note p{margin-top:30px;font-size:11px}.member-note>span{font-size:8px;line-height:1.8}.member-note small{font-size:7px}}

/* Match the OFFWORK and CONTACT label typography. */
.grouped-folders .folder-tab[href="#off-work"]{font-family:PortfolioHei,Archive,system-ui,sans-serif;font-size:29px;font-weight:700;letter-spacing:.5px}.case .dock a[href="#off-work"]>span{font-family:PortfolioHei,Archive,system-ui,sans-serif;font-weight:700;letter-spacing:1px}@media(max-width:800px){.grouped-folders .folder-tab[href="#off-work"]{font-size:25px}}

/* Member bible facts, with each member's official support colour. */
.member-note{min-height:280px}.member-note h4{margin:22px 0}.member-facts{margin:0;max-width:58%;font:11px/1.8 PortfolioHei,Mono,system-ui,sans-serif}.member-facts>div{display:flex;gap:8px;margin:5px 0}.member-facts dt{flex:0 0 42px}.member-facts dd{margin:0;overflow-wrap:anywhere}.member-clipped-photo{top:45px}.member-clipped-photo img{max-height:145px}.member-tabs button{opacity:.8}.melune-film{margin-top:55px}.melune-film-frame{position:relative;background:#fff;padding:9px;box-shadow:0 6px 15px #0002;rotate:-.7deg;max-width:850px;margin:30px auto 0}.melune-film-frame video{display:block;width:100%;max-height:65svh;background:#1b1613;object-fit:contain}.melune-film-frame .aigc-paperclip{left:88%;width:16px;height:46px;top:-19px}.melune-film-caption{text-align:center;font:10px/1.8 PortfolioHei,Mono,system-ui,sans-serif;margin-top:18px;color:#705943}
@media(max-width:800px){.member-note{min-height:265px;padding:23px 18px}.member-facts{max-width:59%;font-size:9px;line-height:1.75}.member-facts dt{flex-basis:32px}.member-facts>div{gap:4px;margin:7px 0}.member-clipped-photo{right:12px;top:51px;width:36%}.member-clipped-photo img{max-height:115px}.melune-film{margin-top:40px}.melune-film-frame{padding:5px}.melune-film-frame video{max-height:48svh}}

/* finesse · animate: physical archive, origin-preserving transitions; palette/layout locked. */
:root{--motion-ease:cubic-bezier(.33,1,.68,1);--motion-fast:325ms;--motion-folder:650ms}
.grouped-folders{perspective:3000px}.grouped-folders .folder-card{transform-origin:bottom center;transition:transform var(--motion-folder) var(--motion-ease)}.grouped-folders .folder-card:hover{transform:none}.grouped-folders .folder-tab{transition:translate var(--motion-fast) var(--motion-ease)}.grouped-folders .folder-tab:active{translate:0 2px}.row-arrow{display:inline-block;transform:rotate(0deg);transition:transform var(--motion-fast) var(--motion-ease)}.row-active .row-arrow{transform:rotate(-90deg)}.row-preview{transition:grid-template-rows var(--motion-folder) var(--motion-ease)}.row-preview p{padding:0 38px;opacity:0;transform:translateY(9px);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),padding var(--motion-folder) var(--motion-ease)}.row-active .row-preview p{opacity:1;transform:none;padding:24px 38px 38px}.front-introduction{transition:min-height var(--motion-folder) var(--motion-ease),height var(--motion-folder) var(--motion-ease),padding var(--motion-folder) var(--motion-ease)}.case-folder{perspective:3000px}.case .dock a{transition:translate var(--motion-fast) var(--motion-ease)}.case .dock a:hover,.case .dock a:focus-visible{translate:7px 0}.motion-cover{position:fixed;z-index:70;pointer-events:none;transform-origin:center center;border-radius:4px;box-shadow:0 12px 30px #36201726;overflow:hidden}.motion-cover-label{position:absolute;right:15px;top:20px;writing-mode:vertical-rl;font:25px PortfolioHei,Georgia,'Songti SC',serif}.detail-layer.morphing .case-folder{pointer-events:none}.detail-layer.morphing .document{overflow:hidden}
@media(hover:hover) and (pointer:fine){.grouped-folders .folder-card:has(~.row-active){transform:rotateX(-3deg) translateY(4px)}.grouped-folders .folder-tab:hover{translate:0 -4px}}
@media(max-width:800px){.row-preview p{padding-left:10px;padding-right:10px}.row-active .row-preview p{padding:18px 10px 26px}.motion-cover-label{font-size:18px}.case .dock a:hover{translate:0 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.motion-cover{display:none}.row-preview p{transform:none}.grouped-folders .folder-card:has(~.row-active){transform:none}}

/* Header exit, education hierarchy, and a complete phone-sized article reader. */
.header-action{min-height:44px;display:flex;align-items:center;padding:8px 0 8px 16px}
.education-content .chapter h2{font-weight:700}.education-content .chapter p strong{font-weight:750}
.case:has(.phone-preview) .document{padding-top:26px;padding-bottom:30px}
.case:has(.phone-preview) .filters{margin-bottom:20px}
.long-gallery:has(.phone-preview){grid-template-columns:minmax(160px,210px) minmax(0,1fr);align-items:start}
.phone-preview{justify-self:center;max-width:100%;width:max-content}
.phone-frame{height:min(620px,calc(100svh - 300px));min-height:290px;aspect-ratio:390/844;border:7px solid #302720;border-radius:35px;background:#faf8f2;box-shadow:0 16px 30px #36201724,0 0 0 1px #7b6d5c;display:flex;flex-direction:column;overflow:hidden;position:relative}
.phone-status{height:28px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:600 9px PortfolioHei,system-ui,sans-serif;color:#302720}
.phone-status i{position:absolute;top:6px;left:50%;translate:-50% 0;width:29%;height:14px;border-radius:10px;background:#302720}
.phone-article-bar{flex:none;text-align:center;border-bottom:1px solid #36201718;font:10px/28px PortfolioHei,system-ui,sans-serif;color:#302720}
.phone-frame .long-reader{flex:1;min-height:0;max-height:none;max-width:none;width:100%;margin:0;border:0;background:#faf8f2;box-shadow:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#aa9d89 transparent}
.phone-frame .long-reader img{height:auto;width:100%;max-width:none}
.phone-home{height:15px;flex:none;position:relative;background:#faf8f2}.phone-home:after{content:'';position:absolute;left:32%;right:32%;bottom:4px;height:3px;border-radius:4px;background:#302720}
.phone-preview .reader-meta{gap:15px;justify-content:center;font-size:9px;margin:12px -15px 0}
.film-collage.collected-prints{height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;align-items:center;padding:15px 10px 30px}
.collected-prints .film-paper,.collected-prints .film-print{position:relative;inset:auto;width:100%;max-height:none;rotate:-2deg}
.collected-prints .film-paper{padding:20px 16px;align-self:stretch}.collected-prints .film-paper h2{font-size:25px;margin:20px 0}
.collected-prints .film-print:nth-child(2n){rotate:2deg}.collected-prints .film-print img{max-height:29svh;width:100%;height:auto;object-fit:contain}
@media(max-width:800px){.long-gallery:has(.phone-preview){grid-template-columns:minmax(0,1fr);gap:18px}.phone-frame{height:min(560px,calc(100svh - 285px));min-height:260px;border-width:6px;border-radius:29px}.article-list{flex-wrap:wrap;gap:4px 12px}.article-list button{width:auto;min-width:0;flex:0 1 auto;padding:8px 0;font-size:11px}.case:has(.phone-preview) .filters{margin-bottom:12px}.film-collage.collected-prints{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.collected-prints .film-paper h2{font-size:22px}.header-action{font-size:11px}}
.detail-layer .case:has(.phone-preview) .case-heading{padding-top:24px;padding-bottom:26px}
.case:has(.phone-preview) .case-title{font-size:clamp(48px,6.5vw,92px)}
.phone-frame{height:min(620px,calc(100svh - 350px))}
@media(max-width:800px){.phone-frame{height:min(560px,calc(100svh - 390px));min-height:240px}.case:has(.phone-preview) .case-title{font-size:11vw}.phone-status{height:24px}.phone-article-bar{line-height:24px}}

/* Hanging return bookmark: the shared header keeps its existing height and title. */
header:has(.hanging-bookmark){z-index:80}
header .header-action.hanging-bookmark{position:absolute;right:34px;top:-12px;width:86px;height:138px;min-height:0;padding:0;display:block;z-index:1;color:#f5e7d4;background:transparent;transform-origin:top center;cursor:pointer;text-align:center;isolation:isolate}
.bookmark-paper{display:block;position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(2px 4px 3px #36201735);pointer-events:none}
.bookmark-label{display:block;position:absolute;inset:40px 7px 23px;font:18px/1.08 PortfolioHei,Archive,sans-serif;letter-spacing:.025em;pointer-events:none}
.bookmark-arrow{display:block;font:20px/1 PortfolioHei,Mono,monospace;margin-top:10px}
header .hanging-bookmark:focus-visible{outline:3px solid #513728;outline-offset:5px}
header .hanging-bookmark:focus-visible .bookmark-paper{filter:drop-shadow(0 0 2px #f5e7d4) drop-shadow(2px 4px 3px #36201755)}
@keyframes bookmark-sway{0%{transform:translateY(0) rotate(0)}14%{transform:translateY(4px) rotate(0)}30%{transform:translateY(4px) rotate(4deg)}48%{transform:translateY(3px) rotate(-3deg)}65%{transform:translateY(2px) rotate(1.8deg)}80%{transform:translateY(1px) rotate(-1deg)}91%{transform:translateY(0) rotate(.4deg)}100%{transform:translateY(0) rotate(0)}}
@keyframes bookmark-tug{0%{transform:translateY(0)}45%{transform:translateY(12px)}100%{transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){header .hanging-bookmark:hover{animation:bookmark-sway 850ms ease-out 1}header .hanging-bookmark:hover .bookmark-paper{filter:drop-shadow(3px 6px 4px #36201755)}}
header .hanging-bookmark.bookmark-pull{animation:bookmark-tug 170ms ease-out 1}
header .hanging-bookmark:active{transform:translateY(11px)}
@media(max-width:800px){header .header-action.hanging-bookmark{right:18px;top:-9px;width:62px;height:111px}.bookmark-label{inset:32px 5px 20px;font-size:14px}.bookmark-arrow{font-size:16px;margin-top:8px}}
@media(prefers-reduced-motion:reduce){header .hanging-bookmark,header .hanging-bookmark:hover,header .hanging-bookmark.bookmark-pull{animation:none!important;transform:none!important}}
.bookmark-label{font-size:17px;line-height:1.05;top:32px}.bookmark-arrow{font-size:18px;margin-top:7px}
@media(max-width:800px){.bookmark-label{top:25px;font-size:13px}.bookmark-arrow{font-size:14px;margin-top:5px}}

/* The supplied project wordmarks inherit the archive chocolate ink. */
.melune-story h2.melune-project-wordmarks{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:22px 0 27px;color:var(--chocolate)}
.melune-project-wordmarks>span{display:block;flex:none;background:currentColor;max-width:100%}
.melune-wordmark{width:min(52%,190px)}.snow-wordmark{width:min(83%,300px)}
.snow-wordmark{aspect-ratio:1325/719;mask-image:url(media/melune/snow-wordmark.png);mask-mode:luminance;mask-repeat:no-repeat;mask-size:115.925% 142.420%;mask-position:53.081% 43.934%;}
.melune-wordmark{aspect-ratio:1355/518;mask-image:url(media/melune/melune-wordmark.png);mask-mode:luminance;mask-repeat:no-repeat;mask-size:130.923% 171.236%;mask-position:48.687% 43.360%;}
@media(max-width:800px){.melune-story h2.melune-project-wordmarks{gap:16px}.melune-wordmark{width:min(52%,170px)}.snow-wordmark{width:min(84%,280px)}}

/* Snowglobe becomes a quiet printed undertone behind the two retained paragraphs. */
.melune-story-watermarked{position:relative;isolation:isolate;overflow:clip;padding:48px 0 20px;min-width:0}
.melune-story .melune-project-name{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.melune-story .melune-story-watermark{position:absolute;z-index:-1;display:block;top:105px;left:-4%;width:108%;max-width:none;background:#91afbd;opacity:.19;filter:blur(.45px);pointer-events:none;user-select:none}
.melune-story-watermarked .melune-editorial{position:relative;z-index:1}
.melune-story-watermarked .melune-editorial p{font-size:17px;line-height:2.2;letter-spacing:.1em;color:#594d41;margin:0 0 34px;overflow-wrap:anywhere}
.melune-story-watermarked .melune-editorial strong{font-weight:normal;letter-spacing:.16em}
@media(max-width:800px){.melune-story-watermarked{padding:24px 0 4px}.melune-story .melune-story-watermark{top:85px;left:-3%;width:106%;opacity:.16}.melune-story-watermarked .melune-editorial p{font-size:15px;line-height:2.2;letter-spacing:.09em;margin-bottom:28px}}

/* MELUNE: centred identity, full-width member installation, then one MV/story spread. */
.case:has(.aigc-exhibition) .melune-reordered .project-index-slot{height:75px;margin-bottom:0}
.melune-centred-logo{display:flex;justify-content:center;margin:0 0 20px;padding:0;color:#513728}
.melune-centred-logo .melune-wordmark{display:block;background:currentColor;width:min(34%,265px);max-width:100%}
.melune-member-stage{min-width:0;position:relative}
.melune-feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;align-items:start;margin-top:28px;padding-top:24px;border-top:1px solid #36201720}
.melune-feature-row .melune-film{margin:0;min-width:0}
.melune-feature-row .melune-film-frame{margin:14px 0 0;padding:7px;aspect-ratio:16/9;box-sizing:content-box;background:#faf7ef}
.melune-film-launch{display:block;position:relative;width:100%;height:100%;border:0;background:none;padding:0;cursor:pointer}
.melune-film-launch>img{display:block;width:100%;height:100%;object-fit:contain}
.melune-film-play{position:absolute;bottom:10px;left:10px;display:flex;align-items:center;gap:9px;background:#f5e7d4ed;color:#513728;padding:9px 12px;font:9px/1.5 PortfolioHei,Mono,monospace;box-shadow:0 2px 5px #36201720}
.melune-film-play>span{font-size:12px}.melune-film-launch:focus-visible{outline:3px solid #cc9e4c;outline-offset:4px}
.melune-feature-row .melune-film-frame video{width:100%;height:100%;max-height:none;object-fit:contain}
.melune-film-launch[hidden],.melune-feature-row .melune-film-frame video[hidden]{display:none}
.melune-story-compact{padding:0;min-width:0}
.melune-story-compact .melune-editorial p{font:15px/2 PortfolioHei,system-ui,sans-serif;letter-spacing:.055em;color:#594d41;margin:0 0 23px;overflow-wrap:anywhere}
.melune-story-compact .melune-editorial strong{font-weight:500;letter-spacing:.08em}
@media(max-width:800px){.case:has(.aigc-exhibition) .melune-reordered .project-index-slot{height:72px}.melune-centred-logo{margin-bottom:20px}.melune-centred-logo .melune-wordmark{width:min(64%,240px)}.melune-feature-row{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:20px;padding-top:18px}.melune-story-compact .melune-editorial p{font-size:13px;line-height:2.1;letter-spacing:.055em;margin-bottom:20px}.melune-feature-row .melune-film-frame{margin-top:8px;padding:5px}.melune-film-play{font-size:8px;padding:8px 10px}}

/* Compact index slips; subsequent photo spreads begin directly with their works. */
.offwork-spread .scrap-note{transform:scale(.5);transform-origin:top left}
.offwork-spread .scrap-photo-0{top:24%}.offwork-spread .scrap-photo-2{top:27%}.offwork-spread .scrap-photo-3{top:56%}
.offwork-spread.no-note{height:60svh;min-height:480px;max-height:560px;margin-top:-18px}
.offwork-spread.no-note .scrap-photo-0{top:4%}.offwork-spread.no-note .scrap-photo-1{top:0}.offwork-spread.no-note .scrap-photo-2{left:36%;top:32%;width:29%}.offwork-spread.no-note .scrap-photo-3{right:2%;top:49%;width:27%}
.offwork-spread.companion-spread .scrap-note{width:76%;background:#d8c5ac}
.offwork-spread.companion-spread .scrap-note p{font-size:18px;line-height:1.9}
.offwork-spread.companion-spread .scrap-photo-0{left:2%;top:30%;width:45%;rotate:-3deg}
.offwork-spread.companion-spread .scrap-photo-1{right:1%;top:4%;width:28%;rotate:3deg;background:#f5f2e9;padding:7px;border-radius:0}
.offwork-spread.companion-spread .scrap-photo-2{left:49%;top:46%;width:29%;rotate:-2deg}
@media(max-width:800px){.offwork-spread .scrap-note{width:68%}.offwork-spread .scrap-photo-0{top:25%}.offwork-spread .scrap-photo-2{top:32%}.offwork-spread .scrap-photo-3{top:62%}.offwork-spread.no-note{height:480px;min-height:0;margin-top:-12px}.offwork-spread.no-note .scrap-photo-0{left:0;top:3%;width:42%}.offwork-spread.no-note .scrap-photo-1{right:0;top:0;width:40%}.offwork-spread.no-note .scrap-photo-2{left:15%;top:44%;width:42%}.offwork-spread.no-note .scrap-photo-3{right:0;top:54%;width:40%}.offwork-spread.companion-spread .scrap-note{width:126%}.offwork-spread.companion-spread .scrap-note p{font-size:18px}.offwork-spread.companion-spread .scrap-photo-0{left:0;top:32%;width:62%}.offwork-spread.companion-spread .scrap-photo-1{right:0;top:23%;width:34%}.offwork-spread.companion-spread .scrap-photo-2{left:36%;top:58%;width:45%}}