:root{--paper:#fffefb;--green:#ad3d2e;--max:1380px}body{background:var(--paper)}.nav{border:0;position:relative;z-index:10}.nav-cta{background:var(--green)}.intro-scene{position:relative;height:155svh;min-height:1020px}.hello{position:sticky;top:0;width:100%;max-width:none;height:100svh;min-height:680px;max-height:1050px;padding:0;margin:0;display:block;isolation:isolate;clip-path:inset(0);perspective:1500px}.hello-copy{position:absolute;left:6.1%;top:9%;width:53%;transform:translate3d(var(--copy-x,0px),var(--copy-y,0px),0);will-change:transform}.hello .eyebrow{font-size:12px;margin-bottom:28px}.hello h1{font-size:clamp(46px,5.9vw,86px);line-height:1.32;letter-spacing:-.06em;font-weight:750}.hello h1 em{font-size:.84em;white-space:nowrap}.hello-text{font-size:14px;line-height:1.9;max-width:430px;margin-top:22px}.hello .actions{margin-top:28px}.hello .button{background:var(--green);font-size:15px;padding:18px 34px;min-width:260px;justify-content:center}.hello .actions .text-link{display:none}.hello .note{font-size:11px}.hello-film{position:absolute;top:23%;left:48%;width:48%;padding:10px 10px 6px;rotate:0deg;transform-origin:50% 50%;transform:translate3d(var(--screen-x,0px),var(--screen-y,0px),0) rotate(var(--screen-r,-3deg)) scale(var(--screen-scale,1));will-change:transform;background:#eeeae3;box-shadow:0 12px 32px #33271d0c;z-index:1}.hello-film video{aspect-ratio:16/10;object-fit:cover;max-height:54svh}.hello-film p{display:none}.hello-film .film-caption{font-size:10px;display:block;padding:5px 5px 0;letter-spacing:.02em}.film-note{position:absolute;right:13%;top:-44px;rotate:-8deg;font-size:13px;letter-spacing:.14em;font-family:serif}.hand-line{position:absolute;width:19%;height:100px;left:59%;top:11%;fill:none;stroke:var(--green);stroke-width:1.3;transform:translateY(var(--line-y,0px));z-index:0}.film-strip{z-index:-1;opacity:.86;outline:0;border:0;background:#232322;padding:12px 8px;gap:8px;width:520px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.film-strip:before,.film-strip:after{content:'';position:absolute;left:0;right:0;height:5px;background:repeating-linear-gradient(90deg,transparent 0 7px,#eeeae4 7px 15px,transparent 15px 22px)}.film-strip:before{top:3px}.film-strip:after{bottom:3px}.film-strip img{width:160px;height:96px;opacity:.9;object-fit:cover;filter:grayscale(1)}.film-strip-top{right:-160px;top:1%;transform:translate3d(var(--strip-top-x,0px),var(--strip-top-y,0px),0) rotate(-23deg)}.film-strip-bottom{left:-190px;bottom:3%;width:570px;transform:translate3d(var(--strip-bottom-x,0px),var(--strip-bottom-y,0px),0) rotate(23deg)}.timeline-ribbon{bottom:8%;left:24%;right:-10%;height:130px;rotate:0deg;background:linear-gradient(90deg,#ddd8ce44,#ddd7ec66 70%,#c7bae9b0);transform:translate3d(var(--timeline-x,0px),var(--timeline-y,0px),0) rotate(-6deg);padding:0;display:block;overflow:visible;z-index:-2}.timeline-frames{position:absolute;top:14px;left:0;right:0;display:flex;gap:14%;height:46px;overflow:hidden}.timeline-frames img{height:46px;width:84px;object-fit:cover;filter:grayscale(1);opacity:.65}.wave-track{position:absolute;left:0;right:0;top:28px;height:75px;opacity:.5}.wave-track svg{width:100%;height:100%;stroke:#686074;stroke-width:1}.edit-clip{position:absolute;left:51%;bottom:0;background:#ad3d2e99;width:20%;height:34px;border:1px solid #ad3d2e77;transform:translateX(var(--clip-x,0px))}.timeline-ribbon b{left:18%;height:155px;top:-12px;width:1px}.timeline-ribbon b:before{content:'';position:absolute;top:0;width:12px;height:12px;background:var(--green);border-radius:0 50% 50% 0}.proof{position:relative;z-index:2;align-items:center;grid-template-columns:1fr 1fr;gap:8%;padding-block:70px 100px;max-width:1180px;background:var(--paper)}.proof-stat{transform:translateY(var(--stat-y,0px))}.proof-stat>span{font-size:21px}.proof-stat strong{font-size:clamp(100px,13vw,175px);margin:20px 0 12px;line-height:.9;font-weight:700}.proof-stat strong span{font-size:.47em;margin-left:15px;letter-spacing:-.07em}.proof-show{padding-left:12%;border-left:1px solid #ad3d2e60;display:block;transform:translateY(var(--show-y,0px))}.proof-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#202020}.proof-thumb img{width:100%;height:100%;object-fit:cover}.thumb-play{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;border:1px solid #ffffffaa;color:white;border-radius:50%;width:52px;height:52px;background:#0006;font-size:18px}.proof-show>span{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.proof-show b{font-size:25px;letter-spacing:-.04em}.proof-show small{font-size:12px}.proof-show:hover .thumb-play{background:var(--green)}#portfolio{display:block;padding-block:35px 50px}.section-heading{border-bottom:0;position:relative;margin-bottom:50px;transform:translateX(var(--heading-x,0px))}#portfolio .section-heading h2{font-size:clamp(50px,6.3vw,90px)}#portfolio .section-heading .eyebrow{display:flex;align-items:center;gap:25px;color:#777;letter-spacing:.3em}#portfolio .section-heading .eyebrow:after{content:'';display:block;width:40vw;height:1px;background:#d5d0c8}#portfolio .work,#portfolio .work:first-of-type{display:grid;grid-template-columns:27% 1fr 14%;gap:26px;padding:34px 0;border-top:1px solid var(--line);align-items:start;background:none;position:relative;border-radius:0}.work-copy{position:sticky;top:70px;padding:0 12px 0 25px}.work h3{font-size:clamp(28px,3vw,43px);letter-spacing:-.045em;position:relative}.work h3:before{content:'';position:absolute;left:-24px;top:.6em;width:12px;height:12px;border-radius:50%;background:var(--green)}.work-1 h3:before{background:#b9a7f0}.work-2 h3:before{background:#bdb7aa}.work-title{font-size:13px;line-height:1.9;margin-top:20px}.work-description{font-size:13px;line-height:1.95}.work-media{transform:translateY(var(--work-y,0px)) scale(var(--work-scale,1));transform-origin:50% 30%;will-change:transform}.work-media .video{aspect-ratio:16/9}.work-1 .work-media,.work-2 .work-media{grid-column:2/4}.shot-rail{display:flex;flex-direction:column;gap:12px;transform:translateY(var(--rail-y,0px))}.shot-rail img{aspect-ratio:16/10;object-fit:cover}.work-footer{font-size:10px}.work-footer .text-link{font-size:11px}.closing-scene{position:relative;min-height:450px;display:flex;justify-content:space-between;align-items:flex-start;padding-block:75px 130px;isolation:isolate}.closing-scene h2{font-size:clamp(42px,6.2vw,88px);line-height:1.25;letter-spacing:-.05em;transform:translateX(var(--closing-x,0px));z-index:2}.closing-scene em{font-style:normal;color:var(--green)}.closing-scene>p{font-size:13px;margin-top:30px;line-height:1.9}.closing-pictures{position:absolute;bottom:0;right:-12%;display:flex;gap:12px;rotate:-22deg;z-index:-1;transform:translateX(var(--closing-media-x,0px));opacity:.6}.closing-pictures img{width:180px;aspect-ratio:16/9;filter:grayscale(1)}.reveal{transition:opacity .7s,translate .7s}.together{background:#f1ece4}.section:not(#portfolio)>.section-heading{transform:translateX(var(--section-x,0px))}.edit-workbench,.short-grid{transform:translateY(var(--section-y,0px))}.motion-ready .reveal:focus-within{opacity:1;translate:0}.proof-intro{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);display:block}
@media(min-width:1600px){.hello-copy{left:max(6%,calc((100vw - 1380px)/2))}.hello-film{width:44%}}
@media(max-width:900px){.hello h1{font-size:5.7vw}.hello-copy{left:5%;width:54%}.hello-film{left:47%;width:50%;top:27%}.hello .button{min-width:0;padding:15px 23px}.hello-text{max-width:340px;font-size:12px}.proof{gap:5%}.proof-stat>span{font-size:17px}.proof-show{padding-left:9%}.proof-show>span{display:block}.work-copy{padding-left:20px}#portfolio .work,#portfolio .work:first-of-type{grid-template-columns:30% 1fr;gap:20px}.shot-rail{display:none}.work-1 .work-media,.work-2 .work-media{grid-column:auto}}
@media(max-width:640px){.intro-scene{height:130svh;min-height:930px}.hello{min-height:740px;max-height:920px;height:100svh}.hello-copy{left:6%;top:4%;width:88%}.hello .eyebrow{font-size:10px;margin-bottom:17px}.hello h1{font-size:clamp(33px,8.6vw,48px);line-height:1.3}.hello h1 em{font-size:.91em}.hello-text{font-size:12px;margin-top:14px;max-width:330px}.hello .actions{margin-top:18px}.hello .button{font-size:13px;padding:12px 25px;min-height:45px}.hello .note{display:none}.hello-film{top:48%;left:10%;width:86%;padding:6px;box-shadow:none}.hello-film video{aspect-ratio:16/10;max-height:32svh}.hello-film .film-caption{font-size:9px}.film-note{top:-24px;font-size:10px;right:0}.film-strip-top{width:250px;top:2%;right:-170px;opacity:.28}.film-strip img{width:110px;height:65px}.film-strip-bottom{width:340px;bottom:2%;left:-160px;opacity:.75}.timeline-ribbon{bottom:3%;height:80px;left:15%}.timeline-frames{height:30px;gap:8%;top:5px}.timeline-frames img{height:30px;width:55px}.wave-track{height:42px;top:20px}.edit-clip{height:20px}.timeline-ribbon b{height:90px}.hand-line{top:42%;left:55%;height:45px;width:30%}.proof{grid-template-columns:1fr;gap:35px;padding-block:40px 55px;width:calc(100% - 48px)}.proof-stat>span{font-size:18px}.proof-stat strong{font-size:105px;margin:14px 0}.proof-show{padding-left:0;border-left:0;max-width:none}.proof-show>span{display:flex}.proof-show b{font-size:24px}.proof-show small{font-size:11px}.proof-stat small{font-size:10px}#portfolio .section-heading h2{font-size:48px}#portfolio .section-heading{margin-bottom:25px}#portfolio .work,#portfolio .work:first-of-type{display:flex;flex-direction:column;padding:28px 0;gap:18px}.work-copy{position:static;padding-left:22px}.work h3{font-size:31px}.work-title{margin-top:10px}.work-description{font-size:12px}.work-media{width:100%}.work-footer{margin-bottom:0}.closing-scene{display:block;min-height:350px;padding-block:35px 100px}.closing-scene h2{font-size:40px}.closing-scene>p{font-size:12px;margin-top:22px}.closing-pictures img{width:100px}.closing-pictures{right:-24%;opacity:.35}.section-heading{will-change:auto}}
@media(prefers-reduced-motion:reduce){.intro-scene{height:auto;min-height:0}.hello{position:relative}.hello-copy,.hello-film,.proof-stat,.proof-show,.work-media,.shot-rail,.section-heading,.closing-scene h2,.closing-pictures,.film-strip,.timeline-ribbon,.hand-line,.short-grid,.edit-workbench{transform:none!important;will-change:auto}.hello-film{rotate:-2deg}.film-strip-top{rotate:-23deg}.film-strip-bottom{rotate:23deg}.timeline-ribbon{rotate:-6deg}}
@media(min-width:641px){.film-strip-bottom{left:-240px;bottom:-4%}.hello .note{max-width:290px;background:#fffefbdb;display:inline-block;padding-right:8px}}