/* assets/performance-css/bb2facf1c227e17d.css */
/* assets/oct11-portfolio-brand.css */
/* October 11 requested updates; original layout and images retained. */
@media(max-width:820px){
 html body.ss18 main#main.ss22-home .ss22-project:is(:hover,:active,:focus,:focus-visible) :is(strong,em),html body.ss18 main#main.ss22-home .ss22-project :is(strong,em){color:#343c32!important;}
}

/* Homepage video section and portfolio spacing */
html body.ss18 main#main.ss22-home .ss22-portfolio #home-portfolio-title{margin-bottom:18px!important;}
html body.ss18 main#main.ss22-home .ss22-portfolio .homePortfolioVideos{padding:14px 4vw 24px!important;}
html body.ss18 main#main.ss22-home .ss22-portfolio .home-video-portfolio-link{display:table!important;width:max-content!important;max-width:100%!important;margin:20px auto 0!important;}
html body.ss18 main#main.ss22-home .ss22-portfolio .ss22-project-grid{margin-top:32px!important;}
@media(max-width:760px){
 html body.ss18 main#main.ss22-home .ss22-portfolio .homePortfolioVideos{padding:12px 16px 22px!important;}
 html body.ss18 main#main.ss22-home .ss22-portfolio .home-video-portfolio-link{margin-top:18px!important;}
 html body.ss18 main#main.ss22-home .ss22-portfolio .ss22-project-grid{margin-top:24px!important;}
}

/* Compact portfolio film previews; playback opens on click. */
html body.ss18 main#main .homePortfolioVideosGrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;width:100%!important;max-width:1100px!important;margin:0 auto!important;}
html body.ss18 main#main .homePortfolioVideosGrid figure{position:relative!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:16/9!important;overflow:hidden!important;}
html body.ss18 main#main .portfolioVideoThumb{display:block!important;position:relative!important;width:100%!important;height:100%!important;aspect-ratio:16/9!important;background:#343c32!important;}
html body.ss18 main#main .portfolioVideoThumb img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;}
html body.ss18 main#main .portfolioVideoPlay{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:50%!important;background:rgba(0,0,0,.65)!important;color:white!important;font:20px/1 Arial!important;}
html body.ss18 main#main .portfolioVideoThumb:focus-visible{outline:3px solid #4b6255!important;outline-offset:3px!important;}
html body #portfolioVideoDialog{box-sizing:border-box!important;width:min(1100px,94vw)!important;max-width:94vw!important;max-height:92vh!important;padding:42px 12px 12px!important;border:0!important;background:#171b16!important;overflow:auto!important;}
html body #portfolioVideoDialog::backdrop{background:rgba(0,0,0,.85);}
html body #portfolioVideoDialog video{display:block!important;position:static!important;width:100%!important;height:auto!important;max-height:78vh!important;object-fit:contain!important;background:#000!important;}
html body #portfolioVideoDialog .portfolioVideoClose{position:absolute!important;top:4px!important;right:10px!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;background:transparent!important;color:white!important;font:32px/1 Arial!important;cursor:pointer!important;}
@media(max-width:760px){html body.ss18 main#main .homePortfolioVideosGrid{gap:8px!important;}html body.ss18 main#main .portfolioVideoPlay{width:30px!important;height:30px!important;font-size:13px!important;}}


/* assets/source-reference-links.css */
/* Understated source links; retain the established section layout and typography. */
html body main .source-reference-links a[href] {
  color: #46583f !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: .2em;
  text-decoration-color: currentColor;
  transition: color 160ms ease, text-decoration-color 160ms ease;
  overflow-wrap: anywhere;
}
html body main .source-reference-links a[href]:hover {
  color: #41372b !important;
  text-decoration-thickness: 2px !important;
}
html body main .source-reference-links a[href]:focus-visible {
  outline: 2px solid #ad8660 !important;
  outline-offset: 4px;
  border-radius: 1px;
}
@media (prefers-reduced-motion: reduce) {
  html body main .source-reference-links a[href] { transition: none; }
}



/* assets/source-reference-links.css */
/* Understated source links; retain the established section layout and typography. */
html body main .source-reference-links a[href] {
  color: #46583f !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: .2em;
  text-decoration-color: currentColor;
  transition: color 160ms ease, text-decoration-color 160ms ease;
  overflow-wrap: anywhere;
}
html body main .source-reference-links a[href]:hover {
  color: #41372b !important;
  text-decoration-thickness: 2px !important;
}
html body main .source-reference-links a[href]:focus-visible {
  outline: 2px solid #ad8660 !important;
  outline-offset: 4px;
  border-radius: 1px;
}
@media (prefers-reduced-motion: reduce) {
  html body main .source-reference-links a[href] { transition: none; }
}