:root{
  --site-bg:#070a08;
  --site-paper:#f1f0e8;
  --site-muted:#9da49c;
  --site-acid:#c9fa39;
  --site-line:rgba(225,236,218,.15);
  --site-serif:Georgia,"Times New Roman","Songti SC","STSong",serif;
  --site-sans:Arial,"Microsoft YaHei","PingFang SC",sans-serif;
}
body,main{background:var(--site-bg);color:var(--site-paper)}
.work-nav{background:rgba(7,10,8,.9);border-color:var(--site-line);font-family:var(--site-sans)}
.work-nav a,.work-nav span{letter-spacing:.18em}
.image-archive,.video-archive,.modeling-archive,.product-project{
  background-color:var(--site-bg);
  border-top:1px solid var(--site-line);
  color:var(--site-paper);
}
.image-archive,.video-archive,.game-archive,.modeling-archive,.product-project{scroll-margin-top:60px}
.image-archive,.video-archive,.modeling-archive{
  background-image:radial-gradient(circle at 52% 5%,rgba(120,163,71,.11),transparent 38%),linear-gradient(rgba(225,236,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(225,236,218,.025) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px;
  padding-top:58px;
}
.image-archive-head,.video-archive-head,.modeling-archive-head{
  align-items:center;
  gap:26px;
  grid-template-columns:minmax(330px,.82fr) minmax(440px,1.18fr) minmax(150px,.48fr);
  min-height:0;
  padding-bottom:34px;
}
.image-archive-head h2,.video-archive-head h2,.modeling-archive-head h2{
  font-family:var(--site-serif);
  font-size:clamp(66px,7.4vw,116px);
  font-weight:400;
  letter-spacing:-.055em;
  line-height:.78;
}
.image-archive-head h2 em,.video-archive-head h2 em,.modeling-archive-head h2 em{color:var(--site-acid)}
.image-archive-entry>p,.video-archive-entry>p,.modeling-archive-entry>p,
.image-archive-entry>span,.video-archive-entry>span,.modeling-archive-entry>span,
.image-archive-head>div:last-child,.video-archive-status,.modeling-archive-status{
  font-family:var(--site-sans);
  letter-spacing:.19em;
}
.image-archive-entry>a.image-archive-button,
.video-archive-entry>a,
.modeling-archive-entry>a{
  align-items:center;
  background:linear-gradient(90deg,#d4ff39,#b5ee23);
  border:0;
  border-radius:999px;
  box-shadow:0 0 0 1px rgba(227,255,101,.62),0 0 20px rgba(182,238,35,.38);
  color:#10140d;
  display:flex;
  gap:14px;
  font-family:var(--site-sans);
  height:58px;
  justify-content:space-between;
  margin:24px 0 0 28px;
  min-height:58px;
  padding:7px 8px 7px 25px;
  width:340px;
}
.image-archive-entry>a.image-archive-button{align-items:center!important;flex-direction:row!important;gap:14px!important;height:58px!important;justify-content:space-between!important;margin:24px 0 0 28px!important;min-height:58px!important;overflow:hidden!important;padding:7px 8px 7px 25px!important;width:340px!important}
.image-archive-entry>a.image-archive-button:before,.video-archive-entry>a:before{display:none!important}
.image-archive-entry>a.image-archive-button strong,.video-archive-entry>a strong,.modeling-archive-entry>a strong{font:700 19px/1.05 var(--site-sans);letter-spacing:-.025em}
.image-archive-entry>a.image-archive-button strong{font:700 19px/1.05 var(--site-sans)!important;letter-spacing:-.025em!important}
.image-archive-entry>a.image-archive-button i,.video-archive-entry>a i,.modeling-archive-entry>a i{background:#172610;border:0;border-radius:50%;color:#e2ff6b;display:grid;font:400 19px/1 Arial,sans-serif;height:42px;place-items:center;width:42px}
.image-archive-entry>a.image-archive-button i{align-self:center!important;aspect-ratio:1!important;background:#172610!important;border:0!important;border-radius:50%!important;color:#e2ff6b!important;display:grid!important;flex:0 0 42px!important;font:400 19px/1 Arial,sans-serif!important;height:42px!important;margin:0!important;min-height:42px!important;place-items:center!important;width:42px!important}
.image-archive-entry>a.image-archive-button:hover,.video-archive-entry>a:hover,.modeling-archive-entry>a:hover{box-shadow:0 0 0 1px #efff99,0 0 27px rgba(198,255,43,.58);transform:translateX(5px)}
.image-archive-entry>p,.video-archive-entry>p,.modeling-archive-entry>p{margin-bottom:18px}
.image-archive-entry>a:not(.image-archive-button),.video-archive-entry>span,.modeling-archive-entry>span{padding-bottom:8px;padding-top:8px}
.game-archive{border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.video-archive{padding-bottom:44px}
.product-project{
  background-image:radial-gradient(circle at 78% 45%,rgba(255,92,13,.14),transparent 32%),linear-gradient(rgba(225,236,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(225,236,218,.025) 1px,transparent 1px);
  background-size:auto,72px 72px,72px 72px;
  padding-top:72px;
}
.product-project-copy>p{color:var(--site-acid);font-family:var(--site-sans)}
.product-project-copy>span{color:var(--site-muted);font-family:var(--site-sans)}
.product-project-copy h2{font-family:var(--site-serif);font-weight:400;letter-spacing:-.055em}
.product-project-copy h2 em{font-family:"Songti SC","STSong",serif}
.product-project-copy h3{font-family:"Songti SC","STSong",serif;font-weight:400}
.product-project-tags b,.product-flow span{font-family:var(--site-sans)}
.product-project-copy>a{height:58px;justify-content:space-between;min-width:340px;padding:7px 13px 7px 28px}
.product-project-copy>a i{align-items:center;background:rgba(0,0,0,.32);border-radius:50%;display:flex;height:42px;justify-content:center;width:42px}
.product-flow{border-bottom:1px solid var(--site-line)}
.product-flow li{border-color:var(--site-line)}
.modeling-viewer-wrap{border:1px solid rgba(207,241,117,.16);box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 0 70px rgba(74,134,72,.06)}

/* Image archive: one continuous four-lane film strip, without row captions. */
.image-archive{padding-bottom:34px}
.image-reels{gap:0!important}
.image-reel{margin:0!important}
.image-reel>header{display:none!important}
.image-reel-view{margin:0!important}
.image-reel-loop{
  border-bottom:1px solid rgba(218,231,210,.13)!important;
  border-top:0!important;
  padding-bottom:18px!important;
  padding-top:18px!important;
}
.image-reel:first-child .image-reel-loop{border-top:1px solid rgba(218,231,210,.16)!important}
.image-reel+.image-reel .image-reel-loop{margin-top:-1px}
.image-frame{transition:border-color .25s,transform .35s,box-shadow .35s}
.image-frame:hover{box-shadow:0 0 22px rgba(190,237,57,.13);z-index:2}
@media(max-width:800px){
  .image-archive,.video-archive,.modeling-archive,.product-project{padding-top:62px}
  .image-archive-head,.video-archive-head,.modeling-archive-head{gap:18px;grid-template-columns:1fr;padding-bottom:28px}
  .image-archive-head h2,.video-archive-head h2,.modeling-archive-head h2{font-size:clamp(48px,15vw,76px)}
  .image-archive-entry>a.image-archive-button,.video-archive-entry>a,.modeling-archive-entry>a{margin-left:0!important;width:min(340px,88vw)!important}
  .product-project-copy>a{min-width:min(340px,88vw)}
  .image-reel-loop{padding-bottom:16px!important;padding-top:16px!important}
}

/* Unified archive intro — one fixed composition for images, motion, games, 3D and projects. */
.image-archive,.video-archive,.modeling-archive{padding-top:0}
.archive-unified-head{
  align-items:center!important;
  display:grid!important;
  gap:clamp(20px,2vw,34px)!important;
  grid-template-columns:minmax(340px,28fr) minmax(0,72fr)!important;
  min-height:184px!important;
  padding:28px var(--pad) 24px!important;
  position:relative;
  z-index:4;
}
.archive-unified-head h2{
  font:400 clamp(54px,5.2vw,78px)/.9 var(--site-serif)!important;
  letter-spacing:-.065em!important;
  margin:0!important;
  white-space:nowrap;
}
.archive-unified-head h2 em{color:var(--site-acid);font-style:italic;font-weight:400}
.image-archive-entry,.video-archive-entry,.modeling-archive-entry,.archive-unified-entry{align-self:center!important}
.image-archive-entry>p,.video-archive-entry>p,.modeling-archive-entry>p,.archive-unified-entry>p{
  color:#dce1d8!important;
  font:700 12px/1.2 var(--site-sans)!important;
  letter-spacing:.18em!important;
  margin:0 0 12px!important;
}
.image-archive-entry>a:not(.image-archive-button),.video-archive-entry>span,.modeling-archive-entry>span,.archive-unified-entry>span{
  border-left:2px solid var(--site-acid);
  color:#aeb5aa!important;
  display:block;
  font:400 12px/1.2 var(--site-sans)!important;
  letter-spacing:.18em!important;
  padding:7px 0 7px 18px!important;
  white-space:nowrap;
  width:320px!important;
}
.image-archive-entry>a:not(.image-archive-button):after,.video-archive-entry>span:after{display:none!important}
.image-archive-entry>a.image-archive-button,.video-archive-entry>a,.modeling-archive-entry>a,.archive-unified-entry>a{
  align-items:center!important;
  background:linear-gradient(90deg,#d4ff39,#b5ee23)!important;
  border:0!important;
  border-radius:999px!important;
  box-shadow:0 0 0 1px rgba(227,255,101,.62),0 0 20px rgba(182,238,35,.38)!important;
  color:#10140d!important;
  display:flex!important;
  height:58px!important;
  justify-content:space-between!important;
  margin:18px 0 0!important;
  min-height:58px!important;
  padding:7px 8px 7px 25px!important;
  text-decoration:none!important;
  width:340px!important;
}
.archive-unified-entry>a strong{font:700 19px/1.05 var(--site-sans);letter-spacing:-.025em;white-space:nowrap}
.archive-unified-entry>a i{
  background:#172610;
  border-radius:50%;
  color:#e2ff6b;
  display:grid;
  flex:0 0 42px;
  font:400 19px/1 Arial,sans-serif;
  font-style:normal;
  height:42px;
  place-items:center;
  width:42px;
}
.archive-unified-status,.image-archive-head>div:last-child,.video-archive-status,.modeling-archive-status{
  align-items:center!important;
  color:#b8c0b5!important;
  display:flex!important;
  flex-wrap:nowrap;
  font:500 clamp(12px,.95vw,16px)/1.45 var(--site-sans)!important;
  gap:9px 12px!important;
  justify-content:flex-end!important;
  letter-spacing:.14em!important;
  max-width:none;
  position:absolute;
  right:var(--pad);
  text-align:right!important;
  top:30px;
  white-space:nowrap;
}
.archive-unified-status b,.image-archive-head>div:last-child b,.video-archive-status b,.modeling-archive-status b{
  background:var(--site-acid);
  border-radius:50%;
  box-shadow:0 0 14px rgba(185,223,56,.75);
  flex:0 0 7px;
  height:7px;
  width:7px;
}

.game-archive--approved{background-color:var(--site-bg);background-image:radial-gradient(circle at 52% 5%,rgba(120,163,71,.11),transparent 38%),linear-gradient(rgba(225,236,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(225,236,218,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.game-archive-head,.project-archive-head{border-bottom:1px solid var(--site-line)}
.game-approved-body{height:42.9vw;overflow:hidden;position:relative;width:100%}
.game-approved-body .game-approved-art{height:auto;left:0;position:absolute;top:-21.65vw;width:100%}
.game-approved-body .game-approved-world{bottom:0;display:block;position:absolute;top:0;z-index:3}

.product-project{display:block;min-height:0;padding:0}
.project-archive-head{background-color:var(--site-bg);background-image:radial-gradient(circle at 52% 5%,rgba(120,163,71,.11),transparent 38%),linear-gradient(rgba(225,236,218,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(225,236,218,.025) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px}
.project-archive-head h2 em{color:#ff671f}
.project-archive-entry>a{background:linear-gradient(90deg,#ff7a2d,#ff5717)!important;box-shadow:0 0 0 1px rgba(255,151,86,.6),0 0 22px rgba(255,92,22,.32)!important;color:#fff!important}
.project-archive-entry>a i{background:rgba(20,12,8,.5);color:#fff}
.product-project-body{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  min-height:790px;
  overflow:hidden;
  padding:72px 4vw 118px;
  position:relative;
}
.product-project-body .product-flow{bottom:35px}
.project-approved-board{
  background:#090a0b;
  border-top:1px solid rgba(255,128,57,.32);
  display:block;
  overflow:hidden;
  position:relative;
  text-decoration:none;
}
.project-approved-board img{
  display:block;
  height:auto;
  image-rendering:auto;
  max-width:none;
  transition:filter .35s,transform .5s ease;
  width:100%;
}
.project-approved-board:hover img{filter:brightness(1.045) saturate(1.04);transform:scale(1.008)}
.project-approved-board:focus-visible{outline:3px solid #ff7a2d;outline-offset:-3px}

@media(max-width:1100px){
  .archive-unified-head{grid-template-columns:320px minmax(0,1fr)!important}
  .archive-unified-head h2{font-size:38px!important}
  .image-archive-entry>a.image-archive-button,.video-archive-entry>a,.modeling-archive-entry>a,.archive-unified-entry>a{width:320px!important}
  .archive-unified-status,.image-archive-head>div:last-child,.video-archive-status,.modeling-archive-status{font-size:10px!important;top:24px}
}
@media(max-width:950px){
  .archive-unified-head{
    align-items:start!important;
    gap:16px!important;
    grid-template-columns:1fr!important;
    height:300px!important;
    min-height:300px!important;
    padding:34px var(--pad) 24px!important;
  }
  .archive-unified-head h2{font-size:46px!important;grid-row:1;white-space:nowrap}
  .image-archive-entry,.video-archive-entry,.modeling-archive-entry,.archive-unified-entry{grid-row:2}
  .archive-unified-status,.image-archive-head>div:last-child,.video-archive-status,.modeling-archive-status{flex-wrap:wrap;grid-row:3;justify-content:flex-start!important;max-width:none;position:static;text-align:left!important;white-space:normal}
  .image-archive-entry>a.image-archive-button,.video-archive-entry>a,.modeling-archive-entry>a,.archive-unified-entry>a{width:340px!important}
}
@media(max-width:800px){
  .archive-unified-head{
    align-items:start!important;
    gap:18px!important;
    grid-template-columns:1fr!important;
    height:300px!important;
    min-height:300px!important;
    padding:48px 22px 26px!important;
  }
  .archive-unified-head h2{font-size:clamp(30px,9vw,48px)!important;grid-row:1;white-space:nowrap}
  .image-archive-entry,.video-archive-entry,.modeling-archive-entry,.archive-unified-entry{grid-row:2}
  .archive-unified-status,.image-archive-head>div:last-child,.video-archive-status,.modeling-archive-status{font-size:9px!important;grid-row:3;justify-content:flex-start!important;text-align:left!important}
  .image-archive-entry>p,.video-archive-entry>p,.modeling-archive-entry>p,.archive-unified-entry>p{font-size:10px!important}
  .image-archive-entry>a:not(.image-archive-button),.video-archive-entry>span,.modeling-archive-entry>span,.archive-unified-entry>span{font-size:9px!important;width:280px!important}
  .image-archive-entry>a.image-archive-button,.video-archive-entry>a,.modeling-archive-entry>a,.archive-unified-entry>a{margin-top:15px!important;width:min(340px,88vw)!important}
  .game-archive--approved{padding:0 20px 34px}
  .game-archive-head{margin:0 -20px;padding-left:20px!important;padding-right:20px!important}
  .game-approved-body{display:none}
  .game-mobile header{display:none}
  .game-mobile-card{margin-top:12px}
  .product-project-body{display:block;min-height:0;padding:62px 24px 170px}
  .project-approved-board img{min-height:0;object-fit:contain;transform:none!important}
}