:root{--signal-bone:#f4f0e8;--signal-paper:#fbfaf6;--signal-ink:#151515;--signal-muted:#68675f;--pink:#ff1788;--cyan:#08aeea;--yellow:#ffd21c;--red:#e52b2f}
.signal-hero{min-height:100svh;padding:110px var(--gutter) 38px;display:grid;grid-template-rows:auto 1fr auto;border-bottom:1px solid rgba(20,20,20,.14);position:relative;background:var(--signal-bone);overflow:hidden;isolation:isolate}
.signal-hero::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(rgba(20,20,20,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(20,20,20,.018) 1px,transparent 1px);background-size:100% 38px,38px 100%;mask-image:linear-gradient(to bottom,rgba(0,0,0,.28),transparent 78%)}
.signal-hero>*{position:relative;z-index:3}.signal-kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-muted)}
.signal-hero h1{align-self:center;margin:0;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(82px,15vw,250px);line-height:.78;letter-spacing:-.07em;position:relative}
.signal-hero h1::after{content:"DingDaVinci";position:absolute;left:0;top:0;color:transparent;-webkit-text-stroke:1px rgba(8,174,234,.22);opacity:0;animation:rgbflash 5.5s steps(1) infinite;pointer-events:none}
.signal-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:18px;border-top:1px solid rgba(20,20,20,.18);font-size:12px;letter-spacing:.05em}.signal-bottom a{font-family:monospace}
.tracking-ui{position:absolute;inset:0;z-index:2!important;pointer-events:none;font-family:monospace;color:rgba(20,20,20,.52);font-size:10px;letter-spacing:.1em}
.tracking-frame{position:absolute;left:3.1vw;right:3.1vw;top:27%;bottom:22%;border-left:1px solid rgba(20,20,20,.16);border-right:1px solid rgba(20,20,20,.16)}
.tracking-frame::before,.tracking-frame::after{content:"";position:absolute;width:44px;height:44px;border-color:rgba(20,20,20,.48);border-style:solid}.tracking-frame::before{left:-1px;top:-1px;border-width:2px 0 0 2px}.tracking-frame::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.scan-line{position:absolute;left:0;right:0;height:1px;top:16%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.35) 18%,rgba(0,0,0,.12) 82%,transparent);animation:scan 5.8s linear infinite}
.track-label{position:absolute;white-space:nowrap}.t1{left:4.2vw;top:23%}.t2{right:4.2vw;top:30%;text-align:right}.t3{left:4.2vw;bottom:18%}.t4{right:4.2vw;bottom:19%;text-align:right}
.lock-dot{position:absolute;width:8px;height:8px;border:1px solid rgba(0,0,0,.5);border-radius:50%;left:61.6%;top:52.2%}.lock-dot::after{content:"";position:absolute;inset:2px;background:var(--pink);border-radius:50%;animation:blink 1.25s steps(1) infinite}
.crosshair{position:absolute;width:54px;height:54px;left:59.8%;top:49.7%;opacity:.42}.crosshair::before,.crosshair::after{content:"";position:absolute;background:#111}.crosshair::before{width:1px;height:100%;left:50%}.crosshair::after{height:1px;width:100%;top:50%}
.robot-readout{position:absolute;right:4vw;top:12%;display:grid;grid-template-columns:auto auto;gap:4px 18px;padding:10px 12px;border:1px solid rgba(0,0,0,.18);background:rgba(255,255,255,.22);backdrop-filter:blur(2px)}.robot-readout b{font-weight:400;color:#111}.robot-readout span{color:rgba(0,0,0,.45)}
.signal-status{position:absolute!important;left:50%;top:14%;transform:translateX(-50%);font-family:monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:9px;color:rgba(0,0,0,.56)}.signal-status i{display:block;width:6px;height:6px;background:var(--pink);border-radius:50%;animation:pulse 1.8s infinite}
.hero-glitch{position:absolute!important;z-index:1!important;pointer-events:none;mix-blend-mode:multiply}.hg1{left:18%;top:38%;width:56px;height:7px;background:var(--cyan);animation:jitter 3.7s steps(1) infinite}.hg2{right:19%;top:44%;width:24px;height:24px;background:var(--pink);animation:jitter 4.6s steps(1) infinite reverse}.hg3{left:73%;bottom:25%;width:74px;height:6px;background:var(--yellow);animation:jitter 5.1s steps(1) infinite}.hg4{left:7%;bottom:29%;width:7px;height:42px;background:var(--red);opacity:.7}
.transmission{position:relative;background:var(--signal-paper);padding:clamp(100px,10vw,160px) var(--gutter) clamp(120px,12vw,190px);overflow:hidden}.transmission::before{content:"// transmission";position:absolute;top:46px;left:var(--gutter);font-family:monospace;font-size:11px;letter-spacing:.14em}.transmission::after{content:"";position:absolute;top:0;right:4vw;width:180px;height:12px;background:repeating-linear-gradient(90deg,#111 0 3px,transparent 3px 6px);opacity:.78}
.tx-shell{width:min(64vw,680px);margin:0 auto}.tx-media{position:relative;background:#fff;padding:clamp(8px,.8vw,13px);box-shadow:0 28px 70px rgba(0,0,0,.13)}.tx-media::before{content:"001";position:absolute;z-index:2;left:-.4em;top:-.72em;font-family:Georgia,serif;font-size:clamp(76px,9vw,150px);color:rgba(0,0,0,.07);pointer-events:none}.tx-media video{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;background:#111}.tx-meta{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;margin-top:24px;padding-top:18px;border-top:1px solid rgba(20,20,20,.2)}.tx-code{font-family:monospace;font-size:11px;letter-spacing:.08em}.tx-meta h2{margin:0;font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,4.5vw,68px);line-height:.95;letter-spacing:-.045em}.tx-details{text-align:left;font-size:11px;letter-spacing:.11em;text-transform:uppercase;line-height:1.8}.tx-details a{display:inline-block;margin-top:8px;border-bottom:1px solid currentColor}
.tx-splatter{position:absolute;pointer-events:none}.tx-s1{width:190px;height:190px;right:-40px;top:90px;background:radial-gradient(circle at 50% 50%,var(--pink) 0 8%,transparent 9%),radial-gradient(circle at 20% 60%,var(--cyan) 0 4%,transparent 5%),radial-gradient(circle at 68% 22%,var(--yellow) 0 6%,transparent 7%)}.tx-s2{left:-30px;bottom:120px;width:160px;height:16px;background:linear-gradient(90deg,var(--cyan) 0 30%,var(--pink) 30% 62%,var(--yellow) 62%);transform:rotate(-8deg)}
.artist-intro{min-height:100svh;background:#f7f3eb;padding:clamp(110px,12vw,190px) var(--gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(50px,8vw,130px);align-items:center;position:relative}.artist-image{position:relative;max-width:680px}.artist-image img{width:100%;height:auto;display:block;box-shadow:0 24px 70px rgba(0,0,0,.12)}.artist-image::before{content:"// human in the loop";position:absolute;z-index:2;left:-18px;bottom:28px;background:#fff;padding:9px 12px;font-family:monospace;font-size:11px;letter-spacing:.06em;transform:rotate(-2deg)}
.artist-copy h2{margin:18px 0 34px;font-family:Georgia,serif;font-size:clamp(62px,8vw,130px);font-weight:400;line-height:.82;letter-spacing:-.055em}.artist-lede{font-family:Georgia,serif!important;font-size:clamp(24px,2.6vw,40px)!important;line-height:1.28!important;margin:0 0 36px!important}.artist-copy>p:not(.eyebrow):not(.artist-lede):not(.duality):not(.artist-links){font-size:16px;line-height:1.7;max-width:620px}.duality{margin-top:44px;padding-top:18px;border-top:1px solid rgba(20,20,20,.18);font-family:monospace;font-size:13px;line-height:1.9}.artist-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:36px;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase}.artist-links a{border-bottom:1px solid currentColor}
.signal-lost{min-height:72svh;background:var(--signal-bone);display:grid;place-items:center;text-align:center;position:relative;overflow:hidden}.signal-lost span{font-family:monospace;font-size:11px;letter-spacing:.18em;color:#7b796f;opacity:.7}.signal-lost::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,var(--sage-base));pointer-events:none}
.signal-audio{position:fixed;z-index:60;right:var(--gutter);bottom:24px;display:flex;align-items:center;gap:9px;border:1px solid rgba(20,20,20,.22);background:rgba(244,240,232,.86);backdrop-filter:blur(14px);padding:10px 12px;font:10px/1 monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--signal-ink);cursor:pointer;transition:opacity .35s ease,transform .35s ease,background .35s ease}.signal-audio:hover{background:rgba(255,255,255,.95)}.audio-dot{width:6px;height:6px;border-radius:50%;background:#777;transition:.3s}.signal-audio.is-on .audio-dot{background:var(--pink);box-shadow:0 0 0 6px rgba(255,23,136,.08)}.signal-audio.is-hidden{opacity:0;transform:translateY(10px);pointer-events:none}
.site-footer::before{content:"DINGDAVINCI / // TRANSMISSION / AIR"}.site-header.signal-mode.scrolled{background:rgba(244,240,232,.86)}.site-header.signal-mode::before{background:rgba(20,20,20,.35)}
@keyframes scan{0%{top:18%;opacity:0}8%{opacity:.45}50%{opacity:.22}92%{opacity:.45}100%{top:83%;opacity:0}}@keyframes blink{50%{opacity:.1}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,23,136,.28)}70%{box-shadow:0 0 0 12px rgba(255,23,136,0)}100%{box-shadow:0 0 0 0 rgba(255,23,136,0)}}@keyframes jitter{0%,91%,100%{transform:translate(0,0);opacity:.8}92%{transform:translate(9px,-2px);opacity:1}94%{transform:translate(-4px,1px);opacity:.45}96%{transform:translate(2px,0);opacity:.9}}@keyframes rgbflash{0%,93%,100%{opacity:0}94%{opacity:1;transform:translate(5px,-1px)}95%{opacity:.5;transform:translate(-3px,1px)}96%{opacity:0}}
@media(max-width:1100px) and (min-width:761px){.robot-readout{right:2.5vw;transform:scale(.92);transform-origin:top right}.t2,.t4{right:2.5vw}.tx-meta{grid-template-columns:130px minmax(0,1fr);align-items:start}.tx-details{grid-column:2;text-align:left;margin-top:4px}}
@media(max-width:900px){.artist-intro{grid-template-columns:1fr;gap:54px}.artist-image{width:min(82vw,620px)}.artist-copy{max-width:760px}}
@media(max-width:760px){.signal-hero{padding:92px 18px 34px}.signal-hero h1{font-size:clamp(80px,24vw,150px)}.signal-bottom{flex-direction:column}.robot-readout,.t2,.t4{display:none}.signal-status{top:19%;font-size:9px;letter-spacing:.14em}.tracking-frame{top:32%;bottom:25%;left:20px;right:20px}.t1{left:22px;top:27%;font-size:8px}.t3{left:22px;bottom:20%;font-size:8px}.crosshair{left:auto;right:13%;top:50%;width:42px;height:42px}.lock-dot{left:auto;right:calc(13% + 17px);top:calc(50% + 17px)}.hg1{left:10%;width:34px}.hg2{right:8%;top:40%}.hg3{right:8%;left:auto}.transmission{padding-left:18px;padding-right:18px}.tx-shell{width:min(92vw,520px)}.tx-meta{grid-template-columns:1fr;gap:12px}.tx-details{text-align:left}.artist-intro{padding-left:22px;padding-right:22px}.artist-image{width:100%}.signal-audio{right:18px;bottom:18px;font-size:9px;padding:9px 10px}}
@media(max-width:420px){.signal-hero h1{font-size:clamp(70px,22vw,100px)}.signal-status{top:18%;max-width:70%;text-align:center}.t1{top:25%}.t3{bottom:22%}.tx-meta h2{font-size:clamp(38px,13vw,58px)}}


/* Transmission quality + responsive refinement */
.tx-shell{width:min(46vw,520px)}
.tx-media::before{display:none}
.tx-media video{image-rendering:auto}
@media(max-width:1100px) and (min-width:761px){
  .tx-shell{width:min(56vw,500px)}
}
@media(max-width:760px){
  .tx-shell{width:min(80vw,360px)}
  .signal-hero h1{
    font-size:clamp(44px,13vw,58px);
    line-height:.9;
    letter-spacing:-.06em;
    white-space:nowrap;
    max-width:100%;
  }
}
@media(max-width:420px){
  .signal-hero h1{font-size:clamp(42px,12.8vw,54px)}
  .tx-shell{width:min(78vw,330px)}
}


/* // transmission archive */
.tx-grid{display:grid;gap:clamp(100px,12vw,180px)}
.tx-grid .tx-shell{margin:0 auto}
.tx-grid .tx-shell-002{transform:translateX(clamp(0px,4vw,64px))}
.tx-media.is-square video{aspect-ratio:1/1;object-fit:cover}
.tx-media.is-square{background:var(--signal-bone)}
.tx-shell.is-latest .tx-code::after{content:" / LIVE";color:var(--pink);margin-left:.55em}
@media(max-width:760px){
  .tx-grid{gap:90px}
  .tx-grid .tx-shell-002{transform:none}
}


.tx-description{margin:4px 0 8px;font-family:Georgia,serif;font-size:clamp(18px,2vw,23px);line-height:1.6;color:var(--signal-ink)}
@media(min-width:761px) and (max-width:1100px){.tx-description{grid-column:2}}

.tx-media.is-landscape video{aspect-ratio:4/3;object-fit:contain}
.tx-shell-004 .tx-meta h2{font-size:clamp(34px,4vw,56px);line-height:1.05;overflow-wrap:break-word}
