.video-page{--vp-space:clamp(24px,5vw,90px)}.video-page h1,.video-page h2,.video-page h3{font-family:var(--display);font-weight:600;letter-spacing:-.025em;margin:0}.video-page h1{font-size:clamp(72px,9vw,160px);line-height:.88}.video-page h2{font-size:clamp(54px,6.7vw,115px);line-height:.94}.video-page em{color:var(--orange);font-style:normal}.video-page p{line-height:1.65;color:#bcbab4}.video-page .vp-lead{font-size:clamp(23px,2.3vw,34px);line-height:1.35;color:var(--paper)}.video-page .vp-lead small{font-size:15px;display:block;margin-top:20px;color:#bcbab4}.vp-hero{position:relative;min-height:760px;height:100svh;max-height:1100px;isolation:isolate;overflow:hidden}.vp-hero-film{position:absolute;inset:0;z-index:-2}.vp-hero-film video{width:100%;height:100%;object-fit:cover;opacity:.72}.vp-hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0009,transparent),linear-gradient(0deg,#000 0%,transparent 60%)}.vp-hero-content{height:100%;padding:145px var(--vp-space) 45px;display:flex;flex-direction:column;justify-content:space-between}.vp-breadcrumb{font-size:11px;letter-spacing:1.8px;display:block;margin-bottom:35px}.vp-hero h1{transform:translateY(calc(var(--vp-scroll,0)*-45px));letter-spacing:calc(-.025em + var(--vp-scroll,0)*.018em)}.vp-hero-bottom{display:flex;align-items:center;gap:40px;justify-content:space-between;margin-top:30px}.vp-hero-bottom p{max-width:400px;color:var(--paper);font-size:17px}.vp-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:20px 24px;border:1px solid var(--orange);background:var(--orange);color:#000;font-size:12px;font-weight:700;letter-spacing:.6px;position:relative;transition:background .25s,color .25s,transform .25s;min-height:58px}.vp-button span{font-size:24px;transition:transform .3s}.vp-button:hover{background:var(--paper);border-color:var(--paper);transform:translateY(-3px)}.vp-button:hover span{transform:rotate(45deg)}.vp-down{font-size:11px;letter-spacing:1.5px;white-space:nowrap}.vp-section{padding:100px var(--vp-space)}.vp-kicker{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.2px;border-top:1px solid var(--line);padding-top:22px;margin-bottom:70px}.vp-kicker span:last-child{color:var(--muted);text-align:right}.vp-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start;margin-bottom:65px}.vp-intro p:first-child{margin-top:0}.vp-formats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vp-format{padding:34px 30px 34px 0;position:relative;transition:background .4s,padding .4s}.vp-format+.vp-format{border-left:1px solid var(--line);padding-left:30px}.vp-format:hover{background:#000000;padding-left:24px}.vp-format-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--orange)}.vp-format-top img{width:30px;height:30px;object-fit:contain}.vp-format h3{font-size:clamp(44px,5vw,76px);margin:36px 0 18px}.vp-format p{min-height:110px;font-size:15px;max-width:340px}.vp-format-link{font-size:11px;letter-spacing:1px;color:var(--orange)}.vp-screen-room{background:#000000}.vp-room-copy{max-width:570px;margin:30px 0 55px}.vp-cinema-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px 40px;align-items:start}.vp-film{margin:0;min-width:0}.vp-film video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#181818;display:block}.vp-film figcaption{display:flex;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.vp-film figcaption span{color:var(--orange);font-size:10px}.vp-cinema-grid .vp-film:nth-child(2n){margin-top:90px}.vp-method{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.vp-method-image video{width:100%;aspect-ratio:4/5;object-fit:cover}.vp-method h2{font-size:clamp(48px,5vw,80px);margin:35px 0}.vp-method ol{list-style:none;counter-reset:step;padding:0}.vp-method li{counter-increment:step;position:relative;border-top:1px solid var(--line);padding:22px 0 8px 40px}.vp-method li:before{content:'0'counter(step);position:absolute;left:0;font-size:12px;color:var(--orange)}.vp-method li p{font-size:14px}.vp-cross{display:block;position:relative;background:#000000;padding:65px var(--vp-space);overflow:hidden}.vp-cross>span:first-child{font-size:11px;letter-spacing:2px}.vp-cross strong{display:block;font-family:var(--display);font-weight:600;font-size:clamp(50px,7vw,115px);line-height:.95;margin-top:30px}.vp-cross-arrow{position:absolute;right:8%;top:30%;font-size:clamp(70px,13vw,200px);color:var(--orange);transition:transform .4s}.vp-cross:hover .vp-cross-arrow{transform:translate(12px,-12px)}.video-page .vp-contact{padding:85px var(--vp-space) 30px}.vp-contact h2{color:#000;margin:45px 0}.vp-contact h2 i{font-style:normal;-webkit-text-stroke:1px #000;color:transparent}.vp-contact-grid{display:flex;justify-content:space-between;gap:40px;align-items:center;margin:30px 0 65px}.vp-contact-grid p{max-width:570px;color:#000}.vp-contact .vp-button{border-color:#000;background:#000;color:var(--paper)}.vp-social-hero{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:100svh;padding-top:125px;background:#000000}.vp-social-copy{padding:35px 0 65px var(--vp-space);position:relative;z-index:2}.vp-social-copy h1{font-size:clamp(75px,8vw,140px)}.vp-social-copy p{max-width:420px;padding-right:20px;margin:28px 0}.vp-social-visual{align-self:stretch;position:relative;margin:0 0 55px 35px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 100%,8% 100%,0 92%)}.vp-social-visual video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.vp-visual-label{position:absolute;bottom:25px;left:25px;font-size:10px;letter-spacing:1.4px;background:#000;padding:12px}.vp-channels{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.vp-channels span{font-size:12px;border-bottom:1px solid var(--orange);padding:8px 0;margin-right:12px}.vp-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;border-top:1px solid var(--line);padding-top:20px}.vp-benefits p{font-size:14px}.vp-benefits b{display:block;font-size:11px;letter-spacing:1px;color:var(--orange);margin-bottom:14px}.vp-reels{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;padding:55px 0 20px;scrollbar-color:var(--orange) #222}.vp-reels .vp-film{flex:0 0 27%;scroll-snap-align:start}.vp-reels .vp-film:nth-child(2n){padding-top:45px}.vp-reels video{aspect-ratio:9/16}.vp-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vp-package{border:1px solid var(--line);padding:30px;transition:border-color .3s,transform .3s;background:#000000}.vp-package:hover,.vp-package:focus-within{border-color:var(--orange);transform:translateY(-8px)}.vp-package h3{font-size:clamp(80px,10vw,150px);line-height:1.2;display:flex;align-items:center;gap:20px;color:var(--orange)}.vp-package h3 small{font-family:'DM Sans',sans-serif;font-size:11px;line-height:1.7;letter-spacing:1px;color:var(--paper)}.vp-package p{min-height:76px;font-size:14px}.vp-package .vp-button{width:100%;font-size:10px;padding:16px}.vp-included{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-top:55px}.vp-included h3{font-size:32px}.vp-included ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;margin:0;padding:0}.vp-included li{font-size:14px;border-bottom:1px solid var(--line);padding-bottom:16px}.vp-included li:before{content:'↗';color:var(--orange);margin-right:10px}.vp-custom{margin-top:40px;font-size:14px}.vp-custom a{color:var(--paper);border-bottom:1px solid var(--orange)}.vp-brand-story{display:grid;grid-template-columns:.8fr 1fr;gap:10%;align-items:center;background:#000000}.vp-brand-story>img{width:100%;max-height:730px;object-fit:cover;object-position:center}.vp-brand-story h2{margin:40px 0;font-size:clamp(50px,5.5vw,95px)}.vp-text-link{display:inline-block;margin-top:30px;padding-bottom:14px;border-bottom:1px solid var(--orange);font-size:11px;letter-spacing:.7px}.video-page .menu-links a span{font-size:clamp(32px,4.5vw,75px)}.video-page .vp-contact .vp-button:hover{background:var(--paper);color:#000}.video-page .vp-film:focus-within{outline:1px solid var(--orange);outline-offset:5px}
@media(min-width:800px){.video-page.js-motion .vp-format h3{transition:transform .4s}.video-page.js-motion .vp-format:hover h3{transform:translateX(12px)}}
@media(max-width:800px){.vp-hero{min-height:740px}.vp-hero-bottom{flex-wrap:wrap;gap:15px}.vp-hero-bottom p{max-width:100%;flex-basis:100%}.vp-hero-content{padding-top:135px}.vp-section{padding:65px var(--vp-space)}.vp-kicker{margin-bottom:45px}.vp-kicker span:last-child{display:none}.vp-intro{grid-template-columns:1fr;gap:30px}.vp-formats{grid-template-columns:1fr}.vp-format,.vp-format+.vp-format{padding:25px 0;border-left:0;border-bottom:1px solid var(--line)}.vp-format p{min-height:0;max-width:100%}.vp-format h3{margin:10px 0}.vp-format-top img{position:absolute;right:10px;top:45px}.vp-cinema-grid{gap:35px 20px}.vp-cinema-grid .vp-film:nth-child(2n){margin-top:55px}.vp-method{grid-template-columns:1fr}.vp-method-image{margin-bottom:40px}.vp-method-image video{aspect-ratio:16/9}.vp-contact-grid{display:block}.vp-contact-grid .vp-button{margin-top:20px}.vp-social-hero{padding-top:115px;min-height:0}.vp-social-copy{padding-top:10px}.vp-social-copy h1{font-size:clamp(62px,9vw,90px)}.vp-social-visual{margin-left:10px}.vp-social-copy p{font-size:14px}.vp-benefits{grid-template-columns:1fr 1fr}.vp-reels .vp-film{flex-basis:43%}.vp-packages{gap:10px}.vp-package{padding:18px}.vp-package h3{gap:10px;font-size:80px}.vp-package h3 small{font-size:9px}.vp-package .vp-button{gap:8px;font-size:9px;padding:12px}.vp-included{grid-template-columns:1fr;gap:25px}.vp-brand-story{gap:35px}.vp-cross-arrow{right:5%;font-size:80px}.vp-cross strong{max-width:80%}}
@media(max-width:560px){.vp-hero{height:auto;min-height:100svh}.vp-hero-content{min-height:100svh;padding-bottom:35px}.vp-hero h1{font-size:clamp(63px,13vw,85px)}.vp-hero-bottom .vp-button{font-size:10px;padding:16px;gap:10px}.vp-down{font-size:9px}.vp-social-hero{display:flex;flex-direction:column;padding-top:110px}.vp-social-copy{padding:10px var(--vp-space) 30px}.vp-social-copy h1{font-size:21vw}.vp-social-copy p{max-width:none}.vp-social-visual{height:95vw;margin:0 24px 30px}.vp-hero-film video{object-position:63%}.vp-cinema-grid{grid-template-columns:1fr}.vp-cinema-grid .vp-film:nth-child(2n){margin-top:0}.vp-reels .vp-film{flex-basis:76%}.vp-packages{grid-template-columns:1fr;gap:20px}.vp-package{padding:28px}.vp-package h3{font-size:110px;gap:24px}.vp-package h3 small{font-size:12px}.vp-package p{min-height:0}.vp-package .vp-button{font-size:11px}.vp-included ul{grid-template-columns:1fr}.vp-brand-story{grid-template-columns:1fr}.vp-brand-story>img{max-height:450px;object-position:center 35%}.vp-cross strong{font-size:54px}.vp-contact h2{font-size:clamp(46px,11vw,65px)}.vp-contact-grid .vp-button{font-size:10px;width:100%}.vp-breadcrumb{font-size:9px;letter-spacing:1px}.video-page .footer-bottom{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){body:not(.js-motion).video-page *{scroll-behavior:auto!important;animation:none!important;transition:none!important}body:not(.js-motion) .vp-hero h1{transform:none;letter-spacing:-.025em}}.video-page.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .vp-hero h1{transform:none;letter-spacing:-.025em}

/* ===== effects shared by the service pages ===== */
/* viewfinder over the hero film */
.fx-hud{position:absolute;inset:112px var(--vp-space) 28px;pointer-events:none;z-index:0;font:500 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:1.4px;color:#fff;text-transform:uppercase}
.fx-hud-c{position:absolute;width:30px;height:30px;border:0 solid var(--orange)}
.fx-hud-c.tl{top:0;left:0;border-width:2px 0 0 2px}.fx-hud-c.tr{top:0;right:0;border-width:2px 2px 0 0}
.fx-hud-c.bl{bottom:0;left:0;border-width:0 0 2px 2px}.fx-hud-c.br{bottom:0;right:0;border-width:0 2px 2px 0}
.fx-hud-rec{position:absolute;top:16px;right:46px;display:flex;align-items:center;gap:9px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.fx-hud-rec i{width:9px;height:9px;border-radius:50%;background:#ff3b30;animation:fx-blink 1.1s steps(2) infinite}
.fx-hud-rec b{font-weight:500}
.fx-hud-meta{position:absolute;top:44px;right:46px;color:#ffffffa8;font-size:10px}
.fx-hud-cross{position:absolute;top:50%;left:62%;width:34px;height:34px;margin:-17px;border:1px solid #ffffff70;border-radius:50%;animation:fx-focus 4s ease-in-out infinite}
.fx-hud-cross::before,.fx-hud-cross::after{content:"";position:absolute;background:#ffffff70}
.fx-hud-cross::before{left:50%;top:-12px;bottom:-12px;width:1px}.fx-hud-cross::after{top:50%;left:-12px;right:-12px;height:1px}
@keyframes fx-blink{50%{opacity:0}}
@keyframes fx-focus{0%,100%{transform:scale(1)}45%{transform:scale(.72)}55%{transform:scale(.8)}}
.fx-letterbox{position:absolute;inset:0;pointer-events:none;z-index:4}
.fx-letterbox::before,.fx-letterbox::after{content:"";position:absolute;left:0;right:0;height:16vh;background:#000;transform:translateY(-101%);animation:fx-lb-top 1.5s .15s cubic-bezier(.7,0,.2,1) backwards}
.fx-letterbox::before{top:0}
.fx-letterbox::after{bottom:0;transform:translateY(101%);animation-name:fx-lb-bottom}
@keyframes fx-lb-top{from{transform:none}}
@keyframes fx-lb-bottom{from{transform:none}}

/* tilted marquee band */
.fx-band{position:relative;z-index:3;overflow:hidden;background:var(--orange);color:#000;border-block:2px solid #000;transform:rotate(-1.6deg);margin:-14px -2% 0;width:104%}
.fx-band span{display:flex;align-items:center;white-space:nowrap;padding:12px 0;font-family:var(--display);font-weight:700;font-size:clamp(28px,4vw,50px);line-height:1;text-transform:uppercase}
.fx-band span::after{content:"";width:15px;height:15px;margin:0 28px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.fx-band:hover .fx-marquee-track{animation-play-state:paused}
.fx-band-outline{background:transparent;transform:none;border-color:#0000002e;margin:45px 0 0;width:auto}
.fx-band-outline span{color:transparent;-webkit-text-stroke:1.2px #000;font-size:clamp(60px,9vw,150px);padding:6px 0}
.fx-band-outline span::after{background:#000;width:24px;height:24px;margin:0 40px}

/* cinema grid hover */
.vp-film video{transition:filter .5s}
.vp-film:hover video{filter:brightness(1.12) saturate(1.12)}
.vp-film figcaption span{transition:letter-spacing .3s,color .3s}
.vp-film:hover figcaption span{letter-spacing:2px}

/* steps that light up while scrolling */
.fx-steps{position:relative}
.fx-steps::before{content:"";position:absolute;left:-18px;top:0;bottom:0;width:2px;background:var(--line)}
.fx-steps::after{content:"";position:absolute;left:-18px;top:0;bottom:0;width:2px;background:var(--orange);transform-origin:top;transform:scaleY(var(--fx-prog,0));transition:transform .6s cubic-bezier(.2,.7,.1,1)}
.js-motion .fx-steps li{opacity:.32;transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.1,1)}
.js-motion .fx-steps li.fx-on{opacity:1;transform:translateX(10px)}
.fx-steps li b{display:block;font-family:var(--display);font-weight:600;font-size:clamp(26px,2.4vw,38px);line-height:1.05;letter-spacing:-.01em;margin-bottom:6px}

/* cross link to the social page */
.vp-cross{isolation:isolate}
.vp-cross::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.vp-cross:hover::before{transform:scaleX(1)}
.vp-cross:hover,.vp-cross:hover em{color:#000}
.vp-cross:hover .vp-cross-arrow{color:#000;transform:translate(14px,-14px) rotate(45deg)}
.vp-cross p{position:relative;max-width:420px}

/* giant wordmark closing the orange footer */
.fx-giant{display:block;margin:40px 0 -6px;font-family:var(--display);font-weight:800;font-size:clamp(100px,27vw,480px);line-height:.78;letter-spacing:-.02em;text-align:center;color:transparent;-webkit-text-stroke:1.2px #000;user-select:none;transition:color .6s}
.fx-giant:hover{color:#000}

@media(max-width:800px){
  .fx-hud{inset:100px 6% 20px}.fx-hud-meta,.fx-hud-cross{display:none}.fx-hud-rec{top:54px;right:16px;font-size:10px}
  .fx-band{transform:rotate(-2deg);margin-top:-6px}
  .fx-steps::before,.fx-steps::after{left:-10px}
  .js-motion .fx-steps li{opacity:1}.js-motion .fx-steps li.fx-on{transform:none}
}
.motion-off .fx-letterbox,.motion-off .fx-hud-cross{display:none}

/* ===== 404: a compass that looks for the way ===== */
.fx-404-page{position:relative;overflow:hidden;display:grid!important;grid-template-columns:1.1fr .9fr;align-items:center;gap:6%}
.fx-404{position:absolute;right:-3%;top:50%;transform:translateY(-50%);font-family:var(--display);font-weight:800;font-size:46vw;line-height:.8;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px #ffffff1c;pointer-events:none;user-select:none;animation:fx-glitch 5s steps(1) infinite}
@keyframes fx-glitch{0%,86%,100%{translate:0 0;text-shadow:none}88%{translate:-14px 4px;text-shadow:12px 0 0 #ff672555}90%{translate:10px -6px;text-shadow:-10px 0 0 #ffffff22}92%{translate:0 0;text-shadow:none}}
.fx-404-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.fx-404-copy p{color:#bdb9b1}
.fx-404-links{display:flex;flex-wrap:wrap;gap:12px 26px;font-size:14px;padding-top:24px;border-top:1px solid var(--line);margin-top:6px}
.fx-404-links a{color:#cfcbc3;transition:color .3s}
.fx-404-links a:hover{color:var(--orange)}
.fx-compass{position:relative;z-index:1;justify-self:center;width:min(440px,80vw);aspect-ratio:1}
.fx-compass-ring,.fx-compass-ring::before{position:absolute;border-radius:50%}
.fx-compass-ring{inset:0;border:1px solid #ffffff2e}
.fx-compass-ring::before{content:"";inset:9%;border:1px dashed #ff672566;animation:fx-orbit 40s linear infinite}
.fx-dir{position:absolute;font:500 12px/1 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#9a9890}
.fx-dir.n{top:14px;left:50%;translate:-50% 0;color:var(--orange)}.fx-dir.s{bottom:14px;left:50%;translate:-50% 0}
.fx-dir.e{right:14px;top:50%;translate:0 -50%}.fx-dir.w{left:14px;top:50%;translate:0 -50%}
.fx-compass img{position:absolute;inset:31%;width:38%;height:38%;object-fit:contain;opacity:.35}
.fx-needle{position:absolute;left:50%;top:13%;bottom:13%;width:22px;margin-left:-11px;transition:transform 1s cubic-bezier(.2,.7,.1,1)}
.fx-needle i{position:absolute;inset:0;background:linear-gradient(var(--orange) 50%,#f3f0e9 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:fx-wobble 3.2s ease-in-out infinite;filter:drop-shadow(0 0 18px #ff672580)}
.fx-needle::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#000;border:2px solid var(--orange)}
@keyframes fx-wobble{0%,100%{rotate:-6deg}50%{rotate:6deg}}
@keyframes fx-orbit{from{rotate:0deg}to{rotate:360deg}}
@media(max-width:800px){.fx-404-page{grid-template-columns:1fr;gap:40px}.fx-compass{width:min(280px,70vw);order:-1;justify-self:start}.fx-404{font-size:70vw;top:30%}}
.motion-off .fx-404,.motion-off .fx-needle i,.motion-off .fx-compass-ring::before{animation:none}
.sj-gp-foot{display:block;width:84px;height:auto;border-radius:6px}
@media (max-width:700px){.sj-gp-foot{width:72px}}
.sj-gp-link{display:inline-block;line-height:0;border-radius:6px;transition:transform .3s}.sj-gp-link:hover{transform:translateY(-2px)}.sj-gp-link:focus-visible{outline:2px solid var(--orange,#ff6725);outline-offset:4px}
.sj-social{display:flex;flex-wrap:wrap;gap:4px 18px}
