:root{--ink:#26312e;--muted:#7b8886;--serif:'Songti SC','Noto Serif CJK SC','STSong',Georgia,serif;--sans:Arial,'PingFang SC','Microsoft YaHei',sans-serif;--blue:#e2eef7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:linear-gradient(180deg,#dcecf7 0,#e8f1f7 850px,#f5f7f6 100%);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #547b77;outline-offset:4px}::selection{background:#c5dfd7}.skip{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:100}.skip:focus{top:18px}.nav-shell{position:fixed;top:18px;left:0;width:100%;z-index:20;padding:0 30px}.nav-bar{max-width:1100px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 22px;border-radius:18px;background:rgba(253,254,255,.65);border:1px solid rgba(255,255,255,.8);box-shadow:0 3px 18px #526b7c09;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);transition:box-shadow .25s,background .25s}.scrolled .nav-bar{background:rgba(253,254,255,.8);box-shadow:0 4px 24px #354f6110}.brand{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:500}.brand-mark{font:italic 30px/1 Georgia,serif}.nav-bar nav{display:flex;align-items:center;gap:29px;height:100%;font-size:12px}.nav-bar nav>a{padding:12px 0}.nav-bar nav>a:hover{color:#668b81}.nav-about{background:#fffefb;color:#4b645c;border:1px solid #ffffffb8;border-radius:30px;padding:10px 17px;font-size:11px}.social-menu{height:100%;display:flex;align-items:center;position:relative}.social-menu>button{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:14px 0;font-size:12px}.social-menu>button svg{transition:transform .18s}.social-menu>button[aria-expanded=true] svg{transform:rotate(180deg)}.menu-panel{position:absolute;top:calc(100% + 10px);right:-35px;width:315px;padding:17px;border-radius:16px;border:1px solid #ffffffd9;background:rgba(250,253,255,.94);box-shadow:0 16px 55px #344d6920;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.menu-panel[hidden]{display:none}.menu-panel:before{content:'';position:absolute;top:-15px;left:0;right:0;height:15px}.menu-label{font-size:8px;letter-spacing:1.4px;color:#8a989b;padding:3px 9px 13px}.menu-panel>a{display:flex;align-items:center;gap:12px;padding:12px 9px;border-radius:9px;transition:background .2s}.menu-panel>a:hover,.menu-panel>a:focus-visible{background:#eaf0f1}.platform-icon{height:34px;width:34px;display:grid;place-items:center;border-radius:9px;font-size:14px;flex-shrink:0}.bili{background:#e3f1f6;color:#427b94}.sspai{background:#f4e8e4;color:#a96c5a}.red{background:#f6e5e8;color:#b45c68}.menu-panel strong{font-size:12px;font-weight:500;display:block}.menu-panel small{display:block;font-size:10px;margin-top:5px;color:#889399}.menu-panel .out{margin-left:auto;color:#8c9a9e;font-size:16px}.menu-foot{margin-top:10px;border-top:1px solid #dfe6e9;padding:14px 9px 2px;font-size:10px;color:#8e9999}.hero{text-align:center;padding:140px 20px 42px;position:relative}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#758b91;line-height:1.6}.hero h1{font:400 clamp(34px,4.4vw,57px)/1.4 var(--serif);letter-spacing:-1.8px;margin-top:17px}.hero h1 span{font-style:italic;color:#59756f}.hero-copy{font-size:12px;line-height:1.95;color:#6b7e82;margin-top:17px}.hero-note{font-size:9px;color:#829397;margin-top:18px;display:flex;justify-content:center;align-items:center;gap:10px}.hero-note i{width:3px;height:3px;border-radius:50%;background:#a7b7b7}.content{width:calc(100% - 60px);max-width:1100px;margin:auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}.section-head h2{font-size:14px;font-weight:500}.section-head h2>span{font:italic 13px Georgia,serif;color:#8a9b9e;margin-left:12px}.section-note,.all-writing{font-size:10px;color:#819195}.all-writing:hover{text-decoration:underline}.work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid #f6f9fa;border-radius:15px;overflow:hidden;grid-column:span 2;box-shadow:0 2px 3px #50697a03}.card-top{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px}.category{font-size:12px;font-weight:500}.category small{font-size:8px;letter-spacing:1.1px;color:#8f9a9e;font-weight:400;margin-left:9px}.index{font-size:9px;color:#a3adb0}.design-cover,.writing-cover,.photo-cover{display:block;border:0;padding:0;position:relative;width:calc(100% - 32px);margin:0 16px;height:180px;border-radius:8px;overflow:hidden;text-align:left}.design-cover{background:#e5eadb;color:#56654b;padding:18px}.cover-label{position:relative;font-size:7px;letter-spacing:1px;z-index:1}.five{position:absolute;top:22px;left:30px;font:italic 145px/1 Georgia,serif;letter-spacing:-10px}.five>span{font-style:normal;font-size:66px;vertical-align:top;letter-spacing:0}.cover-caption{position:absolute;bottom:17px;left:19px;font-size:9px;letter-spacing:.5px}.shapes{position:absolute;bottom:35px;right:22px;display:flex;align-items:flex-end;gap:6px}.shapes i{display:block;width:22px;height:22px;background:#9ea98b;transform:rotate(14deg);transition:transform .3s}.shapes i:nth-child(2){width:30px;height:30px;background:#faf8ed;border-radius:50%}.shapes i:nth-child(3){height:47px;background:#748162;border-radius:25px 25px 0 0}.design-cover:hover .shapes i{transform:translateY(-5px) rotate(0)}.writing-cover{background:#f3ece2;padding:18px;color:#716453}.essay-title{position:absolute;left:20px;top:49px;font:400 30px/1.4 var(--serif);letter-spacing:-.7px}.essay-title>span{display:block;font-size:20px}.page-rule{position:absolute;right:20px;top:45px;width:1px;height:84px;background:#c3b79b}.writing-cover .cover-caption{color:#a0927f}.photo-cover{background:#d4dfeb}.photo-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.photo-cover:hover img{transform:scale(1.04)}.photo-label{position:absolute;bottom:13px;left:15px;font-size:7px;letter-spacing:1.2px;color:white;text-shadow:0 1px 5px #0008}.card-bottom{padding:19px 20px 18px}.card h3{font-size:14px;font-weight:500;line-height:1.6}.card-bottom p,.compact-copy p{font-size:10px;color:#8a969b;line-height:1.8;margin-top:6px}.card-link{padding:0;border:0;background:none;display:flex;justify-content:space-between;align-items:center;width:100%;font-size:10px;margin-top:19px;text-align:left;line-height:1.8}.card-link>span{font-size:16px;color:#8b9a9b;transition:transform .2s}.card-link:hover>span{transform:translate(2px,-2px)}.film-card,.poetry-card{grid-column:span 3;display:grid;grid-template-columns:36% 64%;padding:15px;gap:0;min-height:180px}.compact-art{position:relative;border-radius:7px;overflow:hidden;min-height:150px}.film-art{background:#303d3c;color:#e0e7dd;padding:16px}.frame-mark{font-size:6px;letter-spacing:1px;display:flex;align-items:center;gap:5px;color:#96a8a2}.frame-mark i{width:3px;height:3px;border-radius:50%;background:#c89b83}.film-word{position:absolute;left:17px;top:41px;font:400 35px/1.3 var(--serif)}.film-word>span{display:block;font:italic 12px/1.5 Georgia,serif;color:#acbdb4;margin-top:4px}.frame-time{position:absolute;left:17px;bottom:15px;font-size:6px;letter-spacing:1px;color:#92a79d}.compact-copy{padding:5px 5px 4px 24px;display:flex;flex-direction:column;align-items:stretch}.compact-copy .category{font-size:11px}.compact-copy h3{margin-top:20px;font-size:14px}.compact-copy .card-link{margin-top:auto;padding-top:16px}.poetry-art{background:#ede8f1;color:#92829b}.poetry-word{position:absolute;left:22px;top:20px;font:400 66px/1.2 var(--serif)}.poetry-word>span{display:block;font:italic 12px/1.5 Georgia,serif;letter-spacing:.5px}.poetry-line{position:absolute;top:25px;bottom:24px;width:1px;right:23px;background:#bdb1c880}.pending{font-size:8px;border:1px solid #e1e2e5;border-radius:3px;padding:2px 4px;margin-left:5px;color:#98a0a8}.reading{padding-top:37px;padding-bottom:34px}.reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-top:1px solid #d7e3e8;padding-top:20px}.reading-grid>a{padding:0 16px 0 0}.reading-grid>a:not(:last-child){border-right:1px solid #d7e3e8}.reading-tag{font-size:7px;letter-spacing:.8px;color:#8b9b9e}.reading-grid h3{font-size:11px;font-weight:500;line-height:1.8;display:flex;justify-content:space-between;gap:12px;margin-top:8px}.reading-grid h3>span{font-size:14px;color:#9aabad}.reading-grid p{font-size:9px;color:#899b9f;line-height:1.8;margin-top:5px}.reading-grid>a:hover h3{text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid #d7e3e8;padding:26px 0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{font-size:12px;font-weight:500}.footer-brand>span{font-size:9px;font-weight:400;color:#8a999b;margin-left:14px}footer p{font-size:8px;color:#97a6a8;margin-top:10px}.footer-links{display:flex;gap:22px;font-size:9px;color:#819397}.footer-links a:hover{color:#253c38}dialog{width:min(560px,calc(100% - 36px));max-height:85svh;overflow:auto;margin:auto;border:1px solid #fff;border-radius:17px;background:#fafcfb;color:var(--ink);padding:40px;box-shadow:0 25px 100px #253f4533}dialog::backdrop{background:#314e6070;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}dialog h2{font:400 30px/1.4 var(--serif);letter-spacing:-.8px;margin-top:18px}dialog>p:not(.eyebrow){font-size:12px;color:#72827b;line-height:2;margin-top:18px}.dialog-close{position:absolute;top:12px;right:15px;background:none;border:0;font-size:25px;color:#6f817d;padding:4px 8px}.dialog-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}.pill{display:inline-flex;border-radius:30px;background:var(--ink);color:white;font-size:11px;padding:13px 20px;line-height:1.5}.pill:hover{background:#526c5f}.secondary{font-size:10px;text-decoration:underline;text-underline-offset:4px}.fineprint{font-size:9px!important;color:#99a59e!important}.dialog-subtitle{font-size:11px;font-weight:500;margin-top:26px}.festival-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 24px}.festival-list li{font-size:10px;padding:7px 10px;border:1px solid #d8e0d9;border-radius:5px;color:#6d7d72}.dialog-landscape{width:100%;height:auto;display:block;margin-top:23px;border-radius:8px}.photo-dialog .pill{margin-top:20px}.about-facts{margin-top:23px}.about-facts p{font-size:11px;line-height:1.9;border-top:1px solid #dfe6e0;padding:12px 0;display:flex;gap:22px}.about-facts span{color:#93a093;flex-shrink:0}.dialog-socials{display:flex;gap:24px;font-size:11px;margin-top:25px}.dialog-socials a{text-decoration:underline;text-underline-offset:4px}@media(max-width:900px){.content{width:calc(100% - 44px)}.nav-shell{padding:0 22px}.nav-bar nav{gap:22px}.hero h1{font-size:45px}.design-cover,.writing-cover,.photo-cover{height:160px}.five{font-size:125px;top:25px;left:22px}.five>span{font-size:55px}.shapes{right:15px;bottom:35px;gap:4px}.shapes i{width:15px;height:15px}.shapes i:nth-child(2){width:22px;height:22px}.shapes i:nth-child(3){height:36px}.essay-title{font-size:25px}.essay-title>span{font-size:17px}.card-top{padding:17px 17px 13px}.card-bottom{padding:17px}.category small{font-size:6px;margin-left:5px}.card h3{font-size:12px}.compact-copy{padding-left:17px}.compact-copy h3{font-size:12px}.film-word{font-size:30px;left:13px}.film-word>span{font-size:10px}.reading-grid h3{font-size:10px}}@media(max-width:640px){html{scroll-padding-top:90px}.nav-shell{top:12px;padding:0 14px}.nav-bar{height:58px;padding:0 15px;border-radius:15px}.brand{font-size:14px;gap:7px}.brand-mark{font-size:26px}.nav-bar nav{gap:17px;font-size:11px}.social-menu>button{font-size:11px}.nav-about{display:none}.menu-panel{position:fixed;top:80px;left:14px;right:14px;width:auto;padding:16px}.hero{padding:117px 18px 33px}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.hero h1{font-size:35px;letter-spacing:-1px;line-height:1.4;margin-top:17px}.hero h1 span{display:block}.hero-copy{font-size:11px;margin-top:15px}.hero-note{font-size:8px;gap:7px;margin-top:17px}.content{width:calc(100% - 28px)}.section-head{margin-bottom:14px}.section-head h2{font-size:12px}.section-head h2>span{font-size:11px;margin-left:7px}.section-note{display:none}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{grid-column:span 1;border-radius:12px}.card-top{padding:14px 13px 11px}.category{font-size:10px}.category small{font-size:6px;letter-spacing:.4px;margin-left:3px}.index{font-size:7px}.design-cover,.writing-cover,.photo-cover{width:calc(100% - 20px);margin:0 10px;height:142px;border-radius:6px}.design-cover,.writing-cover{padding:13px}.cover-label{font-size:5px;letter-spacing:.6px}.five{font-size:109px;top:22px;left:19px}.five>span{font-size:43px}.shapes{right:13px;bottom:30px;gap:3px}.shapes i{width:12px;height:12px}.shapes i:nth-child(2){width:17px;height:17px}.shapes i:nth-child(3){height:30px}.cover-caption{font-size:7px;bottom:12px;left:13px}.essay-title{font-size:24px;left:13px;top:43px}.essay-title>span{font-size:15px}.page-rule{right:12px;top:38px;height:63px}.card-bottom{padding:14px 13px 13px}.card h3{font-size:11px;line-height:1.6}.card-bottom p{font-size:8px;margin-top:5px}.card-link{font-size:9px;margin-top:13px}.card-link>span{font-size:14px}.photography-card{grid-column:span 2;display:grid;grid-template-columns:49% 51%;padding:12px;position:relative}.photography-card .card-top{position:absolute;top:22px;left:calc(49% + 12px);padding:0 8px 0 13px;right:18px}.photography-card .card-top .index{display:none}.photo-cover{grid-column:1;width:100%;margin:0;height:153px}.photography-card .card-bottom{grid-column:2;padding:43px 8px 8px 20px;display:flex;flex-direction:column}.photography-card .card-bottom h3{font-size:14px}.photography-card .card-bottom p{font-size:9px}.photography-card .card-link{margin-top:auto}.photo-label{font-size:5px;bottom:10px;left:9px}.film-card,.poetry-card{grid-column:span 1;display:flex;flex-direction:column;padding:10px;min-height:265px}.compact-art{min-height:115px;width:100%;height:115px}.compact-copy{padding:13px 3px 2px;flex-grow:1}.compact-copy .category{font-size:10px}.compact-copy h3{margin-top:10px;font-size:11px}.compact-copy p{font-size:8px;margin-top:4px}.compact-copy .card-link{padding-top:12px}.frame-mark{font-size:5px}.film-word{font-size:29px;left:15px;top:30px}.film-word>span{font-size:9px;margin-top:1px}.frame-time{bottom:11px;left:15px;font-size:5px}.poetry-word{font-size:48px;left:18px;top:12px}.poetry-word>span{font-size:11px}.poetry-line{top:17px;bottom:17px;right:20px}.reading{padding-top:28px;padding-bottom:23px}.all-writing{font-size:9px}.reading-grid{grid-template-columns:1fr;gap:0;padding-top:0}.reading-grid>a{padding:13px 0}.reading-grid>a:not(:last-child){border-right:0;border-bottom:1px solid #d7e3e8}.reading-grid h3{font-size:11px;margin-top:5px}.reading-tag{font-size:6px}.reading-grid p{font-size:8px;margin-top:3px}footer{padding:22px 0 25px;align-items:flex-start}.footer-brand{font-size:11px}.footer-brand>span{display:block;font-size:8px;margin:7px 0 0}footer p{font-size:7px}.footer-links{gap:14px;font-size:8px;flex-wrap:wrap;justify-content:flex-end;max-width:180px;padding-top:3px}dialog{padding:35px 26px}dialog h2{font-size:27px}dialog>p:not(.eyebrow){font-size:11px}.about-facts p{font-size:10px;gap:15px}.dialog-links{gap:16px}.dialog-socials{font-size:10px;gap:20px}}@media(max-width:360px){.nav-bar nav{gap:12px}.hero h1{font-size:31px}.hero-note{font-size:7px}.category small{display:none}.essay-title{font-size:22px}.essay-title>span{font-size:13px}.card h3{font-size:10px}.section-head h2>span{font-size:10px}.five{left:12px}.shapes{right:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* A quieter opening, followed by a shelf of personal postcards. */
.hero{padding-bottom:25px}.hero h1{font-size:clamp(34px,4vw,50px);line-height:1.32;margin-top:17px;letter-spacing:-1.6px}.hero h1 span{position:relative;font-style:italic;white-space:nowrap}.hero h1 span:after{content:'';position:absolute;left:4%;right:1%;bottom:1px;height:1px;background:#799994;transform:rotate(-3deg)}.hero-subtitle{font:italic 14px/1.7 var(--serif);color:#82999d;margin-top:13px}.hero-copy{margin-top:10px;font-size:11px}.hero-note{margin-top:14px}.fragments{padding-top:11px;margin-bottom:34px;overflow:hidden}.fragment-heading{display:flex;align-items:center;justify-content:space-between}.fragment-heading h2{font-size:11px;font-weight:400;color:#627c7c}.fragment-heading h2 span{font:italic 11px Georgia,serif;margin-left:10px;color:#99acad}.fragment-heading>p{font-size:9px;color:#8fa5a8}.postcard-track{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:1200px;margin:0 auto;padding:38px 48px 34px;min-height:288px;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;position:relative;touch-action:pan-x pan-y}.postcard-track::-webkit-scrollbar{display:none}.postcard-track:focus-visible{outline:1px solid #9cb8b8;outline-offset:-5px;border-radius:20px}.postcard-slot{flex:0 0 165px;height:210px;scroll-snap-align:center;transform:translateY(var(--arc-y,0px)) rotate(var(--arc-angle,0deg));transform-origin:50% 110%;transition:transform .28s ease}.postcard-slot:hover,.postcard-slot:focus-within{transform:translateY(calc(var(--arc-y,0px) - 6px)) rotate(var(--arc-angle,0deg))}.postcard{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;text-align:left;perspective:1000px;border-radius:6px;position:relative}.postcard-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.65,.25,1)}.postcard.is-flipped .postcard-inner{transform:rotateY(180deg)}.postcard-front,.postcard-back{display:block;position:absolute;inset:0;padding:8px;background:#fffefb;border:1px solid #ffffffc9;border-radius:6px;box-shadow:0 5px 9px #3c5e6d0a,0 12px 22px #3c5e6d12;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.postcard-front{transform:rotateY(0deg)}.postcard-back{transform:rotateY(180deg);padding:17px 13px;background:linear-gradient(110deg,#fffdf5,#f6f0e4)}.postcard-visual{display:block;position:relative;height:137px;width:100%;border-radius:3px;overflow:hidden;background:#d4e2e7}.postcard-visual img{height:100%;width:100%;object-fit:cover;display:block}.postcard-meta{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:0 3px;font-size:7px;color:#8b9696}.postcard-meta small{font-size:6px;letter-spacing:1px;margin-left:5px;color:#b1b7b3}.postcard-title{font:400 12px/1.7 var(--serif);display:block;padding:0 3px;margin-top:3px;white-space:nowrap;letter-spacing:-.3px}.postcard-flip-hint{display:block;font-size:6px;color:#aeb8b6;padding:0 3px;margin-top:3px}.postcard-pending{font-size:6px;color:#ab9daa}.postcard-motion{background:#dde4d0;color:#697657}.postcard-art-word{position:absolute;top:4px;left:19px;font:italic 112px/1.1 Georgia,serif;letter-spacing:-10px}.postcard-art-word>span{font-size:50px;vertical-align:top;letter-spacing:0}.postcard-art-line{position:absolute;right:15px;top:14px;bottom:14px;width:1px;background:#99a28150}.postcard-poem{background:#ebe5f0;color:#8e7d99}.postcard-poem .postcard-art-word{font:400 64px/1.2 var(--serif);letter-spacing:0;left:22px;top:18px}.postcard-poem .postcard-art-word>span{font:italic 8px/1.5 Georgia,serif;display:block;margin-top:7px}.postcard-film{background:#374644;color:#d4e3d6}.postcard-film .postcard-art-word{font:400 35px/1.4 var(--serif);letter-spacing:0;left:19px;top:40px}.postcard-film .postcard-art-word>span{display:block;font:italic 8px/1.5 Georgia,serif;color:#a7bfb3;margin-top:5px}.postcard-film .postcard-art-line{background:#acbca440}.postmark{position:absolute;right:11px;top:10px;width:31px;height:36px;border:1px dashed #a8b3a266;display:flex;align-items:center;flex-direction:column;color:#9ea28e;font:italic 20px/1.3 Georgia,serif;transform:rotate(6deg)}.postmark small{font:5px/1.4 var(--sans);letter-spacing:.5px}.postcard-back-label{font-size:5px;color:#a6a68f;letter-spacing:.6px;display:block;margin-top:2px}.postcard-back-title{font:400 12px/1.7 var(--serif);display:block;margin-top:26px;border-bottom:1px solid #d5d4bc80;padding-bottom:7px}.postcard-note{font:8px/1.9 var(--sans);display:block;color:#8d8d79;margin-top:10px}.postcard-back-foot{position:absolute;left:13px;bottom:31px;font-size:6px;color:#ada58e}.postcard-return{position:absolute;left:13px;bottom:14px;font-size:6px;color:#9d9d8c}.fragment-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;position:relative;padding-top:2px}.fragment-bottom>span:first-child{font-size:8px;color:#91a7a9}.help-dot{padding:0 6px;color:#b3c5c5}.fragment-position{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;color:#9fb2b6;letter-spacing:1px;display:flex;gap:8px;align-items:center}.fragment-position>span{color:#6e8c8c}.fragment-position i{width:40px;height:1px;background:#bbcdcf}.fragment-controls{display:flex;gap:6px}.fragment-controls button{background:#f7fbfc90;border:1px solid #cbdee270;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:12px;color:#729094;transition:background .2s}.fragment-controls button:hover:not(:disabled){background:#fff}.fragment-controls button:disabled{opacity:.35;cursor:default}.compact-index{position:absolute;right:18px;top:15px;font-size:8px;color:#b0b8b8}.film-card,.poetry-card{position:relative}.work{padding-bottom:30px}.archive-cover{height:142px;position:relative;display:block;margin:0 16px;border-radius:8px;padding:17px;overflow:hidden;background:#e4eaef;color:#677d85}.archive-title{font:400 25px/1.35 var(--serif);display:block;margin-top:18px;letter-spacing:-.5px}.archive-detail{position:absolute;bottom:13px;right:18px;font:italic 25px/1 Georgia,serif;letter-spacing:4px;opacity:.35}.data-cover{background:#e6ede7;color:#6b8978}.journal-cover{background:#f3e9e1;color:#9c7f6b}.archive-card .card-bottom{padding-top:16px}.archive-card .card-bottom h3{font-size:12px}.photo-selection{grid-column:span 3}.selection-cover{height:185px;position:relative;display:block;width:calc(100% - 32px);margin:0 16px;padding:0;border:0;border-radius:8px;overflow:hidden;background:#d5e4e8}.selection-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.selection-cover:hover img{transform:scale(1.025)}.photo-selection:first-of-type .selection-cover img{object-position:center}.dialog-frame{width:100%;height:auto;max-height:55svh;object-fit:contain;display:block;margin-top:20px;border-radius:6px}.photo-dialog .dialog-frame+.pill{margin-top:18px}@media(min-width:1300px){.postcard-track{padding-left:52px;padding-right:52px}}@media(max-width:900px){.hero h1{font-size:44px}.postcard-track{padding-left:24px;padding-right:24px;gap:16px}.postcard-slot{flex-basis:160px}.archive-title{font-size:22px}.archive-cover{height:138px}}@media(max-width:640px){.hero{padding-top:111px;padding-bottom:24px}.hero h1{font-size:31px;letter-spacing:-1px;line-height:1.4}.hero h1 span{display:inline}.hero-subtitle{font-size:12px;margin-top:13px}.hero-copy{font-size:10px}.hero-note{font-size:7px;margin-top:12px}.fragments{padding-top:0;margin-bottom:28px}.fragment-heading h2{font-size:10px}.fragment-heading h2 span{font-size:9px;margin-left:7px}.fragment-heading>p{display:none}.postcard-track{gap:16px;padding:26px 24px 28px;min-height:260px}.postcard-slot{height:200px;flex-basis:155px}.postcard-visual{height:126px}.postcard-title{font-size:11px}.postcard-art-word{font-size:101px}.postcard-poem .postcard-art-word{font-size:60px;top:17px}.postcard-film .postcard-art-word{font-size:32px;top:34px}.postcard-note{font-size:7.5px}.postcard-back-title{margin-top:24px}.fragment-bottom>span:first-child{font-size:7px}.fragment-controls button{width:26px;height:26px}.fragment-position{font-size:6px}.fragment-position i{width:24px}.compact-index{top:20px;right:20px;font-size:7px;color:#c5cdbe}.poetry-card .compact-index{color:#b7aabd}.archive-cover{height:126px;margin:0 10px;border-radius:6px;padding:13px}.archive-title{font-size:21px;margin-top:18px}.archive-detail{font-size:22px;right:13px;bottom:10px}.archive-card .card-bottom h3{font-size:11px}.archive-card .card-bottom{padding-top:14px}.journal-card{grid-column:span 2;display:grid;grid-template-columns:49% 51%;padding:12px;position:relative}.journal-card .card-top{position:absolute;top:22px;left:calc(49% + 12px);padding:0 8px 0 13px;right:18px}.journal-card .card-top .index{display:none}.journal-card .archive-cover{width:100%;margin:0;height:153px}.journal-card .card-bottom{padding:43px 8px 8px 20px;display:flex;flex-direction:column}.journal-card .card-link{margin-top:auto}.photo-selection{grid-column:span 1}.selection-cover{width:calc(100% - 20px);margin:0 10px;height:142px;border-radius:6px}.photo-selection .card-top{padding:14px 13px 11px}.work{padding-bottom:25px}}@media(max-width:360px){.hero h1{font-size:28px}.fragment-heading h2 span{display:none}.hero-copy{font-size:9px}}
.brand-logo{width:34px;height:34px;border-radius:9px;object-fit:cover;display:block}.language-toggle{background:none;border:1px solid #b9cdd180;border-radius:20px;padding:7px 10px;font-size:10px;margin-left:auto;margin-right:13px}.nav-bar nav{margin-left:auto;margin-right:28px}.directory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:4px 0 10px}.category-filters{display:flex;gap:5px;flex-wrap:wrap}.category-filters button{background:#ffffff70;border:1px solid transparent;border-radius:22px;padding:8px 14px;font-size:10px;color:#7d9396;transition:background .2s,color .2s}.category-filters button[aria-pressed=true]{background:#324b46;color:#fff}.category-filters button:hover:not([aria-pressed=true]){background:#fff}.sort-control{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:9px;color:#8ca0a2}.sort-control select{background:#ffffffb0;border:1px solid #c9dce1;border-radius:18px;padding:7px 24px 7px 11px;font:10px var(--sans);color:#607e80;max-width:150px}.work-count{font-size:8px;color:#99adb0;margin:0 0 14px}.card[hidden]{display:none!important}.placeholder-cover{width:calc(100% - 32px);margin:0 16px;border:0;text-align:left}.placeholder-word{display:block;font:400 30px/1.5 var(--serif);margin-top:20px;opacity:.6}.placeholder-word span{display:block;font:6px/1.8 var(--sans);letter-spacing:1px;margin-top:4px}.placeholder-badge{position:absolute;right:14px;bottom:12px;border:1px solid #abb7a650;padding:3px 5px;border-radius:4px;font-size:7px;opacity:.55}.pending-card .card-bottom>p{color:#a2adb1}html[lang=en] .hero h1{font-family:Georgia,serif;font-size:clamp(29px,3.8vw,47px);line-height:1.25}html[lang=en] .hero-copy{max-width:500px;margin-left:auto;margin-right:auto}html[lang=en] .hero-note{font-size:8px}html[lang=en] .postcard-title{font:10px/1.6 Georgia,serif;white-space:normal;line-height:1.3}html[lang=en] .postcard-back-title{font:10px/1.5 Georgia,serif}html[lang=en] .postcard-note{font-size:7px;line-height:1.65}html[lang=en] .postcard-back-foot{font-size:5px}html[lang=en] .postcard-return{font-size:5px}html[lang=en] .archive-title{font-size:22px}html[lang=en] .essay-title{font-size:25px}html[lang=en] .essay-title>span{font-size:16px}html[lang=en] .card h3{font-size:12px}html[lang=en] .category small{display:none}html[lang=en] .compact-copy h3{margin-top:12px}@media(max-width:640px){.nav-bar{padding:0 12px}.brand-logo{width:29px;height:29px;border-radius:8px}.brand{font-size:12px;gap:6px}.nav-bar nav{margin-right:12px;gap:13px;font-size:10px}.social-menu>button{font-size:10px}.language-toggle{font-size:9px;padding:6px 8px;margin:0}.directory-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.category-filters{gap:4px}.category-filters button{font-size:9px;padding:7px 12px}.sort-control{margin-left:auto;font-size:8px}.sort-control select{font-size:9px}.placeholder-cover{width:calc(100% - 20px);margin:0 10px}.placeholder-word{font-size:25px}.work-count{font-size:7px}html[lang=en] .brand>span{display:none}html[lang=en] .nav-bar nav{font-size:9px;gap:12px}html[lang=en] .social-menu>button{font-size:9px}html[lang=en] .hero h1{font-size:29px}html[lang=en] .hero-note{font-size:6px;gap:5px}html[lang=en] .essay-title{font-size:20px}html[lang=en] .essay-title>span{font-size:12px}html[lang=en] .card h3{font-size:10px}html[lang=en] .archive-title{font-size:18px}html[lang=en] .category-filters button{font-size:8px;padding:7px 10px}}