/* Give the creative portfolio its own chapter after consulting and AI. */
.creative-portfolio{margin-top:0;scroll-margin-top:95px}
.portfolio-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(32px,6vw,90px);align-items:start;padding:clamp(34px,4vw,58px) clamp(28px,3.5vw,52px) clamp(40px,4.6vw,66px);border-top:1px solid #6b968a;color:#f5f7f6;font-family:ftnk,sans-serif;text-align:left}
.portfolio-intro .portfolio-eyebrow{margin:0 0 20px;color:#a5ddcf;font-size:14px;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
.portfolio-intro h2{margin:0;color:#f5f7f6;font-size:clamp(36px,4.2vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-align:left}
.portfolio-intro-copy{padding-top:37px}
.portfolio-intro-copy p{max-width:52ch;margin:0;color:#ccd8d4;font-size:20px;line-height:1.65;text-align:left;text-wrap:pretty}
.portfolio-intro-copy .portfolio-intro-lead{margin-bottom:17px;color:#c2efde;font-size:25px;font-weight:500;line-height:1.35;letter-spacing:-.015em}
.creative-project-covers{padding-top:0}
/* ICT keeps position four and closes the AI section as a horizontal feature. */
@media(min-width:933px){
  .ai-project-covers>.ict-project-cover{width:100%;margin-right:0;margin-top:16px}
}
@media(max-width:932px){
  .portfolio-intro{grid-template-columns:1fr;gap:27px;padding:32px 28px 36px}
  .portfolio-intro h2 br{display:none}
  .portfolio-intro h2{font-size:clamp(34px,5.8vw,48px)}
  .portfolio-intro-copy{padding-top:0}
  .portfolio-intro-copy p{max-width:64ch;font-size:18px}
  .portfolio-intro-copy .portfolio-intro-lead{font-size:23px}
}
@media(max-width:540px){
  .creative-portfolio{margin-top:0;scroll-margin-top:86px}
  .portfolio-intro{gap:24px;padding:28px 22px 30px}
  .portfolio-intro .portfolio-eyebrow{font-size:13px;margin-bottom:15px;letter-spacing:.08em}
  .portfolio-intro h2{font-size:36px;line-height:1.1}
  .portfolio-intro-copy .portfolio-intro-lead{font-size:22px;margin-bottom:15px}
  .portfolio-intro-copy p{font-size:18px;line-height:1.6}
}

/* An open-ended archive note, never a project card or a navigation target.
   Flex growth occupies the remaining row, regardless of the project count.
   A full row of projects naturally puts the note on its own line. */
.creative-project-covers>.archive-continuation{
  flex:1 0 calc(33.33333% - .66667px);min-width:0;box-sizing:border-box;
  display:flex;align-items:center;container-type:inline-size;
  padding:clamp(24px,2.5vw,52px);scroll-margin-top:90px;
  color:#ccd8d4;font-family:ftnk,sans-serif;text-align:left;
  background:transparent;border:0;border-radius:0;box-shadow:none;cursor:auto;
}
.archive-continuation-inner{width:100%;padding-top:18px;position:relative}
.archive-continuation-inner:before{
  content:"";position:absolute;top:0;left:0;width:70px;height:1px;
  background:linear-gradient(90deg,#a5ddcf,rgba(165,221,207,0));
}
.archive-continuation .archive-continuation-eyebrow{
  color:#a5ddcf;font-size:12px;line-height:1.4;letter-spacing:.1em;
  text-transform:uppercase;margin:0 0 12px;
}
.archive-continuation h2{
  color:#f5f7f6;font-size:clamp(30px,2.7vw,52px);line-height:1.1;
  letter-spacing:-.035em;font-weight:500;margin:0 0 18px;text-align:left;
}
.archive-continuation-body>p{
  max-width:42ch;font-size:17px;line-height:1.5;margin:0;text-wrap:pretty;
}
.archive-continuation-body>.archive-continuation-signature{
  margin-top:18px;color:#a5ddcf;font-size:15px;line-height:1.5;
}
@container(min-width:560px){
  .archive-continuation-inner{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;align-items:center;padding-top:26px}
  .archive-continuation h2{margin-bottom:0}
}
@media(max-width:1100px) and (min-width:933px){
  .creative-project-covers>.archive-continuation{padding:24px 20px}
  .archive-continuation-body>p{font-size:16px}
}
@media(max-width:932px){
  .creative-project-covers>.archive-continuation{flex-basis:calc(50% - .5px);padding:32px 28px}
  .archive-continuation h2{font-size:34px}
}
@media(max-width:540px){
  .creative-project-covers>.archive-continuation{flex-basis:100%;padding:36px 22px 48px}
  .archive-continuation h2{font-size:36px}
}