/* AgenceFood — local direction derived from the Livocello shooting dossier. */
.page-index{--af-gutter:max(24px,calc((100% - 1280px)/2));--af-red:#8b1b19;--af-cream:#f4eedf;--af-ink:#28221e;--af-rule:#d3c4ac}
.page-index .af-page-section{padding:88px var(--af-gutter)}
.page-index .section{padding-block:88px}
.page-index .af-chapter{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid currentColor;padding-top:18px;margin-bottom:44px;font:500 10px/1.6 var(--font-body);letter-spacing:.07em;text-transform:uppercase}
.page-index .af-label{font:550 10px/1.6 var(--font-body);letter-spacing:.06em;text-transform:uppercase;margin:0 0 24px}
.page-index .af-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding-block:16px;border-bottom:1px solid currentColor;text-decoration:none;font-size:13px;min-height:48px;color:inherit}
.page-index .af-link span{transition:transform .25s}
.page-index .af-link:hover span{transform:translate(3px,-3px)}
.page-index .af-method-link{display:inline-flex;align-items:center;gap:22px;margin-top:17px;min-height:44px;font-size:12px;color:inherit;text-decoration:underline;text-underline-offset:6px}
.page-index.mobile-v3 .cinema-description{max-width:650px;font-size:17px;line-height:1.7}
.page-index.mobile-v3 .cinema-hero h1 em{margin-top:-.095em}
.page-index .cinema-terms{margin-top:12px}
.page-index .clientstrip{padding-block:27px;background:var(--af-cream)}
.page-index .clientstrip>p{font-size:9px;letter-spacing:.08em}
.page-index.mobile-v3.creative .recent-films{background:var(--af-cream);color:var(--af-red)}
.page-index.mobile-v3.creative .recent-films h2,.page-index.mobile-v3.creative .recent-films h2 em,.page-index.mobile-v3.creative .recent-films .home-discovery-links a,.page-index.mobile-v3.creative .recent-films .reel-controls{color:var(--af-red)}
.page-index.mobile-v3.creative .recent-films .section-head{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;text-align:left;max-width:none;gap:48px;margin-bottom:42px}
.page-index.mobile-v3.creative .recent-films h2{font-size:clamp(42px,5vw,76px);line-height:.98;margin:0;text-align:left;max-width:none;letter-spacing:-.05em}
.page-index.mobile-v3.creative .recent-films h2 em{display:block;font-weight:400;line-height:1.1;text-transform:none;letter-spacing:-.045em}
.page-index.mobile-v3.creative .recent-films .section-head>p{font-size:15px;line-height:1.8;margin:0 0 6px;color:var(--af-ink);max-width:420px;justify-self:end}
.page-index .recent-grid{gap:26px;max-width:none;margin-inline:0}
.page-index .recent-grid .film{border-radius:3px;box-shadow:none;overflow:hidden;max-height:530px}
.page-index .recent-grid .film>img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.page-index .recent-grid .film:hover>img{transform:scale(1.035)}
.page-index .recent-grid .play{width:54px;height:54px;background:var(--af-cream);color:var(--af-red)}
.page-index .recent-grid figcaption{border-bottom:1px solid var(--af-rule);padding:17px 0 19px}
.page-index .recent-grid figcaption strong{font-size:20px}
.page-index .recent-grid figcaption>span:not(.caption-arrow){font-size:12px}
.page-index .recent-films .reel-controls{display:none}
.page-index .home-discovery-links{justify-content:space-between;margin-top:20px}
.page-index .af-method{background:var(--af-red);color:var(--af-cream);position:relative;isolation:isolate}
.page-index .af-method::before{content:"";position:absolute;inset:0;z-index:-1;background:url('../img/motif-scripts-agencefood.png') center top/950px auto repeat;opacity:.55;pointer-events:none}
.page-index .af-method-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}
.page-index .af-method-heading h2,.page-index .af-recruitment h2{font:600 clamp(44px,5vw,76px)/.97 var(--font-display);letter-spacing:-.045em;margin:0;color:inherit}
.page-index .af-method-heading h2 em,.page-index .af-recruitment h2 em{font:italic 400 1.2em/.98 'Instrument Serif',serif;letter-spacing:-.035em;display:block;margin-top:7px}
.page-index .af-method-heading>div{max-width:470px;justify-self:end}
.page-index .af-method-heading p{font-size:15px;line-height:1.8;margin:0 0 12px;color:inherit}
.page-index .af-method-heading p:last-child{font-size:12px;opacity:.8;margin-bottom:4px}
.page-index .af-method-steps{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border-bottom:1px solid #f4eedf55}
.page-index .af-method-steps button{font:500 13px var(--font-body);display:flex;align-items:center;gap:17px;padding:18px 14px 20px;min-height:74px;cursor:pointer;color:var(--af-cream);background:transparent;border:0;border-bottom:3px solid transparent;position:relative;transition:background .25s,border-color .25s}
.page-index .af-method-steps button>span{font:italic 32px/1 'Instrument Serif',serif;opacity:.7}
.page-index .af-method-steps button[aria-selected=true]{border-color:var(--af-cream);background:#f4eedf0d}
.page-index .af-method-steps button:hover{background:#f4eedf12}
.page-index .af-method-steps button:focus-visible,.page-index .af-method-panel:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.page-index .af-method-panels{padding-top:32px}
.page-index .af-method-panel{display:grid;grid-template-columns:1fr 1fr;min-height:520px;gap:clamp(30px,6vw,90px);align-items:center;padding:0}
.page-index .af-method-panel[hidden]{display:none!important}
.page-index .af-method-panel+.af-method-panel:not([hidden]){margin-top:0}
.page-index .af-method-photo{margin:0;position:relative;height:520px;background:#281b14;overflow:hidden}
.page-index .af-method-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.page-index .af-method-photo--actors img{object-position:50% 38%}
.page-index .af-method-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#16100be6);padding:65px 24px 24px;font-size:11px;color:var(--af-cream)}
.page-index .af-method-copy h3{font:550 clamp(26px,2.65vw,39px)/1.15 var(--font-display);letter-spacing:-.035em;margin:0 0 26px;color:inherit}
.page-index .af-method-copy h3 em{font:italic 400 1.23em/1.15 'Instrument Serif',serif;letter-spacing:-.02em}
.page-index .af-method-copy>p:not(.af-label){font-size:14px;line-height:1.9;max-width:460px;color:inherit;opacity:.93;margin-bottom:20px}
.page-index .af-deliverable{margin-top:32px;padding-top:22px;border-top:1px solid #f4eedf55}
.page-index .af-deliverable>span{font:500 9px var(--font-body);text-transform:uppercase;letter-spacing:.07em;opacity:.7}
.page-index .af-deliverable p{font-size:12px;line-height:1.9;margin:9px 0 0;color:inherit}
.page-index .af-script-sheet{background:var(--af-cream);color:var(--af-ink);padding:32px;min-height:520px;box-shadow:8px 8px 0 #6b1314}
.page-index .af-script-top,.page-index .af-script-foot{display:flex;justify-content:space-between;gap:18px;font-size:9px;line-height:1.6;color:var(--af-red)}
.page-index .af-script-top{text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--af-rule);padding-bottom:17px}
.page-index .af-script-name{font:650 clamp(24px,2.5vw,37px)/1 var(--font-display);letter-spacing:-.045em;color:var(--af-red);margin:25px 0 0}
.page-index .af-script-subtitle{font:italic 37px/1.1 'Instrument Serif',serif;color:var(--af-red);margin:6px 0 28px}
.page-index .af-script-body>span{display:block;font:600 9px var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--af-red);margin-top:22px}
.page-index .af-script-body p{font-size:12px;line-height:1.8;color:var(--af-ink);margin:10px 0}
.page-index .af-script-body .af-stage-direction{color:#766a5f;font-size:11px}
.page-index .af-script-body blockquote{font:500 clamp(17px,1.65vw,23px)/1.45 var(--font-body);letter-spacing:-.025em;margin:10px 0 24px;padding:0;border:0;color:var(--af-ink)}
.page-index .af-script-foot{border-top:1px solid var(--af-rule);padding-top:18px;margin-top:30px;font-size:8px}
.page-index .af-followup-sheet{background:var(--af-cream);color:var(--af-ink);padding:38px;min-height:520px}
.page-index .af-followup-sheet>.af-label{color:var(--af-red)}
.page-index .af-followup-sheet h4{font:550 27px/1.12 var(--font-display);letter-spacing:-.03em;margin:0 0 30px;color:var(--af-red)}
.page-index .af-followup-sheet h4 em{font:italic 34px/1.1 'Instrument Serif',serif}
.page-index .af-followup-sheet ol{list-style:none;padding:0;margin:0}
.page-index .af-followup-sheet li{display:flex;gap:22px;padding:21px 0;border-top:1px solid var(--af-rule)}
.page-index .af-followup-sheet li>span{font:italic 28px/1 'Instrument Serif',serif;color:var(--af-red)}
.page-index .af-followup-sheet strong{font-size:13px;font-weight:550}
.page-index .af-followup-sheet li p{font-size:12px;line-height:1.7;color:#6a5f54;margin:7px 0 0}
.page-index .af-method-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;border-top:1px solid #f4eedf55;margin-top:42px;padding-top:23px}
.page-index .af-method-bottom p{font-size:12px;line-height:1.8;color:inherit;opacity:.85;margin:0}
.page-index .creative-case{background:#faf7ef}
.page-index .case-narrative h2{font-size:clamp(38px,4.2vw,60px);line-height:1.02;letter-spacing:-.035em}
.page-index .case-narrative h2 em{font-weight:400;line-height:1.1}
.page-index .case-main-photo,.page-index .case-main-photo img{border-radius:2px!important}
.page-index .case-receipt{box-shadow:none;transform:none;border-radius:0;background:transparent;border:0;border-block:1px solid var(--af-rule);padding:25px 0}
.page-index .case-work span{border-radius:2px;font-size:10px}
.page-index .offer-section{background:var(--af-cream)}
.page-index.mobile-v3.creative .offer-section,.page-index.mobile-v3.creative .offer-section .section-head,.page-index.mobile-v3.creative .offer-section .section-head h2,.page-index.mobile-v3.creative .offer-section .section-head em,.page-index.mobile-v3.creative .offer-section .section-head .eyebrow{color:var(--af-red)}
.page-index.mobile-v3.creative .offer-section .section-head>p:last-child{color:var(--af-ink)}
.page-index.mobile-v3.creative .offer-section .bespoke h3,.page-index.mobile-v3.creative .offer-section .compare-link{color:var(--af-red)}
.page-index.mobile-v3.creative .offer-section .fineprint{color:var(--af-ink)}
.page-index.mobile-v3.creative .offer-section .bespoke{border-color:var(--af-rule)}
.page-index .offer-section .section-head h2,.page-index .creative-team h2,.page-index .faq h2,.page-index .contact-section h2{font-size:clamp(38px,4.4vw,66px);line-height:1.02;letter-spacing:-.045em}
.page-index .pcard{border-radius:5px;box-shadow:none;border:1px solid var(--af-rule);background:#faf7ef}
.page-index .pcard.pcard--featured{border:1px solid var(--af-red)}
.page-index .pcard .button{border-radius:3px}
.page-index .creative-team{background:#eee5d2}
.page-index .creative-team .team-heading{grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:42px}
.page-index .creative-team .team-heading>div:last-child>p{font-size:14px;line-height:1.85;max-width:480px}
.page-index .creative-people .person-card{border-radius:3px;padding:0;background:transparent;grid-template-columns:105px minmax(0,1fr);gap:22px;border-top:1px solid var(--af-rule);padding-top:22px}
.page-index .creative-people .person-photo{border-radius:2px;overflow:hidden}
.page-index .creative-people .person-caption h3{font-size:27px}
.page-index .af-recruitment{background:var(--af-cream);color:var(--af-red);display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center;border:0;padding-block:64px}
.page-index .af-recruitment h2{font-size:clamp(30px,3vw,45px)}
.page-index .af-recruitment .af-label{margin-bottom:19px}
.page-index .af-recruitment>div>p:last-child{font-size:13px;line-height:1.8;max-width:430px;margin:22px 0 0;color:var(--af-ink)}
.page-index .af-recruitment nav{display:grid;gap:0;min-width:0;width:100%}
.page-index .af-recruitment nav a{width:100%;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--af-rule);border-bottom:0;padding:22px 0;min-height:102px}
.page-index .af-recruitment nav a:last-child{border-bottom:1px solid var(--af-rule)}
.page-index .af-recruitment nav small{display:block;font-size:10px;color:#766a5f;margin-bottom:8px}
.page-index .af-recruitment nav strong{font:550 22px/1.2 var(--font-display);letter-spacing:-.025em}
.page-index .af-recruitment-arrow{border:1px solid var(--af-rule);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
.page-index .af-recruitment nav a:hover .af-recruitment-arrow{background:var(--af-red);color:var(--af-cream);border-color:var(--af-red);transform:rotate(45deg)}
.page-index .faq{background:#faf7ef;border-top:1px solid var(--af-rule)}
.page-index .faq details p{font-size:14px;line-height:1.85}
.page-index .contact-section{background:var(--af-red) url('../img/motif-scripts-agencefood.png') center/950px auto;color:var(--af-cream)}
.page-index .contact-section h2,.page-index .contact-section .eyebrow,.page-index .contact-section .contact-copy>p,.page-index .contact-section .contact-phone{color:var(--af-cream)}
.page-index .af-arrival{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .7s cubic-bezier(.2,.75,.2,1)}
.page-index .af-arrival.af-arrived{opacity:1;transform:none}
@media(prefers-reduced-motion:no-preference){.page-index .af-method-panel:not([hidden]){animation:af-scene-in .35s ease both}@keyframes af-scene-in{from{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}}
@media(min-width:961px){.page-index .recent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.page-index .recent-grid>figure{width:auto;min-width:0}.page-index .recent-grid .film{aspect-ratio:9/13}}
@media(max-width:960px){.page-index .af-page-section,.page-index .section{padding-block:60px}.page-index .af-method-heading{gap:34px}.page-index .af-method-panel{gap:32px;min-height:510px}.page-index .af-script-sheet,.page-index .af-followup-sheet{padding:25px;min-height:510px}.page-index .af-method-photo{height:510px}.page-index .af-method-copy h3{font-size:28px}.page-index .af-method-copy>p:not(.af-label){font-size:13px}.page-index .af-recruitment{gap:40px}.page-index .creative-team .team-heading{gap:32px}.page-index .creative-people{grid-template-columns:repeat(3,1fr)}.page-index .creative-people .person-card{grid-template-columns:1fr}.page-index .creative-people .person-photo{max-width:120px}}
@media(max-width:700px){.page-index{--af-gutter:22px}.page-index .af-page-section,.page-index .section{padding:48px var(--af-gutter)}.page-index .af-chapter{font-size:8px;margin-bottom:30px;gap:20px}.page-index .af-chapter>span:last-child{text-align:right;max-width:110px}.page-index .cinema-description{font-size:14px!important}.page-index .af-method-link{margin-top:12px}.page-index .cinema-terms{font-size:10px}.page-index.mobile-v3.creative .recent-films .section-head{grid-template-columns:1fr;gap:24px;margin-bottom:30px}.page-index.mobile-v3.creative .recent-films .section-head>p{justify-self:start;font-size:13px}.page-index .recent-grid{display:grid;grid-template-columns:repeat(3,76vw);overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;padding-bottom:8px}.page-index .recent-grid>figure{scroll-snap-align:start}.page-index .recent-grid .film{max-height:none;aspect-ratio:9/13}.page-index .recent-films .reel-controls{display:flex;font-size:10px}.page-index .home-discovery-links{gap:15px}.page-index .af-method-heading{grid-template-columns:1fr;gap:26px;margin-bottom:30px}.page-index .af-method-heading>div{justify-self:start}.page-index .af-method-heading h2{font-size:48px}.page-index .af-method-heading p{font-size:13px}.page-index .af-method-steps{grid-template-columns:repeat(2,1fr);gap:0}.page-index .af-method-steps button{font-size:11px;gap:12px;padding:12px 8px;min-height:60px}.page-index .af-method-steps button>span{font-size:26px}.page-index .af-method-panel{grid-template-columns:1fr;gap:30px;min-height:0}.page-index .af-method-photo{height:380px}.page-index .af-method-photo--actors img{object-position:50% 30%}.page-index .af-script-sheet,.page-index .af-followup-sheet{min-height:0;padding:25px}.page-index .af-script-name{font-size:32px}.page-index .af-script-subtitle{font-size:34px}.page-index .af-script-body blockquote{font-size:19px}.page-index .af-method-copy h3{font-size:29px}.page-index .af-method-copy .af-label{margin-bottom:18px}.page-index .af-deliverable{margin-top:24px}.page-index .af-method-bottom{align-items:start;flex-direction:column;gap:17px;margin-top:30px}.page-index .af-method-bottom p{font-size:11px}.page-index .af-method-bottom .af-link{width:100%}.page-index .creative-team .team-heading{grid-template-columns:1fr;gap:15px}.page-index .creative-team .team-heading>div:last-child{margin-top:0}.page-index .creative-people{grid-template-columns:1fr}.page-index .creative-people .person-card{grid-template-columns:90px minmax(0,1fr);padding:18px 0;gap:22px}.page-index .af-recruitment{grid-template-columns:1fr;gap:28px}.page-index .af-recruitment h2{font-size:34px}.page-index .af-recruitment nav a{min-height:92px}.page-index .af-recruitment nav strong{font-size:21px}.page-index .af-recruitment nav a:last-child{margin:0}.page-index .faq h2{font-size:39px}.page-index .af-recruitment-copy>p:last-child{font-size:12px}}
@media(prefers-reduced-motion:reduce){.page-index .af-arrival{opacity:1;transform:none}.page-index .af-method-panel,.page-index .af-arrival,.page-index .recent-grid .film>img,.page-index .af-link span,.page-index .af-recruitment-arrow{animation:none!important;transition:none!important;transform:none!important}}