/* Candid portrait study: quieter personal presence, work in the foreground. */
body.tone-ink { background: #141d32; --accent: #93bdff; --coral: #b5a7f0; }
.tone-ink .studio {
  color: #edf2ff;
  background: radial-gradient(ellipse at 43% 92%, #2c416d 0%, transparent 59%),
    linear-gradient(135deg, #111a2b, #1d2541 55%, #0e192b);
}
.tone-ink .studio::before {
  inset: 0;
  background: linear-gradient(120deg, transparent 36%, rgba(107, 123, 204, .09) 54%, transparent 78%);
}
.tone-ink .studio-heading h1 { color: #f1f4fc; }
.tone-ink .studio-byline { color: #aebbd4; }
.tone-ink .glass-panel {
  color: #edf2ff;
  border-color: rgba(185, 204, 246, .24);
  background: linear-gradient(135deg, rgba(80, 97, 137, .5), rgba(33, 49, 78, .57));
  box-shadow: 0 20px 40px rgba(0, 6, 23, .2), inset 0 1px 1px rgba(206, 221, 255, .13);
}
.tone-ink .intro-copy { color: #d2dbee; }
.tone-ink .selected-word { background: #b9d4f6; color: #1e345b; }
.tone-ink .panel-handle { color: #a1afc7; }
.tone-ink .gate-form input { color: #eef3ff; background: rgba(7, 19, 44, .32); border-color: rgba(166, 188, 231, .2); }
.tone-ink .gate-form input::placeholder { color: #adbcd7; }
.tone-ink .gate-form button, .tone-ink .hero-cta { background: rgba(161, 187, 239, .14); color: #b8d5ff; }
.tone-ink .gate-form button:hover, .tone-ink .hero-cta:hover { background: rgba(161, 187, 239, .27); }
.tone-ink .gate-status { color: #aebbd3; }
.tone-ink .gate-status.is-error { color: #ffb4b4; }
.tone-ink .skill-pill { color: #e5ebf8; background: rgba(198, 214, 252, .09); }
.tone-ink .skill-pill[aria-pressed=true] { color: #cfbfff; }
.tone-ink .skill-pill:hover { background: rgba(198, 214, 252, .2); }
.tone-ink .glass-dock {
  background: linear-gradient(125deg, rgba(103, 126, 178, .3), rgba(77, 96, 136, .14));
  border-color: rgba(185, 204, 246, .25);
  box-shadow: 0 12px 30px rgba(0, 8, 27, .22), inset 0 1px 1px rgba(206, 221, 255, .15);
}
.tone-ink .dock-label { color: #bdcae0; }
.tone-ink .dock-item.is-current .dock-label { color: #c6dcff; }
.tone-ink .scene-mode { background: #60718d; }
.tone-ink .scene-mode[aria-pressed=true] { background: #d5e2ff; }
.tone-ink .studio-bottom { color: #9daccc; }
.tone-ink .scene-film {
  background: rgba(109, 133, 182, .29);
  border-color: rgba(193, 214, 255, .44);
  box-shadow: 0 22px 44px rgba(0, 8, 33, .32), inset 0 0 20px rgba(185, 208, 255, .1);
}
.tone-ink .scene-film-bar { color: #dbe6fa; font-size: 10px; padding: 4px 6px 9px; }
.tone-ink .candid-scene .scene-art {
  position: absolute;
  top: 13%;
  left: 37%;
  width: 45%;
  height: 58%;
  max-height: 320px;
  z-index: 1;
  opacity: .96;
}
.tone-ink .candid-scene .scene-art img {
  filter: drop-shadow(0 5px 15px rgba(3, 10, 30, .25));
  mask-image: linear-gradient(#000 0%, #000 73%, transparent 100%);
  -webkit-mask-image: linear-gradient(#000 0%, #000 73%, transparent 100%);
}
.tone-ink .candid-scene .scene-film { left: 50%; translate: -50% 0; top: 42%; width: 76%; max-width: 500px; z-index: 3; padding: 7px; border-radius: 17px; }
.scene-cover { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; aspect-ratio: 16/9; border-radius: 10px; background: linear-gradient(135deg, rgba(8, 21, 44, .55), rgba(71, 92, 146, .23)); color: #c9d7ee; }
.scene-cover svg { width: 23px; height: 23px; opacity: .65; }
.scene-cover>span { font-size: 16px; }
.scene-cover>small { font-size: 10px; color: #94a8ca; }
.tone-ink .candid-scene .scene-shadow { display: none; }
.tone-ink .portfolio { background: #18233b; }
.tone-ink .work-section { background: linear-gradient(#141d32, #1b2941); color: #f0f4ff; }
.tone-ink .section-heading .label, .tone-ink .work-intro p { color: #a9b7d1; }
.tone-ink .section-heading h2 em { color: #9fb5de; }
.tone-ink .work-intro { border-color: rgba(185, 204, 246, .2); }
.tone-ink .filter-button { color: #c5d2e9; border-color: rgba(185, 204, 246, .25); background: rgba(166, 191, 241, .09); }
.tone-ink .filter-button:hover { background: rgba(166, 191, 241, .2); }
.tone-ink .filter-button[aria-pressed=true] { background: #6686be; color: #fff; border-color: #6686be; }
.tone-ink .project-card.featured { background: rgba(158, 183, 228, .08); border-color: rgba(185, 204, 246, .2); box-shadow: 0 18px 40px rgba(0, 8, 26, .2); }
.tone-ink .project-summary .project-teaser { color: #b7c6df; }
.tone-ink .featured .project-client-logo { filter: none; opacity: 1; }
.tone-ink .about-section, .tone-ink .clients-section { background: #1c2a42; color: #f0f4ff; }
.tone-ink .about-section>.label, .tone-ink .about-content>p, .tone-ink .clients-heading { color: #aebed8; }
.tone-ink .about-content h2 em { color: #a6bfeb; }
.tone-ink .focus-areas span { border-color: rgba(185, 204, 246, .22); background: rgba(166, 191, 241, .08); }
.tone-ink .clients-heading { border-color: rgba(185, 204, 246, .2); }
.tone-ink .contact-section { background: linear-gradient(125deg, #1b2b46, #273d60); color: #f0f4ff; }
.tone-ink .contact-top, .tone-ink .contact-bottom p { color: #aebed8; }
.tone-ink .contact-title { border-color: rgba(185, 204, 246, .24); }
.tone-ink .contact-details { color: #d7e4fb; }
.tone-ink .contact-details a { border-color: rgba(185, 204, 246, .34); }
.tone-ink .project-dialog { color: #edf2ff; background: #182238; }
.tone-ink .dialog-bar { background: rgba(26, 39, 63, .9); border-color: rgba(185, 204, 246, .2); }
.tone-ink .dialog-close, .tone-ink .detail-meta .label, .tone-ink .detail-body .label,
.tone-ink .detail-result, .tone-ink .detail-next small { color: #afc2e2; }
.tone-ink .detail-tags span { color: #b8cbe9; border-color: rgba(185, 204, 246, .28); }
.tone-ink .text-link { color: #b8d5ff; border-color: #6d86ab; }
.tone-ink .detail-next { border-color: rgba(185, 204, 246, .23); }
@media(max-width:700px) {
  .tone-ink .candid-scene .scene-art { top: 6%; left: 37%; height: 54%; }
  .tone-ink .candid-scene .scene-film { top: 35%; width: 80%; border-radius: 13px; padding: 5px; }
  .tone-ink .scene-film-bar { font-size: 8px; padding: 3px 5px 6px; }
}