/* Identical homepage header proportions; keep the existing Works grid. */
body[data-works-appearance]{--brand-base:5.6vw;--brand-top:1.15vw}
body[data-works-appearance] .site-title{left:1.1vw;letter-spacing:var(--home-brand-spacing,0);font-family:var(--home-brand-font,var(--ndl-site-font,NDLInter,sans-serif));font-weight:var(--home-brand-weight,700)}
body[data-works-appearance] .site-nav{letter-spacing:var(--home-navigation-spacing,-.035em);top:2.15vw;left:67.1vw;right:1.3vw;justify-content:space-between;gap:0;font-size:calc(4.3vw*var(--nav-scale,1));font-family:var(--home-navigation-font,var(--ndl-site-font,NDLInter,sans-serif));font-weight:var(--home-navigation-weight,700)}
body[data-works-appearance] .site-header{height:var(--works-header-height,90px)}
body[data-works-appearance] .works-main{padding-top:max(15.3vw,calc(var(--works-header-height,90px) + 3.6vw))}
body[data-works-appearance] .work-caption{letter-spacing:var(--home-title-spacing,-.025em);font-family:var(--home-title-font,var(--ndl-site-font,NDLInter,sans-serif));font-weight:var(--home-title-weight,700);text-transform:uppercase;color:#666}
.appearance-status{font:10px/1.7 var(--ui);color:#626258;margin:8px 0 14px}
#sync-home-style{margin-top:16px}
@media(min-width:768px){
 body[data-works-appearance]{min-height:128.56vw}
 body[data-works-appearance] .works-main{min-height:128.56vw;padding-bottom:14.66vw}
 body[data-works-appearance] .works-grid{row-gap:4.62vw}
 body[data-works-appearance] .work-card .work-caption{margin-top:.75vw;font-size:calc(2vw*var(--caption-scale,1));line-height:1.3}
}
@media(max-width:767px){
 body[data-works-appearance]{--brand-base:12.3vw;--brand-top:14px}
 body[data-works-appearance] .site-title{left:10px}
 body[data-works-appearance] .site-nav{top:calc(28px + 10.455vw*var(--brand-scale));left:55%;right:12px;font-size:calc(25px*var(--nav-scale,1))}
 body[data-works-appearance] .works-main{padding-top:max(190px,calc(var(--works-header-height,90px) + 36px))}
}