@font-face {
  font-family: Inter Google Test;
  src: url('../fonts/Inter_18pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter google Test 24point";
  src: url('../fonts/Inter_24pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: bold;
  line-height: 44px;
}

.navbar-main {
  z-index: 1000;
  background-color: #11110f;
  position: sticky;
  top: 0;
}

.nav-link {
  color: #f2efe8;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.nav-link:hover, .nav-link.w--current, .nav-link.w--current:hover {
  color: #c49a5a;
}

.nav-link.w--current:visited {
  color: #fff;
}

.nav-link.page-active {
  color: #c49a5a;
}

.brand-name {
  color: #f2efe8;
  padding-top: 18px;
  padding-bottom: 18px;
  font-family: Inter Tight;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.language-switcher {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.container {
  justify-content: space-between;
  align-items: center;
  max-width: 1320px;
  max-height: 60px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.language-link {
  color: #f2efe8;
  font-family: Inter Tight;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
}

.language-link.is-active {
  opacity: .6;
}

.nav-menu {
  display: flex;
}

.hero-section {
  background-color: #f3f0e8;
  width: 100%;
  min-height: 720px;
}

.hero-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1320px;
  min-height: 720px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 0;
  display: grid;
}

.hero-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.hero-eyebrow {
  color: #8a8175;
  letter-spacing: 1.5px;
  text-shadow: 0 1px 1px #0003;
  text-overflow: clip;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.hero-heading {
  color: #1f1f1f;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 59px;
}

.hero-intro {
  color: #555;
  max-width: 520px;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.hero-visual {
  aspect-ratio: auto;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-width: 440px;
  transition: opacity .2s;
  display: flex;
  position: static;
  overflow: hidden;
}

.hero-image {
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.about-container {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  aspect-ratio: auto;
  color: #1f1f1f;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 36px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  display: grid;
}

.about-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.about-eyebrow {
  color: #8a8175;
  letter-spacing: 1.5px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.about-eyebrow.hero {
  text-align: left;
  align-self: flex-start;
}

.about-heading {
  color: #1f1f1f;
  width: auto;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 50px;
}

.about-intro {
  color: #555;
  max-width: 500px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.about-link {
  text-decoration: none;
}

.about-link.artist {
  margin-top: 16px;
}

.about-pillars {
  aspect-ratio: auto;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 500px;
  max-width: none;
  display: flex;
  overflow: visible;
}

.about-pillar {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.about-mark {
  background-color: #8a8175;
  width: 48px;
  height: 1px;
}

.about-pillar-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.about-pillar-title {
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.about-pillar-text {
  color: #6f665d;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.artist-section {
  width: 100%;
}

.artist-container {
  color: #8a8175;
  letter-spacing: 2px;
  justify-content: flex-start;
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  font-family: Inter, sans-serif;
  font-weight: 500;
  display: flex;
}

.artist-visual {
  width: 50%;
  height: 600px;
  overflow: hidden;
}

.artist-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  padding: 64px;
  display: flex;
}

.artist-image {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.artist-heading {
  color: #1f1f1f;
  letter-spacing: -1px;
  margin-top: 16px;
  margin-bottom: 0;
  padding-top: 24px;
  font-size: 42px;
  font-weight: 500;
  line-height: 48px;
}

.artist-intro {
  color: #4a4540;
  letter-spacing: 0;
  max-width: 440px;
  margin-top: 40px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.teaching-section {
  -webkit-text-fill-color: inherit;
  background-color: #f7f3ed;
  background-clip: border-box;
  width: 100%;
  overflow: visible;
}

.teaching-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 36px;
}

.teaching-eyebrow {
  color: #8a8175;
  letter-spacing: 2px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.teaching-heading {
  color: #1f1f1f;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 48px;
}

.teaching-text {
  color: #4a4540;
  min-width: 0;
  max-width: 620px;
  margin-top: 24px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.teaching-pillars {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 56px;
  display: grid;
}

.teaching-pillar {
  color: #8a8175;
  letter-spacing: 1.8px;
  border-top: 1px solid #cfc7bc;
  min-height: 190px;
  padding: 32px 24px 36px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.teaching-pillar-label {
  margin-bottom: 18px;
}

.teaching-pillar-heading {
  color: #1f1f1f;
  letter-spacing: .3px;
  margin-top: 18px;
  margin-bottom: 18px;
  font-size: 23px;
  font-weight: 500;
  line-height: 29px;
}

.teaching-pillar-text {
  color: #4a4540;
  letter-spacing: 0;
  max-width: 280px;
  margin-top: 18px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.teaching-link {
  color: #00e;
  letter-spacing: .5px;
  margin-top: 40px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}

.artpeggio-section {
  background-color: #111315;
}

.artpeggio-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 0 96px 36px;
  font-weight: 400;
}

.artpeggio-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 42%;
  padding: 20px 40px 64px 0;
  display: flex;
}

.artpeggio-hero {
  flex-flow: row;
  height: auto;
  min-height: 560px;
  display: flex;
}

.artpeggio-visual {
  width: 58%;
}

.artpeggio-eyebrow {
  color: #c49a5a;
  letter-spacing: 2px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.artpeggio-heading {
  color: #f4f0e9;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 48px;
}

.artpeggio-intro {
  color: #b8b2aa;
  margin-top: 24px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.homepage-cta {
  color: #c49a5a;
  background-color: #0000;
  margin-top: 60px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
}

.homepage-cta:hover {
  color: #fff;
  background-color: #e6d2ad;
  border-radius: 4px;
}

.artpeggio-image {
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.artpeggio-pillars {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
  position: relative;
}

.artpeggio-pillar {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  outline-offset: 0px;
  background-color: #0000;
  border-right: 1px #8a6f5a;
  outline: 0 #8a6f5a;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 56px 40px;
  display: flex;
}

.artpeggio-separator {
  background-color: #0000;
}

.artpeggio-line {
  aspect-ratio: auto;
  background-color: #c49a5a;
  width: 1px;
  max-width: none;
  height: 320px;
  position: absolute;
  top: 18%;
  left: 66.66%;
  right: auto;
}

.artpeggio-line.is-first {
  background-color: #c49a5a;
  height: 320px;
  position: absolute;
  top: 18%;
  left: 33.33%;
  right: auto;
}

.artpeggio-strings {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 160px;
  height: 100px;
  display: none;
  overflow: hidden;
}

.artpeggio-string {
  background-image: repeating-linear-gradient(90deg, #f2f2f2 35%, #555 35%), linear-gradient(#777, #e2e2e2 50%, #686868);
  border-radius: 999px;
  width: 4px;
  height: 60px;
}

.artpeggio-string.is-5th {
  background-image: linear-gradient(#797c80a6, #f4f2ec 50%, #5b5e62);
  width: 5px;
  height: 49px;
}

.artpeggio-string.is-4th {
  background-image: linear-gradient(#797c80a6, #f4f2ec 50%, #5b5e62);
  border-radius: 999px;
  width: 4px;
  height: 38px;
}

.artpeggio-string.is2nd {
  background-image: linear-gradient(#555 45%, #e7d8bf 70%, #9b8065 45%);
  width: 1px;
}

.artpeggio-string.is-6th {
  mix-blend-mode: normal;
  background-image: linear-gradient(#797c80a6, #f4f2ec 50%, #5b5e62);
  border-radius: 7px;
  width: 6px;
  height: 80px;
  position: relative;
  box-shadow: inset 1px 0 1px #ffffff40;
}

.artpeggio-string.is3rd {
  background-image: linear-gradient(90deg, #edf8f8, #958d8da6 26%, #716666a6);
  width: 4px;
  height: 30px;
  position: relative;
  overflow: hidden;
}

.artpeggio-string.is-2nd {
  width: 2px;
  height: 35px;
}

.artpeggio-string.is1st {
  width: 1px;
  height: 48px;
}

.artpeggio-pillar-title {
  color: #f2f0ed;
  justify-content: flex-start;
  width: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  display: flex;
}

.artpeggio-pillar-title.is-repertoire {
  width: 245px;
  margin-top: 16px;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.artpeggio-pillar-title._1st, .artpeggio-pillar-title._3rd {
  margin-right: 32px;
}

.artpeggio-pillar-text {
  color: #b8b4ae;
  width: 240px;
  margin-left: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 26px;
  display: flex;
}

.string-winding {
  opacity: .65;
  background-image: repeating-linear-gradient(0deg, #6f7376, #d9d9d6 2%);
  border-radius: 999px;
  position: absolute;
  inset: 0;
}

.string-rainbow {
  opacity: .8;
  filter: blur(.5px);
  background-image: linear-gradient(90deg, #8b5cff, #4f8cff 22%, #63e6ff 42%, #a8ffd0 62%, #ffe66d 80%, #ff79b8);
  border-radius: 999px;
  width: 300%;
  height: 3px;
  margin-top: 0%;
  margin-bottom: 0;
  margin-left: -100%;
  padding-top: 0;
  padding-bottom: 0;
  position: absolute;
  top: 8px;
  overflow: visible;
}

.artpeggio-strings-new {
  width: 75%;
}

.artpeggio-strings-new1 {
  width: 75%;
  margin-left: 0;
}

.media-section {
  background-color: #f7f4ee;
}

.media-container {
  aspect-ratio: auto;
  width: 100%;
  max-width: 1320px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 48px;
  overflow: visible;
}

.media-header {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.media-header-content {
  width: 55%;
}

.media-eyebrow {
  color: #8a6f5a;
  letter-spacing: 4px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-heading {
  color: #1a1a1a;
  letter-spacing: -1px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 56px;
}

.media-intro {
  color: #555;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.media-quote {
  width: 45%;
}

.media-quote-text {
  color: #555;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.media-quote-image {
  width: 100%;
}

.media-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 24px;
  display: grid;
}

.media-card {
  height: auto;
}

.media-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}

.media-type {
  color: #8a6f5a;
  letter-spacing: 2px;
  margin-top: 16px;
  font-family: Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.media-audio {
  aspect-ratio: 16 / 9;
  background-color: #1a1a1a;
  height: auto;
}

.audio-content {
  color: #1a1a1a;
  background-color: #1a1a1a;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.audio-player {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 80%;
  max-width: 360px;
  height: 72px;
  display: flex;
}

.audio-play-button {
  background-color: #8a6f5a;
  border-radius: 50%;
  flex-flow: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  display: flex;
}

.text-block {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 22px;
}

.audio-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.audio-title {
  color: #f2efe8;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.audio-subtitle {
  color: #b8b4ae;
  font-family: Inter, sans-serif;
}

.media-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 200px 200px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 48px;
  display: grid;
  overflow: hidden;
}

.media-gallery-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 35%;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.media-gallery-image.gallery-interwiew {
  object-fit: cover;
  object-position: 50% 25%;
  border-radius: 4px;
  overflow: hidden;
}

.media-gallery-image.gallery-teaching {
  border-radius: 4px;
  overflow: hidden;
}

.media-gallery-image.gallery-artpeggio {
  overflow: hidden;
}

.media--gallery-image {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 4px;
  width: 100%;
  height: 200px;
}

.media--gallery-image.gallery-canada {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  object-position: 50% 40%;
  border-radius: 4px;
  width: 100%;
  height: 200px;
  overflow: clip;
}

.media--gallery-image.gallery-canada:hover {
  background-color: #0000;
}

.media-social {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.media-social-link {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.media-social-icon {
  box-sizing: border-box;
  vertical-align: baseline;
  border-radius: 8px;
  flex: 0 auto;
  align-self: auto;
  width: 32px;
  max-width: none;
  height: auto;
  margin-bottom: 30px;
  margin-left: 10px;
  display: block;
}

.media-social-icon.insta {
  margin-left: 30px;
}

.media-social-label {
  color: #8a6f5a;
  letter-spacing: 2px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.media-social-icons {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.contact-section {
  background-color: #111;
  text-decoration: none;
}

.contact-container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 0 96px 36px;
}

.contact-layout {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: flex;
}

.contact-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #f2efe8;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 42%;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: flex;
}

.contact-form-card {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  background-color: #171717;
  border: 1px solid #c49a5a;
  border-radius: 12px;
  flex-flow: column;
  align-items: flex-start;
  width: 58%;
  height: 700px;
  padding: 40px;
  display: flex;
}

.contact-eyebrow {
  color: #c49a5a;
  letter-spacing: 3px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.contact-heading {
  color: #f2efe8;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  line-height: 56px;
}

.contact-intro {
  color: #b8b4ae;
  max-width: 480px;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 18px;
  line-height: 30px;
}

.bold-text {
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.contact-details {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 16px;
  display: flex;
}

.contact-detail-icon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #c49a5a;
  border-radius: 0%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.contact-detail-text {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image {
  width: 18px;
  height: 18px;
  display: block;
}

.contact-detail-label {
  color: #c49a5a;
  letter-spacing: 1.5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.content-detail-value {
  color: #f2efe8;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 26px;
  text-decoration: none;
}

.content-detail-value:hover {
  color: #c49a5a;
}

.contact-card-eyebrow {
  color: #c49a5a;
  letter-spacing: 2px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.contact-card-heading {
  color: #f2efe8;
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}

.contact-card-intro {
  color: #b8b4ae;
  font-family: Merriweather, serif;
  font-size: 16px;
  line-height: 22px;
}

.contact-choice {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #171717;
  border: 1px solid #c49a5a;
  border-radius: 8px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  padding: 28px;
  display: flex;
}

.contact-choice.teaching-page {
  background-color: #eae3d9;
  border-color: #e8ded0;
  margin-right: 0;
  padding-right: 28px;
  overflow: visible;
}

.contact-choice-description {
  color: #d6d0c8;
  font-family: Merriweather, serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.contact-choice-description.teaching-page {
  color: #514a43;
}

.contact-choice-email {
  color: #171717;
  letter-spacing: 1px;
  background-color: #c49a5a;
  border: 1px solid #ede7de;
  border-radius: 6px;
  width: auto;
  padding: 12px 20px;
  font-weight: 600;
  text-decoration: none;
}

.contact-choice-email:hover {
  color: #fff;
  background-color: #b58b4d;
}

.bold-text-2 {
  color: #f2efe8;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.italic-text {
  color: #d6d0c8;
  font-size: 18px;
  font-style: italic;
  line-height: 24px;
}

.contact-choice-title {
  color: #d6d0c8;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

.contact-choice-title.teaching-page {
  color: #332d28;
}

.biography-section {
  background-color: #f3f0e8;
}

.biography-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 36px;
}

.biography-top {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.biography-top-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.biography-top-image {
  width: 100%;
  overflow: visible;
}

.biography-eyebrow {
  color: #8a8175;
  letter-spacing: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.biography-accent-line {
  background-color: #c49a5a;
  width: 48px;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 28px;
}

.biography-title {
  color: #333;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 52px;
  font-weight: 400;
  line-height: 58px;
}

.biography-subtitle {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.biography-main-image {
  aspect-ratio: auto;
  border-radius: 4px;
  width: 100%;
  padding-top: 60px;
  overflow: clip;
}

.biography-body-text {
  color: #5f5a52;
  text-align: justify;
  letter-spacing: 0;
  margin-bottom: 18px;
  font-family: Merriweather, serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.biography-bottom {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.biography-secondary-image {
  border-radius: 4px;
  width: 100%;
}

.biography-emphasis, .bio {
  font-weight: 900;
}

.teaching-hero {
  background-color: #111315;
  background-image: linear-gradient(#111315f2, #111315b3 71%, #11131500), url('../images/20231129_095626.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  width: 100%;
  min-height: 560px;
  position: relative;
  overflow: hidden;
}

.teaching-hero-container {
  align-items: center;
  width: 100%;
  max-width: 1320px;
  min-height: 560px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 36px;
  padding-right: 36px;
  display: flex;
  position: relative;
}

.teaching-hero-content {
  align-self: flex-end;
  display: block;
  position: static;
  transform: translate(0, -20px);
}

.teaching-hero-eyebrow {
  color: #c49a5a;
  letter-spacing: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.teaching-hero-title {
  color: #fff;
  letter-spacing: 1.02px;
  max-width: 800px;
  margin-top: 18px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 52px;
}

.teaching-hero-subtitle {
  color: #fff;
  max-width: 440px;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.teaching-hero-line {
  background-color: #c49a5a;
  flex: none;
  width: 64px;
  height: 1px;
}

.teaching-hero-label-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.code {
  color: #f4f0e9;
  letter-spacing: -1px;
  max-width: 650px;
  font-family: Inter, sans-serif;
  font-size: 52px;
  line-height: 58px;
}

.code-2 {
  color: #f4f0e9;
  letter-spacing: -1px;
  max-width: 560px;
  font-family: Inter, sans-serif;
  font-size: 52px;
  line-height: 58px;
}

.bold-text-3 {
  color: #f4f0e9;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.body-2 {
  color: #f4f0e9;
}

.bold-text-4 {
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.teaching-experience-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 48px 0 80px 36px;
}

.teaching-experience-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr .85fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.teaching-experience-accent {
  background-color: #c49a5a;
  width: 64px;
  height: 1px;
  margin-bottom: 18px;
}

.teaching-experience-title {
  color: #111315;
  letter-spacing: -1px;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.teaching-experience-text {
  color: #5f5a52;
  text-align: justify;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.teaching-experience-image {
  width: auto;
  height: auto;
}

.teaching-experience-image-wrap {
  height: 520px;
  margin-top: 140px;
  overflow: hidden;
}

.image-2 {
  height: auto;
  position: static;
}

.image-3 {
  border-radius: 4px;
  margin-top: 40px;
  overflow: clip;
}

.image-3.english {
  margin-top: 0;
}

.teaching-audience-section {
  background-color: #f4f0e9;
}

.teaching-audience-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 48px;
}

.teaching-audience-title {
  color: #111315;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.teaching-audience-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1fr) 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.teaching-audience-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: auto;
  max-height: 310px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.teaching-audience-heading-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.teaching-audience-line {
  background-color: #c49a5a;
  flex: none;
  align-items: center;
  width: 64px;
  height: 1px;
  margin-top: 30px;
  display: block;
}

.teaching-audience-icon {
  height: 52px;
  margin-left: auto;
  margin-right: auto;
}

.teaching-audience-item-title {
  color: #1a1a1a;
  text-align: center;
  align-self: auto;
  min-height: 30px;
  margin-top: 10px;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.teaching-audience-item-title.tablet {
  margin-top: 10px;
  text-decoration: none;
}

.teaching-audience-item-text {
  color: #5f5a52;
  text-align: center;
  margin-top: 0;
  padding-top: 12px;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.image-4 {
  width: 48px;
  height: 48px;
  margin-left: 0;
  margin-right: auto;
}

.image-5 {
  width: 48px;
  height: 48px;
}

.image-6 {
  width: 52px;
  height: auto;
}

.teaching-focus-section {
  background-color: #ede6dc;
}

.teaching-focus-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 48px;
}

.teaching-focus-heading-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.teaching-focus-title {
  color: #111315;
  letter-spacing: -1px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.teaching-focus-line {
  background-color: #c49a5a;
  width: 64px;
  height: 1px;
  margin-top: 35px;
}

.teaching-focus-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
}

.teaching-focus-item {
  flex-flow: column;
  align-items: center;
  display: flex;
}

.teaching-focus-item-title {
  color: #111315;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.teaching-focus-item-text {
  color: #5f5a52;
  text-align: center;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.teaching-focus-separator {
  background-color: #c49a5a;
  width: 1px;
  height: 56px;
}

.teaching-approach-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 48px 64px 0;
}

.teaching-approach-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.35fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.teaching-approach-image {
  object-fit: cover;
  border-radius: 4px;
  height: 420px;
}

.teaching-approach-eyebrow-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
}

.teaching-approach-eyebrow {
  color: #8a8175;
  letter-spacing: 1.5px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.teaching-approach-line {
  background-color: #c49a5a;
  width: 48px;
  height: 1px;
}

.teaching-approach-title {
  color: #111315;
  margin-top: 12px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 42px;
}

.teaching-approach-text {
  color: #5f5a52;
  text-align: justify;
  margin-bottom: 16px;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.youtube {
  border-radius: 4px;
}

.artpeggio-page-hero {
  background-color: #111315;
}

.artpeggio-hero-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 36px;
  padding-right: 0;
}

.artpeggio-hero-content {
  flex-flow: row;
  min-height: 560px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.artpeggio-hero-text {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  padding-left: 0;
  padding-right: 32px;
  display: flex;
}

.artpeggio-hero-image {
  aspect-ratio: auto;
  width: 60%;
  position: relative;
}

.image-7 {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
}

.artpeggio-hero-eyebrow {
  color: #c49a5a;
  letter-spacing: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.artpeggio-hero-line {
  color: #c49a5a;
  background-color: #c49a5a;
  width: 48px;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 28px;
}

.artpeggio-hero-title {
  color: #f2efe8;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 52px;
}

.artpeggio-hero-intro {
  color: #b8b3aa;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 32px;
}

.artpeggio-hero-gradient {
  background-image: linear-gradient(90deg, #111315, #11131500 52%);
  position: absolute;
  inset: 0%;
}

.artpeggio-intro-section {
  background-color: #f3f0e8;
  padding: 80px 36px;
}

.artpeggio-intro-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.artpeggio-intro-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.artpeggio-intro-image {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.artpeggio-intro-title {
  color: #111315;
  margin-bottom: 24px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.artpeggio-intro-text {
  color: #5f5a52;
  margin-bottom: 16px;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.artpeggio-intro-label {
  color: #8a8175;
  letter-spacing: 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.artpeggio-intro-line {
  background-color: #c49a5a;
  width: 56px;
  height: 1px;
  margin-top: 14px;
  margin-bottom: 20px;
}

.image-8 {
  clear: both;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: static;
}

.artpeggio-repertoire-section {
  background-color: #111315;
  padding-top: 80px;
  padding-bottom: 80px;
}

.artpeggio-repertoire-container {
  width: 100%;
  min-width: auto;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.artpeggio-repertoire-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1.05fr .95fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.image-9 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.artpeggio-repertoire-image {
  aspect-ratio: 4 / 3;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.artpeggio-repertoire-eyebrow {
  color: #c49a5a;
  letter-spacing: 4px;
  margin-bottom: 12px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.artpeggio-repertoire-gradient {
  aspect-ratio: auto;
  background-image: linear-gradient(90deg, #11131500 55%, #111315);
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.artpeggio-repertoire-line {
  background-color: #c49a5a;
  width: 64px;
  height: 1px;
  margin-bottom: 16px;
}

.artpeggio-repertoire-title {
  color: #f2efe8;
  margin-bottom: 24px;
  padding-top: 16px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
}

.artpeggio-repertoire-text {
  color: #b8b3aa;
  margin-bottom: 18px;
  padding-top: 0;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.artpeggio-concert-section {
  background-color: #ece7dd;
}

.artpeggio-concert-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 0 80px 36px;
}

.artpeggio-concert-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: .9fr 1.1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.artpeggio-concert-eyebrow {
  color: #8a8175;
  letter-spacing: 4px;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.artpeggio-concert-line {
  background-color: #c49a5a;
  width: 48px;
  height: 1px;
  margin-bottom: 16px;
}

.artpeggio-concert-title {
  color: #111315;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 44px;
}

.artpeggio-concert-text {
  color: #5f5a52;
  font-family: Merriweather, serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.image-10 {
  width: 99.9982%;
}

.artpeggio-concert-photo {
  float: none;
  clear: both;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: 50% 100%;
  border-radius: 4px;
  width: 100%;
  display: block;
  position: static;
}

.artpeggio-media-section {
  background-color: #111315;
}

.media-page-hero {
  background-color: #f3f0e8;
  padding-top: 80px;
  padding-bottom: 80px;
}

.media-page-hero-container {
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.media-page-eyebrow {
  color: #8a8175;
  letter-spacing: 4px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-page-accent-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: center;
  background-color: #c49a5a;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 78px;
  height: 1px;
  margin: 20px auto 28px;
  padding-left: 0%;
  padding-right: 0%;
  display: block;
  position: static;
}

.media-page-title {
  color: #111315;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
}

.media-page-subtitle {
  color: #5f5a52;
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.media-solo-section {
  background-color: #eae5db;
}

.media-solo-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 48px;
}

.media-solo-eyebrow {
  color: #c49a5a;
  letter-spacing: 4px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-solo-title {
  color: #111315;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-solo-intro {
  color: #5f5a52;
  margin-bottom: 40px;
  font-family: Merriweather, serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.media-solo-video-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.media-solo-video {
  aspect-ratio: 16 / 9;
}

.media-section-divider {
  background-color: #c49a5a;
  background-image: linear-gradient(#0009, #fff);
  width: 100%;
  height: 1px;
  margin-top: 48px;
  margin-bottom: 24px;
}

.heading {
  color: #111315;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.paragraph {
  color: #5f5a52;
  font-family: Merriweather, serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}

.media-audio-list {
  grid-column-gap: 48px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.media-audio-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid #c49a5a59;
  flex-flow: column;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.media-audio-title {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}

.media-audio-meta {
  color: #6a645c;
  font-family: Merriweather, serif;
}

.media-audio-player {
  width: 100%;
  margin-top: 8px;
}

._111315 {
  background-color: #111315;
}

.media-chamber-section {
  background-color: #111315;
  width: 100%;
}

.media-chamber-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 96px 48px 48px;
}

.media-chamber-eyebrow {
  color: #c49a5a;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-chamber-title {
  color: #f2efe8;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-chamber-intro {
  color: #d2c8ba;
  font-family: Merriweather, serif;
  font-size: 18px;
  line-height: 28px;
}

.media-chamber-video-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 40px;
  display: grid;
}

.media-chamber-video {
  aspect-ratio: 16 / 9;
}

.media-photo-section {
  background-color: #eae5db;
  width: 100%;
  padding-bottom: 96px;
}

.media-photo-container {
  width: 100%;
  max-width: 1320px;
  height: 85%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.media-photo-divider {
  background-color: #c49a5a;
  background-image: linear-gradient(#0009, #fff);
  width: 100%;
  max-width: 1224px;
  height: 1px;
  margin-bottom: 48px;
}

.media-photo-divider.chamber-dark {
  max-width: 1224px;
}

.media-photo-eyebrow {
  color: #8a6f5a;
  letter-spacing: 4px;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-photo-title {
  color: #111315;
  margin-bottom: 16px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.media-photo-title.chamber-dark {
  color: #f2efe8;
}

.media-photo-intro {
  color: #5f5a52;
  margin-bottom: 40px;
  font-family: Merriweather, serif;
  font-size: 18px;
  line-height: 28px;
}

.media-photo-intro.chamber-dark {
  color: #d2c9bd;
}

.media-photo-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.media-photo-lightbox {
  aspect-ratio: auto;
  width: 100%;
  height: 240px;
  display: block;
  position: static;
  overflow: hidden;
}

.image-11 {
  width: 100%;
}

.solo-artist-photo-thumb-2026 {
  aspect-ratio: auto;
  vertical-align: baseline;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: static;
}

.solo-artist-photo-thumb-2026._1 {
  aspect-ratio: auto;
  object-position: 50% 15%;
}

.solo-artist-photo-thumb-2026._2 {
  object-position: 50% 35%;
  overflow: clip;
}

.solo-artist-photo-thumb-2026._3, .solo-artist-photo-thumb-2026._4, .solo-artist-photo-thumb-2026._5 {
  object-position: 50% 30%;
}

.solo-artist-photo-thumb-2026._5._1 {
  object-position: 50% 76%;
}

.solo-artist-photo-thumb-2026._7 {
  object-position: 50% 30%;
}

.solo-artist-photo-thumb-2026._10 {
  object-position: 50% 40%;
}

.artpeggio-media-container {
  width: 100%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding: 64px 36px;
}

.artpeggio-media-grid {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 2fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.artpeggio-media-videos {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  margin-left: -5px;
  display: grid;
}

.artpeggio-media-eyebrow {
  color: #c49a5a;
  margin-bottom: 12px;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.artpeggio-media-line {
  color: #c49a5a;
  background-color: #c49a5a;
  width: 56px;
  height: 1px;
  margin-bottom: 20px;
}

.artpeggio-media-title {
  color: #f2efe8;
  margin-bottom: 8px;
  font-family: Inter, sans-serif;
  font-size: 40px;
  line-height: 44px;
}

.artpeggio-media-text {
  color: #b8b3aa;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 22px;
  line-height: 32px;
}

.artpeggio-media-video {
  aspect-ratio: 16 / 9;
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block {
  background-color: #c49a5a;
  width: 56px;
  height: 1px;
  margin-top: -10px;
}

.media-youtube-links {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  display: flex;
}

.media-youtube-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.media-youtube-icon {
  width: 40px;
}

.media-youtube-icon:hover {
  background-color: #0000;
}

.text-block-2 {
  color: #c49a5a;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.media-youtube-label {
  color: #c49a5a;
  letter-spacing: 1px;
  width: 100px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
}

.insta {
  padding-top: 10px;
}

.facebook {
  padding-top: 10px;
  padding-left: 14px;
}

.section {
  background-color: #111315;
}

.media-chamber-gallery-section {
  background-color: #111315;
  width: 100%;
  max-width: 1518.4px;
}

.media-chamber-gallery-container {
  width: 100%;
  max-width: 1320px;
  margin-top: -2px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
}

.contact-email-link {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}

.contact-email-link:hover {
  color: #c49a5a;
}

.content-detail-place {
  font-size: 18px;
  line-height: 26px;
}

.lightbox-link {
  overflow: clip;
}

@media screen and (max-width: 991px) {
  .nav-link {
    padding: 12px 24px;
  }

  .language-switcher {
    margin-left: auto;
    margin-right: 16px;
  }

  .container {
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
  }

  .nav-menu {
    background-color: #0d0d0d;
    margin-left: auto;
    margin-right: auto;
  }

  .body {
    margin-right: 0;
  }

  .icon {
    color: #f5f2ea;
    font-size: 20px;
  }

  .menu-button {
    padding: 14px;
  }

  .menu-button.w--open {
    background-color: #0000;
    padding: 14px;
  }

  .hero-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-columns: 1.15fr;
    max-width: 1200px;
    padding: 48px 0;
  }

  .hero-content {
    padding-left: 48px;
    padding-right: 48px;
  }

  .hero-intro {
    font-size: 18px;
    line-height: 28px;
  }

  .about-container {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: .45fr .55fr;
    max-width: 1200px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .about-intro {
    font-size: 18px;
    line-height: 28px;
  }

  .about-pillars {
    width: auto;
  }

  .about-pillar {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-mark {
    width: 40px;
  }

  .about-pillar-text {
    font-size: 18px;
    line-height: 28px;
  }

  .artist-container {
    max-width: 1200px;
  }

  .artist-content {
    padding-left: 40px;
    padding-right: 40px;
  }

  .artist-heading {
    font-size: 44px;
    line-height: 50px;
  }

  .artist-intro {
    letter-spacing: 0;
    font-size: 18px;
  }

  .teaching-container {
    padding-left: 48px;
    padding-right: 32px;
  }

  .teaching-heading {
    font-size: 44px;
    line-height: 50px;
  }

  .teaching-text {
    font-size: 18px;
  }

  .teaching-pillar-text {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
  }

  .teaching-link {
    margin-top: 0;
  }

  .artpeggio-container {
    padding-bottom: 64px;
    padding-left: 48px;
    padding-right: 48px;
  }

  .artpeggio-content {
    width: 100%;
  }

  .artpeggio-hero {
    flex-flow: column;
  }

  .artpeggio-visual {
    width: 100%;
  }

  .artpeggio-heading {
    font-size: 44px;
    line-height: 50px;
  }

  .artpeggio-intro {
    font-size: 18px;
  }

  .artpeggio-pillars {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .artpeggio-pillar {
    flex: 0 auto;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .artpeggio-line, .artpeggio-line.is-first {
    width: 100%;
    height: 1px;
    position: static;
  }

  .artpeggio-pillar-text {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
  }

  .artpeggio-strings-new1 {
    width: 25%;
  }

  .media-container {
    padding-top: 64px;
  }

  .media-quote {
    width: 40%;
  }

  .media-grid {
    margin-top: 32px;
  }

  .media-audio {
    height: 190px;
  }

  .media--gallery-image {
    height: 200px;
  }

  .contact-container {
    padding-left: 48px;
    padding-right: 48px;
  }

  .contact-layout {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: row;
  }

  .contact-form-card {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    height: auto;
    padding: 32px;
  }

  .contact-heading {
    font-size: 40px;
    line-height: 48px;
  }

  .contact-intro, .content-detail-value {
    line-height: 28px;
  }

  .contact-card-heading {
    font-size: 24px;
    line-height: 32px;
  }

  .contact-card-intro {
    font-size: 18px;
    line-height: 28px;
  }

  .contact-choice {
    padding: 20px;
  }

  .contact-choice.teaching-page {
    width: 95%;
    margin-left: 40px;
    margin-right: 0;
    padding-left: 40px;
  }

  .contact-choice-description {
    padding-bottom: 40px;
    font-size: 14px;
    line-height: 20px;
  }

  .contact-choice-email {
    font-size: 18px;
    line-height: 28px;
  }

  .italic-text {
    line-height: 28px;
  }

  .contact-choice-title {
    font-size: 13px;
    line-height: 18px;
  }

  .biography-top {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .biography-top-content {
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }

  .biography-top-image {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .biography-main-image {
    max-width: 520px;
  }

  .biography-bottom {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    margin-top: 48px;
  }

  .biography-bottom-image {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .biography-bottom-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .biography-secondary-image {
    max-width: 520px;
  }

  .teaching-hero {
    background-position: 0 0, 50% 58%;
  }

  .teaching-hero-container {
    justify-content: flex-start;
    align-items: center;
    margin-right: 48px;
    padding-top: 210px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .teaching-hero-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: sticky;
    inset: 250px 0% 0% 40px;
    overflow: visible;
  }

  .teaching-hero-title {
    max-width: 600px;
    font-size: 42px;
    line-height: 40px;
  }

  .code, .code-2 {
    font-size: 44px;
    line-height: 50px;
  }

  .bold-text-4 {
    font-size: 18px;
    line-height: 28px;
  }

  .teaching-experience-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .teaching-experience-container {
    flex-flow: column;
    padding-bottom: 40px;
    padding-left: 48px;
    padding-right: 48px;
    display: block;
  }

  .teaching-experience-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    max-width: 820px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .teaching-experience-content {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }

  .teaching-experience-title {
    font-size: 36px;
    line-height: 40px;
  }

  .teaching-experience-text {
    text-align: justify;
    font-size: 18px;
    line-height: 28px;
  }

  .teaching-experience-image-wrap {
    margin-top: 40px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .image-3 {
    margin-top: 0;
  }

  .teaching-audience-title {
    font-size: 36px;
    line-height: 40px;
  }

  .teaching-audience-item {
    justify-content: flex-start;
    max-height: none;
  }

  .teaching-audience-item-title {
    text-align: center;
    align-self: auto;
    margin-bottom: 10px;
  }

  .teaching-audience-item-title.tablet {
    margin-bottom: 40px;
  }

  .teaching-audience-item-text {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }

  .teaching-focus-title {
    font-size: 36px;
    line-height: 40px;
  }

  .teaching-focus-grid {
    align-items: stretch;
  }

  .teaching-focus-item-title {
    text-align: center;
  }

  .teaching-focus-item-text {
    text-align: center;
    font-size: 18px;
    line-height: 28px;
  }

  .teaching-focus-separator {
    height: 64px;
  }

  .teaching-approach-container {
    padding-right: 40px;
  }

  .teaching-approach-image-wrap {
    height: auto;
  }

  .teaching-approach-image {
    height: 520px;
    margin-left: 10px;
  }

  .teaching-approach-text {
    text-align: justify;
    font-size: 18px;
    line-height: 28px;
  }

  .artpeggio-hero-content {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .artpeggio-hero-text {
    width: 40%;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
  }

  .artpeggio-hero-image {
    aspect-ratio: 4;
  }

  .image-7 {
    aspect-ratio: 1;
    object-position: 45% 50%;
  }

  .artpeggio-hero-title {
    font-size: 35px;
    line-height: 37px;
  }

  .artpeggio-hero-intro {
    font-size: 15px;
    line-height: 22px;
  }

  .artpeggio-hero-gradient {
    aspect-ratio: auto;
  }

  .artpeggio-intro-content {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .artpeggio-intro-image {
    aspect-ratio: auto;
  }

  .artpeggio-intro-title {
    font-size: 30px;
    line-height: 32px;
  }

  .artpeggio-intro-text {
    text-align: justify;
    font-size: 14px;
    line-height: 18px;
  }

  .artpeggio-repertoire-container {
    padding-right: 30px;
  }

  .artpeggio-repertoire-image {
    aspect-ratio: 1;
  }

  .artpeggio-repertoire-content {
    padding-right: 10px;
  }

  .artpeggio-repertoire-photo {
    aspect-ratio: 2 / 1.6;
    vertical-align: baseline;
    object-fit: fill;
    width: auto;
    height: auto;
    overflow: clip;
  }

  .artpeggio-repertoire-gradient {
    aspect-ratio: 1;
    background-image: linear-gradient(90deg, #11131500 21%, #111315);
  }

  .artpeggio-repertoire-title {
    font-size: 35px;
    line-height: 37px;
  }

  .artpeggio-repertoire-text {
    text-align: justify;
    font-size: 15px;
    line-height: 22px;
  }

  .artpeggio-concert-content {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
  }

  .artpeggio-concert-eyebrow {
    margin-top: 0;
  }

  .artpeggio-concert-title {
    font-size: 30px;
    line-height: 32px;
  }

  .artpeggio-concert-text {
    text-align: justify;
    font-size: 15px;
    line-height: 22px;
  }

  .artpeggio-concert-image {
    aspect-ratio: auto;
    width: 415.8px;
    height: 370px;
    position: static;
  }

  .artpeggio-concert-photo {
    box-sizing: border-box;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    object-position: 50% 100%;
    height: 100%;
    position: static;
  }

  .artpeggio-media-grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .artpeggio-media-content {
    padding-left: 20px;
  }

  .artpeggio-media-videos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }
}

@media screen and (max-width: 767px) {
  .hero-container {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-heading {
    font-size: 52px;
  }

  .hero-intro {
    text-align: left;
  }

  .hero-visual {
    width: 100%;
    max-width: none;
  }

  .about-container {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    padding-top: 72px;
    padding-bottom: 72px;
    display: flex;
  }

  .about-eyebrow.hero {
    text-align: left;
  }

  .about-intro {
    text-align: justify;
    font-family: Inter, sans-serif;
    font-weight: 400;
  }

  .about-pillar-content {
    padding-right: 10px;
  }

  .about-pillar-text {
    align-self: auto;
  }

  .artist-container {
    flex-flow: column;
  }

  .artist-visual {
    width: 100%;
    height: 400px;
  }

  .artist-content {
    flex-flow: column;
    width: 100%;
    height: auto;
    display: flex;
  }

  .artist-intro {
    text-align: left;
  }

  .teaching-pillars {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .teaching-pillar {
    min-height: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .teaching-pillar-text {
    text-align: left;
  }

  .media-header {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .media-header-content {
    width: 100%;
  }

  .media-heading {
    width: auto;
  }

  .media-quote {
    width: 52%;
  }

  .media-quote-image {
    width: 260px;
  }

  .media-audio {
    height: 148px;
  }

  .contact-layout {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .contact-content {
    width: 100%;
  }

  .contact-form-card {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    padding: 24px;
  }

  .contact-choice {
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-choice.teaching-page {
    margin-top: 20px;
  }

  .biography-container {
    padding: 64px 48px;
  }

  .biography-title {
    font-size: 44px;
    line-height: 50px;
  }

  .biography-body-text, .biography-emphasis {
    text-align: justify;
  }

  .teaching-hero-container {
    padding-top: 250px;
  }

  .teaching-hero-title {
    font-size: 34px;
    line-height: 34px;
  }

  .teaching-experience-container {
    padding-bottom: 0;
  }

  .teaching-experience-content {
    padding-left: 32px;
    padding-right: 32px;
  }

  .teaching-experience-title {
    font-size: 28px;
    line-height: 34px;
  }

  .teaching-experience-text {
    font-size: 14px;
    line-height: 24px;
  }

  .teaching-experience-image-wrap {
    margin-top: 40px;
  }

  .teaching-audience-container {
    flex-flow: column;
    display: block;
  }

  .teaching-audience-title {
    font-size: 28px;
    line-height: 34px;
  }

  .teaching-audience-grid {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: minmax(200px, 1fr);
    grid-auto-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .teaching-focus-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .teaching-focus-title {
    font-size: 28px;
    line-height: 34px;
  }

  .teaching-focus-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .teaching-focus-item-title {
    font-size: 22px;
    line-height: 28px;
  }

  .teaching-focus-item-text {
    font-size: 18px;
    line-height: 28px;
  }

  .teaching-focus-separator {
    width: 250px;
    height: 1px;
  }

  .teaching-approach-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-right: 20px;
  }

  .teaching-approach-image {
    margin-left: 10px;
  }

  .teaching-approach-title {
    font-size: 28px;
    line-height: 34px;
  }

  .teaching-approach-text {
    text-align: justify;
    font-size: 14px;
    line-height: 24px;
  }

  .artpeggio-hero-content {
    flex-flow: row;
  }

  .artpeggio-hero-text {
    width: 40%;
  }

  .artpeggio-hero-image {
    width: 60%;
  }

  .image-7 {
    object-position: 47% 50%;
  }

  .artpeggio-hero-title {
    font-size: 28px;
    line-height: 30px;
  }

  .artpeggio-hero-gradient {
    width: 100%;
  }

  .artpeggio-intro-title {
    font-size: 28px;
    line-height: 30px;
  }

  .artpeggio-repertoire-section {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .artpeggio-repertoire-container {
    flex-flow: column;
    justify-content: center;
    display: block;
  }

  .artpeggio-repertoire-grid {
    grid-template-columns: 1.05fr;
  }

  .artpeggio-repertoire-image {
    aspect-ratio: auto;
    flex-flow: column;
    display: block;
  }

  .artpeggio-repertoire-content {
    padding-left: 20px;
  }

  .artpeggio-repertoire-photo {
    width: 100%;
    height: 70%;
  }

  .artpeggio-repertoire-gradient {
    aspect-ratio: auto;
    background-image: linear-gradient(#11131500 69%, #111315);
  }

  .artpeggio-concert-title {
    font-size: 28px;
    line-height: 30px;
  }

  .artpeggio-concert-text {
    font-size: 14px;
    line-height: 18px;
  }

  .artpeggio-concert-image {
    aspect-ratio: 2 / 3;
    width: 100%;
  }

  .artpeggio-concert-photo {
    aspect-ratio: 2 / 3;
    object-position: 50% 50%;
    overflow: clip;
  }

  .media-page-hero {
    max-height: 280px;
    padding-top: 60px;
  }

  .media-page-title {
    font-size: 36px;
    line-height: 38px;
  }

  .media-solo-container {
    padding-top: 60px;
  }

  .media-solo-title {
    font-size: 28px;
    line-height: 30px;
  }

  .media-solo-intro {
    font-size: 15px;
    line-height: 22px;
  }

  .heading {
    font-size: 28px;
    line-height: 30px;
  }

  .paragraph {
    font-size: 15px;
    line-height: 22px;
  }

  .media-audio-title {
    font-size: 14px;
    line-height: 20px;
  }

  .media-audio-meta {
    font-size: 12px;
    line-height: 18px;
  }

  .media-chamber-title {
    font-size: 28px;
    line-height: 30px;
  }

  .media-chamber-intro {
    font-size: 15px;
    line-height: 22px;
  }

  .media-photo-title {
    font-size: 28px;
    line-height: 30px;
  }

  .media-photo-intro {
    font-size: 15px;
    line-height: 22px;
  }
}

@media screen and (max-width: 479px) {
  .body {
    margin-right: 0;
    overflow: visible;
  }

  .hero-section {
    width: auto;
    max-width: 100%;
  }

  .hero-container {
    max-width: 1320px;
    margin-right: auto;
    padding: 40px 0;
  }

  .hero-content {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .hero-visual {
    min-width: 0;
  }

  .hero-image {
    aspect-ratio: auto;
  }

  .about-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .about-pillar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .about-mark {
    width: 24px;
  }

  .artist-visual {
    height: 360px;
  }

  .artist-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .artist-heading {
    font-size: 36px;
    line-height: 42px;
  }

  .teaching-container {
    padding: 72px 30px;
  }

  .teaching-heading {
    font-size: 36px;
    line-height: 42px;
  }

  .artpeggio-container {
    padding: 64px 30px;
  }

  .artpeggio-hero {
    min-height: auto;
  }

  .artpeggio-pillar {
    padding-left: 24px;
    padding-right: 24px;
  }

  .media-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .media-quote {
    width: 80%;
  }

  .media-grid {
    grid-template-columns: 1fr;
  }

  .media-gallery {
    grid-template-rows: 200px 200px auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 0;
    grid-auto-flow: row;
  }

  .media-gallery-image {
    object-position: 50% 50%;
  }

  .media-gallery-image.gallery-teaching {
    object-position: 39% 50%;
  }

  .media-gallery-image.gallery-artpeggio {
    object-position: 47% 50%;
  }

  .media-social {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .media-social-icons {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    width: 300px;
  }

  .contact-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contact-heading {
    font-size: 36px;
  }

  .contact-choice.teaching-page {
    width: 90%;
    margin-left: 20px;
    margin-right: 0;
  }

  .biography-container {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .biography-accent-line {
    margin-bottom: 12px;
  }

  .biography-title {
    font-size: 40px;
    line-height: 46px;
  }

  .biography-subtitle {
    font-size: 18px;
  }

  .biography-body-text {
    font-size: 16px;
  }

  .biography-bottom {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    margin-top: 32px;
  }

  .biography-bottom-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .teaching-hero-container {
    padding-left: 30px;
    padding-right: 20px;
  }

  .teaching-hero-content {
    margin-top: 0;
  }

  .teaching-hero-title {
    max-width: 600px;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 28px;
  }

  .teaching-hero-subtitle {
    font-size: 16px;
    line-height: 24px;
  }

  .code, .code-2 {
    font-size: 26px;
    line-height: 36px;
  }

  .bold-text-4 {
    font-size: 16px;
    line-height: 26px;
  }

  .teaching-experience-container {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .teaching-experience-grid {
    margin-left: 20px;
    margin-right: 20px;
  }

  .teaching-experience-content {
    padding-left: 0;
    padding-right: 0;
  }

  .teaching-experience-title {
    font-size: 28px;
    line-height: 30px;
  }

  .teaching-experience-text {
    font-size: 14px;
    line-height: 24px;
  }

  .teaching-experience-image-wrap {
    aspect-ratio: auto;
    height: auto;
    margin-bottom: 20px;
    overflow: clip;
  }

  .image-3 {
    overflow: clip;
  }

  .teaching-audience-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .teaching-audience-item {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    max-height: none;
  }

  .teaching-audience-item-text {
    font-size: 16px;
    line-height: 24px;
  }

  .teaching-focus-heading-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
    align-items: center;
  }

  .teaching-focus-line {
    text-align: left;
    margin-top: 65px;
    margin-right: 60px;
    position: static;
  }

  .teaching-focus-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .teaching-focus-item-text {
    font-size: 16px;
    line-height: 24px;
  }

  .teaching-focus-separator {
    width: 105px;
    height: 1px;
  }

  .teaching-approach-container {
    padding-right: 0;
  }

  .teaching-approach-grid {
    flex-flow: column;
    padding-left: 0;
    display: flex;
  }

  .teaching-approach-image-wrap {
    padding-left: 20px;
  }

  .teaching-approach-content {
    padding-left: 30px;
    padding-right: 10px;
  }

  .teaching-approach-image {
    margin-left: 0;
  }

  .teaching-approach-title {
    font-size: 26px;
    line-height: 28px;
  }

  .teaching-approach-text {
    font-size: 14px;
    line-height: 24px;
  }

  .artpeggio-hero-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .artpeggio-hero-content {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .artpeggio-hero-text, .artpeggio-hero-image {
    width: 100%;
  }

  .image-7 {
    aspect-ratio: auto;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: static;
  }

  .artpeggio-hero-gradient {
    aspect-ratio: auto;
    background-image: linear-gradient(#111315, #11131500 52%);
  }

  .artpeggio-intro-section {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .artpeggio-intro-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    min-width: auto;
    max-width: 1320px;
    margin-left: auto;
    display: block;
  }

  .artpeggio-intro-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 100%;
    justify-content: stretch;
    place-items: center start;
    width: 100%;
    overflow: visible;
  }

  .artpeggio-intro-content {
    padding-left: 0;
  }

  .artpeggio-intro-image {
    width: 100%;
  }

  .image-8 {
    aspect-ratio: auto;
    vertical-align: baseline;
    object-fit: cover;
    width: 100%;
    display: block;
    position: static;
  }

  .artpeggio-repertoire-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .artpeggio-repertoire-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .artpeggio-repertoire-gradient {
    background-image: linear-gradient(#11131500 43%, #111315);
  }

  .artpeggio-repertoire-title {
    font-size: 28px;
    line-height: 30px;
  }

  .artpeggio-concert-container {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .artpeggio-concert-grid {
    grid-template-columns: 1fr;
  }

  .artpeggio-concert-content {
    padding-left: 10px;
    padding-right: 10px;
  }

  .media-page-hero {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .media-page-eyebrow {
    font-size: 12px;
    line-height: 18px;
  }

  .media-page-title {
    font-size: 26px;
    line-height: 28px;
  }

  .media-page-subtitle {
    font-size: 14px;
    line-height: 20px;
  }

  .media-solo-container {
    padding: 20px 30px 40px;
  }

  .media-solo-eyebrow {
    font-size: 12px;
    line-height: 18px;
  }

  .media-solo-title {
    font-size: 24px;
    line-height: 26px;
  }

  .media-solo-intro {
    font-size: 14px;
    line-height: 20px;
  }

  .media-solo-video-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading {
    font-size: 24px;
    line-height: 26px;
  }

  .paragraph {
    font-size: 14px;
    line-height: 20px;
  }

  .media-audio-list {
    grid-template-columns: 1fr;
  }

  .media-chamber-container {
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .media-chamber-eyebrow {
    font-size: 12px;
    line-height: 18px;
  }

  .media-chamber-title {
    font-size: 24px;
    line-height: 26px;
  }

  .media-chamber-intro {
    font-size: 14px;
    line-height: 20px;
  }

  .media-chamber-video-grid {
    grid-template-columns: 1fr;
  }

  .media-photo-section {
    padding-bottom: 40px;
  }

  .media-photo-container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .media-photo-eyebrow {
    font-size: 12px;
    line-height: 18px;
  }

  .media-photo-title {
    font-size: 24px;
    line-height: 26px;
  }

  .media-photo-intro {
    font-size: 14px;
    line-height: 20px;
  }

  .media-photo-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .artpeggio-media-container {
    padding-left: 20px;
    padding-right: 0;
  }

  .artpeggio-media-content {
    padding-left: 10px;
  }

  .artpeggio-media-videos {
    grid-template-columns: 1fr;
  }

  .insta {
    margin-left: 35px;
  }

  .facebook {
    margin-left: 35px;
    padding-left: 0;
  }

  .media-chamber-gallery-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

#w-node-_54cefc52-163e-df6a-5fa3-517034d4595d-1d2c7ea5 {
  align-self: auto;
}

#w-node-_4bbe6549-6265-8961-4456-5340c0434691-1d2c7ea5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3531f37b-4e49-ffff-ec8a-719021bc02ef-1d2c7ea5, #w-node-d6e4d077-ca69-c3fa-5b8b-2810f70f336d-2aa57fae {
  align-self: auto;
}

#w-node-e41fbae5-9b24-abff-98a1-8afa80fc4bea-2aa57fae {
  place-self: auto;
}

#w-node-_0c9493a7-bc96-7a50-728a-4a41498952b6-2aa57fae {
  align-self: auto;
}

#w-node-fee32804-740e-e0f4-0ded-825a81e49708-2aa57fae, #w-node-_354082df-c8c4-7360-0c25-bf64774e23da-2aa57fae {
  align-self: center;
}

#w-node-_8f666389-2d72-e0c5-4cab-6b2210a1de12-2aa57fae {
  align-self: start;
}

#w-node-d3022b67-634b-53f5-5205-39b7fe1883e3-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_983ec080-b1e2-ec69-0e86-3f601c61556c-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd68280b-46eb-b68e-830c-07f83672bfe8-ea692f5d, #w-node-a8bb667d-bfa4-b666-d2c7-588c56f41c68-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8d9a8dd6-e616-7a53-a1bf-64d7da400485-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01166888-db9d-a49b-434f-9906538df19f-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_540b075e-7793-eb25-121d-96ce7db42637-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81b837d1-ff8f-591f-c7cd-6aaceebe81cb-ea692f5d, #w-node-_083c7a78-e184-e089-e02a-8e50fab6d0a0-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e1cc1d69-294a-bdbb-a52a-0b94432cd0be-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d03bb357-3d34-3878-d364-383c11f76227-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cc656796-2b44-1fa7-c2d9-e07a29dc84c4-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f505b4ed-e259-41a4-f282-8e4f5dcdf4da-ea692f5d, #w-node-a83724bc-eab2-29da-5a42-37d3d2c3baf9-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5fa4690e-e8e6-332d-ab87-797c28a338a7-ea692f5d {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: auto;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda2c-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda2e-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda30-ea692f5d, #w-node-af59a388-584a-dc22-366e-0ad208bfda32-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda34-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda36-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda38-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda3a-ea692f5d, #w-node-af59a388-584a-dc22-366e-0ad208bfda3c-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda3e-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda40-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda42-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda44-ea692f5d, #w-node-af59a388-584a-dc22-366e-0ad208bfda46-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda48-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_8c2737c4-ac0e-4642-7029-84301720b19c-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_18d22069-677a-42c9-a8dd-f293a1b4df0b-ea692f5d {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_5408504e-2b81-2d35-05d7-9fc88d2f18b8-ea692f5d, #w-node-_4ddd0c4b-965f-225e-b974-9f798be7cc8b-ea692f5d {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_2c88b9ec-6137-a013-5994-3cd2e64968e4-191acb5f {
  justify-self: auto;
}

#w-node-_54cefc52-163e-df6a-5fa3-517034d4595d-191acb5f {
  align-self: auto;
}

#w-node-_4bbe6549-6265-8961-4456-5340c0434691-191acb5f {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_3531f37b-4e49-ffff-ec8a-719021bc02ef-191acb5f, #w-node-d6e4d077-ca69-c3fa-5b8b-2810f70f336d-18f7e62c, #w-node-_0c9493a7-bc96-7a50-728a-4a41498952b6-18f7e62c {
  align-self: auto;
}

#w-node-fee32804-740e-e0f4-0ded-825a81e49708-18f7e62c, #w-node-_354082df-c8c4-7360-0c25-bf64774e23da-18f7e62c {
  align-self: center;
}

#w-node-_8f666389-2d72-e0c5-4cab-6b2210a1de12-18f7e62c {
  align-self: start;
}

#w-node-d3022b67-634b-53f5-5205-39b7fe1883e3-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_983ec080-b1e2-ec69-0e86-3f601c61556c-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cd68280b-46eb-b68e-830c-07f83672bfe8-eb6cbd53, #w-node-a8bb667d-bfa4-b666-d2c7-588c56f41c68-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8d9a8dd6-e616-7a53-a1bf-64d7da400485-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_01166888-db9d-a49b-434f-9906538df19f-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_540b075e-7793-eb25-121d-96ce7db42637-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_81b837d1-ff8f-591f-c7cd-6aaceebe81cb-eb6cbd53, #w-node-_083c7a78-e184-e089-e02a-8e50fab6d0a0-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e1cc1d69-294a-bdbb-a52a-0b94432cd0be-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d03bb357-3d34-3878-d364-383c11f76227-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-cc656796-2b44-1fa7-c2d9-e07a29dc84c4-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f505b4ed-e259-41a4-f282-8e4f5dcdf4da-eb6cbd53, #w-node-a83724bc-eab2-29da-5a42-37d3d2c3baf9-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5fa4690e-e8e6-332d-ab87-797c28a338a7-eb6cbd53 {
  grid-area: span 1 / span 4 / span 1 / span 4;
  align-self: auto;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda2c-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda2e-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda30-eb6cbd53, #w-node-af59a388-584a-dc22-366e-0ad208bfda32-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda34-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda36-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda38-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda3a-eb6cbd53, #w-node-af59a388-584a-dc22-366e-0ad208bfda3c-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda3e-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda40-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda42-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda44-eb6cbd53, #w-node-af59a388-584a-dc22-366e-0ad208bfda46-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-af59a388-584a-dc22-366e-0ad208bfda48-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_8c2737c4-ac0e-4642-7029-84301720b19c-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

#w-node-_18d22069-677a-42c9-a8dd-f293a1b4df0b-eb6cbd53 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_5408504e-2b81-2d35-05d7-9fc88d2f18b8-eb6cbd53, #w-node-_4ddd0c4b-965f-225e-b974-9f798be7cc8b-eb6cbd53 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-_0d6631f7-78a7-d3bb-69f5-fd13c9a1621e-60d4d503 {
    align-self: auto;
  }

  #w-node-_2f2d695d-acf7-8b6f-039c-8faab39e26c1-60d4d503, #w-node-a98cc1ec-2a70-2c27-e57f-754179366833-60d4d503 {
    align-self: start;
  }

  #w-node-_0d6631f7-78a7-d3bb-69f5-fd13c9a1621e-2629e99b {
    align-self: auto;
  }

  #w-node-_2f2d695d-acf7-8b6f-039c-8faab39e26c1-2629e99b, #w-node-a98cc1ec-2a70-2c27-e57f-754179366833-2629e99b {
    align-self: start;
  }
}

@media screen and (max-width: 767px) {
  #w-node-fee32804-740e-e0f4-0ded-825a81e49708-2aa57fae {
    place-self: center;
  }

  #w-node-_354082df-c8c4-7360-0c25-bf64774e23da-2aa57fae {
    justify-self: center;
  }

  #w-node-_2f2d695d-acf7-8b6f-039c-8faab39e26c1-60d4d503, #w-node-a98cc1ec-2a70-2c27-e57f-754179366833-60d4d503 {
    align-self: auto;
  }

  #w-node-fee32804-740e-e0f4-0ded-825a81e49708-18f7e62c {
    place-self: center;
  }

  #w-node-_354082df-c8c4-7360-0c25-bf64774e23da-18f7e62c {
    justify-self: center;
  }

  #w-node-_2f2d695d-acf7-8b6f-039c-8faab39e26c1-2629e99b, #w-node-a98cc1ec-2a70-2c27-e57f-754179366833-2629e99b {
    align-self: auto;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4bbe6549-6265-8961-4456-5340c0434691-1d2c7ea5 {
    grid-column: span 1 / span 1;
  }

  #w-node-_58879775-a653-268d-2ead-ec48f6a22ded-60d4d503 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0d6631f7-78a7-d3bb-69f5-fd13c9a1621e-60d4d503 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-a98cc1ec-2a70-2c27-e57f-754179366833-60d4d503 {
    align-self: auto;
  }

  #w-node-_2c1571ed-212d-a4c8-02f7-5fd61429b152-60d4d503 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-efd95b07-6b70-43f9-e5f3-83bd89fb8d66-ea692f5d {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d3022b67-634b-53f5-5205-39b7fe1883e3-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-cd68280b-46eb-b68e-830c-07f83672bfe8-ea692f5d, #w-node-a8bb667d-bfa4-b666-d2c7-588c56f41c68-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-_01166888-db9d-a49b-434f-9906538df19f-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-_540b075e-7793-eb25-121d-96ce7db42637-ea692f5d, #w-node-_81b837d1-ff8f-591f-c7cd-6aaceebe81cb-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-_083c7a78-e184-e089-e02a-8e50fab6d0a0-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-d03bb357-3d34-3878-d364-383c11f76227-ea692f5d, #w-node-cc656796-2b44-1fa7-c2d9-e07a29dc84c4-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-f505b4ed-e259-41a4-f282-8e4f5dcdf4da-ea692f5d, #w-node-a83724bc-eab2-29da-5a42-37d3d2c3baf9-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-_5fa4690e-e8e6-332d-ab87-797c28a338a7-ea692f5d, #w-node-af59a388-584a-dc22-366e-0ad208bfda2e-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda30-ea692f5d, #w-node-af59a388-584a-dc22-366e-0ad208bfda32-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda34-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda3a-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda3e-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda40-ea692f5d, #w-node-_8c2737c4-ac0e-4642-7029-84301720b19c-ea692f5d {
    grid-column: span 1 / span 1;
  }

  #w-node-_18d22069-677a-42c9-a8dd-f293a1b4df0b-ea692f5d {
    grid-column: span 2 / span 2;
  }

  #w-node-_4ddd0c4b-965f-225e-b974-9f798be7cc8b-ea692f5d, #w-node-_4bbe6549-6265-8961-4456-5340c0434691-191acb5f {
    grid-column: span 1 / span 1;
  }

  #w-node-_3531f37b-4e49-ffff-ec8a-719021bc02ef-191acb5f, #w-node-_65c0b78b-77e4-550b-a6c7-c138a9556606-191acb5f {
    justify-self: auto;
  }

  #w-node-_0d6631f7-78a7-d3bb-69f5-fd13c9a1621e-2629e99b {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: auto;
  }

  #w-node-a98cc1ec-2a70-2c27-e57f-754179366833-2629e99b {
    align-self: auto;
  }

  #w-node-efd95b07-6b70-43f9-e5f3-83bd89fb8d66-eb6cbd53 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-d3022b67-634b-53f5-5205-39b7fe1883e3-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-cd68280b-46eb-b68e-830c-07f83672bfe8-eb6cbd53, #w-node-a8bb667d-bfa4-b666-d2c7-588c56f41c68-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-_01166888-db9d-a49b-434f-9906538df19f-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-_540b075e-7793-eb25-121d-96ce7db42637-eb6cbd53, #w-node-_81b837d1-ff8f-591f-c7cd-6aaceebe81cb-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-_083c7a78-e184-e089-e02a-8e50fab6d0a0-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-d03bb357-3d34-3878-d364-383c11f76227-eb6cbd53, #w-node-cc656796-2b44-1fa7-c2d9-e07a29dc84c4-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-f505b4ed-e259-41a4-f282-8e4f5dcdf4da-eb6cbd53, #w-node-a83724bc-eab2-29da-5a42-37d3d2c3baf9-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-_5fa4690e-e8e6-332d-ab87-797c28a338a7-eb6cbd53, #w-node-af59a388-584a-dc22-366e-0ad208bfda2e-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda30-eb6cbd53, #w-node-af59a388-584a-dc22-366e-0ad208bfda32-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda34-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda3a-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda3e-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-af59a388-584a-dc22-366e-0ad208bfda40-eb6cbd53, #w-node-_8c2737c4-ac0e-4642-7029-84301720b19c-eb6cbd53 {
    grid-column: span 1 / span 1;
  }

  #w-node-_18d22069-677a-42c9-a8dd-f293a1b4df0b-eb6cbd53 {
    grid-column: span 2 / span 2;
  }

  #w-node-_4ddd0c4b-965f-225e-b974-9f798be7cc8b-eb6cbd53 {
    grid-column: span 1 / span 1;
  }
}


@font-face {
  font-family: 'Inter Google Test';
  src: url('../fonts/Inter_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter google Test 24point';
  src: url('../fonts/Inter_24pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}