.tw-work-page{--tw-work-paper:#f5f1e8;--tw-work-ink:#2148b8;--tw-work-acc:#a84d2c;--tw-work-txt:#22263a;--tw-work-soft:color-mix(in srgb,#2148b8 14%,#f5f1e8)}.tw-work-shell{max-width:44rem}.tw-work-shell h1{font-family:"Instrument Serif","Noto Serif TC",serif;font-size:clamp(2rem,6vw,3rem);line-height:1.15;color:var(--tw-work-ink);margin:0 0 .75rem}.tw-work-lede{font-size:1.05rem;line-height:1.7;max-width:36em;margin:0 0 .75rem;color:var(--tw-work-txt)}.tw-work-note{font-size:.9rem;color:color-mix(in srgb,var(--tw-work-txt) 72%,transparent);margin:0 0 2rem}.tw-work-note a{color:var(--tw-work-ink)}.tw-work-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:2.5rem;gap:2.5rem}.tw-work-card{border:1px solid var(--tw-work-soft);border-radius:10px;overflow:hidden;background:color-mix(in srgb,var(--tw-work-paper) 55%,#fff);scroll-margin-top:5rem}.tw-work-card-media{background:color-mix(in srgb,var(--tw-work-paper) 40%,#fff);border-bottom:1px solid var(--tw-work-soft)}.tw-work-card-media img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top center}.tw-work-card-body{padding:1.15rem 1.25rem 1.4rem}.tw-work-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.tw-work-tag{display:inline-block;font-size:.75rem;letter-spacing:.06em;padding:.2rem .55rem;border:1px solid color-mix(in srgb,var(--tw-work-acc) 55%,transparent);color:var(--tw-work-acc);border-radius:999px;font-weight:600}.tw-work-idx{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.8rem;color:color-mix(in srgb,var(--tw-work-ink) 78%,var(--tw-work-paper))}.tw-work-card-body h2{font-family:"Instrument Serif","Noto Serif TC",serif;font-size:clamp(1.35rem,3.5vw,1.75rem);line-height:1.25;color:var(--tw-work-ink);margin:0 0 .5rem}.tw-work-card-body>p{margin:0 0 1rem;font-size:.98rem;line-height:1.65;color:var(--tw-work-txt)}.tw-work-gallery{display:grid;grid-template-columns:1fr 1fr;grid-gap:.65rem;gap:.65rem;margin:0 0 1rem}.tw-work-gallery img{width:100%;height:auto;border-radius:8px;border:1px solid var(--tw-work-soft);aspect-ratio:9/16;object-fit:cover;object-position:top center}.tw-work-actions{display:flex;flex-wrap:wrap;gap:.65rem 1rem;align-items:center}.tw-work-btn{display:inline-block;padding:.55rem 1rem;background:var(--tw-work-ink);color:var(--tw-work-paper);text-decoration:none;border-radius:6px;font-weight:600;font-size:.92rem}.tw-work-btn:hover{filter:brightness(1.05)}.tw-work-btn-disabled{display:inline-block;padding:.55rem 1rem;border:1px dashed color-mix(in srgb,var(--tw-work-ink) 35%,transparent);color:color-mix(in srgb,var(--tw-work-txt) 65%,transparent);border-radius:6px;font-size:.88rem}.tw-work-link{color:var(--tw-work-ink);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}.tw-work-foot{margin:2.5rem 0 1rem;font-size:.95rem;color:color-mix(in srgb,var(--tw-work-txt) 75%,transparent)}.tw-work-foot a{color:var(--tw-work-ink)}@media (max-width:480px){.tw-work-card-media img{aspect-ratio:16/10}}@media (prefers-reduced-motion:reduce){.tw-work-btn{transition:none}}html[data-theme=dark] .tw-work-page{--tw-work-paper:#1a1a18;--tw-work-ink:#9ec0ff;--tw-work-acc:#e59a6a;--tw-work-txt:#f2f1ea;--tw-work-soft:color-mix(in srgb,#9ec0ff 24%,#1a1a18)}@media (prefers-color-scheme:dark){html:not([data-theme]) .tw-work-page{--tw-work-paper:#1a1a18;--tw-work-ink:#9ec0ff;--tw-work-acc:#e59a6a;--tw-work-txt:#f2f1ea;--tw-work-soft:color-mix(in srgb,#9ec0ff 24%,#1a1a18)}}html[data-theme=dark] .tw-work-page .tw-work-btn{background:#9ec0ff;color:#111111!important}@media (prefers-color-scheme:dark){html:not([data-theme]) .tw-work-page .tw-work-btn{background:#9ec0ff;color:#111111!important}}html[data-theme=dark] .tw-work-note{color:#d8d7d0}@media (prefers-color-scheme:dark){html:not([data-theme]) .tw-work-note{color:#d8d7d0}}html[data-theme=dark] .tw-work-card{background:color-mix(in srgb,var(--tw-work-paper) 85%,#000)}@media (prefers-color-scheme:dark){html:not([data-theme]) .tw-work-card{background:color-mix(in srgb,var(--tw-work-paper) 85%,#000)}}@media (max-width:640px){.tw-work-card-media img{aspect-ratio:16/10;max-height:min(36vh,240px);width:100%;object-fit:cover;object-position:top center}.tw-work-shell h1{font-size:clamp(1.75rem,8vw,2.25rem)}.tw-work-lede{font-size:1rem}}html[data-theme=dark] .tw-work-idx{color:color-mix(in srgb,var(--tw-work-ink) 88%,#fff)}@media (prefers-color-scheme:dark){html:not([data-theme]) .tw-work-idx{color:color-mix(in srgb,var(--tw-work-ink) 88%,#fff)}}