.cinematic-hero{background:#fafbf7;position:relative}.cinematic-hero:not([data-motion=off]){height:calc(var(--studio-viewport-height,100svh) * 6.5)}.motion-viewport{height:var(--studio-viewport-height,100svh);isolation:isolate;position:sticky;top:0;overflow:hidden}.motion-pending-device{width:min(145vw, calc((var(--studio-viewport-height,100svh) - 72px) * 16 / 9 * 1.3));aspect-ratio:16/9;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(34px - 50%))}.motion-pending-device picture{position:absolute;inset:0}.motion-artwork{position:absolute;inset:0;overflow:hidden}.motion-device{transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.motion-film,.motion-final-frame{width:100%;height:100%;position:absolute;inset:0}.motion-screen{color:#292d27;background:#faf9f5;position:absolute;overflow:hidden;container-type:inline-size}.motion-scroll-cue{text-align:center;pointer-events:none;font:500 clamp(20px,1.8vw,28px)/1.3 var(--font-display);letter-spacing:-.025em;color:#526649;position:absolute;inset-inline:24px}.motion-phone-cue{transform-origin:0 0;pointer-events:none;width:540px;height:960px;position:absolute;inset:0 auto auto 0}.motion-phone-cue-screen{transform-origin:0 0;color:#292d27;place-items:center;width:322px;height:718px;padding:22px;display:grid;transform:matrix3d(.497068,.178057,0,.000347607,0,1.05153,0,0,0,0,1,0,218,95,0,1)}.motion-phone-cue-screen span{font:500 42px/1.18 var(--font-display);letter-spacing:-.035em;text-align:center;white-space:pre}.motion-skip{color:#526649;text-underline-offset:5px;padding:10px 0;font-size:12px;text-decoration:underline;position:absolute;bottom:32px;right:28px}.cinematic-hero:not([data-motion=off]) .motion-accessible{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.motion-accessible{max-width:1440px;margin-inline:auto;padding:160px 6vw 80px}.motion-accessible>p{color:#526649;font:11px var(--font-mono)}.motion-accessible h1{letter-spacing:-.055em;max-width:17ch;margin:32px 0 70px;font-size:clamp(36px,7vw,100px);line-height:1.05}.motion-accessible-services{grid-template-columns:repeat(2,1fr);gap:42px 80px;display:grid}.motion-accessible-services h2{letter-spacing:-.04em;margin-bottom:12px;font-size:24px}.motion-accessible-services p{color:#62675d;max-width:46ch;line-height:1.7}.motion-accessible>a{text-underline-offset:5px;margin-top:50px;text-decoration:underline;display:inline-block}.showcase-panel{contain:layout style;grid-template-columns:1fr 1fr;align-items:center;gap:4cqw;padding:6cqw;display:grid;position:absolute;inset:0}.showcase-copy h2{letter-spacing:-.065em;margin:3cqw 0 2cqw;font-size:5.5cqw;font-weight:500;line-height:1.05}.showcase-copy p{color:#62675d;max-width:29ch;font-size:2.1cqw;line-height:1.5}.showcase-intro{flex-direction:column;justify-content:space-between;align-items:start;display:flex}.showcase-studio{font:1.45cqw var(--font-mono);letter-spacing:.08em;justify-content:space-between;gap:4cqw;width:100%;display:flex}.showcase-studio span{letter-spacing:0;color:#62675d}.showcase-intro-copy{letter-spacing:-.055em;font-size:6.25cqw;font-weight:400;line-height:1.1}.showcase-intro-copy>span{display:block}@media (max-width:767px){.cinematic-hero{background:#fefefc}.motion-device,.motion-pending-device{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.cinematic-hero:not([data-motion=off]){height:calc(var(--studio-viewport-height,100svh) * 7)}.motion-pending-device{width:min(128vw, calc((var(--studio-viewport-height,100svh) - 92px) * 9 / 16));aspect-ratio:9/16}.motion-skip{text-align:center;font-size:10px;bottom:9px;left:0;right:0}.motion-accessible-services{grid-template-columns:1fr}.screen-phone .showcase-panel{flex-direction:column;justify-content:center;align-items:stretch;gap:10cqw;padding:12cqw 8cqw;display:flex}.screen-phone .showcase-copy h2{margin:4cqw 0;font-size:11cqw}.screen-phone .showcase-copy p{max-width:none;font-size:5.1cqw;line-height:1.45}.screen-phone .showcase-intro{justify-content:space-between}.screen-phone .showcase-studio{flex-direction:column;gap:3cqw;font-size:3.5cqw}.screen-phone .showcase-intro-copy{font-size:13cqw;line-height:1.08}}@media (prefers-reduced-motion:reduce){.cinematic-hero:not([data-motion=off]){height:auto}.motion-viewport{display:none}.cinematic-hero:not([data-motion=off]) .motion-accessible{clip-path:none;white-space:normal;width:auto;height:auto;padding:160px 6vw 80px;position:static;overflow:visible}}.showcase-brand{background:#faf9f5;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.showcase-brand-lockup{flex-direction:column;align-items:center;gap:3cqw;display:flex;transform:translateY(-3cqw)}.showcase-brand-lockup img{width:15cqw;height:15cqw}.showcase-brand-lockup span{font:2.8cqw var(--font-mono);letter-spacing:.15em}.showcase-brand>p{bottom:8%;text-align:center;letter-spacing:-.05em;font-size:5.5cqw;position:absolute;inset-inline:4%}.showcase-intro-copy{margin-block:auto}@media (max-width:767px){.screen-phone .showcase-brand-lockup{gap:6cqw}.screen-phone .showcase-brand-lockup img{width:29cqw;height:29cqw}.screen-phone .showcase-brand-lockup span{font-size:5cqw}.screen-phone .showcase-brand>p{font-size:8.5cqw;bottom:10%}}.service-scene{background:#e7ecdf;border-radius:2cqw;height:34cqw;position:relative;overflow:hidden}.scene-label{letter-spacing:-.02em;font-size:1.8cqw;display:block}.social-scene,.ads-scene{padding:2.5cqw}.social-grid{grid-template-columns:repeat(3,1fr);gap:1cqw;margin-top:2cqw;display:grid}.social-tile{background:#f7f5eb;place-items:center;height:11cqw;display:grid;overflow:hidden}.social-tile span{background:#a9b59b;border-radius:50% 50% 12% 12%;width:5cqw;height:7cqw;transform:rotate(-18deg)}.tile-1,.tile-5{background:#526649}.tile-2 span,.tile-4 span{background:#d5c6ad;border-radius:50%;transform:scale(1.5)}.tile-3{background:#d5c6ad}.ugc-scene{background:0 0;overflow:visible}.video-frame{background:#d5c6ad;border-radius:2cqw;place-items:center;width:20cqw;height:33cqw;display:grid;position:absolute;top:0;left:2cqw}.video-product{background:#f7f5eb;border-radius:2cqw 2cqw 1cqw 1cqw;width:9cqw;height:16cqw;transform:rotate(-12deg)}.video-timeline{background:#b4a48b;height:.5cqw;position:absolute;bottom:2cqw;left:2cqw;right:2cqw}.video-timeline i{background:#526649;width:60%;height:100%;display:block}.creator-brief{background:#fffefa;border:1px solid #c9cebf;border-radius:1cqw;width:23cqw;padding:2cqw;position:absolute;bottom:4cqw;right:0}.creator-brief i{background:#c9cebf;height:.6cqw;margin-top:1.6cqw;display:block}.creator-brief i:last-child{width:65%}.showcase-intro-copy{font-size:5.8cqw}@media (max-width:767px){.screen-phone .showcase-intro-copy{font-size:10.5cqw}.screen-phone .service-scene{flex-shrink:0;height:68cqw}.screen-phone .scene-label{font-size:4cqw}.screen-phone .social-scene,.screen-phone .ads-scene{padding:5cqw}.screen-phone .social-grid{gap:2cqw;margin-top:4cqw}.screen-phone .social-tile{height:22cqw}.screen-phone .social-tile span{width:10cqw;height:14cqw}.screen-phone .video-frame{width:40cqw;height:66cqw}.screen-phone .video-product{width:18cqw;height:32cqw}.screen-phone .creator-brief{width:46cqw;padding:4cqw;bottom:8cqw}.screen-phone .creator-brief i{height:1.2cqw;margin-top:3cqw}}.ads-scene{background:0 0;align-items:center;display:flex}.ads-pipeline{flex-direction:column;align-items:center;width:100%;display:flex}.ads-step{letter-spacing:-.025em;background:#fffefa;border:1px solid #c9cebf;border-radius:1.4cqw;align-items:center;gap:1.7cqw;width:100%;min-height:7.5cqw;padding:1.5cqw 2cqw;font-size:2cqw;display:flex}.ads-step>svg{stroke:#526649;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:3.7cqw;height:3.7cqw}.ads-step rect{fill:#fffefa}.ads-step-results{color:#fffefa;background:#526649;border-color:#526649}.ads-step-results>svg{stroke:#dce7c8}.ads-connector{stroke:#7d8b71;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:2.8cqw;height:3.5cqw}@media (max-width:767px){.screen-phone .ads-step{border-radius:3cqw;gap:3cqw;min-height:16cqw;padding:3cqw 4cqw;font-size:4.3cqw}.screen-phone .ads-step>svg{width:7cqw;height:7cqw}.screen-phone .ads-connector{width:5cqw;height:7cqw}}
.work-gallery{background:#faf9f5;scroll-margin-top:-112px;position:relative}.work-gallery-viewport{height:var(--studio-viewport-height,100svh);isolation:isolate;min-height:440px;position:relative;overflow:hidden}.work-gallery-pictures{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.work-scene{opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s;position:absolute;inset:0}.work-scene[data-active=true]{opacity:1;visibility:visible}.work-scene-link{touch-action:pan-y pinch-zoom;position:absolute;inset:0}.work-scene-image{object-fit:cover;object-position:center top}.work-gallery-shade{pointer-events:none;background:linear-gradient(#0000,#111712d1 55%,#111712f0);height:180px;position:absolute;inset:auto 0 0}.work-gallery-controls{color:#fff;position:absolute;bottom:18px;left:5vw;right:5vw}.work-gallery-caption{justify-content:space-between;align-items:center;gap:20px;display:flex}.work-gallery-identity{align-items:baseline;gap:14px;min-width:0;display:flex}.work-gallery-identity h3{letter-spacing:-.035em;font-size:20px;font-weight:400;line-height:1.2}.work-gallery-identity>span{color:#ffffffc4;font-size:11px;line-height:1.4}.work-gallery-nav{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex;position:relative}.work-gallery-nav button{color:#fffefa;cursor:pointer;background:#30392e;border:1px solid #89967b;border-radius:999px;flex-shrink:0;min-height:44px;padding:12px 20px;font-size:12px;line-height:1.2;transition:background .2s,color .2s,border-color .2s}.work-gallery-nav button:hover{background:#526649}.work-gallery-nav button[aria-selected=true]{color:#292d27;background:#e7ecdf;border-color:#e7ecdf}.work-autoplay{color:#fffefa;cursor:pointer;background:#30392e;border:1px solid #89967b;border-radius:999px;flex-shrink:0;min-height:44px;padding:10px 14px;font-size:11px}.work-autoplay:hover{background:#526649}.work-gallery button:focus-visible,.work-gallery a:focus-visible{outline-offset:4px;border-radius:999px;outline:2px solid #e7eddf}.work-scene-link:focus-visible{outline-offset:-4px}@media (max-width:767px){.work-gallery-controls{left:20px;right:20px;bottom:max(16px,env(safe-area-inset-bottom))}.work-gallery-shade{height:170px}.work-gallery-caption{gap:12px}.work-gallery-identity{display:block}.work-gallery-identity h3{font-size:19px}.work-gallery-identity>span{margin-top:4px;font-size:10px;display:block}.work-gallery-nav{scrollbar-width:none;margin-top:7px;flex-wrap:nowrap;justify-content:flex-start;gap:8px;margin-inline:-4px;padding:4px;overflow-x:auto}.work-gallery-nav::-webkit-scrollbar{display:none}.work-gallery-nav button{font-size:11px}}@media (prefers-reduced-motion:reduce){.work-scene,.work-gallery-nav button{transition:none}}
.process-editorial{background:#faf9f5;padding:120px 0 132px;scroll-margin-top:80px}.process-wrap{max-width:1440px;margin-inline:auto;padding-inline:40px}.process-heading{grid-template-columns:1.5fr 1fr;align-items:end;gap:64px;margin-bottom:52px;display:grid}.process-heading h2{letter-spacing:-.065em;text-wrap:balance;max-width:14ch;font-size:clamp(48px,6vw,84px);font-weight:400;line-height:.99}.process-heading>p{color:#62675d;text-wrap:pretty;justify-self:end;max-width:34ch;padding-bottom:5px;font-size:17px;line-height:1.65}.process-panels{gap:12px;height:540px;display:flex}.process-panel{isolation:isolate;background:#d9ddd2;border-radius:20px;flex:1;min-width:184px;position:relative;overflow:hidden}.process-panel[data-open=true]{flex:2.8}.process-panel-image{object-fit:cover;object-position:center;transition:transform .8s cubic-bezier(.22,1,.36,1)}.process-panel-shade{background:linear-gradient(#1d241a1f 0%,#0000 32%,#1d241a3d 50%,#1d241ae6 100%);position:absolute;inset:0}.process-panel-copy{bottom:32px;color:#fffefa;pointer-events:none;position:absolute;inset-inline:24px}.process-panel-copy h3{letter-spacing:-.045em;text-wrap:balance;max-width:14ch;font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.1}.process-panel[data-open=true] .process-panel-copy{inset-inline:32px}.process-panel[data-open=true] h3{font-size:clamp(32px,3.1vw,46px)}.process-panel-detail{display:none}.process-panel[data-open=true] .process-panel-detail{animation:.55s cubic-bezier(.22,1,.36,1) both process-copy-enter;display:block}.process-panel-detail p{color:#f5f4ebe8;text-wrap:pretty;max-width:40ch;margin-top:20px;font-size:16px;line-height:1.65}.process-panel-trigger{cursor:pointer;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.process-panel-trigger:focus-visible{outline-offset:-8px;outline:2px solid #fffefa}@media (hover:hover){.process-panel:hover .process-panel-image{transform:scale(1.035)}}@keyframes process-copy-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.process-editorial{padding:76px 0 84px}.process-wrap{padding-inline:20px}.process-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.process-heading h2{max-width:14ch;font-size:clamp(42px,11vw,60px)}.process-heading>p{justify-self:start;max-width:34ch;padding:0;font-size:15px}.process-panels{flex-direction:column;gap:10px;height:750px}.process-panel{border-radius:17px;flex:0 0 100px;min-width:0}.process-panel[data-open=true]{flex:1}.process-panel-copy,.process-panel[data-open=true] .process-panel-copy{inset-inline:22px;bottom:27px}.process-panel-copy h3{max-width:none;font-size:25px}.process-panel[data-open=true] h3{max-width:14ch;font-size:34px}.process-panel-detail p{margin-top:16px;font-size:15px;line-height:1.6}.process-panel:not([data-open=true]) .process-panel-shade{background:linear-gradient(90deg,#1d241aba,#1d241a4d)}}@media (prefers-reduced-motion:reduce){.process-panel-image{transition:none}.process-panel[data-open=true] .process-panel-detail{animation:none}}
