.work-showcase{overflow:hidden;padding:100px 0 130px;background:#0d0d0d}.work-header{display:flex;align-items:end;justify-content:space-between;padding-top:0;padding-bottom:55px}.work-header h2,.studio-social h2,.feature-copy h2{font-size:clamp(48px,6vw,94px);font-weight:500;letter-spacing:-.07em;line-height:.9;margin:0}.work-header h2 span{color:#6f6f6b}.work-rail{--rail-x:0px;display:flex;gap:18px;width:max-content;padding:0 4vw;transform:translate3d(var(--rail-x),0,0);will-change:transform}.work-tile{width:clamp(360px,42vw,640px);height:460px;margin:0;position:relative;border-radius:16px;overflow:hidden;background:#222}.work-tile.tile-wide{width:clamp(460px,58vw,860px)}.work-tile.tile-tall{width:clamp(320px,34vw,500px)}.work-tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.work-tile:nth-child(1) img{object-position:0 center}.work-tile:nth-child(3) img{object-position:50% center}.work-tile:hover img{transform:scale(1.035)}.work-tile figcaption{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;padding:14px 16px;border-radius:10px;background:#111d;backdrop-filter:blur(14px);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.studio-social{height:760px;position:relative;overflow:hidden;background:#e8e5df;color:#111;padding:80px var(--pad);display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:center}.social-copy{z-index:2}.social-copy .kicker{color:#555}.social-copy>p:not(.kicker){font-size:18px;color:#555;max-width:470px;margin:30px 0}.social-demo{height:610px;position:relative;z-index:2}.demo-post{position:absolute;width:min(390px,72%);padding:14px;border-radius:16px;background:white;box-shadow:0 25px 55px #0002;transition:transform .55s cubic-bezier(.22,1,.36,1)}.demo-post:hover{z-index:4;transform:translateY(-12px) rotate(0deg)!important}.post-one{left:3%;top:6%;transform:rotate(-5deg)}.post-two{right:4%;top:19%;transform:rotate(5deg)}.post-three{left:20%;bottom:-8%;transform:rotate(-1deg)}.demo-user{display:flex;gap:10px;align-items:center;margin-bottom:12px}.demo-user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#111;color:white;font-size:9px}.demo-user div{display:flex;flex-direction:column}.demo-user b{font-size:12px}.demo-user small{font-size:9px;color:#777}.demo-media{height:245px;border-radius:10px;background:#171717;overflow:hidden}.media-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:24px}.media-grid i{background:#a5322b}.media-grid i:nth-child(2),.media-grid i:nth-child(3){background:#ece9e2}.media-type{display:flex;justify-content:space-between;align-items:end;padding:25px;color:white;font-size:72px;font-weight:600;letter-spacing:-.08em}.media-type span{font-size:30px;line-height:.9;color:#cb4a40}.media-chart{display:flex;align-items:end;gap:12px;padding:30px}.media-chart i{width:18%;background:#eee;height:30%}.media-chart i:nth-child(2){height:48%}.media-chart i:nth-child(3){height:72%;background:#9f312b}.media-chart i:nth-child(4){height:55%}.media-chart i:nth-child(5){height:88%}.demo-post>p{font-size:11px;color:#555}.demo-meta{display:flex;justify-content:space-between;font-size:10px;color:#777}.social-word{position:absolute;bottom:-11vw;left:-2vw;color:#d3d0ca;font-size:30vw;font-weight:700;letter-spacing:-.12em;line-height:1}.feature-story{background:#121212}.feature-row{min-height:820px;padding:90px var(--pad);display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;align-items:center;border-top:1px solid var(--line);overflow:hidden}.feature-row.reverse{grid-template-columns:1.25fr .75fr}.feature-row.reverse .feature-copy{order:2}.feature-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777}.feature-copy h2{font-size:clamp(44px,5vw,78px);margin:35px 0}.feature-copy p{color:#999;font-size:18px;max-width:480px}.feature-visual{height:620px;border-radius:18px;overflow:hidden;background:#222;position:relative}.feature-visual img{width:100%;height:100%;object-fit:cover}.feature-preview img{object-position:center}.feature-editor{background:#d7d0c6;padding:50px}.editor-bar{position:absolute;top:18px;left:18px;display:flex;gap:7px}.editor-bar i{width:8px;height:8px;border-radius:50%;background:#1113}.editor-canvas{height:100%;background:#f2efe8;color:#111;padding:45px;display:flex;flex-direction:column;gap:18px}.editor-canvas b{font-size:110px;letter-spacing:-.1em}.editor-canvas span{height:10px;background:#111}.editor-canvas span:nth-of-type(2){width:62%;background:#9f312b}.editor-canvas span:nth-of-type(3){width:78%}.editor-tools{position:absolute;right:18px;top:80px;display:flex;flex-direction:column;gap:10px}.editor-tools i{width:30px;height:30px;border-radius:50%;background:#111}.feature-files{display:flex;align-items:center;justify-content:center;background:#0d0d0d;perspective:900px}.file-card{position:absolute;width:280px;height:380px;padding:30px;border-radius:12px;background:#eee;color:#111;font-size:12px;transform:translateX(-150px) rotateY(18deg) rotate(-7deg);box-shadow:0 30px 60px #0008}.file-card:nth-child(2){background:#9f312b;color:white;transform:translateX(0) translateY(-25px);z-index:2}.file-card:nth-child(3){background:#272727;color:white;transform:translateX(150px) rotateY(-18deg) rotate(7deg)}.file-card b{display:block;margin-top:250px}.feature-scale{background:#dcd8d1}.scale-card{position:absolute;border-radius:14px;background:#111}.s1{width:50%;height:42%;left:8%;top:9%}.s2{width:32%;height:48%;right:8%;top:9%;background:#9f312b}.s3{width:33%;height:34%;left:13%;bottom:8%;background:white}.s4{width:43%;height:34%;right:8%;bottom:8%;background:#292929}.home-testimonials{min-height:690px;background:#6d42ed;padding:90px var(--pad);overflow:hidden;position:relative}.testimonial-rail{display:flex;gap:18px;width:max-content;animation:testimonialRail 32s linear infinite}.testimonial-card{width:380px;min-height:300px;border-radius:16px;background:#f3f2ee;color:#111;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.testimonial-card blockquote{font-size:23px;letter-spacing:-.035em;margin:0}.testimonial-card footer{display:block;background:none;padding:0;color:#666}.testimonial-card footer b{display:block;color:#111}.testimonial-heading{font-size:clamp(70px,15vw,220px);font-weight:700;letter-spacing:-.1em;line-height:.75;margin:120px 0 0;white-space:nowrap;color:#4d27c6}.business-callout{min-height:700px;padding:90px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#efede7;color:#111}.business-visual{height:520px;border-radius:18px;background:#161616;padding:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-2deg)}.business-visual i{border-radius:10px;background:#292929}.business-visual i:nth-child(2){background:#9f312b;transform:translateY(35px)}.business-visual i:nth-child(3){background:#ddd;transform:translateY(70px)}.business-copy h2{font-size:clamp(50px,6vw,86px);line-height:.9;letter-spacing:-.07em;margin:25px 0}.business-copy p{color:#666;font-size:18px;max-width:520px}.business-copy .kicker{color:#555}@keyframes testimonialRail{to{transform:translateX(calc(-50% - 9px))}}@media(max-width:900px){.studio-social{height:auto;grid-template-columns:1fr;padding-block:90px}.social-demo{height:620px}.feature-row,.feature-row.reverse{grid-template-columns:1fr;min-height:auto}.feature-row.reverse .feature-copy{order:0}.feature-visual{height:540px}.business-callout{grid-template-columns:1fr}.business-visual{height:440px}}@media(max-width:650px){.work-header{display:block}.work-header .pill{margin-top:30px}.work-tile,.work-tile.tile-wide,.work-tile.tile-tall{width:78vw;height:390px}.studio-social{padding-inline:20px}.social-demo{height:560px}.demo-post{width:82%}.feature-row{padding:80px 20px}.feature-visual{height:430px}.feature-editor{padding:40px 20px}.file-card{width:200px;height:300px}.file-card:nth-child(1){transform:translateX(-80px) rotate(-7deg)}.file-card:nth-child(3){transform:translateX(80px) rotate(7deg)}.file-card b{margin-top:190px}.business-callout{padding:80px 20px}.business-visual{height:360px}.testimonial-card{width:300px}}
@media(prefers-reduced-motion:reduce){.testimonial-rail{animation:none}}