.unified{--bg:#f6f5f1;--text:#1d1d1f;--muted:#6c6c70;--line:#deddd7;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}.unified .page{width:100%;max-width:1040px;padding:100px 40px 0;margin:auto}.identity{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:72px}.name{text-decoration:none}.identity h1{font-size:36px;font-weight:550;letter-spacing:-1.35px;line-height:1.2;margin:0 0 12px}.identity h1 span{font-size:12px;font-weight:400;vertical-align:top;margin-left:5px;display:inline-block;padding-top:4px}.identity p{font-size:15px;color:var(--muted);margin:0}.identity nav{display:flex;gap:24px;font-size:14px;white-space:nowrap}.identity nav a:hover{text-decoration:underline;text-underline-offset:5px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:820px;margin-bottom:60px}.intro h2,.client-section h2{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 18px}.intro ul{list-style:none;padding:0;margin:0;font-size:16px;line-height:1.8}.intro li{margin:0 0 3px}.intro a{text-decoration:underline;text-decoration-color:#b6b5af;text-underline-offset:4px}.intro .muted{color:var(--muted)}.client-section{margin-bottom:64px}.clients{display:flex;align-items:center;flex-wrap:wrap;gap:24px 40px}.clients span{font-size:18px;letter-spacing:-.025em;font-weight:600}.clients .zara{font-family:Georgia,serif;font-size:30px;letter-spacing:-.09em}.clients .net{font-size:13px;letter-spacing:.08em;font-weight:400}.unified .work-section{padding:0 0 86px}.unified .section-heading{padding:24px 0}.unified .section-heading h2{font-size:20px;letter-spacing:-.035em}.unified .section-heading>span{font-size:12px;letter-spacing:.055em}.unified .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 24px}.unified .film{aspect-ratio:9/12;border-radius:12px;background:#171717;isolation:isolate}.unified .film>img{object-fit:cover}.unified .controls{padding:30px 13px 12px;gap:7px}.unified .controls button{width:34px;height:36px}.unified .start{width:60px;height:60px;background:#18181840}.unified .caption{padding-top:14px;align-items:baseline}.unified .caption h3{font-size:16px;letter-spacing:-.025em}.unified .caption>a{font-size:13px;line-height:1.5}.unified .caption .index{font-size:12px}.unified .about{padding:62px 0 75px;display:block}.unified .about .eyebrow,.unified .contact .eyebrow{font-size:12px;letter-spacing:.12em}.unified .about h2{font-size:clamp(42px,5.8vw,76px);font-weight:500;letter-spacing:-.06em;line-height:1.06;margin:28px 0 40px}.unified .bio{max-width:660px;margin-left:auto}.unified .bio p{font-size:17px;line-height:1.75;max-width:none}.unified dl{margin:32px 0}.unified dl>div{grid-template-columns:160px 1fr;font-size:14px;padding:18px 0;gap:24px}.unified .bio>a{font-size:14px}.unified .contact{margin:0;padding:58px 0 66px}.unified .contact-title{font-size:clamp(44px,7vw,92px);font-weight:500;letter-spacing:-.065em;line-height:1.06;margin:32px 0 42px;transition:color .2s}.unified .contact-title:hover{color:#63635f}.unified .socials{gap:30px;font-size:14px}.unified footer{margin:0;font-size:12px;padding:24px 0 110px}.unified a:focus-visible,.unified button:focus-visible,.unified input:focus-visible{outline:3px solid #0071e3;outline-offset:4px}.unified .versions a[aria-current]{background:#f6f5f1}.unified .film:fullscreen{aspect-ratio:auto;border-radius:0}.unified .film:fullscreen>img{object-fit:contain}::selection{background:#d8e8fb;color:#1d1d1f}@media(max-width:1100px){.unified .caption{display:flex}.unified .caption>a{margin:0}}@media(max-width:760px){.unified .page{padding:58px 24px 0}.identity{display:block;margin-bottom:48px}.identity h1{font-size:30px}.identity p{font-size:14px}.identity nav{margin-top:25px;gap:26px;font-size:14px}.intro{gap:32px;margin-bottom:42px}.intro ul{font-size:15px}.intro h2,.client-section h2{font-size:12px}.client-section{margin-bottom:45px}.clients{gap:20px 26px}.unified .work-grid{gap:32px 16px}.unified .film{aspect-ratio:9/14;border-radius:8px}.unified .caption{display:block;padding-top:11px}.unified .caption h3{font-size:14px}.unified .caption>a{display:inline-block;margin-top:5px;font-size:12px}.unified .caption .index{display:none}.unified .controls{gap:0;padding:26px 5px 7px}.unified .controls button{width:30px;height:36px}.unified .controls .time{display:none}.unified .controls .fullscreen{display:none}.unified .work-section{padding-bottom:55px}.unified .about{padding:42px 0 48px}.unified .about h2{font-size:clamp(38px,7.2vw,54px);margin:22px 0 32px}.unified .bio{margin:0}.unified .bio p{font-size:16px;line-height:1.7}.unified dl>div{grid-template-columns:110px 1fr;gap:16px}.unified .contact{padding:40px 0 48px}.unified .contact-title{font-size:clamp(39px,8.2vw,60px);margin:26px 0 32px}.unified footer{display:flex;gap:20px}.unified .versions{max-width:calc(100vw - 20px)}.unified .versions a{font-size:12px;padding:10px 11px}}@media(max-width:480px){.intro{grid-template-columns:1fr;gap:30px}.unified .work-grid{grid-template-columns:1fr;gap:35px}.unified .film{aspect-ratio:9/12}.unified .caption{display:flex;gap:10px}.unified .caption>a{margin-top:0}.unified .controls{padding:30px 11px 10px;gap:6px}.unified .controls .time{display:block}.unified .controls .fullscreen{display:grid}.unified .controls button{width:34px;height:38px}.unified .section-heading>span{font-size:10px}.unified .about h2{font-size:38px}.unified .contact-title{font-size:clamp(35px,8.9vw,43px)}}@media(prefers-reduced-motion:reduce){.unified *{transition:none!important}}
.unified .identity .role{color:var(--text);font-size:17px;line-height:1.5}.unified .identity .role span{display:block;color:var(--muted);font-size:14px;margin-top:2px}.unified .intro{max-width:none;grid-template-columns:1.2fr 1fr;gap:68px}.unified .intro li{margin-bottom:9px}.brand-logos{display:flex;align-items:center;gap:24px 36px;flex-wrap:wrap;padding:8px 0}.brand-logos .logo-slot{width:130px;height:42px;display:flex;justify-content:center;align-items:center}.brand-logos img{display:block;height:auto;object-fit:contain;filter:brightness(0);max-height:30px}.logo-prozis{width:96px}.logo-zara{width:66px}.logo-net{width:126px}.logo-cactus{width:48px}.brand-name{font-size:15px;font-weight:500;letter-spacing:-.035em}.unified .client-section h2{margin-bottom:20px}@media(max-width:760px){.unified .intro{gap:32px}.brand-logos{gap:20px}.brand-logos .logo-slot{width:118px}}@media(max-width:480px){.unified .intro{grid-template-columns:1fr}.brand-logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.brand-logos .logo-slot{width:100%}.brand-logos img{max-width:100%}.logo-prozis{width:76px}.logo-zara{width:56px}.logo-net{width:102px}.logo-cactus{width:43px}}
/* Work, recognition, and project detail refinement. */
.unified .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}.unified .project[hidden]{display:none!important}.unified .work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 24px}.work-filters{display:flex;gap:4px;flex-wrap:wrap}.work-filters button{border:1px solid transparent;background:transparent;border-radius:7px;padding:10px 14px;font-size:14px;line-height:1.3;color:var(--muted);min-height:40px}.work-filters button:hover{background:#eae9e4;color:var(--text)}.work-filters button[aria-selected=true]{background:#1d1d1f;color:#fff}.unified #result-count{color:var(--muted);font-size:12px;white-space:nowrap}.unified .work-grid .film{aspect-ratio:9/14;border-radius:9px}.unified .caption{display:block;padding-top:12px}.unified .caption>div{gap:8px;min-height:44px;align-items:baseline}.unified .caption h3{font-size:14px;font-weight:550;line-height:1.45}.unified .caption h3 a:hover{text-decoration:underline;text-underline-offset:3px}.unified .caption .index{font-size:11px;display:none}.unified .caption>a.breakdown-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:12px;line-height:1.4;font-weight:500;color:var(--text);border:1px solid #cdccc5;background:#eeede8;border-radius:6px;padding:10px;margin-top:10px;min-height:40px;white-space:normal}.unified .caption>a.breakdown-link:hover{background:#e2e1da;border-color:#aaa99f}.unified .film .controls{padding:30px 6px 7px;gap:0}.unified .film .controls button{width:40px;height:40px;display:grid;flex-shrink:0}.unified .film .controls .sound{margin-left:auto}.unified .film .controls .fullscreen{display:grid}.unified .film .controls svg{width:19px;height:19px}.unified .film .video-status{font-size:12px;line-height:1.45}.unified .bio p{margin-bottom:22px}.recognition{background:#bf331d;color:#fff;border-radius:14px;padding:34px 40px 36px;margin:0 0 52px}.award-kicker{display:flex;gap:13px;align-items:center;font-size:12px;letter-spacing:.14em;font-weight:600}.award-kicker svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.recognition h2{font-size:clamp(30px,3.8vw,48px);line-height:1.1;font-weight:550;letter-spacing:-.045em;margin:24px 0}.recognition p{margin:0;font-size:15px;line-height:1.5;display:flex;justify-content:space-between;gap:24px}.recognition p span{white-space:nowrap}.practice-details{margin-bottom:60px}.practice-row{display:grid;grid-template-columns:150px 1fr;gap:32px;border-top:1px solid var(--line);padding:28px 0}.practice-row h2{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:5px 0}.practice-row ul{list-style:none;margin:0;padding:0}.interest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;font-size:15px}.software-list{display:flex;flex-wrap:wrap;gap:7px}.software-list li{font-size:13px;line-height:1.4;padding:9px 12px;background:#eae9e4;border-radius:5px}.project-page .page{padding-top:40px}.project-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--line);font-size:14px}.project-top>a:first-child{font-size:18px;font-weight:550;letter-spacing:-.04em}.project-intro{padding:56px 0 36px}.project-intro .eyebrow{text-transform:uppercase;color:var(--muted);font-size:12px}.project-intro h1{font-size:clamp(38px,6vw,78px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin:20px 0}.project-intro p{font-size:17px;max-width:620px;color:var(--muted);line-height:1.7;margin:0 0 24px}.process-jump{font-size:14px;text-decoration:underline;text-underline-offset:5px}.case-film{width:min(100%,540px);margin:0 auto 56px}.project-page .case-film .film{aspect-ratio:9/16;max-height:none;border-radius:12px}.project-page .case-film .controls{padding:35px 14px 14px}.project-page .case-film .controls button{width:44px;height:44px}.project-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:44px 0 56px;border-top:1px solid var(--line)}.project-breakdown h2{font-size:48px;font-weight:500;letter-spacing:-.05em;line-height:1.05;margin:22px 0}.project-breakdown .eyebrow{font-size:12px;color:var(--muted)}.breakdown-source{padding-top:12px}.breakdown-source p{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 24px}.source-button{background:#1d1d1f;color:#fff;padding:16px 20px;border-radius:8px;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:14px;max-width:340px}.source-button:hover{background:#414141}.process-contact{display:block;font-size:14px;text-decoration:underline;text-underline-offset:4px;margin-top:22px}.project-pagination{border-top:1px solid var(--line);padding:32px 0 56px;display:grid;grid-template-columns:1fr 1fr;gap:25px;font-size:18px;line-height:1.4}.project-pagination a:last-child{text-align:right}.project-pagination span{display:block;font-size:11px;color:var(--muted);letter-spacing:.1em;margin-bottom:12px}@media(max-width:999px){.unified .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unified .caption>div{min-height:auto}.unified .work-toolbar{align-items:flex-start}.work-filters{gap:3px}.unified .film .controls button{width:44px;height:44px}.unified .caption>a.breakdown-link{font-size:13px}.project-breakdown{gap:32px}}@media(max-width:600px){.unified .work-toolbar{display:block}.unified #result-count{display:block;margin-top:12px}.work-filters button{font-size:13px;padding:9px 11px}.recognition{padding:26px 24px;border-radius:10px;margin-bottom:36px}.recognition h2{font-size:32px}.recognition p{display:block;font-size:14px}.recognition p span{display:block;margin-top:7px}.practice-row{grid-template-columns:1fr;gap:18px;padding:24px 0}.interest-list{font-size:14px;gap:12px 18px}.software-list li{font-size:12px}.practice-details{margin-bottom:38px}.project-intro{padding-top:38px}.project-intro p{font-size:16px}.project-breakdown{grid-template-columns:1fr;gap:10px;padding:34px 0 42px}.project-breakdown h2{font-size:40px}.project-pagination{font-size:15px}.project-top{font-size:13px}}@media(max-width:480px){.unified .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.unified .work-grid .film{aspect-ratio:9/14}.unified .film .controls{padding:22px 1px 4px}.unified .film .controls button{width:36px;height:40px}.unified .caption h3{font-size:13px}.unified .caption>div{min-height:38px}.unified .caption>a.breakdown-link{font-size:11px;padding:9px 7px;min-height:46px}.unified .film .controls svg{width:17px;height:17px}.project-page .case-film .controls button{width:44px;height:44px}}@media(max-width:350px){.unified .work-grid{grid-template-columns:1fr}.unified .caption h3{font-size:15px}.unified .caption>a.breakdown-link{font-size:13px}}
/* Compact editorial breakdown links and focused toolkit. */
.unified .caption>a.breakdown-link{display:inline-flex;justify-content:flex-start;gap:10px;width:auto;min-height:30px;padding:4px 0;margin-top:5px;background:transparent;border:0;border-radius:0;color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}.unified .caption>a.breakdown-link:hover{background:transparent;border:0;color:var(--text);text-decoration:underline;text-underline-offset:4px}.unified .software-list .ai-toolkit{max-width:100%;white-space:normal}.project-facts dl{margin:0}.project-facts dl>div{grid-template-columns:100px 1fr;gap:20px;font-size:14px}.project-facts dl>div:first-child{border-top:0}.project-page .project-breakdown h2{font-size:clamp(30px,4vw,44px);overflow-wrap:anywhere}.unified .project-facts .process-contact{margin-top:24px;font-size:14px}@media(max-width:480px){.unified .caption>a.breakdown-link{font-size:12px;padding:4px 0;min-height:30px}.project-facts dl>div{grid-template-columns:90px 1fr}}
/* Titles and breakdown links share one caption row. */
.unified .work-grid .caption{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.unified .work-grid .caption>div{min-height:0;flex:1;min-width:0}.unified .work-grid .caption h3{overflow-wrap:break-word}.unified .work-grid .caption>a.breakdown-link{margin:0;padding:1px 0;min-height:0;flex-shrink:0;gap:5px;font-size:12px;line-height:1.65}.unified .project-metadata{display:grid;grid-template-columns:.9fr .55fr .9fr 1.65fr;gap:24px;margin:34px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.unified .project-metadata>div{display:block;border:0;padding:0}.unified .project-metadata dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}.unified .project-metadata dd{font-size:14px;line-height:1.65;overflow-wrap:anywhere}.unified .project-intro{padding-bottom:32px}.unified .case-film{margin-bottom:48px}.project-frames{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 56px}.project-frames figure{margin:0}.project-frames img{width:100%;height:auto;display:block;border-radius:9px}.project-frames figcaption{font-size:12px;color:var(--muted);margin-top:9px}@media(max-width:700px){.unified .project-metadata{grid-template-columns:1fr 1fr;gap:24px 28px}.unified .work-grid .caption{gap:8px}.unified .work-grid .caption h3{font-size:13px}}@media(max-width:480px){.unified .work-grid .caption{gap:6px}.unified .work-grid .caption>a.breakdown-link{font-size:12px;gap:3px;line-height:1.65}.unified .work-grid .caption>a.breakdown-link span{display:none}.unified .project-metadata{gap:20px}.unified .project-metadata dd{font-size:13px}.project-frames{grid-template-columns:1fr;gap:20px}}

@media(max-width:480px){.unified .work-grid{grid-template-columns:1fr}.unified .work-grid .caption h3{font-size:15px}.unified .work-grid .caption>a.breakdown-link{min-height:32px}.unified .work-grid .caption>a.breakdown-link span{display:inline}}

.unified .project-intro .project-note{font-size:13px;line-height:1.6;color:var(--muted);margin-top:18px}

.supplied-frame-strip{margin:0 0 56px}.supplied-frame-strip img{display:block;width:100%;height:auto;border-radius:9px}

/* Replace each placeholder div with an img when selected frames are ready. */
.frame-placeholders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 48px}.frame-placeholder{margin:0}.frame-placeholder>div{aspect-ratio:3/4;display:grid;place-items:center;background:#eae9e4;border:1px dashed #c8c7c1;border-radius:9px;color:var(--muted)}.frame-placeholder span{font-size:12px;letter-spacing:.08em}.frame-placeholder img{width:100%;height:auto;display:block;border-radius:9px}@media(max-width:600px){.frame-placeholders{gap:10px}.frame-placeholder span{font-size:11px}}

.unified .about-portrait{display:block;width:112px;height:112px;object-fit:cover;border-radius:14px;margin:0 0 26px}@media(max-width:600px){.unified .about-portrait{width:88px;height:88px;border-radius:12px;margin-bottom:22px}}

.unified .about .bio{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:28px;max-width:800px;align-items:start}.unified .about .bio .about-portrait{grid-column:1;grid-row:1 / span 2;margin:0}.unified .about .bio p{grid-column:2;margin-top:0}@media(max-width:600px){.unified .about .bio{grid-template-columns:72px minmax(0,1fr);column-gap:18px}.unified .about .bio .about-portrait{width:72px;height:72px}}

.unified .menu-toggle{display:none}@media(max-width:760px){.unified .identity{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:0 16px}.unified .menu-toggle{display:grid;place-items:center;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--text);cursor:pointer}.menu-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.unified .identity nav{display:none;grid-column:1 / -1;margin-top:22px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.unified .identity.menu-open nav{display:flex;flex-direction:column;gap:0}.unified .identity nav a{display:block;padding:12px 4px;min-height:44px}}

@media(max-width:480px){.unified .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.unified .work-grid .caption{display:block}.unified .work-grid .caption h3{font-size:13px}.unified .work-grid .caption>a.breakdown-link{margin-top:5px;font-size:12px;min-height:32px}}

@media(min-width:1000px){.unified .work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Compact, single-row client marks at every viewport width. */
.unified .brand-logos{align-items:center}
.unified .brand-logos{display:flex;flex-wrap:nowrap;gap:clamp(10px,3vw,28px);width:100%;max-width:480px;padding:4px 0}
.unified .brand-logos .logo-slot{flex:1 1 0;min-width:0;width:auto;height:30px}
.unified .brand-logos img{max-width:100%;max-height:22px}
.unified .brand-logos .logo-zara{width:38px}
.unified .brand-logos .logo-net{width:78px}
.unified .brand-logos .logo-cactus{width:26px}
.unified .brand-logos .brand-name{font-size:14px;white-space:nowrap}
.unified .brand-logos .logo-prozis{width:64px}
@media(max-width:480px){.unified .brand-logos{gap:10px}.unified .brand-logos .logo-slot{height:26px}.unified .brand-logos img{max-height:20px}.unified .brand-logos .logo-zara{width:34px}.unified .brand-logos .logo-cactus{width:24px}.unified .brand-logos .brand-name{font-size:clamp(10px,3vw,14px)}}
/* Preserve each film's framing and give the supporting sections quieter scale. */
.unified .work-grid{align-items:start}.unified .work-grid .film,.unified.project-page .case-film .film{aspect-ratio:var(--film-ratio,9/16)}.unified .film>img{object-fit:contain}.unified .film:hover>img{transform:none}.unified.project-page .case-film.landscape-film{width:100%}.unified .film:fullscreen{aspect-ratio:auto}

.unified .about .bio{max-width:900px;grid-template-columns:176px minmax(0,1fr);column-gap:36px}.unified .about .bio .about-portrait{width:176px;height:176px;border-radius:16px}
@media(max-width:600px){.unified .about .bio{display:block}.unified .about .bio .about-portrait{width:104px;height:104px;margin:0 0 24px}.unified .about .bio p{width:100%}}

.unified .work-grid .film,.unified.project-page .case-film .film{aspect-ratio:9/16}.unified .film>img{object-fit:cover}.unified .film:fullscreen{aspect-ratio:auto}

/* Compact award recognition. */
.unified .recognition{background:transparent;color:var(--text);border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin-bottom:40px}.unified .recognition .award-kicker{color:#a62c1a}.unified .recognition h2{font-size:clamp(25px,3vw,34px);line-height:1.15;margin:14px 0 10px;letter-spacing:-.035em}.unified .recognition p{font-size:13px;color:var(--muted)}@media(max-width:600px){.unified .recognition{padding:20px 0;margin-bottom:32px}.unified .recognition h2{font-size:26px}}