/* One full-width film; existing assets, full 16:9 frame and native Flickity movement. */
#page_2 .fresh-film-opening{position:relative;background:#fff;color:#212529;margin-top:62px}
#page_2 .fresh-film-heading{position:absolute;z-index:4;left:48px;right:48px;top:36px;pointer-events:none;max-width:1040px}
#page_2 .fresh-film-heading h1{font:900 clamp(30px,3.4vw,56px)/1.1 FuturaBT-Bold,Arial,sans-serif;text-transform:uppercase;color:#fff;margin:0;padding:0;text-shadow:0 1px 14px #0003}
#page_2 #featured-projects{width:100%;margin:0!important;padding:0!important;background:#152024}
#page_2 #featured-projects .carousel-cell{width:100%!important;max-width:none!important;margin:0!important;position:relative;background:#fff}
#page_2 #featured-projects:not(.flickity-enabled) .carousel-cell{flex:0 0 100%!important;transform:none!important}
#page_2 #featured-projects .flickity-viewport{width:100%}
@media(min-width:768px){#page_2 #featured-projects .flickity-viewport{height:auto!important;aspect-ratio:16/9}}
#page_2 #featured-projects .img_container{position:relative;aspect-ratio:16/9;height:auto!important;margin:0!important;overflow:hidden;background:#152024}
#page_2 #featured-projects .img_container>a{display:block;width:100%;height:100%;position:relative}
#page_2 #featured-projects .img_container video{display:block;position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center!important;border:0;margin:0}
#page_2 #featured-projects .img_container:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,14,18,.65),rgba(3,14,18,.08) 36%,rgba(3,14,18,0) 52%,rgba(3,14,18,.14) 66%,rgba(3,14,18,.78))}
#page_2 #featured-projects .featured-copy-link{position:absolute!important;left:48px;right:250px;bottom:36px;top:auto!important;margin:0!important;background:transparent!important;pointer-events:none}
#page_2 #featured-projects .featured-caption{position:static!important;inset:auto!important;display:block!important;height:auto!important;padding:0!important;max-width:820px;color:white;background:transparent!important;margin:0}
#page_2 #featured-projects .featured-kind{font:900 12px/1.3 FuturaBT-Bold,Arial,sans-serif;letter-spacing:.12em;display:block;color:white!important;margin:0 0 8px}
#page_2 #featured-projects .featured-caption h2{font:900 clamp(24px,2.4vw,38px)/1.15 FuturaBT-Bold,Arial,sans-serif;color:#fff!important;margin:0 0 8px!important;padding:0!important}
#page_2 #featured-projects .featured-caption .slide_text{font:400 1.1rem/1.5 Merriweather,Georgia,serif;color:#fff!important;margin:0!important;padding:0!important;max-width:730px}
#page_2 #featured-projects .carousel-cell .featured-cta{position:absolute!important;inset:auto 48px 40px auto!important;transform:none!important;display:block;margin:0!important;z-index:3}
#page_2 #featured-projects .carousel-cell .featured-cta .featured-learn-more{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;font:900 16px/1.3 FuturaBT-Bold,Arial,sans-serif;color:#fff!important;background:transparent!important;border:1px solid #fff!important;text-decoration:none}
#page_2 #featured-projects .flickity-prev-next-button{display:none!important}
.fresh-film-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 48px;background:#fff;color:#212529;border-bottom:1px solid #e5e5e3}
.film-position{display:flex;align-items:center;gap:20px;min-width:0;font:900 14px/1.3 FuturaBT-Bold,Arial,sans-serif}
.film-count{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.06em;color:#5e6366}
.film-current-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.film-actions{display:flex;gap:20px;flex-shrink:0}
.film-actions button{min-height:44px;border:0;background:transparent;color:#212529;font:900 14px/1.3 FuturaBT-Bold,Arial,sans-serif;padding:8px 4px;cursor:pointer}
.film-actions button:hover{text-decoration:underline;text-underline-offset:4px}
.film-actions button:focus-visible{outline:2px solid #536919;outline-offset:2px}
.fresh-film-introduction{padding:32px 48px 8px;background:#fff;max-width:1300px;margin:auto;text-align:center}
#page_2 .fresh-film-introduction .fresh-home-intro{font:400 1.1rem/1.65 Merriweather,Georgia,serif;color:#212529;margin:0}

@media(min-width:1800px){#page_2 .fresh-film-heading{top:48px;max-width:1350px}#page_2 #featured-projects .featured-copy-link{bottom:48px}#page_2 #featured-projects .carousel-cell .featured-cta{bottom:52px!important}}
@media(max-width:767px){
#page_2 .fresh-film-heading{position:relative;inset:auto;max-width:none;padding:28px 20px 24px;pointer-events:auto}
#page_2 .fresh-film-heading h1{font-size:30px;line-height:1.12;color:#212529;text-shadow:none}
#page_2 #featured-projects .img_container:after{display:none}
#page_2 #featured-projects .featured-copy-link{position:relative!important;inset:auto!important;margin:0!important;padding:20px 20px 12px;background:#fff!important;pointer-events:auto}
#page_2 #featured-projects .featured-caption{color:#212529;min-height:142px}
#page_2 #featured-projects .featured-kind{color:#5e6366!important;font-size:11px}
#page_2 #featured-projects .featured-caption h2{color:#212529!important;font-size:24px;margin-bottom:8px!important}
#page_2 #featured-projects .featured-caption .slide_text{color:#212529!important;font-size:1rem;line-height:1.55}
#page_2 #featured-projects .carousel-cell .featured-cta{position:relative!important;inset:auto!important;margin:0 20px 20px!important}
#page_2 #featured-projects .carousel-cell .featured-cta .featured-learn-more{color:#212529!important;border-color:#212529!important;font-size:14px;padding:10px 16px}
.fresh-film-controls{padding:8px 20px;gap:8px}
.film-position{gap:0}.film-current-title{display:none}
.film-actions{gap:14px}
.fresh-film-introduction{padding:24px 20px 0;text-align:left}
}
@media(prefers-reduced-motion:reduce){#featured-projects *{transition:none!important}}

#page_2 .fresh-home-approach{padding:36px 0!important;margin:0!important}#page_2 .home-invitations{margin-top:16px!important}
/* Fade draft: artwork first, company introduction immediately below. */
#page_2 #featured-projects.fresh-fade-films{display:grid!important;overflow:hidden;isolation:isolate}
#page_2 #featured-projects.fresh-fade-films .carousel-cell{grid-area:1/1;position:relative!important;left:auto!important;transform:none!important;flex:none!important;opacity:0;z-index:0;pointer-events:none;transition:opacity 700ms ease-in-out}
#page_2 #featured-projects.fresh-fade-films .carousel-cell.is-selected{opacity:1;z-index:1;pointer-events:auto}
#page_2 .fresh-film-introduction .fresh-film-heading{position:static;max-width:none;padding:0;margin:0 0 16px;pointer-events:auto}
#page_2 .fresh-film-introduction .fresh-film-heading h1{color:#212529;font-size:clamp(28px,3vw,46px);text-shadow:none}
#page_2 .fresh-film-introduction{padding-top:40px;padding-bottom:24px}
#page_2 #featured-projects .img_container:after{background:linear-gradient(180deg,transparent 45%,rgba(3,14,18,.12) 65%,rgba(3,14,18,.75))}
@media(max-width:767px){#page_2 .fresh-film-introduction{padding:28px 20px 12px}#page_2 .fresh-film-introduction .fresh-film-heading h1{font-size:28px}#page_2 #featured-projects .img_container:after{display:none}}
@media(prefers-reduced-motion:reduce){#page_2 #featured-projects.fresh-fade-films .carousel-cell{transition:none!important}}
/* Keep every caption inside the opening viewport, with quiet film progress dots. */
#page_2 #featured-projects .img_container{height:min(56.25vw,calc(100svh - 62px))!important;aspect-ratio:auto}
#page_2 #featured-projects .featured-copy-link{left:48px;right:350px;bottom:36px;pointer-events:auto}
#page_2 #featured-projects .featured-caption,#page_2 #featured-projects .featured-caption>*{opacity:1!important;visibility:visible!important;transform:none!important}
#page_2 #featured-projects .carousel-cell .featured-cta{position:static!important;inset:auto!important;margin:14px 0 0!important}
#page_2 #featured-projects .carousel-cell .featured-cta .featured-learn-more{border:0!important;padding:0;min-height:32px;text-decoration:underline;text-underline-offset:5px;font-size:14px;background:transparent!important}
#page_2 .fresh-film-controls{position:absolute;z-index:5;bottom:36px;right:36px;display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:0;border:0;background:transparent}
.film-dot{border:0;padding:8px;background:transparent;color:#fff;width:44px;height:44px;cursor:pointer;flex:0 0 44px}
.film-dot svg{display:block;width:28px;height:28px;overflow:visible}
.dot-centre{fill:currentColor;opacity:.5}.dot-track,.dot-progress{fill:none;stroke:currentColor;stroke-width:1.5;transform:rotate(-90deg);transform-origin:center}
.dot-track{opacity:0}.dot-progress{opacity:0;stroke-dasharray:69.115;stroke-dashoffset:69.115}
.film-dot[aria-current=true] .dot-centre{opacity:1}.film-dot[aria-current=true] .dot-track{opacity:.3}.film-dot[aria-current=true] .dot-progress{opacity:1}
.film-dot:hover .dot-centre{opacity:1}.film-dot:focus-visible{outline:2px solid currentColor;outline-offset:1px;border-radius:50%}
@media(min-width:768px) and (max-height:600px){#page_2 #featured-projects .featured-copy-link{bottom:20px}#page_2 #featured-projects .featured-caption h2{font-size:26px}#page_2 #featured-projects .featured-kind{margin-bottom:5px}#page_2 .fresh-film-controls{bottom:20px}}
@media(max-width:767px){
#page_2 #featured-projects{background:#fff}
#page_2 #featured-projects .img_container{height:auto!important;aspect-ratio:16/9}
#page_2 #featured-projects .featured-copy-link{padding:20px;inset:auto!important}
#page_2 #featured-projects .featured-caption{min-height:0}
#page_2 #featured-projects .carousel-cell .featured-cta{margin:12px 0 0!important}
#page_2 .fresh-film-controls{position:static;padding:0 12px 12px;justify-content:flex-end;gap:4px;background:#fff}
.film-dot{color:#212529}
}
/* Phone reference: a tall film with centred caption and progress over the artwork. */
@media(max-width:767px){
#page_2 #featured-projects{background:#152024}
#page_2 #featured-projects .img_container{height:calc(100svh - 62px)!important;min-height:440px;aspect-ratio:auto}
#page_2 #featured-projects .img_container:after{display:block;background:linear-gradient(180deg,rgba(3,14,18,.05),transparent 35%,rgba(3,14,18,.22) 52%,rgba(3,14,18,.86) 100%)}
#page_2 #featured-projects .featured-copy-link{position:absolute!important;inset:auto 20px 84px!important;padding:0;background:transparent!important;text-align:center}
#page_2 #featured-projects .featured-caption{min-height:0;color:#fff;max-width:560px;margin:auto}
#page_2 #featured-projects .featured-kind{color:#fff!important;font-size:11px;margin-bottom:8px}
#page_2 #featured-projects .featured-caption h2{color:#fff!important;font-size:26px;line-height:1.15;margin-bottom:10px!important}
#page_2 #featured-projects .featured-caption .slide_text{color:#fff!important;font-size:15px;line-height:1.5;max-width:480px;margin:auto!important}
#page_2 #featured-projects .carousel-cell .featured-cta{margin:12px 0 0!important}
#page_2 #featured-projects .carousel-cell .featured-cta .featured-learn-more{color:#fff!important;font-size:13px;padding:0}
#page_2 .fresh-film-controls{position:absolute;inset:auto 0 16px;justify-content:center;padding:0;gap:8px;background:transparent}
.film-dot{color:#fff}
#page_2 #featured-projects .carousel-cell:nth-child(1) video{object-position:57% center!important}
#page_2 #featured-projects .carousel-cell:nth-child(2) video{object-position:50% center!important}
#page_2 #featured-projects .carousel-cell:nth-child(3) video{object-position:52% center!important}
#page_2 #featured-projects .carousel-cell:nth-child(4) video{object-position:50% center!important}
#page_2 #featured-projects .carousel-cell:nth-child(5) video{object-position:50% center!important}
}
@media(max-width:767px) and (max-height:650px){
#page_2 #featured-projects .featured-copy-link{bottom:72px}
#page_2 #featured-projects .featured-caption h2{font-size:23px}
#page_2 #featured-projects .featured-caption .slide_text{font-size:14px;line-height:1.45}
#page_2 .fresh-film-controls{bottom:12px}
}


@media(max-width:767px) and (max-height:500px){#page_2 #featured-projects .img_container{min-height:0}}
/* Preserve the architecture: wider phone artwork, caption on a continuous dark base. */
@media(max-width:767px){
#page_2 #featured-projects.fresh-fade-films{background:#152024}
#page_2 #featured-projects.fresh-fade-films .carousel-cell{background:#152024}
#page_2 #featured-projects .img_container{height:auto!important;min-height:0;aspect-ratio:3/2}
#page_2 #featured-projects .img_container video{object-fit:cover;object-position:center!important}
#page_2 #featured-projects .img_container:after{display:block;background:linear-gradient(180deg,transparent 65%,rgba(21,32,36,.5))}
#page_2 #featured-projects .featured-copy-link{position:relative!important;inset:auto!important;padding:24px 20px 12px;background:#152024!important;min-height:218px}
#page_2 #featured-projects .featured-caption{max-width:520px}
#page_2 #featured-projects .featured-caption h2{font-size:25px}
#page_2 #featured-projects .featured-caption .slide_text{font-size:15px;line-height:1.5}
#page_2 .fresh-film-controls{position:relative;inset:auto;justify-content:center;padding:0 0 16px;gap:8px;background:#152024}
}
@media(max-width:360px){#page_2 #featured-projects .featured-copy-link{min-height:232px}}
/* Owner correction: compact phone copy and dots INSIDE the wider film frame. */
@media(max-width:767px){
#page_2 #featured-projects .img_container:after{background:linear-gradient(180deg,transparent 20%,rgba(3,14,18,.18) 38%,rgba(3,14,18,.75) 65%,rgba(3,14,18,.88))}
#page_2 #featured-projects .featured-copy-link{position:absolute!important;inset:auto 14px 48px!important;padding:0;background:transparent!important;min-height:0!important}
#page_2 #featured-projects .featured-kind{font-size:9px;letter-spacing:.1em;margin-bottom:3px}
#page_2 #featured-projects .featured-caption h2{font-size:20px;line-height:1.1;margin-bottom:4px!important}
#page_2 #featured-projects .featured-caption .slide_text{font-size:13px;line-height:1.35;max-width:470px}
#page_2 #featured-projects .carousel-cell .featured-cta{margin:5px 0 0!important}
#page_2 #featured-projects .carousel-cell .featured-cta .featured-learn-more{font-size:11px;min-height:26px;text-underline-offset:3px}
#page_2 .fresh-film-controls{position:absolute;inset:auto 0 2px;justify-content:center;padding:0;gap:4px;background:transparent}
.film-dot svg{width:22px;height:22px;margin:auto}
}
@media(max-width:360px){
#page_2 #featured-projects .featured-caption h2{font-size:18px}
#page_2 #featured-projects .featured-caption .slide_text{font-size:12px;line-height:1.3}
#page_2 #featured-projects .featured-kind{font-size:8px}
#page_2 #featured-projects .featured-copy-link{bottom:44px!important}
}

/* Final phone balance: square artwork, clear upper image and compact lower caption. */
@media(max-width:767px){#page_2 #featured-projects .img_container{aspect-ratio:1/1}#page_2 #featured-projects .featured-copy-link{bottom:54px!important}#page_2 #featured-projects .img_container:after{background:linear-gradient(180deg,transparent 32%,rgba(3,14,18,.1) 48%,rgba(3,14,18,.74) 74%,rgba(3,14,18,.86))}}

/* Captions and artwork share the approved opening frame. */
#page_2 #featured-projects .carousel-cell{padding-bottom:0!important}