/* Estúdio — the same journey, in the editorial palette of the original portfolio.
   Pure presentation overrides. Content remains available without JavaScript. */
body[data-theme="estudio"] {
  color-scheme: dark;
  --bg: #080808;
  --surface: #101011;
  --soft: #19191b;
  --ink: #e8e6e1;
  --muted: #aaa7a1;
  --line: #343330;
  --navy: #d8d2c9;
  --blue: #9bbdd0;
  --accent: #ed9a7e;
  --copper: #c8512a;
  --serif: "Instrument Serif", Georgia, serif;
  background: var(--bg);
  color: var(--ink);
  font-family: "Space Grotesk", system-ui, sans-serif;
}

body[data-theme="estudio"] ::selection { background: #c8512a; color: #fff; }
body[data-theme="estudio"] :is(a,button,input,textarea,select,summary):focus-visible {
  outline: 2px solid #f5ac8e;
  outline-offset: 5px;
}
body[data-theme="estudio"] :is(button,input,textarea,select) { color: inherit; }
body[data-theme="estudio"] :is(input,textarea,select) { background: #0c0c0d; border-color: #56534e; }
body[data-theme="estudio"] :is(input,textarea)::placeholder { color: #96918b; opacity: 1; }
body[data-theme="estudio"] :is(input,textarea,select):focus { border-color: #ed9a7e; }

body[data-theme="estudio"] .site-nav {
  background: rgba(8,8,8,.94);
  border-bottom-color: var(--line);
  backdrop-filter: blur(16px);
}
body[data-theme="estudio"] .nav-inner { min-height: 78px; }
body[data-theme="estudio"] .wordmark { color: var(--ink); letter-spacing: -.025em; }
body[data-theme="estudio"] .wordmark :is(em,.serif) { color: #ed9a7e; font-family: var(--serif); font-style: italic; }
body[data-theme="estudio"] .nav-links { gap: 24px; }
body[data-theme="estudio"] .nav-links a { color: #b6b2ab; }
body[data-theme="estudio"] .nav-links a:hover { color: #fff; }
body[data-theme="estudio"] .theme-link { color: #ed9a7e; border-color: #655046; background: #1a1210; }

body[data-theme="estudio"] .hero {
  background:
    radial-gradient(ellipse at 78% 25%, rgba(200,81,42,.09), transparent 46%),
    linear-gradient(180deg,#0b0b0c,#080808);
  border-bottom: 1px solid var(--line);
}
body[data-theme="estudio"] .hero-grid { align-items: center; gap: clamp(36px,5vw,88px); }
body[data-theme="estudio"] .hero-copy { position: relative; }
body[data-theme="estudio"] .hero-title { color: var(--ink); font-weight: 400; letter-spacing: -.055em; line-height: 1.01; }
body[data-theme="estudio"] .hero-title span { color: var(--ink); }
body[data-theme="estudio"] .hero-title em {
  font-family: var(--serif);
  color: #e18a6c;
  font-weight: 400;
  font-style: italic;
  letter-spacing: -.035em;
}
body[data-theme="estudio"] .eyebrow {
  color: #c7beb4;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 11px;
  line-height: 1.7;
  letter-spacing: .13em;
}
body[data-theme="estudio"] .eyebrow :is(span,b,strong) { color: #ed9a7e; }
body[data-theme="estudio"] .lead { color: #b7b3ac; line-height: 1.7; }
body[data-theme="estudio"] .pill {
  background: #b94b29;
  border-color: #b94b29;
  color: #fff;
  box-shadow: none;
  border-radius: 5px;
}
body[data-theme="estudio"] .pill:hover { background: #b94b29; border-color: #b94b29; color: #fff; transform: translateY(-1px); }
body[data-theme="estudio"] .ghost {
  background: transparent;
  color: var(--ink);
  border-color: #625b53;
  border-radius: 5px;
}
body[data-theme="estudio"] .ghost:hover { border-color: #e18a6c; background: #1a1411; color: #fff; transform: translateY(-1px); }

body[data-theme="estudio"] .hero-map { color: var(--ink); }
body[data-theme="estudio"] .map-window {
  background:
    linear-gradient(rgba(230,223,213,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(230,223,213,.035) 1px,transparent 1px),
    #101011;
  background-size: 32px 32px;
  border: 1px solid #48413b;
  border-radius: 8px;
  box-shadow: 0 28px 70px rgba(0,0,0,.28);
}
body[data-theme="estudio"] .map-header { color: #b5aaa0; background: #141212; border-bottom-color: #48413b; }
body[data-theme="estudio"] .map-node { color: #e8e6e1; background: #1a1715; border-color: #665044; border-radius: 4px; box-shadow: none; }
body[data-theme="estudio"] .map-node :is(small,p) { color: #bdb5ac; }
body[data-theme="estudio"] .map-node :is(b,strong) { color: #f0c1aa; }
body[data-theme="estudio"] .map-connection { border-color: #a75b3f; background-color: #a75b3f; }
body[data-theme="estudio"] .hero-footer { border-top-color: #343330; color: #b1aba2; }
body[data-theme="estudio"] .hero-footer :is(strong,b) { color: #ece7de; }

body[data-theme="estudio"] .journey { background: #080808; }
body[data-theme="estudio"] .chapter-index { color: #d8997c; font-family: "JetBrains Mono", ui-monospace, monospace; }
body[data-theme="estudio"] .chapter { border-color: var(--line); }
body[data-theme="estudio"] .chapter-head { border-color: var(--line); }
body[data-theme="estudio"] .chapter-head h2 { color: var(--ink); font-weight: 400; letter-spacing: -.04em; }
body[data-theme="estudio"] .chapter-head :is(p,small) { color: #b6b0a8; }
body[data-theme="estudio"] .project-grid { gap: 18px; }
body[data-theme="estudio"] .project-card {
  background: #101011;
  color: var(--ink);
  border: 1px solid #383430;
  border-radius: 6px;
  box-shadow: none;
}
body[data-theme="estudio"] .project-card:hover { background: #151211; border-color: #a46a50; transform: translateY(-1px); box-shadow: none; }
body[data-theme="estudio"] .project-card :is(h3,h4) { color: #e8e6e1; font-weight: 500; }
body[data-theme="estudio"] .project-card p { color: #b5b0a9; }
body[data-theme="estudio"] .project-number { color: #d8997c; font-family: "JetBrains Mono", ui-monospace, monospace; }
body[data-theme="estudio"] .project-meta { color: #d0b09c; }
body[data-theme="estudio"] .project-tags :is(span,a) { background: #211c19; border-color: #4b3f35; color: #d5c4b5; border-radius: 3px; }
body[data-theme="estudio"] .read-project { color: #efad90; border-color: #5e4336; }
body[data-theme="estudio"] .read-project:hover { color: #fff; }
body[data-theme="estudio"] .career-side { color: #c0b9b0; }
body[data-theme="estudio"] .context-card { background: #181513; border-color: #514136; color: #d1c7bb; border-radius: 6px; box-shadow: none; }
body[data-theme="estudio"] .context-card :is(h3,strong,b) { color: #f0d1bb; }

body[data-theme="estudio"] .brayn-section {
  background: linear-gradient(135deg,#0e1215,#13110f 80%);
  color: var(--ink);
  border-top: 1px solid #48413a;
  border-bottom: 1px solid #48413a;
}
body[data-theme="estudio"] .brayn-section :is(h2,h3) { color: #e8e6e1; }
body[data-theme="estudio"] .brayn-section p { color: #b9b8b4; }
body[data-theme="estudio"] .product-grid { gap: 16px; }
body[data-theme="estudio"] .product-card { background: #151719; color: var(--ink); border-color: #384249; border-radius: 6px; box-shadow: none; }
body[data-theme="estudio"] .product-card:hover { background: #1a1d20; border-color: #718b99; transform: translateY(-1px); }
body[data-theme="estudio"] .product-card :is(a,small,.eyebrow) { color: #a8c4d3; }
body[data-theme="estudio"] .method-grid { gap: 0; border-color: var(--line); }
body[data-theme="estudio"] .method-card { background: #101011; border-color: #383430; border-radius: 0; color: var(--ink); box-shadow: none; }
body[data-theme="estudio"] .method-card p { color: #b5b0a9; }
body[data-theme="estudio"] .method-card :is(small,.eyebrow) { color: #e29a7b; }
body[data-theme="estudio"] .quote-section { background: #15110e; color: #e8e0d5; border-color: #49372c; }
body[data-theme="estudio"] .quote-section :is(blockquote,.quote) { font-family: var(--serif); font-style: italic; font-weight: 400; }
body[data-theme="estudio"] .quote-section :is(p,cite) { color: #beb1a3; }
body[data-theme="estudio"] .author-card { color: var(--ink); background: #111112; border-color: #393632; border-radius: 6px; box-shadow: none; }
body[data-theme="estudio"] .author-card p { color: #b5b0a9; }
body[data-theme="estudio"] .author-card :is(a,small) { color: #ed9a7e; }
body[data-theme="estudio"] .stack-grid { border-color: #383430; }
body[data-theme="estudio"] .stack-cell { background: #101011; border-color: #383430; border-radius: 0; color: #e8e6e1; }
body[data-theme="estudio"] .stack-cell :is(p,small) { color: #b5b0a9; }
body[data-theme="estudio"] .stack-cell :is(span,li) { border-color: #49413a; color: #d7cabb; }

body[data-theme="estudio"] .contact-section { background: radial-gradient(ellipse at 50% 100%,#23170f 0%,#0c0b0a 64%); color: var(--ink); }
body[data-theme="estudio"] .contact-panel { background: #131211; color: var(--ink); border-color: #51453b; border-radius: 6px; box-shadow: none; }
body[data-theme="estudio"] .contact-panel :is(p,small) { color: #b9b1a7; }
body[data-theme="estudio"] .field :is(label,span) { color: #ccc3b8; }
body[data-theme="estudio"] .site-footer { background: #080808; color: #a8a097; border-top-color: #383430; }
body[data-theme="estudio"] .site-footer a { color: #e9ba9f; }
body[data-theme="estudio"] .project-dialog { background: #151312; color: var(--ink); border: 1px solid #6e5140; border-radius: 8px; box-shadow: 0 35px 110px #000b; }
body[data-theme="estudio"] .project-dialog::backdrop { background: rgba(0,0,0,.78); backdrop-filter: blur(6px); }
body[data-theme="estudio"] .project-dialog :is(p,li) { color: #c1b7ac; }
body[data-theme="estudio"] .dialog-close { color: #f0c1aa; background: #241c17; border-color: #77533e; border-radius: 4px; }
body[data-theme="estudio"] .diagram { background: #111315; color: #e6dfd4; border-color: #43413c; }
body[data-theme="estudio"] .diagram :is(small,p) { color: #bdb5aa; }

body[data-theme="estudio"] .filters button[aria-pressed="true"] { background:#a94326; border-color:#a94326; color:#fff; }
body[data-theme="estudio"] .skip { background:#a94326; color:#fff; }
body[data-theme="estudio"] .map-node.current { background:#261b16; border-color:#bd7f61; }
body[data-theme="estudio"] .theme-dot { background:#e8e6e1; border-color:#bbb4a9; }
body[data-theme="estudio"] .brayn-banner { background:#0a263c; color:#fff; border:1px solid #36536a; }
body[data-theme="estudio"] .brayn-banner h3 { color:#fff; }
body[data-theme="estudio"] .brayn-banner p { color:#c3d9eb; }
body[data-theme="estudio"] .brayn-banner .pill { background:#fff; color:#0a3a6b; border-color:#fff; }
body[data-theme="estudio"] .brayn-banner .pill:hover { background:#e1eef8; color:#0a3a6b; border-color:#e1eef8; }
body[data-theme="estudio"] .project-card,body[data-theme="estudio"] .product-card { transition:border-color 200ms,background 200ms,transform 200ms; }
@media(max-width:850px) { body[data-theme="estudio"] .nav-inner { min-height:68px; } }

@media (max-width: 760px) {
  body[data-theme="estudio"] .nav-inner { min-height: 68px; }
  body[data-theme="estudio"] .nav-links { gap: 12px; }
  body[data-theme="estudio"] .hero-grid { gap: 36px; }
  body[data-theme="estudio"] .hero-title { letter-spacing: -.04em; }
  body[data-theme="estudio"] .eyebrow { font-size: 10px; letter-spacing: .1em; }
  body[data-theme="estudio"] .project-grid { gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme="estudio"] { scroll-behavior: auto; }
  body[data-theme="estudio"] *,
  body[data-theme="estudio"] *::before,
  body[data-theme="estudio"] *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  body[data-theme="estudio"] .pill:hover,
  body[data-theme="estudio"] .project-card:hover,
  body[data-theme="estudio"] .product-card:hover { transform:none; }
}