.iv-projects-page,
.iv-project-single {
  overflow: clip;
  background:
    radial-gradient(circle at 75% 12%, rgba(58, 70, 51, .18), transparent 26rem),
    #101210;
}

.iv-projects-hero,
.iv-case-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(360px, .75fr);
  gap: clamp(48px, 8vw, 140px);
  min-height: 720px;
  padding: 180px var(--page) 110px;
  border-bottom: 1px solid var(--line);
}

.iv-projects-hero h1,
.iv-case-hero h1 {
  max-width: 850px;
  margin: 70px 0 30px;
  font-size: clamp(68px, 7.6vw, 132px);
  line-height: .92;
  letter-spacing: -.07em;
}

.iv-projects-hero h1 em,
.iv-case-hero h1 em {
  color: #7f8978;
  font-style: normal;
  font-weight: 400;
}

.iv-projects-hero p,
.iv-case-hero-copy > p {
  max-width: 720px;
  color: var(--muted);
  font-size: clamp(18px, 1.55vw, 25px);
  line-height: 1.55;
}

.iv-projects-hero-map,
.iv-case-hero-visual {
  position: relative;
  align-self: center;
  min-height: 520px;
  border-radius: 48% 52% 42% 58% / 54% 42% 58% 46%;
  background:
    radial-gradient(circle at 42% 44%, rgba(250, 249, 246, .21), transparent 19%),
    radial-gradient(circle at 56% 56%, rgba(216, 207, 194, .32), rgba(58, 70, 51, .32) 28%, transparent 62%);
  filter: saturate(.72);
  animation: iv-project-breathe 8s ease-in-out infinite;
}

.iv-projects-hero-map span {
  position: absolute;
  width: 14px;
  height: 14px;
  border: 1px solid rgba(216, 207, 194, .42);
  border-radius: 50%;
  background: #151815;
  box-shadow: 0 0 0 12px rgba(58, 70, 51, .08);
}

.iv-projects-hero-map span:nth-child(1) { left: 16%; top: 26%; }
.iv-projects-hero-map span:nth-child(2) { left: 70%; top: 17%; }
.iv-projects-hero-map span:nth-child(3) { left: 83%; top: 53%; }
.iv-projects-hero-map span:nth-child(4) { left: 62%; top: 82%; }
.iv-projects-hero-map span:nth-child(5) { left: 23%; top: 74%; }
.iv-projects-hero-map span:nth-child(6) { left: 43%; top: 49%; }
.iv-projects-hero-map i {
  position: absolute;
  inset: 18%;
  border: 1px solid rgba(216, 207, 194, .12);
  border-radius: 48%;
  animation: iv-project-orbit 16s linear infinite;
}
.iv-projects-hero-map i:nth-of-type(2) { inset: 28%; animation-direction: reverse; animation-duration: 11s; }
.iv-projects-hero-map i:nth-of-type(3) { inset: 38%; animation-duration: 8s; }
.iv-projects-hero-map b {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #faf9f6;
  font-size: 64px;
  letter-spacing: -.08em;
}

.iv-projects-index,
.iv-project-method,
.iv-case-story,
.iv-case-blueprint {
  padding: clamp(90px, 10vw, 170px) var(--page);
}

.iv-projects-index-head {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 48px;
  align-items: end;
  margin-bottom: 58px;
}

.iv-projects-index-head > div:first-child > span,
.iv-project-method > div:first-child > span,
.iv-case-story article > span,
.iv-case-blueprint > div > span {
  color: #9da497;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .15em;
}

.iv-projects-index-head h2,
.iv-project-method h2 {
  max-width: 760px;
  margin: 22px 0 0;
  font-size: clamp(46px, 5.7vw, 94px);
  line-height: .96;
  letter-spacing: -.055em;
}

.iv-projects-index-head h2 em,
.iv-project-method h2 em {
  color: #7f8978;
  font-style: normal;
  font-weight: 400;
}

