:root{--wpp-ink:#10141f;--wpp-blue:#284dff;--wpp-muted:#b9c4d6;--wpp-line:rgba(255,255,255,.18)}
/* Keep the full brand mark visible and give the footer room to reflow. */
.site-nav>a:first-child{flex-shrink:0}
.site-nav img,.site-footer img{width:auto;object-fit:contain;flex-shrink:0}
.site-footer-grid{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto);gap:clamp(24px,5vw,96px);margin-bottom:56px}
.site-footer-grid>div{min-width:0}
@media(max-width:1100px){.site-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}}
button{font:inherit}
:focus-visible{outline:3px solid #6d87ff;outline-offset:5px}
.wpp-hero{display:block;padding:44px 40px 28px}
.wpp-hero-top{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:54px;padding:12px 16px 36px}
.wpp-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.875rem;letter-spacing:.07em;text-transform:uppercase;line-height:1.6}
.wpp-eyebrow i{display:inline-block;width:7px;height:7px;background:var(--wpp-blue);border-radius:100%;margin:0 10px 1px 0}
.wpp-hero h1{margin:19px 0 0;font-size:clamp(2.8rem,5.5vw,5.25rem);line-height:.99;letter-spacing:-.055em;font-weight:600;max-width:920px;text-wrap:balance}
.wpp-hero-intro p{font-size:1.125rem;line-height:1.6;color:#5e6168;max-width:480px;margin:0 0 24px}
.wpp-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.wpp-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;background:var(--wpp-ink);color:#fff!important;padding:14px 24px;border-radius:100px;font-size:1rem;font-weight:500;transition:background .2s}
.wpp-button:hover{background:var(--wpp-blue)}
.wpp-textlink{font-size:1rem;border-bottom:1px solid #969aa3;padding:8px 0}
.wpp-hero-stage{position:relative;border-radius:22px;overflow:hidden;background:#113544;aspect-ratio:1.93;min-height:430px}
.wpp-hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.wpp-hero-stage:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(3,13,24,.86));pointer-events:none}
.wpp-hero-label{position:absolute;left:32px;right:32px;bottom:26px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:24px;color:#fff}
.wpp-hero-label strong{display:block;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;letter-spacing:-.04em;font-weight:500;margin-top:8px}
.wpp-hero-label a{display:flex;align-items:center;gap:14px;color:#fff;font-size:1rem;border:1px solid rgba(255,255,255,.55);border-radius:99px;padding:15px 22px;background:rgba(10,19,30,.22);backdrop-filter:blur(10px)}
.wpp-hero-note{display:flex;justify-content:space-between;gap:18px;padding:16px 4px;font-size:.8125rem;color:#6b7079;line-height:1.5}
.wpp-case{background:var(--wpp-ink);color:#fff;margin:28px 40px 0;padding:64px 40px;border-radius:26px;scroll-margin-top:100px}
.wpp-case-head{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;margin-bottom:34px}
.wpp-case-head h2{font-size:clamp(2.8rem,5vw,4.8rem);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:18px 0 0;text-wrap:balance}
.wpp-case-head p{margin:0;color:var(--wpp-muted);font-size:1.125rem;line-height:1.65;max-width:480px}
.wpp-facts{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--wpp-line);border-bottom:1px solid var(--wpp-line);padding:18px 0;margin:28px 0 34px;font-family:'IBM Plex Mono',monospace;font-size:.875rem;color:#d6deed;line-height:1.5}
.wpp-film{position:relative;background:#070c15;border-radius:18px;overflow:hidden;margin:0}
.wpp-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.wpp-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 24px;background:#1b2333;font-size:1rem;line-height:1.5}
.wpp-film figcaption span{font-size:.875rem;color:var(--wpp-muted)}
.wpp-subhead{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:56px 0 24px}
.wpp-subhead h3{font-weight:500;font-size:clamp(2rem,3.2vw,3rem);letter-spacing:-.04em;line-height:1.1;margin:0}
.wpp-subhead p{font-size:1rem;line-height:1.6;max-width:410px;margin:0;color:var(--wpp-muted)}
.wpp-photo-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:220px 220px;gap:12px}
.wpp-photo-button{display:block;border:0;padding:0;position:relative;overflow:hidden;border-radius:14px;cursor:zoom-in;background:#1b2635;text-align:left;color:#fff;min-width:0}
.wpp-photo-button img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wpp-photo-button:hover img{transform:scale(1.025)}
.wpp-photo-button:after{content:'↗';position:absolute;right:14px;top:14px;background:rgba(7,15,28,.64);width:34px;height:34px;display:grid;place-items:center;border-radius:100%;font-size:20px}
.wpp-photo-button span{position:absolute;inset:auto 0 0;padding:36px 18px 18px;background:linear-gradient(transparent,rgba(0,0,0,.74));font-size:1rem;line-height:1.4}
.wpp-photo-grid .wpp-photo-button:first-child{grid-column:span 2;grid-row:span 1}
.wpp-photo-grid .wpp-photo-button:nth-child(2){grid-row:span 2}
.wpp-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.wpp-video-card{margin:0;overflow:hidden;border:1px solid var(--wpp-line);border-radius:16px;background:#080e19}
.wpp-video-card video{display:block;width:100%;aspect-ratio:2/3;object-fit:contain;background:#080e19}
.wpp-video-card figcaption{padding:20px;font-size:1rem;line-height:1.5}
.wpp-video-card figcaption small{display:block;color:var(--wpp-muted);font-size:.875rem;margin-top:5px}
.wpp-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wpp-ai-grid .wpp-photo-button{aspect-ratio:3/2;background:#fff}
.wpp-ai-grid img{object-fit:contain}
.wpp-source-note{color:var(--wpp-muted);font-size:.8125rem;line-height:1.6;margin:18px 0 0}
.wpp-case-end{border-top:1px solid var(--wpp-line);padding-top:30px;margin-top:46px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wpp-case-end p{font-size:1.25rem;margin:0;line-height:1.4}
.wpp-case-end .wpp-button{background:var(--wpp-blue)}
.wpp-lightbox{padding:0;border:0;max-width:min(94vw,1400px);max-height:94vh;background:#111722;color:#fff;border-radius:16px;box-shadow:0 24px 100px #0008}
.wpp-lightbox::backdrop{background:rgba(1,6,16,.88);backdrop-filter:blur(8px)}
.wpp-lightbox img{max-width:94vw;max-height:80vh;width:auto;height:auto;object-fit:contain;margin:auto}
.wpp-lightbox p{font-size:1rem;line-height:1.5;margin:0;padding:18px 70px 18px 22px}
.wpp-lightbox button{position:absolute;right:12px;top:12px;border:1px solid #fff8;background:#10141fed;color:#fff;border-radius:100%;width:46px;height:46px;font-size:26px;cursor:pointer}
@media(max-width:1100px){.wpp-hero-top{gap:32px;grid-template-columns:1.15fr 1fr}.wpp-case{padding:44px 28px}.wpp-hero h1{font-size:3.7rem}.wpp-photo-grid{grid-template-rows:190px 190px}.wpp-case-head{gap:32px}}
@media(max-width:800px){.wpp-hero{padding:30px 20px 10px!important}.wpp-hero-top{grid-template-columns:1fr;padding:0 2px 28px;gap:24px}.wpp-hero h1{font-size:clamp(2.7rem,8vw,4rem)!important}.wpp-hero-intro p{max-width:600px;margin-bottom:18px}.wpp-hero-stage{aspect-ratio:4/3;min-height:0}.wpp-hero-label{left:20px;right:20px;bottom:20px}.wpp-hero-label strong{font-size:2.8rem}.wpp-hero-label a{padding:12px 16px}.wpp-hero-note{flex-direction:column;gap:4px}.wpp-case{margin:16px 12px 0;padding:36px 20px;border-radius:20px}.wpp-case-head{grid-template-columns:1fr;gap:20px}.wpp-case-head h2{font-size:3.2rem!important}.wpp-subhead{align-items:start;flex-direction:column;gap:16px;margin-top:40px}.wpp-photo-grid{grid-template-columns:1fr 1fr;grid-template-rows:240px 180px 180px}.wpp-photo-grid .wpp-photo-button:first-child{grid-column:span 2;grid-row:auto}.wpp-media-grid{gap:12px}.wpp-video-card figcaption{padding:14px}.wpp-ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wpp-case-end{align-items:start;flex-direction:column}}
@media(max-width:520px){.wpp-hero-stage{aspect-ratio:4/5}.wpp-hero-photo{object-position:49% center}.wpp-hero-label{align-items:start;flex-direction:column;gap:16px}.wpp-hero-label strong{font-size:2.5rem}.wpp-hero-label a{font-size:.875rem}.wpp-actions{gap:16px}.wpp-button{padding:13px 19px;font-size:.9375rem}.wpp-case-head h2{font-size:2.7rem!important}.wpp-film figcaption{align-items:start;flex-direction:column;gap:6px;padding:16px}.wpp-photo-grid{grid-template-rows:210px 150px 150px;gap:10px}.wpp-photo-button span{font-size:.875rem;padding:30px 12px 12px}.wpp-media-grid{grid-template-columns:1fr}.wpp-video-card video{max-height:66vh;aspect-ratio:2/3}.wpp-ai-grid{grid-template-columns:1fr}.wpp-facts{gap:10px 18px}.wpp-film video{aspect-ratio:16/10}.wpp-lightbox p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wpp-photo-button img{transition:none}}

/* The opening films and reference scene echo the floating final gallery. */
.wpp-opening-videos{position:relative;padding:8px 32px 20px;scroll-margin-top:100px}
.wpp-opening-videos:before{content:'';position:absolute;inset:12% 4% 5%;border-radius:50%;background:radial-gradient(ellipse,rgba(70,100,255,.16),transparent 66%);pointer-events:none}
.wpp-reel-label{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:0 0 12px;font-size:.875rem;color:#676d78}
.wpp-reel-label .wpp-eyebrow{color:#2b4bff}
.wpp-opening-reels{position:relative;max-width:1020px;margin:0 auto;align-items:start;gap:36px;padding:20px 14px 68px}
.wpp-opening-reels .wpp-video-card{position:relative;background:#fff;color:#111722;border:5px solid #fff;border-radius:22px;box-shadow:0 22px 46px #1a28492b;transform:translateY(var(--reel-y,0)) rotate(var(--reel-rot,0deg));transition:transform .4s,box-shadow .4s;overflow:hidden}
.wpp-opening-reels .wpp-video-card:nth-child(1){--reel-y:38px;--reel-rot:-5deg}
.wpp-opening-reels .wpp-video-card:nth-child(2){z-index:2;--reel-y:0px;--reel-rot:1deg}
.wpp-opening-reels .wpp-video-card:nth-child(3){--reel-y:50px;--reel-rot:5deg}
.wpp-opening-reels .wpp-video-card:hover,.wpp-opening-reels .wpp-video-card:focus-within,.wpp-opening-reels .wpp-video-card.is-playing{transform:translateY(var(--reel-y,0));box-shadow:0 28px 64px #1a284945;z-index:4}
.wpp-opening-reels video{aspect-ratio:852/1280;border-radius:15px 15px 0 0}
.wpp-opening-reels figcaption{font-size:1.0625rem;font-weight:500;padding:16px 14px 18px}
.wpp-opening-reels figcaption small{color:#656b77;font-size:.875rem;line-height:1.5;font-weight:400}
.wpp-reel-next{position:relative;display:flex;justify-content:center;gap:18px;align-items:center;margin:4px auto 0;width:fit-content;font-size:.9375rem;padding:12px 0}
.wpp-reel-next span{display:grid;place-items:center;border:1px solid #ccd1da;border-radius:50%;width:36px;height:36px}
.wpp-case .wpp-hero-stage{min-height:0;aspect-ratio:1.85;margin-top:12px}
.wpp-case .wpp-hero-note{color:#b9c4d6}
.site-nav-links{gap:22px}
.wpp-reference-copy{position:absolute;left:50%;top:50%;width:37%;transform:translate(-50%,-50%);text-align:center;z-index:2;pointer-events:none}
.wpp-reference-copy .wpp-eyebrow{color:#a7baff;font-size:.8125rem}
.wpp-reference-copy h3{font-size:clamp(3.2rem,5.2vw,5rem);font-weight:500;line-height:.98;letter-spacing:-.055em;margin:20px -20px}
.wpp-reference-copy p{max-width:280px;margin:0 auto;font-size:1rem;line-height:1.65;color:#c0cada}
.wpp-reference-copy>span{display:block;margin-top:22px;font-size:.8125rem;color:#a7baff}
.wpp-reference-card{position:absolute;background:#fff;border:5px solid #fff;border-radius:18px;box-shadow:0 20px 48px #0005;aspect-ratio:3/2;transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(var(--angle,0deg));animation:wppReferenceFloat 9s ease-in-out infinite;animation-delay:var(--delay,0s);z-index:1;transition:box-shadow .3s;will-change:transform}
.wpp-reference-card img{object-fit:contain}
.wpp-reference-card:hover,.wpp-reference-card:focus-visible{z-index:5;box-shadow:0 30px 65px #0008;animation-play-state:paused}
.wpp-ref-1{left:4%;top:2%;width:35%;--angle:-8deg;--delay:-2s}
.wpp-ref-2{right:3%;top:4%;width:34%;--angle:7deg;--delay:-5s}
.wpp-ref-3{left:0;top:34%;width:28%;--angle:5deg;--delay:-1s}
.wpp-ref-4{right:0;top:36%;width:28%;--angle:-7deg;--delay:-6s}
.wpp-ref-5{left:7%;bottom:4%;width:35%;--angle:5deg;--delay:-4s}
.wpp-ref-6{right:5%;bottom:3%;width:34%;--angle:-5deg;--delay:-7s}
.wpp-reference-card.wpp-reference-focus{aspect-ratio:1550/1034;overflow:hidden}
.wpp-reference-focus img{position:absolute;max-width:none!important;width:198.279%;height:200%;left:-11.162%;top:-66.129%;object-fit:fill;transform:none!important}
@keyframes wppReferenceFloat{0%,100%{transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(var(--angle,0deg))}50%{transform:translate3d(var(--px,0px),calc(var(--py,0px) - 12px),0) rotate(var(--angle,0deg))}}
@media(max-width:1100px){.wpp-opening-videos{padding-left:10px;padding-right:10px}.wpp-opening-reels{gap:24px}.wpp-reference-scene{min-height:770px}.wpp-reference-copy{width:36%}.wpp-reference-copy h3{font-size:3.5rem}.wpp-reference-card{border-width:4px}.wpp-reference-copy p{font-size:.9375rem}}
@media(max-width:800px){.wpp-opening-videos{padding:0 0 24px}.wpp-reel-label{align-items:start;flex-direction:column;gap:5px;margin:4px 0 12px}.wpp-opening-reels{gap:15px;padding:8px 12px 46px}.wpp-opening-reels .wpp-video-card{border-width:3px;border-radius:17px}.wpp-opening-reels .wpp-video-card:nth-child(1){--reel-y:22px;--reel-rot:-4deg}.wpp-opening-reels .wpp-video-card:nth-child(3){--reel-y:30px;--reel-rot:4deg}.wpp-opening-reels figcaption{font-size:.9375rem;padding:12px 9px}.wpp-opening-reels figcaption small{display:none}.wpp-case .wpp-hero-stage{aspect-ratio:4/3}.wpp-reference-scene{min-height:0;margin:50px 0 0}.wpp-reference-copy{position:relative;left:auto;top:auto;width:auto;transform:none;max-width:430px;margin:0 auto 22px}.wpp-reference-copy h3{font-size:3.8rem;margin:16px 0}.wpp-reference-copy p{max-width:330px}.wpp-reference-orbit{display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;padding:30px 10px}.wpp-reference-card{position:relative;inset:auto;width:100%;aspect-ratio:1.48;animation:none;transform:rotate(var(--angle));box-shadow:0 14px 30px #0005}.wpp-ref-1{--angle:-5deg}.wpp-ref-2{--angle:4deg}.wpp-ref-3{--angle:3deg}.wpp-ref-4{--angle:-4deg}.wpp-ref-5{--angle:-3deg}.wpp-ref-6{--angle:4deg}}
@media(max-width:520px){.wpp-opening-reels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:26px;padding:12px 30px 46px;margin:0 -20px;scroll-padding-left:30px}.wpp-opening-reels .wpp-video-card{flex:0 0 78%;max-width:310px;scroll-snap-align:center;--reel-y:0px!important;--reel-rot:0deg!important}.wpp-opening-reels .wpp-video-card:nth-child(even){--reel-y:12px!important}.wpp-opening-reels video{max-height:58vh}.wpp-opening-reels figcaption small{display:block}.wpp-reel-next{font-size:.875rem}.wpp-case .wpp-hero-stage{aspect-ratio:4/5}.wpp-reference-copy h3{font-size:3.2rem}.wpp-reference-orbit{gap:26px 14px;padding:24px 2px}.wpp-reference-card{border-width:3px;border-radius:12px}.wpp-reference-card:after{width:28px;height:28px;font-size:18px;top:8px;right:8px}}
@media(prefers-reduced-motion:reduce){.wpp-reference-card{animation:none;transform:rotate(var(--angle,0deg));will-change:auto}.wpp-opening-reels .wpp-video-card{transition:none}}
@media(max-width:1200px){.site-nav-actions>a:first-child{display:none}}
@media(max-width:800px){.wpp-reference-feature{margin:24px 28px 30px}.wpp-reference-feature .wpp-reference-orbit{padding-top:24px;padding-bottom:24px}}
@media(max-width:520px){.wpp-reference-feature{margin-left:22px;margin-right:22px}}

/* Keep guest groups fully visible on compact screens. */
@media(max-width:800px){.wpp-case .wpp-hero-stage{aspect-ratio:auto}.wpp-case .wpp-hero-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-position:center top}.wpp-case .wpp-hero-label{position:relative;inset:auto;padding:22px;align-items:start;flex-direction:column;gap:18px;background:#172636}.wpp-case .wpp-hero-stage:after{display:none}}

/* A camera moment becomes a complete, branded postcard. */
.wpp-transformations{position:relative;margin:64px 56px 52px;scroll-margin-top:100px;color:#111722;isolation:isolate}
.wpp-transformations:before{content:'';position:absolute;inset:10% -4%;z-index:-1;background:radial-gradient(ellipse at 30% 20%,#e7ecff80,transparent 60%);pointer-events:none}
.wpp-transform-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:0 0 48px}
.wpp-transform-head h3{font-size:clamp(3.2rem,5.6vw,5.2rem);font-weight:500;letter-spacing:-.055em;line-height:.98;margin:20px 0 0}
.wpp-transform-head .wpp-eyebrow{color:#3453d9}
.wpp-transform-intro{max-width:360px;padding-bottom:4px}
.wpp-transform-intro p{font-size:1.0625rem;line-height:1.65;color:#646d7b;margin:0 0 18px}
.wpp-transform-intro small{font-size:.875rem;color:#3453d9}
.wpp-transform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 32px}
.wpp-transformation{position:relative;min-width:0;padding:26px 20px 22px;border-top:1px solid #d9deea}
.wpp-transformation header{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.wpp-transform-number{font-family:'IBM Plex Mono',monospace;font-size:.8125rem;color:#6b7790}
.wpp-transformation h4{font-size:1.25rem;letter-spacing:-.025em;font-weight:500;margin:0}
.wpp-transform-pair{display:grid;grid-template-columns:minmax(0,1fr) 32px minmax(0,1.05fr);align-items:center;gap:12px;padding:12px 0 16px}
.wpp-transform-photo{min-width:0;margin:0}
.wpp-transform-photo figcaption{margin-top:17px;color:#687183;font-size:.875rem;line-height:1.4}
.wpp-transform-photo figcaption b{color:#24314a;font-weight:500}
.wpp-transform-photo .wpp-photo-button{width:100%;background:#fff;border:5px solid #fff;border-radius:13px;box-shadow:0 16px 34px #1a284924;transition:transform .3s,box-shadow .3s}
.wpp-transform-photo .wpp-photo-button:hover,.wpp-transform-photo .wpp-photo-button:focus-visible{transform:rotate(0);box-shadow:0 22px 44px #1a284937}
.wpp-input-photo .wpp-photo-button{transform:rotate(-5deg)}
.wpp-input-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 35%}
.wpp-output-print .wpp-photo-button{transform:rotate(4deg)}
.wpp-output-print img{display:block;width:100%;height:auto;aspect-ratio:3073/2067;object-fit:contain}
.wpp-transform-arrow{color:#3453d9;font-size:1.8rem;align-self:center;padding-bottom:28px;text-align:center}
.wpp-transformations .wpp-photo-button:after{width:28px;height:28px;font-size:17px;right:8px;top:8px}
.wpp-transformation:first-child{grid-column:1/-1;padding:30px 7% 26px;background:#edf1fb88;border:1px solid #dce3f2;border-radius:24px}
.wpp-transformation:first-child .wpp-transform-pair{grid-template-columns:minmax(0,1fr) 56px minmax(0,1.05fr);gap:26px}
.wpp-transformation:first-child .wpp-transform-photo .wpp-photo-button{border-width:7px;border-radius:16px}
.wpp-transformation:first-child h4{font-size:1.5rem}
.wpp-transformations .wpp-transform-note{margin:32px 0 0;color:#687183;font-size:.875rem;line-height:1.6}
@media(min-width:801px){.wpp-transformation:last-child:nth-child(even){grid-column:1/-1;max-width:850px;width:100%;justify-self:center}}
@media(max-width:1100px){.wpp-transformations{margin-left:40px;margin-right:40px}.wpp-transform-grid{gap:28px 18px}.wpp-transformation{padding-left:6px;padding-right:6px}.wpp-transform-pair{gap:8px;grid-template-columns:minmax(0,1fr) 22px minmax(0,1.05fr)}}
@media(max-width:800px){.wpp-transformations{margin:44px 28px}.wpp-transform-head{display:block;margin-bottom:32px}.wpp-transform-intro{max-width:500px;margin-top:22px}.wpp-transform-grid{grid-template-columns:1fr;gap:30px}.wpp-transformation:first-child{padding:24px 20px}.wpp-transformation:first-child .wpp-transform-pair{grid-template-columns:minmax(0,1fr) 32px minmax(0,1.05fr);gap:14px}.wpp-transform-pair{grid-template-columns:minmax(0,1fr) 32px minmax(0,1.05fr);gap:14px}.wpp-transform-photo figcaption{font-size:.875rem}}
@media(max-width:520px){.wpp-transformations{margin:36px 22px}.wpp-transform-head h3{font-size:3.2rem}.wpp-transformation:first-child{padding:20px 12px}.wpp-transform-pair,.wpp-transformation:first-child .wpp-transform-pair{grid-template-columns:minmax(0,1fr) 20px minmax(0,1.05fr);gap:8px}.wpp-transform-photo .wpp-photo-button,.wpp-transformation:first-child .wpp-transform-photo .wpp-photo-button{border-width:3px;border-radius:9px}.wpp-transform-arrow{font-size:1.3rem}.wpp-transformations .wpp-input-photo .wpp-photo-button:after{display:none}.wpp-transformation h4,.wpp-transformation:first-child h4{font-size:1.1875rem}.wpp-transform-photo figcaption{font-size:.8125rem}.wpp-transformations .wpp-output-print .wpp-photo-button:after{width:23px;height:23px;font-size:15px;right:5px;top:5px}}
@media(prefers-reduced-motion:reduce){.wpp-transform-photo .wpp-photo-button{transition:none}}

.wpp-motif-crop{aspect-ratio:1550/1034;overflow:hidden}
.wpp-motif-crop img{position:absolute;max-width:none!important;width:198.258065%!important;height:199.903288%!important;left:-11.161290%;top:-66.054159%;object-fit:fill!important;transform:none!important;aspect-ratio:auto!important}
.wpp-lightbox-image{display:flex;justify-content:center}
.wpp-lightbox.is-motif .wpp-lightbox-image{position:relative;display:block;width:min(88vw,110vh,1200px);aspect-ratio:1550/1034;overflow:hidden}
.wpp-lightbox.is-motif img{position:absolute;max-width:none;max-height:none;width:198.258065%;height:199.903288%;left:-11.161290%;top:-66.054159%;object-fit:fill}
.wpp-lightbox>button{z-index:2}


/* The hero sits outside the constrained content card and fills the viewport width. */
body > .site-nav{border-radius:0}
.site-shell--below-hero{padding-top:0}
.site-shell--below-hero > .site-card{border-top-left-radius:0;border-top-right-radius:0}
.wpp-cinema-hero{width:100%;margin:0;background:#10141f;color:#fff;scroll-margin-top:90px}
.wpp-cinema-screen{width:100%;position:relative;overflow:hidden;background:#080e19;aspect-ratio:16/9;max-height:76svh}
.wpp-cinema-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.wpp-cinema-screen:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#071222b3);pointer-events:none}
.wpp-cinema-label{position:absolute;left:40px;bottom:42px;z-index:1;pointer-events:none;text-shadow:0 2px 14px #0007}
.wpp-cinema-label .wpp-eyebrow{display:block;font-size:.8125rem;letter-spacing:.08em}
.wpp-cinema-label strong{display:block;font-weight:500;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.04em;margin-top:8px}
.wpp-cinema-toggle{position:absolute;top:26px;right:28px;z-index:2;display:inline-flex;gap:10px;align-items:center;justify-content:center;min-width:126px;min-height:44px;padding:10px 16px;border:1px solid #ffffff80;border-radius:99px;background:#091321aa;color:#fff;font-size:.875rem;cursor:pointer;backdrop-filter:blur(12px)}
.wpp-cinema-toggle[hidden]{display:none}
.wpp-cinema-toggle:hover{background:#10141f}
.wpp-cinema-copy{box-sizing:border-box;max-width:1560px;margin-inline:auto;display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:48px;padding:38px 48px 44px}
.wpp-cinema-copy .wpp-eyebrow{color:#a7baff;font-size:.8125rem}
.wpp-cinema-copy h1{font-size:clamp(2.5rem,4.1vw,4.3rem);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:16px 0 0;text-wrap:balance}
.wpp-cinema-intro p{font-size:1.0625rem;line-height:1.65;color:#c0cada;margin:0 0 22px;max-width:480px}
.wpp-cinema-copy .wpp-button{background:#3453ff}
.wpp-cinema-copy .wpp-button:hover{background:#4965ff}
.wpp-cinema-copy .wpp-textlink{color:#fff;border-color:#7d8aa3}
.site-shell--below-hero > .site-card > .wpp-opening-videos{margin:38px 40px 0;padding:12px 24px 20px}
@media(max-width:1100px){.wpp-cinema-copy{padding:32px;gap:30px;grid-template-columns:1.2fr 1fr}.wpp-cinema-copy h1{font-size:3rem}.wpp-cinema-copy .wpp-actions{gap:16px}.wpp-cinema-label{left:32px}}
@media(max-width:800px){.wpp-cinema-screen{aspect-ratio:4/3;max-height:none}.wpp-cinema-copy{grid-template-columns:1fr;gap:24px;padding:30px 24px 34px}.wpp-cinema-copy h1{font-size:clamp(2.5rem,7.5vw,3.8rem)}.wpp-cinema-intro p{max-width:580px}.wpp-cinema-label{left:24px;bottom:28px}.wpp-cinema-toggle{right:18px;top:18px}.site-shell--below-hero > .site-card > .wpp-opening-videos{margin:28px 20px 0;padding:0 0 24px}}
@media(max-width:520px){.wpp-cinema-screen{aspect-ratio:1/1}.wpp-cinema-video{object-position:52% center}.wpp-cinema-copy{padding:28px 22px 32px}.wpp-cinema-copy h1{font-size:2.65rem}.wpp-cinema-copy .wpp-eyebrow{font-size:.75rem}.wpp-cinema-label{left:22px;bottom:26px}.wpp-cinema-label strong{font-size:1.8rem}.wpp-cinema-label .wpp-eyebrow{font-size:.75rem}.wpp-cinema-toggle{min-width:112px;right:14px;top:14px;padding:9px 13px}}


/* Additional AI films and the camera booth, kept distinct from the WPP event case. */
.wpp-brand-demos{margin:64px 56px 72px;scroll-margin-top:110px;color:#111722}
.wpp-demo-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px}
.wpp-demo-heading .wpp-eyebrow{color:#3453d9}
.wpp-demo-heading h2{font-size:clamp(2.8rem,5vw,4.6rem);font-weight:500;line-height:1.02;letter-spacing:-.05em;margin:18px 0 0}
.wpp-demo-heading p{max-width:360px;margin:0 0 4px;color:#646d7b;font-size:1.0625rem;line-height:1.65}
.wpp-demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:16px 10px 32px}
.wpp-demo-card{border:7px solid #fff;border-radius:22px;background:#fff;color:#111722;box-shadow:0 18px 40px #1117221c;transform:rotate(-2deg)}
.wpp-demo-card:nth-child(2){transform:translateY(18px) rotate(2deg)}
.wpp-demo-card:nth-child(3){transform:rotate(-1deg)}
.wpp-demo-card video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;max-height:none;border-radius:15px;background:#080e19}
.wpp-demo-card figcaption{font-size:1.0625rem;font-weight:500;line-height:1.45;padding:18px 12px 16px}
.wpp-demo-card figcaption small{font-size:.9375rem;color:#646d7b;font-weight:400;line-height:1.5}
.wpp-demo-brand{display:block;margin-bottom:10px;font-size:.875rem;color:#3453d9}
.wpp-booth-feature{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;margin-top:52px;overflow:hidden;border-radius:26px;background:#10141f;color:#fff}
.wpp-booth-copy{padding:46px;align-self:center}
.wpp-booth-copy .wpp-eyebrow{color:#a7baff}
.wpp-booth-copy h3{font-size:clamp(2.2rem,3.7vw,3.6rem);font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:20px 0}
.wpp-booth-copy p{max-width:410px;font-size:1.0625rem;line-height:1.65;color:#c0cada}
.wpp-booth-copy ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:24px 0 30px}
.wpp-booth-copy li{font-size:.875rem;line-height:1.5;border:1px solid #526078;border-radius:99px;padding:7px 12px}
.wpp-booth-copy .wpp-button{background:#3453ff}
.wpp-booth-visual{width:100%;min-width:0;height:580px;border-radius:0;background:#e9e8e5}
.wpp-booth-visual img{width:100%;height:100%;object-fit:contain}
@media(max-width:1100px){.wpp-brand-demos{margin-left:40px;margin-right:40px}.wpp-demo-grid{gap:18px}.wpp-booth-copy{padding:32px}.wpp-booth-visual{height:520px}}
@media(max-width:800px){.wpp-brand-demos{margin:48px 28px}.wpp-demo-heading{display:block}.wpp-demo-heading p{margin-top:24px;max-width:520px}.wpp-demo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;margin:0 -12px;padding:14px 12px 30px}.wpp-demo-card,.wpp-demo-card:nth-child(2),.wpp-demo-card:nth-child(3){flex:0 0 72%;max-width:320px;transform:none;scroll-snap-align:center}.wpp-booth-feature{grid-template-columns:1fr;margin-top:26px}.wpp-booth-copy{padding:34px}.wpp-booth-visual{height:540px}}
@media(max-width:520px){.wpp-brand-demos{margin:42px 22px}.wpp-demo-grid{gap:20px}.wpp-demo-card{border-width:5px}.wpp-demo-card figcaption{padding:14px 10px}.wpp-booth-copy{padding:30px 24px}.wpp-booth-visual{height:460px}}


/* Supplied MINI activation and six concept motifs from the unmodified contact sheet. */
.wpp-mini-experience{margin:64px 40px 72px;color:#111722;scroll-margin-top:110px}
.wpp-mini-stage{display:grid;grid-template-columns:1.45fr 1fr;border-radius:26px;overflow:hidden;background:#101b31;color:#fff}
.wpp-mini-setup{display:block;width:100%;height:100%;aspect-ratio:4/3;border-radius:0;background:#101b31}
.wpp-mini-setup img{display:block;width:100%;height:100%;object-fit:contain}
.wpp-mini-copy{align-self:center;padding:38px}
.wpp-mini-copy .wpp-eyebrow{color:#a7baff}
.wpp-mini-copy h2{font-size:clamp(2.3rem,3.6vw,3.5rem);font-weight:500;letter-spacing:-.045em;line-height:1.06;margin:20px 0}
.wpp-mini-copy p{font-size:1.0625rem;line-height:1.65;color:#c0cada;margin:0 0 26px}
.wpp-mini-copy .wpp-textlink{display:inline-flex;align-items:center;gap:12px;color:#fff;border-color:#8090af;font-size:1rem}
.wpp-mini-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;padding:52px 16px 32px;scroll-margin-top:110px}
.wpp-mini-gallery-heading .wpp-eyebrow{color:#3453d9}
.wpp-mini-gallery-heading h3{font-size:clamp(2.5rem,4vw,4rem);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:18px 0 0}
.wpp-mini-gallery-heading p{max-width:340px;color:#646d7b;font-size:1.0625rem;line-height:1.65;margin:0}
.wpp-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;padding:12px 16px}
.wpp-concept-card{min-width:0;margin:0;background:#fff;border:6px solid #fff;border-radius:18px;box-shadow:0 12px 32px #1117221a;transform:rotate(-1.5deg)}
.wpp-concept-card:nth-child(even){transform:rotate(1.5deg)}
.wpp-concept-crop{width:100%;aspect-ratio:var(--crop-ratio);position:relative;overflow:hidden;border-radius:12px}
.wpp-concept-crop img{position:absolute;max-width:none!important;width:var(--sheet-width)!important;height:var(--sheet-height)!important;left:var(--sheet-left);top:var(--sheet-top);object-fit:fill!important;transform:none!important}
.wpp-concept-card figcaption{padding:16px 12px 14px}
.wpp-concept-card figcaption span{display:block;font-size:.875rem;color:#646d7b;margin-bottom:6px}
.wpp-concept-card figcaption strong{font-size:1.1875rem;font-weight:500}
.wpp-mini-note{font-size:.875rem;line-height:1.6;color:#687183;padding:14px 16px 0;margin:0}
@media(max-width:1100px){.wpp-mini-stage{grid-template-columns:1.2fr 1fr}.wpp-mini-copy{padding:30px}.wpp-mini-copy h2{font-size:2.6rem}.wpp-concept-grid{gap:24px 18px}}
@media(max-width:800px){.wpp-mini-experience{margin:48px 28px}.wpp-mini-stage{grid-template-columns:1fr}.wpp-mini-setup{height:auto}.wpp-mini-copy{padding:32px}.wpp-mini-gallery-heading{display:block;padding:40px 0 26px}.wpp-mini-gallery-heading p{max-width:520px;margin-top:22px}.wpp-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0;gap:26px 18px}.wpp-mini-note{padding-left:0;padding-right:0}}
@media(max-width:520px){.wpp-mini-experience{margin:42px 22px}.wpp-mini-copy{padding:28px 24px}.wpp-concept-grid{grid-template-columns:1fr;gap:26px;padding:8px 4px}.wpp-concept-card{border-width:5px}.wpp-mini-note{margin-top:8px}}

/* A clear rental offer, with the film remaining the full-width opening. */
.wpp-cinema-hero{position:relative}
.wpp-cinema-screen{aspect-ratio:auto;height:76svh;min-height:570px;max-height:780px}
.wpp-cinema-screen:after{inset:0;background:linear-gradient(90deg,rgba(7,14,27,.88),rgba(7,14,27,.5) 54%,rgba(7,14,27,.1)),linear-gradient(0deg,#07121ad9,transparent 70%)}
.wpp-cinema-copy{position:absolute;bottom:0;left:0;right:0;z-index:2;display:block;padding:54px max(48px,calc((100vw - 1440px)/2));max-width:none;pointer-events:none}
.wpp-cinema-copy h1{font-size:clamp(2.6rem,4.5vw,4.5rem);max-width:870px;line-height:1.05;margin:16px 0 24px}
.wpp-cinema-copy h1 span{color:#d8e2ff}
.wpp-cinema-intro p{font-size:1.125rem;max-width:620px;color:#e2e7ef}
.wpp-cinema-copy .wpp-actions{pointer-events:auto}
.wpp-cinema-toggle{z-index:4}
.wpp-cinema-copy .wpp-eyebrow{font-size:.875rem;color:#c8d4ff}
.wpp-cinema-copy .wpp-button{min-height:48px;box-sizing:border-box}
.wpp-cinema-copy .wpp-textlink{background:#10141f55;padding:12px 4px}
#kamera-fotobox,#leistungen,#journey,#faq{scroll-margin-top:112px}
.wpp-case .wpp-transformations{background:#fdfdfc;border-radius:22px;margin:48px -12px 0;padding:36px 28px;overflow:hidden}
.wpp-case .wpp-transformations:before{display:none}
.wpp-case .wpp-transform-head{gap:28px;margin-bottom:32px}
.wpp-case .wpp-transform-head h3{font-size:clamp(2.5rem,4.8vw,4.2rem)}
.wpp-case .wpp-transform-intro{max-width:330px}
.more-results{margin-top:28px;border-top:1px solid #d9deea;padding-top:8px}
.more-results summary,.rental-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-weight:500}
.more-results summary::-webkit-details-marker,.rental-faq summary::-webkit-details-marker{display:none}
.more-results summary{padding:18px 0;font-size:1rem;color:#2847d1}
.more-results summary span,.rental-faq summary span{font-size:1.5rem;line-height:1;flex-shrink:0;transition:transform .2s}
details[open]>summary>span{transform:rotate(45deg)}
.more-results .wpp-transform-grid{padding-top:22px}
.more-results .wpp-transformation:first-child{grid-column:auto;background:none;border:0;border-top:1px solid #d9deea;border-radius:0;padding:26px 20px 22px}
.more-results .wpp-transformation:first-child .wpp-transform-pair{grid-template-columns:minmax(0,1fr) 32px minmax(0,1.05fr);gap:12px}
.more-results .wpp-transformation:first-child h4{font-size:1.25rem}
.rental-section{margin:72px 56px;scroll-margin-top:112px}
.rental-section-head{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:40px;margin-bottom:36px}
.rental-section-head .wpp-eyebrow{color:#3453d9}
.rental-section h2{font-size:clamp(2.5rem,4.6vw,4.3rem);font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:16px 0 0}
.rental-section-head>p{color:#5e6675;font-size:1.0625rem;line-height:1.65;max-width:380px;margin:0}
.rental-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rental-steps article{border:1px solid #dce2ee;border-radius:22px;padding:30px 26px;background:#f3f5fa}
.rental-step-number{display:block;font-family:'IBM Plex Mono',monospace;font-size:.875rem;color:#3453d9;margin-bottom:28px}
.rental-section h3{font-size:1.35rem;font-weight:500;letter-spacing:-.025em;margin:0 0 12px}
.rental-steps p,.rental-options-grid p{font-size:1rem;line-height:1.65;color:#5e6675;margin:0}
.rental-product{margin:64px 40px 0}
.rental-product .wpp-booth-feature{margin-top:0}
.rental-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px}
.rental-options-grid article{position:relative;padding:28px 0;border-top:1px solid #dce2ee}
.rental-option-label{display:inline-block;font-size:.875rem;background:#e8edff;color:#2847d1;border-radius:30px;padding:6px 12px;margin-bottom:14px}
.rental-options-grid article:has(.rental-option-label) h3{display:inline;margin-left:8px}
.rental-options-grid article:has(.rental-option-label) p{margin-top:8px}
.rental-faq-list{border-top:1px solid #d7ddea}
.rental-faq details{border-bottom:1px solid #d7ddea}
.rental-faq summary{padding:24px 0;font-size:1.1875rem;line-height:1.4}
.rental-faq details>p{margin:0;padding:0 46px 26px 0;max-width:880px;font-size:1rem;line-height:1.7;color:#5e6675}
.site-footer a{font-size:.9375rem}
.site-footer-grid>div>div{font-size:.8125rem!important;color:#a2a9b6!important}
.site-footer-grid>div>p{color:#b9c1ce!important}
@media(max-width:1100px){
  .wpp-cinema-copy{padding:40px 32px}
  .rental-section{margin:56px 40px}
  .rental-section-head{gap:28px}
  .rental-steps article{padding:26px 20px}
}
@media(max-width:800px){
  .wpp-cinema-copy{position:relative;padding:28px 24px 34px}
  .wpp-cinema-screen{height:auto;aspect-ratio:16/10;min-height:0;max-height:480px}
  .wpp-cinema-screen:after{background:linear-gradient(0deg,#10141f,transparent 35%)}
  .wpp-cinema-copy h1{font-size:clamp(2.35rem,6.3vw,3.8rem);margin:14px 0 20px;max-width:680px}
  .wpp-cinema-intro p{font-size:1rem}
  .wpp-cinema-copy .wpp-actions{gap:14px}
  .wpp-case .wpp-transformations{padding:28px 20px;margin:32px -8px 0}
  .wpp-case .wpp-transform-head{align-items:start;flex-direction:column;gap:22px}
  .wpp-case .wpp-transform-intro{max-width:none}
  .rental-section{margin:48px 28px}
  .rental-section-head{grid-template-columns:1fr;gap:20px}
  .rental-section-head>p{max-width:580px}
  .rental-steps{grid-template-columns:1fr}
  .rental-steps article{padding:26px}
  .rental-step-number{margin-bottom:16px}
  .rental-product{margin:48px 20px 0}
}
@media(max-width:520px){
  .wpp-cinema-copy{padding:22px 22px 30px}
  .wpp-cinema-copy h1{font-size:2.4rem}
  .wpp-cinema-copy .wpp-eyebrow{font-size:.8125rem}
  .wpp-cinema-copy .wpp-actions{align-items:start;flex-direction:column;gap:12px}
  .wpp-case .wpp-transformations{padding:26px 16px}
  .wpp-case .wpp-transform-head h3{font-size:2.7rem}
  .more-results .wpp-transformation:first-child{padding:24px 0}
  .more-results .wpp-transformation:first-child .wpp-transform-pair{grid-template-columns:minmax(0,1fr) 18px minmax(0,1.05fr);gap:6px}
  .rental-section{margin:44px 22px}
  .rental-options-grid{grid-template-columns:1fr}
  .rental-section h2{font-size:2.6rem}
  .rental-product{margin:42px 12px 0}
  .rental-faq summary{font-size:1.0625rem;padding:22px 0}
  .rental-faq details>p{padding-right:0}
}