:root{--paper:#f7f5f1;--ink:#1c292f;--secondary:#4c575b;--line:#d6dcdb;--accent:#255c6b;--panel:#e6edef;--display:'Bricolage Grotesque',system-ui,sans-serif;--body:'Instrument Sans',system-ui,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,textarea{font:inherit}img,video{display:block;max-width:100%}video{width:100%;height:auto;background:#15232f;color:#fff}figure,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.045em;line-height:1.06;margin:0;text-wrap:balance}h1{font-size:clamp(3.2rem,5.6vw,5.65rem);font-weight:700}h2{font-size:clamp(2rem,3.4vw,3.25rem);font-weight:650}h3{font-size:1.35rem;letter-spacing:-.025em;line-height:1.2}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #36798e;outline-offset:5px}.wrap{width:min(1280px,calc(100% - 80px));margin-inline:auto}.skip{position:absolute;top:-100px;left:12px;z-index:10;background:#fff;padding:12px}.skip:focus{top:10px}.site-header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:1.9rem;line-height:.9;letter-spacing:-.065em;font-weight:750;text-decoration:none}.wordmark span{display:block;font-size:1.07rem;letter-spacing:.02em;margin-top:8px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:.9rem}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{border:1px solid var(--ink);padding:11px 17px;border-radius:6px}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-block:65px 70px}.offer-name{font-size:.95rem;font-weight:650;color:var(--accent);margin-bottom:20px}.intro{max-width:500px;font-size:1.1rem;color:var(--secondary);margin:25px 0}.actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:0;border-radius:7px;font-weight:600;padding:15px 22px;line-height:1.4;min-height:52px}.primary{background:var(--ink);color:#fff}.primary:hover{background:var(--accent)}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#fff}.text-link{font-size:.9rem;text-underline-offset:5px}.hero-note{font-size:.9rem;color:var(--secondary);margin-top:24px;max-width:430px}.hero-note strong{color:var(--ink)}.outline-note{font-size:.9rem;color:var(--accent);margin-top:12px;max-width:440px}.media-heading{display:flex;justify-content:space-between;gap:15px;font-size:.84rem;line-height:1.5;font-weight:600;margin-bottom:12px}.media-heading span:last-child{color:var(--secondary);font-weight:400}.hero-film{min-width:0;scroll-margin-top:24px}.landscape-frame{padding:8px;border-radius:16px;background:#23313a;box-shadow:0 14px 36px #1c292f14}.landscape-frame video{border-radius:9px;aspect-ratio:16/9}.hero-film figcaption,.portrait-film figcaption{font-size:.84rem;line-height:1.55;color:var(--secondary);margin-top:16px}.hero-film figcaption a{text-underline-offset:3px}.proof-section{background:#fff;padding:32px;border:1px solid var(--line);border-radius:14px}.proof-heading{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-bottom:28px}.proof-heading h2{font-size:clamp(1.8rem,2.8vw,2.5rem)}.proof-heading p{font-size:.98rem;color:var(--secondary);max-width:59ch}.proof-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.proof-label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.84rem;margin-bottom:10px}.proof-label span:first-child{font-weight:650}.proof-label span:last-child{color:var(--secondary)}.proof-image{aspect-ratio:16/10;background:#edf0f1;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:12px}.proof-image.finished{background:#15232f;padding:0}.proof-image img{width:100%;height:100%;object-fit:contain}.proof-pair figcaption{font-size:.8rem;color:var(--secondary);margin-top:9px}.section{padding-block:75px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:stretch}.portrait-panel{display:grid;grid-template-columns:1fr .85fr;gap:24px;align-items:center;padding:28px;background:var(--panel);border-radius:14px;min-width:0}.portrait-copy h2{font-size:clamp(1.85rem,2.4vw,2.5rem)}.portrait-copy>p{font-size:.96rem;color:var(--secondary);margin-top:20px}.portrait-copy .small-note{font-size:.82rem}.portrait-copy>.text-link{display:inline-block;margin-top:20px}.portrait-film{min-width:0}.portrait-film .media-heading{font-size:.75rem;gap:5px}.portrait-film video{aspect-ratio:9/16;border-radius:10px;border:5px solid #23313a}.portrait-film figcaption{font-size:.77rem;margin-top:12px}.package-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;min-width:0}.package-card .offer-name{font-size:.84rem;margin-bottom:10px}.package-card h2{font-size:2rem}.price{display:flex;align-items:baseline;gap:16px;margin-top:22px}.price strong{font:650 4.2rem/.95 var(--display);letter-spacing:-.07em}.price span{font-size:.875rem;color:var(--secondary)}.deliverables{list-style:none;margin:25px 0 0;padding:0}.deliverables li{padding:13px 0;border-top:1px solid var(--line)}.deliverables strong{display:block;font-weight:600;font-size:.96rem}.deliverables span{display:block;color:var(--secondary);font-size:.84rem;line-height:1.5;margin-top:4px}.proof-term{font-size:.85rem;color:var(--secondary);margin:6px 0 22px}.proof-term strong{color:var(--ink);display:block}.full{width:100%}.payment-note{font-size:.84rem;text-align:center;margin-top:15px;color:var(--secondary)}.process-section{background:#e8ece9;border-block:1px solid var(--line);padding-block:55px}.process-section h2{max-width:800px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;list-style:none;padding:0;margin:35px 0 0}.step-number{display:block;font:500 1.5rem var(--display);letter-spacing:-.04em;color:var(--accent);margin-bottom:14px}.steps p{font-size:.91rem;line-height:1.65;color:var(--secondary);margin-top:14px;max-width:45ch}.process-note{font-size:.84rem;color:var(--secondary);margin-top:30px;max-width:90ch}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.small-note{font-size:.875rem;color:var(--secondary);margin-top:22px;max-width:45ch}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;padding:19px 2px;font-size:.96rem}details p{font-size:.9rem;color:var(--secondary);margin:0 0 20px;max-width:70ch}.brief-section{background:#18333e;color:#f4f6f4;padding-block:65px}.brief-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.brief-section .offer-name{color:#b9dae0}.brief-grid h2{max-width:600px}.brief-grid>div>p:not(.offer-name){max-width:500px;font-size:1rem;line-height:1.65;color:#e2e8e7;margin-top:22px}.brief-grid .button{margin-top:25px}.brief-grid .brief-price{font-size:.9rem!important;color:#c6e2e6!important}.brief-grid .email-note{font-size:.875rem!important}.email-note a{text-underline-offset:5px}.brief-card{border:1px solid #82999f;padding:28px;border-radius:10px;min-width:0}.brief-form h3{font-size:1.5rem}.brief-form fieldset{border:0;padding:0;margin:22px 0 0;min-width:0}.brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brief-fields .wide{grid-column:1/-1}.brief-form label{font-size:.875rem;font-weight:600}.brief-fields input,.brief-fields textarea{display:block;width:100%;min-width:0;margin-top:7px;padding:11px 12px;border:1px solid #82999f;border-radius:5px;background:#fff;color:#1c292f;font:inherit;font-weight:400;line-height:1.5}.brief-fields textarea{resize:vertical;min-height:130px}.brief-fields input::placeholder,.brief-fields textarea::placeholder{color:#59656b}.brief-form .form-note{font-size:.84rem;line-height:1.5;color:#e2e8e7;margin-top:13px}.brief-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.5;margin-top:18px;font-weight:400!important}.brief-consent input{width:19px;height:19px;flex:0 0 19px;margin:3px 0 0;accent-color:#b9dae0}.brief-consent a{text-underline-offset:3px}.brief-form input:focus-visible,.brief-form textarea:focus-visible,.brief-form button:focus-visible,.brief-form a:focus-visible{outline:3px solid #b9dae0;outline-offset:3px}#brief-check{margin-top:20px;min-height:65px;max-width:100%}.brief-form .button{margin-top:18px;cursor:pointer}.brief-form .button:disabled{opacity:.65;cursor:not-allowed}.brief-result{font-size:.94rem;line-height:1.5;margin-top:16px;color:#dbf3da}.brief-result:empty{display:none}.brief-result.is-error{color:#ffd4c2}.brief-result:focus{outline:2px solid #b9dae0;outline-offset:5px}.visually-hidden,.form-trap{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer{padding-block:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:25px}.footer>p{font-size:.875rem;color:var(--secondary)}.footer nav{display:flex;gap:22px;font-size:.875rem}.footer a{text-underline-offset:4px}.footer .footer-note{width:100%;font-size:.84rem;border-top:1px solid var(--line);padding-top:20px}.footer .wordmark{font-size:1.5rem}.footer .wordmark span{font-size:.875rem}
@media(min-width:1450px){.hero{gap:75px;padding-block:75px}.hero-film{align-self:center}}
@media(max-width:1150px){.wrap{width:calc(100% - 48px)}.hero{gap:35px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:clamp(3rem,5.4vw,4.9rem)}.offer-grid{gap:28px}.portrait-panel{grid-template-columns:1fr;gap:25px;padding:26px;align-items:start}.portrait-copy h2 br{display:none}.portrait-film{width:min(250px,100%);justify-self:center}.portrait-copy>p{max-width:55ch}.proof-heading,.brief-grid{gap:35px}.package-card{padding:26px}.section{padding-block:60px}.steps{gap:28px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:35px;padding-block:42px 48px}.hero h1{font-size:clamp(3.2rem,9vw,5rem)}.hero h1 br:last-child{display:none}.hero-copy .intro{max-width:640px}.hero-note,.outline-note{max-width:600px}.hero-film{max-width:700px}.proof-heading{grid-template-columns:1fr;gap:18px}.proof-heading h2 br{display:none}.proof-section{padding:25px}.offer-grid{grid-template-columns:1fr}.portrait-panel{grid-template-columns:1fr .8fr;align-items:center;padding:28px}.portrait-copy h2 br{display:block}.portrait-film{width:100%;max-width:240px}.package-card{padding:30px}.faq-grid,.brief-grid{grid-template-columns:1fr;gap:30px}.questions{min-width:0}.brief-form{max-width:650px;width:100%}.steps{grid-template-columns:1fr;gap:25px}.steps li{display:grid;grid-template-columns:35px 1fr;gap:0 18px}.step-number{grid-row:1/3;font-size:1.2rem;margin-top:1px}.steps p{max-width:70ch;margin-top:10px}.process-section,.brief-section{padding-block:48px}.site-header nav{gap:20px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.site-header{height:88px}.site-header .wordmark{font-size:1.6rem}.wordmark span{font-size:.9rem}.site-header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:.84rem;padding:10px 12px}.hero h1{font-size:clamp(2.8rem,10.4vw,4rem)}.offer-name{margin-bottom:16px}.intro{font-size:1rem;margin-block:20px}.actions{gap:17px}.actions .button{width:100%}.hero-note{margin-top:22px}.media-heading{font-size:.77rem;gap:8px}.landscape-frame{padding:5px;border-radius:11px}.landscape-frame video{border-radius:7px}.hero-film figcaption{font-size:.81rem}.proof-section{padding:20px}.proof-pair{grid-template-columns:1fr;gap:22px}.proof-label{font-size:.8rem}.proof-heading p{font-size:.91rem}.portrait-panel{grid-template-columns:1fr;padding:24px}.portrait-copy h2 br{display:none}.portrait-film{width:min(235px,100%);max-width:none}.portrait-copy>p{font-size:.94rem}.portrait-copy .small-note{font-size:.82rem}.section{padding-block:45px}.package-card{padding:24px}.package-card h2{font-size:1.8rem}.price strong{font-size:4rem}.faq-grid h2 br{display:none}.questions summary{font-size:.92rem}.brief-grid h2{font-size:2.55rem}.brief-card{padding:22px}.brief-fields{grid-template-columns:1fr}.brief-fields .wide{grid-column:auto}.brief-grid>div>p:not(.offer-name){font-size:.94rem}.footer{align-items:start;padding-block:30px;gap:20px}.footer nav{flex-wrap:wrap;gap:16px}.footer>p{width:100%}.footer .footer-note{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Four case studies: each arrangement follows its film's content and format. */
.use-cases{padding-block:80px 20px}.work-intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.work-intro>p{max-width:62ch;color:var(--secondary);font-size:1rem}.work-nav{display:flex;flex-wrap:wrap;gap:15px 28px;margin:30px 0 38px;padding-block:18px;border-block:1px solid var(--line);font-size:.9rem}.work-nav a{text-underline-offset:6px}.case-study{margin-top:32px;scroll-margin-top:30px;min-width:0}.case-kicker{font-size:.8rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}.case-copy h3,.event-heading h3{font-size:clamp(2.1rem,3.8vw,3.6rem);line-height:1.02}.case-copy>p:not(.case-kicker):not(.concept-note){font-size:1rem;line-height:1.65;margin-top:24px;max-width:46ch}.case-facts{margin:28px 0 0}.case-facts>div{padding-block:16px;border-top:1px solid currentColor}.case-facts dt{font-size:.78rem;font-weight:650;letter-spacing:.025em}.case-facts dd{margin:7px 0 0;font-size:.9rem;line-height:1.6;max-width:52ch}.concept-note{font-size:.82rem;line-height:1.6;max-width:54ch;margin-top:22px}.case-visual{min-width:0}.case-visual figcaption{font-size:.82rem;line-height:1.6;margin-top:15px;max-width:70ch}.case-visual video{border:1px solid #1c292f33}.case-booking{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:70px;align-items:center;padding:45px 65px;background:#eee7ed;color:#3f1838}.case-booking .case-copy{max-width:590px}.case-booking .case-visual{width:100%;justify-self:end}.case-booking video,.case-shop video{aspect-ratio:9/16}.case-booking .media-heading span:last-child{color:#62475c}.case-shop{display:grid;grid-template-columns:minmax(240px,340px) 1fr;gap:95px;align-items:center;padding:55px 65px;background:#171717;color:#fff}.case-shop .case-copy{max-width:570px}.case-shop .case-kicker{color:#ff9077}.case-shop .media-heading span:last-child{color:#d4d4d4}.case-shop .case-visual figcaption,.case-shop .concept-note{color:#e0e0e0}.case-shop .case-facts>div{border-color:#686868}.case-shop .case-visual{width:100%}.case-event{padding:45px;background:#c9f5df;color:#143d33}.event-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:32px}.event-heading>p{font-size:1rem;line-height:1.65;max-width:52ch}.case-event video{aspect-ratio:16/9}.case-event .media-heading span:last-child{color:#2a5346}.event-facts{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:25px}.portfolio-note{max-width:96ch;font-size:.85rem;line-height:1.65;color:var(--secondary);margin-top:25px}.package-fit{padding:20px 25px 20px 0;align-self:center}.package-fit h2{font-size:clamp(2.2rem,3.4vw,3.4rem)}.package-fit>p:not(.offer-name){margin-top:24px;max-width:49ch;color:var(--secondary)}.fit-list{padding-left:21px;margin:25px 0 0;color:var(--secondary);font-size:.96rem}.fit-list li{padding-left:5px;margin-block:12px}
@media(max-width:1150px){.case-booking{padding:35px;gap:40px;grid-template-columns:1fr 250px}.case-shop{padding:40px;gap:55px;grid-template-columns:260px 1fr}.case-event{padding:35px}.event-heading{gap:35px}.work-intro{gap:35px}}
@media(max-width:800px){.use-cases{padding-block:55px 10px}.work-intro{grid-template-columns:1fr;gap:22px}.work-intro br{display:none}.case-booking{grid-template-columns:1fr 220px;gap:28px;padding:30px}.case-copy h3,.event-heading h3{font-size:2.4rem}.case-copy br{display:none}.case-shop{grid-template-columns:220px 1fr;gap:30px;padding:30px}.case-copy>p:not(.case-kicker):not(.concept-note){font-size:.94rem}.case-facts dd{font-size:.86rem}.case-kicker{font-size:.74rem}.event-heading{grid-template-columns:1fr;gap:22px}.event-heading h3 br{display:none}.package-fit{padding:0 0 8px}.package-fit h2 br{display:none}}
@media(max-width:600px){.work-nav{gap:17px 24px;font-size:.85rem}.case-booking,.case-shop{grid-template-columns:1fr;padding:26px 22px;gap:30px}.case-booking .case-visual{justify-self:center;max-width:280px}.case-shop .case-copy{grid-row:1}.case-shop .case-visual{justify-self:center;max-width:280px}.case-copy h3,.event-heading h3{font-size:clamp(2rem,8vw,2.6rem)}.case-copy>p:not(.case-kicker):not(.concept-note){margin-top:19px}.case-kicker{margin-bottom:16px}.case-event{padding:26px 20px}.event-heading{margin-bottom:25px}.event-heading>p{font-size:.94rem}.event-facts{grid-template-columns:1fr;gap:0}.case-study .media-heading{font-size:.73rem;gap:8px}.case-visual figcaption{font-size:.8rem}.case-facts{margin-top:22px}.concept-note{font-size:.8rem}.portfolio-note{font-size:.82rem}.package-fit h2{font-size:2.35rem}}

/* Tap targets: nav, example jump links and the text link at least 44px tall (QA 23 Oct). */
.site-header nav>a,.work-nav a,.actions .text-link{display:inline-flex;align-items:center;min-height:44px}
footer nav a{display:inline-flex;align-items:center;min-height:44px}.brief-consent input[type=checkbox]{width:24px;height:24px}