@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Manrope:wght@400;500;600&family=Noto+Serif+SC:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#ecece8;--ink:#171918;--line:#c5c8c2;--blue:#2949df;--muted:#737872;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans','Helvetica Neue','PingFang SC',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:80px}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--sans)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}header{height:86px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.logo{font-size:36px;letter-spacing:-4px;font-weight:600;display:flex;align-items:center;gap:18px;white-space:nowrap}.logo span{font-size:10px;letter-spacing:2px;font-weight:400}nav{display:flex;gap:26px;font-size:11px}nav a{position:relative}nav a:after{content:'';height:1px;position:absolute;bottom:-8px;left:0;right:100%;background:currentColor;transition:right .3s}nav a:hover:after{right:0}.add-open{font-size:11px;padding:10px 0;border-bottom:1px solid currentColor;white-space:nowrap}.hero{padding:0 4%;overflow:hidden}.hero-meta,.hero-foot,.rail{display:flex;justify-content:space-between;align-items:center;font:9px/1.5 monospace;letter-spacing:1px}.hero-meta{padding:26px 0}.hero-canvas{position:relative;height:min(650px,50vw);min-height:420px;isolation:isolate}.hero-signal{position:absolute;right:8%;top:-45px;width:62%;height:110%;object-fit:cover;mix-blend-mode:multiply;opacity:.6;transform:rotate(-10deg);z-index:-2;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%)}.blue-halo{position:absolute;width:40%;height:55%;right:18%;top:20%;border-radius:50%;background:radial-gradient(ellipse,#324cd07a,transparent 67%);filter:blur(30px);mix-blend-mode:multiply;z-index:-1;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .3s}.hero-side{position:absolute;right:0;top:30px;font:9px/1.6 monospace}.hero h1{font-size:clamp(100px,15.6vw,240px);font-weight:500;line-height:.8;letter-spacing:-.085em;margin:0;padding-top:28px;pointer-events:none}.hero h1>span{display:block}.hero h1 .second{margin-left:14%;margin-top:18px}.chrome-a{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.13em;color:#2c45b2;text-shadow:3px 0 8px #233d7933}.asterisk{font-size:.4em;vertical-align:top;display:inline-block;margin-left:18px;margin-top:15px;font-weight:400;color:#292e2c;animation:slow-spin 40s linear infinite}.hero-caption{position:absolute;left:0;bottom:37px;display:flex;gap:25px;align-items:center}.cross{font:35px monospace;font-weight:300}.hero-caption p{font-size:22px;line-height:1.65;letter-spacing:2px}.micro{font:8px/1.7 monospace;color:var(--muted);margin-left:35px}.circle-link{position:absolute;bottom:60px;right:5px;width:66px;height:66px;border:1px solid #929991;border-radius:50%;display:grid;place-items:center;font-size:30px;transition:background .3s,color .3s,transform .3s}.circle-link:hover{background:var(--ink);color:var(--bg);transform:rotate(45deg)}.coordinate{position:absolute;right:0;bottom:15px;font:8px monospace}.hero-foot{padding:19px 0;border-top:1px solid var(--line);font-size:8px}.blue-dot{display:inline-block;width:5px;height:5px;background:var(--blue);border-radius:50%;margin-right:8px}.section{padding:55px 4% 70px;border-top:1px solid var(--line)}.rail{color:var(--muted);margin-bottom:65px}.about-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:center;padding:10px 3% 20px}.about h2{font-size:clamp(28px,3.2vw,48px);letter-spacing:-2px;font-weight:400;line-height:1.5;margin:0}.serif{font-family:'Songti SC',serif}.about-copy>p{font-size:13px;line-height:2;color:var(--muted);margin:25px 0 40px}.profile-lines{border-top:1px solid var(--line);display:flex;gap:30px;font-size:11px;padding:18px 0}.profile-lines>span{width:60px;flex-shrink:0;color:var(--muted)}.profile-lines p{margin:0;line-height:1.8}.profile-lines small{font-size:9px;color:var(--muted)}.line-button{border-bottom:1px solid var(--ink);padding:15px 0;display:flex;gap:90px;font-size:11px}.record-scene{position:relative;aspect-ratio:1.15;min-width:0}.record-meta{position:absolute;top:0;left:0;font:9px monospace;letter-spacing:2px}.record-button{position:absolute;width:72%;aspect-ratio:1;left:26%;top:10%;padding:0;transition:left .5s}.record-button:hover{left:30%}.vinyl{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(#101213 0,#2b2e31 1px,#0d0e10 2px,#202224 3px);box-shadow:12px 12px 25px #10141b33;display:grid;place-items:center;animation:slow-spin 12s linear infinite;animation-play-state:paused}.vinyl:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#ffffff20 15%,transparent 28%,transparent 50%,#fff3 63%,transparent 75%)}.vinyl-label{width:34%;aspect-ratio:1;border-radius:50%;background:#c6ceea;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;letter-spacing:-.4px;position:relative;color:#1b2a67}.vinyl-label strong{font-size:14px;margin-bottom:17px}.vinyl-label small{font-size:5px;letter-spacing:1px}.vinyl-label:after{content:'';position:absolute;top:57%;width:5px;height:5px;border-radius:50%;background:#111}.record-button[aria-pressed=true] .vinyl{animation-play-state:running}.sleeve{position:absolute;top:10%;left:0;width:70%;aspect-ratio:1;transform:rotate(-8deg);box-shadow:8px 15px 25px #10141b22;pointer-events:none;overflow:hidden;background:#1b2239}.sleeve img{width:100%;height:100%;object-fit:cover;filter:brightness(.8) saturate(.7)}.sleeve>span{position:absolute;top:17px;left:20px;font-size:clamp(30px,4vw,60px);line-height:.92;letter-spacing:-3px;color:#e4eaf4}.sleeve>span i{font-family:var(--serif);font-weight:400}.sleeve small{position:absolute;bottom:16px;left:20px;color:#fff;font:7px monospace;letter-spacing:1px}.record-tools{position:absolute;bottom:-15px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}.record-tools button{font-size:9px;border-bottom:1px solid var(--line);padding:8px}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px;gap:25px}.section-title h2{font-size:clamp(52px,7vw,108px);line-height:.93;letter-spacing:-.065em;font-weight:400;margin:0}.section-title h2 i{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}.section-title h2 small{display:block;font-family:var(--sans);font-size:13px;letter-spacing:1px;margin-top:25px;line-height:1.5}.chapter-mark{font-family:var(--serif);font-size:145px;color:#b8beb9;line-height:.8;letter-spacing:-10px}.social-bar{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:40px 0 32px;gap:0}.social-bar>span{font:9px monospace;letter-spacing:1px;width:25%}.social-bar>button{font-size:11px;display:flex;justify-content:space-between;gap:12px;width:25%;padding:20px;border-left:1px solid var(--line)}.social-bar small{color:var(--muted);font-size:8px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.note{min-width:0;perspective:1500px}.note-flip{position:relative;width:100%;aspect-ratio:.74;display:block;padding:0;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.25,.7,.25,1);text-align:left}.note.flipped .note-flip{transform:rotateY(-180deg)}.note-face{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.note-front{background:#cdd1d0}.note-front img{width:100%;height:100%;object-fit:cover;filter:saturate(.5);transition:transform .6s}.note-flip:hover .note-front img{transform:scale(1.045)}.note-front:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#090c1377)}.note-front>small{position:absolute;top:20px;left:20px;color:white;font:8px monospace;letter-spacing:2px;z-index:1}.note-cover-title{position:absolute;bottom:40px;left:24px;right:20px;color:white;z-index:1}.note-cover-title em{font:italic clamp(40px,4vw,70px)/.95 var(--serif);display:block;letter-spacing:-2px}.note-cover-title strong{font-size:17px;font-weight:400;display:block;margin-top:18px}.note-cover-title span{font:8px monospace;display:block;margin-top:24px;letter-spacing:1px}.note-back{transform:rotateY(180deg);background:#d8ddef;padding:30px;display:flex;flex-direction:column;justify-content:space-between;color:#263b89}.note-back small{font:9px monospace}.note-back h3{font:34px/1.3 var(--serif);margin:25px 0}.note-back p{font-size:13px;line-height:2}.note-back>span{font-size:10px;border-top:1px solid #a6afcf;padding-top:15px}.note-foot{display:flex;align-items:center;justify-content:space-between;padding-top:18px;font-size:11px}.note-foot span{color:var(--muted);font:9px monospace}.note-foot button{border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.section-end{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted);margin-top:30px;gap:20px}.section-end .add-open{font-size:10px;color:inherit}.dark{background:#111413;color:#e8ebe6;--line:#353a37;--muted:#909b93}.dark .rail{color:#9ba69e}.star-art{width:180px;height:160px;object-fit:cover;mix-blend-mode:screen;filter:invert(1);transform:rotate(-8deg)}.filter-row{display:flex;gap:25px;align-items:center;border-block:1px solid var(--line);padding:14px 0;margin-bottom:30px}.filter-row button{padding:8px 0;color:#909b93;font-size:11px;border-bottom:1px solid transparent}.filter-row button.active{color:#e3e8dc;border-bottom-color:currentColor}.filter-row button span{font-size:8px;vertical-align:super}.filter-row>span{margin-left:auto;color:#7c8880;font:8px monospace}.visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 22px}.visual-card{text-align:left;padding:0;min-width:0}.visual-image{position:relative;aspect-ratio:.78;overflow:hidden;background:#d6dad7}.visual-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.6)}.visual-card:hover img{transform:scale(1.06);filter:saturate(1)}.visual-image:after{content:'VIEW ↗';position:absolute;bottom:18px;right:18px;border-radius:50%;background:#e9efdf;color:#161b16;width:58px;height:58px;display:grid;place-items:center;font:8px monospace;opacity:0;transform:translateY(15px);transition:.3s}.visual-card:hover .visual-image:after{opacity:1;transform:translateY(0)}.visual-card .v-caption{display:flex;justify-content:space-between;padding-top:15px;font-size:12px}.v-caption small{font:8px monospace;color:var(--muted)}.visual-card:nth-child(3n+2){padding-top:45px}.visual-card:nth-child(3n+2) .visual-image{aspect-ratio:.84}.photography{background:#e6e9e5}.photo-heading{align-items:center}#camera{width:300px;transform:rotate(-8deg);transition:transform .4s;padding:0}#camera:hover{transform:rotate(0deg) translateY(-8px)}#camera svg{width:100%;filter:drop-shadow(8px 15px 9px #151e2125)}#camera>span{font:9px monospace;display:block;margin-top:15px}.gallery-toolbar{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 0;margin-top:25px;gap:15px;font:9px monospace}.gallery-toolbar button{padding:7px 11px;font-size:10px;color:var(--muted)}.gallery-toolbar button.active{background:var(--ink);color:var(--bg);border-radius:2px}.gallery-toolbar>span{color:var(--muted)}.film-nav{display:flex;gap:10px}.film-nav button{border:1px solid var(--line);font-size:18px;padding:0 10px}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px;transition:opacity .3s}.photo{padding:0;min-width:0;text-align:left}.photo-img{aspect-ratio:1;position:relative;overflow:hidden;background:#bec5c0}.photo-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s,filter .7s;filter:saturate(.65)}.photo:hover img{transform:scale(1.07);filter:saturate(1)}.photo-caption{display:flex;justify-content:space-between;margin-top:9px;font:8px monospace;color:#68726a;letter-spacing:.5px}.photo-grid.film{display:flex;gap:20px;background:#191f1c;padding:25px 18px 30px;overflow-x:auto;scroll-snap-type:x mandatory;border-top:12px dashed #697369;border-bottom:12px dashed #697369;scrollbar-color:#a8afa1 #191f1c}.photo-grid.film .photo{flex:0 0 31%;scroll-snap-align:center}.photo-grid.film .photo-img{aspect-ratio:.85}.photo-grid.film .photo-caption{color:#a5b29e}.photo-grid.flash{animation:flash .55s}.video-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:70px;padding-top:35px}.video-heading h3{font:42px var(--serif);letter-spacing:-1px;font-weight:400;margin:0}.video-heading h3 span{font:12px var(--sans);margin-left:25px}.video-heading>span{font:8px monospace;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.video-card{padding:0;text-align:left;min-width:0}.video-thumb{aspect-ratio:16/10;background:#0b1218;position:relative;overflow:hidden}.video-thumb>img{width:100%;height:100%;object-fit:cover;opacity:.65;filter:saturate(.4);transition:transform .5s}.video-card:hover img{transform:scale(1.04)}.play{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:#fff}.play:before{content:'';width:52px;height:52px;border:1px solid #fff8;border-radius:50%;position:absolute}.video-thumb>small{position:absolute;bottom:12px;left:12px;color:#dfebea;font:8px monospace}.video-meta{font-size:12px;margin-top:14px;display:flex;justify-content:space-between}.video-meta span{font-size:8px;color:var(--muted)}.cases{background:#d9ddd8}.case-note{font:10px/1.8 monospace;margin-right:10%}.case-note span{font-size:50px;display:block;margin-top:20px}.case{border-top:1px solid #adb5ad}.case:last-child{border-bottom:1px solid #adb5ad}.case-toggle{width:100%;display:grid;grid-template-columns:50px 150px 1fr 135px 40px;gap:25px;align-items:center;padding:24px 0;text-align:left}.case-num{font:12px monospace;color:#6f7b72}.case-thumb{width:150px;height:95px;object-fit:cover;filter:grayscale(.6);transition:filter .4s}.case-toggle:hover .case-thumb{filter:grayscale(0)}.case-name strong{font-size:23px;line-height:1.6;font-weight:400;display:block}.case-name small{font:9px monospace;color:#778278;letter-spacing:1px;display:block;margin-top:6px}.case-type{font-size:10px;color:#68786c}.case-plus{font-size:30px;font-weight:300;transition:transform .4s}.case-toggle[aria-expanded=true] .case-plus{transform:rotate(45deg)}.case-body{padding:20px 5% 40px 225px}.case-body[hidden]{display:none}.case-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.case-step small{font:9px monospace;color:#657969}.case-step h4{font-size:16px;font-weight:500;margin:15px 0}.case-step p{font-size:11px;line-height:2;color:#627067}.case-body>p{font-size:10px;color:#6a776b}.contact{padding-top:45px;padding-bottom:100px}.contact-row{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact h2{font-size:clamp(40px,6vw,85px);line-height:1;letter-spacing:-4px;font-weight:400;margin:0}.contact h2 i{font-family:var(--serif);font-weight:400}.contact h2>span{display:block;color:var(--blue)}#contact-ticket{display:flex;padding:0;transform:rotate(-5deg);text-align:left;transition:transform .3s}#contact-ticket:hover{transform:rotate(0)}#contact-ticket>span{background:#cbd3ed;padding:28px;display:flex;flex-direction:column;gap:25px}#contact-ticket small{font:7px monospace;letter-spacing:.5px}#contact-ticket strong{font-size:20px;font-weight:400}#contact-ticket em{font-size:10px;font-style:normal;color:#717f9f}#contact-ticket>b{background:#cbd3ed;border-left:1px dashed #8e9dbd;padding:18px;display:flex;flex-direction:column;justify-content:space-between;font-size:35px;font-weight:400;transition:transform .6s,opacity .6s;transform-origin:top left}#contact-ticket.torn>b{transform:translate(30px,40px) rotate(25deg);opacity:0}footer{padding:25px 4%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}footer>span,footer>a:last-child{font:8px monospace;letter-spacing:1px}.mono{font:9px monospace;letter-spacing:1px}dialog{padding:50px;border:1px solid #9ba59a;background:var(--bg);color:var(--ink);max-width:95vw;max-height:94vh;width:850px;overscroll-behavior:contain}dialog::backdrop{background:#111915b8;backdrop-filter:blur(9px)}dialog .close{position:absolute;top:10px;right:15px;font-size:30px;z-index:2;width:35px;height:35px;background:var(--bg);border-radius:50%}#viewer:has(.full-image){width:min(1100px,95vw);padding:45px 25px 20px;background:#111713;color:#e6eee4}#viewer:has(.full-image) .close{background:#263027;color:#fff}.full-image{width:100%;height:65vh;object-fit:contain}.viewer-title{font-size:18px;font-weight:400;margin:18px 0 8px}.viewer-description{font-size:12px;line-height:2;color:#899587;white-space:pre-wrap}.viewer-nav{display:flex;gap:25px;justify-content:center;align-items:center;font:10px monospace;margin-top:15px}.viewer-nav button{font-size:25px;border:1px solid #6e7a6c;width:40px;height:40px}.reader{display:grid;grid-template-columns:1fr 1fr;gap:30px}.reader img{width:100%;max-height:65vh;object-fit:cover}.reader h2{font-size:32px;font-weight:400}.reader p{font-size:13px;line-height:2.1;white-space:pre-wrap;color:var(--muted)}.reader small{font:9px monospace}.reader .sample{border-top:1px solid var(--line);margin-top:30px;padding-top:15px;font-size:10px}video{width:100%;max-height:70vh;background:#000}.empty-video{background:#172019;color:#e1e8df;padding:50px 20px;text-align:center}.empty-video h2{font:48px var(--serif);font-weight:400}.empty-video p{font-size:12px;line-height:2;color:#acb7a6}.empty-video button{padding:15px 25px;background:#cbd3ed;color:#1c294c;margin-top:20px}#editor{width:570px}#editor h2{font-weight:400;font-size:28px;margin:20px 0}#editor>p{font-size:12px;line-height:1.9;color:var(--muted)}form{display:grid;gap:20px;margin-top:25px}label{display:grid;gap:10px;font-size:11px}input,select,textarea{width:100%;padding:12px;border:1px solid #bdc5ba;background:#f2f4ee;border-radius:0;font-size:12px;color:var(--ink)}.hint{font-size:10px;color:var(--muted);line-height:1.8;margin:0}.submit{background:var(--ink);color:var(--bg);padding:15px;font-size:13px}.submit:disabled{opacity:.5}.no-scroll{overflow:hidden}#import-status{font-size:11px;line-height:1.6;margin:0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:90vw;background:#202b24;color:#e9efdf;padding:15px 25px;font-size:12px;z-index:100;opacity:0;pointer-events:none;transition:.3s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes flash{0%{opacity:.1}100%{opacity:1}}@media(min-width:1600px){header,main,footer{max-width:1800px;margin:auto}.hero h1{font-size:240px}.hero-canvas{height:690px}}@media(max-width:1000px){nav{gap:12px;font-size:9px}.logo{font-size:30px}.logo span{display:none}.hero-canvas{min-height:420px}.hero-caption p{font-size:18px}.micro{display:none}.about-layout{gap:6%;padding:0}.section-title h2{font-size:70px}.note-back{padding:22px}.note-back h3{font-size:28px}.note-back p{font-size:11px}.case-toggle{grid-template-columns:30px 100px 1fr 85px 25px;gap:15px}.case-thumb{width:100px;height:75px}.case-name strong{font-size:18px}.case-body{padding-left:145px}.contact h2{letter-spacing:-2px}#contact-ticket>span{padding:20px}#contact-ticket strong{font-size:16px}}@media(max-width:700px){html{scroll-padding-top:20px}header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}header .logo{font-size:29px;letter-spacing:-3px}.logo span{display:block;font-size:8px;letter-spacing:1px;gap:10px}nav{order:3;width:100%;justify-content:space-between;font-size:8px;padding-top:10px;border-top:1px solid var(--line);gap:4px}.add-open{font-size:10px}.hero-meta{font-size:6px;letter-spacing:.5px;padding:21px 0}.hero-meta>span:last-child{display:none}.hero-canvas{height:510px;min-height:0}.hero-signal{top:25px;width:100%;right:0;height:80%;opacity:.8}.hero h1{font-size:20vw;padding-top:55px;line-height:.9;letter-spacing:-.08em}.hero h1 .second{margin-left:0;margin-top:13px}.asterisk{margin-left:6px;margin-top:0;font-size:.37em}.hero-side{top:0;font-size:7px}.hero-caption{bottom:58px;left:5px;gap:15px}.hero-caption p{font-size:20px;letter-spacing:1px}.circle-link{width:48px;height:48px;bottom:82px;font-size:22px}.coordinate{font-size:6px;bottom:22px}.hero-foot{font-size:7px;letter-spacing:0;padding:18px 0;gap:10px}.hero-foot>span:nth-child(2){display:none}.section{padding:35px 5% 45px}.rail{font-size:7px;letter-spacing:.2px;margin-bottom:40px;gap:15px}.rail>span:last-child{text-align:right}.about-layout{grid-template-columns:1fr;gap:50px}.about h2{font-size:31px;letter-spacing:-1px}.about-copy>p{margin-bottom:25px;font-size:12px}.record-scene{max-width:480px;width:100%;margin:0 auto 20px;aspect-ratio:1.05}.record-tools{bottom:0}.sleeve>span{font-size:43px}.section-title{margin-bottom:30px;gap:15px}.section-title h2{font-size:49px;letter-spacing:-3px}.section-title h2 small{font-size:11px;letter-spacing:.5px;margin-top:18px}.chapter-mark{font-size:80px;letter-spacing:-5px}.social-bar{flex-wrap:wrap;margin:25px 0}.social-bar>span{width:100%;padding:12px 0}.social-bar>button{width:33.33%;font-size:9px;padding:12px 8px;border-top:1px solid var(--line);flex-wrap:wrap;gap:8px}.social-bar small{font-size:7px}.notes-grid{grid-template-columns:1fr;gap:30px}.note-flip{aspect-ratio:.85}.note-cover-title em{font-size:60px}.note-back{padding:30px}.note-back p{font-size:13px}.note-back h3{font-size:40px}.note-cover-title strong{font-size:20px}.section-end{font-size:8px;align-items:start;line-height:1.9;gap:15px}.section-end>span{max-width:65%}.star-art{width:85px;height:100px}.filter-row{gap:20px;flex-wrap:wrap;padding:8px 0}.filter-row button{font-size:10px}.filter-row>span{display:none}.visual-grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.visual-card:nth-child(3n+2){padding-top:0}.visual-card:nth-child(3n+2) .visual-image{aspect-ratio:.78}.visual-card:nth-child(even){padding-top:28px}.visual-card .v-caption{font-size:10px;line-height:1.5;flex-wrap:wrap;gap:5px}.v-caption small{font-size:7px}.visual-image:after{display:none}.photo-heading{align-items:start}.photo-heading h2{font-size:50px}#camera{width:135px;flex-shrink:0;margin-top:30px}#camera>span{font-size:7px;line-height:1.7;margin-top:0}.gallery-toolbar{flex-wrap:wrap;gap:8px}.gallery-toolbar>span{font-size:6px;order:3;width:100%}.gallery-toolbar button{font-size:9px;padding:6px 8px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:13px 8px}.photo-caption{font-size:6px}.photo-caption>span:last-child{display:none}.photo-grid.film .photo{flex-basis:75%}.video-heading{margin-top:40px;flex-wrap:wrap;gap:15px}.video-heading h3{font-size:37px}.video-heading h3 span{font-size:10px;margin-left:12px}.video-heading>span{font-size:7px}.video-grid{grid-template-columns:1fr;gap:25px}.video-thumb{aspect-ratio:16/9}.case-note{display:none}.case-toggle{grid-template-columns:20px 65px 1fr 20px;gap:12px;padding:18px 0}.case-thumb{width:65px;height:80px}.case-name strong{font-size:15px}.case-name small{font-size:6px;line-height:1.7}.case-type{display:none}.case-num{font-size:9px}.case-plus{font-size:24px}.case-body{padding:15px 5px 30px}.case-steps{grid-template-columns:1fr;gap:20px}.case-step h4{margin:8px 0}.case-step p{margin:0}.contact-row{flex-direction:column;align-items:start;gap:40px}.contact h2{font-size:54px;letter-spacing:-3px}#contact-ticket{align-self:center;margin:15px 0 10px}#contact-ticket>span{padding:24px}footer{flex-wrap:wrap;padding:20px 5%}footer>span{display:none}footer>a:last-child{font-size:7px}dialog{padding:45px 22px 25px;max-height:92vh}.reader{grid-template-columns:1fr;gap:18px}.reader img{max-height:38vh;object-fit:contain}.reader h2{font-size:28px}.reader p{font-size:12px}.full-image{height:58vh}.viewer-description{font-size:11px}.empty-video{padding:35px 10px}.empty-video h2{font-size:40px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}
/* ISSUE 003 — soft optics, disciplined editorial typography */

