.work-page{overflow-x:hidden}.work-page .topbar nav .active{position:relative}.work-page .topbar nav .active:after{content:"";height:1px;background:var(--orange);position:absolute;left:0;right:0;bottom:-7px}.work-subnav{height:54px;position:sticky;top:0;z-index:20;background:#f5f3eeeF;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:32px}.subnav-link{color:#73756c;text-decoration:none;font:9px 'DM Mono',monospace;letter-spacing:.04em;transition:color .2s}.subnav-link span{color:#a0a197;margin-right:7px}.subnav-link.active,.subnav-link:hover{color:var(--ink)}.subnav-link.active span{color:var(--orange)}.experiments-section{min-height:calc(100svh - 140px);background:#222720;color:#f5f3ee;display:flex;align-items:center;padding:78px 0}.experiments-inner{position:relative}.work-eyebrow{display:flex;align-items:center;gap:13px;color:#9c9f93;font:9px 'DM Mono',monospace;letter-spacing:.09em}.work-rule{width:38px;height:1px;background:#73776d}.experiments-section h1{font:500 clamp(78px,12vw,152px)/.88 Manrope;letter-spacing:-.09em;margin:75px 0 38px}.experiments-section h1 em,.office-heading h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em;color:var(--lime)}.experiments-bottom{display:flex;align-items:end;justify-content:space-between;max-width:760px}.experiments-bottom p{font-size:13px;line-height:1.7;color:#c2c4b9;margin:0}.experiments-bottom>a{width:43px;height:43px;border:1px solid #666a5f;border-radius:50%;display:grid;place-items:center;color:var(--lime);text-decoration:none;font-size:19px}.experiment-note{position:absolute;right:0;bottom:0;display:grid;gap:6px;text-align:right;color:#8b8e82;font:8px 'DM Mono';letter-spacing:.09em}.experiment-note span:first-child{color:var(--lime)}.office-section{background:var(--paper)}.office-intro{padding-top:104px;padding-bottom:50px}.office-intro .work-eyebrow{color:#777970}.office-intro .work-rule{background:#b7b8ad}.office-heading{display:flex;align-items:end;justify-content:space-between;margin-top:44px}.office-heading h2{font:500 clamp(64px,9vw,110px)/.9 Manrope;letter-spacing:-.085em;margin:0}.office-heading h2 em{color:#7f8f68}.office-heading p{font-size:12px;line-height:1.7;color:#73756c;margin:0 3% 7px 25px}.office-project{padding:52px 0 74px;border-top:1px solid var(--line)}.quick-project{background:#f5f3ee}.office-project-meta{display:flex;justify-content:space-between;color:#777970;font:8px 'DM Mono';letter-spacing:.08em}.quick-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8%;align-items:center;padding-top:46px}.role-label{font:9px 'DM Mono';letter-spacing:.1em;color:#8a8c81}.quick-story h3,.later-layout h3{font:600 clamp(43px,6vw,76px)/1 Manrope;letter-spacing:-.08em;margin:14px 0 19px}.quick-story h3 span{color:#89966f}.quick-lede{font:500 17px/1.5 Manrope;letter-spacing:-.03em;max-width:460px;margin:0 0 21px}.quick-detail{max-width:490px}.quick-detail p,.later-layout p{font-size:12px;line-height:1.8;color:#686b62;margin:0 0 12px}.quick-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}.quick-tags span{padding:7px 9px;border:1px solid #d9d7cf;border-radius:20px;font:8px 'DM Mono';color:#72746b;letter-spacing:.04em}.quick-case{min-width:0}.case-thumb,.later-thumb{height:340px;position:relative;background:#e7e5dd;display:grid;place-items:center;color:#7e8076}.case-thumb:before,.later-thumb:before{content:"";position:absolute;inset:14px;border:1px solid #ffffff9c}.case-thumb:after,.later-thumb:after{content:"";position:absolute;top:0;left:50%;height:30px;width:1px;background:#9a9b91}.case-thumb>span,.later-thumb>span{font:9px 'DM Mono';letter-spacing:.12em}.case-thumb small{position:absolute;left:24px;bottom:22px;color:#74766e;font:8px 'DM Mono';letter-spacing:.07em}.behance-button{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding:15px 17px;background:var(--ink);color:var(--paper);text-decoration:none;font:500 11px Manrope;transition:background .2s}.behance-button span{font-size:17px;color:var(--lime)}.behance-button:hover{background:#374139}.kiss-project{background:#e9e8df}.rocket-project{background:#e1e7e1}.later-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:9%;align-items:center;padding-top:42px}.later-layout>div:first-child{max-width:460px}.later-layout h3{margin:12px 0}.later-layout p{max-width:430px}.later-thumb{height:275px;background:#d9d9ce}.rocket-thumb{background:#d4ddd5}.work-footer{padding-top:84px}.work-page .contact-bottom{margin-top:85px}.work-page .has-reveal{scroll-margin-top:75px}
@media(max-width:720px){.work-page .topbar nav{gap:10px}.work-page .topbar nav a{font-size:10px}.work-subnav{height:48px;gap:18px;justify-content:flex-start;padding:0 20px;overflow-x:auto;white-space:nowrap}.subnav-link{font-size:8px}.experiments-section{min-height:calc(86svh - 116px);padding:65px 0}.experiments-section h1{font-size:clamp(70px,15vw,108px);margin:80px 0 33px}.experiment-note{right:0;bottom:-30px}.office-intro{padding-top:73px;padding-bottom:38px}.office-heading{display:block;margin-top:35px}.office-heading h2{font-size:clamp(61px,13vw,88px)}.office-heading p{margin:20px 0 0}.office-project{padding:35px 0 54px}.office-project-meta{font-size:7px;gap:12px}.office-project-meta span:last-child{text-align:right}.quick-layout,.later-layout{grid-template-columns:1fr;gap:29px;padding-top:32px}.quick-story h3,.later-layout h3{font-size:54px}.quick-lede{font-size:15px}.case-thumb{height:260px}.later-thumb{height:230px}.work-footer{padding-top:67px}.work-page .contact-bottom{margin-top:70px}}
@media(prefers-reduced-motion:reduce){.subnav-link,.behance-button{transition:none}}
.work-subnav{justify-content:center;gap:5px;padding:0 20px}.subnav-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:11px 17px;border:1px solid transparent;border-radius:999px;background:transparent;font-size:11px;letter-spacing:.015em;cursor:pointer}.subnav-link span{font-size:10px;margin-right:4px}.subnav-link.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.subnav-link.active span{color:var(--lime)}.experiments-bottom>button{width:43px;height:43px;border:1px solid #666a5f;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--lime);font:19px 'DM Sans';cursor:pointer;transition:background .2s,color .2s}.experiments-bottom>button:hover{background:var(--lime);color:var(--ink)}.work-panel[hidden]{display:none!important}.work-eyebrow,.office-project-meta{font-size:10px}.role-label{font-size:10px}.case-thumb>span,.later-thumb>span{font-size:10px}.case-thumb small{font-size:9px}.quick-tags span{font-size:9px}.behance-button{justify-content:center;gap:10px;font-size:13px}.office-heading p,.quick-detail p,.later-layout p{font-size:13px}
@media(max-width:720px){.work-subnav{justify-content:center;padding:0 12px;gap:2px}.subnav-link{padding:10px 11px;font-size:9px;white-space:nowrap}.subnav-link span{font-size:9px}.work-eyebrow,.office-project-meta{font-size:8px}.role-label{font-size:9px}.behance-button{font-size:12px;padding:14px 10px}.case-thumb>span,.later-thumb>span{font-size:9px}.office-heading p,.quick-detail p,.later-layout p{font-size:12px}}
.kissflow-intro{padding:38px 0 42px;max-width:790px}.kissflow-intro h3{font:600 clamp(46px,6vw,72px)/1 Manrope;letter-spacing:-.08em;margin:12px 0 15px}.kissflow-intro p{max-width:745px;font-size:13px;line-height:1.85;color:#62655c;margin:0}.kissflow-showcase{display:grid;grid-template-columns:250px 1fr;gap:36px;align-items:start;padding-top:6px}.kissflow-tabs{display:flex;flex-direction:column;border-top:1px solid #c8c9bf}.kissflow-tab{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:11px 12px;border:0;border-bottom:1px solid #c8c9bf;background:transparent;color:#676a60;text-align:left;font:500 12px Manrope;cursor:pointer;transition:background .18s,color .18s}.kissflow-tab i{font:9px 'DM Mono';color:#989a8f;font-style:normal}.kissflow-tab:hover{background:#f4f2e9;color:var(--ink)}.kissflow-tab.active{background:var(--ink);color:var(--paper)}.kissflow-tab.active i{color:var(--lime)}.kissflow-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.kissflow-gallery[hidden]{display:none!important}.kiss-work-image{position:relative;aspect-ratio:.76;display:grid;place-items:center;overflow:hidden;background:#d9d9cf;color:#73766c}.kiss-work-image:nth-child(2){background:#e4e0d3}.kiss-work-image:nth-child(3){background:#d6ded5}.kiss-work-image:before{content:"";position:absolute;inset:9px;border:1px solid #ffffff99}.kiss-work-image:after{content:"";position:absolute;left:50%;top:0;width:1px;height:20px;background:#989a8e}.kiss-work-image>span{font:9px 'DM Mono';letter-spacing:.08em;text-align:center;padding:0 8px}.kissflow-gallery#kiss-gallery-social .kiss-work-image,.kissflow-gallery#kiss-gallery-ads .kiss-work-image{aspect-ratio:1}.kissflow-video-gallery{grid-template-columns:minmax(0,1fr)}.kissflow-video-gallery .video-work-image{aspect-ratio:1.78;max-height:360px;background:#252a25;color:#dee2d7}.video-work-image i{position:absolute;display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff99;border-radius:50%;font:14px 'DM Sans';font-style:normal;color:var(--lime)}
@media(max-width:720px){.kissflow-intro{padding:30px 0 29px}.kissflow-intro h3{font-size:51px}.kissflow-intro p{font-size:12px}.kissflow-showcase{grid-template-columns:1fr;gap:20px}.kissflow-tabs{display:grid;grid-template-columns:1fr 1fr;border-top:0;gap:6px}.kissflow-tab{min-height:43px;border:1px solid #c8c9bf;padding:10px;font-size:10px}.kissflow-tab.active{border-color:var(--ink)}.kissflow-gallery{gap:7px}.kiss-work-image>span{font-size:7px}.kiss-work-image:before{inset:6px}.kissflow-video-gallery .video-work-image{max-height:240px}}
.rocketium-intro{padding:38px 0 42px;max-width:830px}.rocketium-intro h3{font:600 clamp(46px,6vw,72px)/1 Manrope;letter-spacing:-.08em;margin:12px 0 15px}.rocketium-intro p{max-width:790px;font-size:13px;line-height:1.85;color:#62655c;margin:0}.rocketium-showcase{padding-bottom:8px}.rocketium-showcase .kissflow-tab.active{background:#222720}.rocket-live-thumb{position:relative;aspect-ratio:.76;overflow:hidden;display:grid;place-items:center;background:#d5ddd4;color:#697167}.rocket-live-thumb:nth-child(2){background:#e4e0d3}.rocket-live-thumb:nth-child(3){background:#d6d8ce}.rocket-live-thumb:before{content:"";position:absolute;inset:9px;border:1px solid #ffffff99;pointer-events:none}.rocket-live-thumb:after{content:"";position:absolute;left:50%;top:0;width:1px;height:20px;background:#989a8e}.rocket-live-thumb>span{position:relative;z-index:1;text-align:center;padding:0 8px;font:9px 'DM Mono';letter-spacing:.08em}.rocket-live-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rocket-live-thumb>a{position:absolute;z-index:2;left:12px;right:12px;bottom:12px;min-height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:#222720;color:#f5f3ee;text-decoration:none;font:500 10px Manrope;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s}.rocket-live-thumb>a i{color:var(--lime);font-style:normal;font-size:15px}.rocket-live-thumb:hover>a,.rocket-live-thumb:focus-within>a{opacity:1;transform:translateY(0);pointer-events:auto}.kissflow-gallery#rocket-gallery-ads .kiss-work-image,.kissflow-gallery#rocket-gallery-posts .kiss-work-image{aspect-ratio:1}.rocketium-showcase .kiss-work-image{background:#d5ddd4}.rocketium-showcase .kiss-work-image:nth-child(2){background:#e3e0d6}.rocketium-showcase .kiss-work-image:nth-child(3){background:#d4dbd4}
@media(hover:none){.rocket-live-thumb>a{opacity:1;transform:none;pointer-events:auto}}
@media(max-width:720px){.rocketium-intro{padding:30px 0}.rocketium-intro h3{font-size:51px}.rocketium-intro p{font-size:12px}.rocket-live-thumb>a{left:7px;right:7px;bottom:7px;padding:0 8px;font-size:9px;min-height:36px}}
.experiments-section{display:block;min-height:0;padding:0}.experiments-inner{min-height:calc(100svh - 140px);display:flex;flex-direction:column;justify-content:center;padding-top:72px;padding-bottom:72px}.concept-chapter{position:relative;padding:86px 0 96px;background:#222720;color:#f5f3ee;border-top:1px solid #454a40;scroll-margin-top:55px}.concept-chapter:nth-of-type(even){background:#252b25}.concept-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:32px}.concept-kicker{font:10px 'DM Mono';letter-spacing:.09em;color:#aeb2a4}.concept-heading h2{font:500 clamp(42px,6vw,72px)/.98 Manrope;letter-spacing:-.075em;margin:14px 0 0}.concept-heading p{font-size:12px;line-height:1.7;color:#b8bbae;margin:0 0 5px}.concept-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.concept-card{min-width:0}.concept-thumb{position:relative;aspect-ratio:1.08;display:grid;place-items:center;overflow:hidden;background:#414940;color:#c5c9bc}.concept-thumb:before{content:"";position:absolute;inset:11px;border:1px solid #ffffff40;pointer-events:none}.concept-thumb>span{position:relative;z-index:1;padding:8px;text-align:center;font:9px 'DM Mono';letter-spacing:.09em}.concept-thumb:nth-child(2){background:#353d36}.concept-thumb-alt{background:#39403a}.concept-thumb-third{background:#343b35}.concept-identity-thumb{background:#424138}.concept-product-thumb{background:#35423d}.concept-graphic-thumb{background:#46403a}.concept-thumb>a,.concept-thumb>button:not(.play-preview){position:absolute;z-index:2;left:13px;right:13px;bottom:13px;min-height:40px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--lime);color:#222720;text-decoration:none;font:600 11px Manrope;opacity:0;transform:translateY(6px);pointer-events:none;cursor:pointer;transition:opacity .2s ease,transform .2s ease}.concept-thumb>a i,.concept-thumb>button i{font-style:normal;font-size:15px}.concept-thumb:hover>a,.concept-thumb:focus-within>a,.concept-thumb:hover>button:not(.play-preview),.concept-thumb:focus-within>button:not(.play-preview){opacity:1;transform:translateY(0);pointer-events:auto}.spline-thumb{background:#30433c}.spline-thumb-2{background:#383e4a}.spline-thumb-3{background:#464136}.video-thumb{background:#39413c}.video-thumb-2{background:#343b46}.video-thumb-3{background:#49413c}.ai-thumb{background:#393d4d}.ai-thumb-2{background:#38483f}.ai-thumb-3{background:#4b3e3d}.concept-thumb .play-preview{position:absolute;z-index:2;width:50px;height:50px;display:grid;place-items:center;border:1px solid #ffffffa3;border-radius:50%;background:#222720d9;color:var(--lime);font-size:15px;cursor:pointer;opacity:0;transform:scale(.92);transition:opacity .2s,transform .2s}.concept-thumb:hover .play-preview,.concept-thumb:focus-within .play-preview{opacity:1;transform:scale(1)}.concept-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.concept-preview-modal[hidden]{display:none!important}.concept-preview-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:28px}.concept-modal-backdrop{position:absolute;inset:0;background:#141713e8;backdrop-filter:blur(8px)}.concept-modal-panel{position:relative;z-index:1;width:min(900px,100%);color:#f5f3ee}.concept-modal-panel h2{font:500 clamp(29px,4vw,45px) Manrope;letter-spacing:-.06em;margin:12px 0 20px}.concept-modal-close{position:absolute;right:0;top:0;width:38px;height:38px;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer}.concept-modal-viewer{min-height:340px;background:#303730;padding:14px}.concept-modal-placeholder{min-height:312px;border:1px solid #ffffff38;display:grid;place-items:center;align-content:center;gap:12px;color:#bdc2b4}.concept-modal-placeholder span{font:10px 'DM Mono';letter-spacing:.1em}.concept-modal-placeholder i{font:28px 'DM Sans';font-style:normal;color:var(--lime)}body.preview-open{overflow:hidden}
@media(hover:none){.concept-thumb>a,.concept-thumb>button:not(.play-preview){opacity:1;transform:none;pointer-events:auto}.concept-thumb .play-preview{opacity:1;transform:none}}
@media(max-width:720px){.experiments-inner{min-height:calc(86svh - 116px);padding-top:65px;padding-bottom:65px}.concept-chapter{padding:64px 0 70px}.concept-heading{align-items:start;flex-direction:column;gap:14px;margin-bottom:22px}.concept-heading h2{font-size:clamp(40px,10vw,55px)}.concept-heading p{font-size:11px}.concept-kicker{font-size:9px}.concept-project-grid{grid-template-columns:1fr 1fr;gap:8px}.concept-thumb{aspect-ratio:.88}.concept-thumb>span{font-size:7px}.concept-thumb>a,.concept-thumb>button:not(.play-preview){left:7px;right:7px;bottom:7px;padding:0 8px;min-height:34px;font-size:9px}.concept-thumb .play-preview{width:42px;height:42px}.concept-preview-modal{padding:15px}.concept-modal-viewer{min-height:260px;padding:8px}.concept-modal-placeholder{min-height:244px}.concept-modal-close{top:-48px}}
.work-page .topbar nav a{font-size:12px}
.subnav-link{font-size:12px}
.spline-live-thumb>spline-viewer{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:1}.spline-card-copy{padding:12px 2px 0}.spline-card-copy h3{margin:0 0 5px;color:#f5f3ee;font:500 13px 'DM Mono';letter-spacing:.08em}.spline-card-copy p{margin:0;color:#b8bbae;font-size:11px;line-height:1.6}
.spline-cover-thumb>img{z-index:0}.spline-cover-thumb>button{z-index:2}.concept-preview-modal.spline-modal{padding:0}.spline-modal .concept-modal-panel{width:100%;height:100%;max-height:none;display:flex;flex-direction:column;padding:24px 3vw 3vw}.spline-modal .concept-modal-panel h2{margin:10px 60px 16px 0}.spline-modal .concept-modal-close{z-index:2;top:22px;right:3vw;background:#222720}.spline-modal .concept-modal-viewer{flex:1;min-height:0;padding:0;overflow:hidden}.spline-modal .concept-modal-viewer>spline-viewer{display:block;width:100%;height:100%;min-height:0}
.concept-modal-viewer video{display:block;width:100%;max-height:78vh;object-fit:contain;background:#111}
.motion-project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:720px){.motion-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.motion-tool-badge{position:absolute;z-index:4;top:10px;right:10px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff38;border-radius:8px;font:700 13px/1 Manrope;letter-spacing:-.06em;box-shadow:0 3px 12px #0005;pointer-events:none}.tool-ae,.tool-pr{background:#211132;color:#d7a5ff;border-color:#8d53b8}.tool-pr{background:#171e3d;color:#9ca7ff;border-color:#5866c9}.tool-figma{background:#111;color:#f24e1e;font-size:18px;border-color:#ffffff38}.tool-figma svg{display:block;width:20px;height:30px}
.concept-thumb>span.motion-tool-badge{position:absolute;z-index:4;top:10px;right:10px;display:grid;width:34px;height:34px;padding:0;text-align:center;font:700 13px/1 Manrope;letter-spacing:-.06em}
.motion-tool-badge>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px}
.concept-thumb.ai-motion-thumb{display:block;width:100%;height:auto;min-height:240px;aspect-ratio:1.08;appearance:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer}.ai-motion-thumb>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.ai-motion-thumb:hover>video,.ai-motion-thumb:focus-visible>video{transform:scale(1.025)}.ai-motion-thumb:after{content:"▶";position:absolute;z-index:2;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;padding-left:3px;border:1px solid #ffffffa3;border-radius:50%;background:#151815a8;color:#fff;font-size:14px;opacity:0;transform:translate(-50%,-50%) scale(.94);transition:opacity .2s,transform .2s}.ai-motion-thumb:hover:after,.ai-motion-thumb:focus-visible:after{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(max-width:720px){.concept-thumb.ai-motion-thumb{min-height:190px}}
.work-eyebrow,.office-project-meta,.role-label,.experience-date,.experience-title span,.quick-tags span,.concept-kicker,.concept-thumb>span,.experiment-note,.case-thumb>span,.later-thumb>span,.case-thumb small{font-size:10px}
@media(max-width:720px){.work-page .topbar nav a{font-size:11px}.subnav-link{font-size:10px}.work-eyebrow,.office-project-meta,.role-label,.experience-date,.experience-title span,.quick-tags span,.concept-kicker,.concept-thumb>span,.experiment-note,.case-thumb>span,.later-thumb>span,.case-thumb small{font-size:9px}}
.concept-thumb>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.concept-modal-description{max-width:650px;margin:-9px 0 20px;color:#b8bbae;font-size:13px;line-height:1.65}.concept-modal-viewer video{display:block;width:100%;max-height:calc(90vh - 220px);background:#111;object-fit:contain}
.concept-thumb>span,.kiss-work-image>span,.rocket-live-thumb>span,.case-thumb>span,.case-thumb>small{display:none}
.rocket-live-gallery#rocket-gallery-web .rocket-live-thumb{aspect-ratio:16 / 9}
.rocket-blog-gallery .rocket-blog-all-link{grid-column:1/-1;display:flex;min-height:58px;align-items:center;justify-content:space-between;padding:0 20px;background:var(--orange);color:#fff;text-decoration:none;font:600 14px Manrope;transition:filter .2s}.rocket-blog-gallery .rocket-blog-all-link:hover,.rocket-blog-gallery .rocket-blog-all-link:focus-visible{filter:brightness(.92)}.rocket-blog-gallery .rocket-blog-all-link i{font:normal 21px Manrope}.rocket-blog-gallery .rocket-blog-cover-card{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:#d5ddd4;cursor:zoom-in;text-align:left}.rocket-blog-gallery .rocket-blog-cover-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .25s}.rocket-blog-gallery .rocket-blog-cover-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(180deg,transparent 54%,#10120fd9 100%);opacity:0;transition:opacity .2s}.rocket-blog-gallery .rocket-blog-cover-overlay>span{display:flex;min-width:112px;min-height:40px;align-items:center;justify-content:space-between;padding:0 13px;background:var(--lime);color:#20251f;font:600 11px Manrope;box-shadow:0 5px 18px #0004}.rocket-blog-gallery .rocket-blog-cover-overlay i{font:normal 17px Manrope}.rocket-blog-gallery .rocket-blog-cover-card:hover>img,.rocket-blog-gallery .rocket-blog-cover-card:focus-visible>img{transform:scale(1.025);filter:brightness(.8)}.rocket-blog-gallery .rocket-blog-cover-card:hover .rocket-blog-cover-overlay,.rocket-blog-gallery .rocket-blog-cover-card:focus-visible .rocket-blog-cover-overlay{opacity:1}.rocket-blog-gallery .rocket-blog-cover-card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(hover:none){.rocket-blog-gallery .rocket-blog-cover-overlay{opacity:1;padding:7px}.rocket-blog-gallery .rocket-blog-cover-overlay>span{min-width:84px;min-height:32px;padding:0 9px;font-size:9px}}
@media(max-width:720px){.rocket-blog-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.rocket-blog-gallery .rocket-blog-all-link{font-size:12px;min-height:50px;padding:0 13px}}
.rocket-project #rocket-gallery-ads .rocket-ad-card{display:block;width:100%;padding:0;border:0;cursor:zoom-in;text-align:left}.rocket-project #rocket-gallery-ads .rocket-ad-card:before,.rocket-project #rocket-gallery-ads .rocket-ad-card:after{display:none}.rocket-project #rocket-gallery-ads .rocket-ad-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .25s}.rocket-project #rocket-gallery-ads .rocket-ad-preview-overlay{position:absolute;inset:0;display:flex!important;align-items:flex-end;padding:12px;background:linear-gradient(180deg,transparent 54%,#10120fd9 100%);opacity:0;transition:opacity .2s}.rocket-project #rocket-gallery-ads .rocket-ad-preview-overlay>span{display:flex;min-width:112px;min-height:40px;align-items:center;justify-content:space-between;padding:0 13px;background:var(--lime);color:#20251f;font:600 11px Manrope;box-shadow:0 5px 18px #0004}.rocket-project #rocket-gallery-ads .rocket-ad-preview-overlay i{font:normal 17px Manrope}.rocket-project #rocket-gallery-ads .rocket-ad-card:hover>img,.rocket-project #rocket-gallery-ads .rocket-ad-card:focus-visible>img{transform:scale(1.025);filter:brightness(.8)}.rocket-project #rocket-gallery-ads .rocket-ad-card:hover .rocket-ad-preview-overlay,.rocket-project #rocket-gallery-ads .rocket-ad-card:focus-visible .rocket-ad-preview-overlay{opacity:1}.rocket-project #rocket-gallery-ads .rocket-ad-card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(hover:none){.rocket-project #rocket-gallery-ads .rocket-ad-preview-overlay{opacity:1;padding:7px}.rocket-project #rocket-gallery-ads .rocket-ad-preview-overlay>span{min-width:84px;min-height:32px;padding:0 9px;font-size:9px}}
.concept-modal-panel{max-height:90vh;overflow-y:auto;padding:10px 12px 22px}.concept-modal-body{max-width:740px;margin:22px auto 0;color:#d2d4cd;font-size:14px;line-height:1.8}.concept-modal-body p{margin:0 0 16px}.concept-modal-body strong{color:#f5f3ee;font-weight:700}
.art-bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:clamp(34px,4.2vw,60px);grid-auto-flow:row;gap:12px}.art-bento-item{position:relative;min-width:0;min-height:0;padding:0;border:0;overflow:hidden;background:#303630;cursor:zoom-in}.art-bento-item img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .35s}.art-bento-item:hover img,.art-bento-item:focus-visible img{transform:scale(1.025);filter:saturate(1.04)}.art-bento-item:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.art-bento-soldier{grid-column:1/span 3;grid-row:1/span 6}.art-bento-boy{grid-column:4/span 3;grid-row:1/span 6}.art-bento-app{grid-column:7/span 2;grid-row:1/span 6}.art-bento-banner{grid-column:9/span 4;grid-row:1/span 4}.art-bento-fox{grid-column:1/span 4;grid-row:7/span 5}.art-bento-editorial{grid-column:5/span 3;grid-row:7/span 6}.art-bento-metro{grid-column:8/span 2;grid-row:7/span 6}.art-bento-penguin{grid-column:10/span 3;grid-row:5/span 8}.art-lightbox[hidden]{display:none!important}.art-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:38px;background:#10120ff2;backdrop-filter:blur(8px);cursor:zoom-out}.art-lightbox-image{display:block;max-width:min(94vw,1400px);max-height:90vh;object-fit:contain;cursor:default}.art-lightbox-close{position:absolute;top:18px;right:22px;width:44px;height:44px;border:1px solid #ffffff70;border-radius:50%;background:#222720;color:#f5f3ee;font-size:28px;line-height:1;cursor:pointer}
@media(max-width:720px){.art-bento-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(35px,10vw,58px);gap:8px}.art-bento-soldier,.art-bento-boy{grid-column:span 2;grid-row:span 6}.art-bento-app{grid-column:span 2;grid-row:span 7}.art-bento-banner{grid-column:span 4;grid-row:span 4}.art-bento-fox{grid-column:span 4;grid-row:span 5}.art-bento-penguin{grid-column:span 2;grid-row:span 6}.art-bento-editorial,.art-bento-metro{grid-column:span 2;grid-row:span 6}.art-lightbox{padding:20px}.art-lightbox-close{top:10px;right:10px}}
.experiments-section{min-height:0;display:block;padding:104px 0 50px}
.experiments-inner{display:grid;grid-template-columns:1.15fr .85fr;column-gap:6%;align-items:end}
.experiments-inner .work-eyebrow{grid-column:1/-1}
.experiments-section h1{font-size:clamp(64px,9vw,110px);line-height:.9;margin:44px 0 0}
.experiments-bottom{max-width:none;align-self:end;padding-bottom:7px}
.experiments-bottom p{font-size:12px}
.experiment-note{display:none}
@media(max-width:720px){.experiments-section{min-height:0;padding:73px 0 38px}.experiments-inner{display:block;min-height:0;padding:0}.experiments-section h1{font-size:clamp(61px,13vw,88px);margin:35px 0 0}.experiments-bottom{display:block;margin:20px 0 0;padding:0}.experiments-bottom p{font-size:12px}}
.experiments-section{height:auto!important;min-height:0!important}
.experiments-inner{height:auto!important;min-height:0!important;align-content:start}
.experiments-section h1{margin-top:24px}
.subnav-link{border-radius:0;padding:14px 22px;font-size:13px}
.subnav-link span{font-size:11px}
@media(max-width:720px){.subnav-link{padding:12px 15px;font-size:11px}.subnav-link span{font-size:10px}}
.case-thumb img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}.trackpilots-site-link{color:inherit;text-decoration:none;transition:color .2s}.trackpilots-site-link:hover,.trackpilots-site-link:focus-visible{color:#717f5d;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}

/* Kissflow social post previews */
.kissflow-gallery#kiss-gallery-social .social-post-card{display:block;width:100%;padding:0;border:0;cursor:zoom-in;text-align:left;color:#f5f3ee;background:#191316}
.social-post-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .3s}
.social-post-overlay{position:absolute!important;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:18px;background:linear-gradient(180deg,transparent 48%,#111a 100%);font:500 11px Manrope!important;letter-spacing:0!important;text-align:left!important;opacity:0;transition:opacity .2s}
.social-post-overlay i{font:normal 18px Manrope;color:var(--lime)}
.social-post-card:hover img,.social-post-card:focus-visible img{transform:scale(1.035);filter:brightness(.78)}
.social-post-card:hover .social-post-overlay,.social-post-card:focus-visible .social-post-overlay{opacity:1}
.social-post-card:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(hover:none){.social-post-overlay{opacity:1;padding:12px;font-size:9px!important}}
.kissflow-gallery#kiss-gallery-social .social-post-overlay{display:flex!important}
.kissflow-gallery#kiss-gallery-social .social-post-overlay{align-items:flex-end;justify-content:flex-start;padding:16px;background:linear-gradient(180deg,transparent 48%,#10120fd9 100%)}
.kissflow-gallery#kiss-gallery-social .social-post-cta{display:flex!important;position:relative;inset:auto;width:max-content;min-width:138px;min-height:42px;align-items:center;justify-content:space-between;gap:24px;padding:0 14px;background:var(--lime);color:#20251f;font:600 11px Manrope!important;letter-spacing:0!important;text-align:left;box-shadow:0 5px 18px #0004;transform:translateY(5px);transition:transform .22s}
.kissflow-gallery#kiss-gallery-social .social-post-cta i{font:normal 17px Manrope;color:#20251f}
.social-post-card:hover .social-post-cta,.social-post-card:focus-visible .social-post-cta{transform:translateY(0)}
@media(hover:none){.kissflow-gallery#kiss-gallery-social .social-post-cta{transform:none;min-width:112px;min-height:36px;padding:0 11px;font-size:10px!important}}
.kissflow-gallery#kiss-gallery-social .social-post-card--portrait{aspect-ratio:576/1024;background:#090b11}
.social-post-card--portrait img{object-fit:contain}
.social-post-card--no-cta:hover img,.social-post-card--no-cta:focus-visible img{filter:brightness(.88)}
.social-post-card--no-cta:hover .social-post-overlay,.social-post-card--no-cta:focus-visible .social-post-overlay{opacity:0}
/* Keep the social gallery compact when portrait and square posts are mixed. */
.kissflow-gallery#kiss-gallery-social{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
@media(max-width:720px){.kissflow-gallery#kiss-gallery-social{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}
.ebook-work-card{background:#101218;color:#f5f3ee}
.ebook-work-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#101218}
.ebook-preview-button{position:absolute;z-index:3;left:13px;right:13px;bottom:13px;min-height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:0;background:var(--lime);color:#20251f;font:600 11px Manrope;cursor:pointer;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s}
.ebook-preview-button i{font:normal 16px Manrope}
.ebook-work-card:hover .ebook-preview-button,.ebook-work-card:focus-within .ebook-preview-button{opacity:1;transform:translateY(0);pointer-events:auto}
.rocket-cannes-post-card .rocket-cannes-post-actions{position:absolute;z-index:3;left:13px;right:13px;bottom:13px;display:flex;gap:8px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .2s,transform .2s}
.rocket-cannes-post-card:hover .rocket-cannes-post-actions,.rocket-cannes-post-card:focus-within .rocket-cannes-post-actions{opacity:1;transform:translateY(0);pointer-events:auto}
.rocket-cannes-post-card .rocket-cannes-post-actions .ebook-preview-button,.rocket-cannes-post-card .rocket-cannes-post-actions>a{position:static;left:auto;right:auto;bottom:auto;flex:1;min-width:0;min-height:42px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;opacity:1;transform:none;pointer-events:auto;text-decoration:none;font:600 10px Manrope}
.rocket-cannes-post-card .rocket-cannes-post-actions>a{background:#f5f3ee;color:#20251f}
.rocket-cannes-post-card .rocket-cannes-post-actions>a i{font:normal 16px Manrope}
@media(hover:none){.rocket-cannes-post-card .rocket-cannes-post-actions{opacity:1;transform:none;pointer-events:auto;left:7px;right:7px;bottom:7px;gap:5px}.rocket-cannes-post-card .rocket-cannes-post-actions .ebook-preview-button,.rocket-cannes-post-card .rocket-cannes-post-actions>a{min-height:35px;padding:0 7px;font-size:8px}}
.concept-preview-modal.pdf-modal .concept-modal-panel{width:min(1100px,100%)}
.pdf-modal .concept-modal-viewer{height:min(72vh,900px);min-height:360px;padding:0;overflow:hidden;background:#252720}
.ebook-pdf-frame{display:block;width:100%;height:100%;border:0;background:#fff}
@media(hover:none){.ebook-preview-button{opacity:1;transform:none;pointer-events:auto;left:7px;right:7px;bottom:7px;min-height:35px;padding:0 9px;font-size:9px}}
@media(max-width:720px){.pdf-modal .concept-modal-viewer{height:68vh;min-height:280px}}
.pdf-modal .concept-modal-viewer{height:min(72vh,900px);min-height:360px;padding:0;overflow:auto;overscroll-behavior:contain;background:#1b1d1a}
.ebook-pages{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px}
.ebook-pages img{display:block;width:min(100%,760px);height:auto;background:#fff;box-shadow:0 6px 24px #0004}
@media(max-width:720px){.pdf-modal .concept-modal-viewer{height:68vh;min-height:280px}.ebook-pages{gap:6px;padding:6px}}
.kissflow-gallery#kiss-gallery-ads{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kissflow-gallery#kiss-gallery-ads .paid-ad-card{display:block;width:100%;padding:0;border:0;background:#171916;cursor:zoom-in;text-align:left}
.kissflow-gallery#kiss-gallery-ads .paid-ad-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .25s}
.kissflow-gallery#kiss-gallery-ads .paid-ad-overlay{position:absolute!important;inset:0;display:flex!important;align-items:flex-end;justify-content:flex-start;padding:14px;background:linear-gradient(180deg,transparent 54%,#10120fd9 100%);opacity:0;transition:opacity .2s}
.kissflow-gallery#kiss-gallery-ads .paid-ad-cta{display:flex!important;width:120px;min-height:40px;align-items:center;justify-content:space-between;padding:0 13px;background:var(--lime);color:#20251f;font:600 11px Manrope!important;letter-spacing:0!important;box-shadow:0 5px 18px #0004}
.kissflow-gallery#kiss-gallery-ads .paid-ad-cta i{font:normal 17px Manrope}
.kissflow-gallery#kiss-gallery-ads .paid-ad-card:hover>img,.kissflow-gallery#kiss-gallery-ads .paid-ad-card:focus-visible>img{transform:scale(1.025);filter:brightness(.8)}
.kissflow-gallery#kiss-gallery-ads .paid-ad-card:hover .paid-ad-overlay,.kissflow-gallery#kiss-gallery-ads .paid-ad-card:focus-visible .paid-ad-overlay{opacity:1}
.kissflow-gallery#kiss-gallery-ads .paid-ad-card:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(hover:none){.kissflow-gallery#kiss-gallery-ads .paid-ad-overlay{opacity:1;padding:8px}.kissflow-gallery#kiss-gallery-ads .paid-ad-cta{width:100px;min-height:34px;font-size:9px!important}}
@media(max-width:720px){.kissflow-gallery#kiss-gallery-ads{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}}
.report-preview-card{background:#fff;color:#20251f}
.report-preview-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.report-preview-card:hover .ebook-preview-button,.report-preview-card:focus-within .ebook-preview-button{opacity:1;transform:translateY(0);pointer-events:auto}

.kissflow-gallery#kiss-gallery-infographics .infographic-card{display:block;width:100%;aspect-ratio:16 / 9;padding:0;border:0;background:#fff;cursor:zoom-in;text-align:left}
.kissflow-gallery#kiss-gallery-infographics .infographic-card:before,.kissflow-gallery#kiss-gallery-infographics .infographic-card:after{display:none}
.kissflow-gallery#kiss-gallery-infographics .infographic-card>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s,filter .25s}
.kissflow-gallery#kiss-gallery-infographics .infographic-preview-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:12px;background:linear-gradient(180deg,transparent 54%,#10120fd9 100%);opacity:0;transition:opacity .2s}
.kissflow-gallery#kiss-gallery-infographics .infographic-preview-cta{display:flex;min-width:112px;min-height:40px;align-items:center;justify-content:space-between;padding:0 13px;background:var(--lime);color:#20251f;font:600 11px Manrope;box-shadow:0 5px 18px #0004}
.kissflow-gallery#kiss-gallery-infographics .infographic-preview-cta i{font:normal 17px Manrope}
.kissflow-gallery#kiss-gallery-infographics .infographic-card:hover>img,.kissflow-gallery#kiss-gallery-infographics .infographic-card:focus-visible>img{transform:scale(1.025);filter:brightness(.8)}
.kissflow-gallery#kiss-gallery-infographics .infographic-card:hover .infographic-preview-overlay,.kissflow-gallery#kiss-gallery-infographics .infographic-card:focus-visible .infographic-preview-overlay{opacity:1}
.kissflow-gallery#kiss-gallery-infographics .infographic-card:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(hover:none){.kissflow-gallery#kiss-gallery-infographics .infographic-preview-overlay{opacity:1;padding:8px}.kissflow-gallery#kiss-gallery-infographics .infographic-preview-cta{min-width:96px;min-height:34px;font-size:9px}}
.kissflow-video-gallery .video-work-image{display:grid;width:100%;max-height:360px;padding:0;border:0;cursor:pointer;text-align:center}
.kissflow-video-gallery .video-work-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .35s,filter .25s}
.kissflow-video-gallery .video-work-image>i{z-index:1;background:#222720d9;color:#f5f3ee;font-size:17px;transition:transform .2s,background .2s}
.kissflow-video-gallery .video-work-image:hover>img,.kissflow-video-gallery .video-work-image:focus-visible>img{transform:scale(1.025);filter:brightness(.78)}
.kissflow-video-gallery .video-work-image:hover>i,.kissflow-video-gallery .video-work-image:focus-visible>i{transform:scale(1.08);background:#222720}
.kissflow-video-gallery .video-work-image:focus-visible{outline:2px solid var(--lime);outline-offset:3px}
@media(max-width:720px){.kissflow-video-gallery .video-work-image{max-height:240px}}
.rocket-project #rocket-gallery-ads .rocket-ad-banner-card{grid-column:1/-1;aspect-ratio:1813/169}
.concept-modal-viewer video.square-fit-preview-video{width:min(760px,calc(90vh - 220px));height:min(760px,calc(90vh - 220px));max-width:100%;max-height:none;margin:0 auto;object-fit:contain;background:#111}
@media(max-width:720px){.work-subnav{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.work-subnav .subnav-link{flex:0 0 auto}}