:where(.site-shell){--works-bg-primary:var(--white);--works-bg-secondary:var(--palette-tint);--works-text-primary:var(--palette-ink);--works-text-secondary:var(--palette-muted);--works-border:var(--palette-line);--works-primary:var(--palette-accent);--works-primary-soft:var(--palette-tint);--works-page-offset:-6px;--works-card-columns:4;--works-grid-gap:16px;--works-grid-max-width:1680px;--works-grid-margin-bottom:3rem;--works-gallery-section-padding:24px 16px 48px;--works-gallery-container-padding:0;--works-gallery-container-max-width:1680px;--works-filter-layout-gap:2rem;--works-filter-section-padding:.5rem 16px;--works-filter-section-margin-bottom:0;--works-filter-field-width:300px;--works-lightbox-gallery-fit:contain;--works-lightbox-padding:2rem;--works-lightbox-card-width:940px;--works-lightbox-card-height:min(810px, 90vh);--works-lightbox-card-max-height:90vh;--works-lightbox-card-overflow:hidden;--works-lightbox-card-radius:24px;--works-lightbox-card-direction:row;--works-lightbox-gallery-width:auto;--works-lightbox-gallery-height:auto;--works-lightbox-gallery-flex:1 1 auto;--works-lightbox-gallery-background:var(--palette-tint);--works-lightbox-nav-display:grid;--works-lightbox-info-flex:0 0 400px;--works-lightbox-info-width:400px;--works-lightbox-info-min-width:400px;--works-lightbox-info-gap:24px;--works-lightbox-info-padding:48px;--works-lightbox-info-opacity:0;--works-lightbox-info-transform:translateX(30px);--works-lightbox-title-size:2rem;--works-lightbox-thumbnail-width:clamp(60px, 7vw, 80px);--works-lightbox-info-background:var(--white);--works-card-name-position:16px;--works-card-name-size:16px;--works-card-series-position:16px;--works-card-series-size:12px}:where(.site-shell) .works-gallery-page{min-width:0;min-height:100vh;margin-top:var(--works-page-offset);color:var(--works-text-primary);background:var(--works-bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow:clip}:where(.site-shell) .works-page-container{width:100%;max-width:var(--works-gallery-container-max-width);min-width:0;padding:var(--works-gallery-container-padding);margin:0 auto}:where(.site-shell) .works-gallery-hero{background:0 0;padding:2rem 16px}:where(.site-shell) .works-gallery-hero h1{color:var(--works-text-primary);text-align:left;text-overflow:ellipsis;min-width:0;max-width:100%;margin:.8rem 0 .2rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.6;overflow:hidden}:where(.site-shell) .works-filter-section{z-index:2;margin-bottom:var(--works-filter-section-margin-bottom);padding:var(--works-filter-section-padding);background:var(--works-bg-primary);position:relative}:where(.site-shell) .works-filter-layout{display:var(--works-filter-layout-display,flex);justify-content:flex-start;align-items:center;gap:var(--works-filter-layout-gap);flex-wrap:wrap;min-width:0}:where(.site-shell) .works-filter-field{grid-template-columns:var(--works-filter-field-columns,max-content minmax(0, 1fr));width:var(--works-filter-field-width);min-width:0;max-width:100%;color:var(--palette-ink);letter-spacing:0;align-items:center;gap:16px;font-size:1rem;font-weight:600;line-height:1.2;display:grid}:where(.site-shell) .works-filter-field>span{display:var(--works-filter-label-display,inline)}:where(.site-shell) .works-filter-select{border:1px solid var(--works-border);width:100%;min-width:0;height:44px;color:var(--palette-ink);background:var(--works-bg-primary);letter-spacing:0;border-radius:0;padding:8px 12px;font-family:inherit;font-size:1rem;font-weight:500;line-height:1.2}:where(.site-shell) .works-gallery-section{min-height:500px;padding:var(--works-gallery-section-padding);background:var(--works-bg-primary)}:where(.site-shell) .works-gallery-viewport{width:100%;max-width:var(--works-grid-max-width);margin:0 auto var(--works-grid-margin-bottom);scroll-margin-top:calc(var(--header-height) + 16px);outline:none}:where(.site-shell) .works-gallery-viewport:focus-visible{outline:2px solid var(--works-primary);outline-offset:-2px}:where(.site-shell) .works-gallery-stack{width:100%;max-width:var(--works-grid-max-width);margin:0 auto}:where(.site-shell) .works-gallery-grid{grid-template-columns:repeat(var(--works-card-columns), minmax(0, 1fr));align-items:start;gap:var(--works-grid-gap);width:100%;max-width:var(--works-grid-max-width);min-width:0;margin:0 auto;display:grid}:where(.site-shell) .works-gallery-card{border:1px solid var(--line);width:100%;min-width:0;color:inherit;background:var(--works-bg-primary);text-align:left;border-radius:4px;padding:0;display:block;position:relative;overflow:hidden;transform:translateZ(0)}:where(.site-shell) .works-gallery-image{background:var(--works-bg-secondary);width:100%;position:relative;overflow:hidden}:where(.site-shell) .works-gallery-image-content{z-index:2;width:100%;height:auto;transition:var(--motion-transition,transform .5s ease);will-change:transform;display:block;position:relative;transform:translateZ(0)}:where(.site-shell) .works-gallery-card:hover .works-gallery-image-content{transform:scale(1.05)translateZ(0)}:where(.site-shell) .works-card-name-overlay{right:var(--works-card-name-position);bottom:var(--works-card-name-position);z-index:3;max-width:calc(100% - 2 * var(--works-card-name-position));pointer-events:none;line-height:1.3;position:absolute}:where(.site-shell) .works-card-name-shadow,:where(.site-shell) .works-card-name-main{font-size:var(--works-card-name-size);letter-spacing:0;text-shadow:0 2px 12px #000000b3;transition:var(--motion-transition,transform .4s cubic-bezier(.4, 0, .2, 1));will-change:transform;text-overflow:ellipsis;min-width:0;max-width:100%;font-weight:700;line-height:1.3;display:block;overflow:hidden;transform:translateZ(0)}:where(.site-shell) .works-card-name-shadow{z-index:1;color:#ffffff1e;position:absolute;inset:0}:where(.site-shell) .works-card-name-main{z-index:2;color:var(--white);position:relative}:where(.site-shell) .works-gallery-card:hover .works-card-name-shadow,:where(.site-shell) .works-gallery-card:hover .works-card-name-main{transform:translateY(-3px)}:where(.site-shell) .works-gallery-card:hover .works-card-name-shadow{color:var(--works-primary)}:where(.site-shell) .works-card-series{top:var(--works-card-series-position);left:var(--works-card-series-position);z-index:3;color:var(--white);font-size:var(--works-card-series-size);text-shadow:0 1px 8px #000000b3;transition:var(--motion-transition,transform .3s ease);font-weight:600;line-height:1;position:absolute;transform:translateZ(0)}:where(.site-shell) .works-gallery-card:hover .works-card-series{transform:translateY(-3px)}:where(.site-shell) .works-gallery-empty{min-height:320px;color:var(--works-text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:4rem 2rem;display:flex}:where(.site-shell) .works-gallery-empty p{text-overflow:ellipsis;min-width:0;max-width:100%;margin:0;overflow:hidden}:where(.site-shell) .works-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}:where(.site-shell) .works-pagination :is(button,a){border:1px solid var(--works-border);width:44px;height:44px;color:var(--works-pagination-color,var(--works-text-primary));background:var(--works-pagination-background,var(--works-bg-primary));border-radius:4px;place-items:center;padding:0;font-size:14px;display:grid}:where(.site-shell) .works-pagination :is(button,a)[aria-current=page]{--works-pagination-color:var(--works-bg-primary);--works-pagination-background:var(--works-text-primary)}:where(.site-shell) .works-pagination :is(button,a):is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:.4}:where(.site-shell) .works-pagination :is(button,a):focus-visible{outline:2px solid var(--works-primary);outline-offset:2px}:where(.site-shell) .works-lightbox{z-index:20;padding:var(--works-lightbox-padding);pointer-events:none;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:var(--motion-transition,opacity .3s ease-out, visibility 0s .3s, backdrop-filter .3s ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}:where(.site-shell) .works-lightbox.active{pointer-events:auto;opacity:1;visibility:visible;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:var(--motion-transition,opacity .3s ease-out, visibility 0s, backdrop-filter .3s ease-out)}:where(.site-shell) .works-lightbox:before{content:"";opacity:0;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);transition:var(--motion-transition,opacity .3s ease-out);background:#0000001a;position:absolute;inset:0}:where(.site-shell) .works-lightbox.active:before{opacity:1}:where(.site-shell) .works-lightbox-backdrop{cursor:pointer;opacity:0;transition:var(--motion-transition,opacity .3s ease-out);background:#000000e6;position:absolute;inset:0}:where(.site-shell) .works-lightbox.active .works-lightbox-backdrop{opacity:1}:where(.site-shell) .works-lightbox-card{z-index:1;width:var(--works-lightbox-card-width);height:var(--works-lightbox-card-height);max-height:var(--works-lightbox-card-max-height);flex-direction:var(--works-lightbox-card-direction);overflow:var(--works-lightbox-card-overflow);border-radius:var(--works-lightbox-card-radius);background:var(--works-bg-primary);opacity:0;transition:var(--motion-transition,opacity .3s ease-out, transform .3s ease-out);display:flex;position:relative;transform:scale(.95);box-shadow:0 25px 50px #0000004d}:where(.site-shell) .works-lightbox.active .works-lightbox-card{opacity:1;transform:scale(1)}:where(.site-shell) .works-lightbox-gallery{width:var(--works-lightbox-gallery-width);height:var(--works-lightbox-gallery-height);flex:var(--works-lightbox-gallery-flex);background:var(--works-lightbox-gallery-background);justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}:where(.site-shell) .works-lightbox-main-image{object-fit:var(--works-lightbox-gallery-fit);width:100%;height:100%;display:block}:where(.site-shell) .works-lightbox-close{z-index:4;width:48px;height:48px;color:var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--motion-transition,background-color .3s ease, transform .3s ease);background:#0006;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:8px;right:8px;transform:rotate(90deg)}:where(.site-shell) .works-lightbox.active .works-lightbox-close{transform:rotate(0)}:where(.site-shell) .works-lightbox-close:hover,:where(.site-shell) .works-lightbox-close:focus-visible{background:#000000b3;transform:rotate(90deg)}:where(.site-shell) .works-lightbox-nav{z-index:4;display:var(--works-lightbox-nav-display);width:48px;height:48px;color:var(--white);opacity:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--motion-transition,background-color .3s ease, opacity .3s ease, transform .3s ease);background:#0006;border:0;border-radius:50%;place-items:center;padding:0;position:absolute;top:50%;transform:translateY(-50%)scale(.9)}:where(.site-shell) .works-lightbox-nav.previous{left:24px}:where(.site-shell) .works-lightbox-nav.next{right:24px}:where(.site-shell) .works-lightbox-gallery:hover .works-lightbox-nav,:where(.site-shell) .works-lightbox-nav:focus-visible{opacity:1;transform:translateY(-50%)scale(1)}:where(.site-shell) .works-lightbox-nav:hover{background:#000000b3}:where(.site-shell) .works-lightbox-dots{z-index:4;justify-content:center;gap:6px;display:flex;position:absolute;bottom:16px;left:0;right:0}:where(.site-shell) .works-lightbox-dot{width:6px;height:6px;transition:var(--motion-transition,transform .2s ease, background-color .2s ease);background:#fff8;border:0;border-radius:50%;padding:0}:where(.site-shell) .works-lightbox-dot.active{background:var(--white);transform:scale(1.3)}:where(.site-shell) .works-lightbox-info{flex:var(--works-lightbox-info-flex);width:var(--works-lightbox-info-width);min-width:var(--works-lightbox-info-min-width);gap:var(--works-lightbox-info-gap);padding:var(--works-lightbox-info-padding);opacity:var(--works-lightbox-info-opacity);background:var(--works-lightbox-info-background);transform:var(--works-lightbox-info-transform);transition:var(--motion-transition,opacity .3s ease-out .2s, transform .3s ease-out .2s);flex-direction:column;display:flex;overflow:auto}:where(.site-shell) .works-lightbox.active .works-lightbox-info{--works-lightbox-info-opacity:1;--works-lightbox-info-transform:translateX(0)}:where(.site-shell) .works-lightbox-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}:where(.site-shell) .works-lightbox-title-row h2{min-width:var(--responsive-works-lightbox-title-row-h2-min-width,0);color:var(--works-text-primary);font-size:var(--works-lightbox-title-size);max-width:var(--responsive-works-lightbox-title-row-h2-max-width,100%);overflow:var(--responsive-works-lightbox-title-row-h2-overflow,hidden);text-overflow:var(--responsive-works-lightbox-title-row-h2-text-overflow,ellipsis);margin:0;font-weight:700;line-height:1.2}:where(.site-shell) .works-lightbox-series{color:var(--palette-accent-strong);background:var(--works-primary-soft);border-radius:999px;flex:none;padding:6px 10px;font-size:.75rem;font-weight:600;line-height:1.3}:where(.site-shell) .works-lightbox-meta{color:var(--works-text-secondary);flex-wrap:wrap;gap:6px;font-size:.875rem;line-height:1.5;display:flex}:where(.site-shell) .works-lightbox-thumbnails{flex-wrap:wrap;gap:8px;display:flex}:where(.site-shell) .works-lightbox-thumbnail{width:var(--works-lightbox-thumbnail-width);aspect-ratio:5/8;background:var(--palette-tint);opacity:.6;transition:var(--motion-transition,border-color .2s ease, opacity .2s ease);border:2px solid #0000;border-radius:6px;padding:0;overflow:hidden}:where(.site-shell) .works-lightbox-thumbnail.active,:where(.site-shell) .works-lightbox-thumbnail:hover,:where(.site-shell) .works-lightbox-thumbnail:focus-visible{border-color:var(--works-primary);opacity:1}:where(.site-shell) .works-lightbox-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}:where(.site-shell) .works-lightbox-info-section{border-top:1px solid var(--works-border);color:var(--works-text-secondary);gap:10px;padding-top:24px;font-size:.95rem;line-height:1.7;display:grid;overflow-x:auto}:where(.site-shell) .works-lightbox-info-section strong{color:var(--works-text-primary);text-overflow:ellipsis;min-width:0;max-width:100%;font-size:1rem;overflow:hidden}:where(.site-shell) .works-lightbox-info-section>p{min-width:0;max-width:100%;margin:0}@media (width<=1023px) and (width>=768px){:where(.site-shell) .works-gallery-grid{--works-grid-max-width:900px}}@media (width<=767px){:where(.site-shell) .works-gallery-grid{--works-card-columns:2;--works-grid-max-width:600px;--works-grid-gap:10px}}@media (width<=899px){:where(.site-shell) .works-gallery-section .works-page-container{--works-gallery-container-max-width:100%}:where(.site-shell) .works-lightbox{--works-lightbox-padding:0}:where(.site-shell) .works-lightbox-card{--works-lightbox-card-width:100vw;--works-lightbox-card-height:100vh;--works-lightbox-card-max-height:100vh;--works-lightbox-card-direction:column;--works-lightbox-card-radius:0;--works-lightbox-card-overflow:auto}:where(.site-shell) .works-lightbox-gallery{--works-lightbox-gallery-width:100%;--works-lightbox-gallery-height:75vh;--works-lightbox-gallery-flex:0 0 75vh;--works-lightbox-gallery-background:var(--works-bg-primary)}:where(.site-shell) .works-lightbox-main-image{--works-lightbox-gallery-fit:cover}:where(.site-shell) .works-lightbox-nav{--works-lightbox-nav-display:none}:where(.site-shell) .works-lightbox-info{--works-lightbox-info-width:100%;--works-lightbox-info-min-width:0;--works-lightbox-info-flex:0 0 auto;--works-lightbox-info-gap:18px;--works-lightbox-info-padding:1rem 1rem 2rem;--works-lightbox-info-opacity:1;--works-lightbox-info-transform:none}:where(.site-shell) .works-lightbox-title-row h2{--works-lightbox-title-size:clamp(1.5rem, 7vw, 2rem);--responsive-works-lightbox-title-row-h2-min-width:0;--responsive-works-lightbox-title-row-h2-max-width:100%;--responsive-works-lightbox-title-row-h2-overflow:hidden;--responsive-works-lightbox-title-row-h2-text-overflow:ellipsis}:where(.site-shell) .works-lightbox-thumbnail{--works-lightbox-thumbnail-width:clamp(60px, 18vw, 80px)}}@media (width<=768px){:where(.site-shell) .works-filter-section{--works-filter-section-margin-bottom:1rem;--works-filter-section-padding:1rem 16px 0}:where(.site-shell) .works-filter-layout{--works-filter-layout-display:grid;--works-filter-layout-gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}:where(.site-shell) .works-filter-field{--works-filter-field-width:100%;--works-filter-field-columns:minmax(0, 1fr);--works-filter-label-display:none}:where(.site-shell) .works-gallery-section .works-page-container{--works-gallery-container-padding:0}:where(.site-shell) .works-card-name-overlay{--works-card-name-position:12px}:where(.site-shell) .works-card-name-shadow,:where(.site-shell) .works-card-name-main{--works-card-name-size:1rem}:where(.site-shell) .works-card-series{--works-card-series-position:12px;--works-card-series-size:.75rem}}@media (width<=480px){:where(.site-shell) .works-card-name-shadow,:where(.site-shell) .works-card-name-main{--works-card-name-size:.875rem}:where(.site-shell) .works-card-series{--works-card-series-size:.625rem}}@media (width<=760px){:where(.site-shell){--works-page-offset:-8px}}