:root{--bg: #f7f5f0;--bg-soft: #efede6;--ink: #3b3934;--ink-soft: #6b675e;--muted: #9a958a;--line: #e3dfd6;--accent: #6f7d68;--font-serif: "Songti SC", "STSong", "SimSun", "Noto Serif SC", "Source Han Serif SC", serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.75rem;--space-4: 3rem;--space-5: 5rem;--radius: 2px;--shadow-soft: 0 1px 2px rgba(59, 57, 52, .04), 0 8px 24px rgba(59, 57, 52, .06);--ease-slow: .9s cubic-bezier(.22, .61, .36, 1);--ease-base: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);line-height:1.85;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.container{width:min(1120px,92vw);margin-inline:auto}.section{padding-block:var(--space-5)}.page-head{padding:var(--space-4) 0 var(--space-3);text-align:center}.page-head h1{font-family:var(--font-serif);font-size:clamp(2rem,5vw,2.75rem);font-weight:500;letter-spacing:.35em;text-indent:.35em;margin-bottom:var(--space-2)}.page-head .lead{color:var(--ink-soft);font-size:.95rem;letter-spacing:.18em}[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity var(--ease-slow),transform var(--ease-slow)}[data-reveal].is-visible{opacity:1;transform:none}.site-nav{position:sticky;top:0;z-index:100;background:#f7f5f0db;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{width:min(1120px,92vw);margin-inline:auto;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--font-serif);font-size:1.35rem;letter-spacing:.5em;text-indent:.5em;color:var(--ink)}.nav-links{display:flex;gap:var(--space-3)}.nav-links a{font-size:.9rem;letter-spacing:.22em;text-indent:.22em;color:var(--ink-soft);padding:4px 2px;border-bottom:1px solid transparent;transition:color var(--ease-base),border-color var(--ease-base)}.nav-links a:hover,.nav-links a[aria-current=page]{color:var(--ink);border-color:var(--accent)}.hero{text-align:center;padding:clamp(4rem,12vh,8rem) 0 clamp(2.5rem,6vh,4rem)}.hero .hero-site{font-family:var(--font-serif);font-size:clamp(3.5rem,12vw,6.5rem);font-weight:400;letter-spacing:.5em;text-indent:.5em;color:var(--ink);line-height:1.2}.hero .hero-sub{margin-top:var(--space-3);color:var(--ink-soft);letter-spacing:.32em;text-indent:.32em;font-size:clamp(.85rem,2.5vw,1.05rem)}.hero .hero-cta{display:inline-block;margin-top:var(--space-4);padding:.65rem 2.2rem;border:1px solid var(--ink);border-radius:var(--radius);letter-spacing:.3em;text-indent:.3em;font-size:.9rem;color:var(--ink);transition:background var(--ease-base),color var(--ease-base)}.hero .hero-cta:hover{background:var(--ink);color:var(--bg)}.hero-image{width:min(960px,94vw);margin:0 auto;aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow-soft);background:var(--bg-soft)}.hero-image img{width:100%;height:100%;object-fit:cover;transition:transform 2.4s ease}.hero-image:hover img{transform:scale(1.025)}.hero-note{text-align:center;color:var(--muted);font-size:.85rem;letter-spacing:.24em;margin-top:var(--space-3)}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.section-title{font-family:var(--font-serif);font-size:1.5rem;font-weight:500;letter-spacing:.3em;text-indent:.3em;text-align:center;margin-bottom:var(--space-3)}.section-more{display:block;text-align:center;margin-top:var(--space-3);font-size:.9rem;letter-spacing:.25em;color:var(--ink-soft);transition:color var(--ease-base)}.section-more:hover{color:var(--accent)}.work-card{display:block}.work-figure{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow-soft)}.work-figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}.work-card:hover .work-figure img{transform:scale(1.04)}.work-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-top:.8rem}.work-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:500;letter-spacing:.12em}.work-category{font-size:.75rem;letter-spacing:.18em;color:var(--muted);flex-shrink:0}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.filter-group{display:flex;flex-wrap:wrap;gap:var(--space-1)}.filter-btn{font:inherit;font-size:.85rem;letter-spacing:.16em;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:999px;padding:.35rem 1.1rem;cursor:pointer;transition:all var(--ease-base)}.filter-btn:hover{border-color:var(--ink);color:var(--ink)}.filter-btn.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.sort-group{display:flex;align-items:center;gap:var(--space-1);font-size:.85rem;color:var(--muted)}.sort-group label{letter-spacing:.14em}.sort-select{font:inherit;font-size:.85rem;letter-spacing:.1em;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.3rem .6rem;cursor:pointer}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.grid-item{transition:opacity var(--ease-slow),transform var(--ease-slow)}.grid-item.is-hidden{display:none}.detail-head{padding-top:var(--space-3)}.detail-back{font-size:.85rem;letter-spacing:.2em;color:var(--muted);transition:color var(--ease-base)}.detail-back:hover{color:var(--ink)}.detail-title{font-family:var(--font-serif);font-size:clamp(1.75rem,4vw,2.4rem);font-weight:500;letter-spacing:.3em;text-indent:.3em;margin:var(--space-2) 0 var(--space-1)}.detail-meta-line{color:var(--muted);font-size:.85rem;letter-spacing:.2em;margin-bottom:var(--space-3)}.detail-figure{width:min(960px,94vw);margin:0 auto var(--space-4);aspect-ratio:3 / 2;overflow:hidden;border-radius:var(--radius);background:var(--bg-soft);box-shadow:var(--shadow-soft)}.detail-figure img{width:100%;height:100%;object-fit:cover}.detail-cols{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-4);align-items:start}.detail-cols h2{font-family:var(--font-serif);font-size:1.1rem;font-weight:500;letter-spacing:.28em;text-indent:.28em;margin-bottom:var(--space-2);padding-bottom:.6rem;border-bottom:1px solid var(--line)}.impression p{color:var(--ink-soft);font-size:1rem;text-align:justify}.shot-info dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;font-size:.9rem}.shot-info dt{color:var(--muted);letter-spacing:.14em}.shot-info dd{color:var(--ink);text-align:right}.detail-cta{display:inline-block;margin-top:var(--space-4);padding:.6rem 2rem;border:1px solid var(--ink);border-radius:var(--radius);font-size:.9rem;letter-spacing:.28em;text-indent:.28em;transition:background var(--ease-base),color var(--ease-base)}.detail-cta:hover{background:var(--ink);color:var(--bg)}.about-body{max-width:640px;margin-inline:auto;text-align:justify}.about-body h2{font-family:var(--font-serif);font-size:1.15rem;font-weight:500;letter-spacing:.3em;text-indent:.3em;text-align:center;margin:var(--space-4) 0 var(--space-2)}.about-body p{color:var(--ink-soft);margin-bottom:var(--space-2)}.about-role{text-align:center;color:var(--muted);font-size:.85rem;letter-spacing:.3em;margin-bottom:var(--space-3)}.notfound{text-align:center;padding:clamp(5rem,18vh,10rem) 0}.notfound .nf-code{font-family:var(--font-serif);font-size:clamp(4rem,12vw,7rem);color:var(--line);letter-spacing:.2em}.notfound p{color:var(--ink-soft);letter-spacing:.22em;margin:var(--space-2) 0 var(--space-3)}.notfound a{display:inline-block;margin:0 var(--space-1);padding:.55rem 1.8rem;border:1px solid var(--ink);border-radius:var(--radius);font-size:.88rem;letter-spacing:.24em;transition:background var(--ease-base),color var(--ease-base)}.notfound a:hover{background:var(--ink);color:var(--bg)}.site-footer{border-top:1px solid var(--line);padding:var(--space-3) 0;margin-top:var(--space-4)}.footer-inner{width:min(1120px,92vw);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-2);font-size:.8rem;color:var(--muted);letter-spacing:.12em}.footer-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2)}.footer-inner nav{display:flex;gap:var(--space-2)}.footer-legal{display:flex;flex-direction:column;gap:.3rem;max-width:64ch}.footer-notice{font-size:.72rem;letter-spacing:.04em;opacity:.85}.footer-inner nav a:hover{color:var(--ink)}.footer-filing{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2);padding-top:.6rem;border-top:1px solid var(--line);font-size:.78rem;letter-spacing:.06em;text-align:center}.footer-filing a{display:inline-flex;align-items:center;gap:.35rem;color:inherit;transition:color var(--ease-base)}.footer-filing a:hover{color:var(--ink)}.footer-filing img{display:block;width:16px;height:16px}@media(max-width:860px){.strip,.works-grid{grid-template-columns:repeat(2,1fr)}.detail-cols{grid-template-columns:1fr;gap:var(--space-3)}.shot-info dl{grid-template-columns:1fr 1fr}.shot-info dd{text-align:right}}@media(max-width:560px){.strip,.works-grid{grid-template-columns:1fr}.nav-links{gap:var(--space-2)}.nav-links a{letter-spacing:.12em;text-indent:.12em}.toolbar{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}