/* Selected Work is a record of growth under pressure, not a services catalogue. */
.portfolio-growth-page .portfolio-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 18%,#edafd522 0,transparent 29%),
    linear-gradient(135deg,#170608 0%,#2b0c13 60%,#170607 100%);
}
.portfolio-growth-page .portfolio-hero:after{
  content:"01  02  03  04  05";
  position:absolute;
  right:-.04em;
  bottom:-.22em;
  color:#edafd50a;
  font-family:"Syncopate",var(--sans);
  font-size:clamp(5rem,12vw,13rem);
  font-weight:700;
  line-height:1;
  letter-spacing:-.12em;
  pointer-events:none;
  white-space:nowrap;
}
.portfolio-growth-page .portfolio-hero>.shell{position:relative;z-index:1}
.portfolio-growth-page .portfolio-hero .eyebrow{color:var(--orange)}
.portfolio-growth-page .portfolio-hero .page-title{
  max-width:10ch;
  color:var(--paper);
  font-family:"Barlow Condensed","Avenir Next Condensed",Impact,sans-serif;
  font-size:clamp(4.55rem,9vw,9.35rem);
  font-style:italic;
  font-weight:600;
  line-height:.77;
  letter-spacing:-.04em;
  text-transform:uppercase;
  text-shadow:1.5px 0 #edafd5,-1.5px 0 #ef7650;
}
.portfolio-growth-page .portfolio-hero .page-title::first-line{color:var(--paper)}
.portfolio-growth-page .portfolio-hero .page-subtitle{
  max-width:50rem;
  color:#eadbd4;
  font-family:"Space Grotesk",var(--sans);
  font-size:clamp(1.12rem,1.45vw,1.34rem);
  font-weight:500;
  line-height:1.55;
  letter-spacing:-.012em;
  text-wrap:balance;
}
.portfolio-growth-page .portfolio-capability-line{
  width:fit-content;
  max-width:100%;
  background:linear-gradient(90deg,var(--pink),#f5b8d7 56%,var(--orange));
  font-weight:900;
}
.portfolio-growth-page .portfolio-method-note{
  max-width:65rem;
  color:#dac7bf;
  font-family:"Inter Tight",var(--sans);
  font-size:clamp(.94rem,1vw,1rem);
  font-weight:500;
  line-height:1.65;
  letter-spacing:.002em;
}
.portfolio-growth-page .film-jumps{position:relative;z-index:1}

.portfolio-growth-page .collaboration{position:relative;overflow:hidden}
.portfolio-growth-page .collaboration>.shell{position:relative;z-index:1}
.portfolio-growth-page .collaboration-heading{max-width:68rem;margin-bottom:clamp(2rem,3vw,3.25rem)}
.portfolio-growth-page .collaboration-heading .eyebrow{margin-bottom:.75rem;color:var(--orange);font-size:.72rem;font-weight:850;letter-spacing:.14em}
.portfolio-growth-page .light-section .collaboration-heading .eyebrow{color:#9d3a42}
.portfolio-growth-page .collaboration-heading h2{
  max-width:24ch;
  font-family:"Gemini Syne","Syne",var(--sans);
  font-size:clamp(2rem,2.85vw,3.05rem);
  font-weight:700;
  line-height:.95;
  letter-spacing:-.04em;
  text-transform:uppercase;
  text-wrap:balance;
}
.portfolio-growth-page .collaboration-layout{gap:clamp(2.5rem,5vw,5.5rem)}
.portfolio-growth-page .collaboration-layout .prose{font-family:"Space Grotesk",var(--sans)}
.portfolio-growth-page .collaboration-layout .prose .project-problem{
  margin-bottom:1.5rem;
  padding-left:1rem;
  border-left:4px solid var(--orange);
  font-family:"Inter Tight",var(--sans);
  font-size:clamp(1.35rem,2vw,1.85rem);
  line-height:1.28;
  letter-spacing:-.025em;
}
.portfolio-growth-page .light-section .project-problem{border-left-color:#a82f61}
.portfolio-growth-page .project-growth{
  margin-top:clamp(1.75rem,2.4vw,2.5rem);
  padding:1.2rem 1.25rem 1.3rem;
  border-top:1px solid #edafd573;
  border-bottom:1px solid #edafd573;
  background:linear-gradient(100deg,#edafd512,transparent 74%);
}
.portfolio-growth-page .light-section .project-growth{
  border-color:#6f203942;
  background:linear-gradient(100deg,#edafd52e,transparent 76%);
}
.portfolio-growth-page .project-growth span{
  display:block;
  margin-bottom:.5rem;
  color:var(--orange);
  font-size:.72rem;
  font-weight:850;
  line-height:1.4;
  letter-spacing:.14em;
}
.portfolio-growth-page .light-section .project-growth span{color:#9f345e}
.portfolio-growth-page .project-growth p{
  margin:0;
  font-size:clamp(.98rem,1.15vw,1.12rem);
  font-weight:550;
  line-height:1.6;
}
.portfolio-growth-page .collaboration-layout .prose .project-note{margin-top:1.25rem}
.portfolio-growth-page .collaboration-layout .prose .project-role{margin-top:1.6rem}
.portfolio-growth-page .project-role span{color:var(--orange)}
.portfolio-growth-page .light-section .project-role span{color:#9f345e}

@media(min-width:901px){
  .portfolio-growth-page .collaboration:nth-of-type(even):before{
    content:"";
    position:absolute;
    top:12%;
    right:-10rem;
    width:25rem;
    aspect-ratio:1;
    border:1px solid currentColor;
    border-radius:50%;
    opacity:.035;
    pointer-events:none;
  }
}
@media(max-width:680px){
  .portfolio-growth-page .portfolio-hero .page-title{font-size:clamp(3.5rem,17vw,5.5rem)}
  .portfolio-growth-page .portfolio-capability-line{width:100%}
  .portfolio-growth-page .collaboration-heading h2{max-width:none;font-size:clamp(1.9rem,8.4vw,2.3rem);line-height:.94}
  .portfolio-growth-page .collaboration-layout .prose .project-problem{padding-left:.8rem;border-left-width:3px}
  .portfolio-growth-page .project-growth{padding:1rem}
}