:root{--bg:#e7e8e6;--ink:#20262a;--blue:#8b9cac;--line:#bdc3c5;--muted:#738087;--serif:'Cormorant Garamond','Bodoni 72',Didot,Georgia,serif;--sans:Manrope,'Helvetica Neue','PingFang SC',sans-serif}
body{font-family:var(--sans)}header{height:92px}.logo{font-weight:500;font-family:var(--serif);font-size:40px;letter-spacing:-3px}.logo span{font-family:var(--sans);font-size:10px;letter-spacing:2px}.owner-tools{display:flex;gap:20px;align-items:center}.owner-tools button{font-size:10px}#edit-mode{border:1px solid #a7b2b6;border-radius:20px;padding:9px 13px}#edit-mode[aria-pressed=true]{background:#252e34;color:#e7eeef}.hero{background:#11171e;color:#e5e9e9;padding-inline:4%;position:relative}.hero-meta{color:#a2acb5;border-bottom:1px solid #56657244}.hero-canvas{height:min(720px,54vw);min-height:540px}.hero-signal{right:-4%;top:-15%;width:80%;height:125%;object-fit:cover;opacity:.65;mix-blend-mode:screen;transform:none;mask-image:linear-gradient(to right,transparent,#000 20%,#000 90%,transparent);filter:saturate(.45)}.blue-halo{background:radial-gradient(ellipse,#9ab6ce30,transparent 70%);mix-blend-mode:screen;right:5%;height:90%;width:80%;top:5%}.hero h1{font-family:var(--serif);font-size:clamp(110px,13vw,205px);font-weight:400;line-height:.84;letter-spacing:-.055em;padding-top:95px;position:relative;z-index:1;text-shadow:0 0 25px #080f1833}.hero h1 .second{margin-left:15%;margin-top:8px}.hero h1 i{font-weight:400}.hero-caption{bottom:28px}.hero-caption p{font-family:'Noto Serif SC','Songti SC',serif;font-size:20px;line-height:1.8;letter-spacing:2px}.hero-side{color:#aebdc6;font-size:8px;top:26px}.hero .micro{color:#a9b9c5}.hero .circle-link{border-color:#99aeb366;color:#dce5e9;bottom:55px}.hero .circle-link:hover{background:#c7d6df;color:#17212a}.hero-foot{border-color:#56657266;color:#b1bcc3}.blue-dot{background:#b6c9ce;box-shadow:0 0 8px #bcdaf5}.coordinate{color:#9dacb5}.focus-orbit{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle 85px at var(--focus-x,70%) var(--focus-y,40%),#d0e0fc16,transparent 100%);pointer-events:none}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.about h2{font-family:'Noto Serif SC','Songti SC',serif;font-size:clamp(28px,3vw,44px);letter-spacing:0;font-weight:400}.section-title h2{font-family:var(--serif);font-size:clamp(65px,8vw,120px);font-weight:400;line-height:.94;letter-spacing:-.045em}.section-title h2 small{font-family:'Noto Serif SC','Songti SC',serif;font-size:14px;letter-spacing:2px}.section-title h2 i{font-family:var(--serif)}.chapter-mark{font-family:var(--serif);font-weight:400;color:#a7b4bd}.about{background:#dfe3e3}.record-scene .sleeve{transform:rotate(-6deg);box-shadow:10px 20px 28px #17293620}.sleeve>span{font-family:var(--serif);font-weight:400;letter-spacing:-2px;font-size:55px;line-height:.85}.vinyl-label{width:35%;overflow:hidden;border:1px solid #a3b4be}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label:after{top:48%;width:6px;height:6px;background:#e1e6e8;border:1px solid #414b53}.record-tools{bottom:-28px;flex-wrap:wrap;gap:8px}.record-tools>div{display:flex;gap:8px}.record-tools button{font-size:9px}.notes{background:#edf0ed}.social-bar>span{width:40%;font-size:8px;letter-spacing:1px}.social-bar>button{width:30%;font-family:'Noto Serif SC','Songti SC',serif;font-size:14px;letter-spacing:2px;padding:23px}.social-filter{display:flex;align-items:center;gap:25px;margin:25px 0 30px}.social-filter button{font-size:11px;color:#8a9497;padding:8px 0;border-bottom:1px solid transparent}.social-filter button.active{color:#27343c;border-bottom-color:#27343c}.social-filter>span{margin-left:auto;font:8px monospace;color:#89979f}.notes-grid{gap:34px}.post-card{position:relative;min-width:0;transition:transform .5s}.post-card:nth-child(2){padding-top:45px}.post-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;font-size:11px}.post-top>span{font-family:'Noto Serif SC','Songti SC',serif;letter-spacing:2px}.post-top small{font:8px monospace;color:#8b989f}.post-shot{display:block;width:100%;aspect-ratio:.62;padding:0;position:relative;overflow:hidden;background:#d6e0e4;border:1px solid #bcc9cc;box-shadow:6px 14px 30px #2239470d;transition:transform .5s,box-shadow .5s}.post-shot:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:10px 25px 40px #2239471c}.post-shot>img{height:100%;width:100%;object-fit:cover;filter:blur(2px) saturate(.3);opacity:.5}.post-shot:has(.shot-placeholder):after{content:'';position:absolute;inset:0;background:linear-gradient(#152e3c0f,#18293670);pointer-events:none}.shot-placeholder{position:absolute;inset:0;padding:30px 22px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;z-index:1;text-align:left;color:#f3f7f8}.shot-placeholder small{font:8px monospace;letter-spacing:1px;color:#fff}.shot-placeholder strong{font-family:'Noto Serif SC','Songti SC',serif;font-weight:400;font-size:26px;line-height:1.8;letter-spacing:3px;margin-top:40px}.shot-placeholder em{font-style:normal;font-size:9px;letter-spacing:1px;margin-top:auto;margin-bottom:25px}.shot-placeholder b{font-size:30px;font-weight:300;border:1px solid #fff8;width:45px;height:45px;border-radius:50%;display:grid;place-items:center;align-self:flex-end}.shot-window{height:100%;overflow:auto;display:block;scrollbar-width:thin}.shot-window img{width:100%;height:auto;min-height:100%;object-fit:contain;object-position:top;background:#f5f7f3}.shot-open{position:absolute;bottom:12px;right:12px;padding:9px 12px;border:1px solid #c5d6db70;background:#1c2b36bd;color:#eef5f5;backdrop-filter:blur(8px);font-size:9px;pointer-events:none}.post-bottom{display:grid;grid-template-columns:1fr 24px;column-gap:10px;position:relative;padding:18px 0}.post-bottom h3{font-family:'Noto Serif SC','Songti SC',serif;font-size:15px;font-weight:400;margin:0;line-height:1.8}.post-bottom>span{font-size:9px;line-height:1.9;color:#8c989a;grid-column:1;margin-top:7px;overflow-wrap:anywhere}.post-bottom button{font-size:23px;grid-row:1/3;grid-column:2}.dark{background:#10171c;--line:#35424b;--muted:#87969e}.dark .rail{color:#9cabb4}.visual-grid{gap:45px 28px}.visual-image{border:1px solid #5a68704d}.visual-card .v-caption{font-family:'Noto Serif SC','Songti SC',serif;font-size:13px}.visual-image:after{background:#d0dde3}.filter-row button.active{color:#c9d6e0}.photography{background:#e2e7e7}.cases{background:#dce2e2}.case-name strong{font-family:'Noto Serif SC','Songti SC',serif;font-weight:400;letter-spacing:1px}.case-step h4{font-family:'Noto Serif SC','Songti SC',serif;font-weight:400}.case-body>p,.case-step p{white-space:pre-wrap}.case-edit{margin-top:20px;font-size:10px;border-bottom:1px solid #94a1a4;padding:8px 0;display:none}.editing .case-edit{display:inline-block}.contact{background:#11191f;color:#d9e2e6;border:0;padding-bottom:70px;position:relative;overflow:hidden}.contact .rail{color:#8b9da9;border-bottom:1px solid #60748255;padding-bottom:25px;margin-bottom:45px}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.contact h2{font-family:var(--serif);font-size:clamp(80px,10vw,155px);line-height:.85;letter-spacing:-.055em;font-weight:400;position:relative;z-index:1}.contact h2 i{font-weight:400}.contact-message{font-family:'Noto Serif SC','Songti SC',serif;font-size:14px;line-height:2;letter-spacing:2px;color:#90a4b0;margin-top:38px}.contact-right{position:relative;padding:110px 5% 0;isolation:isolate}.contact-art{position:absolute;width:75%;height:330px;object-fit:cover;right:-8%;top:-90px;mix-blend-mode:screen;opacity:.45;filter:blur(2px) saturate(.25);mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);z-index:-1;transform:rotate(15deg);transition:transform 1.5s,filter 1.5s}.contact-right:hover .contact-art{transform:rotate(0) scale(1.06);filter:blur(0) saturate(.6)}.contact-details>span{font:8px monospace;letter-spacing:2px;color:#8ba3b3}.contact-details p{font-family:var(--serif);font-size:28px;letter-spacing:1px;margin:22px 0;color:#d7e3ea;overflow-wrap:anywhere}.contact-details small{color:#8096a4;font-size:11px;letter-spacing:1px}#contact-ticket{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;color:#d8e3e8;border:0;border-top:1px solid #67829766;margin-top:35px;padding:22px 0;transform:none;font-size:12px;letter-spacing:2px}#contact-ticket:hover{transform:none}#contact-ticket>span{background:transparent;padding:0;display:block;font-size:25px;transition:transform .4s}#contact-ticket:hover>span{transform:translate(5px,-5px)}footer{background:#11191f;color:#8ea2b0;border-color:#445f703b}.shot-reader{display:grid;grid-template-columns:.7fr 1.3fr;gap:32px}.shot-info{position:sticky;top:0;align-self:start}.shot-info small{font:8px monospace;color:#7c8a94}.shot-info h2{font-family:'Noto Serif SC','Songti SC',serif;font-size:25px;font-weight:400;line-height:1.6}.shot-info p{font-size:11px;line-height:2;color:#7c8990;white-space:pre-wrap}.shot-info button{font-size:10px;border-bottom:1px solid #92a0a6;padding:12px 0;margin-top:20px}.shot-full{max-height:73vh;overflow:auto;background:#d7dfe0;text-align:center}.shot-full img{width:100%;height:100%;max-height:73vh;object-fit:contain;object-position:top}.shot-full.original img{height:auto;max-height:none;min-height:0}.editing [data-text-key]{cursor:text;border-radius:2px;outline:1px dashed #809aa680;outline-offset:4px}.editing [data-text-key]:hover{background:#86a7ba30;outline:1px solid #8eafc7}.editing [data-visual],.editing [data-photo],.editing [data-video],.editing [data-case],.editing .post-card{outline:1px dashed #88a1b080;outline-offset:4px;cursor:crosshair}#edit-toolbar{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;background:#23343eef;color:#dce8ec;backdrop-filter:blur(15px);border:1px solid #9eb5c56b;border-radius:4px;display:flex;align-items:center;gap:22px;padding:15px 20px;max-width:94vw;box-shadow:0 5px 30px #1113;font-size:10px}#edit-toolbar>span{white-space:nowrap;font-size:10px}#edit-toolbar button{white-space:nowrap;font-size:10px;border-bottom:1px solid #8da2ae80;padding:7px 0}#edit-detail{width:650px}#edit-detail h2{font-family:'Noto Serif SC','Songti SC',serif;font-weight:400;font-size:25px}#detail-fields{display:grid;gap:20px}#detail-fields fieldset{border:1px solid #b7c3c6;padding:18px;display:grid;gap:15px}#detail-fields legend{font-size:11px;color:#6e8693}#detail-status{font-size:11px;line-height:1.7}.editing{padding-bottom:65px}button.submit{background:#273b48;color:#e0e9eb}
@media(max-width:1000px){.hero h1{font-size:14vw}.hero-canvas{height:600px}.contact h2{font-size:105px}.record-tools{bottom:-40px}.post-shot{aspect-ratio:.58}.notes-grid{gap:20px}.shot-placeholder strong{font-size:23px}.contact-right{padding-top:75px}.owner-tools{gap:12px}header nav{gap:12px}.record-tools>span{font-size:8px}}
@media(max-width:700px){header{height:auto;min-height:95px}.owner-tools{gap:12px}.owner-tools button{font-size:8px}#edit-mode{padding:7px 9px}.hero-canvas{height:550px;min-height:0}.hero h1{font-size:22vw;line-height:.92;padding-top:100px;letter-spacing:-.06em}.hero h1 .second{margin-left:4%;margin-top:3px;white-space:nowrap;font-size:.89em}.hero-signal{width:130%;right:-15%;top:0;height:95%;opacity:.6;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 75%,transparent)}.hero-caption{bottom:63px;gap:18px}.hero-caption p{font-size:16px;letter-spacing:1px}.hero .circle-link{bottom:92px}.hero-side{top:25px;font-size:7px}.hero-meta{font-size:6px}.section-title h2{font-size:60px;letter-spacing:-2px}.section-title h2 small{font-size:12px;line-height:1.8;letter-spacing:1px}.chapter-mark{font-size:85px}.about h2{font-size:28px;line-height:1.7}.record-scene{margin-bottom:45px}.record-tools{bottom:-20px}.record-tools>div{gap:7px}.record-tools button{font-size:8px}.sleeve>span{font-size:44px}.social-bar>span{width:100%;font-size:7px}.social-bar>button{width:50%;font-size:12px;padding:17px 12px;justify-content:space-between}.social-filter{gap:20px}.social-filter button{font-size:10px}.social-filter>span{display:none}.notes-grid{grid-template-columns:1fr;gap:30px}.post-card:nth-child(2){padding-top:0}.post-shot{aspect-ratio:.69}.shot-placeholder{padding:28px}.shot-placeholder strong{font-size:30px}.post-top{font-size:12px}.post-bottom h3{font-size:16px}.post-bottom>span{font-size:9px}.shot-reader{grid-template-columns:1fr;gap:20px}.shot-info{position:static}.shot-info h2{font-size:22px;margin:12px 0}.shot-info p{font-size:10px;margin:8px 0}.shot-info button{margin-top:0;padding-top:5px}.shot-full{max-height:65vh}.shot-full img{max-height:65vh}.visual-card .v-caption{font-size:11px}.visual-grid{gap:30px 12px}.photo-heading h2{font-size:55px}.video-heading h3{font-size:39px}.case-name strong{font-size:14px;letter-spacing:0}.contact-row{grid-template-columns:1fr;gap:45px}.contact h2{font-size:98px;letter-spacing:-5px}.contact-message{font-size:12px;margin-top:26px}.contact-right{padding:25px 0 0;width:100%}.contact-art{width:72%;height:330px;right:-5%;top:-130px;opacity:.3}.contact-details p{font-size:25px}#contact-ticket{margin-top:25px}.contact{padding-bottom:45px}footer .logo{font-size:30px}#edit-toolbar{bottom:8px;gap:12px;padding:10px 12px;flex-wrap:wrap;justify-content:space-between;width:94vw}#edit-toolbar>span{width:100%;font-size:9px;white-space:normal}#edit-toolbar button{font-size:9px}.editing{padding-bottom:100px}}
@media(max-width:700px){.photo-heading h2{font-size:48px;min-width:0}#camera{width:115px}.hero-signal{mask-image:radial-gradient(ellipse at 65% 45%,#000 10%,#000 42%,transparent 75%)}}
.notes-grid.stacked{display:grid;grid-template-columns:1fr;max-width:600px;margin:50px auto 35px;isolation:isolate;min-height:680px}.stacked .post-card{grid-area:1/1;width:70%;margin:auto;transition:transform .6s,filter .6s;transform:rotate(-8deg) translateX(-25%);filter:brightness(.84);background:#edf0ed;padding:12px;box-shadow:4px 12px 24px #23394514}.stacked .post-card:nth-child(2){transform:rotate(0deg);z-index:2;filter:none;padding:12px}.stacked .post-card:nth-child(3){transform:rotate(8deg) translateX(25%)}.stacked .post-card:hover,.stacked .post-card:focus-within{transform:translateY(-15px) rotate(0);z-index:4;filter:none}.stacked .post-shot:hover{transform:none}.stacked .post-bottom>span{display:none}.stacked .post-card:nth-child(n+4){display:none}.notes-grid.stacked:has(.post-card:nth-child(4)){display:flex;overflow-x:auto;max-width:none;min-height:0;gap:25px;padding:20px}.stacked:has(.post-card:nth-child(4)) .post-card{display:block;flex:0 0 30%;transform:none;filter:none;margin:0;min-width:200px}.social-filter #stack-posts{margin-left:auto;font-size:10px}.social-filter:has(#stack-posts)>span{margin-left:0}@media(max-width:700px){.social-filter{gap:15px;flex-wrap:wrap}.social-filter #stack-posts{font-size:9px}.notes-grid.stacked{min-height:470px;margin-top:35px}.stacked .post-card{width:83%;transform:rotate(-6deg) translateX(-6%);padding:9px}.stacked .post-card:nth-child(2){padding:9px}.stacked .post-card:nth-child(3){transform:rotate(6deg) translateX(6%)}.stacked .shot-placeholder{padding:20px}.stacked .shot-placeholder strong{font-size:23px}.stacked .post-bottom h3{font-size:12px}.stacked .post-top{font-size:10px}}
.logo>[data-text-key]{font-family:var(--serif);font-size:40px;font-weight:500;letter-spacing:-3px}.logo>span:not([data-text-key]){font-family:var(--sans);font-size:10px;letter-spacing:2px}.logo>span:not([data-text-key]) [data-text-key]{font:inherit;letter-spacing:inherit}.contact h2>[data-text-key]{display:inline;color:inherit}@media(max-width:700px){.logo>[data-text-key]{font-size:30px}.logo>span:not([data-text-key]){font-size:8px;letter-spacing:1px}}

/* A dedicated portrait, independent from both vinyl photos. */
.portrait-row{display:flex;gap:26px;align-items:center;margin:0 0 38px}.portrait-frame{position:relative;width:190px;aspect-ratio:4/5;flex-shrink:0;background:#d9dfe0;overflow:hidden;padding:0;border:1px solid #b5bdc1}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-frame img[hidden]{display:none}.portrait-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at 70% 30%,#f5f7f7,transparent 70%);color:#505e65}.portrait-outline{font:80px/1 Georgia,serif;filter:blur(2px);color:#8b9ba5}.portrait-placeholder>span:not(.portrait-outline){font:8px monospace;letter-spacing:2px}.portrait-placeholder strong{font-size:11px;font-weight:400}.portrait-action{position:absolute;inset:auto 0 0;padding:12px;background:#1b252bba;color:white;font-size:10px;transform:translateY(100%);transition:transform .3s}.portrait-frame:hover .portrait-action,.portrait-frame:focus-visible .portrait-action{transform:translateY(0)}.portrait-caption small{font:10px/1.7 monospace;letter-spacing:1px;color:#71808b}.portrait-caption p{font-family:'Noto Serif SC','Songti SC',serif;font-size:18px;line-height:1.8}.portrait-caption>span{font-size:9px;color:#71808b}@media(max-width:600px){.portrait-frame{width:145px}.portrait-row{gap:18px}.portrait-caption p{font-size:15px}.portrait-caption small{font-size:8px}.portrait-caption>span{font-size:8px}}

/* Small discoveries in the margins. */
.curiosity-break{padding:38px 7%;display:flex;align-items:center;gap:5%;border-top:1px solid var(--line);background:#dfe5e5;overflow:hidden}.curiosity-break button{width:145px;flex-shrink:0;transform:rotate(-8deg);transition:transform .45s}.curiosity-break button:hover{transform:rotate(5deg) scale(1.08)}.curiosity-break img{height:110px;width:145px;object-fit:contain;mix-blend-mode:multiply}.curiosity-break button span{display:block;font:7px monospace;letter-spacing:1px;margin-top:8px}.curiosity-break small{font:9px monospace;letter-spacing:2px;color:#647782}.curiosity-break p{font:24px/1.6 'Noto Serif SC','Songti SC',serif;margin:14px 0 0}.curiosity-index{margin-left:auto;font:9px/1.6 monospace;color:#6f7e85;text-align:right}.curiosity-break.popped img{animation:sticker-pop .55s ease}.rpm-switch{position:absolute;right:2%;top:0;font:20px var(--serif);border:1px solid #89969e;border-radius:50%;width:66px;height:66px;z-index:3}.rpm-switch span{display:block;font:8px monospace;margin-top:3px}.record-scene.fast-spin .vinyl{animation-duration:5s!important}.focus-tools{display:flex;align-items:center;gap:18px;margin:0 0 22px;font-size:10px}.focus-tools button{border:1px solid currentColor;border-radius:25px;padding:10px 18px}.focus-tools button[aria-pressed=true]{background:#dbe4e7;color:#172b36}.focus-tools>span{opacity:.6}.focus-play .photo img{filter:blur(5px) saturate(.65);transition:filter .5s,transform .6s}.focus-play .photo:hover img,.focus-play .photo:focus-visible img{filter:blur(0) saturate(1);transform:scale(1.035)}@keyframes sticker-pop{50%{transform:rotate(25deg) scale(.75);filter:blur(2px)}}@media(max-width:700px){.curiosity-break{padding:28px 5%;gap:16px}.curiosity-break button{width:90px}.curiosity-break img{width:90px;height:85px}.curiosity-break p{font-size:16px}.curiosity-index{display:none}.curiosity-break small{font-size:7px}.curiosity-break button span{font-size:6px}.rpm-switch{width:50px;height:50px;font-size:17px}.focus-tools{gap:12px;font-size:9px}}@media(prefers-reduced-motion:reduce){.curiosity-break.popped img{animation:none}.curiosity-break button,.focus-play .photo img{transition:none}.record-scene.fast-spin .vinyl{animation:none!important}}
.contact{overflow:hidden}

/* An optical interlude: imagery rather than slogans. */
.optical-break{padding:65px 7%;display:grid;grid-template-columns:1fr 1.5fr;gap:8%;align-items:center;background:#111a20;color:#e3e8e7;border-top:1px solid #39434a}.optical-caption small{font:9px monospace;letter-spacing:2px;color:#9cabb7}.optical-caption h3{font:clamp(45px,6vw,85px)/.95 var(--serif);font-weight:400;letter-spacing:-2px;margin:30px 0}.optical-caption p{font-size:12px;letter-spacing:2px}.optical-caption>span{display:block;font-size:9px;line-height:1.9;color:#91a2af;margin-top:25px}.optical-specimen{--lens-x:50%;--lens-y:50%;position:relative;aspect-ratio:1.3;overflow:hidden;width:100%;padding:0;isolation:isolate;touch-action:pan-y;background:#0c131a;cursor:crosshair;border:1px solid #53636e}.optical-surface{width:100%;height:100%;object-fit:cover;opacity:.65;filter:saturate(.6)}.optical-reveal{position:absolute;inset:0;clip-path:circle(23% at var(--lens-x) var(--lens-y));background:#0b111b}.optical-reveal img{width:100%;height:100%;object-fit:cover;filter:contrast(1.15)}.lens-ring{position:absolute;left:var(--lens-x);top:var(--lens-y);width:39%;aspect-ratio:1;border:1px solid #d9f4ff77;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 35px #a7dbf328,inset 0 0 25px #d4ebff20;pointer-events:none}.optical-mark{position:absolute;left:var(--lens-x);top:var(--lens-y);transform:translate(-50%,-50%);font:22px monospace;color:#d6e8f2a0}.optical-status{position:absolute;bottom:16px;left:18px;font:8px monospace;letter-spacing:2px;color:#e0ebf2}.optical-specimen[aria-pressed=true]{border-color:#c5dde5}.optical-specimen[aria-pressed=true] .lens-ring{border-style:dashed}#butterfly-flight{position:absolute;right:0;top:0;width:100%;height:100%;padding:0;pointer-events:auto}#butterfly-flight .contact-art{pointer-events:none}#butterfly-flight>span{position:absolute;right:5%;top:12%;font:8px monospace;letter-spacing:1px;color:#a5bac5}#butterfly-flight.released .contact-art{animation:butterfly-release 2.2s ease-in-out both}.contact-detail{position:relative;z-index:2;pointer-events:none}.contact-detail button,.contact-detail [data-text-key]{pointer-events:auto}@keyframes butterfly-release{0%{transform:translate(0,0) rotate(0);opacity:.7}35%{transform:translate(-55px,-55px) rotate(-18deg) scale(.8);filter:blur(2px)}65%{transform:translate(100px,-160px) rotate(20deg) scale(.45);opacity:0}66%{transform:translate(-25px,40px) scale(.8);opacity:0}100%{transform:translate(0,0) rotate(0);opacity:.7}}@media(max-width:700px){.optical-break{padding:40px 5%;grid-template-columns:1fr;gap:25px}.optical-caption h3{font-size:50px;margin:18px 0}.optical-caption>span{margin-top:15px}.optical-specimen{aspect-ratio:1.12}#butterfly-flight>span{top:7%;font-size:7px}}@media(prefers-reduced-motion:reduce){#butterfly-flight.released .contact-art{animation:none;opacity:.3}}

.optical-photo-change{display:block;margin-top:24px;padding:10px 0;border-bottom:1px solid #81929d;color:#e3e8e7;font-size:11px;letter-spacing:1px}.optical-photo-change:hover{color:#fff;border-color:#fff}

.wechat-qr-row{position:relative;z-index:3;display:flex;align-items:center;gap:20px;margin-top:28px}.wechat-qr-row>div>span{font:8px monospace;letter-spacing:2px;color:#9db0ba}.wechat-qr-row p{font-size:11px;color:#c0cdd3;margin:10px 0 12px}.wechat-qr-row #wechat-qr-change{font-size:10px;padding:0 0 5px;border-bottom:1px solid #7f929d;color:#bdcbd3}#wechat-qr-view{width:96px;height:96px;flex-shrink:0;padding:8px;background:#fff;border:1px solid #d1d9dc}#wechat-qr-image{width:100%;height:100%;object-fit:contain;filter:none}#wechat-qr-image[hidden],#wechat-qr-placeholder[hidden]{display:none}#wechat-qr-placeholder{display:grid;place-content:center;gap:8px;height:100%;color:#657680;font:24px Georgia,serif}#wechat-qr-placeholder small{font:9px var(--sans)}.qr-enlarged{max-width:420px;margin:30px auto;text-align:center}.qr-enlarged img{width:100%;background:#fff;padding:20px;object-fit:contain}.qr-enlarged p{font-size:12px;margin-top:20px}

/* Preserve the author's paragraphs, including intentionally empty copy. */
[data-text-key],.viewer-description,.case-body p,.case-step p,.post-bottom>span,.shot-info p{white-space:pre-wrap;overflow-wrap:anywhere}.editing [data-text-key]:empty{display:inline-block;min-width:52px;min-height:20px;vertical-align:middle}.editing [data-text-key]:empty::after{content:'＋ 添加文字';font:9px var(--sans);color:#7b8990}.profile-full-copy{line-height:1.9;text-align:left}.profile-edit-actions{display:flex;gap:24px;margin-top:30px}.profile-edit-actions button{font-size:12px;border-bottom:1px solid currentColor;padding:8px 0}#detail-fields textarea{white-space:pre-wrap;line-height:1.8;min-height:150px}.editing .hero h1{pointer-events:auto}

/* Editing access without changing the selected visual direction. */
.editing .sleeve{pointer-events:auto}.editing .sleeve [data-text-key]{position:relative;z-index:2;cursor:text}.skills-section{border-top:1px solid var(--line);padding:18px 0 22px}.skills-heading{display:flex;gap:30px;font-size:11px;align-items:baseline}.skills-heading>span{width:60px;flex-shrink:0;color:var(--muted)}.skills-heading p{margin:0;line-height:1.8}#skills-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:20px}.skill-tile{padding:0;min-width:0;text-align:center}.skill-tile img,.skill-empty{width:100%;aspect-ratio:1;object-fit:contain;padding:6px;background:#d9dfe166;border:1px solid #9eacb244;border-radius:8px}.skill-empty{display:grid;place-items:center;font:22px var(--serif);color:#6a7f89}.skill-tile small{display:block;font-size:8px;line-height:1.5;margin-top:7px;overflow-wrap:anywhere}.skill-tile:hover img,.skill-tile:hover .skill-empty{border-color:#718d9b;background:#dce6e8}#skill-add{font-size:10px;padding:12px 0 4px;border-bottom:1px solid #a6b5bd;color:#607682;margin-top:12px}.filter-row [data-text-key]{font:inherit;color:inherit}.filter-row #visual-count{font-size:9px}.record-tools>div{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:700px){#skills-grid{gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.skill-tile img,.skill-empty{max-width:56px;margin:auto}.skill-tile small{font-size:9px}.record-tools>div{gap:10px}}

/* Keep editable contact copy above the butterfly interaction layer. */
.contact-details{position:relative;z-index:3;pointer-events:auto}.contact-details [data-text-key]{pointer-events:auto}#contact-edit{display:block;margin-top:18px;padding:0 0 5px;font-size:10px;color:#b9cbd5;border-bottom:1px solid #788f9e}#contact-ticket{position:relative;z-index:3}.editing .contact-details [data-text-key]{cursor:text}

/* Soft-focus editorial transitions: native scrolling remains untouched. */
.scroll-composition{position:relative}.section-refraction{position:absolute;top:-58px;left:0;width:100%;height:116px;pointer-events:none;z-index:1;opacity:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 48%,transparent);transition:opacity 1.2s ease}.section-refraction img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:blur(18px) saturate(.45);opacity:.23;transform:scale(1.1,1.6)}.scroll-composition.boundary-visible>.section-refraction{opacity:.45}.scroll-cinema .soft-reveal{opacity:.55;filter:blur(5px);translate:0 var(--entry-distance,22px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),filter 1.05s cubic-bezier(.2,.7,.2,1),translate 1.05s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.scroll-cinema .soft-reveal.in-focus{opacity:1;filter:blur(0);translate:0 0}.scroll-cinema .rail.soft-reveal{filter:none;opacity:.65}.scroll-cinema .rail.in-focus{opacity:1}.editing .soft-reveal,.no-scroll .soft-reveal,.soft-reveal:focus-within{opacity:1!important;filter:none!important;translate:0 0!important;transition:none!important}.editing .section-refraction{opacity:0!important}@media(max-width:700px){.scroll-cinema .soft-reveal{filter:blur(3px);--entry-distance:12px;transition-duration:.7s,.8s,.8s}.section-refraction{height:80px;top:-40px}.section-refraction img{opacity:.18}}@media(prefers-reduced-motion:reduce){.scroll-cinema .soft-reveal{opacity:1;filter:none;translate:none;transition:none}.section-refraction{display:none}}@media print{.soft-reveal{opacity:1!important;filter:none!important;translate:none!important}.section-refraction{display:none}}

/* A second, quieter rhythm: optical scans and depth at chapter seams. */
.scroll-cinema .section-title{--reveal-delay:30ms}.scroll-cinema #notes-grid,.scroll-cinema #visual-grid,.scroll-cinema #video-grid{--reveal-delay:110ms}.scroll-cinema .section-title h2{translate:0 var(--title-drift,0px);transition:translate .35s ease-out}.section-refraction img{translate:var(--light-x,0px) var(--light-y,0px);rotate:var(--light-angle,0deg);transition:translate .35s ease-out,rotate .5s ease-out}.scan-host{position:relative;overflow:hidden}.scan-sheet{position:absolute;inset:-30% -20%;z-index:2;pointer-events:none;opacity:0;background:linear-gradient(174deg,transparent 32%,#c8ecff00 40%,#d5e6ed24 47%,#cfbcff1c 49%,#edf9ff30 50%,#a1cadb14 53%,transparent 60%);filter:blur(7px);transform:translateY(-55%)}.scan-host.scan-arrived>.scan-sheet{animation:optical-scan 1.35s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--scan-delay,0ms)}@keyframes optical-scan{0%{opacity:0;transform:translateY(-55%) skewY(-3deg)}20%{opacity:.65}70%{opacity:.45}100%{opacity:0;transform:translateY(55%) skewY(2deg)}}.editing .scan-sheet,.no-scroll .scan-sheet{display:none}.editing .section-title h2,.no-scroll .section-title h2{translate:none!important}@media(max-width:700px){.scan-host.scan-arrived>.scan-sheet{animation-duration:1.05s}.scan-sheet{filter:blur(5px)}}@media(prefers-reduced-motion:reduce){.scan-sheet{display:none}.section-refraction img,.scroll-cinema .section-title h2{translate:none!important;rotate:none;transition:none}}@media print{.scan-sheet{display:none}.section-title h2{translate:none!important}}

/* Chapter-specific motion vocabulary, within one restrained visual system. */
/* 01 — the record emerges while the profile stays readable. */
.scroll-cinema .about-layout.soft-reveal{opacity:1;filter:none;translate:none;transition:none}.scroll-cinema .about-layout .about-copy{opacity:.65;transition:opacity .8s ease}.scroll-cinema .about-layout .record-scene{translate:22px 8px;rotate:2deg;opacity:.4;transition:translate 1.25s cubic-bezier(.16,1,.3,1),rotate 1.25s cubic-bezier(.16,1,.3,1),opacity 1s}.scroll-cinema .about-layout.in-focus .about-copy{opacity:1}.scroll-cinema .about-layout.in-focus .record-scene{translate:0 0;rotate:0deg;opacity:1}
/* 02 — three editorial leaves, with a brief stagger rather than another blur. */
.scroll-cinema #notes-grid.soft-reveal{opacity:1;filter:none;translate:none;transition:none}.scroll-cinema #notes-grid:not(.stacked) .post-card{clip-path:inset(0 0 10% 0);translate:0 24px;opacity:.5;transition:clip-path .9s cubic-bezier(.2,.7,.2,1),translate .9s cubic-bezier(.2,.7,.2,1),opacity .7s;transition-delay:calc(var(--leaf-index,0)*90ms)}.scroll-cinema #notes-grid:not(.stacked) .post-card:nth-child(3n+2){--leaf-index:1}.scroll-cinema #notes-grid:not(.stacked) .post-card:nth-child(3n){--leaf-index:2}.scroll-cinema #notes-grid.in-focus:not(.stacked) .post-card{clip-path:inset(0);translate:0 0;opacity:1}
/* 04 — darkroom exposure, individually triggered per frame. */
.scroll-cinema #photo-grid.soft-reveal{opacity:1;filter:none;translate:none;transition:none}.scroll-cinema .photo-img.photo-exposure{clip-path:inset(5% 0 5% 0);filter:brightness(.65) saturate(.55);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1),filter 1.25s ease}.scroll-cinema .photo-img.photo-exposure.photo-developed{clip-path:inset(0);filter:brightness(1) saturate(1)}
/* 05 — precise, staggered archive rows. */
.scroll-cinema #case-list.soft-reveal{opacity:1;filter:none;translate:none;transition:none}.scroll-cinema #case-list .case{opacity:.55;translate:-16px 0;transition:opacity .65s ease,translate .8s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--case-sequence,0)*65ms)}#case-list .case:nth-child(4n+2){--case-sequence:1}#case-list .case:nth-child(4n+3){--case-sequence:2}#case-list .case:nth-child(4n){--case-sequence:3}.scroll-cinema #case-list.in-focus .case{opacity:1;translate:0 0}
/* 06 — a quiet long dissolve, no lift. */
.scroll-cinema .contact-row.soft-reveal{translate:none;filter:none;opacity:.6;transition:opacity 1.4s ease}.scroll-cinema .contact-row.in-focus{opacity:1}.scroll-cinema .contact-row .contact-art{scale:1.045;transition:scale 1.8s ease,transform .5s,filter .5s}.scroll-cinema .contact-row.in-focus .contact-art{scale:1}
.editing .about-copy,.editing .record-scene,.editing #notes-grid .post-card,.editing #case-list .case,.no-scroll .about-copy,.no-scroll .record-scene,.no-scroll #notes-grid .post-card,.no-scroll #case-list .case{opacity:1!important;translate:none!important;rotate:none!important;clip-path:none!important;transition:none!important}.editing .photo-img.photo-exposure,.no-scroll .photo-img.photo-exposure,.photo:focus-visible .photo-img.photo-exposure{clip-path:none!important;filter:none!important}.editing .contact-art{scale:1!important}@media(max-width:700px){.scroll-cinema .about-layout .record-scene{translate:0 12px;rotate:1deg}.scroll-cinema #notes-grid:not(.stacked) .post-card{translate:0 12px;transition-delay:0ms}.scroll-cinema #case-list .case{translate:-8px 0}}@media(prefers-reduced-motion:reduce){.scroll-cinema .about-copy,.scroll-cinema .record-scene,.scroll-cinema #notes-grid .post-card,.scroll-cinema #case-list .case{opacity:1!important;translate:none!important;rotate:none!important;clip-path:none!important;transition:none!important}.photo-img.photo-exposure{clip-path:none!important;filter:none!important;transition:none!important}.contact-art{scale:1!important}}@media print{.about-copy,.record-scene,#notes-grid .post-card,#case-list .case{opacity:1!important;translate:none!important;rotate:none!important;clip-path:none!important}.photo-img.photo-exposure{filter:none!important;clip-path:none!important}}

/* 05 only: expandable project-page archive, independent from the cover. */
.case-pages{margin:30px 0 24px;border-top:1px solid var(--line);padding-top:22px}.case-pages-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.case-pages-heading h4{font-size:14px;font-weight:400;margin:0}.case-pages-heading>span{font:9px monospace;opacity:.6}.case-page-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.case-page{min-width:0}.case-page-image{display:block;position:relative;width:100%;padding:0;background:#d7dfe2;aspect-ratio:16/10;overflow:hidden;border:1px solid #9baab344}.case-page-image img{width:100%;height:100%;object-fit:contain}.case-page-image>span{position:absolute;bottom:8px;right:8px;font-size:9px;background:#15232cbd;color:#e6edef;padding:6px 9px;opacity:0;transition:opacity .2s}.case-page-image:hover>span,.case-page-image:focus-visible>span{opacity:1}.case-page-caption{display:flex;justify-content:space-between;align-items:center;padding-top:9px;font-size:9px}.case-page-caption button{font-size:9px;padding:3px 0;border-bottom:1px solid #94a5ad}.case-page-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;aspect-ratio:16/10;border:1px dashed #8f9fa8;background:#aebec50c;padding:14px}.case-page-empty b{font-size:25px;font-weight:300}.case-page-empty span{font-size:11px}.case-page-empty small{font-size:8px;opacity:.55}.case-pages-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px}.case-pages-footer p{font-size:10px!important;margin:0;opacity:.65}.case-pages-footer button{font-size:11px;white-space:nowrap;padding:9px 0;border-bottom:1px solid currentColor}.case-page-empty:hover{background:#aebec525}@media(max-width:700px){.case-page-grid{grid-template-columns:1fr;gap:20px}.case-pages-footer{align-items:flex-start;flex-direction:column;gap:8px}.case-page-image>span{opacity:1}.case-page-empty{aspect-ratio:16/9}.case-pages-heading h4{font-size:13px}}

/* Original marketing PNGs: no crop, no blur, no scaling beyond their display cap. */
.case-original,.scroll-cinema #case-list .case-original{filter:none!important;translate:none!important;transform:none!important;opacity:1!important}.case-thumb.original-cover{width:100%;max-width:1100px;height:auto;display:block;aspect-ratio:1672 / 941;object-fit:contain;filter:none!important;transform:none!important;cursor:zoom-in}.original-project-pages .case-page-grid{grid-template-columns:1fr}.original-project-pages .case-page-image{width:100%;max-width:1100px;height:auto;aspect-ratio:auto;background:transparent;border:0}.original-slide,.case-page-image img.original-slide,img.full-image.original-slide{max-width:1100px;width:100%;height:auto;display:block;aspect-ratio:1672 / 941;object-fit:contain;filter:none!important;transform:none!important;scale:none!important;margin-inline:auto}.original-project-pages .case-pages-footer{flex-wrap:wrap}#viewer:has(.original-slide){max-width:1150px;width:95vw;filter:none;transform:none}.original-project-pages [data-original-backup]{font-size:10px;opacity:.65}

/* Sanfu only: original PNG pages, no image overlay. */
.case-original:has(img[src*="portfolio/sanfu/"]) .case-page-image span{display:none}
.sanfu-status,.sanfu-tags{font-size:12px;color:var(--muted);line-height:1.8}
/* Copywriting: separate editorial layout, with readable text taking priority. */
.copywriting{padding:90px 6vw 100px;background:#e8edec;color:#26333b;position:relative;isolation:isolate}
.copy-rail{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #a9b5b7;padding-top:16px;font:10px monospace;letter-spacing:.08em;color:#60717a}
.copy-heading{display:flex;justify-content:space-between;align-items:center;margin:55px 0 60px}.copy-heading h2{font-family:var(--serif);font-size:clamp(38px,5vw,75px);font-weight:400;line-height:1.1;letter-spacing:-.04em}.copy-heading h2 small{display:block;font:13px sans-serif;letter-spacing:.14em;margin-top:22px}.copy-heading img{width:90px;mix-blend-mode:multiply;opacity:.5}
.copy-project{border-top:1px solid #a9b5b7;padding:22px 0 65px}.copy-project-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:32px;font:11px monospace;color:#62727a}.copy-project-top>div{display:flex;gap:18px}.copywriting button{font-size:11px;color:inherit}.copywriting button:hover{color:#2c607d}.copy-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.25fr);gap:7%;align-items:start}.copy-media{min-width:0}.copy-media figure{margin:0 0 22px}.copy-image{display:block;width:100%;padding:0;cursor:zoom-in}.copy-image img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;filter:none;transform:none}.copy-media figcaption{display:flex;justify-content:flex-end;gap:18px;margin-top:9px}.copy-text h3{font-family:var(--serif);font-weight:400;font-size:clamp(23px,2.5vw,36px);line-height:1.6;margin:0 0 26px;overflow-wrap:anywhere}.copy-body{white-space:pre-wrap;font-size:16px;line-height:2.1;letter-spacing:.02em;overflow-wrap:anywhere;color:#33444d}.copy-empty{aspect-ratio:1.15;border:1px solid #bac7cc;display:flex;flex-direction:column;justify-content:space-between;padding:24px;background:linear-gradient(140deg,#d5dfe266,#eff3f088)}.copy-empty span{font:9px monospace;letter-spacing:.12em;color:#74868f}.copy-empty p{font-family:var(--serif);font-size:20px;line-height:1.7;color:#7a8b93}.copy-add-image{margin-top:15px;border-bottom:1px solid #a9b5b7;padding:8px 0}.copy-controls{display:flex;gap:28px;flex-wrap:wrap}.copy-controls button{border-bottom:1px solid #a9b5b7;padding:10px 0}#copy-editor{width:700px;max-width:94vw}#copy-form{display:grid;gap:20px}#copy-form label{display:grid;gap:10px;font-size:12px}#copy-form textarea{font:16px/1.8 sans-serif;resize:vertical;min-height:260px;white-space:pre-wrap}#copy-form input,#copy-form textarea{width:100%;padding:12px;border:1px solid #a9b5b7;background:#f3f5f3;color:#26333b}#copy-form h2{font-family:var(--serif);font-weight:400}#copy-status{font-size:12px;color:#8a4444}
@media(max-width:650px){.copywriting{padding:55px 6vw}.copy-layout{grid-template-columns:1fr;gap:28px}.copy-text{grid-row:1}.copy-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.copy-body{font-size:15px;line-height:2}.copy-heading{margin:35px 0}.copy-heading img{width:60px}.copy-project-top{flex-direction:column}.copy-add-image{align-self:start;justify-self:start}.copy-rail{font-size:9px}.copy-project{padding-bottom:40px}}

/* Meow's Table only: portrait boards retain native proportions and pixel limit. */
.meows-case .case-body{background:#F7F5F0;color:#252521;padding:30px clamp(14px,3vw,36px)}
.meows-case .case-body>p{white-space:pre-wrap;font-size:15px;line-height:2;max-width:850px}
.meows-case .case-step small,.meows-disclaimer a{color:#9a482a}
.meows-case .case-steps{gap:28px;margin:34px 0}
.meows-case .case-step p{font-size:14px;line-height:1.9}
.meows-case .case-page-image span{display:none}
.meows-case .case-page-image{max-width:1055px;margin-inline:auto}
img.original-slide.meows-portrait,.case-page-image img.original-slide.meows-portrait,img.full-image.original-slide.meows-portrait{width:100%;max-width:1055px;height:auto;max-height:none;display:block;aspect-ratio:1055 / 1491;object-fit:contain;filter:none!important;backdrop-filter:none!important;transform:none!important;scale:none!important}
#viewer:has(.meows-portrait){max-width:1107px;background:#F7F5F0;color:#252521;backdrop-filter:none}
.meows-disclaimer{padding:24px;border-left:2px solid #D97651;background:#DDE5D8;margin:36px 0 20px;font-size:13px;line-height:1.9}
.meows-disclaimer strong{font-weight:500}.meows-disclaimer p{margin:12px 0}.meows-disclaimer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.meows-case .case-steps{grid-template-columns:1fr}.meows-case .case-body{padding:22px 12px}.meows-disclaimer{padding:18px}.meows-case .case-body>p,.meows-case .case-step p{font-size:14px}}

/* New tea case only. */
.jian-case .case-body>p{white-space:pre-wrap;line-height:2;font-size:15px}
.jian-case .case-page-image{max-width:900px;margin-inline:auto}
.jian-case .case-page-image span{display:none}
img.original-slide.jian-portrait,.case-page-image img.original-slide.jian-portrait,img.full-image.original-slide.jian-portrait{display:block;width:100%;max-width:900px;height:auto;max-height:none;aspect-ratio:1086 / 1448;object-fit:contain;margin-inline:auto;filter:none!important;backdrop-filter:none!important;transform:none!important;scale:none!important}
#viewer:has(.jian-portrait){max-width:952px;backdrop-filter:none}
.jian-source{border-top:1px solid var(--line);margin:34px 0 18px;padding-top:24px;font-size:13px;line-height:1.9;max-width:900px}.jian-source p{margin:16px 0}.jian-source a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.jian-case .case-steps{grid-template-columns:1fr}.jian-case .case-body>p{font-size:14px}}

.video-entry{min-width:0}.video-entry .video-card{width:100%;display:block;text-align:left}.video-entry .video-preview{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#152129}.video-item-tools{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.video-item-tools button{font-size:11px;border-bottom:1px solid #91a3ad;padding:5px 0;color:inherit}.video-restore-list{display:grid;gap:22px;margin-top:26px}.video-restore-list>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #9aa5a5;padding-top:16px}

/* Owner controls are not part of the public portfolio. */
.owner-tools,.add-open,#edit-toolbar,#cover-change,#label-change,#optical-photo-change,#skill-add,#sleeve-text-change,#wechat-qr-change,#contact-edit,.case-edit,[data-page-upload],[data-pages-add],[data-original-backup],.copy-controls,[data-copy-edit],[data-copy-upload],[data-copy-replace],[data-copy-remove],[data-copy-image-remove],[data-copy-recover],.video-item-tools,#video-restore,#visual-management,#add-video-now,.portrait-action{display:none!important}