/* Match the Works artboard at its 1512 pt reference width. */
@media(min-width:768px){
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-caption,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card:nth-child(n+4) .work-caption{margin-top:calc(var(--works-caption-top, 17.7px) * var(--design-scale,1))}
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-grid{row-gap:calc(var(--works-grid-row-gap, 72.72px) * var(--design-scale,1))}
}

/* Highlight both lines when the visitor points to or focuses a case. */
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card:is(:hover,:focus-within) .work-title,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card:is(:hover,:focus-within) .work-category{color:#fff}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] #edit.utility-button::before{content:none}

/* Works bilingual caption & typography customization */
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-caption{
 display:grid;
 row-gap:calc(var(--works-caption-row-gap, 0px) * var(--design-scale, 1));
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"][data-works-caption-layout="inline-between"] .work-card .work-caption{
 display:flex;
 align-items:baseline;
 justify-content:space-between;
 column-gap:calc(var(--works-bilingual-gap, 14px) * var(--design-scale, 1));
 flex-wrap:wrap;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"][data-works-caption-layout="inline-left"] .work-card .work-caption{
 display:flex;
 align-items:baseline;
 justify-content:flex-start;
 column-gap:calc(var(--works-bilingual-gap, 14px) * var(--design-scale, 1));
 flex-wrap:wrap;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-title,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category{
 text-align:var(--works-align-en, left);
 font-size:var(--works-title-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1)))!important;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-title.is-cjk,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category.is-cjk{
 display:block;
 text-align:var(--works-align-zh, left);
 font-family:var(--works-cn-font, var(--ndl-cn-font, "SourceHanSansSC-W25-Heavy-r3", "Source Han Sans SC", "PingFang SC", sans-serif))!important;
 font-weight:var(--works-cn-weight, 700)!important;
 font-variation-settings:normal!important;
 font-synthesis:none;
 font-size:var(--works-cn-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1)))!important;
 letter-spacing:var(--works-cn-effective-spacing, 0em)!important;
 word-spacing:var(--works-cn-word-spacing, 0px)!important;
 line-height:var(--works-cn-line-height, 1.05)!important;
 font-kerning:var(--works-cn-kerning, auto);
 text-transform:var(--works-cn-transform, none)!important;
 font-variant-caps:var(--works-cn-variant-caps, normal);
 text-decoration-line:var(--works-cn-decoration, none)!important;
 -webkit-font-smoothing:var(--works-cn-smoothing, antialiased);
 -webkit-text-stroke:var(--works-cn-stroke, 0px);
 paint-order:stroke fill;
 filter:var(--works-cn-filter, none);
 opacity:var(--works-cn-opacity, 1);
 transform-origin:left top;
 transform:translateY(var(--works-cn-baseline-shift, 0px)) scale(var(--works-cn-scale-x, 1), var(--works-cn-scale-y, 1)) rotate(var(--works-cn-rotate, 0deg));
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category{
 font-size:calc(var(--works-title-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1))) * 0.8 * var(--works-category-scale, 1))!important;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category.is-cjk{
 font-weight:var(--works-cn-category-weight, 500)!important;
 -webkit-text-stroke:0px;
 font-size:calc(var(--works-cn-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1))) * 0.8 * var(--works-category-scale, 1))!important;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-lang-zh{
 display:inline-block;
 font-family:var(--works-cn-font, var(--ndl-cn-font, "SourceHanSansSC-W25-Heavy-r3", "Source Han Sans SC", "PingFang SC", sans-serif))!important;
 font-weight:var(--works-cn-weight, 700)!important;
 font-variation-settings:normal!important;
 font-synthesis:none;
 font-size:var(--works-cn-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1)))!important;
 letter-spacing:var(--works-cn-effective-spacing, 0em)!important;
 word-spacing:var(--works-cn-word-spacing, 0px)!important;
 line-height:var(--works-cn-line-height, 1.05)!important;
 font-kerning:var(--works-cn-kerning, auto);
 text-transform:var(--works-cn-transform, none)!important;
 font-variant-caps:var(--works-cn-variant-caps, normal);
 text-decoration-line:var(--works-cn-decoration, none)!important;
 -webkit-font-smoothing:var(--works-cn-smoothing, antialiased);
 -webkit-text-stroke:var(--works-cn-stroke, 0px);
 paint-order:stroke fill;
 filter:var(--works-cn-filter, none);
 opacity:var(--works-cn-opacity, 1);
 transform-origin:left baseline;
 transform:translateY(var(--works-cn-baseline-shift, 0px)) scale(var(--works-cn-scale-x, 1), var(--works-cn-scale-y, 1)) rotate(var(--works-cn-rotate, 0deg));
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category .work-lang-zh{
 font-weight:var(--works-cn-category-weight, 500)!important;
 -webkit-text-stroke:0px;
 font-size:calc(var(--works-cn-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1))) * 0.8 * var(--works-category-scale, 1))!important;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-lang-en{
 display:inline-block;
 font-family:var(--home-title-font, var(--font-title, "NeueHaasDisplay-Bold-r3", "Neue Haas Grotesk Display Pro", sans-serif))!important;
 font-weight:var(--home-title-weight, 700)!important;
 font-size:var(--works-title-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1)))!important;
 letter-spacing:var(--works-title-effective-spacing, -.025em)!important;
 line-height:var(--works-title-line-height, 1)!important;
 text-decoration-line:var(--works-title-decoration, none)!important;
 transform-origin:left baseline;
 transform:translateY(var(--works-title-baseline-shift, 0px)) scale(var(--works-title-scale-x, 1), var(--works-title-scale-y, 1)) rotate(var(--works-title-rotate, 0deg));
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category .work-lang-en{
 font-weight:var(--works-category-weight, 500)!important;
 font-variation-settings:"wght" var(--works-category-weight, 500)!important;
 -webkit-text-stroke:0px;
 font-size:calc(var(--works-title-size, calc(30px * var(--design-scale, 1) * var(--caption-scale, 1))) * 0.8 * var(--works-category-scale, 1))!important;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-title.is-bilingual-stack > .work-lang-en,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-category.is-bilingual-stack > .work-lang-en{
 display:block;
 text-align:var(--works-align-en, left);
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-title.is-bilingual-stack > .work-lang-zh,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-category.is-bilingual-stack > .work-lang-zh{
 display:block;
 text-align:var(--works-align-zh, left);
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-lang-sep{
 display:inline-block;
 margin:0 calc(var(--works-bilingual-gap, 10px) * 0.45 * var(--design-scale, 1));
 opacity:0.52;
 font-weight:500;
}
@media(max-width:767px){
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-title,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-title .work-lang-en{
  font-size:calc(var(--works-title-size, 30px) * 0.6)!important;
 }
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-title.is-cjk,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-title .work-lang-zh{
  font-size:calc(var(--works-cn-size, 30px) * 0.6)!important;
 }
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category .work-lang-en{
  font-size:calc(var(--works-title-size, 30px) * 0.4666667 * var(--works-category-scale, 1))!important;
 }
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category.is-cjk,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .work-card .work-category .work-lang-zh{
  font-size:calc(var(--works-cn-size, 30px) * 0.4666667 * var(--works-category-scale, 1))!important;
 }
}

/* Works bottom signature footer (1:1 layout & typography match with Project Detail .project-end-bottom) */
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-main{
 padding-bottom:calc(42.25px * var(--design-scale, 1))!important;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom.project-end-bottom{
 width:100%;
 max-width:none;
 margin:calc(var(--works-footer-top, 200px) * var(--design-scale, 1)) 0 0;
 padding:0;
 display:grid;
 grid-template-columns:33.78% 33.78% minmax(0,1fr);
 gap:0;
 align-items:start;
 font-size:calc(20px * var(--design-scale, 1));
 line-height:1;
 letter-spacing:0;
 box-sizing:border-box;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-copyright,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-copy{
 margin:0;
 padding-left:0;
 color:#666666!important;
 font-family:var(--home-title-font,var(--project-title-font,var(--ndl-site-font,NDLInter,sans-serif)));
 font-weight:var(--home-title-weight,var(--project-title-weight,700));
 font-size:calc(24px * var(--design-scale, 1));
 line-height:1;
 letter-spacing:-.02em;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-contact,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-col{
 margin:0;
 padding-right:0;
 display:flex;
 flex-direction:column;
 align-items:flex-start;
 color:#666666!important;
 font-family:NDLSourceMedium,sans-serif;
 font-weight:500;
 font-size:calc(20px * var(--design-scale, 1));
 line-height:1;
 letter-spacing:0;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-contact a,
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-col a{
 color:inherit;
 text-decoration:none;
 transition:opacity .25s,color .18s ease;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-contact a:is(:hover,:focus-visible),
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-col a:is(:hover,:focus-visible){
 color:#ffffff;
 opacity:1;
}
html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-address{
 margin:0;
 color:#666666!important;
 font-family:NDLSourceMedium,sans-serif;
 font-weight:500;
 font-size:calc(20px * var(--design-scale, 1));
 line-height:1;
 letter-spacing:0;
 white-space:pre-line;
}
@media(max-width:767px){
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom.project-end-bottom{
  grid-template-columns:1fr 1fr;
  gap:22px 16px;
  margin-top:48px;
  font-size:12px;
  line-height:1.2;
  letter-spacing:-.02em;
 }
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-copyright,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-copy{
  grid-column:1 / -1;
  font-size:14px;
 }
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-contact,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-col,
 html[data-edition-id="20261029-gallery-fit"] body[data-page="works"] .works-end-bottom .project-end-address{
  font-size:12px;
  line-height:1.2;
 }
}

/* Works bilingual workbench UI inside Studio panel — Crisp High-Contrast Solid Surface (No Frosted Glass) */
.ndl-works-bilingual-drawer{
 margin:12px 0 14px;
 border:1px solid #d1d1d6;
 border-radius:14px;
 background:#ffffff;
 box-shadow:0 2px 8px rgba(0,0,0,0.04);
 -webkit-backdrop-filter:none!important;
 backdrop-filter:none!important;
 overflow:hidden;
}
.ndl-works-bilingual-drawer > summary{
 list-style:none;
 cursor:pointer;
 display:flex;
 align-items:center;
 justify-content:space-between;
 padding:11px 14px;
 font-size:13px;
 font-weight:700;
 color:#1d1d1f;
 background:#ffffff;
 user-select:none;
}
.ndl-works-bilingual-drawer > summary::-webkit-details-marker{display:none}
.ndl-works-bilingual-badge{
 font-size:11px;
 font-weight:600;
 padding:2px 8px;
 border-radius:999px;
 color:#0051a8;
 background:#eef5ff;
 border:1px solid #99c7ff;
}
.ndl-works-bilingual-body{
 padding:12px 14px 14px;
 border-top:1px solid #e5e5ea;
 background:#ffffff;
 display:grid;
 gap:12px;
}
.ndl-works-bilingual-tip{
 margin:0;
 font-size:11.5px;
 line-height:1.45;
 color:#515154;
}
.ndl-works-bilingual-sec{
 display:grid;
 gap:6px;
}
.ndl-works-bilingual-sec-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-size:11.5px;
 font-weight:700;
 color:#1d1d1f;
}
.ndl-works-bilingual-mode-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px;
}
.ndl-works-bilingual-mode-card{
 appearance:none;
 border:1.5px solid #d1d1d6;
 border-radius:10px;
 background:#f5f5f7;
 color:#1d1d1f;
 padding:8px 10px;
 text-align:left;
 cursor:pointer;
 display:grid;
 gap:2px;
 transition:border-color .14s ease,background .14s ease;
}
.ndl-works-bilingual-mode-card strong{font-size:12px;font-weight:700;color:#1d1d1f}
.ndl-works-bilingual-mode-card small{font-size:10.5px;color:#515154;font-weight:500}
.ndl-works-bilingual-mode-card:hover{
 background:#ebebf0;
 border-color:#8e8e93;
}
.ndl-works-bilingual-mode-card.is-active{
 border-color:#0071e3;
 background:#eef5ff;
 color:#0051a8;
 box-shadow:0 0 0 1px #0071e3;
}
.ndl-works-bilingual-mode-card.is-active strong{color:#0051a8}
.ndl-works-bilingual-mode-card.is-active small{color:#0066cc}
.ndl-works-bilingual-seg{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(62px,1fr));
 gap:5px;
}
.ndl-works-bilingual-seg-btn{
 appearance:none;
 border:1px solid #c7c7cc;
 border-radius:8px;
 background:#f5f5f7;
 color:#1d1d1f;
 padding:6px 8px;
 font-size:11.5px;
 font-weight:600;
 cursor:pointer;
 transition:border-color .14s ease,background .14s ease,color .14s ease;
}
.ndl-works-bilingual-seg-btn:hover{
 background:#ebebf0;
 border-color:#8e8e93;
}
.ndl-works-bilingual-seg-btn.is-active{
 border-color:#0071e3;
 background:#0071e3;
 color:#ffffff;
}
.ndl-works-bilingual-align-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px;
}
.ndl-works-bilingual-slider-grid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:8px;
}
.ndl-works-bilingual-slider-card{
 border:1px solid #d1d1d6;
 border-radius:10px;
 background:#f5f5f7;
 padding:8px 10px;
 display:grid;
 gap:5px;
}
.ndl-works-bilingual-slider-head{
 display:flex;
 align-items:center;
 justify-content:space-between;
 font-size:11px;
 font-weight:600;
 color:#1d1d1f;
}
.ndl-works-bilingual-slider-head output{
 font-variant-numeric:tabular-nums;
 font-weight:700;
 color:#0071e3;
}
.ndl-works-bilingual-slider-card input[type="range"]{
 width:100%;
 accent-color:#0071e3;
}
.ndl-works-bilingual-foot-bar{
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:8px;
 padding-top:4px;
}
.ndl-works-bilingual-check{
 display:inline-flex;
 align-items:center;
 gap:6px;
 font-size:11.5px;
 font-weight:600;
 color:#1d1d1f;
 cursor:pointer;
}
.ndl-works-bilingual-reset{
 appearance:none;
 border:1px solid #c7c7cc;
 border-radius:8px;
 background:#f5f5f7;
 color:#1d1d1f;
 font-weight:600;
 padding:5px 10px;
 font-size:11px;
 cursor:pointer;
}
.ndl-works-bilingual-reset:hover{
 background:#e5e5ea;
 border-color:#8e8e93;
}
.ndl-works-bilingual-card-fields{
 margin-top:6px;
 border:1px dashed #c7c7cc;
 border-radius:9px;
 padding:6px 8px;
 background:#f5f5f7;
}
.ndl-works-bilingual-card-fields > summary{
 cursor:pointer;
 font-size:11px;
 font-weight:600;
 color:#1d1d1f;
 user-select:none;
}
.ndl-works-bilingual-card-grid{
 margin-top:6px;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:6px;
}
.ndl-works-bilingual-card-grid label{
 display:grid;
 gap:3px;
 font-size:10.5px;
 font-weight:600;
 color:#515154;
}
.ndl-works-bilingual-card-grid input{
 width:100%;
 box-sizing:border-box;
 padding:5px 7px;
 border-radius:6px;
 border:1px solid #c7c7cc;
 background:#ffffff;
 color:#1d1d1f;
 font-weight:500;
 font-size:11.5px;
}

html[data-edition-id="20261029-gallery-fit"] .works-end-bottom .project-end-address a{
 color:inherit;
 text-decoration:none;
 transition:color .18s ease;
}
html[data-edition-id="20261029-gallery-fit"] .works-end-bottom .project-end-address a:is(:hover,:focus-visible){
 color:#fff;
}
html:not(.works-ready) body[data-page="works"] #works-end-bottom,
body[data-page="works"] #works-end-bottom[hidden]{
 display:none!important;
}
