.oura-page {
  --brand: #6f5ba7;
  --brand-deep: #201a32;
  --brand-pale: #ddd4f0;
}

.oura-page .wordmark span { color: var(--brand); }
.oura-hero .case-hero-copy { background: var(--brand-deep); color: var(--paper); }
.oura-hero .case-hero-copy .kicker { color: #c9ff35; }
.oura-hero .case-hero-copy h1 em { color: #b8a2ff; }
.oura-hero .case-hero-side { background: var(--brand-pale); }
.oura-ad-grid .ad-visual { aspect-ratio: 3 / 4; background: #191624; }
.oura-ad-grid .ad-visual img { object-position: center; }
.oura-hero-concept { grid-template-columns: .85fr 1.15fr; }
.oura-hero-concept .spec-creative-overlay { background: rgba(21, 17, 31, .88); }
.oura-hero-concept .spec-creative-overlay strong { color: #d7c9ff; }
.oura-page .pattern-accent { background: var(--brand-deep); }
.oura-page .big-idea { background: var(--brand-deep); }
.member-voice-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 28px; border: 1px solid var(--ink); }
.member-voice-grid blockquote { margin: 0; padding: 28px; border-right: 1px solid var(--ink); background: var(--paper); }
.member-voice-grid blockquote:last-child { border-right: 0; }
.member-voice-grid p { margin: 0 0 24px; font-family: var(--font-serif); font-size: 24px; line-height: 1.2; }
.member-voice-grid cite { display: block; color: var(--muted); font-size: 11px; font-style: normal; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.source-boundary { margin: 0; padding: 16px 20px; border: 1px solid var(--ink); border-top: 0; background: #f0ecf8; color: var(--muted); font-size: 13px; line-height: 1.55; }

@media (max-width: 1050px) {
  .oura-hero-concept { grid-template-columns: 1fr; }
  .member-voice-grid { grid-template-columns: 1fr; }
  .member-voice-grid blockquote { border-right: 0; border-bottom: 1px solid var(--ink); }
  .member-voice-grid blockquote:last-child { border-bottom: 0; }
}

@media (max-width: 760px) {
  .oura-ad-grid .ad-visual { aspect-ratio: 4 / 5; }
  .member-voice-grid p { font-size: 21px; }
}