/* A cinema library with uncropped film artwork. */
.work-redesign h1,.work-redesign h2{font-weight:500}
.work-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:100px;align-items:end;padding-block:60px 65px}
.work-intro .eyebrow{font-size:9px;letter-spacing:1.8px;margin-bottom:25px}
.work-intro h1{font-size:clamp(64px,7.7vw,110px);line-height:1.02;letter-spacing:-.065em}
.work-intro h1 em{color:#778b65;font-weight:500}
.work-intro-note{padding-bottom:8px}
.work-intro-note p{font-size:13px;color:#647359;margin-top:24px;max-width:330px}
.work-reel-mark{display:flex;gap:5px;height:29px;align-items:center}
.work-reel-mark i{display:block;width:27px;height:20px;border:1px solid #8e9f7e}
.work-reel-mark i:nth-child(2){width:40px;height:28px;background:#e3e9da}
.work-browse{display:inline-flex;gap:20px;align-items:center;font-size:11px;margin-top:25px}
.work-browse span{border:1px solid #b3c2a5;width:30px;height:30px;display:grid;place-items:center;border-radius:50%}
.work-browse:hover{color:#6e885a}
.work-library{background:#192e23;color:#f2f3e9;padding-block:30px 45px;scroll-margin-top:105px}
.work-library-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #ffffff26;font-size:8px;letter-spacing:1.8px;color:#b9c8ac}
.work-library-head>span:last-child{color:#8ea57c}
.work-filters{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;padding:23px 0 35px}
.work-filters button{background:none;border:0;border-bottom:1px solid transparent;color:#afbea3;padding:7px 0;font-size:11px;display:flex;gap:8px;align-items:baseline}
.work-filters button span{font-size:8px;opacity:.6}
.work-filters button.active{color:#f1f3e7;border-color:#bdcea6}
.work-filters button:hover{color:#fff}
.work-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 32px}
.work-film{min-width:0}
.work-film-button{display:block;width:100%;padding:0;border:0;text-align:left;background:none;color:inherit}
.work-film-image{position:relative;aspect-ratio:16/9;background:#102018;overflow:hidden}
.work-film-image img{width:100%;height:100%;object-fit:contain}
.work-play{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border:1px solid #ffffffe0;background:#10201850;border-radius:50%;transition:background .2s,border-color .2s}
.work-play svg{width:20px;height:20px}
.work-film-button:hover .work-play,.work-film-button:focus-visible .work-play{background:#e6edda;color:#234d38;border-color:#e6edda}
.work-watch{position:absolute;bottom:16px;right:18px;font-size:7px;letter-spacing:1.5px;background:#10201890;padding:6px 9px;color:#fff}
.work-film-info{display:flex;align-items:center;gap:15px;padding:19px 0 0;border-top:1px solid #ffffff15}
.work-film-index{font-size:9px;color:#8ca078;align-self:flex-start;padding-top:6px}
.work-film-info h2{font-size:24px;letter-spacing:-.6px;line-height:1.3;overflow-wrap:anywhere}
.work-film-info p{font-size:9px;color:#a9b99b;margin-top:5px}
.work-film-dot{margin-left:auto;width:6px;height:6px;border-radius:50%;border:1px solid #8ca078;flex:none}
.work-film-button:hover .work-film-dot{background:#c0d2a9}
.work-library-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;border-top:1px solid #ffffff26;padding-top:30px;margin-top:40px;min-height:77px}
.work-library-bottom p{font-size:10px;color:#a5b798}
.work-library-bottom>a{justify-self:end;font-size:10px;color:#c6d3ba;text-underline-offset:5px}
.work-library-bottom>a:hover{text-decoration:underline}
#work-load-more{display:flex;align-items:center;gap:32px;border:1px solid #7c926a;background:none;color:#edf2e3;padding:13px 24px;font-size:11px}
#work-load-more:hover{background:#294333}
#work-load-more span{font-size:18px;font-weight:300;line-height:1}
.work-empty{padding-block:50px;font-size:14px;color:#c6d3ba}
.work-invitation{padding-block:65px 75px}
.work-invitation .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:25px}
.work-invitation>div{display:flex;justify-content:space-between;align-items:end;gap:50px}
.work-invitation h2{font-size:clamp(38px,4.4vw,62px);line-height:1.12}
.work-invitation h2 em{font-weight:500;color:#778b65}
.work-invitation a{display:flex;align-items:center;gap:22px;border-bottom:1px solid #9eb28b;padding:12px 0;white-space:nowrap;font-size:13px;margin-bottom:8px}
.work-invitation a:hover{color:#6e885a}
.work-invitation svg{width:19px;height:19px}
@media(max-width:1000px){.work-intro{gap:50px}.work-film-grid{gap:30px 23px}.work-film-info h2{font-size:21px}.work-filters{gap:12px 20px}.work-invitation h2{font-size:42px}}
@media(max-width:720px){.work-intro{grid-template-columns:1fr;gap:26px;padding-block:38px 40px}.work-intro h1{font-size:clamp(62px,15vw,90px)}.work-intro .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:22px}.work-reel-mark{display:none}.work-intro-note{padding:0}.work-intro-note p{margin:0;font-size:12px;max-width:100%}.work-browse{margin-top:18px}.work-library{padding-block:24px 30px;scroll-margin-top:85px}.work-library-head{font-size:7px;letter-spacing:1.2px;padding-bottom:20px}.work-filters{gap:6px 18px;padding-block:18px 27px}.work-filters button{font-size:10px;gap:5px;min-height:34px}.work-film-grid{grid-template-columns:1fr;gap:30px}.work-film-info{padding-top:14px;gap:12px}.work-film-info h2{font-size:23px}.work-play{width:43px;height:43px}.work-watch{font-size:6px;bottom:10px;right:12px}.work-library-bottom{grid-template-columns:1fr;justify-items:center;gap:20px;margin-top:30px;padding-top:25px}.work-library-bottom>a{justify-self:center}.work-invitation{padding-block:40px 50px}.work-invitation>div{display:block}.work-invitation h2{font-size:37px}.work-invitation a{margin-top:22px;max-width:220px;justify-content:space-between;font-size:12px}.work-invitation .eyebrow{font-size:7px}}

/* An open invitation, with one clear primary action. */
.work-action{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:70px;background:none;border-top:1px solid #bfcdb3;padding:50px 0 70px;margin-bottom:0}
.invitation-label{display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:1.7px;margin-bottom:27px;color:#617453}
.invitation-label>span{width:6px;height:6px;border-radius:50%;background:#81976d}
.work-action h2{font-size:clamp(46px,5.9vw,80px);line-height:1.07;font-weight:500;letter-spacing:-.06em}
.work-action h2 em{font-weight:500;color:#778b65}
.work-action>.invitation-actions{display:flex;align-items:stretch;flex-direction:column;gap:0;min-width:0;max-width:300px;width:100%;margin:0 0 5px;justify-self:end}
.invitation-actions>p{font-size:12px;color:#637458;margin-bottom:20px}
.work-action .service-quote{display:flex;justify-content:center;align-items:center;gap:12px;background:#234d38;color:#fff;padding:18px 24px;font-size:13px;border:1px solid #234d38;border-radius:3px;transition:background .2s}
.work-action .service-quote:hover{background:#365f46}
.service-quote svg{width:18px;height:18px;flex:none}
.work-action .service-work-link{display:flex;justify-content:center;align-items:center;gap:9px;font-size:11px;padding:18px 5px 0;color:#566c49}
.service-work-link svg{width:17px;height:17px;flex:none}
@media(max-width:1000px){.work-action{gap:40px;grid-template-columns:1.2fr .8fr}}
@media(max-width:720px){.work-action{grid-template-columns:1fr;gap:30px;padding:32px 0 45px}.work-action h2{font-size:clamp(39px,10vw,60px)}.invitation-label{margin-bottom:22px;font-size:7px}.work-action>.invitation-actions{max-width:none;justify-self:start;margin:0}.invitation-actions>p{font-size:12px;margin-bottom:16px}.work-action .service-quote{padding:16px 22px}.work-action .service-work-link{padding-top:17px}}

/* Keep portfolio copy within the shared CTA layout. */
.work-action h2{font-size:clamp(40px,4.8vw,66px)}
@media(max-width:720px){.work-action h2{font-size:clamp(36px,9.5vw,56px)}}

/* A purely typographic introduction: no photos or video. */
.work-redesign .work-type-intro{display:block;padding-block:42px 44px}
.work-title-label{display:flex;align-items:center;gap:30px}
.work-title-label .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0;white-space:nowrap}
.work-title-line{height:1px;background:#cbd5c1;flex:1}
.work-type-stage{position:relative;padding:40px 0 38px}
.work-type-intro .work-type-stage h1{position:relative;z-index:1;font-size:clamp(80px,10.8vw,152px);line-height:.99;letter-spacing:-.075em}
.work-type-stage h1>span{display:block}
.work-type-stage h1>em{display:block;margin-left:26%;margin-top:15px;font-weight:500;color:#778b65}
.work-frame-mark{position:absolute;right:0;top:48px;width:190px;height:110px;opacity:.55}
.work-frame-mark>span{position:absolute;width:21px;height:21px;border-color:#94a880;border-style:solid;border-width:0}
.work-frame-mark>span:nth-child(1){top:0;left:0;border-top-width:1px;border-left-width:1px}
.work-frame-mark>span:nth-child(2){top:0;right:0;border-top-width:1px;border-right-width:1px}
.work-frame-mark>span:nth-child(3){bottom:0;left:0;border-bottom-width:1px;border-left-width:1px}
.work-frame-mark>span:nth-child(4){bottom:0;right:0;border-bottom-width:1px;border-right-width:1px}
.work-frame-mark>i{position:absolute;left:50%;top:50%;width:28px;height:1px;background:#94a880;transform:translate(-50%,-50%)}
.work-frame-mark>i:after{content:"";position:absolute;left:50%;top:-13px;height:27px;width:1px;background:#94a880}
.work-type-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;border-top:1px solid #cbd5c1;padding-top:25px}
.work-type-bottom .work-browse{margin:0;justify-self:start;gap:20px;font-size:12px}
.work-type-bottom .work-browse>span{width:38px;height:38px;background:#e5ebdc;border-color:#c3d0b7}
.work-type-bottom .work-browse:hover>span{background:#234d38;color:#fff}
.work-type-bottom>p{font-size:12px;color:#65765b;max-width:420px;justify-self:end}
@media(max-width:1000px){.work-frame-mark{width:130px;height:77px;top:46px}}
@media(max-width:720px){.work-redesign .work-type-intro{padding-block:30px 32px}.work-title-label{gap:15px}.work-title-label .eyebrow{font-size:7px;letter-spacing:1.1px}.work-type-stage{padding:32px 0 30px}.work-type-intro .work-type-stage h1{font-size:clamp(56px,16vw,96px);line-height:1.05}.work-type-stage h1>em{margin-left:18%;margin-top:13px}.work-frame-mark{width:40px;height:30px;top:37px;opacity:.45}.work-frame-mark>span{width:7px;height:7px}.work-frame-mark>i{width:10px}.work-frame-mark>i:after{height:9px;top:-4px}.work-type-bottom{grid-template-columns:1fr;gap:20px;padding-top:22px}.work-type-bottom>p{grid-row:1;justify-self:start;font-size:12px}.work-type-bottom .work-browse{font-size:11px}.work-type-bottom .work-browse>span{width:32px;height:32px}}

/* Original vector artwork for the portfolio introduction. */
.work-vector-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding-block:50px 55px}
.work-vector-copy .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:29px}
.work-vector-copy h1{font-size:clamp(64px,7.2vw,100px);line-height:1.04;letter-spacing:-.065em}
.work-vector-copy h1 em{color:#778b65;font-weight:500}
.work-vector-copy>p:not(.eyebrow){font-size:13px;max-width:375px;color:#65765b;margin-top:28px}
.work-vector-copy .work-browse{margin-top:27px;font-size:12px}
.work-vector-art{min-width:0}
.work-vector-art>svg{display:block;width:100%;height:auto}
@media(max-width:1000px){.work-vector-intro{gap:20px}.work-vector-copy h1{font-size:70px}}
@media(max-width:720px){.work-vector-intro{grid-template-columns:1fr;gap:12px;padding-block:32px 20px}.work-vector-copy .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:25px}.work-vector-copy h1{font-size:clamp(62px,16vw,85px)}.work-vector-copy>p:not(.eyebrow){font-size:12px;margin-top:23px;max-width:100%}.work-vector-copy .work-browse{margin-top:20px;font-size:11px}.work-vector-art{max-width:360px;width:100%;justify-self:center}}