#projects{padding:0 0 100px}
.daimian-intro{position:relative;isolation:isolate;overflow:hidden;padding:100px 56px 44px}
#projects .daimian-intro>.wrap{position:relative;z-index:1;transform:translate3d(0,var(--layer-content-y,0px),0);will-change:transform}
#projects .project-bg::after{background-size:clamp(980px,74vw,1280px) auto}
.daimian-intro::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(transparent,#081b3d);pointer-events:none}
.daimian-stage{
  position:relative;
  z-index:3;
  width:calc(100% - 112px);
  max-width:1080px;
  margin:26px auto 0;
  font-family:var(--fb);
  color:#e8f2ff;
}
.daimian-stage::before{
  content:'';
  position:absolute;
  inset:15% -8% 0;
  z-index:-1;
  background:radial-gradient(ellipse,rgba(83,136,248,.22),transparent 65%);
  pointer-events:none;
}
.daimian-stage-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.daimian-eyebrow{font-size:10px;letter-spacing:.24em;color:#81c9d2}
.daimian-stage-heading h3{margin:10px 0 0;font-size:clamp(20px,2.2vw,31px);font-weight:550;letter-spacing:-.035em;color:#edf6ff;line-height:1.4}
.daimian-monitor{
  position:relative;
  padding:0 12px;
  border:1px solid #556178;
  border-radius:24px;
  background:linear-gradient(130deg,#465266 0%,#161e2b 12%,#101621 54%,#354258 100%);
  box-shadow:0 45px 95px rgba(0,5,20,.55),0 0 0 1px rgba(0,0,0,.7),inset 0 1px 1px rgba(255,255,255,.35);
}
.daimian-bezel{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:7px;letter-spacing:.23em;color:#97a8bd}
.daimian-bezel i{position:absolute;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#060b13;box-shadow:inset 0 0 0 2px #223545,0 0 0 2px rgba(0,0,0,.2)}
.daimian-display{overflow:hidden;border:1px solid #070b12;border-radius:11px;background:#070d16;box-shadow:0 0 0 1px rgba(174,202,237,.07)}
.daimian-monitor button,.daimian-monitor input{font:inherit}
.daimian-monitor button{cursor:pointer}
.daimian-monitor button:disabled{cursor:default;opacity:.28}
.daimian-monitor button:focus-visible,.daimian-monitor input:focus-visible,.daimian-monitor a:focus-visible,.daimian-panel:focus-visible{outline:2px solid #65f1e5;outline-offset:-3px}
.daimian-monitor [hidden]{display:none!important}
.daimian-monitor svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.daimian-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 18px;background:linear-gradient(180deg,#182536,#111c2b);border-bottom:1px solid #2e3b4c}
.daimian-tabs{display:flex;gap:6px;min-width:0}
.daimian-tab{display:flex;align-items:center;gap:9px;padding:10px 16px;border:1px solid transparent;border-radius:7px;background:transparent;color:#9cacbe;white-space:nowrap;font-size:12px!important;transition:background .2s,color .2s,border-color .2s}
.daimian-tab small{font-size:9px;letter-spacing:.04em;opacity:.65;font-variant-numeric:tabular-nums}
.daimian-tab[aria-selected=true]{color:#c9fff5;background:#223b45;border-color:#42676d;box-shadow:inset 0 1px 0 rgba(151,255,230,.08)}
.daimian-tab:hover{color:#e8f5ff;background:#25384a}
.daimian-expand{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:#afc4d9;font-size:11px!important;white-space:nowrap}
.daimian-expand:hover{background:#29394b;color:#fff}
.daimian-viewport{position:relative;aspect-ratio:16/9;isolation:isolate;overflow:hidden;background:#080d16}
.daimian-panel{position:absolute;inset:0}
.daimian-video-panel video{display:block;width:100%;height:100%;object-fit:contain;background:#060b13}
.daimian-video-cover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;border:0;padding:0;text-align:left;color:#fff;background:linear-gradient(180deg,rgba(4,15,33,.13) 5%,rgba(4,15,33,.12) 30%,rgba(4,15,33,.92) 100%)}
.daimian-play-icon{display:grid;place-items:center;width:80px;height:80px;border:1px solid rgba(176,255,243,.7);border-radius:50%;color:#cafff4;background:rgba(7,35,49,.7);backdrop-filter:blur(12px);box-shadow:0 0 0 10px rgba(110,221,229,.08),0 12px 40px rgba(0,0,0,.2);transition:transform .25s,background .25s,box-shadow .25s}
.daimian-play-icon svg{width:30px;height:30px;fill:currentColor;stroke:none;transform:translateX(-2px)}
.daimian-video-cover:hover .daimian-play-icon{transform:scale(1.07);background:rgba(20,68,81,.88);box-shadow:0 0 0 16px rgba(110,221,229,.1),0 12px 40px rgba(0,0,0,.3)}
.daimian-cover-copy{position:absolute;left:5%;right:5%;bottom:7%;display:flex;flex-direction:column;gap:9px}
.daimian-cover-copy small{color:#8cded6;font-size:10px;letter-spacing:.2em}
.daimian-cover-copy strong{font-size:clamp(17px,2.4vw,32px);font-weight:550;letter-spacing:-.035em;line-height:1.4}
.daimian-cover-copy>span{font-size:12px;color:#c0d0e0}
.daimian-deck-panel{touch-action:pan-y pinch-zoom}
.daimian-deck-panel img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;transition:opacity .18s}
.daimian-deck-panel[aria-busy=true] img{opacity:.45}
.daimian-deck-panel[aria-busy=true]::after{content:'';position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);width:24px;height:24px;border:2px solid #4b667f;border-top-color:#adfff0;border-radius:50%;animation:daimianLoading .8s linear infinite}
.daimian-message{position:absolute;bottom:12px;left:12px;right:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #50667c;border-radius:8px;background:#142234;color:#e5edf5;font-size:12px;line-height:1.6;z-index:2}
.daimian-message a,.daimian-screen-footer a{color:#b9d7ef;text-decoration:none;white-space:nowrap}
.daimian-message a:hover,.daimian-screen-footer a:hover{color:#94ffeb;text-decoration:underline}
.daimian-screen-footer{min-height:58px;background:#111c2b;border-top:1px solid #283a4b;padding:7px 20px}
.daimian-video-footer,.daimian-deck-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:43px;font-size:11px}
.daimian-video-footer>span{display:flex;align-items:center;gap:8px;color:#829db6;font-size:10px}
.daimian-video-footer i{width:5px;height:5px;border-radius:50%;background:#81c4b9;box-shadow:0 0 10px #448e94}
.daimian-page-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
.daimian-page-controls button{width:36px;height:36px;display:grid;place-items:center;border:1px solid #34465a;border-radius:6px;background:#1c2b3e;color:#d5e7f5;transition:background .2s}
.daimian-page-controls button:hover:not(:disabled){background:#30495e}
.daimian-page-controls output{min-width:55px;text-align:center;font-size:12px;color:#d4e8f6;font-variant-numeric:tabular-nums;letter-spacing:.07em}
#daimianPageRange{flex:1;min-width:24px;max-width:330px;accent-color:#87e4d4;height:28px;cursor:pointer}
.daimian-chin{display:flex;align-items:center;justify-content:center;position:relative;height:36px;font-size:10px;font-weight:700;letter-spacing:.35em;color:#8ea0b4}
.daimian-chin i{position:absolute;right:12px;width:4px;height:4px;border-radius:50%;background:#9ee1cc;box-shadow:0 0 6px #9ee1cc}
.daimian-stage-caption{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:26px;font-size:8px;color:#738ea7;letter-spacing:.22em}
.daimian-stage-caption i{height:1px;width:40px;background:#446580}
.daimian-dialog{width:min(96vw,1680px);max-width:none;max-height:96svh;margin:auto;padding:0;border:0;border-radius:20px;overflow:auto;background:transparent;color:#e8f2ff}
.daimian-dialog::backdrop{background:rgba(2,7,18,.92);backdrop-filter:blur(10px)}
.daimian-dialog .daimian-monitor{box-shadow:none}
.daimian-dialog .daimian-viewport{aspect-ratio:auto;height:min(calc(96svh - 190px),calc((96vw - 30px) * 9 / 16))}
.daimian-dialog .daimian-cover-copy strong{font-size:clamp(17px,2.4vw,32px)}
@keyframes daimianLoading{to{transform:rotate(360deg)}}
@media(max-width:1100px){
  .daimian-intro{padding-left:36px;padding-right:36px}
  .daimian-stage{width:calc(100% - 72px);margin-top:24px}
}
@media(max-width:780px){
  #projects{padding-bottom:74px}
  .daimian-intro{padding:74px 20px 24px}
  .daimian-stage{width:calc(100% - 40px);margin-top:20px}
  .daimian-stage-heading{display:block;margin-bottom:20px}
  .daimian-monitor{padding:0 6px;border-radius:15px}
  .daimian-bezel{height:20px;padding:0 7px;font-size:5px}
  .daimian-bezel i{width:4px;height:4px;left:calc(50% - 2px)}
  .daimian-display{border-radius:7px}
  .daimian-toolbar{min-height:54px;padding:6px;gap:4px}
  .daimian-tabs{gap:2px}
  .daimian-tab{padding:9px 10px;gap:5px;font-size:11px!important}
  .daimian-tab small{display:none}
  .daimian-expand{gap:4px;padding:8px 6px;font-size:10px!important}
  .daimian-monitor svg{width:15px;height:15px}
  .daimian-play-icon{width:52px;height:52px;box-shadow:0 0 0 6px rgba(110,221,229,.1);transform:translateY(-15px)}
  .daimian-play-icon svg{width:24px;height:24px}
  .daimian-video-cover:hover .daimian-play-icon{transform:translateY(-15px) scale(1.04)}
  .daimian-cover-copy{gap:4px;bottom:6%}
  .daimian-cover-copy small{font-size:7px}
  .daimian-cover-copy strong{font-size:clamp(13px,3.3vw,22px)}
  .daimian-cover-copy>span{font-size:9px}
  .daimian-screen-footer{padding:6px 9px;min-height:53px}
  .daimian-video-footer,.daimian-deck-footer{gap:10px;min-height:39px;font-size:10px}
  .daimian-video-footer>span{font-size:8px;gap:5px}
  .daimian-page-controls{gap:5px}
  .daimian-page-controls button{width:31px;height:33px}
  .daimian-page-controls output{min-width:50px;font-size:10px}
  .daimian-chin{height:26px;font-size:8px}
  .daimian-stage-caption{font-size:6px;gap:10px;margin-top:18px;letter-spacing:.13em}
  .daimian-stage-caption i{width:24px}
  .daimian-message{font-size:10px;padding:8px;gap:8px;left:6px;right:6px;bottom:6px}
  .daimian-dialog{border-radius:14px}
  .daimian-dialog .daimian-viewport{height:min(calc(96svh - 160px),calc((96vw - 18px) * 9 / 16))}
}
@media(max-width:380px){
  .daimian-tab{padding:9px 7px;font-size:10px!important}
  .daimian-expand span{max-width:3em;line-height:1.3;white-space:normal}
  .daimian-monitor svg{width:13px;height:13px}
}
@media(max-height:600px) and (orientation:landscape){
  .daimian-dialog .daimian-monitor{padding:6px;border-radius:12px}
  .daimian-dialog .daimian-bezel,.daimian-dialog .daimian-chin{display:none}
  .daimian-dialog .daimian-toolbar{min-height:38px;padding:3px 8px}
  .daimian-dialog .daimian-tab{padding:6px 10px;font-size:10px!important}
  .daimian-dialog .daimian-tab small{display:none}
  .daimian-dialog .daimian-expand{min-height:30px;padding:4px 8px}
  .daimian-dialog .daimian-screen-footer{min-height:36px;padding:3px 12px}
  .daimian-dialog .daimian-video-footer,.daimian-dialog .daimian-deck-footer{min-height:30px}
  .daimian-dialog .daimian-page-controls button{height:28px;width:30px}
  .daimian-dialog .daimian-viewport{height:min(calc(96svh - 94px),calc((96vw - 18px) * 9 / 16))}
}
@media(prefers-reduced-motion:reduce){
  .daimian-monitor *{transition:none!important;animation:none!important}
  #projects .daimian-intro>.wrap{transform:none}
}