/* Goldstine UI kit: shared micro-components for the curated Research page. */
#main {
  --ui-control-radius: 12px;
  --ui-card-radius: 16px;
  --ui-control-height: 44px;
  --ui-inset: 24px;
  --ui-control-bg: #FFFFFF;
  --ui-control-text: #275D73;
  --ui-control-border: #D3DBE1;
}
/* Actions share geometry; links in prose retain their natural text flow. */
#main :is(.gg-caldera-hero [data-framer-name="buttons"] a,
.gg-caldera-sections [data-framer-name="button"],
.gg-caldera-sections a[data-framer-name="wrapper"][data-border],
.gg-airpods-main a.button, .gg-airpods-main .section-header-cta-link,
.gg-caldera-sections .gg-slider-buttons button) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: var(--ui-control-height) !important;
  padding: 10px 16px !important;
  border: 1px solid var(--ui-control-border) !important;
  border-radius: var(--ui-control-radius) !important;
  background: var(--ui-control-bg) !important;
  color: var(--ui-control-text) !important;
  font: 600 14px/1.4 GoldstineSynonym, sans-serif !important;
  text-decoration: none !important;
  transition: background-color 180ms, border-color 180ms, color 180ms !important;
}
#main :is(.gg-caldera-sections [data-framer-name="button"],
.gg-caldera-hero .framer-1jpt1fp-container a, .gg-airpods-main a.button) {
  background: #94610A !important;
  border-color: #94610A !important;
  color: white !important;
}
#main :is(.gg-caldera-sections [data-framer-name="button"], .gg-caldera-hero .framer-1jpt1fp-container a) p {
  color: white !important;
}
#main :is(.section-header-cta-link, .gg-slider-buttons button):hover {
  background: #E0EDF3 !important;
  border-color: #91AAB7 !important;
}
/* One arrow silhouette, hit area and state treatment across all rails. */
#main :is(.paddlenav-arrow, .articles_slider fieldset button) {
  box-sizing: border-box !important;
  display: inline-grid !important;
  place-items: center !important;
  position: relative !important;
  inset: auto !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 !important;
  border: 1px solid #D3DBE1 !important;
  border-radius: 12px !important;
  background: #FFFFFF !important;
  color: #275D73 !important;
  font-size: 0 !important;
  opacity: 1;
  cursor: pointer;
  transition: background-color 180ms, opacity 180ms !important;
}
#main :is(.paddlenav-arrow, .articles_slider fieldset button) > :is(svg,span) { display: none !important; }
#main :is(.paddlenav-arrow, .articles_slider fieldset button)::before { content: none !important; }
#main :is(.paddlenav-arrow, .articles_slider fieldset button)::after {
  content: '' !important;
  display: block !important;
  width: 18px;
  height: 18px;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12h14m-6-6 6 6-6 6' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
