@font-face{font-family:StoryTC;src:url('/preview-assets/Chun-TC.woff2') format('woff2');font-display:swap}
:root{--night:#18231f;--white:#f3f4ed;--dim:#bcc9bd;--yellow:#e8fa72;--paper:#dbe3dc;--ink:#203d32;--mono:'Courier New',StoryTC,monospace;--sans:Arial,StoryTC,sans-serif}
*{box-sizing:border-box}html,body{margin:0;background:var(--night);color:var(--white);font-family:var(--sans)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;border:0;border-radius:0;padding:0;min-height:44px}button:disabled{opacity:.3;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}h1,h2,h3,p,figure,blockquote{margin:0}[hidden]{display:none!important}.micro{font:12px/1.6 var(--mono);letter-spacing:1.1px}
.exhibition{min-height:820px;height:100svh;position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto minmax(min-content,1fr) auto auto;gap:22px 55px;padding:28px 40px 18px}.scenery{position:absolute;inset:0;z-index:-2;background:#26382c}.scene-photo{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:brightness(.94) saturate(.8);transition:opacity 450ms}.darkroom{position:absolute;inset:0;background:linear-gradient(90deg,#14201ee8 0%,#14201ec7 26%,#14201e38 64%,#14201e12),linear-gradient(0deg,#15251ede 0%,#15251e22 40%,transparent 70%,#14201e92 100%)}.grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.18' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.1;pointer-events:none}
.mast{grid-column:1/-1;display:flex;align-items:start;justify-content:space-between;gap:25px}.identity>span{font-size:43px;font-weight:900;letter-spacing:-2px;line-height:1}.identity .signal{font-size:12px;color:var(--yellow);vertical-align:top;letter-spacing:0;margin-left:5px}.identity small{display:block;font:11px var(--mono);letter-spacing:1.2px;margin-top:12px;color:#c8d3c8}.mast nav{display:flex;gap:28px;align-items:center;font:15px var(--mono)}.mast nav a{padding:14px 0}.mast nav button{font:15px var(--mono)}.mast nav button:hover,.mast nav a:hover{color:var(--yellow)}.index-trigger{color:var(--yellow)}.index-trigger>span{margin-left:5px}
.collection-nav{grid-column:1;grid-row:2;padding-top:45px;position:relative}.collection-nav>.micro{color:#bbc9bc;margin-bottom:20px}.collection-nav nav{display:flex;flex-direction:column;gap:11px}.category{display:flex;align-items:center;gap:17px;width:100%;text-align:left;color:#c1cbc3;position:relative;min-height:54px}.category-number{font:12px var(--mono);color:#a0b3a3}.category-label{display:flex;flex-direction:column;gap:5px}.category-label strong{font:17px StoryTC,var(--sans)}.category-label small{font-size:13px}.category>small{margin-left:auto;font:12px var(--mono);color:#9ab09f}.category.selected{color:var(--yellow)}.category.selected .category-number,.category.selected>small{color:var(--yellow)}.category.selected:before{content:'';position:absolute;left:-18px;width:5px;height:5px;background:var(--yellow);border-radius:50%}.category:hover{color:var(--white)}.collection-foot{margin-top:33px;color:#a0b6a4;display:flex;gap:14px;align-items:center}.crosshair{font-size:37px;font-weight:200}.collection-foot p{font:11px/1.7 var(--mono);letter-spacing:.8px}
.selected-story{grid-column:2;grid-row:2;align-self:center;padding:18px 0 10px;max-width:800px;min-width:0}.selected-story>.micro{font-size:12px;color:#d3e1d1;letter-spacing:1.4px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--yellow);margin-right:10px;box-shadow:0 0 10px #e8fa7277}.selected-story h1{font-family:StoryTC,sans-serif;font-weight:900;font-size:clamp(90px,9.4vw,140px);letter-spacing:-7px;line-height:1.12;margin:12px 0 0;text-shadow:0 5px 25px #08151244;overflow-wrap:anywhere}.selected-story h1.long{font-size:clamp(42px,4.6vw,64px);letter-spacing:-2px;line-height:1.25;margin:20px 0 10px}.selected-story h1.very-long{font-size:43px}.selected-story h1.series-title{font-family:Arial,sans-serif;font-size:clamp(90px,10vw,145px);letter-spacing:-6px;line-height:1}.story-english{font-size:15px;letter-spacing:4px;font-weight:bold;margin:12px 0 0 6px;line-height:1.5;max-width:640px}.selected-story blockquote{font-family:StoryTC,sans-serif;font-size:19px;color:#edf1e8;line-height:1.7;margin:18px 0 0 6px;max-width:570px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-tags{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0 0 6px}.classification-card{position:relative;display:flex;flex-direction:column;gap:9px;min-width:178px;max-width:280px;padding:15px 14px 11px;border:1px solid #d3dfbe55;background:#10221955;backdrop-filter:blur(5px)}.classification-label{font:11px var(--mono);letter-spacing:.8px;color:var(--yellow);position:absolute;top:-7px;left:10px;background:#28372b;padding:0 5px}.classification-label i{font-style:normal;font-size:11px;margin-right:4px}.classification-values{font:15px/1.6 StoryTC,var(--sans);color:#eff2e3}.classification-card.theme{border-style:dashed}.classification-card.theme .classification-label{color:#d4e6d5}.inspect{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--yellow);color:#192118;padding:0 22px;min-height:52px;min-width:218px;font:15px var(--mono);margin:22px 0 0 6px;transition:background 180ms}.inspect>span:last-child{font:27px var(--sans)}.inspect:hover{background:white}.scene-coordinate{position:absolute;right:5%;top:45%;color:#e8fa7290;display:flex;gap:15px;align-items:center;pointer-events:none}.coordinate-cross{font-size:55px;font-weight:200}.scene-coordinate>span:last-child{font:11px var(--mono);writing-mode:vertical-rl;letter-spacing:2px}
.filmstrip{grid-column:2;min-width:0;margin-right:-40px}.strip-heading{padding-right:40px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;color:#d3dfc9}.strip-heading>.micro,.strip-heading .micro{font-size:11px;letter-spacing:.6px}.strip-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}.strip-controls>.micro{font-size:10px;color:#a6bea8}.strip-controls button{font-size:23px;min-width:35px;min-height:35px}.strip-controls button:hover{color:var(--yellow)}#back-series{font:12px var(--mono);color:var(--yellow);min-height:30px;margin-bottom:2px}.strip-track{display:flex;align-items:start;gap:17px;overflow:auto;padding:4px 40px 12px 0;scrollbar-width:thin;scrollbar-color:#bed19399 #223d2966;overscroll-behavior-x:contain;scroll-snap-type:none}.strip-item{display:block;flex:0 0 188px;text-align:left;position:relative;min-height:0}.strip-image{display:block;position:relative;width:100%;aspect-ratio:16/9;background:#334c3b;overflow:hidden}.strip-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.8);transition:filter 200ms}.strip-item:hover img{filter:saturate(1)}.strip-number{position:absolute;top:7px;left:7px;font:9px var(--mono);color:#fff;z-index:1;background:#12282077;padding:2px 4px}.strip-caption{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding-top:9px}.strip-caption strong{font:14px/1.6 StoryTC,sans-serif}.strip-caption small{font:11px var(--mono);color:#b6cbb9}.strip-info{position:absolute;inset:0;background:#152b21ee;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:10px;font:12px/1.5 StoryTC,var(--sans);color:#f0f3e1;opacity:0;transition:opacity 160ms;pointer-events:none;z-index:2}.strip-info b{display:block;color:var(--yellow);font:10px/1.5 var(--mono);margin-bottom:2px;font-weight:400}.strip-info>span+span b{color:#cde2ce}.strip-item:hover .strip-info,.strip-item:focus-visible .strip-info,.series-work:hover .strip-info,.series-work:focus-visible .strip-info{opacity:1}.strip-cover{height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#375147,#152a29);font:30px/1.25 StoryTC,sans-serif;color:#d0e1cc;letter-spacing:-1px;padding:14px;text-align:left}.strip-item:nth-child(3n+2) .strip-cover,.series-work:nth-child(3n+2) .strip-cover{background:linear-gradient(125deg,#3b495f,#1e3035);color:#cfdbdf}.strip-item:nth-child(3n) .strip-cover,.series-work:nth-child(3n) .strip-cover{background:linear-gradient(125deg,#625a44,#343e2b);color:#dedbb1}.strip-cover.long{font-size:20px}.strip-item[aria-pressed=true] .strip-caption strong{color:var(--yellow)}.last-cover{flex-direction:column;align-items:start;gap:5px;font:bold 48px Arial,sans-serif;letter-spacing:-2px}.last-cover>span{font:10px var(--mono);letter-spacing:2px}.empty-collection{font-size:17px;color:#c9d4c9;line-height:2}
.scene-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);letter-spacing:.8px;color:#afc0b1}.scene-footer button{font:11px var(--mono);letter-spacing:.6px;min-height:25px;color:#c0d2bf}.scene-art{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 40%,#415e59,#203128 67%)}.scene-art>span{position:absolute;right:-3%;top:13%;font:900 clamp(150px,26vw,370px)/1.1 StoryTC,sans-serif;color:#8bac9533;writing-mode:vertical-rl;max-height:85%;overflow:hidden}.scene-art:after{content:'';position:absolute;left:42%;top:-20%;height:140%;width:1px;background:#a5c2a32d;transform:rotate(22deg)}.selected-story.entered{animation:arrive 450ms ease both}
dialog{border:0;padding:0;color:var(--white);background:var(--night);max-width:none;max-height:none}dialog::backdrop{background:#0c1b15aa;backdrop-filter:blur(3px)}dialog[open]{animation:arrive 300ms ease both}.close{font-size:31px;font-weight:200;line-height:1;min-width:44px;min-height:44px}.close:hover{opacity:.6}.notes{position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100%);height:100dvh;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:-25px 0 70px #0004}.notes-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 26px;border-bottom:1px solid #77928444;position:sticky;top:0;background:var(--paper);z-index:2}.notes-header>.micro{font-size:10px;letter-spacing:.4px}.notes-actions{display:flex;align-items:center;gap:12px}.notes-actions>button:first-child{font:12px/1.4 var(--mono);max-width:145px;text-align:right;color:#214c37}.notes-content{padding:30px 36px 45px}.notes-content h2{font:900 48px/1.35 StoryTC,sans-serif;letter-spacing:-1px;overflow-wrap:anywhere}.notes-english{font:12px/1.7 var(--mono);letter-spacing:1.5px;margin-top:7px;color:#4b6959;text-transform:uppercase}.details{margin:27px 0;display:grid;gap:18px}.details>div{padding-bottom:16px;border-bottom:1px solid #73907c44}.details dt,.synopsis h3,.series-synopsis h3{font:12px/1.8 var(--sans);color:#4d705b}.details dd{margin:8px 0 0;font:16px/1.7 StoryTC,sans-serif}.details dd.en{font:14px/1.7 var(--sans);color:#546c5b;margin-top:3px}.synopsis p[lang=zh-Hant]{font:17px/1.9 StoryTC,sans-serif;margin-top:12px}.synopsis p[lang=en]{font:15px/1.8 var(--sans);margin-top:17px;color:#4a6454}.notes-content .read{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#2f503e;color:#f3f6e9;font:14px/1.5 var(--mono);width:100%;padding:16px 18px;margin:28px 0;min-height:62px}.notes-content .read>span{font-size:24px}.notes-content .read:hover{background:#183b28}.work-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px}.work-links a{font:13px/1.7 var(--mono);border-bottom:1px solid #738c70;padding:7px 0}.original-image{margin-top:30px}.original-image img{display:block;width:100%;height:auto;object-fit:contain}.original-image figcaption{font:11px/1.7 var(--mono);color:#516d59;margin-top:10px}.notes-bottom{font:11px/1.8 var(--mono);letter-spacing:.6px;color:#58775f;margin-top:30px}.notes :focus-visible,.series-dialog :focus-visible{outline-color:#2f503e}
.series-dialog{position:fixed;inset:0;margin:0;width:100%;height:100dvh;overflow:auto;background:var(--paper);color:var(--ink)}.series-header{display:flex;align-items:center;justify-content:space-between;padding:18px 6%;border-bottom:1px solid #70907a44;position:sticky;top:0;background:var(--paper);z-index:3}.series-content{max-width:1100px;margin:auto;padding:35px 40px 50px}.series-content>.micro{color:#557762}.series-content h2{font:bold clamp(70px,9vw,120px)/1 Arial,sans-serif;letter-spacing:-5px;margin:15px 0 25px}.series-content h2 span{font:24px StoryTC,sans-serif;letter-spacing:2px;margin-left:20px}.series-synopsis{display:grid;grid-template-columns:1fr 1fr;gap:12px 30px;padding-bottom:30px;border-bottom:1px solid #738c7744}.series-synopsis h3{grid-column:1/-1}.series-synopsis p{font:16px/1.9 StoryTC,var(--sans)}.series-synopsis p[lang=en]{font:15px/1.9 var(--sans);color:#4a6454}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px;margin-top:30px}.series-work{display:block;min-width:0;text-align:left}.series-work .strip-caption strong{font-size:18px}.series-work .strip-caption small{color:#55715e}.series-open{display:block;font:12px var(--mono);margin-top:10px;color:#395c43}.series-work .strip-cover{font-size:34px}
.index{width:100%;height:100dvh;margin:0;inset:0;padding:22px 6% 45px;overflow:auto;background:#18251f}.index-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.index-top .micro{color:#b2c7b5}.index-intro{display:flex;justify-content:space-between;align-items:end;margin:20px 0 45px;gap:30px}.index-intro h2{font-size:clamp(70px,9vw,125px);letter-spacing:-6px;line-height:.85;font-weight:900}.index-intro h2>span{color:var(--yellow)}.index-intro>p{font:italic 24px/1.4 Georgia,serif;color:#becbbb}.index-tools{display:flex;gap:30px;justify-content:space-between}.index-tools label{display:flex;flex-direction:column;gap:9px;flex:1}.index-tools label:last-child{max-width:300px}.index-tools .micro{color:#b2c7b5}.index-tools input,.index-tools select{font-size:16px;padding:10px 0 13px;border:0;border-bottom:1px solid #94ae8866;background:transparent;min-height:44px}.index-tools option{color:white;background:#18251f}.index-result{margin:20px 0;color:#b2c7b5}.index-row{display:grid;grid-template-columns:55px 70px minmax(0,1fr) 170px 40px;gap:15px;align-items:center;width:100%;padding:17px 0;border-top:1px solid #80967755;text-align:left;color:#edf2e8}.index-row:hover{color:var(--yellow)}.row-number,.row-year{font:12px var(--mono);color:#b0c6b3}.row-title{font:22px/1.5 StoryTC,sans-serif}.row-title small{display:block;font:13px/1.8 var(--sans);color:#b2c7b5;margin-top:3px}.row-kind{font:12px/1.7 var(--mono);color:#c1d1b9}.row-kind>span{display:block;font-family:StoryTC,sans-serif}.row-arrow{font-size:24px;text-align:right}
.reader{position:fixed;inset:0;margin:0;width:100%;height:100dvh;background:#e8ebe3;color:#243929;overflow:auto}.reader::backdrop{background:#18231f}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 35px;border-bottom:1px solid #b9c4b7;background:#e8ebe3;position:sticky;top:0;z-index:2}.reader-top button{font:13px var(--mono)}.reader-top label{display:flex;align-items:center;gap:12px;font-size:12px}.reader-top select{padding:10px;border:0;background:transparent;font-size:13px}.reading-page{max-width:710px;margin:auto;padding:45px 34px}.reading-page>.micro{text-align:center;font-size:11px;color:#61745c}.reading-page h2{font:36px/1.5 StoryTC,sans-serif;text-align:center;margin:22px 0 36px}.reading-body{font:18px/2 StoryTC,sans-serif;min-height:max(200px,calc(100dvh - 420px));overflow-wrap:anywhere}.reading-body p{margin:0 0 1em}.reading-body .screenplay-action{color:#526957}.page-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;padding-top:10px;border-top:1px solid #a5b4a0}.page-navigation button{font:12px var(--mono)}.reading-body.turn{animation:page-turn 350ms ease}.reader-end{margin-top:35px;text-align:center}.reader-end .micro{color:#6a7c62}.next-story{font:16px var(--mono);margin-top:10px;border-bottom:1px solid #566f4e;padding:12px 0}.reader :focus-visible{outline-color:#2f503e}
.contact{inset:0;margin:0;width:100%;height:100dvh;background:var(--yellow);color:#192316;padding:23px 7%;overflow:auto}.contact-top{display:flex;align-items:center;justify-content:space-between}.contact h2{font-size:clamp(65px,9vw,140px);line-height:.95;letter-spacing:-5px;margin:12vh 0 30px;font-weight:900}.contact h2 em{font-style:normal;-webkit-text-stroke:1.5px #192316;color:transparent}.contact>p{font:italic 23px/1.5 Georgia,serif;margin-bottom:45px}.contact>a{display:block;width:max-content;max-width:100%;font:20px/1.6 var(--mono);border-bottom:1px solid #617744;padding:12px 0;overflow-wrap:anywhere}.contact>a:hover{color:#597437}.no-motion *{animation:none!important;transition:none!important}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes page-turn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1500px){.exhibition{grid-template-columns:285px minmax(0,1fr);column-gap:80px;padding-left:55px;padding-right:55px;min-height:900px}.filmstrip{margin-right:-55px}.strip-track,.strip-heading{padding-right:55px}.selected-story h1{font-size:145px}.strip-item{flex-basis:215px}}
@media(max-width:1100px) and (min-width:761px){.exhibition{grid-template-columns:215px minmax(0,1fr);column-gap:40px;padding-left:30px;padding-right:30px}.identity>span{font-size:38px}.identity small{font-size:10px}.mast nav{gap:18px;font-size:14px}.mast nav button{font-size:14px}.category{gap:13px}.category-label strong{font-size:16px}.category-label small{font-size:12px}.selected-story h1{font-size:100px}.selected-story h1.long{font-size:48px}.selected-story h1.very-long{font-size:36px}.story-english{font-size:14px;letter-spacing:2px}.classification-card{min-width:155px;padding-left:12px;padding-right:12px}.classification-values{font-size:14px}.filmstrip{margin-right:-30px}.strip-heading,.strip-track{padding-right:30px}.strip-controls>.micro{display:none}.scene-coordinate{display:none}.index-row{grid-template-columns:42px 55px minmax(0,1fr) 130px 30px;gap:10px}}
@media(max-width:760px){
 .exhibition{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(min-content,1fr) auto auto;gap:20px;min-height:844px;height:100svh;padding:23px 23px 16px}
 .mast{grid-column:1;gap:13px;align-items:start}.identity>span{font-size:29px;letter-spacing:-1.4px}.identity small{font-size:9px;letter-spacing:.3px;margin-top:10px;max-width:190px;line-height:1.6}.identity .signal{font-size:10px;margin-left:2px}.mast nav{gap:2px 8px;max-width:130px;flex-wrap:wrap;justify-content:end;font-size:11px}.mast nav a{font-size:11px;padding:0;min-height:27px;white-space:nowrap}.mast nav button{font-size:11px;min-height:27px}.mast nav .index-trigger{flex-basis:auto;text-align:right;min-height:26px}
 .collection-nav{grid-column:1;grid-row:2;padding:0;margin:0 -23px}.collection-nav>.micro,.collection-foot{display:none}.collection-nav nav{flex-direction:row;gap:23px;overflow:auto;scrollbar-width:none;padding:0 23px 8px;white-space:nowrap}.category{width:auto;flex-shrink:0;gap:8px;min-height:59px}.category-number,.category>small{font-size:10px}.category-label{gap:5px}.category-label strong{font-size:16px}.category-label small{font-size:12px}.category>small{margin-left:2px}.category.selected:before{display:none}.category.selected{border-bottom:1px solid var(--yellow)}
 .selected-story{grid-column:1;grid-row:3;padding:4px 0 12px}.selected-story>.micro{font-size:10px;letter-spacing:.5px}.selected-story h1{font-size:94px;letter-spacing:-5px;line-height:1.1;margin-top:12px}.selected-story h1.long{font-size:38px;line-height:1.35;letter-spacing:-1px;margin:20px 0 10px}.selected-story h1.very-long{font-size:28px}.selected-story h1.series-title{font-size:90px;letter-spacing:-5px}.story-english{font-size:12px;letter-spacing:2.7px;margin:12px 0 0 3px}.selected-story h1.long+.story-english{letter-spacing:1.2px;font-size:11px}.selected-story blockquote{font-size:17px;margin-top:19px;margin-left:3px;max-width:100%;line-height:1.7}.quick-tags{gap:11px;margin:22px 0 0 3px;flex-wrap:nowrap}.classification-card{flex:1;min-width:0;max-width:none;padding:17px 10px 10px}.classification-label{font-size:10px;letter-spacing:0;left:5px;padding:0 4px}.classification-label i{font-size:9px;margin-right:2px}.classification-values{font-size:13px;line-height:1.7}.inspect{margin:21px 0 0 3px;min-height:52px;min-width:210px;font-size:14px}
 .darkroom{background:linear-gradient(90deg,#14251d77,#14251d22),linear-gradient(0deg,#14251eee 0%,#14251eaa 21%,#14251e05 58%,#14251ec9 100%)}.scene-photo{object-position:67% center;filter:brightness(.79) saturate(.8)}.scene-coordinate{display:none}.filmstrip{grid-column:1;grid-row:4;margin-right:-23px}.strip-heading{padding-right:23px;gap:10px;margin-bottom:10px}.strip-heading .micro{font-size:9px;letter-spacing:.25px;max-width:240px}.strip-controls{gap:2px}.strip-controls>.micro{display:none}.strip-controls button{font-size:22px;min-width:27px;min-height:30px}.strip-track{gap:14px;padding-right:23px;padding-bottom:10px}.strip-item{flex-basis:160px}.strip-caption strong{font-size:13px}.strip-caption small{font-size:10px}.strip-number{font-size:8px}.strip-info{font-size:11px;padding:8px;gap:6px}.strip-info b{font-size:9px}.strip-cover{font-size:27px}.strip-cover.long{font-size:17px}.last-cover{font:bold 42px Arial,sans-serif}.scene-footer{grid-row:5;font-size:10px;letter-spacing:.4px;gap:12px}.scene-footer>span:nth-child(2){display:none}.scene-footer button{font-size:10px;letter-spacing:0}
 .notes{top:auto;bottom:0;width:100%;height:94dvh}.notes-header{padding:10px 19px;gap:8px}.notes-header>.micro{font-size:9px}.notes-actions{gap:7px}.notes-actions>button:first-child{font-size:11px;max-width:130px}.notes-content{padding:23px 25px 40px}.notes-content h2{font-size:39px}.notes-english{font-size:11px}.details{gap:16px;margin:23px 0}.details dd{font-size:15px}.details dd.en{font-size:13px}.synopsis p[lang=zh-Hant]{font-size:17px}.synopsis p[lang=en]{font-size:15px}.notes-content .read{font-size:13px}.original-image figcaption{font-size:10px}.notes-bottom{font-size:10px}.series-header{padding:12px 23px}.series-header .micro{font-size:10px}.series-content{padding:26px 23px 40px}.series-content h2{font-size:75px;letter-spacing:-4px}.series-content h2 span{font-size:21px;margin-left:15px}.series-content>.micro{font-size:10px}.series-synopsis{grid-template-columns:1fr;gap:13px}.series-synopsis p{font-size:17px}.series-synopsis p[lang=en]{font-size:15px}.series-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.series-work .strip-cover{font-size:25px}.series-work .strip-caption strong{font-size:14px}.series-work .strip-caption small{font-size:10px}.series-work .strip-caption{flex-wrap:wrap;gap:2px}.series-work .strip-info{font-size:10px}.series-open{font-size:10px}
 .index{padding:15px 23px 35px}.index-intro{margin:25px 0 30px}.index-intro h2{font-size:73px;letter-spacing:-4px}.index-intro>p{display:none}.index-top .micro{font-size:10px}.index-tools{gap:20px;flex-direction:column}.index-tools label:last-child{max-width:none}.index-tools input,.index-tools select{font-size:16px}.index-row{grid-template-columns:30px minmax(0,1fr) 25px;gap:12px;padding:18px 0}.index-row .row-year,.index-row .row-kind{display:none}.row-title{font-size:20px}.row-title small{font-size:12px}.row-number{font-size:10px}.reader-top{padding:10px 20px;gap:10px}.reader-top>.micro,.reader-top label>span{display:none}.reader-top button{font-size:11px}.reader-top select{font-size:12px}.reading-page{padding:28px 25px}.reading-page h2{font-size:29px;margin:18px 0 28px}.reading-body{font-size:17px;line-height:2;min-height:max(190px,calc(100dvh - 370px))}.page-navigation button{font-size:11px}.page-navigation .micro{font-size:10px}.contact{padding:17px 23px}.contact h2{font-size:clamp(49px,12vw,80px);letter-spacing:-3px;margin-top:18vh}.contact>p{font-size:19px;margin-bottom:30px}.contact>a{font-size:16px}.scene-art>span{font-size:240px;top:20%;right:-15%}
}
@media(max-width:360px){.exhibition{padding-left:18px;padding-right:18px;min-height:890px;gap:20px}.identity>span{font-size:27px}.identity small{font-size:8px;max-width:175px}.mast nav{max-width:105px}.mast nav a,.mast nav button{font-size:11px}.collection-nav{margin:0 -18px}.collection-nav nav{padding-left:18px;padding-right:18px}.selected-story h1{font-size:84px}.classification-label{font-size:9px}.classification-values{font-size:12px}.filmstrip{margin-right:-18px}.strip-heading,.strip-track{padding-right:18px}.strip-heading .micro{max-width:220px}.notes-content{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(hover:none){.strip-item:hover .strip-info,.series-work:hover .strip-info{opacity:0}}
.mast{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 25px}.mast nav.social-channels{grid-column:1/-1;display:flex;justify-content:start;align-items:start;gap:12px 30px;flex-wrap:wrap;max-width:none;padding-top:3px}.mast .social-channels a{display:block;min-height:38px;padding:0 0 4px;color:#d6e2d1}.social-channels strong{display:block;font:13px/1.7 var(--mono);color:var(--yellow)}.social-channels small{display:block;font:9px/1.6 var(--mono);letter-spacing:1px;color:#b8c9bb}.mast .social-channels a:hover strong{color:white}.collection-nav{grid-row:2/4;padding-top:12px}.collection-nav nav{gap:7px}.collection-foot{margin-top:20px}.external-category{border-top:1px solid #a7bea52b;padding-top:6px;min-height:58px}.external-category>small{font-size:21px;color:var(--yellow)}.series-cover{flex-direction:column;align-items:start;gap:7px;font:25px/1.4 StoryTC,var(--sans)}.series-cover>span{font:9px/1.5 var(--mono);letter-spacing:1px;color:#c4d5bf}.series-cover.last-cover{font:bold 48px Arial,sans-serif;letter-spacing:-2px}.series-content h2.long-series-title{font:900 clamp(38px,5.5vw,70px)/1.35 StoryTC,var(--sans);letter-spacing:-2px;overflow-wrap:anywhere}.series-subtitle{font:13px/1.7 var(--mono);letter-spacing:1px;color:#4d705b;margin:-12px 0 27px}
@media(max-width:760px){.mast{gap:14px 12px}.mast nav.social-channels{gap:9px 20px}.mast .social-channels a{min-height:33px;font-size:11px}.social-channels strong{font-size:11px}.social-channels small{font-size:8px;letter-spacing:.3px}.collection-nav{grid-row:2;padding:0}.collection-nav nav{gap:23px}.external-category{border-top:0;padding-top:0;min-height:59px}.external-category>small{font-size:18px}.collection-foot{display:none}.series-cover{font-size:23px}.series-cover.last-cover{font-size:42px}.series-content h2.long-series-title{font-size:38px;letter-spacing:-1px}.series-subtitle{font-size:11px;margin:-12px 0 23px}}
.exhibition{height:auto;min-height:max(820px,100svh)}
@media(max-width:760px){.exhibition{min-height:max(844px,100svh)}}

/* Distinct series covers and recognisable social links. */
.social-channels strong{display:flex;gap:7px;align-items:center}.ig-icon{width:16px;height:16px;flex:none}.series-room{display:none;position:absolute;inset:0;width:100%;height:100%}.scene-art[data-series="every-time"] .series-room{display:block}.scene-art[data-series="every-time"]{background:#68564b}.scene-art[data-series="every-time"]:after{display:none}.scene-art[data-series="every-time"]>span{color:#e0c8b516;font-size:clamp(120px,15vw,230px);top:5%;right:0}.selected-story h1.series-title.long{font:900 clamp(40px,5.2vw,70px)/1.35 StoryTC,var(--sans);letter-spacing:-2px}.series-cover-item[data-series="every-time"] .strip-cover{background:linear-gradient(125deg,#86705d,#493a39);color:#f0dfcd}
@media(max-width:760px){.ig-icon{width:14px;height:14px}.social-channels strong{gap:5px}.selected-story h1.series-title.long{font-size:38px;letter-spacing:-1px}.scene-art[data-series="every-time"] .series-room{width:210%;left:-110%;max-width:none}.scene-art[data-series="every-time"]>span{font-size:170px;right:-12%;top:28%}}

/* Discovery controls and Instagram introductions. */
.mast .social-channels button{display:block;text-align:left;min-height:38px;color:#d6e2d1;font:13px var(--mono)}.mast .social-channels button:hover strong{color:white}.browse-genres{font:12px var(--mono);color:#d4dfc6;margin:14px 0 0 6px;padding:8px 0;border-bottom:1px solid #a6bb8266;display:block;min-height:35px}.browse-genres:hover{color:var(--yellow)}.tag-links{display:flex;flex-wrap:wrap;gap:0 5px;align-items:baseline}.tag-link{display:inline;min-height:28px;font:inherit;border-bottom:1px dotted #aec59980;text-align:left}.tag-link:hover{color:var(--yellow)}.tag-dot{opacity:.65}.notes .tag-link{color:var(--ink);border-color:#6f907c77}.notes .tag-link:hover{color:#456b32}.index-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.index-tools label:last-child{max-width:none}.index-row .row-tags{display:block;font:11px/1.7 var(--sans);color:#a5baa8;margin-top:6px}.index-row .row-tags>span{display:block}.channel-dialog{position:fixed;inset:0;margin:auto;width:min(680px,calc(100% - 36px));height:auto;max-height:90dvh;background:var(--paper);color:var(--ink);overflow:auto;box-shadow:0 25px 90px #0006}.channel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 28px;border-bottom:1px solid #80927e44}.channel-top .micro{font-size:10px}.channel-content{padding:28px 40px 38px}.channel-handle{font:13px/1.8 var(--mono);color:#57745f}.channel-content h2{font:900 45px/1.4 StoryTC,var(--sans);margin-top:9px}.channel-name-en{font:15px/1.7 var(--mono);color:#57745f;margin:8px 0 24px}.channel-content h3{font:12px/1.8 var(--sans);color:#57745f}.channel-content p[lang=zh-Hant]{font:18px/1.9 StoryTC,var(--sans);margin-top:12px}.channel-content p[lang=en]{font:16px/1.8 var(--sans);color:#4a6454;margin-top:17px}.channel-visit{display:inline-block;background:#315240;color:#f3f6e9;font:14px var(--mono);padding:18px 24px;margin-top:27px;min-height:52px}.channel-visit:hover{background:#183b28}.contact-instagram{display:block;width:max-content;max-width:100%;font:20px/1.6 var(--mono);border-bottom:1px solid #617744;padding:12px 0;overflow-wrap:anywhere}.contact-instagram:hover{color:#597437}.channel-dialog :focus-visible{outline-color:#315240}
@media(max-width:760px){.mast .social-channels button{font-size:11px;min-height:33px}.index-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.index-tools>label:first-child{grid-column:1/-1}.index-tools input,.index-tools select{width:100%;min-width:0;font-size:14px}.tag-link{min-height:27px}.browse-genres{font-size:11px;margin-left:3px}.index-row .row-tags{font-size:11px}.channel-content{padding:23px 25px 30px}.channel-content h2{font-size:35px}.channel-name-en{font-size:12px}.channel-top{padding:12px 20px}.channel-content p[lang=zh-Hant]{font-size:17px}.channel-content p[lang=en]{font-size:15px}.contact-instagram{font-size:16px}}

@media(min-width:761px){body:not(.collection-landing) .collection-nav{padding-top:15px}body:not(.collection-landing) .collection-nav nav{gap:5px}body:not(.collection-landing) .collection-nav .category{min-height:46px}body:not(.collection-landing) .collection-foot{margin-top:20px}}

@media(min-width:761px){body:not(.collection-landing) .exhibition{height:auto;min-height:max(820px,100svh)}}