/* Only requested content adaptations. The reference style sheet is kept intact. */
.portfolio-logo { font: inherit; letter-spacing: -.08em; }
.portfolio-contact-pending { cursor: default; }
.portfolio-contact-pending:focus-visible { outline: 1px solid currentColor; outline-offset: .3em; }
.c-pj-gallery.portfolio-gallery { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:6em var(--gap); align-items:start; }
.portfolio-gallery .c-pj-gallery-item { width:auto; margin:0; padding:0; order:0; grid-column:span 5; }
.portfolio-gallery .c-pj-gallery-item__container { width:100%; margin:0; }
.portfolio-gallery .portfolio-project-1 { grid-column:5 / 13; }
.portfolio-gallery .portfolio-project-2 { grid-column:1 / 9; }
.portfolio-gallery .portfolio-project-3 { grid-column:5 / 13; }
.portfolio-gallery .portfolio-project-4 { grid-column:2 / 7; }
.portfolio-gallery .portfolio-project-5 { grid-column:8 / 13; margin-top:8em; }
.portfolio-gallery .portfolio-project-6 { grid-column:1 / 6; }
.portfolio-gallery .portfolio-project-7 { grid-column:7 / 12; margin-top:8em; }
.portfolio-gallery .thumbnail { aspect-ratio:16 / 9; }
.portfolio-gallery .category { display:flex; justify-content:space-between; gap:1em; }
.portfolio-gallery .role { line-height:1.6; }
.portfolio-frame { width:100%; height:100%; object-fit:cover; display:block; }
.c-video-preview > .portfolio-frame { border-radius:var(--r-l); }
.portfolio-content-frame { position:relative; aspect-ratio:16 / 9; border-radius:var(--r-l); overflow:hidden; }
.c-project-next__thumb { aspect-ratio:16 / 9; }
.c-project-first__images.c-hero-gallery {
  aspect-ratio:auto; grid-template-columns:minmax(0,2fr) minmax(0,1fr);
  grid-template-rows:auto auto; align-items:start;
}
.c-project-first__images > div { width:100%; aspect-ratio:16 / 9; }
.c-project-first__images > .c-hero-gallery__1 { grid-column:1; grid-row:1 / 3; }
.c-project-first__images > .c-hero-gallery__2 { grid-column:2; grid-row:1; }
.c-project-first__images > .c-hero-gallery__3 { grid-column:2; grid-row:2; }
.portfolio-image-caption { margin-top:.6em; color:var(--col-gray); }
.portfolio-gallery-detail { margin-top:6em; }
.portfolio-summary { max-width:40em; }
.portfolio-preview-note { color:var(--col-gray); }
.p-home-social.portfolio-social-space { visibility:hidden; }
.c-footer__main:empty { display:none; }
.c-pj-list--preview-item > img { display:block; width:100%; height:100%; object-fit:cover; }
@media screen and (max-width:1024px) {
  .c-pj-gallery.portfolio-gallery { gap:4em var(--gap); }
  .portfolio-gallery .title { white-space:normal; overflow-wrap:anywhere; }
}
@media screen and (max-width:640px) {
  .c-project-first__images.c-hero-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .c-project-first__images > .c-hero-gallery__1 { grid-column:1 / 3; grid-row:1; }
  .c-project-first__images > .c-hero-gallery__2 { grid-column:1; grid-row:2; }
  .c-project-first__images > .c-hero-gallery__3 { grid-column:2; grid-row:2; }
  .c-pj-gallery.portfolio-gallery { display:flex; flex-direction:column; gap:4em; }
  .portfolio-gallery .c-pj-gallery-item { width:100%; margin:0; }
  .portfolio-gallery .c-pj-gallery-item:nth-child(n+4) { width:85%; }
  .portfolio-gallery .c-pj-gallery-item:nth-child(odd):nth-child(n+4) { align-self:flex-end; }
  .portfolio-gallery .category { font-size:12px; }
  .portfolio-gallery .role { font-size:12px; }
}