.iv-project-filter {
  display: flex;
  max-width: 580px;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.iv-project-filter button {
  padding: 11px 16px;
  border: 1px solid var(--line);
  border-radius: 999px;
  color: var(--muted);
  background: transparent;
  cursor: pointer;
}

.iv-project-filter button:hover,
.iv-project-filter button.is-active {
  color: #1f1f1f;
  border-color: #d8cfc2;
  background: #d8cfc2;
}

.iv-projects-showcase {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.iv-case-card {
  grid-column: span 6;
  display: flex;
  min-width: 0;
  min-height: 690px;
  flex-direction: column;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(216, 207, 194, .13);
  border-radius: 34px;
  color: #faf9f6;
  background: #171917;
  transition: opacity .35s, transform .55s cubic-bezier(.2,.8,.2,1), border-color .35s;
}

.iv-case-card:nth-child(3n) { grid-column: 3 / span 8; }
.iv-case-card:hover {
  transform: translateY(-9px);
  border-color: rgba(216, 207, 194, .38);
}
.iv-case-card[hidden] { display: none; }

.iv-case-top,
.iv-case-copy,
.iv-case-tags {
  display: flex;
  align-items: center;
}
.iv-case-top { justify-content: space-between; }
.iv-case-top span,
.iv-case-top i,
.iv-case-tags span,
.iv-case-copy > div:last-child span {
  color: #a8aea3;
  font-family: var(--mono);
  font-size: 10px;
  font-style: normal;
  letter-spacing: .13em;
}

.iv-case-visual {
  position: relative;
  display: grid;
  min-height: 380px;
  margin: 20px 0;
  overflow: hidden;
  place-items: center;
  border-radius: 24px;
  background:
    radial-gradient(circle at 62% 36%, rgba(250, 249, 246, .22), transparent 19%),
    linear-gradient(145deg, #333d2e, #141714 70%);
}
.iv-case-card-2 .iv-case-visual,
.iv-case-card-5 .iv-case-visual { background: linear-gradient(145deg, #d8cfc2, #3a4633); }
.iv-case-card-3 .iv-case-visual,
.iv-case-card-6 .iv-case-visual { background: radial-gradient(circle, #61645e, #1f1f1f 66%); }
.iv-case-visual strong {
  z-index: 2;
  font-size: clamp(72px, 10vw, 160px);
  letter-spacing: -.09em;
}
.iv-case-visual i {
  position: absolute;
  width: 48%;
  aspect-ratio: 1;
  border: 1px solid rgba(250, 249, 246, .17);
  border-radius: 46% 54% 62% 38%;
  animation: iv-project-orbit 13s linear infinite;
}
.iv-case-visual i:nth-of-type(2) { width: 68%; animation-direction: reverse; }
.iv-case-visual i:nth-of-type(3) { width: 88%; animation-duration: 20s; }
.iv-case-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s; }
.iv-case-card:hover .iv-case-visual img { transform: scale(1.04); }

.iv-case-card[data-visual-style="curtain-flow"] .iv-case-visual,
.iv-case-card[data-visual-style="fabric-wave"] .iv-case-visual,
.iv-case-card[data-visual-style="thread-lines"] .iv-case-visual,
.iv-case-card[data-visual-style="home-textile"] .iv-case-visual,
.iv-case-card[data-visual-style="fabric-library"] .iv-case-visual,
.iv-case-card[data-visual-style="soft-window"] .iv-case-visual,
.iv-case-card[data-visual-style="light-scenes"] .iv-case-visual,
.iv-case-card[data-visual-style="editorial-light"] .iv-case-visual {
  background:
    repeating-linear-gradient(98deg, rgba(250,249,246,.11) 0 2px, transparent 2px 46px),
    radial-gradient(circle at 68% 22%, rgba(216,207,194,.34), transparent 24%),
    linear-gradient(145deg, #3a4633, #151715 72%);
}

.iv-case-card[data-visual-style="mechanical-slats"] .iv-case-visual,
.iv-case-card[data-visual-style="mechanical-art"] .iv-case-visual,
.iv-case-card[data-visual-style="zebra-rhythm"] .iv-case-visual {
  background:
    repeating-linear-gradient(0deg, rgba(216,207,194,.17) 0 14px, transparent 14px 31px),
    linear-gradient(145deg, #242a21, #111310);
}

.iv-case-card[data-visual-style="clinical-grid"] .iv-case-visual,
.iv-case-card[data-visual-style="digital-space"] .iv-case-visual,
.iv-case-card[data-visual-style="ledger-lines"] .iv-case-visual {
  background:
    linear-gradient(rgba(216,207,194,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,207,194,.08) 1px, transparent 1px),
    radial-gradient(circle at 64% 38%, rgba(216,207,194,.22), transparent 23%),
    #171a17;
  background-size: 38px 38px, 38px 38px, auto, auto;
}

.iv-case-card[data-visual-style="material-library"] .iv-case-visual,
.iv-case-card[data-visual-style="hardware-orbit"] .iv-case-visual,
.iv-case-card[data-visual-style="market-shelves"] .iv-case-visual,
.iv-case-card[data-visual-style="print-sheets"] .iv-case-visual {
  background:
    linear-gradient(112deg, transparent 0 28%, rgba(216,207,194,.13) 28% 39%, transparent 39% 54%, rgba(58,70,51,.72) 54% 68%, transparent 68%),
    #191b19;
}

.iv-case-card[data-visual-style="jewelry-dark"] .iv-case-visual,
.iv-case-card[data-visual-style="bridal-details"] .iv-case-visual,
.iv-case-card[data-visual-style="botanical-catalog"] .iv-case-visual,
.iv-case-card[data-visual-style="woven-grid"] .iv-case-visual {
  background:
    radial-gradient(circle at 38% 48%, rgba(216,207,194,.24) 0 1px, transparent 2px),
    radial-gradient(circle at 68% 28%, rgba(58,70,51,.72), transparent 28%),
    #121412;
  background-size: 22px 22px, auto, auto;
}

.iv-case-card[data-visual-style="architectural-lines"] .iv-case-visual,
.iv-case-card[data-visual-style="architectural-swatch"] .iv-case-visual,
.iv-case-card[data-visual-style="interior-layers"] .iv-case-visual,
.iv-case-card[data-visual-style="wallpaper-fold"] .iv-case-visual,
.iv-case-card[data-visual-style="atelier-frame"] .iv-case-visual,
.iv-case-card[data-visual-style="archive-curtain"] .iv-case-visual {
  background:
    linear-gradient(72deg, transparent 49.7%, rgba(216,207,194,.16) 50%, transparent 50.3%),
    linear-gradient(18deg, transparent 49.7%, rgba(216,207,194,.1) 50%, transparent 50.3%),
    radial-gradient(circle at 52% 48%, #3a4633, #151715 64%);
}
.iv-case-tags { gap: 7px; flex-wrap: wrap; }
.iv-case-tags span { padding: 7px 10px; border: 1px solid var(--line); border-radius: 99px; }

.iv-case-copy {
  gap: 24px;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 28px;
}
.iv-case-copy h2 { margin: 0 0 10px; font-size: clamp(30px, 3vw, 50px); line-height: 1; letter-spacing: -.04em; }
.iv-case-copy p { max-width: 540px; margin: 0; color: var(--muted); line-height: 1.55; }
.iv-case-copy > div:last-child { min-width: 150px; text-align: right; }
.iv-case-copy > div:last-child strong { display: block; margin-top: 8px; color: #d8cfc2; font-size: 15px; }
.iv-case-copy > div:last-child b { display: inline-grid; width: 40px; height: 40px; margin-top: 15px; place-items: center; border-radius: 50%; color: #1f1f1f; background: #faf9f6; }

.iv-projects-disclaimer {
  max-width: 860px;
  margin: 34px auto 0;
  color: #81877e;
  font-size: 13px;
  line-height: 1.7;
  text-align: center;
}

.iv-project-method { border-top: 1px solid var(--line); }
.iv-project-method > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 65px;
}
.iv-project-method article {
  min-height: 270px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 28px;
  background: rgba(250, 249, 246, .018);
}
.iv-project-method article span { color: #7f8978; font-family: var(--mono); font-size: 11px; }
.iv-project-method article h3 { margin: 75px 0 14px; font-size: 24px; }
.iv-project-method article p { color: var(--muted); line-height: 1.6; }

.iv-back-link { display: inline-block; margin-bottom: 24px; color: #aeb3aa; font-family: var(--mono); font-size: 11px; letter-spacing: .1em; }
.iv-case-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 52px; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; }
.iv-case-meta span { padding: 20px; background: rgba(250,249,246,.02); }
.iv-case-meta small { display: block; margin-bottom: 8px; color: #8c9388; font-family: var(--mono); font-size: 9px; letter-spacing: .12em; }

.iv-live-project-link {
  display: grid;
  grid-template-columns: 130px 1fr auto;
  align-items: center;
  gap: 18px;
  margin-top: 14px;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  color: #faf9f6;
  background: rgba(250,249,246,.025);
  transition: border-color .25s, background .25s;
}
.iv-live-project-link:hover { border-color: rgba(216,207,194,.42); background: rgba(58,70,51,.2); }
.iv-live-project-link span { color: #8c9388; font-family: var(--mono); font-size: 9px; letter-spacing: .12em; }
.iv-live-project-link strong { overflow: hidden; font-size: 14px; font-weight: 560; text-overflow: ellipsis; white-space: nowrap; }
.iv-live-project-link i { font-size: 20px; font-style: normal; }
.iv-live-project-link.is-archive { grid-template-columns: 130px 1fr; color: #aeb3aa; }

.iv-case-hero[data-visual-style="curtain-flow"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="fabric-wave"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="soft-window"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="editorial-light"] .iv-case-hero-visual {
  background:
    repeating-linear-gradient(98deg, rgba(250,249,246,.08) 0 2px, transparent 2px 52px),
    radial-gradient(circle at 54% 45%, rgba(216,207,194,.35), rgba(58,70,51,.22) 27%, transparent 62%);
}
.iv-case-hero[data-visual-style="mechanical-slats"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="mechanical-art"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="zebra-rhythm"] .iv-case-hero-visual {
  background:
    repeating-linear-gradient(0deg, rgba(216,207,194,.13) 0 15px, transparent 15px 35px),
    radial-gradient(circle at 52% 50%, rgba(58,70,51,.52), transparent 60%);
}
.iv-case-hero[data-visual-style="clinical-grid"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="digital-space"] .iv-case-hero-visual,
.iv-case-hero[data-visual-style="ledger-lines"] .iv-case-hero-visual {
  border-radius: 34% 66% 62% 38%;
  background:
    linear-gradient(rgba(216,207,194,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(216,207,194,.08) 1px, transparent 1px),
    radial-gradient(circle, rgba(58,70,51,.55), transparent 62%);
  background-size: 42px 42px, 42px 42px, auto;
}

.iv-case-hero-visual { overflow: hidden; }
.iv-case-hero-visual img { width: 100%; height: 100%; object-fit: cover; }
.iv-case-hero-visual strong { position: absolute; inset: 0; display: grid; place-items: center; font-size: clamp(100px, 13vw, 220px); letter-spacing: -.1em; }
.iv-case-hero-visual i { position: absolute; inset: 18%; border: 1px solid rgba(216,207,194,.18); border-radius: 48%; animation: iv-project-orbit 13s linear infinite; }
.iv-case-hero-visual i:nth-of-type(2) { inset: 29%; animation-direction: reverse; }
.iv-case-hero-visual i:nth-of-type(3) { inset: 39%; }

.iv-case-story {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.iv-case-story article { min-height: 410px; padding: 34px; border: 1px solid var(--line); border-radius: 32px; }
.iv-case-story article:nth-child(2) { background: #d8cfc2; color: #1f1f1f; }
.iv-case-story article:nth-child(2) > span,
.iv-case-story article:nth-child(2) p { color: #3a4633; }
.iv-case-story h2 { margin: 130px 0 22px; font-size: clamp(34px, 3.2vw, 55px); line-height: 1; }
.iv-case-story p { color: var(--muted); font-size: 17px; line-height: 1.65; }

.iv-case-blueprint {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 20px;
  padding-top: 0;
}
.iv-case-blueprint > div { padding: 38px; border: 1px solid var(--line); border-radius: 34px; }
.iv-case-blueprint strong { display: block; margin: 80px 0 18px; color: #d8cfc2; font-size: clamp(48px, 6vw, 92px); line-height: .95; }
.iv-case-blueprint p { max-width: 500px; color: var(--muted); line-height: 1.6; }
.iv-case-blueprint ol { margin: 36px 0 0; padding: 0; list-style: none; }
.iv-case-blueprint li { display: grid; grid-template-columns: 42px 1fr auto; gap: 12px; padding: 18px 0; border-top: 1px solid var(--line); }
.iv-case-blueprint li b { color: #8d9588; font-family: var(--mono); font-size: 10px; }
.iv-case-blueprint li i { font-style: normal; }
.iv-case-featured,
.iv-case-approach,
.iv-next-case { margin: 0 var(--page) clamp(70px, 9vw, 140px); }
.iv-case-featured { overflow: hidden; border-radius: 36px; }
.iv-case-featured img { display: block; width: 100%; height: auto; }
.iv-case-approach {
  position: relative;
  display: grid;
  grid-template-columns: minmax(160px, .32fr) minmax(0, 1.68fr);
  gap: clamp(38px, 6vw, 110px);
  min-height: 390px;
  padding: clamp(34px, 4.2vw, 72px);
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 36px;
  background:
    radial-gradient(circle at 92% 12%, rgba(216, 207, 194, .10), transparent 18rem),
    linear-gradient(125deg, rgba(58, 70, 51, .17), rgba(250, 249, 246, .018) 48%),
    #171917;
}
.iv-case-approach::before,
.iv-case-approach::after {
  content: "";
  position: absolute;
  right: clamp(30px, 5vw, 85px);
  bottom: -150px;
  width: 330px;
  aspect-ratio: 1;
  border: 1px solid rgba(216, 207, 194, .08);
  border-radius: 50%;
  pointer-events: none;
}
.iv-case-approach::after {
  right: clamp(82px, 10vw, 180px);
  bottom: -105px;
  width: 225px;
}
.iv-case-approach-head {
  position: relative;
  z-index: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
}
.iv-case-approach-head span {
  color: #9da497;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .15em;
}
.iv-case-approach-head i {
  position: relative;
  display: block;
  width: 72px;
  height: 72px;
  border: 1px solid rgba(216, 207, 194, .22);
  border-radius: 50%;
}
.iv-case-approach-head i::before,
.iv-case-approach-head i::after {
  content: "";
  position: absolute;
  background: #d8cfc2;
}
.iv-case-approach-head i::before {
  top: 50%;
  left: 21px;
  width: 28px;
  height: 1px;
}
.iv-case-approach-head i::after {
  top: 21px;
  left: 50%;
  width: 1px;
  height: 28px;
}
.iv-case-approach-content {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(250px, .8fr) minmax(300px, 1.2fr);
  align-content: center;
  align-items: start;
  gap: 28px clamp(36px, 5vw, 90px);
  min-width: 0;
}
.iv-case-approach-content > * {
  grid-column: 2;
  width: 100%;
  max-width: 760px;
  margin: 0;
}
.iv-case-approach-content > h2:first-child {
  grid-column: 1;
  grid-row: 1 / span 8;
  max-width: 460px;
  color: #faf9f6;
  font-size: clamp(42px, 4.8vw, 78px);
  font-weight: 520;
  line-height: .96;
  letter-spacing: -.06em;
}
.iv-case-approach-content h2:not(:first-child),
.iv-case-approach-content h3 {
  margin-top: 22px;
  color: #faf9f6;
  font-size: clamp(26px, 3vw, 44px);
  line-height: 1.05;
  letter-spacing: -.04em;
}
.iv-case-approach-content p,
.iv-case-approach-content li {
  color: #aeb3aa;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.75;
}
.iv-case-approach-content ul,
.iv-case-approach-content ol {
  display: grid;
  gap: 12px;
  padding-left: 1.2em;
}
.iv-case-approach-content ul { list-style: disc; }
.iv-case-approach-content ol { list-style: decimal; }
.iv-case-approach-content a {
  color: #d8cfc2;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.iv-case-approach-content img,
.iv-case-approach-content figure {
  max-width: 100%;
  height: auto;
  border-radius: 22px;
}
.iv-next-case { display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 30px; padding: 34px; border: 1px solid var(--line); border-radius: 30px; color: #faf9f6; }
.iv-next-case span { color: #92988e; font-family: var(--mono); font-size: 10px; letter-spacing: .13em; }
.iv-next-case strong { font-size: clamp(28px, 4vw, 60px); }
.iv-next-case i { font-size: 40px; font-style: normal; transition: transform .3s; }
.iv-next-case:hover i { transform: translate(5px, -5px); }

@keyframes iv-project-orbit { to { transform: rotate(360deg); } }
@keyframes iv-project-breathe { 50% { transform: scale(.965) rotate(-2deg); filter: saturate(.9) blur(1px); } }

@media (max-width: 980px) {
  .iv-projects-hero,
  .iv-case-hero { grid-template-columns: 1fr; padding-top: 145px; }
  .iv-projects-hero-map,
  .iv-case-hero-visual { min-height: 430px; }
  .iv-projects-index-head { grid-template-columns: 1fr; }
  .iv-project-filter { justify-content: flex-start; }
  .iv-case-card,
  .iv-case-card:nth-child(3n) { grid-column: span 12; }
  .iv-project-method > div:last-child { grid-template-columns: repeat(2, 1fr); }
  .iv-case-story,
  .iv-case-blueprint { grid-template-columns: 1fr; }
  .iv-case-approach { grid-template-columns: 1fr; min-height: 0; }
  .iv-case-approach-head { flex-direction: row; align-items: center; }
  .iv-case-approach-head i { width: 58px; height: 58px; flex: 0 0 auto; }
  .iv-case-approach-head i::before { left: 17px; width: 22px; }
  .iv-case-approach-head i::after { top: 17px; height: 22px; }
  .iv-case-approach-content { grid-template-columns: 1fr; }
  .iv-case-approach-content > *,
  .iv-case-approach-content > h2:first-child { grid-column: 1; grid-row: auto; max-width: 760px; }
}

@media (max-width: 640px) {
  .iv-projects-hero,
  .iv-case-hero { min-height: auto; padding-top: 120px; }
  .iv-projects-hero h1,
  .iv-case-hero h1 { margin-top: 44px; font-size: clamp(54px, 17vw, 76px); }
  .iv-projects-hero-map,
  .iv-case-hero-visual { min-height: 330px; }
  .iv-case-card { min-height: 610px; padding: 15px; border-radius: 25px; }
  .iv-case-visual { min-height: 300px; }
  .iv-case-copy { align-items: flex-start; flex-direction: column; }
  .iv-case-copy > div:last-child { text-align: left; }
	.iv-live-project-link { grid-template-columns: 1fr auto; }
	.iv-live-project-link span { grid-column: 1 / -1; }
	.iv-live-project-link.is-archive { grid-template-columns: 1fr; }
  .iv-project-method > div:last-child,
  .iv-case-meta { grid-template-columns: 1fr; }
  .iv-case-story { padding-inline: 18px; }
  .iv-case-story h2 { margin-top: 70px; }
  .iv-case-approach {
    gap: 36px;
    margin-inline: 18px;
    padding: 26px;
    border-radius: 26px;
  }
  .iv-case-approach-head i { display: none; }
  .iv-case-approach-content { gap: 22px; }
  .iv-case-approach-content > h2:first-child { font-size: clamp(38px, 13vw, 58px); }
  .iv-case-approach-content p,
  .iv-case-approach-content li { font-size: 16px; }
  .iv-next-case { grid-template-columns: 1fr auto; }
  .iv-next-case span { grid-column: 1 / -1; }
}