.hero{height:250svh;position:relative}.hero-stage{isolation:isolate;height:100svh;min-height:42rem;position:sticky;top:0;overflow:hidden}.hero-media{z-index:1;will-change:opacity;position:absolute;inset:0}.hero-frame{--loop-offset:0vh;--scroll-shift:0px;--auto-shift:0px;background:var(--color-brand-surface);transform:translate3d(0, calc(var(--loop-offset) + var(--scroll-shift) + var(--auto-shift)), 0);will-change:transform;margin:0;position:absolute;overflow:hidden}.hero-frame img{object-fit:cover;filter:saturate(.72)contrast(1.08)brightness(.72);will-change:transform;width:100%;height:100%;transform:scale(1.08)}.hero-frame--1{width:18vw;height:25vh;top:15%;left:4%}.hero-frame--2{width:25vw;height:22vh;top:7%;left:60%}.hero-frame--3{width:19vw;height:27vh;top:55%;left:76%}.hero-frame--4{width:24vw;height:24vh;top:63%;left:12%}.hero-frame--5{width:20vw;height:26vh;top:105%;left:45%}.hero-frame--6{width:17vw;height:22vh;top:112%;left:3%}.hero-frame--7{width:18vw;height:23vh;top:115%;left:76%}.hero-frame--8{width:22vw;height:25vh;top:138%;left:28%}.hero-title-wrap{z-index:3;transform-origin:50%;will-change:transform, opacity;flex-direction:column;justify-content:center;align-items:center;padding:4rem 0 2rem;display:flex;position:absolute;inset:0}.hero h1{width:100%;font-family:var(--font-sans);letter-spacing:-.035em;text-transform:uppercase;pointer-events:none;margin:0;font-weight:800;line-height:.85}.hero h1 span{text-align:center;will-change:transform;width:max-content;margin-inline:auto;display:block}.hero h1 span:nth-child(2),.hero h1 span:nth-child(3){text-align:center}.hero-meta{margin-top:var(--spacing-block-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;display:grid}.hero-descriptor{max-width:30ch;font-family:var(--font-display);text-align:right;text-transform:uppercase;justify-self:end;margin:0;padding-right:clamp(1rem,4vw,4rem);font-weight:700;line-height:1}.showreel{pointer-events:auto;justify-self:start;margin-left:clamp(1rem,4vw,4rem)}@media (width<=760px){.hero{height:210svh}.hero-stage{min-height:38rem}.hero h1{line-height:.76}.hero-frame--1{width:34vw;height:18vh;top:13%;left:2%}.hero-frame--2{width:31vw;height:17vh;top:18%;left:66%}.hero-frame--3{width:34vw;height:19vh;top:61%;left:64%}.hero-frame--4{width:40vw;height:18vh;top:65%;left:3%}.hero-frame--5{width:40vw;height:20vh;top:103%;left:42%}.hero-frame--6{width:31vw;height:17vh;top:112%;left:1%}.hero-frame--7{width:29vw;height:18vh;top:119%;left:69%}.hero-frame--8{width:40vw;height:19vh;top:134%;left:22%}.hero-descriptor{padding-right:1rem}.showreel{margin-left:1rem}}@media (width<=480px){.hero-title-wrap{padding-left:.8rem;padding-right:.8rem}}.shuffle-character{text-align:center;display:inline-block}.featured{background:var(--color-brand-black);padding-left:0;padding-right:0}.featured-grid{gap:2px}.featured-work{align-self:start;min-width:0;position:relative}.project-media{aspect-ratio:16/10;background:var(--color-gray-300);cursor:pointer;width:100%;padding:0;display:block;position:relative;overflow:hidden}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .75s var(--ease-out-expo), filter .35s ease;transform:scale(1.005)}.project-media:hover img{filter:contrast(1.06);transform:scale(1.045)}.play{background:var(--color-brand-red);opacity:0;width:2.8rem;height:2.8rem;transition:opacity .3s ease, transform .4s var(--ease-out-expo);position:absolute;bottom:1rem;right:1rem;transform:translateY(.5rem)}.play:after{content:"";border-top:.28rem solid #0000;border-bottom:.28rem solid #0000;border-left:.46rem solid var(--color-white);width:0;height:0;position:absolute;top:50%;left:52%;transform:translate(-50%,-50%)}.project-media:hover .play{opacity:1;transform:none}.featured-work h3{z-index:3;width:max-content;max-width:calc(100% - 2rem);font-family:var(--font-display);letter-spacing:.025em;text-shadow:0 2px 16px #000000c7;text-transform:uppercase;pointer-events:none;background:0 0;margin:0;padding:0;font-weight:700;line-height:.95;position:absolute;bottom:1rem;left:1rem;right:.75rem}@media (width<=760px){.featured-work .project-media{aspect-ratio:4/5}}.motion-ok .client-grid figure{opacity:0;clip-path:inset(0 0 100%);transition:opacity .68s ease var(--client-delay,0s), transform .82s var(--ease-out-expo) var(--client-delay,0s), clip-path .82s var(--ease-out-expo) var(--client-delay,0s);transform:translateY(1.4rem)}.motion-ok .client-grid figure.is-visible{opacity:1;clip-path:inset(0);transform:none}.client-card{grid-template-rows:1fr auto;gap:.45rem}.client-logo{filter:grayscale();height:2.4rem}.client-logo--monochrome{filter:grayscale()contrast(1.05)}.client-logo--invert{filter:grayscale()invert()contrast(1.05)}.client-logo--compact{height:2rem}.client-logo.client-logo--small-desktop{height:1.5rem}.client-caption{width:100%;color:color-mix(in srgb, var(--color-brand-milk) 40%, transparent);font-family:var(--font-sans);text-align:center;font-size:clamp(.52rem,.65vw,.66rem);font-weight:400;line-height:1.15}@media (width>=768px){.client-logo{height:4rem}.client-logo--compact{height:2.5rem}}.principle-copy h3{font-variation-settings:"wdth" 72, "wght" 600;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;font-weight:600;line-height:.84;transition:color .2s}.principle-copy p{text-transform:none;transition:color .2s}.principle-copy article:hover h3{color:var(--color-brand-red)}.principle-copy article:hover p{color:var(--color-white)}.equipment{margin-top:var(--spacing-block-gap)}.equipment summary{isolation:isolate;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;align-items:stretch;padding:0;font-weight:590;line-height:1;list-style:none;display:flex;position:relative;overflow:hidden}.equipment summary::-webkit-details-marker{display:none}.equipment-fill{z-index:-1;background:var(--color-brand-red);transform-origin:100%;transition:transform .5s var(--ease-out-expo);position:absolute;inset:0;transform:scaleX(0)}.equipment-trigger:hover .equipment-fill,.equipment-trigger:focus-visible .equipment-fill,.equipment[open] .equipment-fill{transform:scaleX(1)}.equipment-label{align-items:center;padding:.08em 1.25rem 0;display:flex}.equipment-icon{flex:0 0 4rem;place-items:center;width:4rem;height:4rem;display:grid}.equipment-icon svg{display:block}.equipment-content{background:var(--color-brand-surface);margin-top:1.5rem;padding:clamp(2rem,4vw,4rem) 0;overflow:hidden}.equipment ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:0;margin:0;padding:0;list-style:none;display:grid}.equipment li{font-family:var(--font-display);letter-spacing:.025em;text-transform:uppercase;padding:1rem 0;font-weight:470;line-height:1.25;transition:color .2s;position:relative}.equipment li:nth-child(odd){text-align:right;padding-right:1.5rem}.equipment li:nth-child(2n){text-align:left;padding-left:1.5rem}.equipment li:hover{color:var(--color-white)}.equipment-notes{text-align:center;margin-top:2rem;display:block}.equipment-notes p{max-width:58ch;margin:0 auto;padding:0 1rem}@media (width<=760px){.equipment{margin-top:var(--spacing-block-gap)}.equipment-icon{flex-basis:3.25rem;width:3.25rem;height:3.25rem}}.team{z-index:2;padding-bottom:calc(var(--spacing-section-gap) + 4rem);background:var(--color-brand-black);position:relative}.team-grid{flex-direction:column;gap:clamp(1.1rem,2vw,2rem);width:min(100%,68rem);margin:0 auto;display:flex}.team-grid article{grid-template-columns:clamp(7rem,10vw,9rem) minmax(0,1fr) minmax(9rem,13rem);grid-template-areas:"portrait name role";align-items:center;width:min(88%,58rem);min-height:clamp(7rem,11vw,10rem);margin-top:0;display:grid;position:relative}.team-grid article:nth-child(odd){align-self:flex-start}.team-grid article:nth-child(2n){grid-template-columns:minmax(9rem,13rem) minmax(0,1fr) clamp(7rem,10vw,9rem);grid-template-areas:"role name portrait";align-self:flex-end}.team-grid article:first-child{margin-top:0}.team-grid article:nth-child(3),.team-grid article:nth-child(7){transform:translate(7%)}.team-grid article:nth-child(4){transform:translate(-5%)}.team-grid figure{z-index:1;aspect-ratio:4/5;background:var(--color-brand-surface-raised);opacity:.55;filter:grayscale()contrast(1.05);clip-path:inset(7%);width:clamp(6rem,9vw,8rem);transition:opacity .28s ease, filter .35s ease, transform .55s var(--ease-out-expo), clip-path .55s var(--ease-out-expo);grid-area:portrait;margin:0;position:relative;overflow:hidden;transform:scale(.7)}.team-grid img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out-expo);transform:scale(1.14)}.team-grid h3{z-index:3;font-family:var(--font-display);font-variation-settings:"wdth" 76, "wght" 680;letter-spacing:-.025em;text-align:center;text-transform:uppercase;transition:color .22s ease, transform .48s var(--ease-out-expo);grid-area:name;margin:0;font-weight:680;line-height:.76;position:relative}.team-name-part{display:inline}.team-grid p{z-index:4;max-width:17ch;font-family:var(--font-display);letter-spacing:.035em;text-transform:uppercase;transition:transform .45s var(--ease-out-expo);grid-area:role;margin:0;font-weight:570;line-height:1.2;position:relative}.team-grid article:nth-child(2n) p{text-align:right;justify-self:end}.team-grid article:hover figure{opacity:1;filter:grayscale(0);clip-path:inset(7%);transform:scale(1.5)}.team-grid article:hover img{transform:scale(1.07)}.team-grid article:hover h3{color:var(--color-brand-milk);transform:scaleX(1.025)}.team-grid article:hover p{color:var(--color-brand-milk)}@media (width<=1050px){.team-grid article{width:94%}}@media (width>=768px){.team-name-part{display:block}.team-grid article{grid-template-columns:11.25rem minmax(0,1fr) minmax(9rem,13rem);min-height:12.5rem}.team-grid article:nth-child(2n){grid-template-columns:minmax(9rem,13rem) minmax(0,1fr) 11.25rem}.team-grid figure{width:10rem}}@media (width<=760px){.team{padding-bottom:calc(var(--spacing-section-gap) + 2rem)}.team-grid{gap:0;width:100%}.team-grid article,.team-grid article:nth-child(2n){border-bottom:1px solid var(--color-brand-line);grid-template-columns:5.25rem minmax(0,1fr);grid-template-areas:"portrait name""portrait role";gap:.15rem .75rem;width:100%;min-height:6rem;margin:0;padding:.75rem 0;transform:none}.team-grid article:nth-child(3),.team-grid article:nth-child(4),.team-grid article:nth-child(7){transform:none}.team-grid article:nth-child(2n) p{text-align:left;justify-self:start}.team-grid figure{align-self:center;width:4.75rem}.team-grid h3{white-space:nowrap;text-align:left;align-self:end;margin:0;font-size:clamp(1.15rem,5vw,1.65rem);line-height:.82}.team-grid p{align-self:start;max-width:30ch}}@media (width<=480px){.team-grid{margin-top:1rem}}