#work.soft-work{background:#fff;overflow:hidden}#work .soft-work__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.soft-work__card{--soft:#fff0e9;--soft-fade:#fff9f6;--soft-shape:#f9dfd1;border-radius:22px;overflow:hidden;background:var(--soft-fade);min-width:0}.soft-work__card--blue{--soft:#edf1fa;--soft-fade:#f7f9fd;--soft-shape:#dce4f5}.soft-work__card--lavender{--soft:#f3eafa;--soft-fade:#fbf7fd;--soft-shape:#eaddf2}.soft-work__card--sky{--soft:#e3f0ff;--soft-fade:#f4f9ff;--soft-shape:#d0e4fb}.soft-work__card--sand{--soft:#f2eee5;--soft-fade:#faf8f3;--soft-shape:#e6dfce}.soft-work__card--sage{--soft:#eaf0e9;--soft-fade:#f6f9f4;--soft-shape:#d9e5d6}.soft-work__card--rose{--soft:#f6e9eb;--soft-fade:#fcf6f7;--soft-shape:#ecd8de}.soft-work__card--slate{--soft:#e9edf2;--soft-fade:#f7f8fb;--soft-shape:#dce3ec}.soft-work__link{display:block;height:100%;text-decoration:none;color:#242424}.soft-work__link:focus-visible{outline:3px solid #ee4e2e;outline-offset:-4px;border-radius:22px}.soft-work__art{position:relative;height:350px;background:linear-gradient(125deg,var(--soft-fade),var(--soft));overflow:hidden;isolation:isolate}.soft-work__art:before{content:"";position:absolute;width:310px;height:310px;right:-170px;bottom:-130px;background:var(--soft-shape);opacity:.5;transform:rotate(43deg);z-index:-1}.soft-work__browser{position:absolute;top:82px;left:9%;width:77%;background:#fff;border:1px solid #e2e2e5;border-radius:13px;box-shadow:0 18px 35px #4a536322;transform:rotate(-4deg);overflow:hidden;transition:transform .3s ease}.soft-work__chrome{height:22px;display:flex;align-items:center;gap:4px;padding:0 11px;background:#fafafa;border-bottom:1px solid #ececef}.soft-work__chrome i{width:5px;height:5px;background:#d6d8db;border-radius:50%}.soft-work__chrome i:first-child{background:#eab0a2}.soft-work__chrome i:nth-child(2){background:#e7d4a8}.soft-work__chrome i:nth-child(3){background:#bed2bd}.soft-work__chrome span{display:block;width:45%;height:7px;margin:auto;border-radius:4px;background:#f0f0f2}.soft-work__screen{height:295px;overflow:hidden;background:#fff}.soft-work__screen img{display:block;width:100%;height:auto}.soft-work__phone{position:absolute;width:19%;height:216px;right:5%;top:169px;border:4px solid #272a2d;border-radius:19px;background:#fff;overflow:hidden;transform:rotate(4deg);box-shadow:0 12px 18px #525c6a26;z-index:2}.soft-work__phone>span{position:absolute;top:5px;left:35%;width:30%;height:7px;border-radius:8px;background:#242424;z-index:1}.soft-work__phone img{display:block;width:100%;height:auto;margin-top:10px}#work .soft-work__copy{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px 25px;min-height:116px}#work .soft-work__copy h3{font:700 19px/1.3 var(--display);letter-spacing:-.025em;margin:0 0 6px;color:#202329}#work .soft-work__copy p{font:400 15px/1.5 var(--body);color:#60636b;margin:0;max-width:440px}.soft-work__arrow{display:flex;align-items:center;justify-content:center;border:1px solid #bfc2c8;border-radius:50%;width:36px;height:36px;flex:0 0 36px;color:#333940}.soft-work__arrow svg{width:17px;height:17px}.soft-work__presentation{position:absolute;top:80px;left:9%;width:82%;height:280px;border-radius:12px;overflow:hidden;transform:rotate(-4deg);box-shadow:0 16px 28px #4a536322}.soft-work__presentation img{width:100%;height:100%;object-fit:cover}.soft-work__note{position:absolute;right:18px;bottom:15px;padding:5px 9px;border-radius:6px;background:#ffffffed;color:#6b6470;font-size:10px;z-index:3}.soft-work__bottom{display:flex;justify-content:center;margin-top:38px}@media(hover:hover){.soft-work__link:hover .soft-work__browser{transform:rotate(-2deg) translateY(-3px)}}@media(max-width:1050px){.soft-work__art{height:300px}.soft-work__browser{top:78px}.soft-work__phone{top:155px;height:175px;border-width:3px;border-radius:14px}#work .soft-work__copy{padding:20px;min-height:134px}}@media(max-width:700px){#work .soft-work__grid{grid-template-columns:1fr;gap:24px}.soft-work__art{height:310px}.soft-work__browser{top:80px}.soft-work__phone{top:160px;height:190px}#work .soft-work__copy{min-height:0;padding:22px}#work .soft-work__copy h3{font-size:18px}#work .soft-work__copy p{font-size:14px}}@media(max-width:380px){.soft-work__art{height:270px}.soft-work__phone{top:145px;height:160px}}@media(prefers-reduced-motion:reduce){.soft-work__browser{transition:none}.soft-work__link:hover .soft-work__browser{transform:rotate(-4deg)}}@media(max-width:700px){.soft-work__arrow{display:none}}#work .soft-work__copy p.soft-work__contribution,.portfolio-page #portfolio-grid .soft-work__copy p.soft-work__contribution{font-size:13px;line-height:1.55;font-weight:600;color:#35383d;margin:10px 0 0}.soft-work__art--rocket .soft-work__presentation{left:16px;right:16px;top:62px;width:calc(100% - 32px);height:calc(100% - 74px);background:transparent;border-radius:0;box-shadow:none;transform:none;overflow:hidden}.soft-work__art--rocket .soft-work__presentation img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center}#work .soft-work__art--rocket .soft-work__presentation,.portfolio-page #portfolio-grid .soft-work__art--rocket .soft-work__presentation{top:62px;bottom:12px;height:auto}.soft-work__art--rocket .soft-work__note{left:18px;right:auto;bottom:12px}#work .soft-work__art--publication .soft-work__presentation,.portfolio-page #portfolio-grid .soft-work__art--publication .soft-work__presentation{inset:64px 18px 16px;width:auto;height:auto;border-radius:8px;box-shadow:none;transform:none;background:transparent}.soft-work__art--publication .soft-work__presentation img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.weblerr-spotlight{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.36fr);align-items:center;gap:clamp(24px,4vw,68px);margin-block:28px clamp(44px,6vw,84px);padding:clamp(22px,4vw,64px);border:1px solid #eadfd6;border-radius:24px;background:#fbf7f3;color:#241c18}.weblerr-spotlight .eyebrow{color:#a83216}.weblerr-spotlight__copy h3{margin:16px 0 20px;font-size:clamp(2.45rem,5.1vw,5.7rem);line-height:.95;letter-spacing:-.065em}.weblerr-spotlight__copy h3 span{color:#ff5b2d}.weblerr-spotlight__copy p{max-width:34ch}.weblerr-spotlight__role{color:#756960;font-size:.88rem;font-weight:600}.weblerr-spotlight__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:25px}.weblerr-spotlight__actions a{color:#241c18;font-weight:700}.weblerr-spotlight__actions .weblerr-spotlight__primary{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;background:#241c18;color:#fff;text-decoration:none}.weblerr-spotlight__primary:hover{background:#49332a}.weblerr-spotlight__art{display:block;border-radius:18px;box-shadow:0 16px 38px #3b271e24}.weblerr-spotlight__art img{display:block;width:100%;height:auto;border-radius:inherit}.weblerr-spotlight__primary svg{flex-shrink:0}@media(max-width:760px){.weblerr-spotlight{grid-template-columns:1fr}.weblerr-spotlight__copy h3 br{display:none}}#work .soft-work__art--flat-logo,.portfolio-page #portfolio-grid .soft-work__art--flat-logo{background:#fdfdfd}.soft-work__art--flat-logo:before,.soft-work__art--flat-logo:after{display:none}#work .soft-work__art--browser-only .soft-work__browser,.portfolio-page #portfolio-grid .soft-work__art--browser-only .soft-work__browser{left:9%;width:82%}
