@font-face{font-family:SUP Ruble;src:url(/fonts/ruble-regular.woff)format("woff");font-weight:100 500;font-display:swap;unicode-range:U+20BD}@font-face{font-family:SUP Ruble;src:url(/fonts/ruble-regular.woff)format("woff");font-weight:600 900;font-display:swap;unicode-range:U+20BD}:root{--canvas:#f7f8f8;--surface:#fff;--ink:#202124;--muted:#7b8088;--border:#dfe2e7;--dots:#d5d9df;--accent:#ffe449;--accent-hover:#f5d831;--accent-soft:#fff5b3;--focus:#b79d18;--error:#a44030;--radius-panel:16px;--radius-control:8px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--shadow:0 2px 8px #20212408,0 1px 2px #20212408}*{box-sizing:border-box}html,body{height:100%;color:var(--ink);background:var(--canvas);margin:0;font-family:SUP Ruble,Arial,Helvetica,sans-serif}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}:is(button:focus-visible,a:focus-visible){outline:2px solid var(--focus);outline-offset:4px}button:disabled{opacity:.6;cursor:wait}main{height:100dvh;overflow:hidden}button svg{flex-shrink:0}small{color:var(--muted);font-size:12px;line-height:1.5;display:block}button,a{touch-action:manipulation}.board{background-image:radial-gradient(var(--dots) .8px,transparent .8px);cursor:grab;touch-action:none;background-size:24px 24px;outline:0;position:absolute;inset:0;overflow:hidden}.board.moving{cursor:grabbing}.board.placing{cursor:crosshair}.world{will-change:transform;position:absolute;top:0;left:0}.topbar{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);align-items:center;gap:18px;height:62px;padding:8px 12px 8px 20px;display:flex;position:fixed;top:24px;left:24px;box-shadow:0 3px 12px #18251806}.topbar button{place-items:center;padding:7px;display:grid}.topbar .logo{letter-spacing:-3px;padding:0 5px 5px 0;font-size:40px;font-weight:900;line-height:1}.divider{background:var(--border);width:1px;height:26px}.board-name{color:var(--muted);font-size:14px}.tools{z-index:20;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff;gap:5px;padding:6px;display:grid;position:fixed;top:44%;left:24px;box-shadow:0 3px 12px #18251806}.tools button{border-radius:var(--radius-panel);place-items:center;width:42px;height:44px;display:grid}.tools button:hover,.active{background:var(--canvas)}.tools button.yellow{background:var(--accent)}.case{text-align:left;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff;padding:0;transition:box-shadow .2s,translate .2s;position:absolute;overflow:hidden}.cover{background:var(--border);height:184px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%;display:block}.open-icon{opacity:0;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}.case:hover .open-icon{opacity:1}.caption{letter-spacing:-.4px;justify-content:space-between;align-items:center;padding:16px 18px;font-size:18px;display:flex}.caption small{letter-spacing:0;margin-top:5px}.case-dot{background:var(--border);border-radius:100%;width:5px;height:5px}.intro{width:420px;color:var(--muted);font-size:13px;position:absolute}.intro span{color:var(--muted);margin-left:8px}.board-note{pointer-events:none;width:320px;position:absolute}.board-note>span{letter-spacing:1.8px;color:var(--muted);font-size:10px}.board-note p{letter-spacing:-1px;margin:17px 0;font-size:27px;line-height:1.22}.board-note small{font-size:11px}.bottom{z-index:20;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff;align-items:center;gap:6px;padding:8px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 3px 12px #18251806}.bottom button{align-items:center;gap:8px;padding:8px;font-size:12px;display:flex}.bottom span{background:var(--border);width:1px;height:15px}.hint{color:var(--muted);pointer-events:none;white-space:nowrap;font-size:11px;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.project-menu{z-index:30;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff;width:310px;max-height:calc(100dvh - 120px);padding:10px;position:fixed;top:96px;left:24px;overflow:auto;box-shadow:0 14px 50px #202c2014}.menu-title{color:var(--muted);text-transform:uppercase;letter-spacing:1px;justify-content:space-between;padding:13px;font-size:11px;display:flex}.project-menu button{text-align:left;border-radius:var(--radius-control);align-items:center;gap:14px;width:100%;padding:10px;font-size:14px;display:flex}.project-menu button:hover{background:var(--canvas)}.project-menu button>span:nth-child(2){flex:1}.number{color:var(--muted);font-size:10px}.contact-panel{z-index:30;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff;width:330px;padding:30px;position:fixed;top:38%;left:94px;box-shadow:0 15px 60px #17271110}.close{position:absolute;top:12px;right:12px}.eyebrow{color:var(--muted);letter-spacing:1px;font-size:11px}.contact-panel h2,.draft h2{letter-spacing:-.9px;margin:20px 0;font-size:25px;font-weight:500;line-height:1.2}.contact-panel p,.draft p{color:var(--muted);font-size:14px;line-height:1.6}.primary{background:var(--accent);border-radius:var(--radius-control);color:var(--ink);justify-content:center;align-items:center;gap:20px;padding:13px 17px;font-size:13px;text-decoration:none;display:inline-flex}.primary:hover{background:var(--accent-hover)}.draft{border:1.5px solid var(--focus);border-radius:var(--radius-control);cursor:default;background:#fff;width:330px;padding:0 25px 25px;position:absolute;box-shadow:0 6px 22px #26361f06}.draft-handle{cursor:move;touch-action:none;border-bottom:1px solid var(--canvas);color:var(--muted);align-items:center;gap:8px;padding:12px 0;font-size:10px;display:flex}.draft-handle button{margin-left:auto;display:flex}.draft label{color:var(--muted);margin:15px 0;font-size:11px;display:block}.draft input{border:1px solid var(--border);border-radius:var(--radius-control);outline:none;width:100%;margin-top:7px;padding:12px;font-size:12px;display:block}.draft input:focus{border-color:var(--focus)}.draft input::placeholder{color:var(--muted)}.draft>small{margin-top:15px;font-size:10px}.success{background:var(--accent-soft);border-radius:50%;place-items:center;width:40px;height:40px;margin-top:22px;display:inline-grid}.error{color:var(--error)!important}.list-panel{z-index:40;border:1px solid var(--border);border-radius:var(--radius-panel);background:#fff;width:360px;padding:20px;position:fixed;top:24px;bottom:90px;right:24px;overflow:auto;box-shadow:0 15px 50px #15251012}.list-panel header{justify-content:space-between;align-items:center;display:flex}.list-panel h2{font-size:21px;font-weight:500}.list-panel>button{border-bottom:1px solid var(--canvas);text-align:left;align-items:center;gap:14px;width:100%;padding:13px 0;display:flex}.list-panel img{object-fit:cover;border-radius:var(--radius-control);width:70px;height:52px}.list-panel>button span{flex:1}.topbar,.tools,.bottom,.project-menu,.contact-panel,.list-panel,.draft{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-panel)}.topbar{gap:16px;height:64px;padding:8px 16px}.tools{gap:8px;padding:8px}.tools button{border-radius:var(--radius-control);width:40px;height:40px}.case{border-radius:var(--radius-panel)}.caption{padding:16px}.caption small{margin-top:8px}.bottom{gap:8px;padding:8px}.project-menu{padding:8px;top:96px}.project-menu button{gap:16px;padding:8px}.menu-title{padding:16px}.contact-panel{padding:32px}.primary{border-radius:var(--radius-control);gap:8px;min-height:44px;padding:12px 16px}.draft{padding:0 24px 24px}.draft-handle{padding:16px 0}.draft label{margin:16px 0}.draft input{border-radius:var(--radius-control);margin-top:8px;padding:12px 16px}.list-panel{padding:24px}.list-panel>button{gap:16px;padding:16px 0}.list-panel img{border-radius:var(--radius-control)}.close,.icon-button{border-radius:var(--radius-control);place-items:center;width:40px;height:40px;display:grid}.close:hover,.icon-button:hover{background:var(--canvas)}.world{transform-origin:0 0}.topbar .logo{width:66px;height:36px;padding:0}.logo svg{width:100%;height:100%}.case{box-shadow:var(--shadow);cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px}.case:hover{translate:0 -2px;box-shadow:0 6px 20px #20212412}.case-identity{align-items:center;gap:10px;min-height:44px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.case h2{letter-spacing:-.4px;margin:0;font-size:16px;font-weight:700;line-height:1.2}.case small{margin-top:4px;font-size:11px}.case-result{align-items:baseline;gap:6px;margin:12px 0 13px;display:flex}.case-result strong{letter-spacing:-.6px;font-size:20px;font-weight:800}.case-result span{color:var(--muted);font-size:10px}.case-result svg{color:var(--muted);align-self:center;margin-left:auto}.case-media{border-radius:10px;width:100%;height:auto;display:block}.case-single .case-identity{gap:8px}.case-single h2{font-size:14px}.case-single .avatar{width:34px;height:34px}.case-single .case-result{flex-wrap:wrap;gap:4px}.case-single .case-result span{font-size:9px}.case-single .case-result strong{font-size:19px}.intro{width:420px}.bottom{gap:2px}.zoom-value{font-variant-numeric:tabular-nums;justify-content:center;min-width:46px}.list-panel img{border-radius:50%;width:42px;height:42px}dialog{border:1px solid var(--border);border-radius:var(--radius-panel);width:min(960px,100vw - 48px);max-height:calc(100dvh - 48px);color:var(--ink);background:var(--surface);padding:0;overflow:hidden;box-shadow:0 8px 40px #2021241a}dialog::backdrop{background:#f7f8f880}.detail{flex-direction:column;max-height:calc(100dvh - 50px);display:flex}.detail header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:6px 16px;display:flex}.detail header button{align-items:center;gap:8px;min-height:36px;font-size:12px;display:flex}.detail header span{color:var(--muted);font-size:11px}.detail-body{min-height:0;padding:22px;overflow:auto}.detail-title{align-items:center;gap:12px;display:flex}.detail-title .avatar{width:44px;height:44px}.detail-title small{font-size:11px}.detail h1{letter-spacing:-.8px;margin:3px 0 0;font-size:27px;font-weight:750;line-height:1.15}.project-subtitle{letter-spacing:-.3px;margin:18px 0;font-size:17px;font-weight:600;line-height:1.3}.detail-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}.detail-single .detail-layout{grid-template-columns:180px 1fr}.detail-media img{border-radius:10px;width:100%;height:auto;display:block}.detail-copy{min-width:0}.description{font-size:13px;line-height:1.5}.description p{white-space:pre-line;margin:0 0 10px}.description p:last-child{margin-bottom:0}.results{margin-top:18px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.metric{border:1px solid var(--border);border-radius:var(--radius-control);flex-direction:column;gap:6px;padding:12px 10px;display:flex}.metric-primary{background:var(--accent-soft);border-color:#0000}.metric strong{letter-spacing:-.8px;white-space:nowrap;font-size:23px;font-weight:800;line-height:1.15}.metric span{color:var(--muted);font-size:10px;line-height:1.3}.metric-primary span{color:var(--ink)}.awards{margin-top:10px;font-size:10px}.detail footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex}.project-links{flex-wrap:wrap;gap:4px 12px;display:flex}.project-links a{color:var(--muted);align-items:center;gap:3px;min-height:28px;font-size:11px;text-decoration:none;display:flex}.project-links a:hover{color:var(--ink);text-decoration:underline}.detail footer .primary{white-space:nowrap;min-height:38px;padding:10px 12px;font-size:12px}@media (max-width:700px){.topbar{gap:12px;height:54px;top:16px;left:16px}.topbar .logo{width:58px;height:30px}.board-name{font-size:12px}.tools{gap:6px;padding:6px;top:auto;bottom:86px;left:16px}.tools button{width:34px;height:36px}.hint{display:none}.bottom{padding:6px;bottom:16px;right:16px}.bottom button{padding:8px;font-size:11px}.contact-panel{width:calc(100% - 32px);padding:24px;top:88px;left:16px}.list-panel{width:auto;inset:88px 16px}.intro{font-size:11px}.intro span{margin-left:6px;display:inline}dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.detail{max-height:calc(100dvh - 26px)}.detail header{gap:8px;padding:4px 10px}.detail header span{font-size:10px}.detail-body{padding:14px}.detail-title .avatar{width:36px;height:36px}.detail h1{font-size:22px}.detail-title small{font-size:10px}.project-subtitle{margin:12px 0;font-size:14px}.detail-layout,.detail-single .detail-layout{grid-template-columns:1fr;gap:12px}.detail-media{justify-content:center;display:flex}.detail-media img{object-fit:contain;width:auto;max-width:100%;height:140px}.detail-single .detail-media img{height:130px}.description{font-size:11px;line-height:1.4}.description p{margin-bottom:8px}.results{margin-top:12px}.metric{gap:4px;padding:9px 7px}.metric strong{font-size:clamp(17px,5vw,22px)}.metric span{font-size:9px}.metrics{gap:6px}.awards{margin-top:8px;font-size:9px}.detail footer{gap:10px;padding:8px 14px}.project-links{gap:0 8px}.project-links a{min-height:24px;font-size:10px}.detail footer .primary{min-height:36px;padding:9px;font-size:11px}.detail footer .primary svg{display:none}}@media (max-height:700px){.detail-body{padding:14px}.description{font-size:12px}.project-subtitle{margin:12px 0}.metric{padding:9px}.results{margin-top:12px}}@media (max-width:700px) and (max-height:760px){.detail-media img{height:100px}.detail-single .detail-media img{height:95px}.description{font-size:11px}.detail-body{padding:12px}.project-subtitle{margin:10px 0}.detail h1{font-size:20px}}@media (max-width:700px) and (max-height:700px){.detail-long .detail-media img{height:60px}.detail-long .detail-layout{gap:8px}}.secondary-metrics{display:contents}@media (max-width:700px){dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.detail{max-height:calc(100dvh - 26px)}.detail header{padding:6px 12px}.detail header span{display:none}.detail-body{overscroll-behavior:contain;padding:16px}.detail-title{gap:10px}.detail-title .avatar{width:34px;height:34px}.detail h1{letter-spacing:-.8px;font-size:24px;line-height:1.12}.detail-title small{font-size:11px}.project-subtitle{margin:12px 0 14px;font-size:14px;font-weight:500;line-height:1.35}.detail-layout,.detail-single .detail-layout{grid-template-columns:1fr;gap:14px;display:grid}.detail-copy,.results,.metrics{display:contents}.detail-media{order:1;width:100%;display:block}.detail .detail-media img,.detail-long .detail-media img{border-radius:10px;width:100%;max-width:none;height:auto;display:block}.metric-primary{background:var(--accent-soft);border:0;border-radius:10px;flex-direction:row;order:2;justify-content:space-between;align-items:center;gap:16px;padding:13px 14px;display:flex}.metric-primary strong{letter-spacing:-1.2px;font-size:32px;font-weight:800;line-height:1}.metric-primary span{max-width:108px;color:var(--ink);border-left:1px solid #20212426;padding-left:12px;font-size:11px}.description{order:3;font-size:13px;line-height:1.45}.description p{margin:0 0 10px}.description p:last-child{margin-bottom:0}.secondary-metrics{order:4;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.secondary-metrics .metric{background:0 0;border:0;border-radius:0;gap:3px;min-width:0;padding:10px 12px 10px 0}.secondary-metrics .metric:nth-child(2n){border-left:1px solid var(--border);padding-left:16px}.secondary-metrics .metric:nth-child(n+3){border-top:1px solid var(--border)}.secondary-metrics .metric strong{letter-spacing:-.8px;font-size:27px;line-height:1.05}.secondary-metrics .metric span{font-size:11px;line-height:1.3}.awards{order:5;margin:0;font-size:10px}.detail footer{gap:10px;padding:10px 16px}.project-links{gap:0 8px}.project-links a{min-height:28px;font-size:10px}.detail footer .primary{min-height:38px;padding:10px;font-size:11px}.detail-single .detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:12px}.detail-single .detail-media{grid-area:1/1}.detail-single .metric-primary{flex-direction:column;grid-area:1/2;justify-content:center;align-items:flex-start;gap:12px;padding:14px}.detail-single .metric-primary strong{white-space:normal;font-size:28px}.detail-single .metric-primary span{border:0;padding:0;font-size:12px}.detail-single .description,.detail-single .secondary-metrics,.detail-single .awards{grid-column:1/-1}}@media (max-width:370px){.detail-body{padding:14px}.detail h1{font-size:22px}.metric-primary strong{font-size:29px}.secondary-metrics .metric strong{font-size:25px}.detail footer{padding:8px 14px}}.topbar .logo svg{transform:translateY(2px)}.case-result strong .ruble,.metric strong .ruble{font-family:SUP Ruble,sans-serif;font-size:1em;font-weight:400;line-height:inherit;color:inherit;letter-spacing:inherit;-webkit-text-stroke:.012em currentColor;border:0;max-width:none;padding:0}