@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-cyrillic-400-normal-C5G8_8ug.woff2)format("woff2"),url(/assets/rubik-cyrillic-400-normal-D5R8xuhl.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-cyrillic-600-normal-AdySaCq0.woff2)format("woff2"),url(/assets/rubik-cyrillic-600-normal-CtS_KWzi.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rubik-cyrillic-700-normal-DFnztZBh.woff2)format("woff2"),url(/assets/rubik-cyrillic-700-normal-C_jxLOfU.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-latin-400-normal-j0pmKyiQ.woff2)format("woff2"),url(/assets/rubik-latin-400-normal-BV1Ho3GG.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rubik-latin-600-normal-7iWW07_k.woff2)format("woff2"),url(/assets/rubik-latin-600-normal-Bd1rsTk4.woff)format("woff")}@font-face{font-family:Rubik;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rubik-latin-700-normal-D-tMm-eS.woff2)format("woff2"),url(/assets/rubik-latin-700-normal-KHOtubUA.woff)format("woff")}.case-page{--case-accent:#1fb59c;max-width:1440px;margin:auto;padding:24px 40px 48px}.case-header,.case-main{max-width:1160px;margin:auto}.case-header{justify-content:space-between;align-items:center;gap:24px;min-height:44px;margin-bottom:40px;font-size:16px;display:flex}.case-header a,.case-footer a{padding:12px 0;text-decoration:none}.case-header a:hover,.case-footer a:hover{color:var(--case-accent)}.case-header>span{font-weight:600}.case-hero{flex-direction:column;align-items:stretch;gap:44px;padding:0 0 60px;display:flex;position:relative}.case-cover{object-fit:cover;object-position:center;border-radius:14px;width:100%;height:550px;display:block}.case-cover-actions{justify-content:flex-end;margin-top:-34px;display:flex}.case-figma-link{color:#fff;background:#282833ab;border-radius:14px;justify-content:center;align-items:center;width:234px;min-height:36px;padding:10px 16px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.case-figma-link:hover{background:#353541}.case-header .case-telegram{border-radius:16px;min-height:40px;padding:10px 10px 10px 16px;font-size:16px;font-weight:700;line-height:20px}.case-header .case-telegram:hover{color:#272727}.case-telegram .mask-button-label,.case-telegram .mask-button-fill{gap:4px}.case-title-animation{text-align:left;width:100%}.case-company{color:#fff;border:1px solid #0000;border-radius:8px;margin-top:12px;padding:2px 16px 6px;display:inline-block}.case-title-animation.text-block--revealed .case-company{animation:.3s ease-out .5s forwards case-company-fill}@keyframes case-company-fill{to{color:#121213;background-color:#fff;border-color:#fff}}.text-block-animation{position:relative}.text-block-line-mask{position:relative;overflow:hidden}.block-revealer{z-index:2;transform-origin:0;pointer-events:none;position:absolute;inset:0;transform:scaleX(0)}.case-concepts a{aspect-ratio:1160/428;border-radius:14px;display:block;overflow:hidden}.case-concepts img{object-fit:cover;object-position:center;border-radius:14px;width:100%;height:100%;display:block}.case-task{text-align:left;width:100%;padding:64px 0}.case-task p{color:#cacad2;margin:24px 0 0;font-size:20px;line-height:1.6}.case-research-intro{padding:80px 0 48px}.case-eyebrow{color:var(--case-accent);margin:0 0 16px;font-size:14px;font-weight:600}.research-window{margin:-8px;padding:8px}.research-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px;margin:0;padding:0;list-style:none;display:grid}.research-step{min-width:0}.research-marker{align-items:center;height:36px;margin-bottom:24px;display:flex;position:relative}.research-marker:before{content:"";background:var(--case-accent);opacity:.35;height:2px;position:absolute;left:0;right:-40px}.research-marker span{border:1px solid var(--case-accent);width:36px;height:36px;color:var(--case-accent);background:#121213;border-radius:50%;place-items:center;font-size:12px;font-weight:600;transition:background .3s,color .3s;display:grid;position:relative}.research-step.is-active .research-marker span{background:var(--case-accent);color:#121213}.research-step:nth-child(2n) .research-marker:before{right:0}.research-step .heading{margin-bottom:16px}.research-step p{color:#cacad2;margin:0 0 24px;font-size:18px;line-height:1.5}.research-image{background:#1c1d20;border-radius:14px;justify-content:center;align-items:center;padding:12px;display:flex}.research-image img{border-radius:8px;width:100%;height:auto;display:block}.case-footer{border-top:1px solid #333339;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:80px;padding-top:24px;display:flex}@media (width>=1024px) and (height>=740px) and (prefers-reduced-motion:no-preference){.research--pinned{height:calc(580px + var(--step-count) * 405px)}.research--pinned .research-stage{height:580px;position:sticky;top:80px}.research--pinned .research-window{overflow:hidden}.research--pinned .research-track{will-change:transform;gap:40px;display:flex}.research--pinned .research-step{flex:0 0 460px}.research--pinned .research-step p{min-height:135px}.research--pinned .research-marker:before{right:-40px}.research--pinned .research-step:last-child .research-marker:before{right:0}.research--pinned .research-marker:after{content:"";background:var(--case-accent);height:2px;transform:scaleX(clamp(0, calc(var(--progress) * var(--step-count) - var(--step)), 1));transform-origin:0;position:absolute;left:0;right:-40px}.research--pinned .research-marker span{z-index:1}.research--pinned .research-step:last-child .research-marker:after{right:0}}@media (prefers-reduced-motion:no-preference){.research--reveal .research-stage{opacity:var(--reveal,1);filter:blur(calc((1 - var(--reveal,1)) * 12px));translate:0 calc((1 - var(--reveal,1)) * 20px)}.research--reveal:focus-within .research-stage{opacity:1;filter:none;translate:0}.research-step h3,.research-step p,.research-image{transition:opacity .45s,translate .45s}.research-step:not(.is-active) h3,.research-step:not(.is-active) p,.research-step:not(.is-active) .research-image{opacity:.65;translate:0 12px}}@media (width<=767px){.case-page{padding:16px 20px 32px}.case-header{flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;font-size:14px}.case-header>span{display:none}.case-company{padding:2px 10px 4px}.case-task{padding:48px 0}.case-research-intro{padding:48px 0 32px}.research-track{grid-template-columns:minmax(0,1fr);gap:0}.research-step{padding:0 0 48px 44px;position:relative}.research-step:before{content:"";background:var(--case-accent);opacity:.45;width:2px;position:absolute;top:36px;bottom:0;left:15px}.research-step:last-child:before{display:none}.research-marker{margin:0;position:absolute;top:0;left:0}.research-marker:before{display:none}.research-marker span{width:32px;height:32px}.research-step .heading{padding-top:2px}.research-step p{font-size:16px}.case-footer{margin-top:24px}}@media (prefers-reduced-motion:reduce){.case-company{color:#121213;background:#fff;border-color:#fff}}.case-research-description{color:#cacad2;max-width:900px;margin:24px 0 0;font-size:20px;line-height:1.6}.case-followups{gap:40px;margin-top:48px;display:grid}.case-followup,.case-blur-reveal{flex-direction:column;gap:22px;display:flex}.case-followup{padding:20px 0}.case-content{flex-direction:column;gap:40px;margin-top:40px;display:flex}.case-content-text{flex-direction:column;gap:22px;padding:20px 0;display:flex}.case-content-title-only{padding:0}.case-content-text p{color:#cacad2;white-space:pre-line;margin:0;font-size:20px;line-height:1.45}.case-content-text .case-eyebrow{color:var(--case-accent);font-size:14px;font-weight:500;line-height:1.45}.case-content-text a,.case-content-link a{color:var(--case-accent);font-size:18px;font-weight:500;line-height:1.45}.case-content-chapter{gap:20px}.case-content-panel{background:#1e202566;border-radius:14px;gap:20px;padding:40px}.case-content-panel.case-content-chapter{padding:40px}.case-content-text .heading--2{font-size:var(--case-content-heading,28px);line-height:var(--case-content-heading-line,1.45);font-weight:700}.case-status-label{color:var(--case-accent);font-size:18px;font-weight:700;line-height:1.45}.case-content-text .case-prototype-note{font-size:16px}.case-content-text .case-components-list{font-size:24px;font-weight:500}.case-illustration{min-width:0;margin:0}.case-illustration a,.case-illustration img{width:100%;display:block}.case-illustration img{border-radius:14px;height:auto}.case-illustration--wide{width:100vw;margin-left:calc(50% - 50vw)}.case-illustration--wide img{border-radius:0}.case-illustration--wide a{overflow:hidden}.crm-benchmark{background:#1e202566;border:1px solid #303138;border-radius:14px;min-width:0;padding:24px}.crm-benchmark table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:18px;line-height:1.45}.crm-benchmark caption{text-align:left;margin-bottom:24px;font-size:20px;font-weight:600}.crm-benchmark th,.crm-benchmark td{overflow-wrap:anywhere;vertical-align:top;border-bottom:1px solid #303138;padding:18px 20px}.crm-benchmark thead th{color:var(--case-accent);background:#1e202566}.crm-benchmark tbody th{font-weight:500}.crm-benchmark td{color:#cacad2}.crm-benchmark tbody tr:last-child>*{border-bottom:0}.interactive-hover-button{isolation:isolate;color:#272727;width:auto;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dedee2;border-radius:999px;justify-content:center;align-items:center;padding:10px 24px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.interactive-hover-rest{justify-content:center;align-items:center;gap:8px;display:flex}.interactive-hover-dot{background:#272727;border-radius:50%;width:8px;height:8px;transition:transform .3s}.interactive-hover-label{transition:transform .3s,opacity .3s;position:relative}.interactive-hover-active{z-index:1;color:#fff;opacity:0;justify-content:center;align-items:center;gap:8px;transition:transform .3s,opacity .3s;display:flex;position:absolute;inset:0;transform:translate(48px)}.interactive-hover-button:focus-visible .interactive-hover-dot{transform:scale(100.8)}.interactive-hover-button:focus-visible .interactive-hover-label{opacity:0;transform:translate(48px)}.interactive-hover-button:focus-visible .interactive-hover-active{opacity:1;transform:translate(0)}.case-back-to-top{z-index:20;right:max(8px, env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));position:fixed;box-shadow:0 4px 24px #0005}@media (width<=1439px){.case-back-to-top{width:44px;height:44px;padding:0}.case-back-to-top .interactive-hover-rest,.case-back-to-top .interactive-hover-active>span{display:none}.case-back-to-top .interactive-hover-active{opacity:1;color:#272727;transform:none}}@media (width<=1279px){.case-back-to-top{right:max(0px, env(safe-area-inset-right,0px));box-shadow:none;background:0 0;border:0}.case-back-to-top .interactive-hover-active{color:#fff;justify-content:flex-end;padding-right:0}.case-back-to-top .interactive-hover-active svg{width:20px;height:20px}}@media (hover:hover){.interactive-hover-button:hover .interactive-hover-dot{transform:scale(100.8)}.interactive-hover-button:hover .interactive-hover-label{opacity:0;transform:translate(48px)}.interactive-hover-button:hover .interactive-hover-active{opacity:1;transform:translate(0)}}.case-contacts{flex-direction:column;gap:40px;padding:60px 0 80px;display:flex}.case-contacts p{margin:0;font-size:18px;line-height:1.4}.case-contact-links{flex-wrap:wrap;gap:24px;margin-top:-16px;display:flex}.case-contact-links a{align-items:center;gap:12px;font-size:18px;font-weight:500;text-decoration:none;display:flex}.case-contact-icon{background:#1866b40f;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.case-contacts+.case-footer{margin-top:0}@media (width<=767px){.crm-benchmark{padding:16px 12px}.crm-benchmark caption{font-size:18px}.crm-benchmark table{font-size:14px}.crm-benchmark th,.crm-benchmark td{padding:14px 8px}.case-back-to-top{bottom:calc(16px + env(safe-area-inset-bottom,0px))}.case-content-panel,.case-content-panel.case-content-chapter{padding:24px}.case-content-chapter .heading--2{font-size:32px}.case-contact-links a{font-size:16px}}.case-followup p{color:#cacad2;overflow-wrap:break-word;margin:0;font-size:20px;line-height:1.45}.text-animate-character{white-space:pre;display:inline-block}.text-animate-word{white-space:nowrap;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.interactive-hover-button *{transition:none}.case-blur-reveal{opacity:1!important;filter:none!important;transform:none!important}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-weight-medium:500;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-background:#e9e9ed;--color-foreground:#272727;--color-border:transparent;--color-primary:#fff;--color-primary-foreground:#272727;--color-secondary:#fff;--color-secondary-foreground:#272727;--animate-mask-nature-in:mask-button-in .7s steps(22) forwards;--animate-mask-nature-out:mask-button-out .7s steps(22) forwards;--animate-mask-urban-in:mask-button-in .7s steps(29) forwards;--animate-mask-urban-out:mask-button-out .7s steps(29) forwards;--animate-mask-forest-in:mask-button-in .7s steps(70) forwards;--animate-mask-forest-out:mask-button-out .7s steps(70) forwards}}@layer base,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.isolate{isolation:isolate}.z-0{z-index:0}.z-\[1\]{z-index:1}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-mask-forest-out{animation:var(--animate-mask-forest-out)}.animate-mask-nature-out{animation:var(--animate-mask-nature-out)}.animate-mask-urban-out{animation:var(--animate-mask-urban-out)}.cursor-pointer{cursor:pointer}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.rounded-\[var\(--button-radius-lg\)\]{border-radius:var(--button-radius-lg)}.rounded-\[var\(--button-radius-md\)\]{border-radius:var(--button-radius-md)}.rounded-\[var\(--button-radius-sm\)\]{border-radius:var(--button-radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--color-border)}.bg-background{background-color:var(--color-background)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.\[mask-image\:var\(--mask-img\)\]{-webkit-mask-image:var(--mask-img);-webkit-mask-image:var(--mask-img);-webkit-mask-image:var(--mask-img);mask-image:var(--mask-img)}.\[mask-size\:2300\%_100\%\]{-webkit-mask-size:2300% 100%;mask-size:2300% 100%}.\[mask-size\:3000\%_100\%\]{-webkit-mask-size:3000% 100%;mask-size:3000% 100%}.\[mask-size\:7100\%_100\%\]{-webkit-mask-size:7100% 100%;mask-size:7100% 100%}.\[mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.px-\[var\(--button-px-lg\)\]{padding-inline:var(--button-px-lg)}.px-\[var\(--button-px-md\)\]{padding-inline:var(--button-px-md)}.px-\[var\(--button-px-sm\)\]{padding-inline:var(--button-px-sm)}.py-\[var\(--button-py-lg\)\]{padding-block:var(--button-py-lg)}.py-\[var\(--button-py-md\)\]{padding-block:var(--button-py-md)}.py-\[var\(--button-py-sm\)\]{padding-block:var(--button-py-sm)}.text-\[length\:var\(--button-text-lg\)\]{font-size:var(--button-text-lg)}.text-\[length\:var\(--button-text-md\)\]{font-size:var(--button-text-md)}.text-\[length\:var\(--button-text-sm\)\]{font-size:var(--button-text-sm)}.leading-\[var\(--button-leading-lg\)\]{--tw-leading:var(--button-leading-lg);line-height:var(--button-leading-lg)}.leading-\[var\(--button-leading-md\)\]{--tw-leading:var(--button-leading-md);line-height:var(--button-leading-md)}.leading-\[var\(--button-leading-sm\)\]{--tw-leading:var(--button-leading-sm);line-height:var(--button-leading-sm)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-foreground{color:var(--color-foreground)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.underline{text-decoration-line:underline}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-mask-image\:var\(--mask-img\)\]{-webkit-mask-image:var(--mask-img)}.\[-webkit-mask-repeat\:no-repeat\]{-webkit-mask-repeat:no-repeat}.\[-webkit-mask-size\:2300\%_100\%\]{-webkit-mask-size:2300% 100%}.\[-webkit-mask-size\:3000\%_100\%\]{-webkit-mask-size:3000% 100%}.\[-webkit-mask-size\:7100\%_100\%\]{-webkit-mask-size:7100% 100%}.\[-webkit-tap-highlight-color\:transparent\]{-webkit-tap-highlight-color:transparent}.\[transition\:scale_100ms_ease\]{transition:scale .1s}@media (hover:hover){.group-hover\:animate-mask-forest-in:is(:where(.group):hover *){animation:var(--animate-mask-forest-in)}.group-hover\:animate-mask-nature-in:is(:where(.group):hover *){animation:var(--animate-mask-nature-in)}.group-hover\:animate-mask-urban-in:is(:where(.group):hover *){animation:var(--animate-mask-urban-in)}}.group-focus-visible\:animate-mask-forest-in:is(:where(.group):focus-visible *){animation:var(--animate-mask-forest-in)}.group-focus-visible\:animate-mask-nature-in:is(:where(.group):focus-visible *){animation:var(--animate-mask-nature-in)}.group-focus-visible\:animate-mask-urban-in:is(:where(.group):focus-visible *){animation:var(--animate-mask-urban-in)}.focus-visible\:\[outline\:2px_solid_var\(--ring\)\]:focus-visible{outline:2px solid var(--ring)}.focus-visible\:\[outline-offset\:4px\]:focus-visible{outline-offset:4px}.active\:scale-\[0\.96\]:active{scale:.96}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[pressed\=true\]\:scale-\[0\.96\][data-pressed=true]{scale:.96}@media (prefers-reduced-motion:reduce){.motion-reduce\:animate-none{animation:none}.motion-reduce\:\[mask-position\:0_0\]{-webkit-mask-position:0 0;mask-position:0 0}.motion-reduce\:\[-webkit-mask-position\:0_0\]{-webkit-mask-position:0 0}@media (hover:hover){.motion-reduce\:group-hover\:animate-none:is(:where(.group):hover *){animation:none}.motion-reduce\:group-hover\:\[mask-position\:100\%_0\]:is(:where(.group):hover *){-webkit-mask-position:100% 0;mask-position:100% 0}.motion-reduce\:group-hover\:\[-webkit-mask-position\:100\%_0\]:is(:where(.group):hover *){-webkit-mask-position:100% 0}}.motion-reduce\:group-focus-visible\:animate-none:is(:where(.group):focus-visible *){animation:none}.motion-reduce\:group-focus-visible\:\[mask-position\:100\%_0\]:is(:where(.group):focus-visible *){-webkit-mask-position:100% 0;mask-position:100% 0}.motion-reduce\:group-focus-visible\:\[-webkit-mask-position\:100\%_0\]:is(:where(.group):focus-visible *){-webkit-mask-position:100% 0}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--button-py-sm:.5rem;--button-px-sm:1rem;--button-text-sm:.875rem;--button-leading-sm:1.25rem;--button-radius-sm:14px;--button-py-md:.75rem;--button-px-md:1.5rem;--button-text-md:.875rem;--button-leading-md:1.25rem;--button-radius-md:16px;--button-py-lg:1rem;--button-px-lg:2rem;--button-text-lg:1rem;--button-leading-lg:1.5rem;--button-radius-lg:20px;--ring:var(--focus)}@keyframes mask-button-in{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes mask-button-out{0%{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0 0;mask-position:0 0}}.mask-button{color:#272727;background:#e9e9ed;font-family:inherit;text-decoration:none}:root{color:#fff;--background:#121213;--surface:#28283366;--media-space:#232325;--muted:#d8d8d8;--focus:#c4c2ff;--heading-h1:48px;--heading-h2:32px;--heading-h3:24px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#121213;font-family:Rubik,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:6px}.portfolio-layout{grid-template-columns:360px minmax(0,856px);gap:64px;max-width:1440px;margin:0 auto;padding:40px 80px;display:grid}.author-panel{flex-direction:column;justify-content:space-between;align-self:start;gap:48px;height:min(982px,100dvh - 80px);padding:20px 0;display:flex;position:sticky;top:40px}.heading{overflow-wrap:anywhere;margin:0;font-family:inherit;font-weight:700}.heading--1{font-size:var(--heading-h1);letter-spacing:-.03em;line-height:1.2}.heading--2{font-size:var(--heading-h2);letter-spacing:-.025em;line-height:1.15}.heading--3{font-size:var(--heading-h3);letter-spacing:-.02em;line-height:1.2}@media (width<=767px){:root{--heading-h1:32px}}.specialties{margin:2px 0 0;font-size:32px;line-height:1}.author-description{color:var(--muted);white-space:pre-line;margin:12px 0 0;font-size:16px;line-height:1.4}.contacts{gap:16px;margin-top:32px;display:flex}.contacts a,.contact-unavailable{letter-spacing:-.5089px;background:#282833ab;border-radius:14px;flex:1;justify-content:center;align-items:center;min-width:0;padding:10px 12px 10px 16px;font-size:16px;font-weight:700;line-height:1;text-decoration:none;display:flex}.contacts a:hover{background:#353542}.contact-unavailable{color:#aaaab3;cursor:not-allowed}.author-name{letter-spacing:1px;margin:0;font-size:18px;font-weight:700;line-height:1}.author-identity{flex-direction:column;align-self:start;align-items:center;gap:16px;display:flex}.author-portrait{border-radius:50%;width:153px;height:153px;overflow:hidden}.author-portrait img{object-fit:cover;object-position:30% center;transform-origin:21% 65%;width:100%;height:100%;display:block;transform:scale(3.3)}.project-list{align-content:start;gap:24px;min-width:0;display:grid}.project-card{background:var(--surface);border-radius:32px;min-width:0;padding:20px;position:relative}.project-card-link{z-index:1;border-radius:inherit;position:absolute;inset:0}.project-card--primekraft{background:#1e202566}.project-media{aspect-ratio:816/489;background:var(--media-space);border-radius:14px;width:100%;position:relative;overflow:hidden}.project-cover{aspect-ratio:816/489;object-fit:cover;background:var(--media-space);border-radius:14px;width:100%;height:100%;display:block;position:absolute;inset:0}.project-cover--hover{opacity:0;pointer-events:none;transition:opacity .3s ease-out;position:absolute;inset:0}.project-card--4sales .project-cover--hover{transition-timing-function:linear}@media (hover:hover) and (pointer:fine){.project-card:hover .project-cover--hover{opacity:1}}.project-card:focus-within .project-cover--hover{opacity:1}.project-copy{flex-direction:column;gap:12px;padding-top:20px;display:flex}.project-copy .heading{text-transform:uppercase}.project-copy p{margin:0;font-size:16px;line-height:1.4}.project-tags{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.project-tags li{color:#b1b2d4e0;background:#0d2643;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:600;line-height:1}.skip-link{z-index:1;background:#282833;border-radius:8px;padding:12px 20px;position:fixed;top:16px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.not-found{max-width:900px;margin:auto;padding:80px 24px}.not-found a{margin-top:32px;display:inline-block}@media (width<=1279px){.portfolio-layout{grid-template-columns:320px minmax(0,1fr);gap:40px;padding:40px}.specialties{font-size:28px}}@media (height<=720px){.author-panel{height:auto;position:static}}@media (width<=1023px){.portfolio-layout{grid-template-columns:minmax(0,1fr);gap:48px;padding:40px 24px}.author-panel{gap:32px;height:auto;padding:0;position:static}.author-intro{max-width:420px}.contacts a,.contact-unavailable{min-height:44px}}@media (width<=480px){.portfolio-layout{gap:32px;padding:32px 16px}.project-card{border-radius:24px;padding:16px}.contacts{gap:12px}.contacts a,.contact-unavailable{padding-left:10px;padding-right:10px}.project-tags{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
