/* 2026-10-27 17:28 source revision (r3). Only opted-in editions apply these rules. */
html[data-source-revision="r3"]:has(body[data-page="works"]){
 background:#080808;
}
html[data-source-revision="r3"] body[data-page="works"] .site-header,
html[data-source-revision="r3"] body[data-page="project"] .site-header{
 height:0!important;
 background:transparent!important;
 border:0!important;
 mix-blend-mode:difference;
 pointer-events:none;
}
html[data-source-revision="r3"] body[data-page="works"] .site-title,
html[data-source-revision="r3"] body[data-page="project"] .site-title{
 color:#fff;
}
html[data-source-revision="r3"] body[data-page="project"] .site-nav a[data-nav="works"]{
 opacity:1;
 color:#fff;
}
html[data-source-revision="r3"] body[data-page="project"] .site-nav a[data-nav="info"]{
 opacity:1;
 color:#666666;
}
html[data-source-revision="r3"] body[data-page="project"] .site-nav a[data-nav="info"]:hover,
html[data-source-revision="r3"] body[data-page="project"] .site-nav a[data-nav="info"]:focus-visible{
 color:#fff;
}
html[data-source-revision="r3"] body[data-page="works"] .works-main{
 background:#080808;
}
html[data-source-revision="r3"] body[data-page="works"] .work-card .work-caption{
 color:#666666;
 text-transform:none;
}
html[data-source-revision="r3"] body[data-page="works"] .work-title{
 color:#666666;
 line-height:1;
}
html[data-source-revision="r3"] body[data-page="works"] .work-category{
 color:#666666;
 font-family:NDLSourceMedium,sans-serif;
 font-weight:500;
 letter-spacing:0;
 line-height:1;
}
html[data-source-revision="r3"] .project-credits,
html[data-source-revision="r3"] .project-end-mark,
html[data-source-revision="r3"] .info-grid-footer::after{
 display:none!important;
 content:none!important;
}
html[data-source-revision="r3"] .info-grid-footer{
 display:block;
 margin-top:calc(190.5px * var(--design-scale));
}
html[data-source-revision="r3"] .info-grid-footer>.info-copy{display:block}
html[data-source-revision="r3"] .info-grid-footer>.info-copy:empty{display:none}
html[data-source-revision="r3"] .info-grid-footer>.info-en{
 font-family:var(--info-side-font);
 font-size:calc(24px * var(--design-scale));
 font-weight:var(--info-side-weight,700);
 line-height:1;
}
html[data-source-revision="r3"] .project-ending{
 display:flex;
 flex-direction:column;
}
html[data-source-revision="r3"] .project-end-nav{
 order:1;
 color:var(--project-muted,#999999);
 position:relative;
}
html[data-source-revision="r3"] .project-end-bottom{
 order:2;
 align-items:start;
}
html[data-source-revision="r3"] .project-end-copyright{
 padding-left:0;
 color:var(--project-ink,#080808);
 font-family:var(--project-title-font,var(--ndl-site-font,NDLInter,sans-serif));
 font-weight:var(--project-title-weight,700);
 line-height:1;
}
html[data-source-revision="r3"] .project-end-contact,
html[data-source-revision="r3"] .project-end-address{
 color:var(--project-muted,#999999);
 font-family:NDLSourceMedium,sans-serif;
 font-weight:500;
 line-height:1;
}
@media(min-width:768px){
 html[data-source-revision="r3"] body[data-page="works"] .works-main{
  padding:calc(208.6px * var(--design-scale)) calc(19.88px * var(--design-scale)) calc(290.62px * var(--design-scale));
 }
 html[data-source-revision="r3"] body[data-page="works"] .works-grid{
  column-gap:calc(20px * var(--design-scale));
  row-gap:calc(64.12px * var(--design-scale));
 }
 html[data-source-revision="r3"] body[data-page="works"] .work-card .work-caption,
 html[data-source-revision="r3"] body[data-page="works"] .work-card:nth-child(n+4) .work-caption{
  margin-top:calc(26.29px * var(--design-scale));
  font-size:calc(30px * var(--design-scale) * var(--caption-scale,1));
  line-height:1;
 }
 html[data-source-revision="r3"] body[data-page="works"] .work-category{
  margin-top:calc(2.68px * var(--design-scale));
  font-size:calc(24px * var(--design-scale) * var(--caption-scale,1));
  line-height:1;
 }
 html[data-source-revision="r3"] .project-ending{
  --end-margin:calc(19.88px * var(--design-scale));
  padding-bottom:calc(42.25px * var(--design-scale));
 }
 html[data-source-revision="r3"] .project-end-nav,
 html[data-source-revision="r3"] .project-credits[hidden]+.project-next+.project-ending .project-end-nav{
  margin-top:calc(500.2px * var(--design-scale));
  padding-top:0;
  padding-bottom:0;
  font-size:calc(56px * var(--design-scale));
  line-height:1;
  letter-spacing:0;
 }
 html[data-source-revision="r3"] .project-end-preview{
  position:absolute;
  left:50%;
  top:calc(50% - 3.78px * var(--design-scale));
  transform:translate(-50%,-50%);
  width:calc(400px * var(--design-scale));
  max-width:calc(100vw - 32px);
  max-height:none;
  aspect-ratio:1/1;
 }
 html[data-source-revision="r3"] .project-end-preview-media{
  border-radius:0;
 }
 html[data-source-revision="r3"] .project-end-bottom{
  grid-template-columns:33.78% 33.78% minmax(0,1fr);
  margin-top:calc(280.38px * var(--design-scale));
  font-size:calc(20px * var(--design-scale));
  line-height:1;
  letter-spacing:0;
 }
 html[data-source-revision="r3"] .project-end-copyright{
  padding-left:0;
  font-size:calc(24px * var(--design-scale));
  letter-spacing:-.02em;
 }
 html[data-source-revision="r3"] .project-end-contact,
 html[data-source-revision="r3"] .project-end-address{
  font-size:calc(20px * var(--design-scale));
  line-height:1;
 }
 html[data-source-revision="r3"] .info-content{
  padding-bottom:calc(43.76px * var(--design-scale));
 }
}
@media(max-width:767px){
 html[data-source-revision="r3"] body[data-page="works"] .work-card .work-caption{
  margin-top:14px;
  font-size:calc(18px * var(--caption-scale,1));
  line-height:1;
 }
 html[data-source-revision="r3"] body[data-page="works"] .work-category{
  margin-top:3px;
  font-size:calc(14px * var(--caption-scale,1));
  line-height:1;
 }
 html[data-source-revision="r3"] .project-ending{padding-bottom:48px}
 html[data-source-revision="r3"] .project-end-nav,
 html[data-source-revision="r3"] .project-credits[hidden]+.project-next+.project-ending .project-end-nav{
  margin-top:72px;
  padding-top:0;
  padding-bottom:0;
  font-size:clamp(28px,7vw,40px);
  line-height:1;
 }
 html[data-source-revision="r3"] .project-end-bottom{margin-top:48px}
 html[data-source-revision="r3"] .info-awards{width:var(--info-reading-width);max-width:100%}
 html[data-source-revision="r3"] .info-grid-footer{margin-top:72px}
 html[data-source-revision="r3"] .info-grid-footer>.info-en{font-size:16px}
 html[data-source-revision="r3"] .info-content{padding-bottom:64px}
}
@keyframes ndlSimilarMarquee{
 0%{transform:translate3d(0,0,0)}
 100%{transform:translate3d(-50%,0,0)}
}
html[data-source-revision="r3"] .project-end-nav.is-similar-mode{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 text-align:center;
 width:100%;
}
html[data-source-revision="r3"] .project-end-similar{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 width:100%;
 position:relative;
}
html[data-source-revision="r3"] .project-end-similar-trigger{
 display:flex;
 flex-direction:column;
 align-items:center;
 justify-content:center;
 text-align:center;
 cursor:pointer;
 max-width:92vw;
}
html[data-source-revision="r3"] .project-end-similar-heading{
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 justify-content:center;
 line-height:1;
}
html[data-source-revision="r3"] .project-end-similar-heading .project-end-direction,
html[data-source-revision="r3"] .project-end-similar-title{
 display:inline-block;
 color:var(--project-ink,#080808);
 text-decoration:none;
}
html[data-source-revision="r3"] .project-end-similar-reel{
 --similar-side:calc(19.88px * var(--design-scale,1));
 --similar-gap:clamp(16px,calc(20px * var(--design-scale,1)),28px);
 --similar-card-size:min(max(220px,calc((100vw - 2 * var(--similar-side) - 2 * var(--similar-gap)) / 3)),calc((100svh - 420px) * 770 / 1000));
 --similar-thumb-height:calc(var(--similar-card-size) * 1000 / 770);
 --similar-frost-base:clamp(100px,12vw,200px);
 position:relative;
 touch-action:pan-y;
 width:100vw;
 margin-left:calc(50% - 50vw);
 margin-right:calc(50% - 50vw);
 overflow:hidden;
 max-height:0;
 opacity:0;
 margin-top:0;
 padding-bottom:0;
 transform:translateY(14px);
 pointer-events:none;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 2.2%,rgba(0,0,0,.62) 5.8%,rgba(0,0,0,.9) 9.5%,#000 13.5%,#000 86.5%,rgba(0,0,0,.9) 90.5%,rgba(0,0,0,.62) 94.2%,rgba(0,0,0,.22) 97.8%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.22) 2.2%,rgba(0,0,0,.62) 5.8%,rgba(0,0,0,.9) 9.5%,#000 13.5%,#000 86.5%,rgba(0,0,0,.9) 90.5%,rgba(0,0,0,.62) 94.2%,rgba(0,0,0,.22) 97.8%,transparent 100%);
 transition:max-height .55s cubic-bezier(.22,1,.36,1),opacity .36s ease,transform .45s cubic-bezier(.22,1,.36,1),margin-top .45s cubic-bezier(.22,1,.36,1),padding-bottom .45s cubic-bezier(.22,1,.36,1);
}
html[data-source-revision="r3"] .project-end-similar-reel::before,
html[data-source-revision="r3"] .project-end-similar-reel::after{
 content:'';
 position:absolute;
 top:0;
 bottom:auto;
 height:var(--similar-thumb-height);
 width:var(--similar-frost-width,var(--similar-frost-base,clamp(100px,12vw,200px)));
 opacity:var(--similar-frost-opacity,1);
 overflow:hidden;
 z-index:5;
 pointer-events:none;
 -webkit-backdrop-filter:blur(16px) saturate(106%) brightness(1.02);
 backdrop-filter:blur(16px) saturate(106%) brightness(1.02);
}
html[data-source-revision="r3"] .project-end-similar-reel::before{
 left:0;
 background:linear-gradient(90deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.48) 26%,rgba(255,255,255,.18) 56%,rgba(255,255,255,.04) 80%,rgba(255,255,255,0) 100%);
 -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.28) 58%,transparent 92%);
 mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.28) 58%,transparent 92%);
}
html[data-source-revision="r3"] .project-end-similar-reel::after{
 right:0;
 background:linear-gradient(270deg,rgba(255,255,255,.76) 0%,rgba(255,255,255,.48) 26%,rgba(255,255,255,.18) 56%,rgba(255,255,255,.04) 80%,rgba(255,255,255,0) 100%);
 -webkit-mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.28) 58%,transparent 92%);
 mask-image:linear-gradient(270deg,#000 0%,rgba(0,0,0,.72) 28%,rgba(0,0,0,.28) 58%,transparent 92%);
}
html[data-source-revision="r3"] .project-end-similar-frost{
 position:absolute;
 top:0;
 bottom:auto;
 height:var(--similar-thumb-height);
 width:var(--similar-frost-width,var(--similar-frost-base,clamp(100px,12vw,200px)));
 overflow:hidden;
 z-index:4;
 pointer-events:none;
}
html[data-source-revision="r3"] .project-end-similar-frost.is-left{
 left:0;
 --frost-dir:90deg;
}
html[data-source-revision="r3"] .project-end-similar-frost.is-right{
 right:0;
 --frost-dir:270deg;
}
html[data-source-revision="r3"] .project-end-similar-frost-layer{
 position:absolute;
 inset:0;
 pointer-events:none;
}
html[data-source-revision="r3"] .project-end-similar-frost-layer.is-layer-1{
 -webkit-backdrop-filter:blur(2px) saturate(102%);
 backdrop-filter:blur(2px) saturate(102%);
 -webkit-mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.75) 35%,rgba(0,0,0,.25) 72%,transparent 100%);
 mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.75) 35%,rgba(0,0,0,.25) 72%,transparent 100%);
}
html[data-source-revision="r3"] .project-end-similar-frost-layer.is-layer-2{
 -webkit-backdrop-filter:blur(5px) saturate(104%);
 backdrop-filter:blur(5px) saturate(104%);
 -webkit-mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.7) 28%,rgba(0,0,0,.2) 58%,transparent 82%);
 mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.7) 28%,rgba(0,0,0,.2) 58%,transparent 82%);
}
html[data-source-revision="r3"] .project-end-similar-frost-layer.is-layer-3{
 -webkit-backdrop-filter:blur(11px) saturate(106%);
 backdrop-filter:blur(11px) saturate(106%);
 -webkit-mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.65) 22%,rgba(0,0,0,.18) 44%,transparent 62%);
 mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.65) 22%,rgba(0,0,0,.18) 44%,transparent 62%);
}
html[data-source-revision="r3"] .project-end-similar-frost-layer.is-layer-4{
 -webkit-backdrop-filter:blur(20px) saturate(108%) brightness(1.02);
 backdrop-filter:blur(20px) saturate(108%) brightness(1.02);
 -webkit-mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.6) 16%,transparent 44%);
 mask-image:linear-gradient(var(--frost-dir,90deg),#000 0%,rgba(0,0,0,.6) 16%,transparent 44%);
}
@media(min-width:768px){
 html[data-source-revision="r3"] .project-end-nav.is-similar-mode,
 html[data-source-revision="r3"] .project-credits[hidden]+.project-next+.project-ending .project-end-nav.is-similar-mode{
  margin-top:calc(320px * var(--design-scale));
 }
 html[data-source-revision="r3"] .project-ending:has(.project-end-nav.is-similar-mode) .project-end-bottom{
  margin-top:clamp(220px,calc(300px * var(--design-scale)),340px);
 }
}
html[data-source-revision="r3"] .project-end-similar:hover .project-end-similar-reel,
html[data-source-revision="r3"] .project-end-similar.is-reel-open .project-end-similar-reel{
 max-height:var(--reel-open-height,clamp(420px,calc(690px * var(--design-scale,1)),900px));
 opacity:1;
 margin-top:clamp(28px,calc(42px * var(--design-scale,1)),56px);
 padding-bottom:clamp(28px,calc(42px * var(--design-scale,1)),56px);
 transform:translateY(0);
 pointer-events:auto;
 cursor:grab;
}
html[data-source-revision="r3"] .project-end-similar-reel.is-dragging,
html[data-source-revision="r3"] .project-end-similar-reel.is-dragging .project-end-similar-card{
 cursor:grabbing!important;
 user-select:none;
}
html[data-source-revision="r3"] .project-end-similar-track{
 display:flex;
 width:max-content;
 will-change:transform;
}
html[data-source-revision="r3"] .project-end-similar-group{
 display:flex;
 align-items:flex-start;
 gap:var(--similar-gap);
 padding-right:var(--similar-gap);
 flex-shrink:0;
}
html[data-source-revision="r3"] .project-end-similar-card{
 width:calc(var(--similar-card-size) * var(--similar-user-scale,1));
 min-width:200px;
 display:flex;
 flex-direction:column;
 align-items:center;
 text-align:center;
 text-decoration:none;
 color:var(--project-muted,#999999);
 flex-shrink:0;
}
html[data-source-revision="r3"] .project-end-similar-thumb{
 width:100%;
 aspect-ratio:770 / 1000;
 overflow:hidden;
 background:#f0f0f0;
 position:relative;
}
html[data-source-revision="r3"] .project-end-similar-media{
 width:100%;
 height:100%;
 object-fit:cover;
 display:block;
 transition:transform .55s cubic-bezier(.22,1,.36,1);
}
html[data-source-revision="r3"] .project-end-similar-card:hover .project-end-similar-media,
html[data-source-revision="r3"] .project-end-similar-card:focus-visible .project-end-similar-media{
 transform:scale(1.05);
}
html[data-source-revision="r3"] .project-end-similar-meta{
 display:flex;
 flex-direction:column;
 align-items:center;
 margin-top:clamp(14px,calc(20px * var(--design-scale,1)),28px);
 width:100%;
}
html[data-source-revision="r3"] .project-end-similar-card-title{
 font-family:var(--project-title-font,var(--ndl-site-font,NDLInter,sans-serif));
 font-weight:var(--project-title-weight,700);
 font-size:clamp(18px,calc(30px * var(--design-scale,1) * var(--caption-scale,1)),38px);
 line-height:1;
 letter-spacing:-.02em;
 color:var(--project-muted,#999999);
}
@media(max-width:767px){
 html[data-source-revision="r3"] .project-end-similar-reel{
  --similar-card-size:clamp(176px,54vw,220px);
  --similar-frost-base:clamp(24px,8vw,42px);
  max-height:none;
  opacity:1;
  margin-top:24px;
  padding-bottom:20px;
  transform:none;
  pointer-events:auto;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 4%,#000 9%,#000 91%,rgba(0,0,0,.55) 96%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 4%,#000 9%,#000 91%,rgba(0,0,0,.55) 96%,transparent 100%);
 }
 html[data-source-revision="r3"] .project-end-similar-card{
  min-width:150px;
 }
}
html[data-source-revision="r3"] .project-introduction.is-bilingual{
 white-space:normal;
 display:block;
 margin:0;
 hyphens:none;
 -webkit-hyphens:none;
}
html[data-source-revision="r3"] .project-bilingual-body{
 margin:0;
 padding:0;
 border:0;
 display:grid;
 grid-template-columns:minmax(0,1fr) minmax(0,1fr);
 column-gap:clamp(18px,calc(24px * var(--design-scale,1)),36px);
 align-items:start;
}
html[data-source-revision="r3"] .project-bilingual-col p{
 margin:0;
 text-align:left;
}
html[data-source-revision="r3"] .project-bilingual-col.is-en p{
 font-family:NDLSourceMedium,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size:clamp(20px,calc(36px * var(--design-scale,1)),54px);
 font-weight:500;
 line-height:1.111;
 letter-spacing:-.01em;
 color:var(--project-ink,#080808);
 hyphens:none;
 -webkit-hyphens:none;
}
html[data-source-revision="r3"] .project-bilingual-col.is-cn p{
 font-family:var(--project-cn-font,NDLProjectChinese,"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Source Han Sans SC",sans-serif);
 font-size:clamp(19px,calc(33.5px * var(--design-scale,1)),50px);
 font-weight:700;
 line-height:1.255;
 letter-spacing:0;
 color:var(--project-ink,#080808);
}
@media(max-width:767px){
 html[data-source-revision="r3"] .project-bilingual-body{
  grid-template-columns:minmax(0,1fr);
  row-gap:16px;
 }
}