:root{--bg: #0e0e0d;--bg-soft: #171716;--fg: #eae7e0;--muted: #948f85;--line: #26251f;--serif: "EB Garamond", "Noto Serif TC", serif;--sans: "Noto Sans TC", ui-sans-serif, system-ui, sans-serif;--maxw: 1200px;--nav-h: 4.2rem;--footer-h: 2.9rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-weight:300;line-height:1.85;-webkit-font-smoothing:antialiased;padding-top:var(--nav-h);padding-bottom:var(--footer-h)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:#3d3a30}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 clamp(1.25rem,4vw,3rem);background:var(--bg);border-bottom:1px solid var(--line)}.nav--solid{border-bottom:1px solid var(--line)}.nav-logo{font-family:var(--serif);font-size:1.3rem;letter-spacing:.35em;text-transform:uppercase;white-space:nowrap}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:2.5rem;height:2.5rem;margin:0 -.6rem 0 .5rem;padding:0;background:none;border:0;cursor:pointer}.nav-toggle span{display:block;width:1.5rem;height:1.5px;margin:0 auto;background:var(--fg);transition:transform .3s ease,opacity .2s ease}.nav-open .nav-toggle span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-open .nav-toggle span:nth-child(2){opacity:0}.nav-open .nav-toggle span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-links{display:flex;flex-wrap:nowrap;gap:clamp(.8rem,1.8vw,1.6rem);overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.lang-switch{display:inline-flex;align-items:center;gap:.4rem;margin-left:.3rem;padding-left:.9rem;border-left:1px solid var(--line);white-space:nowrap}.lang-switch a{font-size:.72rem;letter-spacing:.1em;color:var(--muted);transition:color .25s}.lang-switch a.active{color:var(--fg)}.lang-switch .sep{color:var(--line);font-size:.7rem}.nav-links a{font-size:.78rem;letter-spacing:.16em;color:var(--muted);transition:color .25s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.hero{position:relative;min-height:88vh;display:flex;align-items:flex-end;background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0e0e0deb,#0e0e0d40 40%,#0e0e0d59)}.hero-text{position:relative;z-index:1;padding:clamp(2rem,6vw,5rem) clamp(1.25rem,4vw,3rem)}.hero-text .kicker{font-size:.85rem;letter-spacing:.4em;color:var(--muted);margin-bottom:.75rem}.hero-text h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,6vw,4.5rem);letter-spacing:.18em;line-height:1.15}.hero-text .hero-album{margin-top:1.25rem;display:inline-block;font-size:.85rem;letter-spacing:.2em;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:.2rem;transition:color .25s}.hero-text .hero-album:hover{color:var(--fg)}.section{max-width:var(--maxw);margin:0 auto;padding:clamp(3.5rem,8vw,6.5rem) clamp(1.25rem,4vw,3rem)}.section+.section{border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:clamp(2rem,4vw,3.25rem)}.section-head h2,.page-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,3vw,2rem);letter-spacing:.22em}.section-head .more{font-size:.8rem;letter-spacing:.2em;color:var(--muted);transition:color .25s}.section-head .more:hover{color:var(--fg)}.page-head{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1.25rem,4vw,3rem) 0}.page-head .kicker{font-size:.8rem;letter-spacing:.35em;color:var(--muted);margin-bottom:.6rem}.page-head p.lead{margin-top:1rem;max-width:40em;color:var(--muted)}.home-head{text-align:center;padding:clamp(2.5rem,6vw,4.5rem) 1.25rem 0}.home-head .kicker{font-size:.85rem;letter-spacing:.4em;color:var(--muted)}.wall-section{max-width:var(--maxw);margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,6rem)}.masonry{column-count:3;column-gap:clamp(.9rem,2vw,1.5rem)}.masonry .mi{break-inside:avoid;margin-bottom:clamp(.9rem,2vw,1.5rem)}.masonry .mi img{width:100%;cursor:zoom-in;filter:saturate(.92);transition:filter .5s ease,opacity .5s ease;background:var(--bg-soft)}.masonry .mi:hover img{filter:saturate(1)}.masonry .mi figcaption{font-size:.75rem;letter-spacing:.12em;color:var(--muted);margin-top:.4rem}@media(max-width:900px){.masonry{column-count:2}}@media(max-width:560px){.masonry{column-count:1}}.album-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:clamp(1.5rem,3vw,2.5rem)}.album-card .frame{overflow:hidden;aspect-ratio:4 / 3;background:var(--bg-soft)}.album-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.92);transition:transform .7s ease,filter .7s ease}.album-card:hover img{transform:scale(1.04);filter:saturate(1)}.album-card .meta{padding-top:.9rem}.album-card .meta h3{font-family:var(--serif);font-weight:400;font-size:1.15rem;letter-spacing:.12em}.album-card .meta p{font-size:.78rem;letter-spacing:.18em;color:var(--muted);margin-top:.2rem}.album-head{max-width:780px;margin:0 auto;text-align:center;padding:clamp(3rem,7vw,5rem) 1.25rem 0}.album-head .kicker{font-size:.8rem;letter-spacing:.35em;color:var(--muted);margin-bottom:.8rem}.album-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:.2em}html[lang=en] .album-head h1{letter-spacing:.06em}.album-head p.desc{margin-top:1.25rem;color:var(--muted)}.photo-list{max-width:1080px;margin:0 auto;padding:clamp(3rem,6vw,5rem) clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:clamp(3.5rem,7vw,6rem)}.photo-item img{margin:0 auto;max-height:88vh;width:auto;max-width:100%;cursor:zoom-in}.photo-item figcaption{text-align:center;font-size:.8rem;letter-spacing:.15em;color:var(--muted);margin-top:.9rem}dialog.lightbox{border:0;padding:0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;background:#080808f7;color:var(--fg)}dialog.lightbox::backdrop{background:#080808f7}.lightbox-inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:3.5rem 1rem 2rem}.lightbox-inner img{max-width:min(94vw,1600px);max-height:82vh;object-fit:contain}.lightbox-caption{font-size:.8rem;letter-spacing:.15em;color:var(--muted);min-height:1.2em;text-align:center}.lightbox button{position:absolute;background:none;border:0;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer;padding:.8rem 1rem;transition:color .2s}.lightbox button:hover{color:var(--fg)}.lightbox .lb-close{top:.8rem;right:1rem}.lightbox .lb-prev{left:.5rem;top:50%;transform:translateY(-50%)}.lightbox .lb-next{right:.5rem;top:50%;transform:translateY(-50%)}.post-list{list-style:none;display:flex;flex-direction:column}.post-list li{border-bottom:1px solid var(--line)}.post-list li:first-child{border-top:1px solid var(--line)}.post-list a{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:1.6rem .25rem;transition:background .25s}.post-list a:hover{background:var(--bg-soft)}.post-list h3{font-family:var(--serif);font-weight:400;font-size:1.25rem;letter-spacing:.1em}.post-list .desc{color:var(--muted);font-size:.9rem;margin-top:.3rem}.post-list time{font-size:.78rem;letter-spacing:.15em;color:var(--muted);white-space:nowrap}.post-cover{max-width:1080px;margin:clamp(2rem,5vw,3.5rem) auto 0;padding:0 clamp(1.25rem,3vw,2rem)}.prose{max-width:42em;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) 1.25rem clamp(4rem,8vw,6rem);font-size:1.03rem}.prose p{margin-bottom:1.6em}.prose h2{font-family:var(--serif);font-weight:400;font-size:1.5rem;letter-spacing:.15em;margin:2.2em 0 .9em}.prose h3{font-family:var(--serif);font-weight:400;font-size:1.2rem;letter-spacing:.12em;margin:1.8em 0 .7em}.prose img{margin:2.5em auto}.prose blockquote{border-left:2px solid var(--muted);padding-left:1.4em;color:var(--muted);margin:2em 0;font-family:var(--serif);font-size:1.1em}.prose a{border-bottom:1px solid var(--muted);transition:border-color .2s,color .2s}.prose a:hover{color:#fff;border-color:#fff}.prose hr{border:0;border-top:1px solid var(--line);margin:3em auto;width:40%}.about{max-width:var(--maxw);margin:0 auto;padding:clamp(3rem,7vw,5rem) clamp(1.25rem,4vw,3rem) clamp(4rem,8vw,6rem);display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:clamp(2rem,6vw,5rem);align-items:start}.about .portrait{filter:saturate(.9)}.about .bio h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.5vw,2.3rem);letter-spacing:.2em;margin-bottom:1.5rem}.about .bio p{margin-bottom:1.4em;max-width:36em}.about .bio .contact{margin-top:2.5rem;font-size:.85rem;letter-spacing:.15em;color:var(--muted)}.about .bio .contact a{border-bottom:1px solid var(--line)}.footer{position:fixed;bottom:0;left:0;right:0;z-index:100;height:var(--footer-h);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);padding:0 clamp(1.25rem,4vw,3rem);text-align:center;font-size:.7rem;letter-spacing:.16em;color:var(--muted);background:var(--bg)}@media(max-width:720px){.hero{min-height:72vh}.about{grid-template-columns:1fr}.about .portrait{width:100%;max-width:180px;justify-self:center}.post-list a{grid-template-columns:1fr;gap:.2rem}.nav-logo{font-size:1.05rem;letter-spacing:.22em}.nav-toggle{display:flex}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;overflow:hidden;max-height:0;padding:0 clamp(1.25rem,6vw,2rem);background:var(--bg);border-bottom:1px solid var(--line);transition:max-height .35s ease,padding .35s ease}.nav-open .nav-links{max-height:calc(100vh - var(--nav-h));padding:.5rem clamp(1.25rem,6vw,2rem) 1.25rem;overflow-y:auto}.nav-links a{width:100%;padding:.85rem 0;font-size:.95rem;letter-spacing:.14em;border-bottom:1px solid var(--line)}.lang-switch{width:100%;margin-left:0;padding:1rem 0 0;border-left:0;justify-content:flex-start;gap:.6rem}.lang-switch a{font-size:.9rem}.footer{font-size:.66rem;letter-spacing:.1em}.footer-rest{display:none}}