/* Services: an editorial film collection using the home page's palette. */
.services-redesign{--service-line:#d4dccd;--service-muted:#65735e}
.services-redesign h1,.services-redesign h2{font-weight:500}
/* A film contact sheet gives the opening its own editorial composition. */
.service-opening{padding-block:38px 55px}
.service-opening-meta{display:flex;justify-content:space-between;gap:20px;align-items:center}
.service-opening-meta .eyebrow{margin:0;font-size:9px;letter-spacing:1.7px}
.service-opening-meta>span{font-size:8px;letter-spacing:1.6px;color:#758369}
.service-opening h1{font-size:clamp(56px,6.7vw,94px);line-height:1.04;margin:35px 0 38px;letter-spacing:-.065em}
.service-opening h1>span{display:block}
.service-opening h1 em{display:block;margin-left:19%;font-weight:500;color:#778b65}
.service-contact-sheet{display:flex;gap:16px;align-items:start}
.service-still{margin:0;flex:1;min-width:0}
.service-still:nth-child(2){flex:1.55}
.service-still-image{position:relative;overflow:hidden;background:#1c3428;height:205px}
.service-still img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.9}
.service-still:nth-child(2) img{object-position:center 45%}
.service-still:nth-child(3) img{transform:scale(1.18)}
.service-still-corners{position:absolute;inset:13px;border:1px solid #ffffff45;clip-path:polygon(0 0,19px 0,19px 1px,1px 1px,1px 19px,0 19px,0 0,100% 0,100% 19px,calc(100% - 1px) 19px,calc(100% - 1px) 1px,calc(100% - 19px) 1px,calc(100% - 19px) 0,100% 0,100% 100%,calc(100% - 19px) 100%,calc(100% - 19px) calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) calc(100% - 19px),100% calc(100% - 19px),100% 100%,0 100%,0 calc(100% - 19px),1px calc(100% - 19px),1px calc(100% - 1px),19px calc(100% - 1px),19px 100%,0 100%)}
.service-still figcaption{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--service-line);font-size:9px;color:#65735e}
.service-still figcaption>span:first-child{font-size:8px;color:#87967a}

.service-opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:50px;margin-top:25px}
.service-opening-bottom>p{max-width:580px;font-size:12px;color:var(--service-muted)}
.service-explore{display:inline-flex;align-items:center;gap:20px;font-size:12px;flex-shrink:0}
.service-explore span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #bac6af;border-radius:50%}
.service-explore:hover span{background:#234d38;color:#fff}
.service-expectations{background:#1c3428;color:#f3f4eb;padding-block:60px 65px}
.service-section-head{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:50px}
.service-section-head .eyebrow{color:#b5c5a4;margin-top:8px}
.service-section-head h2{font-size:43px;width:57%}
.service-expectation-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:50px}
.service-expectation-grid article{border-top:1px solid #ffffff30;padding-top:20px}
.service-small-label{font-size:8px;letter-spacing:1.6px;color:#b8c8a9;display:block}
.service-expectation-grid strong{display:flex;align-items:baseline;gap:7px;font-size:64px;font-weight:400;letter-spacing:-3px;line-height:1.2;margin:22px 0 8px;color:#d4e0be}
.service-expectation-grid strong .service-range{font-size:42px;letter-spacing:0}
.service-expectation-grid h3{font-size:18px;font-weight:400}
.service-expectation-grid p{font-size:12px;color:#becbb5;margin-top:18px;max-width:285px}
.service-brief-note h3{font-size:26px;margin-top:29px;letter-spacing:-.5px}
.service-brief-note ul{padding:0;list-style:none;font-size:12px;color:#becbb5;margin:20px 0 0}
.service-brief-note li{padding:7px 0;border-bottom:1px solid #ffffff15}
.service-invitation{background:#e6ebdc;padding:45px 50px;display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:80px}
.service-invitation h2{font-size:40px}.service-invitation .eyebrow{font-size:8px;margin-bottom:20px}
.service-invitation>div:last-child{min-width:185px;display:flex;flex-direction:column;gap:18px}
.service-quote{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px}
.service-quote span{display:grid;place-items:center;border:1px solid #9eaf90;border-radius:50%;width:34px;height:34px;font-size:20px;font-weight:300}
.service-quote:hover span{background:#234d38;color:#fff}
.service-work-link{font-size:11px;color:#52664a}
.service-work-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.service-catalogue,.service-questions{gap:50px}.service-expectation-grid{gap:28px}}
@media(max-width:720px){.service-opening{padding-block:28px 35px}.service-opening-meta .eyebrow{font-size:7px;letter-spacing:1.25px}.service-opening-meta>span{display:none}.service-opening h1{font-size:clamp(39px,9.7vw,64px);line-height:1.1;margin:28px 0}.service-opening h1 em{margin-left:9%;max-width:90%}.service-contact-sheet{gap:9px}.service-still-image{height:180px}.service-still:nth-child(2){flex:1.2}.service-still:nth-child(3){display:none}.service-still figcaption{font-size:8px;gap:6px;padding-block:10px}.service-still-corners{inset:8px}.service-opening-bottom{display:block;margin-top:24px}.service-opening-bottom>p{font-size:12px}.service-explore{margin-top:20px;font-size:11px;gap:15px}
.service-catalogue,.service-questions{grid-template-columns:1fr;gap:30px;padding-block:45px}.service-directory{position:static}.service-directory h2,.service-questions h2{font-size:37px}.service-directory>p:not(.eyebrow){max-width:100%}.service-directory nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:20px;font-size:10px}.service-directory nav a{gap:8px}.service-chapter{padding-block:24px;scroll-margin-top:100px}.service-chapter h3{font-size:28px}.service-expectations{padding-block:40px}.service-section-head{display:block;margin-bottom:30px}.service-section-head h2{width:auto;font-size:37px}.service-expectation-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.service-expectation-grid strong{font-size:48px;gap:5px;letter-spacing:-2px}.service-expectation-grid strong .service-range{font-size:30px}.service-expectation-grid h3{font-size:16px}.service-expectation-grid p{font-size:11px}.service-brief-note{grid-column:1/-1}.service-brief-note h3{font-size:25px;margin-top:16px}.service-brief-note h3 br{display:none}.service-questions>div>p:not(.eyebrow){max-width:100%}.service-answers summary{font-size:14px}.service-invitation{padding:30px 25px;display:block;margin-bottom:45px}.service-invitation h2{font-size:33px}.service-invitation>div:last-child{margin-top:30px;max-width:220px}.services-redesign .eyebrow{font-size:8px;letter-spacing:1.5px}}

/* The film collection: a format selector with a focused preview. */
.service-catalogue{padding-block:58px 75px;border-top:1px solid var(--service-line)}
.collection-heading{display:grid;grid-template-columns:1.35fr .7fr;column-gap:80px;align-items:end;margin-bottom:38px}
.collection-heading .eyebrow{grid-column:1/-1;margin-bottom:22px}
.collection-heading h2{font-size:clamp(38px,4.3vw,58px);line-height:1.1}
.collection-heading h2 em{font-weight:500;color:#778b65}
.collection-heading>p{font-size:13px;color:var(--service-muted);max-width:270px;padding-bottom:5px}
.collection-browser{display:grid;grid-template-columns:.8fr 1.3fr;gap:60px;align-items:start}
.collection-choices{border-top:1px solid var(--service-line)}
.collection-choices>a{display:flex;gap:20px;align-items:center;padding:27px 18px;border-bottom:1px solid var(--service-line);transition:background .2s}
.collection-choices>a>span:first-child{font-size:9px;color:#7a896e}
.collection-choices>a>span:nth-child(2){font-size:18px;letter-spacing:-.4px;flex:1}
.collection-choices>a>i{width:7px;height:7px;border:1px solid #819573;border-radius:50%;flex:none}
.collection-choices>a:hover{background:#eef0e6}
.collection-choices>a[aria-selected="true"]{background:#234d38;color:#f5f5ed;border-color:#234d38}
.collection-choices>a[aria-selected="true"]>span:first-child{color:#c0ceb1}
.collection-choices>a[aria-selected="true"]>i{background:#cbdab4;border-color:#cbdab4;box-shadow:0 0 0 5px #cbdab415}
.collection-panel{scroll-margin-top:125px;background:#e8ecdf;margin-bottom:22px}
.collection-panel:last-child{margin-bottom:0}
.collection-preview{position:relative;background:#1c3428;overflow:hidden}
.collection-film{display:block;position:relative;width:100%;border:0;padding:0;aspect-ratio:16/9;background:#1c3428;overflow:hidden;color:#fff;text-align:left}
.collection-film img{width:100%;height:100%;object-fit:contain}
.collection-film:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#0c1d16b8)}
.collection-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #ffffffbb;font-size:12px;background:#17332444;z-index:1;padding-left:3px}
.collection-film-caption{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;z-index:1}
.collection-film-caption>span{font-size:7px;letter-spacing:1.5px}
.collection-counter{position:absolute;top:18px;left:22px;font-size:9px;color:#fff;letter-spacing:2px;pointer-events:none;text-shadow:0 1px 3px #0009}
.collection-counter i{font-style:normal;opacity:.5;margin:0 4px}
.collection-panel-copy{padding:28px 32px 32px;min-height:170px}
.collection-panel-copy h3{font-size:29px;font-weight:400;letter-spacing:-.9px}
.collection-panel-copy p{font-size:13px;color:var(--service-muted);margin-top:14px;max-width:480px}
.collection-format-art{aspect-ratio:2.1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;background:radial-gradient(ellipse at 50% 110%,#6b8159,#1c3428 80%);color:#cbd9b7}
.collection-format-art>span:last-child{font-size:8px;letter-spacing:2px;text-align:center;padding-inline:20px}
.format-art-frame{display:flex;width:150px;height:90px;gap:5px;align-items:center;justify-content:center;border:1px solid #cbd9b770;transform:rotate(-5deg);box-shadow:10px 8px 0 -1px #1c3428,10px 8px 0 #cbd9b740}
.format-art-frame i{display:block;width:24px;height:45px;background:#cbd9b730}.format-art-frame i:nth-child(2){height:58px;background:#cbd9b760}
.format-art-4 .format-art-frame{width:65px;height:108px;transform:rotate(5deg)}
.format-art-4 .format-art-frame i{width:9px}
@media(max-width:1000px){.collection-browser{gap:30px;grid-template-columns:.9fr 1.3fr}.collection-choices>a{padding:23px 14px;gap:12px}.collection-choices>a>span:nth-child(2){font-size:16px}.collection-panel-copy{padding:25px;min-height:190px}.collection-panel-copy h3{font-size:26px}}
@media(max-width:720px){.service-catalogue{padding-block:38px 45px}.collection-heading{display:block;margin-bottom:26px}.collection-heading h2{font-size:37px}.collection-heading>p{margin-top:19px;padding:0;max-width:100%;font-size:12px}.collection-browser{grid-template-columns:1fr;gap:20px}.collection-choices{display:grid;grid-template-columns:1fr 1fr;gap:6px;border:0}.collection-choices>a{border:1px solid var(--service-line);padding:13px 10px;gap:8px;min-height:58px}.collection-choices>a>span:nth-child(2){font-size:12px;line-height:1.35;letter-spacing:0}.collection-choices>a>span:first-child{font-size:8px}.collection-choices>a>i{display:none}.collection-panel{scroll-margin-top:100px}.collection-panel-copy{padding:23px;min-height:0}.collection-panel-copy h3{font-size:25px}.collection-panel-copy p{font-size:12px}.collection-film{aspect-ratio:16/9}.collection-format-art{aspect-ratio:1.65}.collection-film-caption{left:17px;right:17px;bottom:16px;font-size:10px}.collection-counter{left:17px;top:14px}.collection-format-art>span:last-child{font-size:6px}}

/* A project brief alongside a perforated delivery schedule. */
.services-redesign .service-expectations{padding-block:70px;background:#1c3428}
.start-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}
.start-intro>.eyebrow{color:#b5c5a4;margin-bottom:30px}
.start-intro h2{font-size:clamp(39px,4vw,56px);line-height:1.12;letter-spacing:-.055em}
.start-intro h2 em{font-weight:500;color:#b8c9a3}
.start-brief{margin-top:44px;max-width:365px}
.start-brief>h3{font-size:14px;font-weight:400;color:#f0f2e6;margin-bottom:8px}
.start-brief ul{list-style:none;padding:0;margin:0}
.start-brief li{display:flex;gap:19px;align-items:baseline;padding:17px 0;border-bottom:1px solid #ffffff1a;font-size:14px}
.start-brief li>span{font-size:8px;letter-spacing:1px;color:#91a77b}
.start-brief small{display:block;font-size:11px;color:#b4c3a8;margin-top:4px;line-height:1.7}
.start-schedule{position:relative;background:#e9eddc;color:#243c2f;box-shadow:12px 12px 0 #0c201533}
.schedule-top{display:flex;justify-content:space-between;align-items:center;padding:22px 32px;border-bottom:1px solid #b5c3a750}
.schedule-top>span:first-child{font-size:8px;letter-spacing:1.8px}
.schedule-mark{font-family:Dream,Georgia,serif;font-size:24px;line-height:1;color:#6e825e}
.schedule-draft{padding:29px 32px 33px}
.schedule-draft>h3{font-size:17px;font-weight:400}
.schedule-days{display:flex;align-items:center;gap:22px;margin-top:12px}
.schedule-days>strong{display:flex;align-items:center;gap:10px;font-size:clamp(64px,6.8vw,94px);font-weight:400;letter-spacing:-5px;line-height:1}
.schedule-days>strong .schedule-dash{font-size:.62em;letter-spacing:0;font-weight:300;color:#7c8d68}
.schedule-days>span{font-size:12px;line-height:1.6;color:#617153;padding-top:8px}
.schedule-revisions{position:relative;display:grid;grid-template-columns:1fr 1fr;border-top:1px dashed #8b9c78;padding:28px 32px;gap:25px}
.schedule-revisions:before,.schedule-revisions:after{content:"";position:absolute;top:-9px;width:18px;height:18px;background:#1c3428;border-radius:50%}
.schedule-revisions:before{left:-9px}.schedule-revisions:after{right:-9px}
.schedule-revisions>div+div{border-left:1px solid #b5c3a770;padding-left:25px}
.schedule-caption{display:block;font-size:7px;letter-spacing:1.4px;color:#657754}
.schedule-revisions strong{display:block;font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-2px;margin:12px 0 8px}
.schedule-revisions h3{font-size:11px;line-height:1.6;font-weight:400}
.schedule-final{display:flex;align-items:flex-start;gap:12px;background:#dce3cc;padding:19px 32px}
.schedule-final p{font-size:11px;line-height:1.7}.schedule-final p span{font-size:10px;color:#637456}
.schedule-endpoint{width:6px;height:6px;flex:none;background:#6b8653;border-radius:50%;margin-top:6px}
@media(max-width:1000px){.start-layout{gap:45px}.schedule-top{padding-inline:25px}.schedule-draft{padding-inline:25px}.schedule-revisions{padding-inline:25px;gap:18px}.schedule-revisions>div+div{padding-left:18px}.schedule-final{padding-inline:25px}.schedule-days{gap:15px}.schedule-days>strong{font-size:70px;letter-spacing:-4px}.schedule-days>span{font-size:10px}}
@media(max-width:720px){.services-redesign .service-expectations{padding-block:42px 50px}.start-layout{grid-template-columns:1fr;gap:34px}.start-intro>.eyebrow{margin-bottom:23px}.start-intro h2{font-size:40px}.start-brief{margin-top:28px;max-width:none}.start-brief li{padding-block:14px}.start-schedule{box-shadow:7px 7px 0 #0c201533}.schedule-top{padding:18px 23px}.schedule-draft{padding:25px 23px 29px}.schedule-days>strong{font-size:76px;letter-spacing:-4px;gap:8px}.schedule-days{gap:20px}.schedule-days>span{font-size:11px}.schedule-revisions{padding:25px 23px;gap:18px}.schedule-final{padding:18px 23px}.schedule-revisions strong{font-size:43px}.schedule-top>span:first-child{font-size:7px}}
@media(max-width:370px){.schedule-days>strong{font-size:63px}.schedule-days{gap:14px}}

/* An open question ledger: one focused answer at a time. */
.services-redesign .service-questions{display:block;padding-block:70px 80px}
.questions-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:38px}
.questions-heading .eyebrow{margin:7px 0 0}
.service-questions .questions-heading h2{font-size:clamp(42px,4.7vw,64px);line-height:1.06;width:57%}
.questions-heading h2 em{font-weight:500;color:#778b65}
.service-answers{border-top:1px solid #b9c8ae}
.service-answers details{border-bottom:1px solid #cdd7c3;transition:background .2s}
.service-answers details[open]{background:#e9eedf}
.service-answers summary{display:grid;grid-template-columns:65px 180px 1fr 32px;align-items:center;gap:25px;padding:30px 28px;cursor:pointer;list-style:none}
.service-answers summary::-webkit-details-marker{display:none}
.question-number{font-size:36px;font-weight:400;line-height:1;letter-spacing:-2px;color:#9daa8f}
.service-answers details[open] .question-number{color:#567249}
.question-topic{font-size:8px;letter-spacing:1.2px;color:#6d7e60}
.question-title{font-size:23px;letter-spacing:-.6px;line-height:1.4}
.question-toggle{position:relative;width:32px;height:32px;border:1px solid #b5c4a8;border-radius:50%}
.question-toggle:before,.question-toggle:after{content:"";position:absolute;left:10px;top:14px;width:10px;height:1px;background:#3b5731}
.question-toggle:after{transform:rotate(90deg)}
.service-answers details[open] .question-toggle{background:#234d38;border-color:#234d38}
.service-answers details[open] .question-toggle:before{background:#fff}
.service-answers details[open] .question-toggle:after{display:none}
.service-answers summary:hover .question-title{color:#5d7b4b}
.question-answer{padding:0 85px 32px 323px}
.question-answer p{font-size:13px;line-height:1.9;color:#5e7053;max-width:620px}
@media(max-width:1000px){.service-answers summary{grid-template-columns:45px 130px 1fr 30px;gap:20px;padding:26px 22px}.question-number{font-size:30px}.question-title{font-size:20px}.question-answer{padding:0 65px 28px 237px}.question-topic{font-size:7px}}
@media(max-width:720px){.services-redesign .service-questions{padding-block:42px 45px}.questions-heading{display:block;margin-bottom:28px}.questions-heading .eyebrow{margin:0 0 24px}.service-questions .questions-heading h2{font-size:42px;width:auto}.questions-heading h2 br{display:none}.questions-heading h2 em:before{content:" "}.service-answers summary{grid-template-columns:32px 1fr 28px;gap:8px 12px;padding:22px 16px}.question-number{grid-column:1;grid-row:1/3;font-size:26px;align-self:center}.question-topic{grid-column:2;grid-row:1;font-size:7px;letter-spacing:1px}.question-title{grid-column:2;grid-row:2;font-size:16px;letter-spacing:-.25px}.question-toggle{grid-column:3;grid-row:1/3;width:28px;height:28px}.question-toggle:before,.question-toggle:after{left:8px;top:12px}.question-answer{padding:0 24px 24px 60px}.question-answer p{font-size:12px}}

/* An open invitation, with one clear primary action. */
.services-redesign .service-invitation{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}
.services-redesign .service-invitation h2{font-size:clamp(46px,5.9vw,80px);line-height:1.07;font-weight:500;letter-spacing:-.06em}
.service-invitation h2 em{font-weight:500;color:#778b65}
.services-redesign .service-invitation>.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}
.service-invitation .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}
.service-invitation .service-quote:hover{background:#365f46}
.service-quote svg{width:18px;height:18px;flex:none}
.service-invitation .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){.services-redesign .service-invitation{gap:40px;grid-template-columns:1.2fr .8fr}}
@media(max-width:720px){.services-redesign .service-invitation{grid-template-columns:1fr;gap:30px;padding:32px 0 45px}.services-redesign .service-invitation h2{font-size:clamp(39px,10vw,60px)}.invitation-label{margin-bottom:22px;font-size:7px}.services-redesign .service-invitation>.invitation-actions{max-width:none;justify-self:start;margin:0}.invitation-actions>p{font-size:12px;margin-bottom:16px}.service-invitation .service-quote{padding:16px 22px}.service-invitation .service-work-link{padding-top:17px}}