:root{color-scheme:light;--teal:#003b3e;--muted-teal:#1b5054;--orange:#fcb017;--pale-teal:#d8e8e9;--white:#fff;--content:90rem;--project-content:81.5625rem;color:var(--teal);background:var(--white);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;overflow-y:scroll}html[data-home-anchor-entry]{scroll-behavior:auto}body{background:var(--white);min-width:320px;margin:0}html:is([data-motion=pending],[data-motion=ready]) :where([data-motion=hero-logo],[data-motion=intro],[data-motion=media],[data-motion=filters],[data-motion=subheading],[data-motion=testimonial-surface],[data-motion=decorative-quote],[data-motion-item],[data-motion-group=heading]>.section-eyebrow,[data-motion-group=heading]>h1,[data-motion-group=heading]>h2,[data-motion-group=heading]>.section-note,[data-motion-group=heading]>.back-link):not([data-motion-revealed]){opacity:0}html:is([data-motion=pending],[data-motion=ready]) .home-hero>[data-motion=hero-mask]:not([data-motion-complete]){mask-image:url(/figma/homepage/decor-hex-about-left.svg);mask-position:50%;mask-size:.01px;mask-repeat:no-repeat;mask-mode:alpha}html[data-home-anchor-entry]:is([data-motion=pending],[data-motion=ready]) .home-hero>[data-motion=hero-mask]:not([data-motion-complete]){mask-size:220vmax}.home-hero>.hero-visual[data-scroll-mask]{-webkit-mask-image:url(/figma/homepage/decor-hex-about-left.svg);-webkit-mask-position:center var(--hero-scroll-mask-position,50%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:var(--hero-scroll-mask-size,220vmax) auto;mask-image:url(/figma/homepage/decor-hex-about-left.svg);mask-mode:alpha;mask-position:center var(--hero-scroll-mask-position,50%);mask-repeat:no-repeat;mask-size:var(--hero-scroll-mask-size,220vmax) auto;will-change:mask-position, mask-size}body,button{font-family:Inter,ui-sans-serif,system-ui,sans-serif}html[data-hero-loading]{overscroll-behavior:none;height:100%;overflow:hidden scroll}html[data-hero-loading] body{touch-action:none;height:100%;overflow:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p,blockquote,dl,dd{margin:0}h1,h2,.project-card strong{font-family:Rubik,ui-sans-serif,system-ui,sans-serif}h1,h2{font-size:clamp(2.5rem,3.5vw,3.375rem);font-weight:700;line-height:1}.site-main{overflow:hidden}.section-shell{width:min(calc(100% - 7.5rem), var(--content));margin-inline:auto}.light-section,.dark-section,.testimonials-section,.contact-section{padding-block:7.5rem;position:relative}.light-section,.testimonials-section{background:var(--white)}.dark-section{color:var(--white);background:var(--teal);overflow:hidden}.stack-section{flex-direction:column;align-items:center;gap:5rem;display:flex}.split-section{grid-template-columns:minmax(20rem,.8fr) minmax(32rem,1.2fr);align-items:center;gap:5rem;display:grid}.section-heading{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;width:min(100%,56.25rem);display:flex}.section-heading--left{text-align:left;align-items:flex-start}.section-heading--light{color:var(--white)}.section-heading h2 em{color:var(--orange);font-style:normal}.section-eyebrow{text-transform:uppercase;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1.375rem;line-height:1.2}.section-note{margin-top:.25rem;font-size:1.125rem;line-height:1.4}.button{isolation:isolate;color:var(--teal);text-transform:uppercase;background:0 0;border:0;border-radius:.375rem;justify-content:center;align-items:center;padding:1rem 2rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative}.button:before{content:"";z-index:-1;border-radius:inherit;background:var(--orange);pointer-events:none;transition:scale .44s cubic-bezier(.16,1.65,.3,1);position:absolute;inset:0;scale:1}.button:focus-visible:before{scale:1.05}.button:active:before{transition-duration:.12s;scale:.98}.button--small{padding:.75rem 1.5rem;font-size:1.125rem}.site-header{z-index:20;min-height:7.139rem;color:var(--teal);box-shadow:none;opacity:1;background:0 0;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;transition:min-height .3s,color .3s,background-color .3s,box-shadow .3s,opacity .48s,transform .56s cubic-bezier(.22,1,.36,1);display:flex;position:sticky;top:0;transform:translate(0,0)}.site-header--overlay{color:var(--white);margin-bottom:-7.139rem}html:is([data-motion=pending],[data-motion=ready]):not([data-hero-revealed]) .site-header--overlay{color:var(--teal);opacity:0;pointer-events:none;transform:translateY(-.75rem)}.site-header--scrolled{min-height:6.568rem;color:var(--teal);background:var(--white);box-shadow:0 .25rem .125rem #003b3e1a}.brand-mark{flex:none;width:3.625rem;transition:width .3s}.brand-mark img{transform-origin:50% 55%;width:100%;height:auto}.site-header--scrolled .brand-mark{width:3.125rem}.desktop-nav{text-transform:uppercase;align-items:center;gap:2.5rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1rem;display:flex}.desktop-nav>a:not(.button){position:relative}.desktop-nav>a:not(.button):after{content:"";background:currentColor;height:2px;transition:transform .16s;position:absolute;bottom:-.4rem;left:0;right:0;transform:scaleX(0)}.desktop-nav>a:hover:after,.desktop-nav>a:focus-visible:after{transform:scaleX(1)}.nav-divider{background:var(--orange);width:1px;height:2.5rem}.mobile-nav{display:none}.home-hero{background:var(--white);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}html:is([data-motion=pending],[data-motion=ready]) .home-hero:not([data-hero-open]){background:var(--teal)}.hero-loader{z-index:5;color:var(--white);background:var(--teal);opacity:0;pointer-events:none;touch-action:none;overscroll-behavior:contain;align-content:center;justify-items:center;transition:opacity .32s;display:grid;position:absolute;inset:0}html[data-hero-loading]:is([data-motion=pending],[data-motion=ready]) .hero-loader{opacity:1;pointer-events:auto}html[data-hero-loading]:is([data-motion=pending],[data-motion=ready]) .hero-loader[data-complete]{opacity:0;pointer-events:none}.hero-loader-swarm{aspect-ratio:1;width:8rem;animation:4.8s linear infinite hero-loader-orbit;position:relative}.hero-loader-swarm span{aspect-ratio:188.58/215.46;background:var(--orange);width:1.65rem;animation:1.2s cubic-bezier(.22,1,.36,1) infinite hero-loader-cell;position:absolute;translate:-50% -50%;mask:url(/brand/wilbee-films-mark.svg) 50%/100% 100% no-repeat}.hero-loader-swarm span:first-child{background:var(--muted-teal);width:2rem;animation-delay:-1.2s;top:50%;left:50%}.hero-loader-swarm span:nth-child(2){animation-delay:-1s;top:18%;left:50%}.hero-loader-swarm span:nth-child(3){animation-delay:-.8s;top:34%;left:78%}.hero-loader-swarm span:nth-child(4){animation-delay:-.6s;top:66%;left:78%}.hero-loader-swarm span:nth-child(5){animation-delay:-.4s;top:82%;left:50%}.hero-loader-swarm span:nth-child(6){animation-delay:-.2s;top:66%;left:22%}.hero-loader-swarm span:nth-child(7){top:34%;left:22%}.hero-visual,.hero-visual>.hls-media,.hero-scrim{position:absolute;inset:0}.hero-scrim{z-index:1;background:#0000001f}.hero-logo-track{z-index:2;pointer-events:none;width:min(27.5rem,58vw);transform:translate3d(-50%, calc(-50% + var(--hero-logo-scroll-y,0px)), 0) scale(var(--hero-logo-scroll-scale,1));transform-origin:50%;will-change:transform;position:absolute;top:50%;left:50%}.hero-logo{width:100%;display:block}.intro-section{background:var(--white);place-items:center;min-height:21.375rem;padding:4rem;display:grid}.intro-section p{text-align:center;width:min(100%,56.25rem);font-size:clamp(1.25rem,2vw,1.75rem);line-height:1.2}.hls-media{background:#071c1d;width:100%;height:100%;display:block;position:relative;overflow:hidden}.hls-media video{object-fit:cover;width:100%;height:100%}.video-poster-frame{z-index:1;object-fit:cover;opacity:1;pointer-events:none;width:100%;height:100%;transition:opacity .42s;position:absolute;inset:0}.hls-media.is-visual-ready .video-poster-frame{opacity:0}.hls-media[data-poster-on-play] .video-poster-frame{transition:none}.hls-media[data-poster-on-play].has-played .video-poster-frame{display:none}.hls-media[data-player]{background:0 0}.hls-media[data-player] video{width:calc(100% + 2px);max-width:none;height:calc(100% + 2px);position:absolute;inset:-1px}.about-video,.project-film{aspect-ratio:16/9;border-radius:.5rem;height:auto}.project-films{flex-direction:column;gap:1.5rem;display:flex}.video-play{z-index:4;width:5.625rem;height:5.625rem;color:var(--teal);background:var(--white);border:0;border-radius:50%;place-items:center;transition:transform .16s,opacity .16s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .375rem 1rem #00000024,0 .1rem .25rem #0000001a}.video-play span{margin-left:0;font-size:2.4rem;line-height:1;transform:translate(.22rem)}.video-play:hover,.video-play:focus-visible{transform:translate(-50%,-50%)scale(1.08)}.hls-media:is(.is-playing,.has-started) .video-play{opacity:0;pointer-events:none}.video-controls{z-index:3;color:var(--white);text-shadow:0 .125rem .35rem #0006;background:#002a2c7a;border:1px solid #ffffff14;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);display:none;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.hls-media[data-controls-ready].has-started .video-controls{opacity:0;pointer-events:none;display:flex;transform:translateY(.5rem)}.hls-media[data-controls-ready].has-started[data-controls-visible] .video-controls,.hls-media[data-controls-ready].has-started .video-controls:has(:focus-visible){opacity:1;pointer-events:auto;transform:none}.hls-media[data-player][data-controls-ready].has-started[data-cursor-hidden],.hls-media[data-player][data-controls-ready].has-started[data-cursor-hidden] video{cursor:none}.video-control{min-width:2.75rem;min-height:2.75rem;color:var(--white);cursor:pointer;background:#003b3ec7;border:1px solid #ffffff6b;border-radius:999px;flex:none;place-items:center;padding:0;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:grid}.video-control--play{color:var(--teal);border-color:var(--orange);background:var(--orange)}.video-control:hover,.video-control:focus-visible{color:var(--teal);border-color:var(--orange);background:var(--orange);transform:translateY(-1px)}.video-control--icon{color:var(--white);filter:drop-shadow(0 .125rem .2rem #00000073);background:0 0;border:0;border-radius:0}.video-control--icon:hover,.video-control--icon:focus-visible{color:var(--orange);background:0 0;border-color:#0000;transform:scale(1.06)}.video-control:focus-visible,.video-range:focus-visible{outline:.1875rem solid var(--white);outline-offset:.125rem}.video-control-symbol{border-top:.4rem solid #0000;border-bottom:.4rem solid #0000;border-left:.65rem solid;width:0;height:0;margin-left:.15rem;display:block;position:relative}.hls-media.is-playing .video-control-symbol{border:0;width:.7rem;height:.8rem;margin-left:0}.hls-media.is-playing .video-control-symbol:before,.hls-media.is-playing .video-control-symbol:after{content:"";background:currentColor;border-radius:999px;width:.2rem;height:100%;position:absolute;top:0}.hls-media.is-playing .video-control-symbol:before{left:0}.hls-media.is-playing .video-control-symbol:after{right:0}.video-time{font-variant-numeric:tabular-nums;text-align:center;flex:none;min-width:2.5rem;font-size:.75rem}.video-range-shell{flex:0 auto;height:2.75rem;display:block;position:relative}.video-range-shell:before,.video-range-fill{content:"";pointer-events:none;border-radius:999px;height:.25rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.video-range-shell:before{background:#ffffff6b;right:0}.video-range-fill{z-index:1;background:var(--orange);width:0%}.video-range{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.video-range-shell--seek{flex:auto;min-width:4rem}.video-range-shell--volume{opacity:0;pointer-events:none;visibility:hidden;flex:0 0 0;width:0;margin-right:0;transition:width .24s cubic-bezier(.22,1,.36,1),flex-basis .24s cubic-bezier(.22,1,.36,1),margin-right .24s cubic-bezier(.22,1,.36,1),opacity .16s;overflow:hidden}.video-volume-control{flex:none;align-items:center;display:flex}.video-volume-control:hover .video-range-shell--volume,.video-volume-control:focus-within .video-range-shell--volume{opacity:1;pointer-events:auto;visibility:visible;flex-basis:5rem;width:5rem;margin-right:.35rem;overflow:visible}.video-range::-webkit-slider-runnable-track{background:0 0;border-radius:999px;height:.25rem}.video-range::-webkit-slider-thumb{border:2px solid var(--white);appearance:none;background:var(--orange);border-radius:50%;width:.875rem;height:.875rem;margin-top:-.3125rem;box-shadow:0 .125rem .375rem #00000040}.video-range::-moz-range-track{background:0 0;border-radius:999px;height:.25rem}.video-range::-moz-range-progress{background:0 0;border-radius:999px;height:.25rem}.video-range::-moz-range-thumb{border:2px solid var(--white);background:var(--orange);border-radius:50%;width:.75rem;height:.75rem;box-shadow:0 .125rem .375rem #00000040}.video-range:disabled{cursor:default;opacity:.45}.video-sound-icon{place-items:center;width:1.5rem;height:1.5rem;display:grid}.video-sound-icon svg{grid-area:1/1;width:100%;height:100%}.video-sound-icon--mute,.hls-media.is-muted .video-sound-icon--volume{display:none}.hls-media.is-muted .video-sound-icon--mute{display:block}.video-fullscreen-icon{width:1rem;height:1rem;display:block;position:relative}.video-fullscreen-icon>span{width:.4rem;height:.4rem;position:absolute}.video-fullscreen-icon>span:first-child{border-top:.125rem solid;border-left:.125rem solid;top:0;left:0}.video-fullscreen-icon>span:nth-child(2){border-top:.125rem solid;border-right:.125rem solid;top:0;right:0}.video-fullscreen-icon>span:nth-child(3){border-bottom:.125rem solid;border-right:.125rem solid;bottom:0;right:0}.video-fullscreen-icon>span:nth-child(4){border-bottom:.125rem solid;border-left:.125rem solid;bottom:0;left:0}:-webkit-any(.hls-media:fullscreen,.hls-media:-webkit-full-screen){background:#071c1d}:is(.hls-media:fullscreen,.hls-media:fullscreen){background:#071c1d}:-webkit-any(.hls-media:fullscreen video,.hls-media:-webkit-full-screen video){object-fit:contain;width:100%;height:100%;inset:0}:is(.hls-media:fullscreen video,.hls-media:fullscreen video){object-fit:contain;width:100%;height:100%;inset:0}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;width:100%;display:grid}.project-card{background:0 0;border-radius:.5rem;min-height:33.2rem;overflow:hidden}.project-card[hidden]{display:none}.project-card>a{border-radius:0;width:100%;height:100%;display:block;position:relative;overflow:visible}.project-card>a:focus-visible{outline:.1875rem solid var(--orange);outline-offset:-.1875rem}.project-card-media{isolation:isolate;display:block;position:absolute;inset:0;overflow:hidden}.project-card .hls-media{background:0 0;border-radius:0;position:absolute;inset:0}.project-card .hls-media video{width:calc(100% + 4px);max-width:none;height:calc(100% + 4px);position:absolute;inset:-2px}.project-card-shade{z-index:2;pointer-events:none;background:linear-gradient(#00000005 0%,#0000000e 42%,#0003 74%,#0006 100%);border-radius:0;position:absolute;inset:0}.project-card-copy{min-width:0;color:var(--white);pointer-events:none;flex-direction:column;align-items:flex-start;gap:.625rem;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:5.5rem;transform:translate(0,0)}.project-card-tags{gap:.5rem;max-width:100%;display:flex;overflow:hidden}.project-card-copy strong{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;max-width:100%;max-height:1.1em;font-size:2rem;font-weight:700;line-height:1.1;transition:max-height .32s cubic-bezier(.45,0,.2,1);overflow:hidden}.project-card-tag,.project-filters button{text-transform:uppercase;border-radius:999px;padding:.375rem .625rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;line-height:1.2}.project-card-tag{background:var(--teal);letter-spacing:.02em;white-space:nowrap;flex:none;font-size:.75rem}.project-card-arrow{opacity:0;pointer-events:none;width:2.5rem;height:2.5rem;transition:opacity .26s,transform .32s cubic-bezier(.22,1,.36,1);position:absolute;bottom:1.5rem;right:1.5rem;transform:translate(-.3rem)scale(.96)}.project-card-arrow img{width:100%;height:100%}.project-card:hover .project-card-arrow,.project-card a:focus-visible .project-card-arrow{opacity:1}.project-card a:focus-visible .project-card-arrow{transform:translate(0,0)scale(1)}.project-card:hover .project-card-copy strong,.project-card a:focus-visible .project-card-copy strong{text-overflow:clip;white-space:normal;max-height:3.3em}.project-grid--featured .project-card--wide,.project-grid--portfolio .project-card--wide{grid-column:span 2}.project-grid--featured .project-card--wide .project-card-copy,.project-grid--portfolio .project-card--wide .project-card-copy{right:4.625rem}.split-section--clients{grid-template-columns:minmax(20rem,.72fr) minmax(34rem,1.28fr)}.client-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.client-grid>*{--client-tilt:-2deg;isolation:isolate;aspect-ratio:1;border:1px solid #0000;border-radius:.5rem;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;min-width:0;min-height:0;padding:1rem;transition:transform .3s cubic-bezier(.22,1,.36,1);display:grid;position:relative;transform:translate(0,0)}.client-grid>:before{z-index:-1;border:1px solid var(--muted-teal);border-radius:inherit;background:var(--teal);content:"";pointer-events:none;transition:background-color .24s,border-color .24s,box-shadow .28s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:-1px;transform:rotate(0)}.client-grid>:nth-child(2n){--client-tilt:2deg}.client-grid a:focus-visible:before,.client-grid a:active:before,.client-grid a.is-navigating:before{border-color:var(--muted-teal);transform:rotate(var(--client-tilt));background:#003033;box-shadow:0 .65rem 1.5rem #00000024}.client-grid a:focus-visible,.client-grid a:active,.client-grid a.is-navigating{transform:translateY(-2px)}.client-logo-frame{width:100%;min-width:0;height:100%;min-height:0;display:block;position:relative}.client-logo-frame img{filter:grayscale();object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;transition:filter .24s;display:block;position:absolute;inset:0}.client-grid a:focus-visible .client-logo-frame img,.client-grid a:active .client-logo-frame img,.client-grid a.is-navigating .client-logo-frame img{filter:grayscale(0)}.testimonials-section{overflow:hidden}.testimonials-section .stack-section{z-index:1;gap:0;position:relative}.testimonials-section .section-heading{margin-bottom:5rem}.testimonial-viewport{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x mandatory;width:100%;overflow-x:auto}.testimonial-viewport::-webkit-scrollbar{display:none}.testimonial-track{grid-auto-columns:calc(50% - .75rem);grid-auto-flow:column;gap:1.5rem;display:grid}.testimonial-card{scroll-snap-align:start;border:1px solid var(--teal);background:var(--white);border-radius:.5rem;flex-direction:column;justify-content:space-between;gap:1.5rem;min-height:13.375rem;padding:1.5rem;display:flex}.testimonial-card blockquote{letter-spacing:-.01em;font-size:1.25rem;line-height:1.4}.testimonial-card footer{letter-spacing:-.01em;flex-direction:column;gap:.125rem;font-size:1.25rem;line-height:1.4;display:flex}.testimonial-card footer span{font-size:inherit}.testimonial-controls{justify-content:space-between;align-items:center;width:100%;margin-top:1.5rem;display:flex}.testimonial-count{align-items:center;gap:.25rem;display:flex}.testimonial-count button{background:0 0;border:0;width:1.75rem;height:.75rem;padding:0;position:relative}.testimonial-count button:before{content:"";background:#ccd8d8;border-radius:50%;width:.75rem;height:.75rem;transition:width .24s cubic-bezier(.22,1,.36,1),border-radius .24s,background-color .18s;position:absolute;top:0;left:50%;transform:translate(-50%)}.testimonial-count button.active:before{background:var(--orange);border-radius:999px;width:1.75rem}.testimonial-count button[hidden]{display:none}.testimonial-count button:focus-visible{outline:2px solid var(--teal);outline-offset:.1875rem}.testimonial-arrows{gap:.75rem;display:flex}.testimonial-arrows button{background:0 0;border:0;border-radius:50%;width:2.5rem;height:2.5rem;padding:0;transition:transform .16s;display:block;overflow:hidden}.testimonial-arrows img{pointer-events:none;width:100%;height:100%}.testimonial-arrows [data-testimonial-previous] img{transform:scaleX(-1)}.testimonial-arrows [data-testimonial-previous]:focus-visible{transform:translate(-2px)scale(1.04)}.testimonial-arrows [data-testimonial-next]:focus-visible{transform:translate(2px)scale(1.04)}.testimonial-arrows button:active{transform:scale(.96)}.testimonial-arrows button:focus-visible{outline:2px solid var(--teal);outline-offset:.1875rem}.quote-mark{z-index:0;pointer-events:none;user-select:none;width:clamp(8rem,12.5vw,15rem);max-width:none;height:auto;position:absolute}.quote-mark--left{top:0;left:0}.quote-mark--right{bottom:0;right:0;transform:rotate(180deg)}.contact-section{color:var(--white);background:var(--muted-teal)}.contact-grid{grid-template-columns:minmax(0,43.75rem) 16.1875rem;align-items:center;gap:5rem;display:grid}.contact-details{border-left:1px solid var(--orange);flex-direction:column;justify-content:center;align-self:stretch;gap:2.5rem;padding-left:1.5rem;display:flex}.contact-details>div{flex-direction:column;gap:.2rem;display:flex}.contact-details strong,.contact-details a{letter-spacing:-.01em;font-size:1.25rem;line-height:1.4}.contact-details strong{align-items:center;gap:.5rem;display:flex}.contact-icon{flex:0 0 1.5rem;width:1.5rem;height:1.5rem;display:block;position:relative}.contact-icon img{width:100%;max-width:none;height:100%}.contact-icon--phone img{width:auto;height:auto;position:absolute;inset:9.02% 9.04% .78% 7.77%}.contact-details a:hover,.contact-details a:focus-visible{text-decoration:underline}.site-footer{color:var(--white);background:var(--teal);flex-direction:column;align-items:center;gap:1.625rem;padding:2.5rem;display:flex}.footer-row{grid-template-columns:13rem 1fr 13rem;align-items:center;gap:2rem;width:100%;display:grid}.footer-logo{width:9.15rem}.footer-row nav{text-transform:uppercase;justify-content:center;gap:2.5rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:.9rem;display:flex}.footer-row nav a:hover,.footer-row nav a:focus-visible{color:var(--orange)}.footer-row nav a{transition:color .18s}.social-links{justify-content:flex-end;gap:1rem;display:flex}.social-links a{flex:0 0 2.5rem;width:2.5rem;height:2.5rem;transition:opacity .16s,transform .26s cubic-bezier(.22,1,.36,1);display:block;transform:translate(0,0)rotate(0)}.social-links img{width:100%;height:100%;display:block}.social-links a:focus-visible{opacity:.72;outline:2px solid var(--orange);outline-offset:.1875rem;border-radius:.125rem;transform:translateY(-2px)rotate(-1deg)}.site-footer small{font-size:.8rem}.not-found-page{min-height:100svh;color:var(--white);background:radial-gradient(circle at 12% 82%, #d8e8e917, transparent 30rem), var(--teal);isolation:isolate;position:relative;overflow:hidden}.not-found-page:before{z-index:0;aspect-ratio:188.58/215.46;content:"";background:var(--muted-teal);width:clamp(24rem,42vw,48rem);animation:.9s cubic-bezier(.22,1,.36,1) both not-found-backdrop-in;position:absolute;top:clamp(-18rem,-16vw,-8rem);right:clamp(-16rem,-12vw,-6rem);mask:url(/brand/wilbee-films-mark.svg) 50%/100% 100% no-repeat}.not-found-brand{z-index:2;border-radius:.25rem;width:3.625rem;position:absolute;top:2rem;left:2.5rem}.not-found-brand img{transform-origin:50% 55%;width:100%;height:auto;transition:transform .34s cubic-bezier(.16,1.45,.3,1)}.not-found-brand:hover img,.not-found-brand:focus-visible img{transform:rotate(-3deg)scale(1.06)}.not-found-brand:focus-visible,.not-found-secondary:focus-visible{outline:.1875rem solid var(--orange);outline-offset:.3rem}.not-found-stage{z-index:1;width:min(calc(100% - 7.5rem), var(--content));grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);align-items:center;gap:clamp(2rem,5vw,6rem);min-height:100svh;margin-inline:auto;padding-block:7.5rem 4rem;display:grid;position:relative}.not-found-art{place-items:center;min-width:0;display:grid}.not-found-number{color:var(--white);letter-spacing:0;white-space:nowrap;justify-content:center;align-items:center;column-gap:.03em;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:clamp(11rem,min(18.5vw,52vh),23rem);font-weight:700;line-height:.72;display:flex}.not-found-number>span:not(.not-found-aperture){display:block}.not-found-aperture{aspect-ratio:188.58/215.46;transform-origin:50%;flex:none;place-items:center;width:.64em;margin-inline:0;animation:.92s cubic-bezier(.16,1.35,.3,1) .1s both not-found-aperture-in;display:grid}.not-found-aperture-ring{background:var(--orange);transform-origin:50%;width:100%;height:100%;display:block;position:relative;mask:url(/brand/wilbee-films-mark.svg) 50%/100% 100% no-repeat}.not-found-aperture-ring:after{content:"";background:var(--teal);position:absolute;inset:11%;mask:url(/brand/wilbee-films-mark.svg) 50%/100% 100% no-repeat}.not-found-copy{flex-direction:column;align-items:flex-start;animation:.6s .18s both not-found-copy-in;display:flex}.not-found-eyebrow{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.25rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1}.not-found-copy h1{max-width:9ch;font-size:clamp(3.25rem,5vw,6rem);line-height:.94}.not-found-copy h1 em{color:var(--orange);font-style:normal}.not-found-message{color:#ffffffc2;max-width:31rem;margin-top:1.75rem;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5}.not-found-actions{align-items:center;gap:1.75rem;margin-top:2.5rem;display:flex}.not-found-actions .button:focus-visible{outline:.1875rem solid var(--white);outline-offset:.25rem}.not-found-secondary{text-transform:uppercase;border-bottom:2px solid #fcb01794;align-items:center;gap:.5rem;padding-block:.35rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1.05rem;font-weight:600;transition:color .18s,border-color .18s;display:inline-flex}.not-found-secondary span{transition:transform .26s cubic-bezier(.22,1,.36,1)}.not-found-secondary:hover,.not-found-secondary:focus-visible{color:var(--orange);border-color:var(--orange)}.not-found-secondary:hover span,.not-found-secondary:focus-visible span{transform:translate(.25rem)}.not-found-stage:has(.not-found-primary:is(:hover,:focus-visible)) .not-found-aperture-ring{animation:.52s cubic-bezier(.16,1.45,.3,1) not-found-aperture-replay}@keyframes not-found-backdrop-in{0%{opacity:0;transform:translate(12%,-10%)rotate(-8deg)scale(.84)}to{opacity:1;transform:translate(0,0)rotate(0)scale(1)}}@keyframes not-found-aperture-in{0%{opacity:0;transform:rotate(-18deg)scale(.04)}62%{opacity:1;transform:rotate(2deg)scale(1.08)}82%{transform:rotate(-.6deg)scale(.975)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes not-found-aperture-replay{0%,to{transform:rotate(0)scale(1)}48%{transform:rotate(3deg)scale(1.085)}76%{transform:rotate(-.8deg)scale(.985)}}@keyframes not-found-copy-in{0%{opacity:0}to{opacity:1}}@media (width<=64rem){.not-found-stage{grid-template-columns:1fr;align-content:center;gap:1.5rem;padding-block:7rem 3rem}.not-found-number{font-size:clamp(8rem,min(30vw,27vh),18rem)}.not-found-copy{text-align:center;align-items:center}.not-found-copy h1{max-width:11ch}.not-found-actions{justify-content:center}}@media (width<=46rem){.not-found-page:before{width:28rem;top:-10rem;right:-11rem}.not-found-brand{width:3rem;top:1.25rem;left:1.25rem}.not-found-stage{width:min(calc(100% - 2.5rem), var(--content));gap:1rem;padding-block:5.75rem 2.5rem}.not-found-number{font-size:clamp(7.5rem,min(35vw,28vh),13rem)}.not-found-eyebrow{margin-bottom:.9rem;font-size:.85rem}.not-found-copy h1{font-size:clamp(2.75rem,12vw,4rem)}.not-found-message{margin-top:1.25rem}.not-found-actions{flex-wrap:wrap;gap:1rem 1.5rem;margin-top:2rem}.not-found-actions .button{padding:.9rem 1.5rem;font-size:1.05rem}.not-found-secondary{font-size:.95rem}}.portfolio-page .light-section{min-height:calc(100svh - 7.139rem)}.portfolio-page .section-heading h1{width:100%}.portfolio-page .stack-section{gap:0}.portfolio-page .section-heading{margin-bottom:5rem}.portfolio-page .project-filters{margin-bottom:1.5rem}.project-filters{align-items:center;gap:1.5rem;max-width:100%;display:flex}.project-filters>span{letter-spacing:.04em;flex:none;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1.125rem}.project-filters>div{flex-wrap:wrap;gap:.5rem;display:flex}.project-filters button{border:1px solid var(--teal);color:var(--teal);background:var(--white);font-size:1rem;transition:color .18s,background-color .18s,transform .22s cubic-bezier(.22,1,.36,1);transform:translate(0,0)}.project-filters button.active,.project-filters button:hover,.project-filters button:focus-visible{color:var(--white);background:var(--teal)}.project-filters button:focus-visible{transform:translateY(-1px)rotate(-.3deg)}.project-filters button:active{transform:translate(0,0)scale(.97)}.filter-empty{font-size:1.125rem}.project-shell{width:min(calc(100% - 7.5rem), var(--project-content));flex-direction:column;gap:5rem;margin-inline:auto;display:flex}.project-heading{flex-direction:column;gap:1.5rem;display:flex}.back-link{width:fit-content;color:var(--teal);text-transform:uppercase;align-items:center;gap:.625rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.2;transition:color .18s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex;transform:translate(0,0)}.back-link:hover,.back-link:focus-visible{color:#66878b}.back-link:focus-visible{transform:translate(-2px)}.back-link [data-project-back-label]{transform:translateY(1px)}.back-link>span[aria-hidden=true]{display:none}.back-link-arrow{flex:none;order:-1;width:1.5rem;height:1.5rem;display:block}.project-page>.light-section:first-child{padding-bottom:5rem}.other-projects-section{padding-top:0}.other-projects-shell{gap:1.5rem}.other-projects-shell h2{font-size:1.6875rem}.project-grid--related{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid--related .project-card{aspect-ratio:16/9;grid-column:auto;min-height:0}.project-information{grid-template-columns:minmax(0,1fr) 18.75rem;gap:5rem;display:grid}.project-story{flex-direction:column;gap:2rem;font-size:1.25rem;line-height:1.4;display:flex}.project-description{flex-direction:column;gap:1.25rem;display:flex}.project-testimonial{border-left:1px solid var(--teal);letter-spacing:-.01em;overflow-wrap:anywhere;flex-direction:column;gap:1.5rem;padding-left:1.5rem;display:flex}.project-testimonial>p{white-space:pre-line;font-style:italic;font-weight:500}.project-testimonial footer{align-items:flex-start;gap:.5rem;display:flex}.project-information dl{flex-direction:column;gap:1.5rem;font-size:1.25rem;line-height:1.4;display:flex}.project-information dl>div{flex-direction:column;gap:.125rem;display:flex}.project-information dt{font-weight:700}.editorial-empty{text-align:center;place-content:center;justify-items:center;gap:2rem;min-height:100svh;padding:2rem;display:grid}.editorial-empty h1{max-width:18ch}.editorial-empty p{max-width:34rem}.editorial-empty details{text-align:left;width:min(34rem,100%)}.editorial-empty summary{cursor:pointer;font-weight:700}.editorial-empty ul{gap:.4rem;margin:1rem 0 0;padding-left:1.5rem;display:grid}.motif{overflow:hidden}.motif>.section-shell{z-index:1;position:relative}.motif-asset{pointer-events:none;user-select:none;max-width:none;height:auto;position:absolute}.motif-asset--about-left{width:min(28.75rem,23.9583vw);top:max(-16.375rem,-13.6458vw);left:max(-14.375rem,-11.9792vw)}.motif-asset--about-right{width:min(37.375rem,31.1458vw);bottom:0;right:0;transform:translate(50%,50%)}.motif-asset--projects{width:min(92.125rem,76.7708vw);bottom:max(-52.5rem,-43.75vw);right:max(-46.0625rem,-38.3854vw);transform:scaleX(-1)}.preview-heading{margin-bottom:2rem}.video-card{background:var(--teal);color:var(--white);border-radius:.75rem;overflow:hidden}.video-frame{aspect-ratio:16/9;position:relative;overflow:hidden}.video-frame hls-video,.video-frame video{width:100%;height:100%;display:block}.video-copy{padding:1.25rem}.video-heading{justify-content:space-between;align-items:start;gap:1rem;display:flex}.video-hint,.status{font-size:.75rem}@keyframes brand-hello{0%,to{transform:rotate(0)scale(1)}35%{transform:rotate(-3deg)scale(1.025)}70%{transform:rotate(1.25deg)scale(1.01)}}@keyframes contact-hello{0%,to{transform:rotate(0)}35%{transform:rotate(-3deg)}70%{transform:rotate(2deg)}}@keyframes mobile-menu-settle{0%{opacity:0;transform:translateY(-.5rem)rotate(.35deg)}to{opacity:1;transform:translate(0,0)rotate(0)}}@keyframes hero-loader-orbit{to{transform:rotate(360deg)}}@keyframes hero-loader-cell{0%{opacity:.45;scale:.55}50%{opacity:1;scale:1}to{opacity:.45;scale:.55}}.brand-mark:focus-visible img{animation:.36s cubic-bezier(.22,1,.36,1) brand-hello}.contact-details>div:focus-within .contact-icon{animation:.3s cubic-bezier(.22,1,.36,1) contact-hello}.project-card a:focus-visible .project-card-copy{transform:translateY(-3px)}@media (hover:hover) and (pointer:fine){.button:hover:before{scale:1.05}.button:hover:active:before{scale:.98}.brand-mark:hover img{animation:.36s cubic-bezier(.22,1,.36,1) brand-hello}.project-card:hover .project-card-copy{transform:translateY(-3px)}.project-card:hover .project-card-arrow{transform:translate(0,0)scale(1)}.client-grid a:hover{transform:translateY(-2px)}.client-grid a:hover:before{border-color:var(--muted-teal);transform:rotate(var(--client-tilt));background:#003033;box-shadow:0 .65rem 1.5rem #00000024}.client-grid a:hover .client-logo-frame img{filter:grayscale(0)}.testimonial-arrows button:hover{transform:scale(1.04)}.testimonial-arrows [data-testimonial-previous]:hover{transform:translate(-2px)scale(1.04)}.testimonial-arrows [data-testimonial-next]:hover{transform:translate(2px)scale(1.04)}.social-links a:hover{opacity:.72;transform:translateY(-2px)rotate(-1deg)}.project-filters button:hover{transform:translateY(-1px)rotate(-.3deg)}.back-link:hover{transform:translate(-2px)}.contact-details>div:hover .contact-icon{animation:.3s cubic-bezier(.22,1,.36,1) contact-hello}}@supports ((-moz-appearance:none)){@property --control-hover-x{syntax:"<length>";inherits:false;initial-value:0}@property --control-hover-y{syntax:"<length>";inherits:false;initial-value:0}@property --control-hover-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --control-hover-scale{syntax:"<number>";inherits:false;initial-value:1}.project-filters button,.project-filters button:is(:hover,:focus-visible,:active),.back-link,.back-link:is(:hover,:focus-visible){transform:translate(var(--control-hover-x), var(--control-hover-y)) rotate(var(--control-hover-angle)) scale(var(--control-hover-scale))}.client-grid>*{transition:--control-hover-y .3s cubic-bezier(.22,1,.36,1)}.client-grid>*,.client-grid a:is(:hover,:focus-visible,:active,.is-navigating){transform:translateY(var(--control-hover-y))}.client-grid a:focus-visible,.client-grid a:active,.client-grid a.is-navigating{--control-hover-y:-2px}.project-filters button{transition:color .18s,background-color .18s,--control-hover-y .22s cubic-bezier(.22,1,.36,1),--control-hover-angle .22s cubic-bezier(.22,1,.36,1),--control-hover-scale .22s cubic-bezier(.22,1,.36,1)}.project-filters button:focus-visible{--control-hover-y:-1px;--control-hover-angle:-.3deg}.project-filters button:active{--control-hover-y:0px;--control-hover-angle:0deg;--control-hover-scale:.97}.back-link{transition:color .18s,--control-hover-x .22s cubic-bezier(.22,1,.36,1)}.back-link:focus-visible{--control-hover-x:-2px}@media (hover:hover) and (pointer:fine){.client-grid a:hover{--control-hover-y:-2px}.project-filters button:hover{--control-hover-y:-1px;--control-hover-angle:-.3deg;--control-hover-scale:1}.back-link:hover{--control-hover-x:-2px}}}.testimonial-arrows [data-testimonial-previous]:active,.testimonial-arrows [data-testimonial-next]:active{transform:scale(.96)}@media (width<=78rem){.desktop-nav{gap:1.35rem;font-size:.82rem}.section-shell,.project-shell{width:min(calc(100% - 4rem), var(--content))}.footer-row{grid-template-columns:9rem 1fr}.footer-row nav{justify-content:flex-end;gap:1.25rem;font-size:.75rem}.social-links{grid-column:1/-1;justify-content:center}}@media (width<=64rem){.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;background:0 0;border:1px solid;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;min-width:5.25rem;height:2.75rem;padding:.25rem .8rem .25rem .9rem;list-style:none;display:flex}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav-label{letter-spacing:.04em;text-transform:uppercase;font-family:Rubik,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;line-height:1}.mobile-nav-icon{width:1.1rem;height:.75rem;display:block;position:relative}.mobile-nav-icon i{transform-origin:50%;background:currentColor;width:100%;height:2px;transition:transform .24s cubic-bezier(.22,1,.36,1);display:block;position:absolute;right:0}.mobile-nav-icon i:first-child{top:.1rem}.mobile-nav-icon i:last-child{bottom:.1rem}.mobile-nav[open] .mobile-nav-icon i:first-child{transform:translateY(.225rem)rotate(45deg)}.mobile-nav[open] .mobile-nav-icon i:last-child{transform:translateY(-.225rem)rotate(-45deg)}.mobile-nav nav{min-width:15rem;color:var(--teal);background:var(--white);border-radius:.5rem;flex-direction:column;padding:1rem;display:flex;position:absolute;top:100%;right:1.5rem;box-shadow:0 1.2rem 3rem #0000002e}.mobile-nav[open] nav{animation:.22s cubic-bezier(.22,1,.36,1) mobile-menu-settle}.mobile-nav nav a{text-transform:uppercase;padding:.65rem .5rem;font-family:Rubik,ui-sans-serif,system-ui,sans-serif}.split-section,.split-section--clients,.contact-grid{grid-template-columns:1fr}.section-heading--left{width:min(100%,44rem)}.client-grid{width:100%}.contact-details{border-top:1px solid var(--white);border-left:0;padding-top:1.5rem;padding-left:0}.project-information{grid-template-columns:minmax(0,1fr) 15rem;gap:3rem}}@media (width<=46rem){.testimonials-section .section-heading{margin-bottom:3rem}h1,h2{font-size:clamp(2.25rem,10vw,3rem)}.site-header{min-height:5.5rem;padding:1rem 1.25rem}.site-header--overlay{margin-bottom:-5.5rem}.brand-mark{width:2.75rem}.site-header--scrolled{min-height:5.25rem}.site-header--scrolled .brand-mark{width:2.5rem}.portfolio-page .light-section{min-height:calc(100svh - 5.5rem)}.light-section,.dark-section,.testimonials-section,.contact-section{padding-block:5rem}.portfolio-page .light-section,.project-page>.light-section:first-child{padding-top:2.5rem}.other-projects-section{padding-top:0}.portfolio-page .section-heading{margin-bottom:2.5rem}.section-shell,.project-shell{width:min(calc(100% - 2.5rem), var(--content))}.stack-section,.split-section,.project-shell{gap:3rem}.intro-section{min-height:18rem;padding:3rem 1.25rem}.intro-section p{font-size:1.25rem}.section-eyebrow{font-size:1rem}.about-video{width:100%}.video-play{width:4.25rem;height:4.25rem}.video-controls{border-radius:.625rem;gap:.4rem;padding:.5rem .625rem;bottom:.5rem;left:.5rem;right:.5rem}.video-control{min-width:2.75rem;min-height:2.75rem}.video-range-shell--volume{display:none}.project-grid{grid-template-columns:minmax(0,1fr)}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{row-gap:2.5rem}.project-grid--featured .project-card,.project-grid--portfolio .project-card,.project-grid--related .project-card{clip-path:none;background:0 0;grid-column:auto;min-height:0;overflow:visible}.project-grid--featured .project-card--mobile-wide,.project-grid--portfolio .project-card--mobile-wide{grid-column:1/-1}.project-card>a{clip-path:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;height:auto;display:grid;overflow:visible}.project-card-media{aspect-ratio:16/9;border-radius:.5rem;grid-area:1/1/auto/-1;height:auto;position:relative;inset:auto}.project-card:hover .project-card-media,.project-card a:focus-visible .project-card-media{transform:none}.project-card-copy{color:var(--teal);grid-area:2/1;align-self:start;padding:.75rem 0 1.5rem;position:static;bottom:auto;left:auto;right:auto}.project-card:hover .project-card-copy,.project-card a:focus-visible .project-card-copy{transform:none}.project-card-copy strong{text-overflow:clip;white-space:normal;max-height:none;font-size:2rem;transition:none;overflow:visible}.project-card:hover .project-card-copy strong,.project-card a:focus-visible .project-card-copy strong{max-height:none}.project-card-tag{color:var(--teal);box-shadow:inset 0 0 0 1px var(--teal);background:0 0}.project-card-arrow{opacity:1;grid-area:2/2;place-self:end;margin:0 0 1.5rem;position:static;transform:none}.project-grid--related{grid-template-columns:1fr}.project-grid--related .project-card{aspect-ratio:auto;grid-column:auto}.testimonial-track{grid-auto-columns:92%}.project-filters{flex-direction:column;align-items:flex-start;width:100%}.project-information{order:1;grid-template-columns:1fr}.project-information dl{order:-1}.project-story,.project-information dl{font-size:1.05rem}.footer-row{flex-direction:column;display:flex}.footer-row nav{flex-wrap:wrap;justify-content:center;gap:1rem 1.5rem}}@media (width<=30rem){.video-controls{gap:.25rem}.video-time[data-video-current]{display:none}.project-grid,.client-grid{grid-template-columns:1fr}.project-grid--featured .project-card,.project-grid--portfolio .project-card{grid-column:auto}.project-card-copy strong{font-size:1.333rem}.client-grid{grid-template-columns:1fr 1fr}.site-footer{padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}