.works-category{display:flex;align-items:center;gap:14px;margin:8px 0 20px}.works-category-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#e7dfff;color:#6757cf;font-size:11px;font-weight:800}.works-category h3{margin:0;font-family:Nunito,Manrope,sans-serif;font-size:21px;font-weight:900}.works-category-line{height:1px;flex:1;background:#dcd2d0}.featured-work{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:38px;align-items:center;padding:32px;border:1.5px solid #302c48;border-radius:21px;background:#f5f0ff;box-shadow:8px 9px 0 #302c48}.featured-work-visual{position:relative;min-width:0}.featured-browser{overflow:hidden;border:1.5px solid #302c48;border-radius:13px;background:#fff;box-shadow:8px 9px 0 #d6cbee;transform:rotate(-1deg)}.featured-browser-bar{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 13px;border-bottom:1px solid #dedce3;background:#fff}.featured-browser-bar span{display:flex;gap:4px}.featured-browser-bar i{width:7px;height:7px;border-radius:50%;background:#ead6cc}.featured-browser-bar i:nth-child(2){background:#e6deb9}.featured-browser-bar i:nth-child(3){background:#c5dfc5}.featured-browser-bar small{color:#827f8d;font-size:9px}.featured-browser-bar b{color:#6757cf;font-size:12px}.featured-browser img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}.featured-sticker{position:absolute;right:-14px;bottom:-16px;padding:11px 13px;border:1.5px solid #302c48;border-radius:8px;background:#ffe3d3;box-shadow:4px 4px 0 #302c48;color:#302c48;font-size:10px;font-weight:900;letter-spacing:.06em;transform:rotate(4deg)}.featured-work-copy{padding:10px 8px 10px 0}.featured-work-copy h3{margin:10px 0 12px;font-family:Nunito,Manrope,sans-serif;font-size:clamp(38px,4vw,56px);font-weight:900;letter-spacing:-.05em;line-height:1.05}.featured-lead{margin:0;color:#555368;font-size:14px;line-height:1.8}.featured-points{display:grid;gap:10px;margin:21px 0 22px;padding:0;list-style:none}.featured-points li{position:relative;padding-left:22px;color:#454359;font-size:12px;font-weight:700;line-height:1.5}.featured-points li:before{content:'✓';position:absolute;left:0;color:#6757cf;font-weight:900}.featured-tags,.case-tags{display:flex;flex-wrap:wrap;gap:7px}.featured-tags span,.case-tags span{padding:7px 10px;border:1px solid #d4c9e7;border-radius:7px;background:#fffafc;color:#685a82;font-size:10px;font-weight:800}.featured-actions{display:flex;flex-wrap:wrap;align-items:center;gap:21px;margin-top:26px}.featured-actions .button{gap:32px}.featured-live{border-bottom:2px solid #6757cf;padding:7px 0;color:#3d385f;font-size:12px;font-weight:800}.featured-live:hover{color:#6757cf}.works-next{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:38px}.works-next .work-placeholder{min-height:210px}.works-next .work-glyph{margin-bottom:18px}.case-page{background:#fbf7ee}.case-page .site-header{position:sticky;top:0}.case-back{font-size:12px;font-weight:800;color:#6757cf}.case-back:hover{text-decoration:underline}.case-hero{padding:68px 0 52px}.case-hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.case-hero h1{margin:19px 0 18px;font-family:Nunito,Manrope,sans-serif;font-size:clamp(52px,7vw,94px);font-weight:900;line-height:1;letter-spacing:-.07em}.case-hero h1 em{display:block;color:#6757cf;font-style:normal}.case-hero p{max-width:510px;margin:0;color:#5f5d70;font-size:16px;line-height:1.85}.case-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.case-hero-image{position:relative;padding:20px;border:1.5px solid #302c48;border-radius:20px;background:#e7dfff;box-shadow:9px 10px 0 #302c48}.case-hero-image img{display:block;width:100%;height:auto;border:1px solid #d7d4d0;border-radius:10px;box-shadow:0 16px 28px #302c4830}.case-hero-image .case-image-label{position:absolute;right:-16px;bottom:8px;padding:9px 12px;border:1.5px solid #302c48;border-radius:8px;background:#ffe3d3;box-shadow:4px 4px 0 #302c48;font-size:10px;font-weight:900;transform:rotate(5deg)}.case-strip{padding:24px 0;border-block:1px solid #e5dece;background:#fffdf8}.case-strip-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.case-strip strong{margin-right:12px;font-size:11px}.case-section{padding:88px 0}.case-section.alt{background:#f1edf9}.case-section-head{max-width:760px;margin-bottom:34px}.case-section h2{margin:12px 0 15px;font-family:Nunito,Manrope,sans-serif;font-size:clamp(34px,4vw,56px);font-weight:900;letter-spacing:-.05em;line-height:1.14}.case-section-head p{margin:0;color:#69677b;font-size:14px;line-height:1.8}.case-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-flow article{min-height:168px;padding:24px;border:1.5px solid #3c3559;border-radius:14px;background:#fffdf8;box-shadow:4px 5px 0 #3c3559}.case-flow span{color:#6757cf;font-size:11px;font-weight:900}.case-flow h3{margin:24px 0 7px;font-family:Nunito,sans-serif;font-size:20px}.case-flow p{margin:0;color:#777387;font-size:11px;line-height:1.7}.case-features{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.case-feature{padding:30px;border:1.5px solid #c9bfc1;border-radius:16px;background:#fffdf8;box-shadow:5px 6px 0 #302c48}.case-feature:nth-child(2){background:#fff1e8}.case-feature:nth-child(3){background:#f0f8ef}.case-feature:nth-child(4){background:#fff6db}.case-feature-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#e7dfff;color:#6757cf;font-size:24px}.case-feature h3{margin:17px 0 8px;font-family:Nunito,sans-serif;font-size:24px}.case-feature p{margin:0;color:#5f5d70;font-size:12px;line-height:1.8}.case-screenshot{overflow:hidden;border:1.5px solid #3c3559;border-radius:17px;background:#fff;box-shadow:8px 9px 0 #3c3559}.case-screenshot img{display:block;width:100%;height:auto}.case-caption{padding:15px 21px;color:#686477;font-size:11px}.case-cta{padding:74px 0}.case-cta-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px;border:1.5px solid #3c3559;border-radius:20px;background:#ffe3d3;box-shadow:8px 9px 0 #3c3559}.case-cta-card h2{margin:0 0 10px;font-family:Nunito,sans-serif;font-size:clamp(28px,3.5vw,42px)}.case-cta-card p{max-width:560px;margin:0;color:#6a5e67;font-size:12px;line-height:1.8}.case-cta-card .button{flex:none}.case-footer-link{color:#6757cf;font-size:11px;font-weight:800}@media(max-width:900px){.featured-work{grid-template-columns:1fr}.case-hero-grid{grid-template-columns:1fr}.case-flow{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.featured-work{padding:19px;gap:25px;box-shadow:5px 6px 0 #302c48}.featured-sticker{right:-8px;bottom:-11px}.featured-work-copy{padding:0}.featured-work-copy h3{font-size:43px}.featured-lead{font-size:12px}.featured-actions{gap:14px}.featured-actions .button{width:100%}.works-next{grid-template-columns:1fr;margin-top:30px}.case-page .header-inner{min-height:65px}.case-hero{padding:43px 0}.case-hero-grid{gap:34px}.case-hero h1{font-size:56px}.case-hero p{font-size:13px}.case-hero-image{padding:11px;box-shadow:5px 6px 0 #302c48}.case-hero-image .case-image-label{right:-4px;bottom:-13px}.case-section{padding:65px 0}.case-flow,.case-features{grid-template-columns:1fr}.case-flow article{min-height:130px}.case-flow h3{margin-top:15px}.case-cta{padding:55px 0}.case-cta-card{flex-direction:column;align-items:stretch;padding:28px;box-shadow:5px 6px 0 #3c3559}}