/* Modern coherence pass – 2026 */

/* Typography */
html, body {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
               Helvetica, Arial, sans-serif;
  line-height: 1.6;
  letter-spacing: 0.01em;
}

/* Headings */
h1, h2, h3 {
  font-weight: 600;
  letter-spacing: -0.01em;
}

/* Reduce visual noise */
* {
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Layout tightening */
section {
  padding-top: clamp(2.5rem, 5vw, 4rem);
  padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

main {
  max-width: 1100px;
  margin: 0 auto;
}

/* Selected works grid */
#gridSelected,
#works-grid {
  gap: 22px;
}

/* Tile captions */
.tile-cap p {
  font-size: 0.9rem;
  opacity: 0.9;
}

/* Curators box */
.curator-bullets li {
  max-width: 820px;
}

/* Links */
a {
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

/* Kill hover theatrics */
a:hover,
button:hover {
  transform: none !important;
}

/* Dark mode polish */
html[data-theme="dark"] {
  background-color: #0b0b0b;
  color: #f5f7fb;
}


/* Works header readability in dark mode */
html[data-theme="dark"] header,
html[data-theme="dark"] header a,
html[data-theme="dark"] header svg,
html[data-theme="dark"] header svg *,
html[data-theme="dark"] nav,
html[data-theme="dark"] nav a,
html[data-theme="dark"] .header,
html[data-theme="dark"] .header a,
html[data-theme="dark"] .brand,
html[data-theme="dark"] .brand a,
html[data-theme="dark"] .logo,
html[data-theme="dark"] .logo *,
html[data-theme="dark"] .menu,
html[data-theme="dark"] .menu a{
  color: #f5f7fb !important;
  fill: #f5f7fb !important;
  stroke: #f5f7fb !important;
}


/* Dropdown readability in dark mode */
html[data-theme="dark"] select,
html[data-theme="dark"] option,
html[data-theme="dark"] .nav-select,
html[data-theme="dark"] .menu select{
  color: #f5f7fb !important;
  background: #0b0b0b !important;
  border-color: rgba(245,247,251,0.25) !important;
}
html[data-theme="dark"] select:focus{
  outline-color: rgba(245,247,251,0.45) !important;
}


/* Business card page alignment */
.page{
  max-width: 1100px;
  margin: 0 auto;
  padding: clamp(1.5rem, 4vw, 3rem) clamp(1rem, 3vw, 2rem);
}

/* Business card: enforce dark coherence */
body.business-card, body.card-page, body#card, body[data-page="card"]{
  background:#0b0b0b !important;
  color:#f5f7fb !important;
}

/* First-scroll polish */
.home-bio{ margin-bottom: clamp(2.5rem, 6vw, 3.5rem); }
.selected-works{ margin-top: clamp(1.25rem, 4vw, 2rem); }

/* Anchor marker */
.anchor-badge{
  margin-left:8px;
  font-size:.7rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.6;
}

/* Curator note */
.curator-note{
  margin-top:10px;
  font-size:.85rem;
  opacity:.7;
}

/* Inquire section polish */
.inquire-card{
  max-width: 860px;
  margin: 0 auto;
  background: rgba(15,17,21,.92);
  border: 1px solid rgba(245,247,251,.14);
  border-radius: 16px;
  padding: 18px;
}
.inquire-form{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.inquire-form label{
  display:block;
  font-size: .85rem;
  opacity: .75;
  margin-bottom: 6px;
}
.inquire-input{
  width: 100%;
  background: #0b0b0b;
  color: #f5f7fb;
  border: 1px solid rgba(245,247,251,.16);
  border-radius: 12px;
  padding: 10px 12px;
  font-size: .95rem;
  line-height: 1.4;
}
.inquire-input::placeholder{ opacity:.55; }
.inquire-input:focus{
  outline: none;
  border-color: rgba(245,247,251,.32);
  box-shadow: 0 0 0 3px rgba(245,247,251,.08);
}
.inquire-form .full{
  grid-column: 1 / -1;
  min-height: 130px;
  resize: vertical;
}
.inquire-btn{
  grid-column: 1 / -1;
  border-radius: 12px;
  border: 1px solid rgba(245,247,251,.18);
  background: transparent;
  color: #f5f7fb;
  padding: 11px 12px;
  font-size: .95rem;
  cursor: pointer;
}
.inquire-btn:hover{ background: rgba(245,247,251,.06); }
.inquire-btn:active{ background: rgba(245,247,251,.10); }
@media (max-width: 720px){
  .inquire-form{ grid-template-columns: 1fr; }
}