:root {
  color-scheme: dark;
  --bg: #000;
  --panel: #0d0d0d;
  --paper: #f2f2f2;
  --muted: #969696;
  --line: rgba(255, 255, 255, 0.16);
  --accent: #ff6a00;
  --accent-soft: #ffb36b;
  font-synthesis: none;
}

html { scroll-behavior: smooth; }
body { margin: 0; line-height: 1.65; }
button, input { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
[hidden] { display: none !important; }

.skip-link {
  position: fixed;
  z-index: 100;
  top: .75rem;
  left: .75rem;
  padding: .6rem .9rem;
  background: var(--paper);
  color: var(--bg);
  transform: translateY(-180%);
}
.skip-link:focus { transform: translateY(0); }

.nav-item { cursor: pointer; }
.nav-item::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: var(--accent);
  content: "";
  opacity: 0;
  transform: scaleX(.5);
  transition: 180ms ease;
}
.nav-item:hover,
.nav-item.is-active { color: var(--paper); }
.nav-item.is-active::after { opacity: 1; transform: scaleX(1); }

.eyebrow {
  margin: 0 0 .7rem;
  color: var(--accent);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.category-scroll { scrollbar-width: none; }
.category-scroll::-webkit-scrollbar { display: none; }
.category-button {
  min-height: 50px;
  padding: 0 1rem;
  border: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  cursor: pointer;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .9rem;
  transition: 160ms ease;
}
.category-button:hover,
.category-button.is-active {
  border-color: var(--paper);
  background: var(--paper);
  color: var(--bg);
}

.art-grid {
  column-count: 4;
  column-gap: clamp(.8rem, 1.8vw, 1.5rem);
}
.art-card {
  display: inline-block;
  width: 100%;
  margin: 0 0 clamp(.8rem, 1.8vw, 1.5rem);
  padding: .5rem;
  break-inside: avoid;
  border: 1px solid var(--line);
  background: rgba(13,13,13,.72);
  color: inherit;
  cursor: pointer;
  text-align: left;
  transition: border-color 200ms ease, background-color 200ms ease;
}
.art-card:hover { border-color: rgba(255,106,0,.72); background: rgba(24,24,24,.88); }
.art-card-image {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--panel);
}
.art-card-image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 60%, rgba(0,0,0,.14));
  content: "";
  opacity: 0;
  transition: opacity 260ms ease;
}
.art-card-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  transition: transform 500ms cubic-bezier(.2,.8,.2,1), filter 240ms ease;
}
.art-card:hover img,
.art-card:focus-visible img { filter: brightness(1.06); transform: scale(1.025); }
.art-card:hover .art-card-image::after { opacity: 1; }
.art-card:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.art-card-info { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem .35rem .35rem; }
.art-card h2 { margin: 0; font-size: 1.07rem; font-weight: 500; line-height: 1.35; }
.art-card p { margin: .2rem 0 0; color: var(--muted); font-size: .78rem; }
.art-number { flex: 0 0 auto; color: #666; font-family: ui-monospace, monospace; font-size: .7rem; }

.portrait-art::before {
  position: absolute;
  top: -1.5rem;
  right: -1.5rem;
  bottom: 1.5rem;
  left: 1.5rem;
  z-index: -1;
  border: 1px solid rgba(255,106,0,.65);
  content: "";
}
.career-grid article { min-height: 175px; padding: 1.5rem 1.5rem 1.5rem 0; border-bottom: 1px solid var(--line); }
.career-grid span { color: var(--accent); font-family: ui-monospace, monospace; }
.career-grid p { max-width: 280px; margin-top: 2rem; color: #b8b8b8; }

.timeline li {
  display: grid;
  grid-template-columns: minmax(90px, .24fr) minmax(0, 1fr);
  gap: 4vw;
  padding: 2.5rem 0;
  border-top: 1px solid var(--line);
}
.timeline time { color: var(--accent); font-family: ui-monospace, monospace; font-size: 1rem; }
.timeline h2 { margin: 0 0 .6rem; font-size: clamp(1.4rem, 2.5vw, 2.3rem); font-weight: 500; }
.timeline p { max-width: 760px; margin: 0; color: var(--muted); }

.art-dialog {
  width: min(1180px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  padding: 0;
  border: 1px solid var(--line);
  background: var(--panel);
  color: var(--paper);
}
.art-dialog::backdrop { background: rgba(0,0,0,.82); backdrop-filter: blur(6px); }
.dialog-layout { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); min-height: 600px; }
.dialog-image-wrap { display: grid; min-height: 600px; padding: 2rem; place-items: center; background: #080808; }
.dialog-image-button {
  position: relative;
  display: grid;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: zoom-in;
  place-items: center;
}
.dialog-image-button img { max-height: calc(100vh - 6rem); object-fit: contain; }
.dialog-image-button span {
  position: absolute;
  right: .8rem;
  bottom: .8rem;
  padding: .4rem .7rem;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  background: rgba(8,8,8,.86);
  color: rgba(255,255,255,.9);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .72rem;
  letter-spacing: .04em;
  pointer-events: none;
}
.dialog-image-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
.dialog-copy { padding: clamp(2rem,5vw,4.5rem); overflow-y: auto; }
.dialog-kicker { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; }
.dialog-kicker .eyebrow,
.dialog-kicker .dialog-id { margin: 0; }
.dialog-copy h2 { margin: 0 0 .3rem; font-size: clamp(1.65rem,3vw,3rem); font-weight: 500; line-height: 1.15; }
.dialog-id { flex: none; color: #777; font-family: ui-monospace, monospace; font-size: .75rem; text-align: right; }
.art-meta { display: grid; grid-template-columns: repeat(2,1fr); margin: 2rem 0; border-top: 1px solid var(--line); }
.art-meta div { padding: 1rem 0; border-bottom: 1px solid var(--line); }
.art-meta dt { color: var(--muted); font-size: .76rem; }
.art-meta dd { margin: .3rem 0 0; font-size: .92rem; }
.dialog-description { color: #c4c4c4; white-space: pre-line; }
.caution-box { margin-top: 1.5rem; padding: 1rem; border-left: 2px solid var(--accent); background: rgba(255,106,0,.1); color: var(--accent-soft); font-size: .88rem; }

.icon-button {
  display: grid;
  width: 48px;
  height: 48px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 50%;
  background: rgba(12,12,12,.9);
  cursor: pointer;
  line-height: 1;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}
.icon-button i { display: block; font-size: 1.25rem; line-height: 1; }
.icon-button:hover { border-color: var(--accent); background: rgba(35,35,35,.96); transform: rotate(4deg); }
.icon-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.dialog-close { position: fixed; z-index: 2; top: 1rem; right: 1rem; }

.image-preview {
  overflow: hidden;
  width: 100vw;
  max-width: none;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: rgba(0,0,0,.96);
  color: #fff;
}
.image-preview[open] { display: block; }
.image-preview::backdrop { background: #000; }
.preview-stage {
  position: absolute;
  inset: 0;
  display: grid;
  overflow: hidden;
  place-items: center;
  cursor: zoom-in;
  touch-action: none;
  user-select: none;
}
.preview-stage.is-zoomed { cursor: grab; }
.preview-stage.is-dragging { cursor: grabbing; }
.preview-stage img {
  width: auto;
  max-width: calc(100vw - 2rem);
  height: auto;
  max-height: calc(100dvh - 2rem);
  object-fit: contain;
  pointer-events: auto;
  transform-origin: center;
  will-change: transform;
  user-select: none;
  -webkit-user-drag: none;
}
.preview-close { position: fixed; z-index: 4; top: max(1rem,env(safe-area-inset-top)); right: max(1rem,env(safe-area-inset-right)); }
.preview-controls {
  position: fixed;
  z-index: 4;
  bottom: max(1rem,env(safe-area-inset-bottom));
  left: 50%;
  display: flex;
  align-items: center;
  gap: .3rem;
  padding: .35rem;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  background: rgba(12,12,12,.94);
  box-shadow: 0 12px 35px rgba(0,0,0,.3);
  transform: translateX(-50%);
  backdrop-filter: blur(14px);
}
.preview-controls button {
  display: grid;
  width: 42px;
  height: 42px;
  padding: 0;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  line-height: 1;
}
.preview-controls button:hover { background: rgba(255,255,255,.12); }
.preview-controls button:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
#preview-zoom-level {
  min-width: 58px;
  color: rgba(255,255,255,.9);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .78rem;
  text-align: center;
}
.preview-hint {
  position: fixed;
  z-index: 3;
  right: 1rem;
  bottom: max(1.2rem,env(safe-area-inset-bottom));
  margin: 0;
  color: rgba(255,255,255,.58);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: .75rem;
  pointer-events: none;
}

@media (max-width: 1050px) {
  .art-grid { column-count: 3; }
  .dialog-layout { grid-template-columns: 1fr; }
  .dialog-image-wrap { min-height: 45vh; }
}

@media (max-width: 760px) {
  .category-button { min-height: 40px; }
  .art-grid { column-count: 2; column-gap: .65rem; }
  .art-card { margin-bottom: .65rem; padding: .35rem; }
  .timeline li { grid-template-columns: 70px 1fr; gap: 1rem; }
  .dialog-layout { display: block; }
  .dialog-image-wrap { min-height: 42vh; padding: 1rem; }
  .dialog-copy { padding: 2rem 1.2rem 3rem; }
}

@media (max-width: 430px) {
  .art-card h2 { font-size: .95rem; }
  .art-card-info { gap: .4rem; }
  .art-number { display: none; }
  .timeline li { grid-template-columns: 1fr; }
  .preview-hint { display: none; }
  .preview-controls { bottom: max(.75rem,env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

.visitor-message { margin:3rem auto; padding:24px; width:min(900px,calc(100% - 32px)); border:1px solid var(--line); background:#111; }
.visitor-message h2 { font-size:1.6rem; }
.visitor-message form { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.visitor-message label { display:grid; gap:8px; font-size:.9rem; }
.visitor-message input,.visitor-message textarea { width:100%; background:#050505; color:#eee; padding:12px; border:1px solid #444; }
.visitor-message .message-full { grid-column:1/-1; }
.visitor-message button[type="submit"] { padding:12px 20px; background:#ff6a00; color:#000; justify-self:start; }
.visitor-message button[type="submit"]:disabled { opacity:.5; }
@media(max-width:600px) { .visitor-message form { grid-template-columns:1fr; } }

.message-nav { max-width:900px; margin:2rem auto; padding:0 24px; }
.message-nav a { color:var(--accent); text-decoration:none; }
/* Artwork message dialog, isolated from the standalone page and other dialogs. */
.message-modal { position:fixed; inset:0; box-sizing:border-box; width:min(560px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); overflow:auto; margin:auto; padding:32px; border:1px solid #333; border-radius:12px; background:#111; color:#eee; box-shadow:0 32px 100px #0009; font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.message-modal * { box-sizing:border-box; }
.message-modal::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(5px); }
.message-modal-header { padding-right:40px; }
.message-modal-header .eyebrow { margin:0 0 10px; font-size:11px; letter-spacing:.16em; }
.message-modal #message-heading { padding:0; margin:0; font-family:"Songti SC","STSong",serif; font-size:26px; font-weight:500; line-height:1.45; }
.message-modal .message-close { position:absolute; top:20px; right:20px; display:flex; align-items:center; justify-content:center; width:32px; height:32px; padding:0; border:1px solid transparent; border-radius:6px; background:transparent; color:#888; cursor:pointer; }
.message-close svg { display:block; width:18px; height:18px; flex:none; }
.message-modal .message-close:hover { background:#242424; color:#fff; }
.message-modal .message-close:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.message-artwork { margin:24px 0; padding:12px 16px; border-left:2px solid #ff6a00; background:#191919; }
.message-artwork>span { color:#777; font-size:11px; }
.message-artwork p { margin:4px 0 0; color:#ccc; font-size:13px; overflow-wrap:anywhere; }
.message-modal-form { display:flex; flex-direction:column; gap:10px; }
.message-modal-form label { display:flex; align-items:center; justify-content:space-between; color:#ccc; font-size:13px; }
.message-modal-form label span { color:#666; font-size:11px; }
.message-modal-form input:not([type="hidden"]),.message-modal-form textarea { display:block; width:100%; padding:12px 14px; border:1px solid #333; border-radius:6px; background:#090909; color:#eee; font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; transition:border-color .15s; }
.message-modal-form input:not([type="hidden"]) { margin-bottom:10px; }
.message-modal-form textarea { min-height:148px; resize:vertical; }
.message-modal-form input::placeholder,.message-modal-form textarea::placeholder { color:#606060; }
.message-modal-form input:focus,.message-modal-form textarea:focus { outline:2px solid #ff6a0020; border-color:#ff6a00; }
.message-modal-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:14px; padding-top:20px; border-top:1px solid #292929; }
.message-modal-actions>span { color:#777; font-size:12px; }
.message-modal-actions i { margin-right:5px; font-size:10px; }
.message-modal-actions button { display:inline-flex; align-items:center; justify-content:center; gap:12px; min-height:44px; padding:10px 18px; border:0; border-radius:6px; background:#ff6a00; color:#080808; font:600 13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer; }
.message-modal-actions button:hover { background:#ff8533; }
.message-modal-actions button:disabled { opacity:.5; cursor:wait; }
.message-modal #message-feedback { margin:0; color:#ffb36b; font-size:12px; }
.message-modal #message-feedback:empty { display:none; }
@media(max-width:480px) { .message-modal { padding:24px 20px; } .message-modal #message-heading { font-size:22px; } .message-modal .message-close { top:14px; right:12px; } .message-modal-actions { gap:8px; } }
.art-message-button { margin-top:24px; padding:12px 20px; border:1px solid #ff6a00; background:#111; color:#ff6a00; cursor:pointer; }

/* Standalone message page: explicit styles keep the form usable without CDN CSS. */
.message-page { min-width:320px; min-height:100vh; background:#000; color:#f2f2f2; font-family:"Songti SC","STSong",Georgia,serif; }
.message-page *, .message-page *::before, .message-page *::after { box-sizing:border-box; }
.message-page .site-header { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:84px; padding:0 3.5vw; border-bottom:1px solid var(--line); }
.message-page .brand { display:flex; align-items:center; gap:12px; color:inherit; text-decoration:none; }
.message-page .brand>span:first-child { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--accent); color:var(--accent); }
.message-page .brand strong,.message-page .brand small { display:block; }
.message-page .brand small { color:var(--muted); font-size:12px; }
.message-page .site-nav { display:flex; align-self:stretch; gap:28px; }
.message-page .nav-item { position:relative; display:inline-flex; align-items:center; text-decoration:none; color:var(--muted); font:14px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.message-page .nav-item.is-active,.message-page .nav-item:hover { color:var(--paper); }
.message-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,7vw,110px); align-items:start; max-width:1320px; margin:0 auto; padding:clamp(48px,8vw,120px) 3.5vw; }
.message-introduction h1 { margin:18px 0 28px; font-size:clamp(32px,3.7vw,56px); font-weight:500; line-height:1.35; letter-spacing:-.04em; }
.message-lead { max-width:420px; font-size:17px; line-height:1.9; color:#aaa; }
.message-note { display:flex; gap:12px; margin-top:44px; padding-top:24px; border-top:1px solid var(--line); color:#888; font:13px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.message-note i { color:var(--accent); margin-top:5px; }
.message-card { background:#0d0d0d; border:1px solid var(--line); padding:clamp(24px,3vw,40px); }
.message-card h2 { font-size:24px; font-weight:500; margin:0 0 28px; }
.message-card form { display:grid; gap:12px; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.message-card label { display:flex; justify-content:space-between; gap:12px; font-size:14px; }
.message-card label span { color:#777; font-size:12px; }
.message-card input,.message-card textarea { width:100%; min-width:0; border:1px solid #333; border-radius:0; background:#050505; color:#f2f2f2; padding:14px 16px; font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin-bottom:16px; }
.message-card textarea { resize:vertical; min-height:190px; }
.message-card input:focus,.message-card textarea:focus { outline:2px solid #ff6a0040; outline-offset:2px; border-color:#ff6a00; }
.message-card input::placeholder,.message-card textarea::placeholder { color:#666; }
.message-submit-row { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.message-submit-row p { color:#777; font-size:12px; margin:0; }
.message-submit-row button { display:inline-flex; align-items:center; justify-content:center; gap:16px; padding:14px 22px; border:1px solid #ff6a00; background:#ff6a00; color:#000; font-size:14px; font-weight:600; cursor:pointer; white-space:nowrap; }
.message-submit-row button:hover { background:#ff8533; }
.message-submit-row button:disabled { opacity:.5; cursor:wait; }
.message-card [data-message-feedback] { margin:0; font-size:13px; color:#ffb36b; overflow-wrap:anywhere; }
.message-card [data-message-feedback]:empty { display:none; }
.message-footer { margin:0 3.5vw; border-top:1px solid var(--line); padding:24px 0; color:#777; font-size:12px; }
@media(max-width:760px) {
 .message-layout { grid-template-columns:1fr; gap:32px; padding:40px 20px; }
 .message-page .site-header { padding:0 16px; min-height:72px; gap:12px; }
 .message-page .site-nav { gap:12px; }
 .message-page .brand strong { font-size:12px; }
 .message-page .brand small { display:none; }
 .message-page .brand>span:first-child { width:30px; height:30px; }
 .message-page .brand { gap:6px; }
 .message-page .nav-item { font-size:12px; }
 .message-note { margin-top:24px; }
 .message-submit-row { align-items:stretch; flex-direction:column; }
}

.message-route { width:100%; }
.message-route .message-card * { box-sizing:border-box; }
.message-route .message-card h2 { font-family:"Songti SC","STSong",serif; }
.route-notice { margin:20px 0; color:#ffb36b; font-size:14px; }

/* General message route */
.message-route { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); max-width:1160px; gap:clamp(32px,6vw,88px); padding:clamp(48px,7vw,96px) 0; align-items:center; min-height:calc(100dvh - 170px); }
.message-route .message-introduction { padding-bottom:32px; }
.message-route .message-introduction h1 { font-size:clamp(32px,3.5vw,48px); line-height:1.4; margin:20px 0 24px; }
.message-route .message-lead { font-size:15px; line-height:2; max-width:340px; color:#929292; }
.message-route .message-note { max-width:340px; font-size:12px; color:#737373; margin-top:36px; }
.message-route .message-card { min-width:0; border-color:#2c2c2c; border-radius:12px; background:#101010; padding:clamp(24px,3vw,36px); box-shadow:0 20px 70px #0004; }
.message-card-heading { display:flex; align-items:center; gap:14px; padding-bottom:24px; margin-bottom:24px; border-bottom:1px solid #292929; }
.message-card-icon { flex:none; display:grid; place-items:center; width:42px; height:42px; border:1px solid #ff6a0033; border-radius:10px; background:#ff6a000a; color:#ff6a00; font-size:18px; }
.message-route .message-card-heading h2 { margin:0; font-size:22px; line-height:1.4; }
.message-card-heading p { margin:5px 0 0; color:#777; font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.message-route .message-card label { color:#ccc; font-size:13px; }
.message-route .message-card label span { color:#777; font-size:11px; }
.message-route .message-card input,.message-route .message-card textarea { border-radius:6px; font-size:14px; background:#080808; padding:12px 14px; border-color:#303030; margin-bottom:12px; }
.message-route .message-card textarea { min-height:180px; margin-bottom:0; }
.message-route .message-card input:focus,.message-route .message-card textarea:focus { border-color:#ff6a00; }
.message-input-meta { display:flex; justify-content:space-between; gap:12px; color:#707070; font-size:11px; margin-top:-4px; }
#message-count { white-space:nowrap; font-variant-numeric:tabular-nums; }
.message-route .message-submit-row { border-top:1px solid #292929; padding-top:22px; margin-top:12px; }
.message-route .message-submit-row p { font-size:11px; }
.message-submit-row p i { margin-right:5px; font-size:10px; }
.message-route .message-submit-row button { min-height:44px; border-radius:6px; padding:11px 20px; gap:12px; font-size:13px; }
.message-card [data-message-feedback]:not(:empty) { padding:12px 14px; border:1px solid #ff6a0033; border-radius:6px; background:#ff6a0008; line-height:1.7; }
.message-card [data-message-feedback][data-state="error"] { color:#ff9b8e; border-color:#ff756533; background:#ff756508; }
@media(max-width:760px) {
 .message-route { grid-template-columns:minmax(0,1fr); gap:28px; padding:36px 0 48px; min-height:0; }
 .message-route .message-introduction { padding:0; }
 .message-route .message-introduction h1 { margin:12px 0 16px; }
 .message-route .message-lead { max-width:100%; margin:0; }
 .message-route .message-note { display:none; }
 .message-route .message-card { padding:24px 20px; }
 .message-route .message-submit-row { flex-direction:row; align-items:center; }
 .message-input-meta>span:first-child { max-width:70%; }
}

/* One shared input treatment for both message forms. */
:is(#general-message-form, #visitor-message-form) .message-field-input { box-sizing:border-box; display:block; width:100%; min-width:0; padding:12px 14px; margin:0 0 10px; border:1px solid #333; border-radius:6px; background:#090909; color:#eee; font:14px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; box-shadow:none; appearance:none; transition:border-color .15s; }
:is(#general-message-form, #visitor-message-form) textarea.message-field-input { min-height:148px; margin-bottom:0; resize:vertical; }
:is(#general-message-form, #visitor-message-form) .message-field-input::placeholder { color:#606060; }
:is(#general-message-form, #visitor-message-form) .message-field-input:focus { outline:2px solid #ff6a0020; outline-offset:0; border-color:#ff6a00; }
.contact-hint { margin:-12px 0 8px; font:11px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#777; }
.inbox-contact { color:#999; font-size:12px; overflow-wrap:anywhere; margin:0 0 16px; }