#main :is(.paddlenav-arrow-previous, .articles_slider fieldset button:first-child)::after { transform: rotate(180deg); }
#main :is(.paddlenav-arrow, .articles_slider fieldset button):hover:not(:disabled) { background: #E0EDF3 !important; }
#main :is(.paddlenav-arrow, .articles_slider fieldset button):disabled {
  opacity: .4 !important;
  cursor: default;
}
#main :is(.paddlenav ul, .articles_slider fieldset) { gap: 8px !important; }
/* Card surfaces and content hierarchy, without changing animation masks. */
#main .gg-airpods-main :is(.tile-rounded,.gallery-item-content,.bento-gallery-item) {
  border-radius: var(--ui-card-radius) !important;
}
#main .gg-caldera-sections :is(.articles_slider li a, #ecosystem-cards > div,
[data-goldstine-section="features"] [data-framer-name="wrapper"]) {
  border-radius: var(--ui-card-radius) !important;
}
#main .gg-airpods-main :is(.icon-card,.values-card,.anc-breakdown) {
  padding: var(--ui-inset) !important;
  border-radius: var(--ui-card-radius) !important;
}
#main .gg-airpods-main :is(.icon-card-content,.gallery-item-copy-container) { padding: var(--ui-inset) !important; }
#main .gg-airpods-main :is(.gallery-item .headline,.icon-card-headline,.values-card-headline) {
  font: 500 clamp(22px,2vw,28px)/1.2 GoldstineChillax,sans-serif !important;
  letter-spacing: -.025em !important;
  margin-bottom: 12px !important;
}
#main .gg-airpods-main :is(.gallery-item .copy,.icon-card-copy,.values-card-copy) {
  font: 400 16px/1.55 GoldstineSynonym,sans-serif !important;
}
#main .gg-airpods-main .section-eyebrow {
  font: 500 clamp(18px,1.6vw,24px)/1.3 GoldstineChillax,sans-serif !important;
  letter-spacing: -.015em !important;
}
#main .gg-airpods-main .description-headline {
  font: 500 clamp(22px,2vw,28px)/1.25 GoldstineChillax,sans-serif !important;
}
#main .gg-caldera-sections :is(.tag,.badge,[data-framer-name="tag"], [data-framer-name="category"]) {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px !important;
  border: 1px solid #D3DBE1 !important;
  border-radius: 8px !important;
  background: #E0EDF3 !important;
  color: #275D73 !important;
  font: 600 12px/1.3 GoldstineSynonym,sans-serif !important;
}
#main :is(a,button,input,select,textarea):focus-visible {
  outline: 2px solid #275D73 !important;
  outline-offset: 4px !important;
}
@media (max-width:734px) {
  #main { --ui-inset: 20px; }
}
@media (prefers-reduced-motion:reduce) {
  #main :is(a,button) { transition: none !important; }
}
/* Explicit action variants must outrank imported Framer descendant rules. */
html body #main .gg-caldera-hero [data-framer-name="buttons"] .framer-1jpt1fp-container a {
  background: #94610A !important;
  border-color: #94610A !important;
  color: #FFFFFF !important;
}
html body #main .gg-caldera-hero [data-framer-name="buttons"] .framer-1jpt1fp-container a :is(p,span) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
html body #main .gg-caldera-hero [data-framer-name="buttons"] .framer-bod94l-container a :is(p,span),
html body #main .gg-caldera-sections a[data-framer-name="wrapper"][data-border] :is(p,span) {
  color: #275D73 !important;
  -webkit-text-fill-color: #275D73 !important;
}
html body #main .gg-caldera-sections [data-framer-name="button"] :is(p,span) {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
}
/* Research project rows: a single layout across breakpoints. */
#main #research-features .gg-project-features-inner { max-width:1440px; margin:auto; }
#main #research-features h2 { margin:0 0 var(--research-content-gap) !important; }
#main #research-features .gg-project-rows { display:grid; gap:24px; }
#main #research-features .gg-project-row {
  display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  border:1px solid #35434F; border-radius:16px; overflow:hidden;
  background:#1B2834;
}
#main #research-features .gg-project-copy {
  padding:clamp(24px,3vw,40px); display:flex; flex-direction:column; align-items:flex-start; gap:24px;
}
#main #research-features .gg-project-copy h3 { font:500 clamp(28px,3vw,40px)/1.15 GoldstineChillax,sans-serif !important; margin:0 !important; }
#main #research-features .gg-project-copy p { font:400 17px/1.55 GoldstineSynonym,sans-serif !important; color:#D3DBE1 !important; margin:0 !important; max-width:45ch; }
#main #research-features .gg-project-action {
  display:inline-flex; align-items:center; gap:12px; min-height:44px; padding:10px 16px;
  border-radius:12px; border:1px solid #D3DBE1; background:#fff; color:#275D73 !important;
  font:600 14px/1.4 GoldstineSynonym,sans-serif !important; text-decoration:none; margin-top:auto;
}
#main #research-features .gg-project-action span { color:inherit !important; }
#main #research-features .gg-project-action:hover { background:#E0EDF3; }
#main #research-features .gg-project-media { display:grid; min-height:340px; overflow:hidden; }
#main #research-features .gg-project-media-pair { grid-template-columns:1fr 1fr; gap:2px; }
#main #research-features .gg-project-media img { display:block; width:100%; height:100%; min-width:0; object-fit:cover; }
@media(max-width:734px) {
  #main #research-features .gg-project-row { grid-template-columns:1fr; }
  #main #research-features .gg-project-media { min-height:0; height:280px; }
  #main #research-features .gg-project-copy { gap:20px; }
}
@media(min-width:735px) {
  #main #research-features .gg-project-rows { grid-auto-rows:1fr; }
  #main #research-features .gg-project-media { position:relative; min-height:360px; }
  #main #research-features .gg-project-media img { position:absolute; inset:0; height:100%; }
  #main #research-features .gg-project-media-pair img { width:50%; }
  #main #research-features .gg-project-media-pair img:nth-child(2) { left:50%; }
}
.gg-research-invitation-copy {
  max-width:58ch;
  margin:20px auto 0;
  color:var(--research-paper, #F3F5F7);
  font:400 clamp(16px, 1.5vw, 20px)/1.55 GoldstineSynonym, sans-serif;
  text-align:center;
}

/* Keep the Research hero headline prominent without letting it dominate the layout. */
html body #main .gg-caldera-hero[aria-label="Research"] h1 {
  font-size:clamp(42px, 4.2vw, 66px) !important;
  line-height:1.08 !important;
}
@media (max-width:1199px) {
  html body #main .gg-caldera-hero[aria-label="Research"] h1 {
    font-size:clamp(40px, 5.5vw, 60px) !important;
  }
}
@media (max-width:809px) {
  html body #main .gg-caldera-hero[aria-label="Research"] h1 {
    font-size:42px !important;
  }
}