.expertise-brand{--brand-night:#0b0b0d;--brand-sand:#c8b79a;--brand-navy:#1f2a4d;--brand-chalk:#f2f0ec;--brand-earth:#b5643c}.expertise-brand .patra-logo{fill:currentColor;stroke:none}.expertise-brand .brand-tag{color:currentColor;font-size:12px;font-weight:500;left:18px;opacity:.55;position:absolute;top:16px}.expertise-brand .brand-win-top{align-items:baseline;border-bottom:1px solid var(--mk-line);display:flex;gap:14px;height:56px;padding:18px 24px 0}.expertise-brand .brand-win-top b{font-size:15px;font-weight:600}.expertise-brand .brand-win-top span{color:var(--mk-muted);font-size:13px}.expertise-brand .brand-win-top.is-dark{background:#2c2c2c;border-color:#333;color:#fff}.expertise-brand .brand-win-top.is-dark span{color:#ffffff80}.expertise-brand .brand-board{display:grid;gap:16px;grid-template-columns:1.3fr 1fr 1fr 1fr;grid-template-rows:repeat(3,1fr);height:820px;left:40px;position:absolute;top:40px;width:1520px}.expertise-brand .brand-cell{background:#fff;border-radius:18px;box-shadow:0 30px 70px #0000004d;color:var(--brand-night);overflow:hidden;position:relative}.expertise-brand .brand-cell.is-logo{align-items:center;background:var(--brand-chalk);display:flex;flex-direction:column;gap:14px;grid-area:1/1/3/2;justify-content:center}.expertise-brand .brand-cell.is-logo svg{height:137px;width:180px}.expertise-brand .brand-cell.is-logo b{font-size:44px;font-weight:500;letter-spacing:-1.5px}.expertise-brand .brand-cell.is-logo em{color:#0b0b0d80;font-size:14px;font-style:normal}.expertise-brand .brand-cell.is-palette{grid-area:1/2/2/4;padding:48px 18px 18px}.expertise-brand .brand-cell.is-type{background:var(--brand-sand);display:flex;flex-direction:column;gap:14px;grid-area:1/4/3/5;justify-content:flex-end;padding:22px}.expertise-brand .brand-cell.is-type div{display:flex;flex-direction:column}.expertise-brand .brand-cell.is-type div b{font-size:18px;font-weight:600}.expertise-brand .brand-cell.is-type div span{font-size:13px;opacity:.6}.expertise-brand .brand-cell.is-type p{font-size:22px;letter-spacing:-.4px;line-height:1.25;margin:0}.expertise-brand .brand-cell.is-photo{grid-area:2/2/4/3}.expertise-brand .brand-cell.is-photo img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.expertise-brand .brand-cell.is-photo svg{bottom:22px;color:#fff;height:49px;left:22px;position:absolute;width:64px}.expertise-brand .brand-cell.is-box{background:#e9e6e0;grid-area:2/3/3/4}.expertise-brand .brand-cell.is-label{background:var(--brand-navy);color:var(--brand-chalk);grid-area:3/1/4/2}.expertise-brand .brand-cell.is-icon{align-items:center;background:#fafaf8;display:flex;gap:40px;grid-area:3/3/4/5;justify-content:center}.expertise-brand .brand-swatches{display:grid;gap:10px;grid-template-columns:repeat(5,1fr);height:100%}.expertise-brand .brand-swatch{display:flex;flex-direction:column;gap:4px}.expertise-brand .brand-swatch i{border:1px solid rgba(0,0,0,.06);border-radius:10px;flex:1}.expertise-brand .brand-swatch b{font-size:13px;font-weight:600;margin-top:4px}.expertise-brand .brand-swatch span{color:var(--mk-muted);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.expertise-brand .brand-aa{font-size:150px;font-weight:500;letter-spacing:-6px;line-height:.9}.expertise-brand .brand-box{left:50%;position:absolute;top:64px;transform:translate(-50%);width:220px}.expertise-brand .brand-box i{display:grid;place-items:center}.expertise-brand .brand-box-lid{background:var(--brand-night);border-radius:4px;color:var(--brand-chalk);height:40px;position:relative;z-index:2}.expertise-brand .brand-box-lid svg{height:26px;width:34px}.expertise-brand .brand-box-body{background:#2a2a2e;border-radius:0 0 4px 4px;height:90px;margin:0 8px}.expertise-brand .brand-box-body span{color:var(--brand-sand);font-size:12px;font-style:normal}.expertise-brand .brand-hangtag{align-items:center;background:var(--brand-chalk);border-radius:8px 8px 14px 14px;color:var(--brand-night);display:flex;flex-direction:column;gap:8px;left:50%;margin-left:-60px;padding:30px 12px 16px;position:absolute;top:30px;width:120px}.expertise-brand .brand-hangtag>i{background:var(--brand-navy);border-radius:50%;height:10px;position:absolute;top:10px;width:10px}.expertise-brand .brand-hangtag svg{height:35px;width:46px}.expertise-brand .brand-hangtag span{font-size:10px;opacity:.6;text-align:center}.expertise-brand .brand-hangtag b{font-size:15px}.expertise-brand .brand-app{background:var(--brand-night);border-radius:28px;box-shadow:0 16px 30px #0003;color:var(--brand-chalk);display:grid;height:120px;place-items:center;width:120px}.expertise-brand .brand-app svg{height:49px;width:64px}.expertise-brand .brand-favicon{align-items:center;background:#e8e8ea;border-radius:10px 10px 0 0;display:flex;font-size:14px;gap:10px;padding:10px 18px 10px 12px}.expertise-brand .brand-favicon i{background:var(--brand-night);border-radius:5px;color:#fff;display:grid;height:22px;place-items:center;width:22px}.expertise-brand .brand-favicon svg{height:11px;width:14px}.expertise-brand .brand-mood{width:900px}.expertise-brand .brand-mood-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:calc(100% - 56px);padding:20px}.expertise-brand .brand-mood-tile{background:#f1f1ef;border-radius:12px;overflow:hidden;position:relative}.expertise-brand .brand-mood-tile img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.expertise-brand .brand-mood-tile.is-tall{grid-row:span 2}.expertise-brand .brand-mood-tile.is-color span{bottom:12px;color:#fff;font-size:13px;left:12px;mix-blend-mode:difference;position:absolute}.expertise-brand .brand-mood-tile.is-word{display:grid;place-items:center}.expertise-brand .brand-mood-tile.is-word b{font-size:28px;font-weight:500;letter-spacing:-.8px}.expertise-brand .brand-mood-tile.is-word.is-dark{background:var(--brand-night);color:var(--brand-chalk)}.expertise-brand .brand-map{height:520px;left:970px;top:40px;width:590px}.expertise-brand .brand-map-area{background:#fafaf8;border-radius:12px;height:420px;margin-top:16px;position:relative}.expertise-brand .brand-axis{background:#dadce0;position:absolute}.expertise-brand .brand-axis.is-x{height:1px;left:24px;right:24px;top:50%}.expertise-brand .brand-axis.is-y{bottom:24px;left:50%;top:24px;width:1px}.expertise-brand .brand-axis-label{color:var(--mk-faint);font-size:12px;position:absolute}.expertise-brand .brand-axis-label.is-top{left:50%;top:6px;transform:translate(-50%)}.expertise-brand .brand-axis-label.is-bottom{bottom:6px;left:50%;transform:translate(-50%)}.expertise-brand .brand-axis-label.is-left{left:8px;top:50%;transform:translateY(-140%)}.expertise-brand .brand-axis-label.is-right{right:8px;top:50%;transform:translateY(-140%)}.expertise-brand .brand-dot{align-items:center;color:var(--mk-muted);display:flex;font-size:12px;gap:6px;position:absolute;white-space:nowrap}.expertise-brand .brand-dot i{background:#bdc1c6;border-radius:50%;height:12px;width:12px}.expertise-brand .brand-dot.is-patra{color:var(--brand-night);font-size:14px;font-weight:600;z-index:2}.expertise-brand .brand-dot.is-patra i{background:var(--brand-earth);box-shadow:0 0 0 6px #b5643c33;height:18px;width:18px}.expertise-brand .brand-zone{background:#b5643c0f;border:1.5px dashed var(--brand-earth);border-radius:50%;height:32%;left:60%;position:absolute;top:8%;width:34%}.expertise-brand .brand-promise{height:280px;left:970px;top:580px;width:590px}.expertise-brand .brand-promise p{color:var(--brand-night);font-size:30px;font-weight:500;letter-spacing:-.8px;line-height:1.2;margin:18px 0;min-height:70px}.expertise-brand .brand-targets{display:flex;flex-wrap:wrap;gap:8px}.expertise-brand .brand-targets em{background:#f1f3f4;border-radius:14px;font-size:13px;font-style:normal;padding:7px 12px}.expertise-brand .brand-canvas{background:#f5f5f3;width:1520px}.expertise-brand .brand-pistes{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);padding:28px 32px}.expertise-brand .brand-piste{background:#fff;border:2px solid transparent;border-radius:18px;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;gap:14px;padding:16px;transition:border-color .4s,opacity .4s,transform .4s}.expertise-brand .brand-piste.is-chosen{border-color:var(--brand-earth);transform:translateY(-6px)}.expertise-brand .brand-piste.is-dim{opacity:.45}.expertise-brand .brand-piste-name{font-size:14px;font-weight:600}.expertise-brand .brand-piste-art{border-radius:12px;display:grid;height:300px;place-items:center}.expertise-brand .brand-piste-art svg{height:114px;width:150px}.expertise-brand .brand-piste-art b{font-weight:500}.expertise-brand .brand-piste-art b.is-A{font-family:Georgia,Times New Roman,serif;font-size:74px;font-style:italic;letter-spacing:-1px}.expertise-brand .brand-piste-art b.is-C{font-size:64px;font-weight:700;letter-spacing:10px}.expertise-brand .brand-piste-uses{align-items:center;display:flex;gap:12px}.expertise-brand .brand-piste-uses i{border-radius:12px;display:grid;flex:none;font-style:normal;height:52px;place-items:center;width:52px}.expertise-brand .brand-piste-uses i svg{height:23px;width:30px}.expertise-brand .brand-piste-uses i b{font-size:24px}.expertise-brand .brand-piste-uses span{color:var(--mk-muted);font-size:14px}.expertise-brand .brand-votes{display:flex;gap:6px;min-height:20px}.expertise-brand .brand-votes i{background:var(--brand-sand);border:2px solid #fff;border-radius:50%;height:20px;width:20px}.expertise-brand .brand-votes i:nth-child(2){background:var(--brand-navy)}.expertise-brand .brand-votes i:nth-child(3){background:var(--brand-earth)}.expertise-brand .brand-pick{border:1px solid var(--mk-line);border-radius:21px;display:grid;font-size:14px;font-weight:500;height:42px;place-items:center}.expertise-brand .brand-piste.is-chosen .brand-pick{background:var(--brand-earth);border-color:var(--brand-earth);color:#fff}.expertise-brand .brand-comment{background:#fff;border-radius:14px;bottom:30px;box-shadow:0 16px 40px #00000024;display:flex;gap:12px;opacity:0;padding:14px 16px;position:absolute;right:40px;transform:translateY(10px);transition:opacity .4s,transform .4s;width:360px}.expertise-brand .brand-comment>i{background:var(--brand-sand);border-radius:50%;color:#fff;display:grid;flex:none;font-size:13px;font-style:normal;font-weight:600;height:32px;place-items:center;width:32px}.expertise-brand .brand-comment div{display:flex;flex-direction:column;font-size:14px}.expertise-brand .brand-comment span{color:var(--mk-muted)}.expertise-brand .brand-comment.is-on{opacity:1;transform:none}.expertise-brand .brand-figma{background:#e5e5e5;width:1100px}.expertise-brand .brand-artboards{display:grid;gap:28px 24px;grid-template-columns:repeat(3,1fr);padding:34px 32px}.expertise-brand .brand-artboard{display:flex;flex-direction:column;gap:8px}.expertise-brand .brand-artboard-name{color:#6b6b6b;font-size:12px}.expertise-brand .brand-artboard-in{align-items:center;display:flex;gap:16px;height:300px;justify-content:center;outline:2px solid transparent;outline-offset:4px;transition:outline-color .2s}.expertise-brand .brand-artboard-in svg{height:69px;width:90px}.expertise-brand .brand-artboard-in b{font-size:40px;font-weight:500;letter-spacing:-1px}.expertise-brand .brand-artboard.is-vertical .brand-artboard-in{flex-direction:column}.expertise-brand .brand-artboard.is-selected .brand-artboard-in{outline-color:#0d99ff}.expertise-brand .brand-fav{background:var(--brand-night);border-radius:12px;color:#fff;display:grid;height:64px;place-items:center;width:64px}.expertise-brand .brand-fav svg{height:29px;width:38px}.expertise-brand .brand-fav.is-small{border-radius:7px;height:32px;width:32px}.expertise-brand .brand-fav.is-small svg{height:15px;width:19px}.expertise-brand .brand-safe{display:grid;outline:1.5px dashed #f24822;padding:26px;place-items:center}.expertise-brand .brand-safe svg{height:69px;width:90px}.expertise-brand .brand-export{height:400px;left:1170px;top:40px;width:390px}.expertise-brand .brand-export .mk-card-head{margin-bottom:12px}.expertise-brand .brand-format{align-items:center;border-bottom:1px solid #f1f2f4;display:grid;font-size:13px;gap:12px;grid-template-columns:52px 1fr 20px;height:54px}.expertise-brand .brand-format em{background:#f1f3f4;border-radius:6px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-style:normal;padding:4px 0;text-align:center}.expertise-brand .brand-format span{color:var(--mk-muted)}.expertise-brand .brand-format i{color:var(--mk-green);font-style:normal;opacity:0;transition:opacity .3s}.expertise-brand .brand-format.is-on i{opacity:1}.expertise-brand .brand-pdf{background:#f3f3f1;width:1010px}.expertise-brand .brand-pdf-body{display:grid;gap:24px;grid-template-columns:120px 1fr;height:calc(100% - 56px);padding:24px}.expertise-brand .brand-pdf-thumbs{display:flex;flex-direction:column;gap:14px}.expertise-brand .brand-thumb{border:2px solid transparent;border-radius:6px;box-shadow:0 4px 12px #0000001a;height:130px;position:relative}.expertise-brand .brand-thumb span{bottom:6px;font-size:11px;left:8px;position:absolute}.expertise-brand .brand-thumb.is-on{border-color:#2f6fe4}.expertise-brand .brand-pdf-page{border-radius:6px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;gap:16px;justify-content:flex-end;overflow:hidden;padding:48px;position:relative}.expertise-brand .brand-pdf-page img{height:100%;inset:0;-o-object-fit:cover;object-fit:cover;opacity:.55;position:absolute;width:100%}.expertise-brand .brand-pdf-kicker{font-size:13px;left:48px;opacity:.6;position:absolute;top:40px}.expertise-brand .brand-pdf-logo{height:92px;margin-bottom:auto;margin-top:70px;width:120px}.expertise-brand .brand-pdf-title{font-size:44px;font-weight:500;letter-spacing:-1.4px;line-height:1.1;max-width:520px;position:relative}.expertise-brand .brand-pdf-page em{font-size:14px;font-style:normal;opacity:.6}.expertise-brand .brand-pdf-colors{display:flex;gap:12px;margin-bottom:auto;margin-top:80px}.expertise-brand .brand-pdf-colors i{border:1px solid rgba(0,0,0,.08);border-radius:8px;height:160px;width:90px}.expertise-brand .brand-pdf-aa{font-size:220px;font-weight:500;letter-spacing:-8px;line-height:1;margin-bottom:auto;margin-top:40px}.expertise-brand .brand-files{height:560px;top:40px}.expertise-brand .brand-files .mk-card-head{margin-bottom:10px}.expertise-brand .brand-file{border-bottom:1px solid #f1f2f4;display:grid;gap:8px 14px;grid-template-columns:52px 1fr;grid-template-rows:auto 6px;padding:14px 0}.expertise-brand .brand-file em{align-self:center;background:#f1f3f4;border-radius:8px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;font-style:normal;grid-row:span 2;padding:8px 0;text-align:center}.expertise-brand .brand-file div{display:flex;font-size:14px;justify-content:space-between}.expertise-brand .brand-file span{color:var(--mk-muted);font-size:12px}.expertise-brand .brand-file.is-on em{background:#e6f4ea;color:var(--mk-green)}.expertise-brand .brand-file-bar{background:#eef0f2;border-radius:3px;overflow:hidden}.expertise-brand .brand-file-bar i{background:var(--mk-green);display:block;height:100%;transform:scaleX(0);transform-origin:0 50%;transition:transform .5s ease;width:100%}.expertise-brand .brand-file.is-on .brand-file-bar i{transform:none}.expertise-brand .brand-zip{align-items:center;display:flex;gap:16px;height:120px;top:620px}.expertise-brand .brand-zip div{display:flex;flex-direction:column}.expertise-brand .brand-zip b{font-size:17px;font-weight:600}.expertise-brand .brand-zip span{color:var(--mk-muted);font-size:13px}.expertise-brand .brand-zip-icon{background:var(--brand-night);border-radius:14px;color:#fff;display:grid;height:56px;place-items:center;width:56px}.expertise-brand .brand-zip-icon svg{height:26px;width:26px}.expertise-brand .mk-toast{left:1080px;top:770px;width:480px}
