.archive-portfolio{--section-color:#C7E5FF;--section-color-hover:#E0F1FF}.archive-portfolio .archive-portfolio__sticky-bar{position:sticky;top:var(--header-height);z-index:1020;box-shadow:0 4px 6px -2px rgba(9,14,18,.1607843137);background-color:#fff;transition:top .3s ease-out}.archive-portfolio .archive-portfolio__sticky-bar .archive-portfolio__sticky-bar-item{background-color:var(--section-color)}@media (hover:hover) and (pointer:fine){.archive-portfolio .archive-portfolio__sticky-bar .archive-portfolio__sticky-bar-item:focus-visible,.archive-portfolio .archive-portfolio__sticky-bar .archive-portfolio__sticky-bar-item:hover{background-color:var(--section-color-hover)}}.archive-portfolio .archive-portfolio__chapters{display:flex;flex-direction:column;gap:4rem}@media (min-width:768px){.archive-portfolio .archive-portfolio__chapters{gap:5rem}}@media (min-width:1200px){.archive-portfolio .archive-portfolio__chapters{gap:7.5rem}}.archive-portfolio .archive-portfolio__chapters .archive-portfolio__chapter .archive-portfolio__item{border-left:4px solid var(--section-color);padding-left:1.5rem}.archive-portfolio .archive-portfolio__list{--gap:1rem;display:flex;flex-direction:row!important;flex-wrap:wrap;gap:var(--gap)}.archive-portfolio .archive-portfolio__list>*{width:calc(50% - var(--gap)/ 2)}@media (min-width:768px){.archive-portfolio .archive-portfolio__list>*{width:calc(33.3333% - var(--gap)/ 3 * 2)}}.archive-portfolio .archive-portfolio__sidebar{width:auto;line-height:1.25rem}.archive-portfolio .archive-portfolio__sidebar ul.ul1>li>a{text-decoration:none;color:#000;font-weight:700}