/* [project]/components/experience/media/MarketingVideo.module.css [app-client] (css) */
.MarketingVideo-module__VlUySW__root {
  width: 100%;
  aspect-ratio: var(--media-aspect-ratio);
  background: var(--surface);
  position: relative;
  overflow: hidden;
}

.MarketingVideo-module__VlUySW__media {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.MarketingVideo-module__VlUySW__failed {
  visibility: hidden;
}

.MarketingVideo-module__VlUySW__poster {
  position: absolute;
  inset: 0;
}

/* [project]/components/experience/primitives/ExperienceSection.module.css [app-client] (css) */
[data-experience-section].ExperienceSection-module__xefq1W__root {
  isolation: isolate;
  border: 0;
  min-width: 0;
  position: relative;
}

[data-experience-section].ExperienceSection-module__xefq1W__root[data-experience-spacing="default"] {
  padding-block: var(--experience-section-space);
}

[data-experience-section].ExperienceSection-module__xefq1W__root[data-experience-spacing="compact"] {
  padding-block: var(--experience-section-space-compact);
}

[data-experience-section].ExperienceSection-module__xefq1W__root[data-experience-spacing="none"] {
  padding-block: 0;
}

[data-experience-section].ExperienceSection-module__xefq1W__root[data-experience-overflow="visible"] {
  overflow: visible;
}

[data-experience-section].ExperienceSection-module__xefq1W__root[data-experience-overflow="clip"] {
  overflow: clip;
}

@supports not (overflow: clip) {
  [data-experience-section].ExperienceSection-module__xefq1W__root[data-experience-overflow="clip"] {
    overflow: hidden;
  }
}

/* [project]/components/experience/portfolio/PortfolioCollection.module.css [app-client] (css) */
.PortfolioCollection-module__RW6DLW__heroCopy {
  max-width: 47rem;
}

.PortfolioCollection-module__RW6DLW__serviceHero {
  grid-template-columns: minmax(0, 7fr) minmax(22rem, 5fr);
  align-items: end;
  padding-block: clamp(7rem, 11vw, 10rem) clamp(4rem, 8vw, 7rem);
  display: grid;
  position: relative;
}

.PortfolioCollection-module__RW6DLW__serviceHeroCopy {
  z-index: 2;
  gap: 1.5rem;
  display: grid;
  position: relative;
}

.PortfolioCollection-module__RW6DLW__serviceHeroTitle {
  letter-spacing: -.075em;
  max-width: 10ch;
  font-size: clamp(4rem, 9vw, 9.2rem);
  font-weight: 540;
  line-height: .84;
}

.PortfolioCollection-module__RW6DLW__serviceGraphic {
  aspect-ratio: 1;
  border: 1px solid color-mix(in oklab, currentColor 32%, transparent);
  border-radius: 50%;
  place-self: center end;
  width: min(35vw, 32rem);
  position: relative;
}

.PortfolioCollection-module__RW6DLW__serviceGraphic:before, .PortfolioCollection-module__RW6DLW__serviceGraphic:after, .PortfolioCollection-module__RW6DLW__orbitOne, .PortfolioCollection-module__RW6DLW__orbitTwo {
  content: "";
  border: 1px solid color-mix(in oklab, currentColor 25%, transparent);
  border-radius: 50%;
  position: absolute;
}

.PortfolioCollection-module__RW6DLW__serviceGraphic:before {
  inset: 13%;
}

.PortfolioCollection-module__RW6DLW__serviceGraphic:after {
  inset: 29%;
}

.PortfolioCollection-module__RW6DLW__orbitOne {
  border-inline: 0;
  border-radius: 0;
  inset: 45% -10%;
}

.PortfolioCollection-module__RW6DLW__orbitTwo {
  border-block: 0;
  border-radius: 0;
  inset: -10% 47%;
}

.PortfolioCollection-module__RW6DLW__serviceGraphic strong {
  color: #111;
  background: #b8ff5c;
  border-radius: 50%;
  place-items: center;
  font-size: 2rem;
  display: grid;
  position: absolute;
  inset: 42%;
}

.PortfolioCollection-module__RW6DLW__nodeOne, .PortfolioCollection-module__RW6DLW__nodeTwo, .PortfolioCollection-module__RW6DLW__nodeThree {
  aspect-ratio: 1;
  width: 3.1rem;
  color: var(--background);
  background: var(--foreground);
  border-radius: 50%;
  place-items: center;
  font: 700 .75rem / 1 monospace;
  display: grid;
  position: absolute;
}

.PortfolioCollection-module__RW6DLW__nodeOne {
  top: 8%;
  left: 24%;
}

.PortfolioCollection-module__RW6DLW__nodeTwo {
  color: #fff;
  background: #1469ff;
  top: 49%;
  right: -5%;
}

.PortfolioCollection-module__RW6DLW__nodeThree {
  font-size: 1rem;
  bottom: 4%;
  left: 17%;
}

.PortfolioCollection-module__RW6DLW__serviceGrid {
  gap: var(--experience-grid-gap);
  grid-template-columns: repeat(12, 1fr);
  padding-block: clamp(5rem, 10vw, 10rem);
  display: grid;
}

.PortfolioCollection-module__RW6DLW__sectionIntro {
  gap: var(--experience-grid-gap);
  border-top: 1px solid;
  grid-column: 1 / -1;
  grid-template-columns: 4fr 8fr;
  margin-bottom: clamp(3rem, 8vw, 7rem);
  padding-top: 1.25rem;
  display: grid;
}

.PortfolioCollection-module__RW6DLW__sectionIntro p {
  letter-spacing: -.04em;
  max-width: 42rem;
  margin: 0;
  font-size: clamp(1.5rem, 3vw, 3rem);
  line-height: 1.08;
}

.PortfolioCollection-module__RW6DLW__serviceCard {
  border: 1px solid color-mix(in oklab, currentColor 15%, transparent);
  background: var(--surface);
  border-radius: 1.5rem;
  grid-column: span 6;
  overflow: clip;
}

.PortfolioCollection-module__RW6DLW__serviceCard[data-layout="lead"] {
  grid-column: 1 / -1;
}

.PortfolioCollection-module__RW6DLW__serviceCard[data-layout="closing"] {
  grid-column: 3 / span 8;
}

.PortfolioCollection-module__RW6DLW__serviceLink {
  height: 100%;
  color: inherit;
  text-decoration: none;
  display: grid;
}

.PortfolioCollection-module__RW6DLW__serviceCard[data-layout="lead"] .PortfolioCollection-module__RW6DLW__serviceLink {
  grid-template-columns: minmax(0, 7fr) minmax(20rem, 5fr);
}

.PortfolioCollection-module__RW6DLW__serviceMedia {
  background: #15161a;
  min-height: 20rem;
  position: relative;
  overflow: hidden;
}

.PortfolioCollection-module__RW6DLW__serviceCard[data-layout="lead"] .PortfolioCollection-module__RW6DLW__serviceMedia {
  min-height: 40rem;
}

.PortfolioCollection-module__RW6DLW__serviceCard[data-layout="compact"] .PortfolioCollection-module__RW6DLW__serviceMedia {
  min-height: 14rem;
}

.PortfolioCollection-module__RW6DLW__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: transform .75s var(--experience-ease-out), filter .5s ease;
}

