/* v13.3.34: exact-order bundle of the six homepage-only approved patch styles. */
/* Source: home-13323.css */
/* v13.3.23: homepage project preview image framing only. No changes to folding effect or typography. */
.ff1296-work.ff13323-work .work-screen{overflow:hidden}
.ff1296-work.ff13323-work .work-screen img{aspect-ratio:1200/760;object-fit:contain;object-position:center;display:block;width:100%;height:auto;max-width:100%;background:#10222b}
.ff1296-folddeck .deck-picture{background:#10222b;display:grid;place-items:center;overflow:hidden}
.ff1296-folddeck .deck-picture img{object-fit:contain;object-position:center;width:100%;height:100%}
@media (max-width:760px){.ff1296-work.ff13323-work .work-screen img{aspect-ratio:1200/760;object-fit:contain}}

/* Source: home-13326.css */
/* 13.3.26: original homepage design, CURRENT portfolio imagery.
   1: remove the second, artificial browser surrounding an already-composed
      desktop-and-mobile portfolio showcase.
   2: keep project images legible with their native 8:5 ratio.
   3: do not change the existing folding card sticky rules or JS.
*/
body.ff9-home .ff1296-work.ff13326-work .work-screen {
  padding:0;
  background:transparent;
  border:0;
  border-radius:20px;
  overflow:hidden;
  transform:none;
  box-shadow:0 20px 45px -28px rgba(6,22,28,.40);
}
body.ff9-home .ff1296-work.ff13326-work .work-screen .screen-toolbar {
  display:none!important;
}
body.ff9-home .ff1296-work.ff13326-work .work-screen img {
  display:block;
  width:100%;height:auto;
  aspect-ratio:8/5;
  object-fit:cover;
  object-position:center;
  max-width:100%;
  background:#14232b;
}
body.ff9-home .ff1296-folddeck .deck-picture {
  aspect-ratio:8/5;
  background:#14232b;
  border-radius:14px;
}
body.ff9-home .ff1296-folddeck .deck-picture img {
  width:100%;height:100%;object-fit:cover;object-position:center;
}
@media(max-width:760px){
 body.ff9-home .ff1296-work.ff13326-work .work-screen{border-radius:17px}
 body.ff9-home .ff1296-work.ff13326-work .work-screen img{aspect-ratio:1.15;object-fit:cover;object-position:100% center}
}

/* Source: home-13327.css */
/* v13.3.27. Single 8:5 portfolio format across all seven homepage entries.
 * Existing structure, transitions, navigation and forms untouched.
 */
body.ff9-home .ff1296-work.ff13327-work .work-screen img,
body.ff9-home .ff1296-folddeck .deck-picture img {
  width:100%; height:100%; object-fit:cover; object-position:center center;
  aspect-ratio:8 / 5;
}
body.ff9-home .ff1296-work.ff13327-work .work-screen,
body.ff9-home .ff1296-folddeck .deck-picture {aspect-ratio:8 / 5;}
@media(max-width:760px){
 body.ff9-home .ff1296-work.ff13327-work .work-screen img {
   aspect-ratio:8 / 5; object-fit:cover; object-position:center center;
 }
}

/* Source: home-13329.css */
/* 13.3.29: homepage project artwork, cropped-text and device-fidelity correction.
   Always display the full 8:5 composition. The title inside each image must remain visible.
   Keep the existing homepage structure and fold JS entirely untouched. */
body.ff9-home .ff1296-work.ff13327-work .work-screen,
body.ff9-home .ff1296-folddeck .deck-picture {aspect-ratio:8 / 5;min-width:0;overflow:hidden;}
body.ff9-home .ff1296-work.ff13327-work .work-screen img,
body.ff9-home .ff1296-folddeck .deck-picture img {
  display:block;position:static;inset:auto;width:100%;max-width:100%;height:100%;
  aspect-ratio:8 / 5;object-fit:contain;object-position:center;transform:none;
}
body.ff9-home .ff1296-work.ff13327-work .work-screen .screen-toolbar {display:none;}
@media (max-width:760px){
 body.ff9-home .ff1296-work.ff13327-work .work-screen,
 body.ff9-home .ff1296-folddeck .deck-picture {aspect-ratio:8 / 5;height:auto;}
 body.ff9-home .ff1296-work.ff13327-work .work-screen img,
 body.ff9-home .ff1296-folddeck .deck-picture img {height:auto;object-fit:contain;object-position:center;}
 body.ff9-home #work {scroll-margin-top:112px;}
}

/* Source: home-13330.css */
/* v13.3.31: The Our Work spotlight is restored. No homepage container is hidden. */

/* Source: home-13333.css */
/* 13.3.33: mobile-first visual evidence, preserve all approved desktop interactions. */
.ff1296-folddeck .ff13333-service-visual,.ff1296-work .ff13333-index-thumb{display:none}
@media(max-width:760px){
 body.ff9-home .ff1296-folddeck .ff13333-service-visual{
  display:block;overflow:hidden;position:relative;border:1px solid rgba(15,35,42,.13);
  border-radius:16px;background:#0c1c23;text-decoration:none;color:#fff;
  width:100%;margin:0 0 16px;box-shadow:0 12px 28px -20px #061a2070;
 }
 body.ff9-home .ff1296-folddeck .ff13333-service-visual img{
  display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;object-position:center;
 }
 body.ff9-home .ff1296-folddeck .ff13333-visual-label{
  position:absolute;left:0;right:0;bottom:0;padding:14px 12px 9px;
  background:linear-gradient(to top,rgba(6,16,22,.88),transparent);color:#fff;
  font-size:12px;font-weight:750;line-height:1.25;display:flex;justify-content:space-between;gap:10px;
 }
 body.ff9-home .ff1296-folddeck .ff13333-service-visual:focus-visible,
 body.ff9-home .ff1296-work .work-index button:focus-visible{outline:3px solid #ff6a2b;outline-offset:3px}
 body.ff9-home .ff1296-work .work-index{
  display:flex;flex-wrap:nowrap;gap:10px;overflow-x:auto;overflow-y:hidden;
  width:100%;padding:2px 3px 14px;margin:0 0 3px;border:0;
  scroll-snap-type:x proximity;scroll-padding-inline:3px;overscroll-behavior-x:contain;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;
 }
 body.ff9-home .ff1296-work .work-index button{
  flex:0 0 min(55vw,220px);max-width:220px;min-width:158px;min-height:0;
  display:flex;flex-direction:column;align-items:stretch;justify-content:start;
  text-align:left;gap:9px;padding:7px 7px 12px;
  border:1px solid #d3dfe1;border-radius:16px;background:#fff;
  box-shadow:0 9px 21px -18px #08253059;scroll-snap-align:start;
  color:#14262d;font-size:12px;font-weight:730;line-height:1.3;
 }
 body.ff9-home .ff1296-work .work-index button[aria-selected=true]{
  background:#10212a;color:#fff;border-color:#fc6d2c;
  box-shadow:0 0 0 1px #fc6d2c,0 12px 28px -18px #071f2b;
 }
 body.ff9-home .ff1296-work .work-index button .ff13333-index-thumb{
  display:block;order:-1;width:100%;aspect-ratio:8/5;border-radius:11px;overflow:hidden;background:#15232a;
 }
 body.ff9-home .ff1296-work .work-index button .ff13333-index-thumb img{
  display:block;object-fit:contain;object-position:center;width:100%;height:100%;
 }
 body.ff9-home .ff1296-work .work-index button b,
 body.ff9-home .ff1296-work .work-index button>span:not(.ff13333-index-thumb){display:none}
 body.ff9-home .ff1296-work .work-spotlight{min-width:0}
 body.ff9-home .ff1296-work .work-screen{width:100%;max-width:100%}
 body.ff9-home .ff1296-work .work-screen img{width:100%;max-width:100%;height:auto;object-fit:contain}
}
@media(max-width:360px){body.ff9-home .ff1296-work .work-index button{flex-basis:64vw}}
@media(max-height:620px) and (max-width:760px){
 body.ff9-home .ff1296-folddeck .ff13333-service-visual img{max-height:116px;object-fit:cover;object-position:center}
}
@media(prefers-reduced-motion:reduce){body.ff9-home .ff1296-work .work-index{scroll-behavior:auto}}