/* Video-led art direction. Brand UI stays strictly black and white. */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.cinematic{--black:#080808;background:#080808}.cinematic .header{position:absolute;top:0;left:48px;width:calc(100% - 96px);max-width:none;height:108px;z-index:12;border-color:#ffffff35}.cinematic .desktop-nav{gap:40px}.cinematic .brand-type{font-size:22px}.cinematic .nav-cta{border-color:#ffffff60;backdrop-filter:blur(15px);background:#0001}.cinematic .mobile-nav{z-index:15}.cinema-hero{width:100%;max-width:none;margin:0;padding:0;min-height:800px;height:100svh;max-height:1200px;position:relative;isolation:isolate;overflow:hidden;background:#161616}.film-backdrop,.film-shade,.film-vignette{position:absolute;inset:0}.film-backdrop{z-index:-1;background:#151515 url('/assets/ponds-poster.jpg') center 29%/cover no-repeat}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 29%;filter:grayscale(1);transition:filter 1s,opacity .35s;opacity:.93}.cinema-hero.is-colour .hero-video{filter:grayscale(0)}.film-shade{background:linear-gradient(90deg,#000c 0%,#0008 36%,#0002 70%,#0002 100%)}.film-vignette{background:linear-gradient(180deg,#0007 0%,transparent 25%,transparent 50%,#0009 78%,#000f 100%)}.cinema-content{position:absolute;top:25%;left:48px;width:calc(100% - 96px);max-width:none;margin:0;z-index:1;pointer-events:none}.cinema-content a{pointer-events:auto}.cinema-content .hero-eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:27px}.cinema-hero h1{font-size:clamp(110px,12.5vw,204px);line-height:.81;letter-spacing:-.018em;font-weight:700;animation:cinema-enter 1s cubic-bezier(.2,.8,.2,1) both}.cinema-hero h1 .outline-word{-webkit-text-stroke:1px #fff;color:transparent}.cinema-intro{display:flex;align-items:flex-end;gap:60px;margin-top:33px}.cinema-intro>p{font-size:12px;line-height:1.8;color:#d0d0d0}.cinema-work-link{font-size:11px;display:flex;gap:35px;align-items:center;padding-bottom:8px;border-bottom:1px solid #ffffff60}.cinema-work-link>span{font-size:22px;transition:transform .3s}.cinema-work-link:hover>span{transform:translate(4px,4px)}.hero-watch{position:absolute;right:8%;top:48%;display:flex;align-items:center;gap:18px;background:none;padding:0;font-size:9px;letter-spacing:1.5px;text-align:left;z-index:2}.hero-watch>span:last-child>span{display:block;font-size:8px;color:#ccc;letter-spacing:1px;margin-top:8px}.watch-ring{width:85px;height:85px;border:1px solid #ffffff80;border-radius:50%;background:#ffffff0a;backdrop-filter:blur(5px);display:grid;place-items:center;padding-left:4px;font-size:16px;transition:background .3s,color .3s,transform .3s}.hero-watch:hover .watch-ring{background:white;color:black;transform:scale(1.08)}.cinema-console{position:absolute;bottom:0;left:48px;width:calc(100% - 96px);max-width:none;margin:0;display:grid;grid-template-columns:1fr auto;align-items:center;z-index:2;padding-bottom:20px}.film-meta{display:flex;align-items:center;gap:28px;font-size:8px;letter-spacing:1px}.film-live{color:#bdbdbd;display:flex;align-items:center;gap:7px}.film-live>span{width:4px;height:4px;border-radius:50%;background:white;box-shadow:0 0 10px #fff}.film-controls{display:flex;gap:24px;align-items:center}.film-controls>button{background:none;display:flex;gap:9px;align-items:center;padding:8px 0;font-size:8px;letter-spacing:.6px;color:#ccc}.film-controls>button>span:first-child{font-size:15px;color:white;line-height:16px}.sound-bars{display:flex;align-items:center;justify-content:center;gap:2px;width:17px;height:15px}.sound-bars i{display:block;width:1px;height:4px;background:white}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:7px}.sound-bars i:nth-child(4){height:13px}.film-controls button[aria-pressed=true] .sound-bars i{animation:equalise .65s ease-in-out infinite alternate}.film-controls button[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:.3s}.film-controls button[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:.5s}.film-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:850px;width:75vw}.film-choice{display:flex;position:relative;gap:17px;align-items:flex-start;background:none;text-align:left;padding:15px 22px 13px 0;border-top:1px solid #ffffff30;color:#999;transition:color .3s}.film-choice:before{position:absolute;content:'';top:-1px;left:0;width:0;height:2px;background:white;transition:width .45s}.film-choice.is-active:before{width:calc(100% - 25px)}.film-choice.is-active,.film-choice:hover{color:white}.film-choice-no{font-size:8px;padding-top:5px}.film-choice>span:nth-child(2){display:flex;flex-direction:column;gap:5px}.film-choice strong{font-family:var(--display);font-size:25px;font-weight:700;letter-spacing:.3px;line-height:1}.film-choice>span:nth-child(2)>span{font-size:9px}.film-choice-arrow{font-size:22px;align-self:center;margin-left:auto;margin-right:22px;opacity:0;transition:opacity .3s}.film-choice.is-active .film-choice-arrow{opacity:1}.cinema-scroll{display:flex;align-items:center;gap:30px;justify-self:end;font-size:7px;letter-spacing:1px;line-height:1.7;color:#aaa}.cinema-scroll>span:last-child{font-size:30px;color:white}.cinematic .ticker{margin:0;padding-block:24px;border-top:0;border-bottom:1px solid #333;background:#080808}.cinematic .ticker>div{font-size:35px;gap:42px}.cinematic .ticker span{font-size:32px}.cinematic .intro{padding-block:125px}.cinematic .intro h2{font-size:clamp(50px,6vw,96px)}.cinematic .intro .muted{color:#555}.cinematic .large-copy{font-size:29px}.cinematic .little-star{font-family:var(--font);font-size:62px}.cinematic .intro-copy>p:not(.large-copy){font-size:14px}.cinematic .services{padding-block:100px;background:#f7f7f7}.services-explorer{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:start}.service-preview{position:sticky;top:30px}.service-film-frame{aspect-ratio:3/3.9;max-height:630px;position:relative;background:#222;overflow:hidden}.service-film-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 65%,#0006);pointer-events:none}.service-film-frame video{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:opacity .3s}.service-preview-top{position:absolute;top:23px;left:23px;font-size:7px;letter-spacing:1.5px;color:#fff;z-index:1}.service-preview-caption{position:absolute;bottom:28px;left:27px;right:27px;color:white;display:flex;flex-direction:column;gap:17px;z-index:1}.service-preview-caption>span{font-size:8px;letter-spacing:1px}.service-preview-caption>strong{font-family:var(--display);font-size:clamp(30px,3.2vw,50px);line-height:.95;font-weight:700;max-width:330px}.service-preview>p{font-size:10px;line-height:1.8;color:#777;margin-top:15px}.service-film-frame>button{position:absolute;right:23px;top:23px;z-index:2;display:flex;align-items:center;gap:9px;color:white;background:none;font-size:7px;letter-spacing:1px;padding:0}.service-film-frame>button>span{border:1px solid #ffffff60;border-radius:50%;padding-left:2px;width:32px;height:32px;display:grid;place-items:center;font-size:8px}.services-explorer .service summary{grid-template-columns:23px 1fr 24px;gap:12px;padding-block:28px}.services-explorer .service h3{font-size:34px}.services-explorer .service-tag{display:none}.services-explorer .service-content{padding-left:35px;padding-bottom:25px}.services-explorer .service-content>p{font-size:12px;line-height:1.9}.services-explorer .service-chips span{font-size:8px}.services-explorer .service[open] summary h3{transform:translateX(4px)}.services-explorer .services-list{margin-top:0}.cinematic .work{padding-block:110px}.cinematic .work .section-heading{margin-bottom:45px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.gallery-toolbar>.eyebrow{font-size:8px;color:#888}.gallery-arrows{display:flex;gap:9px}.gallery-arrows button{background:transparent;border:1px solid #555;width:42px;height:42px;border-radius:50%;font-size:19px;transition:background .2s,color .2s}.gallery-arrows button:hover{background:white;color:black}.gallery-arrows button:disabled{opacity:.3;cursor:default}.cinematic .filters{margin-bottom:35px;gap:10px}.cinematic .filters button{font-size:10px;padding:10px 17px;border-color:#333}.cinematic .reel-grid{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 0 20px;cursor:grab;overscroll-behavior-x:contain}.reel-grid::-webkit-scrollbar{display:none}.cinematic .reel-card{flex:0 0 calc((100% - 50px)/3);min-width:0;scroll-snap-align:start;position:relative;gap:0;user-select:none}.cinematic .reel-card:nth-child(2n){margin-top:55px}.cinematic .reel-poster{aspect-ratio:9/11.7;border:0;background:#202020}.cinematic .reel-poster>img{filter:grayscale(1) brightness(.8);transition:transform .8s,filter .6s}.cinematic .reel-poster>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s;filter:grayscale(1)}.cinematic .reel-card.is-previewing .reel-poster>video{opacity:1}.cinematic .reel-card:hover .reel-poster>img{transform:scale(1.035);filter:grayscale(0) brightness(.9)}.cinematic .reel-play{font-size:13px;width:54px;height:54px;background:#0003;backdrop-filter:blur(8px);border-color:#ffffff70;transition:opacity .3s,transform .3s;position:absolute;right:20px;bottom:20px}.reel-card.is-previewing .reel-play{opacity:.4;transform:scale(.85)}.cinematic .reel-metric{font-size:7px;left:17px;top:18px;bottom:auto;background:#0006;padding:7px 10px;backdrop-filter:blur(5px);letter-spacing:.5px}.reel-featured{position:absolute;left:18px;top:18px;font-size:7px;letter-spacing:1px;padding:7px 10px;border:1px solid #fff4;background:#0005}.cinematic .reel-category{padding-top:18px;font-size:7px;letter-spacing:1px}.cinematic .reel-title{font-family:var(--display);font-size:32px;line-height:1.1;margin-top:7px;letter-spacing:0}.cinematic .work-footnote{margin-top:25px;font-size:7px}.cinematic .approach{border-bottom:1px solid #222;background:#0c0c0c}.cinematic .contact-heading{transition:color .4s}.cinematic .contact-heading:hover{color:#999}.cinematic .contact-arrow{transition:transform .4s}.cinematic .contact-bottom .pill{transition:background .3s,transform .3s}.cinematic .video-dialog{background:#090909;border-color:#333;max-width:1100px;width:min(1100px,calc(100% - 40px));padding:28px}.cinematic .video-dialog h2{padding-right:40px;font-size:16px;margin-bottom:20px}.cinematic .video-dialog video{max-height:75vh;object-fit:contain;width:100%;min-height:250px}.cinematic .video-dialog iframe{max-width:500px;margin-inline:auto;height:70vh}.cinematic .video-dialog .text-link{font-size:10px}.cinematic .video-note{font-size:9px;display:inline-block;margin-left:25px}.motion-ready .reveal{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}.page-progress{position:fixed;top:0;left:0;right:0;height:2px;background:white;z-index:30;transform-origin:left;transform:scaleX(0);pointer-events:none}.film-cursor{position:fixed;left:0;top:0;z-index:25;pointer-events:none;width:85px;height:85px;border-radius:50%;background:white;color:black;font-size:8px;letter-spacing:1px;display:grid;place-items:center;opacity:0;scale:.5;transition:opacity .2s,scale .2s;mix-blend-mode:normal}.film-cursor.is-visible{opacity:1;scale:1}.reel-grid.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.reel-grid.is-dragging .reel-card{pointer-events:none}.service-film-frame.is-changing video{opacity:.4}@keyframes cinema-enter{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes equalise{to{height:3px}}
.hero-ambient{position:absolute;inset:-4%;width:108%;height:108%;object-fit:cover;filter:grayscale(1) blur(28px);opacity:.35;transition:filter 1s}.cinema-hero.is-colour .hero-ambient{filter:grayscale(0) blur(28px)}.hero-video{object-fit:contain;object-position:100% center;mask-image:linear-gradient(90deg,transparent 30%,black 70%);-webkit-mask-image:linear-gradient(90deg,transparent 30%,black 70%)}.service-preview-caption>strong{white-space:pre-line}.film-backdrop{background:#121212}.cinematic .reel-card:focus-visible{outline-offset:-2px}
@media(min-width:1600px){.cinema-content{top:24%}.cinema-intro>p{font-size:14px}.film-choice strong{font-size:29px}.film-choice>span:nth-child(2)>span{font-size:10px}.cinema-console{padding-bottom:25px}.film-meta,.film-controls>button{font-size:9px}.hero-watch{right:10%;top:49%}}
@media(max-width:1100px){.cinematic .header,.cinema-content,.cinema-console{left:32px;width:calc(100% - 64px)}.cinema-hero{min-height:750px}.cinema-content{top:27%}.cinema-hero h1{font-size:14vw}.hero-watch{top:53%;right:7%;flex-direction:column;gap:12px;text-align:center}.watch-ring{width:65px;height:65px}.hero-watch>span:last-child>span{margin-top:5px}.cinema-intro{gap:30px}.film-switcher{width:75vw}.film-choice{padding-right:12px;gap:12px}.film-choice strong{font-size:22px}.film-choice-arrow{margin-right:10px}.film-controls{gap:18px}.services-explorer{gap:6%;grid-template-columns:.85fr 1.15fr}.services-explorer .service h3{font-size:29px}.services-explorer .service summary{gap:8px;grid-template-columns:20px 1fr 20px}.services-explorer .service-content{padding-left:28px}.service-preview-caption{left:22px;right:22px}.service-preview-caption>strong{font-size:37px}.cinematic .reel-title{font-size:26px}.cinematic .reel-metric{max-width:calc(100% - 30px);font-size:6px}.cinematic .intro{padding-block:95px}}
@media(max-width:760px){.cinematic .header{left:20px;width:calc(100% - 40px);height:88px}.cinematic .brand-type{font-size:20px}.cinematic .desktop-nav{display:none}.cinematic .mobile-nav{position:absolute;top:88px;background:#080808f5;backdrop-filter:blur(20px)}.cinema-hero{height:100svh;min-height:760px;max-height:1000px}.hero-video{object-position:56% 25%;opacity:.85}.film-shade{background:linear-gradient(90deg,#0007,#0001 100%)}.film-vignette{background:linear-gradient(180deg,#0005,transparent 20%,#0001 40%,#000b 70%,#000f 100%)}.cinema-content{left:20px;top:28%;width:calc(100% - 40px)}.cinema-content .hero-eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:20px}.cinema-hero h1{font-size:19vw;line-height:.86;white-space:normal;letter-spacing:-.01em}.cinema-intro{display:block;margin-top:20px}.cinema-intro>p{font-size:11px;color:#ccc;line-height:1.8}.cinema-work-link{font-size:10px;gap:35px;width:max-content;margin-top:19px;padding-bottom:7px}.hero-watch{right:24px;top:auto;bottom:235px}.watch-ring{width:48px;height:48px;font-size:11px}.hero-watch>span:last-child{font-size:6px;letter-spacing:.8px}.hero-watch>span:last-child>span{font-size:6px}.cinema-console{left:20px;width:calc(100% - 40px);padding-bottom:17px}.film-meta{font-size:6px;letter-spacing:.4px;gap:12px;grid-column:1/-1;margin-bottom:13px}.film-live{font-size:6px}.film-controls{grid-column:1/-1;justify-content:flex-start;gap:25px}.film-controls>button{font-size:7px;gap:6px;padding:4px 0}.film-controls>button>span:first-child{font-size:13px}.film-switcher{grid-column:1/-1;width:100%;gap:9px}.film-choice{gap:8px;padding:13px 0 0}.film-choice-no{font-size:6px;padding-top:2px}.film-choice strong{font-size:18px;letter-spacing:0}.film-choice>span:nth-child(2)>span{font-size:7px}.film-choice.is-active:before{width:100%}.film-choice-arrow{display:none}.film-choice>span:nth-child(2){gap:5px}.cinema-scroll{display:none}.cinematic .ticker{padding-block:19px}.cinematic .ticker>div{font-size:27px;gap:27px}.cinematic .ticker span{font-size:23px}.cinematic .intro{padding-block:70px}.cinematic .intro h2{font-size:15vw}.cinematic .large-copy{font-size:23px}.cinematic .intro-copy>p:not(.large-copy){font-size:12px}.cinematic .little-star{font-size:40px}.cinematic .services{padding-block:65px}.services-explorer{display:flex;flex-direction:column;gap:35px}.service-preview{position:relative;top:0;width:100%;display:block}.service-film-frame{aspect-ratio:1.25;max-height:none}.service-film-frame video{object-position:50% 35%}.service-preview-caption>strong{font-size:37px;max-width:270px;line-height:.93}.service-preview-caption{bottom:22px}.service-preview-caption>span{font-size:7px}.service-preview>p{font-size:9px}.services-explorer .services-list{width:100%}.services-explorer .service h3{font-size:30px}.services-explorer .service summary{padding-block:24px;grid-template-columns:20px 1fr 20px;gap:11px}.services-explorer .service-content{padding-left:31px}.cinematic .work{padding-block:70px}.cinematic .work .section-heading{margin-bottom:35px}.gallery-toolbar{margin-bottom:20px;gap:15px}.gallery-toolbar>.eyebrow{font-size:6px;letter-spacing:.6px;max-width:190px}.gallery-arrows{gap:7px}.gallery-arrows button{width:34px;height:34px;font-size:17px}.cinematic .filters{gap:7px;margin-bottom:24px}.cinematic .filters button{font-size:8px;padding:8px 11px}.cinematic .reel-grid{gap:15px;margin-right:-20px;padding-right:20px}.cinematic .reel-card{flex-basis:76%;}.cinematic .reel-card:nth-child(2n){margin-top:35px}.cinematic .reel-title{font-size:31px}.cinematic .reel-category{font-size:7px}.cinematic .reel-metric{font-size:6px;top:15px;left:15px}.cinematic .reel-play{width:43px;height:43px;right:15px;bottom:15px;font-size:10px}.cinematic .video-dialog{padding:45px 16px 20px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.cinematic .video-dialog h2{font-size:16px;line-height:1.4;margin-bottom:15px;padding-right:20px}.cinematic .video-dialog video{max-height:65vh;min-height:0}.cinematic .video-note{display:block;margin-left:0;font-size:8px}.cinematic .video-dialog iframe{height:65vh}.film-cursor{display:none}.cinematic .contact-section{padding-top:70px}}
@media(max-width:380px){.cinema-hero{min-height:735px}.cinema-hero h1{font-size:19vw}.cinema-content{top:27%}.cinematic .brand-type{font-size:18px}.cinematic .header .nav-cta{display:none}.film-choice strong{font-size:16px}.hero-watch{bottom:232px;right:20px}.film-controls{gap:23px}.cinema-intro>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-ready .reveal{opacity:1;transform:none}.film-cursor{display:none}.hero-video{transition:none}.film-choice:before{transition:none}}
@media(max-width:760px){.hero-video{object-fit:cover;object-position:56% 25%;mask-image:none;-webkit-mask-image:none}.hero-ambient{display:none}}
@media(min-width:761px){.hero-video{--film-width:calc(clamp(800px,100svh,1200px) * .5625);mask-image:linear-gradient(90deg,transparent calc(100% - var(--film-width)),black calc(100% - var(--film-width) + 130px));-webkit-mask-image:linear-gradient(90deg,transparent calc(100% - var(--film-width)),black calc(100% - var(--film-width) + 130px))}}
/* Larger touch targets and safe gutters on narrow phones. */
@media(max-width:760px){
  .cinematic .menu-toggle{min-width:44px;min-height:44px;align-items:flex-end;justify-content:center}
  .film-meta{font-size:8px;letter-spacing:.2px}.film-live{font-size:7px}
  .film-controls>button{min-height:44px;font-size:9px}
  
  .film-choice{min-height:56px}.film-choice>span:nth-child(2)>span{font-size:9px}
  .hero-watch>span:last-child{font-size:8px;letter-spacing:.4px}
  .gallery-arrows{flex-shrink:0}.gallery-arrows button{width:44px;height:44px}
  .gallery-toolbar>.eyebrow{max-width:calc(100% - 110px)}
  .cinematic .filters button{min-height:44px}
  .contact-dialog input,.contact-dialog select{min-height:44px}
}
@media(max-width:380px){.cinematic .reel-grid{margin-right:-16px;padding-right:16px}}

@media(max-width:760px){.contact-dialog input,.contact-dialog textarea,.contact-dialog select{font-size:16px}}