/* A generated film, driven by scroll. Keep the whole hand, phone and print visible. */
.journey{height:320svh;position:relative;border-block:1px solid var(--ink);--film-progress:0}
.journey-sticky{position:sticky;top:0;height:100svh;min-height:620px;padding:24px 26px 15px;background:var(--paper);display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden}
.cinema-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.cinema-heading .eyebrow{margin:0 0 8px;font-size:9px}.cinema-heading h2{font-size:clamp(30px,4.5vw,55px);line-height:1.04;margin:0}.walkthrough-play{background:transparent;border:1px solid var(--ink);padding:12px 16px;color:var(--ink);font:11px Archivo,sans-serif;white-space:nowrap}.walkthrough-play:hover{background:var(--ink);color:var(--paper)}
.scan-cinema{position:relative;margin:0 auto;min-height:0;flex:0 1 auto;aspect-ratio:16/9;width:min(100%, calc((100svh - 290px)*16/9));display:flex;align-items:center;justify-content:center;background:#e8e4da;overflow:hidden}.scan-cinema video{width:100%;height:100%;object-fit:contain;background:#e8e4da;display:block}.film-credit{position:absolute;left:15px;bottom:13px;font:8px Archivo,sans-serif;letter-spacing:.16em;color:#363a3b;background:#f5f2e5d9;padding:6px 8px}.film-progress{height:3px;position:absolute;inset:auto 0 0;background:#c8c7bd}.film-progress span{display:block;height:100%;background:var(--red);transform-origin:left;transform:scaleX(var(--film-progress))}
.cinema-caption{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:94px;align-items:center;flex-shrink:0}.cinema-step{font:9px Archivo,sans-serif;letter-spacing:.13em;color:#766f62;margin:0 0 8px}.cinema-step span{color:var(--red)}.cinema-caption h3{font-size:27px;line-height:1.15;margin:0 0 6px}.cinema-caption #journey-description{font-size:17px;line-height:1.35;margin:0;color:#615a4c}.cinema-next{position:relative;display:flex;justify-content:flex-end;align-items:center}.journey-hint{font:10px Archivo,sans-serif;color:#6e6759}.journey-hint span{color:var(--red);margin-left:12px}.journey[data-step="3"] .journey-hint{display:none}
.journey-bottom{flex-shrink:0}.journey-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #bbb3a1}.journey-nav button{background:transparent;border:0;border-top:2px solid transparent;margin-top:-1px;padding:12px 0 0;color:#756f61;font:9px Archivo,sans-serif;text-align:left}.journey-nav b{font-size:11px;font-weight:500;margin-left:10px}.journey-nav button[aria-pressed=true]{color:var(--red);border-top-color:var(--red)}.journey-bottom>.small{font-size:8px;margin:12px 0 0;color:#756f61}
.service-summary{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-block:1px solid var(--ink)}.service-summary h2{font-size:48px;margin-bottom:20px}.service-summary ol{list-style:none;padding:0;margin:0}.service-summary li{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.service-summary li:first-child{padding-top:0}.service-summary li>span{font:11px Archivo,sans-serif;color:var(--red);padding-top:9px}.service-summary h3{font-size:27px;margin:0 0 6px}.service-summary li p{margin:0;font-size:18px;color:#625b50}.brief-intro h2{font-size:56px;margin-bottom:24px}.brief-intro .small{margin-top:30px;max-width:280px;font-size:11px}.brief-extras{padding:16px 0}.brief-extras summary{font-size:12px;color:#61594c}.form-note{font-size:10px;margin:14px 0 0}.brief-section .form-row label{margin-top:0}.download-brief{background:transparent;border:0;padding:8px 0}.short-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-block:35px}.short-faq details{padding-top:0;align-self:start}.short-faq summary{font-size:13px;line-height:1.5}.short-faq p{font-size:17px;line-height:1.4}.brief-section{gap:7%;padding-block:65px}.brief-section form{padding:25px}.brief-section legend{font-size:17px;margin-bottom:20px}

@media(max-width:850px){.journey{height:280svh}.journey-sticky{padding:20px 5% 14px;gap:18px;min-height:590px}.cinema-heading h2{font-size:37px}.cinema-caption h3{font-size:24px}.cinema-caption #journey-description{font-size:16px}.service-summary{gap:30px}.service-summary h2{font-size:40px}.short-faq{grid-template-columns:1fr;gap:20px}.brief-intro h2{font-size:45px}.brief-section{padding-block:45px}}
@media(max-width:520px){.journey-sticky{padding:22px 5% 14px;gap:20px;min-height:600px;justify-content:center}.cinema-heading{align-items:flex-start;gap:10px}.cinema-heading h2{font-size:34px;max-width:220px}.cinema-heading .eyebrow{font-size:8px;letter-spacing:.12em}.walkthrough-play{font-size:9px;padding:10px;max-width:105px;white-space:normal;line-height:1.5}.scan-cinema{flex:0 0 auto;aspect-ratio:16/9;width:calc(100% + 11.12%);margin-left:-5.56%;overflow:hidden}.film-credit{font-size:6px;left:9px;bottom:9px}.cinema-caption{grid-template-columns:1fr;gap:8px;min-height:153px;align-content:start}.cinema-caption h3{font-size:26px}.cinema-next{justify-content:flex-start;min-height:62px}.journey-nav{gap:8px}.journey-nav button{font-size:8px}.journey-nav b{display:block;margin:5px 0 0;font-size:10px}.journey-bottom>.small{font-size:7px}.service-summary{grid-template-columns:1fr}.brief-section .form-row{grid-template-columns:1fr 1fr;gap:12px}.brief-section input{padding:10px}.brief-section label{font-size:12px}.brief-intro h2{font-size:43px}.brief-intro h2 br:nth-of-type(2){display:none}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.journey-sticky{position:relative;height:auto;min-height:0}.scan-cinema{flex:auto;aspect-ratio:16/9}.journey-hint{font-size:0}.journey-hint:after{content:'Use the chapters or play the film';font-size:10px}}

/* Clickable destinations sit inside the film, appearing at the final chapter. */
.film-actions{position:absolute;z-index:2;left:18px;right:18px;bottom:20px;display:none;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;background:#172027ed;color:#fffaf0;border:1px solid #ffffff4d;border-radius:14px;box-shadow:0 8px 28px #101b2733;backdrop-filter:blur(12px)}
.journey[data-step="3"] .film-actions{display:flex;animation:film-actions-in .35s ease-out}.journey[data-step="3"] .film-credit{top:12px;bottom:auto}
.film-actions-label{font:8px/1.4 Archivo,sans-serif;letter-spacing:.13em;white-space:nowrap}.film-actions-label>span{color:#ff735b;margin-right:5px}.film-actions-label small{display:block;font:12px/1.4 Newsreader,Georgia,serif;letter-spacing:0;color:#d5e1e6;margin-top:5px}.film-action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.film-action-buttons button{font:11px Archivo,sans-serif;color:#fffaf0;background:#ffffff12;border:1px solid #ffffff66;border-radius:7px;min-height:44px;padding:10px 13px;transition:background .15s,transform .15s}.film-action-buttons button:hover{background:#ffffff30;transform:translateY(-2px)}.film-action-buttons button[aria-pressed=true]{background:#f7f2e7;border-color:#f7f2e7;color:#17140f}.film-action-buttons button:focus-visible{outline:3px solid #84d9ff;outline-offset:3px}.film-enquiry{display:none;font:12px Archivo,sans-serif;color:var(--red)}.journey[data-step="3"] .film-enquiry{display:block}
@keyframes film-actions-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){.film-actions{gap:10px;padding:11px 12px;left:12px;right:12px;bottom:12px}.film-actions-label{font-size:7px}.film-actions-label small{font-size:11px}.film-action-buttons{gap:5px}.film-action-buttons button{font-size:10px;padding:9px 10px}}
@media(max-width:650px){.film-actions{display:none;flex-direction:column;align-items:stretch;gap:8px;padding:10px;left:9px;right:9px;bottom:10px;border-radius:10px}.film-actions-label{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.07em}.film-actions-label>span{margin:0}.film-actions-label small{margin:0 0 0 auto;font:8px Archivo,sans-serif}.film-action-buttons{justify-content:space-between;gap:4px;flex-wrap:nowrap}.film-action-buttons button{flex:1;white-space:nowrap;font-size:9px;min-height:40px;padding:8px 5px}.journey[data-step="3"] .film-credit{top:8px;left:9px;font-size:6px}.cinema-caption{min-height:123px}.cinema-next{min-height:28px}}
@media(prefers-reduced-motion:reduce){.journey[data-step="3"] .film-actions{animation:none}.film-action-buttons button{transition:none}.film-action-buttons button:hover{transform:none}}