.PortfolioCollection-module__RW6DLW__serviceIndex {
  aspect-ratio: 1;
  color: #111;
  background: #b8ff5c;
  border-radius: 50%;
  place-items: center;
  width: 3rem;
  font: 700 .75rem / 1 monospace;
  display: grid;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.PortfolioCollection-module__RW6DLW__serviceBody {
  flex-direction: column;
  gap: 1.2rem;
  padding: clamp(1.5rem, 4vw, 3.5rem);
  display: flex;
}

.PortfolioCollection-module__RW6DLW__serviceBody h2 {
  letter-spacing: -.055em;
  margin: 0;
  font-size: clamp(2.2rem, 4.8vw, 5rem);
  line-height: .92;
}

.PortfolioCollection-module__RW6DLW__serviceBody p {
  max-width: 38rem;
  margin: 0;
  font-size: 1.05rem;
  line-height: 1.65;
}

.PortfolioCollection-module__RW6DLW__serviceFooter {
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  margin-top: auto;
  padding-top: 2rem;
  display: flex;
}

.PortfolioCollection-module__RW6DLW__serviceFooter > div {
  flex-wrap: wrap;
  gap: .4rem;
  display: flex;
}

.PortfolioCollection-module__RW6DLW__serviceFooter > span {
  white-space: nowrap;
  align-items: center;
  gap: .6rem;
  font-weight: 650;
  display: flex;
}

.PortfolioCollection-module__RW6DLW__serviceCard:hover .PortfolioCollection-module__RW6DLW__image {
  transform: scale(1.035);
}

.PortfolioCollection-module__RW6DLW__card {
  border-color: color-mix(in oklab, currentColor 14%, transparent);
  background: var(--surface);
  transition: transform .5s var(--experience-ease-out), box-shadow .5s var(--experience-ease-out);
  grid-column: span 6;
  overflow: clip;
}

.PortfolioCollection-module__RW6DLW__card:nth-child(3n) {
  grid-column: 3 / span 8;
}

.PortfolioCollection-module__RW6DLW__card:hover {
  box-shadow: var(--experience-media-shadow);
  transform: translateY(-.5rem);
}

.PortfolioCollection-module__RW6DLW__link {
  color: inherit;
  text-decoration: none;
}

.PortfolioCollection-module__RW6DLW__media {
  aspect-ratio: 16 / 10;
  background: var(--muted);
  position: relative;
  overflow: hidden;
}

.PortfolioCollection-module__RW6DLW__index {
  aspect-ratio: 1;
  background: color-mix(in oklab, var(--background) 82%, transparent);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 999px;
  place-items: center;
  width: 2.5rem;
  font: 600 .75rem / 1 monospace;
  display: grid;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

.PortfolioCollection-module__RW6DLW__header {
  gap: .75rem;
}

.PortfolioCollection-module__RW6DLW__title {
  letter-spacing: -.04em;
  font-size: clamp(1.8rem, 4vw, 3.5rem);
  line-height: .95;
}

.PortfolioCollection-module__RW6DLW__content {
  gap: 1.5rem;
  display: grid;
}

.PortfolioCollection-module__RW6DLW__action {
  justify-content: space-between;
  align-items: center;
  font-weight: 650;
  display: flex;
}

@supports (animation-timeline: view()) {
  .PortfolioCollection-module__RW6DLW__serviceCard, .PortfolioCollection-module__RW6DLW__card {
    animation: linear both PortfolioCollection-module__RW6DLW__portfolio-reveal;
    animation-timeline: view();
    animation-range: entry cover 30%;
  }

  @keyframes PortfolioCollection-module__RW6DLW__portfolio-reveal {
    from {
      opacity: .2;
      transform: translateY(4rem)scale(.975);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .PortfolioCollection-module__RW6DLW__serviceGraphic {
    animation: linear both PortfolioCollection-module__RW6DLW__graphic-spin;
    animation-timeline: scroll(root);
  }

  @keyframes PortfolioCollection-module__RW6DLW__graphic-spin {
    to {
      transform: rotate(110deg);
    }
  }
}

@media (max-width: 48rem) {
  .PortfolioCollection-module__RW6DLW__serviceHero {
    grid-template-columns: 1fr;
  }

  .PortfolioCollection-module__RW6DLW__serviceGraphic {
    opacity: .48;
    width: 72vw;
    position: absolute;
    bottom: 4rem;
    right: -22%;
  }

  .PortfolioCollection-module__RW6DLW__serviceHeroTitle {
    font-size: clamp(3.7rem, 18vw, 6.5rem);
  }

  .PortfolioCollection-module__RW6DLW__sectionIntro {
    grid-template-columns: 1fr;
  }

  .PortfolioCollection-module__RW6DLW__serviceCard, .PortfolioCollection-module__RW6DLW__serviceCard[data-layout="lead"], .PortfolioCollection-module__RW6DLW__serviceCard[data-layout="closing"], .PortfolioCollection-module__RW6DLW__card, .PortfolioCollection-module__RW6DLW__card:nth-child(3n) {
    grid-column: 1 / -1;
    padding-top: 0;
  }

  .PortfolioCollection-module__RW6DLW__serviceCard[data-layout="lead"] .PortfolioCollection-module__RW6DLW__serviceLink {
    grid-template-columns: 1fr;
  }

  .PortfolioCollection-module__RW6DLW__serviceCard[data-layout="lead"] .PortfolioCollection-module__RW6DLW__serviceMedia {
    min-height: 19rem;
  }

  .PortfolioCollection-module__RW6DLW__serviceFooter {
    flex-direction: column;
    align-items: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  .PortfolioCollection-module__RW6DLW__serviceGraphic, .PortfolioCollection-module__RW6DLW__serviceCard, .PortfolioCollection-module__RW6DLW__card, .PortfolioCollection-module__RW6DLW__image {
    transition: none;
    animation: none;
  }

  .PortfolioCollection-module__RW6DLW__serviceCard:hover .PortfolioCollection-module__RW6DLW__image, .PortfolioCollection-module__RW6DLW__card:hover {
    transform: none;
  }
}

/* [project]/components/experience/portfolio/PortfolioBlocks.module.css [app-client] (css) */
.PortfolioBlocks-module__LRGUeG__collection, .PortfolioBlocks-module__LRGUeG__features, .PortfolioBlocks-module__LRGUeG__steps, .PortfolioBlocks-module__LRGUeG__gallery, .PortfolioBlocks-module__LRGUeG__showcase {
  gap: 1.5rem;
  margin-block: clamp(4rem, 10vw, 8rem);
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__markdown {
  margin-block: clamp(5rem, 11vw, 10rem);
}

.PortfolioBlocks-module__LRGUeG__grid {
  gap: var(--experience-grid-gap);
  grid-template-columns: repeat(12, 1fr);
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__media {
  border-radius: var(--experience-media-radius);
  box-shadow: var(--experience-media-shadow);
  margin: clamp(3rem, 8vw, 7rem) 0;
  overflow: hidden;
}

.PortfolioBlocks-module__LRGUeG__media img, .PortfolioBlocks-module__LRGUeG__media video, .PortfolioBlocks-module__LRGUeG__galleryFrame img, .PortfolioBlocks-module__LRGUeG__galleryFrame video, .PortfolioBlocks-module__LRGUeG__showcaseMedia img, .PortfolioBlocks-module__LRGUeG__showcaseMedia video {
  width: 100%;
  height: auto;
  display: block;
}

.PortfolioBlocks-module__LRGUeG__spotlight {
  color: #f7f5ef;
  background: radial-gradient(circle at 85% 20%, #ffffff2e, #0000 34%), #111;
  border-radius: 1.75rem;
  gap: clamp(1.5rem, 4vw, 3rem);
  margin-block: clamp(5rem, 12vw, 10rem);
  padding: clamp(2rem, 6vw, 5rem);
  display: grid;
  position: relative;
  overflow: hidden;
}

.PortfolioBlocks-module__LRGUeG__spotlight:after {
  content: "";
  border: 1px solid #ffffff40;
  border-radius: 50%;
  width: 26rem;
  height: 26rem;
  position: absolute;
  bottom: -12rem;
  right: -8rem;
  box-shadow: 0 0 0 5rem #ffffff0a, 0 0 0 10rem #ffffff06;
}

.PortfolioBlocks-module__LRGUeG__spotlightMark {
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .75;
  align-items: center;
  gap: .65rem;
  font-size: .72rem;
  display: flex;
}

.PortfolioBlocks-module__LRGUeG__spotlightTitle {
  z-index: 1;
  letter-spacing: -.055em;
  max-width: 12ch;
  margin: 0;
  font-size: clamp(2.4rem, 6vw, 5.8rem);
  line-height: .95;
  position: relative;
}

.PortfolioBlocks-module__LRGUeG__spotlightCopy {
  z-index: 1;
  opacity: .78;
  max-width: 37rem;
  font-size: clamp(1rem, 1.4vw, 1.25rem);
  position: relative;
}

.PortfolioBlocks-module__LRGUeG__featureGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__featureCard {
  background: color-mix(in oklab, var(--card) 94%, transparent);
  border-radius: 1.4rem;
  min-height: 13rem;
  transition: transform .35s, box-shadow .35s;
}

.PortfolioBlocks-module__LRGUeG__featureCard:hover {
  transform: translateY(-.45rem);
  box-shadow: 0 1.5rem 3.5rem #0000001a;
}

.PortfolioBlocks-module__LRGUeG__featureHeader {
  gap: 1.1rem;
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__featureNumber {
  width: 2.2rem;
  height: 2.2rem;
  color: var(--background);
  background: var(--foreground);
  border-radius: 50%;
  place-items: center;
  font-size: .72rem;
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__steps .PortfolioBlocks-module__LRGUeG__featureGrid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.PortfolioBlocks-module__LRGUeG__steps .PortfolioBlocks-module__LRGUeG__featureCard {
  border-top: 2px solid;
  border-radius: 0 0 1.4rem 1.4rem;
}

.PortfolioBlocks-module__LRGUeG__gallery {
  width: min(58rem, 100vw - 3rem);
}

.PortfolioBlocks-module__LRGUeG__galleryHeading {
  justify-content: space-between;
  align-items: end;
  gap: 2rem;
  padding-inline: .5rem;
  display: flex;
}

.PortfolioBlocks-module__LRGUeG__galleryHeading > span {
  text-align: right;
  opacity: .65;
  max-width: 34rem;
}

.PortfolioBlocks-module__LRGUeG__galleryTrack {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__galleryFrame {
  border: 1px solid color-mix(in oklab, currentColor 13%, transparent);
  background: #0a0a0a;
  border-radius: 1.25rem;
  margin: 0;
  overflow: hidden;
  box-shadow: 0 2rem 5rem #00000029;
}

.PortfolioBlocks-module__LRGUeG__galleryFrame:first-child {
  grid-column: 1 / -1;
}

.PortfolioBlocks-module__LRGUeG__showcaseItem {
  border-top: 1px solid color-mix(in oklab, currentColor 18%, transparent);
  grid-template-columns: minmax(0, 1.5fr) minmax(16rem, .8fr);
  padding-top: 1.5rem;
  display: grid;
  overflow: hidden;
}

.PortfolioBlocks-module__LRGUeG__showcaseMedia {
  background: var(--muted);
  border-radius: 1rem;
  overflow: hidden;
}

.PortfolioBlocks-module__LRGUeG__showcaseCopy {
  grid-template-columns: auto 1fr auto;
  align-content: end;
  gap: 1rem;
  padding: 1.5rem;
  display: grid;
}

.PortfolioBlocks-module__LRGUeG__showcaseCopy h3 {
  margin: 0 0 .5rem;
  font-size: clamp(1.45rem, 3vw, 2.5rem);
}

.PortfolioBlocks-module__LRGUeG__showcaseCopy p {
  opacity: .68;
  margin: 0;
}

.PortfolioBlocks-module__LRGUeG__showcaseCopy > a {
  color: inherit;
}

@supports (animation-timeline: view()) {
  .PortfolioBlocks-module__LRGUeG__spotlight, .PortfolioBlocks-module__LRGUeG__featureCard, .PortfolioBlocks-module__LRGUeG__galleryFrame, .PortfolioBlocks-module__LRGUeG__showcaseItem {
    animation: linear both PortfolioBlocks-module__LRGUeG__block-reveal;
    animation-timeline: view();
    animation-range: entry cover 25%;
  }

  .PortfolioBlocks-module__LRGUeG__galleryFrame:nth-child(2) {
    animation-range: entry 8% cover 32%;
  }

  @keyframes PortfolioBlocks-module__LRGUeG__block-reveal {
    from {
      opacity: .12;
      transform: translateY(3rem)scale(.97);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  :is([data-service-detail] .PortfolioBlocks-module__LRGUeG__spotlight, [data-service-detail] .PortfolioBlocks-module__LRGUeG__featureCard, [data-service-detail] .PortfolioBlocks-module__LRGUeG__galleryFrame, [data-service-detail] .PortfolioBlocks-module__LRGUeG__showcaseItem) {
    animation-name: PortfolioBlocks-module__LRGUeG__service-block-reveal;
  }

  @keyframes PortfolioBlocks-module__LRGUeG__service-block-reveal {
    from {
      transform: translateY(2.5rem)scale(.985);
    }

    to {
      transform: none;
    }
  }
}

@media (max-width: 48rem) {
  .PortfolioBlocks-module__LRGUeG__featureGrid, .PortfolioBlocks-module__LRGUeG__steps .PortfolioBlocks-module__LRGUeG__featureGrid, .PortfolioBlocks-module__LRGUeG__galleryTrack, .PortfolioBlocks-module__LRGUeG__showcaseItem {
    grid-template-columns: 1fr;
  }

  .PortfolioBlocks-module__LRGUeG__gallery {
    width: 100%;
  }

  .PortfolioBlocks-module__LRGUeG__galleryFrame:first-child {
    grid-column: auto;
  }

  .PortfolioBlocks-module__LRGUeG__galleryHeading {
    flex-direction: column;
    align-items: start;
  }

  .PortfolioBlocks-module__LRGUeG__galleryHeading > span {
    text-align: left;
  }

  .PortfolioBlocks-module__LRGUeG__showcaseCopy {
    padding-inline: .25rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .PortfolioBlocks-module__LRGUeG__spotlight, .PortfolioBlocks-module__LRGUeG__featureCard, .PortfolioBlocks-module__LRGUeG__galleryFrame, .PortfolioBlocks-module__LRGUeG__showcaseItem {
    transition: none;
    animation: none;
  }
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown h2 {
  letter-spacing: -.065em;
  max-width: 13ch;
  margin: 0 0 clamp(2rem, 5vw, 4rem);
  font-size: clamp(3.2rem, 7vw, 7.5rem);
  line-height: .88;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown h3 {
  letter-spacing: -.05em;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: .95;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown p {
  max-width: 52rem;
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  line-height: 1.5;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown ul {
  gap: var(--experience-grid-gap);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0;
  list-style: none;
  display: grid;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown li {
  color: #111;
  background: #e7ffc3;
  border: 0;
  min-height: 10rem;
  margin: 0;
  padding: clamp(1.25rem, 3vw, 2.5rem);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown li:nth-child(3n+2) {
  background: #dce5ff;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown li:nth-child(3n) {
  background: #ffb45e;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown blockquote {
  color: #f7f7f2;
  letter-spacing: -.045em;
  background: #0b0b0b;
  border: 0;
  max-width: none;
  margin-block: clamp(4rem, 9vw, 8rem);
  padding: clamp(2rem, 6vw, 6rem);
  font-size: clamp(1.8rem, 4vw, 4rem);
  line-height: 1.05;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__spotlight {
  min-height: min(78svh, 58rem);
  margin-inline: calc(-1 * var(--page-gutter));
  border-radius: 0;
  align-content: space-between;
  padding: clamp(2rem, 7vw, 7rem);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__spotlightTitle {
  font-size: clamp(4rem, 10vw, 10rem);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__features {
  padding-block: clamp(5rem, 10vw, 9rem);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__featureGrid {
  gap: var(--experience-grid-gap);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__featureCard {
  color: #111;
  min-height: clamp(15rem, 28vw, 24rem);
  box-shadow: none;
  background: #e7ffc3;
  border: 0;
  border-radius: 0;
  padding: clamp(1rem, 2vw, 2rem);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__featureCard:nth-child(3n+2) {
  background: #dce5ff;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__featureCard:nth-child(3n) {
  background: #ffb45e;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__featureCard .PortfolioBlocks-module__LRGUeG__featureNumber {
  color: #fff;
  background: #111;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__gallery {
  width: 100%;
  padding-block: clamp(4rem, 9vw, 8rem);
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__galleryFrame {
  box-shadow: none;
  border-radius: 0;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__showcase {
  margin-inline: calc(-1 * var(--page-gutter));
  padding: clamp(4rem, 7vw, 7rem) var(--page-gutter);
  color: #f7f7f2;
  background: #0b0b0b;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__showcaseItem {
  min-height: 34rem;
  padding-block: 2rem;
}

[data-service-detail] .PortfolioBlocks-module__LRGUeG__steps {
  padding-block: clamp(5rem, 10vw, 9rem);
}

@media (max-width: 48rem) {
  [data-service-detail] .PortfolioBlocks-module__LRGUeG__markdown ul {
    grid-template-columns: 1fr;
  }

  [data-service-detail] .PortfolioBlocks-module__LRGUeG__spotlight {
    min-height: 65svh;
  }

  [data-service-detail] .PortfolioBlocks-module__LRGUeG__featureCard {
    min-height: 14rem;
  }

  [data-service-detail] .PortfolioBlocks-module__LRGUeG__showcaseItem {
    min-height: 0;
  }
}

/* [project]/components/experience/portfolio/PortfolioDetail.module.css [app-client] (css) */
.PortfolioDetail-module__T9Hvua__hero {
  flex-direction: column;
  justify-content: flex-end;
  gap: 1.4rem;
  min-height: 82svh;
  padding-block: clamp(8rem, 18vw, 15rem) clamp(4rem, 8vw, 7rem);
  display: flex;
}

.PortfolioDetail-module__T9Hvua__serviceHero {
  min-height: 0;
  padding-block: clamp(8rem, 13vw, 12rem) clamp(3rem, 6vw, 5rem);
}

.PortfolioDetail-module__T9Hvua__serviceHero .PortfolioDetail-module__T9Hvua__heroTitle {
  letter-spacing: -.075em;
  max-width: 10ch;
  font-size: clamp(4.5rem, 10vw, 10rem);
  line-height: .82;
}

.PortfolioDetail-module__T9Hvua__serviceHero .PortfolioDetail-module__T9Hvua__summary {
  letter-spacing: -.025em;
  max-width: 66rem;
  font-size: clamp(1.25rem, 2.25vw, 2.15rem);
  line-height: 1.18;
}

.PortfolioDetail-module__T9Hvua__back {
  width: fit-content;
  color: inherit;
  align-items: center;
  gap: .5rem;
  text-decoration: none;
  display: inline-flex;
}

.PortfolioDetail-module__T9Hvua__heroTitle {
  max-width: 12ch;
  font-size: var(--experience-type-page-title-size);
  line-height: var(--experience-type-page-title-line);
  font-weight: var(--experience-type-page-title-weight);
  letter-spacing: var(--experience-type-page-title-tracking);
}

.PortfolioDetail-module__T9Hvua__summary {
  max-width: 52rem;
}

.PortfolioDetail-module__T9Hvua__meta {
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem 1rem;
  display: flex;
}

.PortfolioDetail-module__T9Hvua__heroMedia {
  background: var(--muted);
  width: 100%;
  min-height: 45svh;
  overflow: hidden;
}

.PortfolioDetail-module__T9Hvua__media, .PortfolioDetail-module__T9Hvua__mediaImage {
  object-fit: cover;
  width: 100%;
  height: min(76svh, 56rem);
}

[data-experience-section].PortfolioDetail-module__T9Hvua__serviceMediaStage {
  background: #fff;
}

.PortfolioDetail-module__T9Hvua__serviceHeroMedia {
  width: 100%;
  min-height: 0;
  padding: clamp(2rem, 7vw, 7rem) var(--page-gutter);
  background: #e7ffc3;
  overflow: hidden;
}

.PortfolioDetail-module__T9Hvua__serviceHeroMedia .PortfolioDetail-module__T9Hvua__media, .PortfolioDetail-module__T9Hvua__serviceHeroMedia .PortfolioDetail-module__T9Hvua__mediaImage {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid #0000002e;
  border-radius: clamp(1rem, 2vw, 2rem);
  width: min(86rem, 100%);
  height: auto;
  margin-inline: auto;
  display: block;
  box-shadow: 0 3rem 8rem #263e0838;
}

.PortfolioDetail-module__T9Hvua__editorial {
  gap: var(--experience-grid-gap);
  grid-template-columns: 4fr 8fr;
  padding-block: clamp(4rem, 10vw, 10rem);
  display: grid;
}

.PortfolioDetail-module__T9Hvua__sticky {
  align-self: start;
  gap: 1rem;
  max-width: 24rem;
  display: grid;
  position: sticky;
  top: 7rem;
}

.PortfolioDetail-module__T9Hvua__prose {
  max-width: 48rem;
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  line-height: 1.75;
}

.PortfolioDetail-module__T9Hvua__serviceEditorial {
  padding-block: 0 clamp(6rem, 12vw, 12rem);
  display: block;
}

.PortfolioDetail-module__T9Hvua__serviceIntro {
  gap: var(--experience-grid-gap);
  border-bottom: 1px solid;
  grid-template-columns: 4fr 8fr;
  max-width: none;
  padding-block: clamp(5rem, 10vw, 9rem);
  display: grid;
  position: static;
}

.PortfolioDetail-module__T9Hvua__serviceIntro > :last-child {
  letter-spacing: -.045em;
  max-width: 54rem;
  font-size: clamp(1.7rem, 3.6vw, 3.8rem);
  line-height: 1.04;
}

.PortfolioDetail-module__T9Hvua__serviceProse {
  max-width: none;
}

.PortfolioDetail-module__T9Hvua__prose h2 {
  font-size: var(--experience-type-heading-size);
  line-height: var(--experience-type-heading-line);
  letter-spacing: var(--experience-type-heading-tracking);
  margin: 3.5em 0 .8em;
}

.PortfolioDetail-module__T9Hvua__prose h2:first-child {
  margin-top: 0;
}

.PortfolioDetail-module__T9Hvua__prose h3 {
  font-size: var(--experience-type-subheading-size);
  margin: 2.4em 0 .6em;
}

.PortfolioDetail-module__T9Hvua__prose p, .PortfolioDetail-module__T9Hvua__prose ul, .PortfolioDetail-module__T9Hvua__prose ol, .PortfolioDetail-module__T9Hvua__prose blockquote {
  margin-block: 1.25em;
}

.PortfolioDetail-module__T9Hvua__prose ul, .PortfolioDetail-module__T9Hvua__prose ol {
  padding-inline-start: 1.4em;
}

.PortfolioDetail-module__T9Hvua__prose li + li {
  margin-top: .5em;
}

.PortfolioDetail-module__T9Hvua__prose blockquote {
  border-left: 2px solid;
  padding: 1rem 0 1rem 1.5rem;
  font-size: 1.15em;
}

.PortfolioDetail-module__T9Hvua__prose code {
  background: var(--muted);
  border-radius: .35rem;
  padding: .15em .4em;
  font-size: .85em;
}

.PortfolioDetail-module__T9Hvua__pager {
  grid-template-columns: 1fr 1fr;
  padding-block: clamp(3rem, 7vw, 6rem);
  display: grid;
}

.PortfolioDetail-module__T9Hvua__pager a {
  min-height: 8rem;
  color: inherit;
  border: 1px solid color-mix(in oklab, currentColor 18%, transparent);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  text-decoration: none;
  display: flex;
}

.PortfolioDetail-module__T9Hvua__pager span {
  gap: .4rem;
  font-size: clamp(1.2rem, 2.5vw, 2rem);
  display: grid;
}

.PortfolioDetail-module__T9Hvua__pager small {
  text-transform: uppercase;
  letter-spacing: .12em;
  opacity: .65;
  font-size: .7rem;
}

@supports (animation-timeline: view()) {
  .PortfolioDetail-module__T9Hvua__heroMedia {
    animation: linear both PortfolioDetail-module__T9Hvua__media-depth;
    animation-timeline: view();
    animation-range: entry exit;
  }

  @keyframes PortfolioDetail-module__T9Hvua__media-depth {
    from {
      clip-path: inset(6% 5% round 1.5rem);
    }

    45% {
      clip-path: inset(0);
    }

    to {
      clip-path: inset(5%);
    }
  }

  .PortfolioDetail-module__T9Hvua__prose > * {
    animation: linear both PortfolioDetail-module__T9Hvua__prose-reveal;
    animation-timeline: view();
    animation-range: entry cover 28%;
  }

  @keyframes PortfolioDetail-module__T9Hvua__prose-reveal {
    from {
      opacity: .15;
      transform: translateY(2.5rem);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .PortfolioDetail-module__T9Hvua__serviceProse > * {
    animation-name: PortfolioDetail-module__T9Hvua__service-prose-reveal;
  }

  @keyframes PortfolioDetail-module__T9Hvua__service-prose-reveal {
    from {
      transform: translateY(2.5rem);
    }

    to {
      transform: none;
    }
  }
}

@media (max-width: 48rem) {
  .PortfolioDetail-module__T9Hvua__editorial {
    grid-template-columns: 1fr;
  }

  .PortfolioDetail-module__T9Hvua__sticky {
    position: static;
  }

  .PortfolioDetail-module__T9Hvua__serviceHero .PortfolioDetail-module__T9Hvua__heroTitle {
    font-size: clamp(3.8rem, 18vw, 6rem);
  }

  .PortfolioDetail-module__T9Hvua__serviceIntro, .PortfolioDetail-module__T9Hvua__pager {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .PortfolioDetail-module__T9Hvua__heroMedia, .PortfolioDetail-module__T9Hvua__prose > * {
    animation: none;
  }
}

/*# sourceMappingURL=components_experience_0kmowya._.css.map*/