/* Studio information pages use the shared Goldstine tokens and card language. */
.studio-misc #main {
  --studio-paper: #F3F5F7;
  --studio-surface: #FFFFFF;
  --studio-raised: #E8EDF1;
  --studio-line: #D3DBE1;
  --studio-ink: #18212B;
  --studio-muted: #566574;
  --studio-link: #275D73;
  --studio-gold: #94610A;
  color: var(--studio-ink);
}
.studio-misc .gg-caldera-sections { overflow: visible; background: var(--studio-paper); }
.studio-misc .gg-caldera-sections > .gg-project-features { padding: clamp(58px, 8vw, 112px) 0 !important; }
.studio-misc .gg-caldera-sections #research-features { scroll-margin-top: 105px; }
.studio-misc .gg-caldera-sections #research-features .gg-project-features-inner,
.studio-misc .studio-misc-section-inner { width: min(100% - 40px, 1320px); margin-inline: auto; }
.studio-misc .gg-caldera-sections #research-features h2,
.studio-misc .studio-misc-heading {
  max-width: 18ch;
  margin: 0 0 clamp(20px, 3vw, 34px) !important;
  color: var(--studio-ink);
  font: 500 clamp(34px, 5vw, 68px)/1.08 GoldstineChillax, sans-serif !important;
  letter-spacing: -.035em !important;
}
.studio-misc .studio-misc-section {
  padding: clamp(58px, 8vw, 112px) 0;
  border-top: 1px solid var(--studio-line);
  scroll-margin-top: 100px;
}
.studio-misc .studio-misc-kicker {
  margin: 0 0 18px;
  color: var(--studio-link);
  font: 600 13px/1.35 GoldstineSynonym, sans-serif;
}
.studio-misc .studio-misc-copy {
  max-width: 68ch;
  margin: 0 0 16px;
  color: var(--studio-muted);
  font: 400 clamp(16px, 1.25vw, 19px)/1.65 GoldstineSynonym, sans-serif;
}
.studio-misc .studio-misc-lede { max-width: 60ch; margin-bottom: clamp(28px, 4vw, 48px); }
.studio-misc .studio-misc-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: clamp(28px, 4vw, 48px);
}
.studio-misc .studio-misc-card {
  display: flex;
  min-height: 260px;
  flex-direction: column;
  align-items: flex-start;
  padding: clamp(22px, 3vw, 36px);
  border: 1px solid var(--studio-line);
  border-radius: 16px;
  background: var(--studio-surface);
}
.studio-misc .studio-misc-card-mark {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  margin-bottom: auto;
  color: var(--studio-gold);
  font: 600 13px/1.3 GoldstineSynonym, sans-serif;
}
.studio-misc .studio-misc-card-title {
  margin: 34px 0 12px;
  color: var(--studio-ink);
  font: 500 clamp(22px, 2vw, 29px)/1.2 GoldstineChillax, sans-serif;
  letter-spacing: -.02em;
}
.studio-misc .studio-misc-card .studio-misc-copy { font-size: 16px; }
.studio-misc .studio-misc-link {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: auto;
  padding-top: 16px;
  color: var(--studio-link);
  font: 600 14px/1.45 GoldstineSynonym, sans-serif;
  text-decoration: underline;
  text-decoration-color: #91AAB7;
  text-underline-offset: 5px;
}
.studio-misc .studio-misc-link:hover { color: var(--studio-gold); text-decoration-color: currentColor; }
.studio-misc .studio-misc-callout {
  padding: clamp(40px, 6vw, 76px) 0;
  border-top: 0;
}
.studio-misc .studio-misc-callout-inner {
  width: min(100% - 40px, 1320px);
  margin-inline: auto;
  padding: clamp(28px, 5vw, 64px);
  border-radius: 18px;
  background: #18212B;
  color: #F3F5F7;
}
.studio-misc .studio-misc-callout .studio-misc-kicker { color: #E7B52E; }
.studio-misc .studio-misc-callout .studio-misc-heading { color: #F3F5F7; }
.studio-misc .studio-misc-callout .studio-misc-copy { color: #D3DBE1; }
.studio-misc .studio-misc-actions,
.studio-misc .studio-misc-form-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.studio-misc .studio-misc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 18px;
  border: 1px solid var(--studio-line);
  border-radius: 12px;
  background: #FFFFFF;
  color: var(--studio-link);
  font: 600 14px/1.4 GoldstineSynonym, sans-serif;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.studio-misc .studio-misc-button:hover { background: #E0EDF3; border-color: #91AAB7; }
.studio-misc .studio-misc-button-primary { border-color: var(--studio-gold); background: var(--studio-gold); color: #FFFFFF; }
.studio-misc .studio-misc-button-primary:hover { border-color: #C88710; background: #C88710; color: #18212B; }
.studio-misc .studio-misc-contact {
  padding: clamp(58px, 8vw, 112px) 20px;
  border-top: 1px solid var(--studio-line);
  background: var(--studio-paper);
}
.studio-misc .studio-misc-contact-inner {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: clamp(32px, 7vw, 100px);
  width: min(100%, 1320px);
  margin-inline: auto;
}
.studio-misc .studio-misc-contact-copy { align-self: start; position: sticky; top: 110px; }
.studio-misc .studio-misc-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: clamp(22px, 3.5vw, 42px);
  border: 1px solid var(--studio-line);
  border-radius: 18px;
  background: var(--studio-surface);
}
.studio-misc .studio-misc-field { display: grid; gap: 8px; min-width: 0; }
.studio-misc .studio-misc-field-wide,
.studio-misc .studio-misc-form-actions,
.studio-misc .studio-misc-form-status { grid-column: 1 / -1; }
.studio-misc .studio-misc-field label {
  color: var(--studio-ink);
  font: 600 14px/1.4 GoldstineSynonym, sans-serif;
}
.studio-misc .studio-misc-field :is(input, select, textarea) {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid #AEBBC5;
  border-radius: 10px;
  background: #FFFFFF;
  color: var(--studio-ink);
  font: 400 16px/1.45 GoldstineSynonym, sans-serif;
}
.studio-misc .studio-misc-field textarea { min-height: 150px; resize: vertical; }
.studio-misc .studio-misc-field :is(input, select, textarea)::placeholder { color: #687783; opacity: 1; }
.studio-misc .studio-misc-field :is(input, select, textarea):focus-visible { outline: 2px solid var(--studio-link); outline-offset: 2px; }
.studio-misc .studio-misc-form-status { min-height: 24px; margin: 0; color: var(--studio-link); font: 500 14px/1.5 GoldstineSynonym, sans-serif; }
.studio-misc .studio-misc-clear {
  min-height: 40px;
  padding: 8px 0;
  border: 0;
  background: transparent;
  color: var(--studio-muted);
  font: 500 13px/1.4 GoldstineSynonym, sans-serif;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.studio-misc .studio-misc-clear:hover { color: var(--studio-ink); }
.studio-misc .gg-project-row { min-height: 310px; }
.studio-misc .gg-project-media { min-height: 270px; }
.studio-misc .gg-project-media img { width: 100%; height: 100%; object-fit: cover; }
.studio-misc #main .gg-caldera-sections #research-features .gg-project-action {
  background: #FFFFFF !important;
  border-color: #D3DBE1 !important;
  color: #275D73 !important;
}
.studio-misc #main .gg-caldera-sections #research-features .gg-project-action:hover { background: #E0EDF3 !important; }
.studio-misc :is(a,button,input,select,textarea):focus-visible { outline: 2px solid #275D73; outline-offset: 4px; }
@media (max-width: 900px) {
  .studio-misc .studio-misc-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .studio-misc .studio-misc-contact-inner { grid-template-columns: 1fr; }
  .studio-misc .studio-misc-contact-copy { position: static; }
}
@media (max-width: 600px) {
  .studio-misc .gg-caldera-sections #research-features .gg-project-features-inner,
  .studio-misc .studio-misc-section-inner { width: min(100% - 32px, 1320px); }
  .studio-misc .studio-misc-grid { grid-template-columns: 1fr; gap: 12px; }
  .studio-misc .studio-misc-card { min-height: 220px; }
  .studio-misc .studio-misc-contact { padding-inline: 16px; }
  .studio-misc .studio-misc-form { grid-template-columns: 1fr; gap: 16px; padding: 20px; }
  .studio-misc .studio-misc-field-wide,
  .studio-misc .studio-misc-form-actions,
  .studio-misc .studio-misc-form-status { grid-column: auto; }
  .studio-misc .studio-misc-actions,
  .studio-misc .studio-misc-form-actions { align-items: stretch; flex-direction: column; }
  .studio-misc .studio-misc-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .studio-misc .studio-misc-button { transition: none; }
}
