* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
html,
body {
  position: relative;
}
html {
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
}
body {
  background: #fff;
  color: #070708;
  font-family: "Instrument Sans", sans-serif;
}
img {
  display: block;
  height: auto;
  max-width: 100%;
}
ul {
  list-style: none;
}
a {
  font-family: "Instrument Sans", sans-serif;
  text-decoration: none;
  color: #070708;
  font-style: normal;
  cursor: pointer;
}
button {
  font-family: "Instrument Sans", sans-serif;
  font-variation-settings:
    "wdth" 100,
    "wght" 400;
  border: none;
  background: #fff;
  color: #070708;
  cursor: pointer;
}
.i-m-d-h {
  margin-inline: 4rem;
  margin-block-end: 10.6667px;
  line-height: 21.3333px;
  padding-block-start: 1rem;
  border-top: 1px solid #0707081f;
}
.i-m-dt {
  display: inline-block;
  position: relative;
  translate: none;
  rotate: none;
  scale: none;
  transform: translate(0px);
  opacity: 1;
}
.i-m-dh {
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 80,
    "wght" 400;
  letter-spacing: 0.11em;
  line-height: 21.3333px;
  text-transform: uppercase;
}
.instrument {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.i-header {
  display: flex;
  align-items: center;
  width: 100%;
  position: sticky;
  top: 0;
  will-change: transform;
  z-index: 1003;
  height: 65.3333px;
  background: #fff;
}
.i-h-nav {
  display: flex;
  width: 100%;
  position: relative;
  padding: 0 4rem;
}
.i-hn-d {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.i-hn-d1 {
  display: flex;
  flex: 1 1 auto;
  column-gap: 30px;
  position: relative;
  line-height: 1;
}
.i-hn-d3 {
  display: flex;
  flex: 0 0 auto;
  column-gap: 30px;
  position: relative;
  line-height: 1;
}
.i-hn-d1ul {
  display: flex;
  justify-content: flex-start;
}
.i-hn-d3ul {
  display: flex;
  justify-content: flex-end;
}
.i-hn-dli {
  position: relative;
}
.i-hn-dhl {
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 85,
    "wght" 400;
  font-size: 1rem;
  line-height: 21.3333px;
  letter-spacing: 0.11em;
  display: inline-block;
  position: relative;
  padding-block: 1rem;
  padding-inline: 0.3125rem;
  text-transform: uppercase;
}
.i-hn-ds {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  background: #0707081f;
  padding-block: 0.375rem;
  padding-inline: 0.958329rem;
  font-size: 0.95rem;
  font-weight: 100;
}
.i-hn-dss {
  height: 21.3333px;
  letter-spacing: 0.091em;
  line-height: 1.5;
}
.i-hn-d2 {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 80,
    "wght" 400;
  font-size: 1rem;
  line-height: 21.3333px;
  letter-spacing: 0.11em;
  position: relative;
  overflow: hidden;
  width: 100%;
}
.i-hn-d2-phl {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  text-decoration: underline;
  color: #07070889;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 80,
    "wght" 400;
  font-size: 1rem;
  line-height: 21.3333px;
  letter-spacing: 0.11em;
}
.i-hn-d2-phl-s2 {
  width: 1rem;
  height: 1rem;
}

.i-hn-d2-phl-s2 svg {
  display: block;
}
.i-svg {
  display: block;
  width: 100%;
  padding: 0 4rem;
  margin-bottom: 2rem;
}
.i-shl {
  display: block;
  color: #070708;
}
.i-svg svg {
  display: block;
  aspect-ratio: 1827/190;
  mask-size: contain;
  mask-position: center center;
  mask-repeat: no-repeat;
  position: relative;
  z-index: 1;
  color: transparent;
}
.i-main {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.i-m-d1 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.i-m-d1-video {
  display: flex;
  width: 100%;
}
.i-m-d1-video iframe {
  display: flex;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  scale: 1;
}
.i-m-d1-video iframe button {
  border-radius: 50%;
  display: flex;
  padding: 20px;
}
.i-m-d2 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 0.5rem;
  text-align: center;
  margin: 6.6698125rem 0;
  padding: 0 8.003125rem;
}
.i-m-d2-d {
  grid-column: 2 / span 10;
  font-family: "Instrument Serif", serif;
  font-size: 4rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wdth" 100,
    "wght" 400;
  letter-spacing: -0.01em;
  line-height: 74.6667px;
}
.i-m-d2-ds1 {
  display: block;
  margin-right: 2rem;
}
.i-m-d2-ds2 {
  display: block;
}
.i-m-d2-ds2-b {
  font-size: 1.5rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wdth" 100,
    "wght" 400;
  letter-spacing: 0.02em;
  line-height: 37.3333px;
  margin-top: 2rem;
  color: #fff;
}
.i-m-d2-ds2-bs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  border-radius: 999px;
  background: #070708;
  transition:
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out,
    transform 0.15s ease-in-out,
    outline 0.25s ease-in-out;
  padding: 0.66666875rem 1.66666875rem;
  gap: 10.6667px;
}
.i-m-d2-ds2-bs:hover {
  background: #070708bf;
}
.i-m-d2-ds2-bs2 {
  height: 24px;
  width: 24px;
  color: #ffffff80;
  margin-inline-end: -0.5rem;
}
.i-m-d2-ds2-bs2 svg {
  display: block;
}
.i-m-d3 {
  margin: 42.6833px 64.0167px 128.05px 64.167px;
}
.i-m-d3-dn {
  display: flex;
  align-items: center;
  padding-top: 10.6667px;
  margin-bottom: 10.6667px;
  border-top: 1px solid #0707081f;
  column-gap: 1rem;
  text-transform: uppercase;
}
.i-m-d3-dnh {
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 80,
    "wght" 400;
  line-height: 21.3333px;
  letter-spacing: 0.11em;
}
.i-m-d3-dn-ul {
  display: flex;
  column-gap: 10.6667px;
}
.i-m-d3-dn-hl {
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 80,
    "wght" 400;
  line-height: 21.3333px;
  letter-spacing: 0.11em;
  display: inline-block;
  padding-block: 1rem;
  position: relative;
}
.i-m-d3-dn-s {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  padding: 0.25rem 13.3333px;
  background: #0707081f;
  border-radius: 999px;
  line-height: 21.3333px;
}
.i-m-d3-dc {
  margin-block-start: 21.3333px;
  margin-block-end: 42.6833px;
}
.i-m-d3-dc1 {
  row-gap: 85.3667px;
  column-gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.i-m-d3-dc1-d {
  transition: opacity 0.25s;
}
.i-m-d3-dc:not(.no-hover) .i-m-d3-dc1:hover .i-m-d3-dc1-d {
  opacity: 0.5;
}
.i-m-d3-dc:not(.no-hover) .i-m-d3-dc1 .i-m-d3-dc1-d:hover {
  opacity: 1;
}
.i-m-d3-dc1-id {
  position: relative;
  margin-bottom: 21.3333px;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 1.5rem;
}
.i-m-d3-dc1-id-hl {
  display: block;
}
.i-m-d3-dc1-id-hl-pic {
  width: 100%;
  position: relative;
}
.i-m-d3-dc1-id-hl-pic img {
  position: relative;
  border-radius: 1.5rem;
  width: 100%;
  transform: scale(1.05);
  transition: transform 0.25s;
  aspect-ratio: 1/1;
}
.i-m-d3-dc1-d:hover .i-m-d3-dc1-id-hl-pic img {
  transform: scale(1);
}
.i-m-d3-dc1-td {
  padding-inline-end: 2rem;
}
.i-m-d3-dc1-td-hl-p {
  font-size: 25.3333px;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 100,
    "wght" 500;
  letter-spacing: 0.005em;
  line-height: 2rem;
  margin-block-end: 10.6667px;
}
.i-m-d3-dc1-td-ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-block-end: 10.6667px;
}
.i-m-d3-dc1-td-li-s {
  display: inline-block;
  text-transform: uppercase;
  white-space: nowrap;
  background: transparent;
}
.i-m-d3-dc1-td-ul-hl {
  display: inline-flex;
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wdth" 80,
    "wght" 400;
  letter-spacing: 0.11em;
  line-height: 21.3333px;
  color: #07070880;
  white-space: nowrap;
}
.i-m-d3-dc1-td-ul-hl:hover span {
  color: #070708;
}
.i-m-d3-dc1-td-hls1 {
  padding-right: 2px;
  transition: color 0.3s ease;
}
.i-m-d3-dc1-td-hls2 {
  white-space: nowrap;
  transition: color 0.3s ease;
}
.i-m-d4 {
  display: grid;
  column-gap: 0.5rem;
  grid-template-columns: repeat(6, 1fr);
  margin: 4rem;
}
.i-m-d4-d {
  padding-top: 100%;
  position: relative;
}
.i-m-d4-d-d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
}
.i-m-d4-d-ds {
  background: #070708;
  height: 100%;
  mask: var(--mask-src);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 100%;
}
.i-m-d5 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 10.6667px;
  margin-inline: 4rem;
  margin-block: 8rem;
  align-items: center;
}
.i-m-d5-d1 {
  display: block;
  grid-column: span 4;
  font-family: "Instrument Sans", helvetica, sans-serif;
  font-variation-settings:
    "wdth" 100,
    "wght" 400;
  font-feature-settings:
    "liga",
    "ss12" 0;
}
.i-m-d5-dh {
  font-family: "Instrument Sans", helvetica, sans-serif;
  font-variation-settings:
    "wdth" 100,
    "wght" 500;
  letter-spacing: -0.37375px;
  font-size: 2.335625rem;
  line-height: 2.669979375rem;
}
.i-m-d5-dp {
  margin-block-start: 2rem;
  font-size: 1.25rem;
  letter-spacing: 0.6px;
  line-height: 2rem;
}
.i-m-d5-db {
  margin-block-start: 2rem;
  font-size: 1.5rem;
  letter-spacing: 0.48px;
  line-height: 37.3333px;
}
.i-m-d5-db-s {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid transparent;
  background: #070708;
  color: #fff;
  transition:
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out,
    transform 0.15s ease-in-out,
    outline 0.25s ease-in-out;
  border-radius: 999px;
  padding-block: 10.6667px;
  padding-inline: 26.6667px;
  vertical-align: top;
  gap: 10.6667px;
}
.i-m-d5-db-s:hover {
  background: #070708bf;
}
.i-m-d5-db-s1 {
  display: block;
  white-space: nowrap;
  line-height: 37.3333px;
  transform: translateY(4%);
}
.i-m-d5-db-s2 {
  width: 1.5rem;
  height: 1.5rem;
  color: #ffffff80;
  margin-inline-end: -0.5rem;
}
.i-m-d5-db-s2 svg {
  display: block;
}
.i-m-d5-d2 {
  grid-column: 7 / span 6;
  display: flex;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.i-m-d5-di {
  display: block;
  flex-shrink: 0;
  position: relative;
  width: 605px;
  height: auto;
  max-height: 100vh;
}
.i-m-d5-di img {
  display: block;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
}
.i-m-d5-dif {
  display: flex;
  align-items: flex-end;
  background: linear-gradient(180deg, transparent 0, #07070880 100%);
  inset: 78% 0 0 0;
  position: absolute;
  width: 100%;
  z-index: 1000;
  padding: 2rem;
  border-bottom-right-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}
.i-m-d5-dif-b {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  border-radius: 2rem;
}
.i-m-d5-dif-d {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  flex: 1 0 33%;
  margin-bottom: 15px;
  position: static;
  width: unset;
}
.i-m-d5-dif-db {
  border-radius: 1000px;
  flex-basis: 43.5px;
  flex-shrink: 1;
  height: 1px;
  position: relative;
  background: #ffffff80;
}
.i-m-d6 {
  display: grid;
  column-gap: 0.5rem;
  grid-template-columns: repeat(6, 1fr);
  margin: 4rem;
}
.i-m-d6-d {
  padding-top: 100%;
  position: relative;
}
.i-m-d6-d-d {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
}
.i-m-d6-d-ds {
  background: #070708;
  height: 100%;
  mask: var(--mask-src);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  width: 100%;
}
.i-m-d7 {
  margin-block: 8rem;
  padding-inline: 4rem;
}
.i-m-d7-d1 {
  display: flex;
  font-family: "Instrument Serif", serif;
  margin-inline-start: 8.0864375rem;
  font-size: 22.26563vw;
  line-height: 0.79386;
  letter-spacing: -0.05em;
  justify-content: flex-end;
  text-align: right;
  white-space: nowrap;
  opacity: 0.3;
}
.i-m-d7-d2 {
  font-size: 22.26563vw;
  font-family: "Instrument Sans", sans-serif;
  font-variation-settings:
    "wdth" 0,
    "wght" 400;
  line-height: 0.79386;
  letter-spacing: -0.05em;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  white-space: nowrap;
  opacity: 0.3;
}
.i-m-d7-d3 {
  font-family: "Instrument Serif", serif;
  font-style: italic;
  font-size: 22.26563vw;
  line-height: 0.79386;
  letter-spacing: -0.05em;
  display: flex;
  justify-content: flex-start;
  text-align: left;
  opacity: 0.3;
  margin-block-end: 8rem;
}
.i-m-d7-p1 {
  width: 50%;
}
.i-m-d7-p2 {
  margin-block-start: 2rem;
  width: 50%;
}
.i-m-d7-tb {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.5rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
  letter-spacing: 0.02em;
  line-height: 37.3333px;
}
.i-m-d7-p2s {
  display: block;
  margin-block-start: 2rem;
}
.i-m-d7-p2s-b {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.5rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
  letter-spacing: 0.02em;
  line-height: 37.3333px;
}
.i-m-d7-p2s-bs {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #070708;
  color: #fff;
  border: 2px solid transparent;
  transition:
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out,
    transform 0.15s ease-in-out,
    outline 0.25s ease-in-out;
  border-radius: 999px;
  padding-block: 10.6667px;
  padding-inline: 26.6667px;
  gap: 10.6667px;
}
.i-m-d7-p2s-bs:hover {
  background: #070708bf;
}
.i-m-d7-p2s-bs2 {
  margin-inline-end: -0.5rem;
  width: 24px;
  height: 24px;
}
.i-m-d7-p2s-bs2 svg {
  display: block;
}
.i-m-d8 {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 0.5rem;
  margin-block: 106.717px;
  padding-inline: 8rem;
  text-align: center;
}

.i-m-d8-d {
  grid-column: 2 / span 10;
  font-family: "Instrument Serif", serif;
  font-size: 4rem;
  letter-spacing: -0.04rem;
  line-height: 74.6667px;
  max-width: 36ch;
  margin: 0 auto;
}
.i-m-d8-pd1 {
  margin-inline-end: 2rem;
}

.i-m-d8-pd2 {
  display: block;
  translate: none;
  scale: none;
  rotate: none;
  transform: translate(0px);
  opacity: 1;
}

.i-m-d8-pd2-b {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.5rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
  letter-spacing: 0.02em;
  line-height: 37.3333px;
  margin-block-start: 2rem;
}
.i-m-d8-pd2-bs {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #070708;
  color: #fff;
  transition:
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out,
    transform 0.15s ease-in-out,
    outline 0.25s ease-in-out;
  border: 2px solid transparent;
  border-radius: 999px;
  padding-block: 10.6667px;
  padding-inline: 26.6667px;
  gap: 10.6667px;
}
.i-m-d8-pd2-bs:hover {
  background: #070708bf;
}
.i-m-d8-pd2-bs2 {
  width: 24px;
  height: 24px;
  margin-inline-end: -0.5rem;
}
.i-m-d8-pd2-bs2 svg {
  display: block;
}
.i-m-d9 {
  margin: 8rem 4rem 2.66770625rem 4rem;
}
.i-m-d9-d {
  row-gap: 5.33541875rem;
  column-gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.i-m-d9-d-d {
  margin-block-end: 2rem;
  transition: opacity 0.25s;
}
.i-m-d9:not(.no-hover) .i-m-d9-d:hover .i-m-d9-d-d {
  opacity: 0.5;
}
.i-m-d9:not(.no-hover) .i-m-d9-d .i-m-d9-d-d:hover {
  opacity: 1;
}
.i-m-d9-dd-sd {
  display: flex;
  align-items: center;
  column-gap: 21.3333px;
  margin-block-end: 10.6667px;
}
.i-m-d9-dd-sd-s1 {
  padding: 0.25rem 0.625rem;
  background: #0707081f;
  color: #070708;
  border-radius: 999px;
  font-family: "Instrument Sans", sans-serif;
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 80;
  letter-spacing: 0.11em;
  line-height: 21.3333px;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.i-m-d9-dd-sd-s2 {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 80;
  letter-spacing: 0.11em;
  line-height: 21.3333px;
  text-transform: uppercase;
}
.i-m-d9-dd-id {
  position: relative;
  margin-bottom: 21.3333px;
  overflow: hidden;
  transform: translateZ(0);
  border-radius: 1.5rem;
}
.i-m-d9-dd-id-hl {
  display: block;
}
.i-m-d9-dd-id-hl-pic {
  width: 100%;
  position: relative;
}
.i-m-d9-dd-id-hl-pic img {
  position: relative;
  border-radius: 1.5rem;
  width: 100%;
  transform: scale(1.05);
  aspect-ratio: 1/1;
  transition: transform 0.25s;
}
.i-m-d9:not(.no-hover) .i-m-d9-d .i-m-d9-d-d:hover .i-m-d9-dd-id-hl-pic img {
  transform: scale(1);
}
.i-m-d9-dd-td {
  padding-inline-end: 2rem;
}
.i-m-d9-dd-td-hl-d {
  font-family: "Instrument Sans", sans-serif;
  font-size: 25.3438px;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 500,
    "wdth" 100;
  letter-spacing: 0.005em;
  line-height: 2rem;
  margin-block-end: 10.6667px;
}

.i-m-d9-dd-td-hl-ds {
  color: #808080;
}
.i-m-d10 {
  margin-block: 106.717px;
  padding-inline: 4rem;
}
.i-m-d10-d {
  font-family: "Instrument Sans", sans-serif;
  font-size: 37.375px;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 500,
    "wdth" 100;
  letter-spacing: -0.01em;
  line-height: 42.7167px;
  max-width: 36ch;
}
.i-m-d10-ds1 {
  margin-right: 2rem;
}
.i-m-d10-ds2 {
  display: block;
}
.i-m-d10-ds2-b {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.5rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
  letter-spacing: 0.02em;
  line-height: 37.3333px;
  margin-block-start: 2rem;
}
.i-m-d10-ds2-bs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10.6667px 26.6667px;
  background: #070708;
  color: #fff;
  transition:
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out,
    transform 0.15s ease-in-out,
    outline 0.25s ease-in-out;
  border: 2px solid transparent;
  border-radius: 999px;
  vertical-align: top;
  gap: 10.6667px;
}
.i-m-d10-ds2-bs:hover {
  background: #070708bf;
}
.i-m-d10-ds2-bs2 {
  width: 24px;
  height: 24px;
  margin-inline-end: -0.5rem;
}
.i-m-d10-ds2-bs2 svg {
  display: block;
}
.i-footer {
  background: #070708;
  color: #fff;
}
.i-f-content {
  margin-inline: 4rem;
}
.i-f-ct {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 0.5rem;
  align-items: center;
}
.i-f-ct-l {
  grid-column: span 3;
  display: block;
  padding-block: 4rem;
}
.i-f-ct-ls {
  display: block;
  background-color: #ffffff80;
  color: transparent;
  aspect-ratio: 1/1;
  -webkit-mask-image: url(logomark.svg);
  mask-image: url(logomark.svg);
  mask-position: center center;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-mode: alpha;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.i-f-ct-e {
  grid-column: 5 / span 5;
  padding-block: 4rem;
}
.i-f-ct-eh {
  font-size: 30.6563px;
  font-family: "Instrument Sans", sans-serif;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 500,
    "wdth" 100;
  letter-spacing: -0.005em;
  line-height: 37.3167px;
  margin-block-end: 2rem;
}

.i-f-ct-eb {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.25rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
  letter-spacing: 0.03em;
  line-height: 100%;
  display: inline-block;
  background: none;
}
.i-f-ct-eb-s {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10.6667px 26.6667px;
  background: #fff;
  color: #070708;
  transition:
    background-color 0.25s ease-in-out,
    color 0.25s ease-in-out,
    transform 0.15s ease-in-out,
    outline 0.25s ease-in-out;
  border: 2px solid transparent;
  border-radius: 999px;
  gap: 10.6667px;
  vertical-align: top;
}
.i-f-ct-eb-s:hover {
  background: #ffffffbf;
}
.i-f-chl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block-start: 1px solid #ffffff1f;
  column-gap: 0.5rem;
}
.i-f-chl-d {
  padding-bottom: 4rem;
}
.i-f-chl-dh {
  padding-block: 4rem 2rem;
  font-family: "Instrument Sans", sans-serif;
  font-size: 1rem;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 80;
  letter-spacing: 0.11em;
  line-height: 21.3333px;
  text-transform: uppercase;
}
.i-f-chl-dhl {
  font-family: "Instrument Sans", sans-serif;
  font-size: 1.25rem;
  font-feature-settings:
    "ss12" on,
    "liga" on;
  font-variation-settings:
    "wght" 400,
    "wdth" 100;
  letter-spacing: 0.03em;
  line-height: 2rem;
  color: #ffffff80;
  display: inline-block;
  padding-bottom: 5.3333px;
}
.i-f-chl-dhl:hover {
  display: inline-flex;
  align-items: center;
  color: #fff;
}
.i-f-chl-dhl:hover .i-f-chl-dhl-s svg {
  display: block;
}
.i-f-chl-dhl-s svg {
  display: none;
}
.i-f-legal {
  margin-inline: 4rem;
  border-top: 1px solid #ffffff1f;
  font-family: "Instrument Sans", sans-serif;
  font-size: 14.6719px;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 420,
    "wdth" 100;
  letter-spacing: 0.05em;
  line-height: 21.3333px;
}
.i-f-l-ul {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  margin-block: 2rem;
}
.i-f-l-li {
  display: inline-block;
}
.i-f-l-hl {
  font-family: "Instrument Sans", sans-serif;
  font-size: 14.6719px;
  font-feature-settings:
    "ss12" off,
    "liga" on;
  font-variation-settings:
    "wght" 420,
    "wdth" 100;
  letter-spacing: 0.05em;
  line-height: 21.3333px;
  color: #fff;
  display: inline-block;
  margin-inline-end: 2rem;
}

.i-f-l-copyright {
  display: inline-block;
  color: #ffffff80;
  margin-left: -4px;
}