/* About's sticky full-width backdrop, zoom and text reveals, with contextual image blending. */
#main-content .fresh-about-scroll .office-backdrop{z-index:-1;background:#142024}
#main-content .fresh-about-scroll .office-backdrop .bleed-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(var(--office-scale,1.025));transition:opacity .8s ease;will-change:opacity,transform}
#main-content .fresh-about-scroll .office-shade{background:linear-gradient(90deg,rgba(8,18,21,.9),rgba(8,18,21,.72) 40%,rgba(8,18,21,.2) 88%),linear-gradient(0deg,rgba(8,18,21,.4),transparent 70%)}
#main-content .fresh-about-scroll .context-scene{background:transparent;overflow:visible;position:relative;isolation:auto;scroll-margin-top:62px}
#main-content .fresh-about-scroll .context-scene .story-copy{max-width:57ch}
#main-content .fresh-about-scroll .context-scene .story-copy p{color:#fff}
/* Shared gutters match the outer contact photographs, with a compact graphic beside the copy. */
#main-content .home-people{display:grid;grid-template-columns:minmax(0,1fr) var(--contact-card-width,calc((100% - 90px)/4));gap:30px;align-items:stretch;padding:32px 0}
#main-content .home-people-copy{max-width:800px;align-self:start;padding:0}
#main-content .home-people-actions .fresh-action{width:var(--contact-card-width,281px);min-height:44px;justify-content:center;box-sizing:border-box}
.leadership-mosaic{position:relative;display:block;width:100%;max-width:none;aspect-ratio:auto;min-height:0;height:auto;align-self:stretch;overflow:hidden;background:#e5e5df;color:#fff}
.leadership-portrait-grid{position:absolute;inset:0 0 44px;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:2px}
.leadership-portrait-grid img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 25%;filter:grayscale(1)}
.leadership-mosaic-label{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;height:44px;min-height:44px;box-sizing:border-box;padding:8px 12px;background:#a4c428;color:#212529;font:400 18px/1.3 FuturaBT-Bold,Arial,sans-serif;text-align:center}
.leadership-mosaic:hover .leadership-mosaic-label{background:#92b221}
.leadership-mosaic:focus-visible{outline:3px solid #536919;outline-offset:4px}
@media(max-width:991px){
 #main-content .home-people{grid-template-columns:1fr;gap:24px;padding:24px 0}
 #main-content .home-people-copy{max-width:none}
 .leadership-mosaic{width:100%;max-width:none;height:var(--leadership-mobile-height,260px);align-self:auto}
 .leadership-portrait-grid{grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
 #main-content .fresh-about-scroll .office-backdrop .bleed-photo{object-position:center}
 #main-content .fresh-about-scroll .office-shade{background:linear-gradient(90deg,#071318e0,#071318a8),linear-gradient(0deg,#07131860,transparent 85%)}
 .leadership-portrait-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
 .leadership-mosaic{height:var(--leadership-mobile-height,300px)}
}
@media(prefers-reduced-motion:reduce){#main-content .fresh-about-scroll .office-backdrop .bleed-photo{transition:none;transform:none;will-change:auto}}

/* Give each image a sustained reading interval while native scrolling carries text over it. */
#main-content .fresh-about-scroll .context-scene{min-height:calc((100svh - 62px) * .72);align-items:center}
@media(max-width:767px){#main-content .fresh-about-scroll .context-scene{min-height:calc((100svh - 62px) * .72)}}

/* Two independent services share each desktop reading scene, without process categories. */
.service-pair-frame{display:none}
#main-content .paired-services .service-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;position:relative;min-height:calc((100svh - 62px) * .72);align-items:center}
#main-content .paired-services .paired-service-item{min-height:0;padding:48px 0;scroll-margin-top:86px}
#main-content .paired-services .paired-service-item .scene-wrap{padding-left:48px;padding-right:48px}
#main-content .paired-services .paired-service-item .story-copy{max-width:none}
#main-content .paired-services .paired-service-item .eyebrow{margin-bottom:16px}
@media(min-width:992px){
 #main-content .paired-services .office-backdrop .bleed-photo:not([data-backdrop-image="0"]){display:none}
 #main-content .paired-services .service-pair-frame{position:absolute;inset:0;display:flex;opacity:0;transition:opacity .8s ease;transform:scale(var(--office-scale,1.025));will-change:opacity,transform}
 #main-content .paired-services .service-pair-frame .paired-photo{position:static;display:block;min-width:0;flex:1;width:50%;height:100%;object-fit:cover;transform:none}
 #main-content .paired-services .pair-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081215d9,#081215ad 45%,#081215d9 50%,#0812159e),linear-gradient(0deg,#08121566,transparent)}
 #main-content .paired-services .office-backdrop>.office-shade{background:#08121530}
}
@media(max-width:991px){
 #main-content .paired-services .service-pair{display:block;min-height:0}
 #main-content .paired-services .paired-service-item{padding:32px 0}
 #main-content .paired-services .paired-service-item .scene-wrap{padding-left:36px;padding-right:36px}
 .service-pair-frame{display:none!important}
}
/* A shared smoked office photograph connects About and Leadership, with quiet outline actions. */
#main-content .home-people{position:relative;isolation:isolate;background:#142024 url('https://www.freshdesigninternational.com/assets/about/office-muted-favicon.webp') center 48%/cover;padding-top:40px;padding-bottom:40px;color:#fff}
#main-content .home-people::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#081215ed,#081215c9)}
#main-content .home-people .home-small-label,#main-content .home-people h2,#main-content .home-people-copy>p:not(.home-small-label){color:#fff}
#main-content .home-people-actions .fresh-action{background:transparent!important;border:1px solid #fff!important;color:#fff!important;border-radius:0}
#main-content .leadership-mosaic{background:transparent}
#main-content .leadership-portrait-grid{gap:3px}
#main-content .leadership-portrait-grid img{filter:grayscale(1) brightness(.7);opacity:.92}
#main-content .leadership-mosaic-label{background:transparent;border:1px solid #fff;color:#fff}
#main-content .home-people-actions .fresh-action:hover,#main-content .leadership-mosaic:hover .leadership-mosaic-label{background:#ffffff18!important;color:#fff!important}
@media(max-width:991px){#main-content .home-people{padding:32px 16px}#main-content .home-people-actions .fresh-action{max-width:100%}}
@media(prefers-reduced-motion:reduce){#main-content .paired-services .service-pair-frame{transform:none;transition:none;will-change:auto}}

/* Each pair has one photograph, shared across both services and phone entries. */
@media(min-width:992px){
 #main-content .paired-services .service-pair{align-items:stretch;min-height:calc((100svh - 62px) * .65)}
 #main-content .paired-services .paired-service-item{height:100%;padding:48px 0}
 #main-content .paired-services .paired-service-item .scene-wrap{height:100%}
 #main-content .paired-services .paired-service-item .story-copy{height:100%;display:flex;flex-direction:column;align-items:flex-start}
 #main-content .paired-services .paired-service-item h2{min-height:65px}
 #main-content .paired-services .paired-service-item .story-link{margin-top:auto}
 #main-content .paired-services .service-pair-frame .paired-photo{width:100%;flex:1}
 #main-content .paired-services .pair-shade{background:linear-gradient(90deg,#081215dc,#081215b8 48%,#081215c2),linear-gradient(0deg,#08121533,transparent)}
}
/* Full-width office artwork, with content kept on the established page grid. */
#main-content .home-people{width:100vw;max-width:none;margin-left:calc((100% - 100vw)/2);padding:40px max(32px,calc((100vw - 1416px)/2));box-sizing:border-box}
@media(max-width:991px){#main-content .home-people{padding:32px 36px}}

/* Content sets the reading height. Actions follow their paragraph, never the viewport edge. */
#main-content .paired-services .service-pair{min-height:0;align-items:start}
#main-content .paired-services .paired-service-item{height:auto;min-height:0;padding:48px 0}
#main-content .paired-services .paired-service-item .scene-wrap{height:auto}
#main-content .paired-services .paired-service-item .story-copy{height:auto;display:block}
#main-content .paired-services .paired-service-item h2{min-height:0;margin:0 0 16px}
#main-content .paired-services .paired-service-item .story-copy p:not(.eyebrow){margin:0 0 16px}
#main-content .paired-services .paired-service-item .story-link{margin-top:8px}
@media(max-width:991px){#main-content .paired-services .paired-service-item{padding:32px 0}}

/* Small-screen portraits keep square frames rather than filling a copy-sized strip. */
@media(max-width:991px){
 #main-content .leadership-mosaic{width:100%;max-width:320px;height:auto;min-height:0;aspect-ratio:auto;justify-self:center;display:block}
 #main-content .leadership-portrait-grid{position:static;inset:auto;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto;gap:3px}
 #main-content .leadership-portrait-grid img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 25%}
 #main-content .leadership-mosaic-label{position:static;height:auto;min-height:44px;padding:8px 12px;width:100%}
 #main-content .home-people-actions{justify-content:center}
 #main-content .home-people-actions .fresh-action{width:320px;max-width:100%}
}

/* The desktop grid fits inside the copy-height panel using square portrait cells. */
@media(min-width:992px){
 #main-content .leadership-portrait-grid{top:0;left:50%;right:auto;bottom:auto;height:calc(100% - 44px);width:auto;aspect-ratio:1;transform:translateX(-50%);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}
}
#main-content .leadership-portrait-grid img{object-fit:contain;object-position:center;background:#c8cac6}

/* One shared About and Leadership story, with text invitations beneath the copy. */
#main-content .home-people{display:block;padding-top:80px;padding-bottom:80px}
#main-content .home-people-copy{max-width:76ch;width:100%}
#main-content .home-people-copy>p:not(.home-small-label){max-width:72ch;margin-bottom:20px}
#main-content .home-people-actions{justify-content:flex-start;gap:12px 32px;margin-top:8px}
#main-content .home-people-actions .home-story-link{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;color:#fff;font:400 18px/1.3 FuturaBT-Bold,Arial,sans-serif;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;background:transparent;border:0}
#main-content .home-people-actions .home-story-link:hover{color:#fff;text-decoration-thickness:2px}
#main-content .home-people-actions .home-story-link:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:767px){#main-content .home-people{padding-top:48px;padding-bottom:48px}#main-content .home-people-actions{gap:8px 24px}}
/* A small starting-grid offset settles to a level pair as it reaches the reading area. */
@media(min-width:992px) and (prefers-reduced-motion:no-preference){
 #main-content .paired-services.service-stagger-ready .paired-service-item .story-copy{transform:translate3d(0,var(--arrival-y,0px),0);transition:transform .12s linear;will-change:transform}
 #main-content .paired-services.service-stagger-ready .paired-service-item .story-copy:focus-within{transform:none;transition:none}
}
@media(prefers-reduced-motion:reduce){#main-content .paired-services .paired-service-item .story-copy{transform:none;transition:none}}

/* Learn more stays a clear link, without competing green boxes. */
#main-content .fresh-about-scroll .story-copy .story-link{background:transparent!important;border:0!important;color:#fff!important;min-height:44px;padding:8px 0;text-decoration:underline!important;text-decoration-color:#ffffff80!important;text-decoration-thickness:1px!important;text-underline-offset:5px;justify-content:flex-start}
#main-content .fresh-about-scroll .story-copy .story-link:hover{background:transparent!important;color:#fff!important;text-decoration-color:#fff!important}
#main-content .fresh-about-scroll .story-copy .story-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
/* Match measured text rows within each pair, without viewport-sized whitespace. */
@media(min-width:992px){
 #main-content .paired-services .paired-service-item h2{min-height:var(--pair-heading-height,0px)}
 #main-content .paired-services .paired-service-item [data-service-description]{min-height:var(--pair-copy-height,0px)}
}

/* Clear secondary actions, using white outlines rather than green fills. */
#main-content .fresh-about-scroll .story-copy .story-link{display:inline-flex;width:auto;min-height:44px;padding:10px 22px;border:1px solid #fff!important;background:transparent!important;color:#fff!important;font:400 18px/1.3 FuturaBT-Bold,Arial,sans-serif;text-decoration:none!important;justify-content:center;box-sizing:border-box}
#main-content .fresh-about-scroll .story-copy .story-link:hover{background:#ffffff18!important;text-decoration:none!important}