/* Studio colour study. Logo PDF page 1: green #0e544b; cream #e2d8bf.
   Only colour properties change. Original Studio layout, media and motion remain shared. */
.concept-studio.studio-green {
  --paper: #f7f4ec;
  --surface: #ece6d8;
  --deep: #0e544b;
  --green: #0e544b;
  --ink: #0e544b;
  --muted: #50675d;
  --accent: #0e544b;
  --lime: #e2d8bf;
  --cream: #e2d8bf;
  --white: #f7f4ec;
  --line: #0e544b29;
  --button-ink: #e2d8bf;
}
.studio-green .nav { background: #f7f4ecf2; }
.studio-green .launch-bar { color: #e2d8bf; }
.studio-green :is(.studio-hero, .standard, .leadership, .membership-card, .visit-card, .benefit-highlight, .service-hero, .footer) {
  --ink: #e2d8bf;
  --muted: #cfdbc9;
  --accent: #e2d8bf;
  --surface: #164d45;
  --line: #e2d8bf33;
  --button-ink: #0e544b;
  background-color: #0e544b;
  color: #e2d8bf;
}
.concept-studio.studio-green :is(.btn-primary, .btn-dark, .btn-lime) {
  background: var(--accent);
  color: var(--button-ink);
}
.studio-green .studio-hero :is(em, .eyebrow, .text-link),
.studio-green .studio-hero .hero-world-links :is(strong, span) { color: #e2d8bf; }
.studio-green .studio-hero :is(.hero-copy, .hero-world-links small) { color: #cfdbc9; }
.studio-green .studio-film-frame { background: #073d36; border-color: #e2d8bf25; }
.studio-green .studio-film-label { color: #e2d8bf; }
.studio-green .studio-hero .hero-world-links { background: #164d45; border-color: #e2d8bf30; }
.studio-green .studio-hero .hero-world-links a { border-color: #e2d8bf25; }
.studio-green .studio-hero .hero-world-links a:hover { background: #226459; }
.studio-green .film { background-color: #073d36; }
.studio-green .film-control { background: #073d36cf; color: #e2d8bf; border-color: #e2d8bf65; }
.studio-green .film-caption { background: #073d36bb; color: #e2d8bf; }
.concept-studio.studio-green :is(.experience-card, .atlas-card, .unit-card, .status-card, .dialog-panel) { background: #fffcf5; }
.concept-studio.studio-green .experience-card h3 { color: #0e544b; }
.concept-studio.studio-green .experience-card .eyebrow { color: #50675d; }
.concept-studio.studio-green .standard :is(h2, h3),
.concept-studio.studio-green .leadership :is(h2, blockquote) { color: #e2d8bf; }
.concept-studio.studio-green .standard :is(p, em, span),
.concept-studio.studio-green .leadership :is(em, .eyebrow, strong) { color: #e2d8bf; }
.concept-studio.studio-green .principle { border-color: #e2d8bf35; }
.concept-studio.studio-green :is(.membership-card, .visit-card) em,
.concept-studio.studio-green .service-hero :is(em, .eyebrow),
.concept-studio.studio-green .benefit-highlight .benefit-number,
.concept-studio.studio-green .branch-contact-card .contact-icon { color: #e2d8bf; }
.concept-studio.studio-green .service-hero p:not(.eyebrow) { color: #cfdbc9; }
.concept-studio.studio-green :is(.round-link, .review-initial, .more-reviews > summary),
.studio-green .atlas-filter a:hover { color: var(--button-ink); }
.concept-studio.studio-green .choice:hover { background: #ece6d8; }
.concept-studio.studio-green .dialog-backdrop { background: #073d36bb; }

/* A single green presentation, with full-frame landscape media. */
.studio-green .studio-hero {
  background: linear-gradient(125deg, #073d36 0%, #0e544b 48%, #196457 100%);
}
.studio-green .studio-film-frame { background: linear-gradient(135deg, #073d36, #155c50); }
.studio-green .studio-film-frame video { aspect-ratio: 16 / 9; width: 100%; height: auto; object-fit: cover; }
.studio-green .studio-film-label { background: linear-gradient(100deg, #073d36, #155c50); }
.studio-green .studio-hero .hero-world-links a:nth-child(1) { background: linear-gradient(120deg, #0b4941, #155e53); }
.studio-green .studio-hero .hero-world-links a:nth-child(2) { background: linear-gradient(120deg, #12584d, #1a6254); }
.studio-green .studio-hero .hero-world-links a:nth-child(3) { background: linear-gradient(120deg, #0a413a, #14584d); }
.studio-green .studio-hero .hero-world-links a:hover,
.studio-green .studio-hero .hero-world-links a:focus-visible { background: linear-gradient(120deg, #195b4d, #206153); }
.studio-green .motion-settings button {
  font: inherit;
  font-size: 14px;
  color: var(--ink);
  background: transparent;
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: 9px 15px;
  cursor: pointer;
}
.studio-green .motion-settings button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }