@layer reset,tokens,base,components,page,responsive;@layer components{.intro{position:relative;height:100svh;background:var(--surface-intro)}@property --intro-chrome-opacity{syntax: "<number>"; inherits: true; initial-value: 1;}html{transition:--intro-chrome-opacity var(--intro-chrome-fade) ease}html.intro-on{--intro-chrome-opacity: 0}html.intro-init{transition:none}html.intro-on .work-button{pointer-events:none}}@layer reset,tokens,base,components,page,responsive;@layer components{@property --arrow-cell{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-gap-x{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-gap-y{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-grid-gap-min{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-cell-base{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-grid-cell-max{syntax: "<length>"; inherits: true; initial-value: 0px;}.arrow-grid{position:relative;width:100%;height:100%;--arrow-gap-x: calc(var(--arrow-cell-base) * var(--arrow-gap-x-ratio));--arrow-gap-y: calc(var(--arrow-cell-base) * var(--arrow-gap-y-ratio));--arrow-grid-gap-min: calc(var(--arrow-cell-base) * var(--arrow-grid-gap-min-ratio));--arrow-grid-cell-max: calc(var(--arrow-cell-base) * var(--arrow-cell-max-k));overflow:clip;display:grid;grid-template-columns:repeat(var(--arrow-grid-cols, 1),var(--arrow-cell));grid-auto-rows:var(--arrow-cell);gap:var(--arrow-grid-gap-y, 0px) var(--arrow-grid-gap-x, 0px);justify-content:center;align-content:center}@media(max-width:1023px){.arrow-grid{--arrow-cell-base: var(--arrow-cell-m)}}@media(max-width:599px){.arrow-grid{--arrow-cell-base: var(--arrow-cell-s)}}}@layer reset,tokens,base,components,page,responsive;@layer components{@property --arrow-angle{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --arrow-len{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-tail-inset{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --arrow-scale{syntax: "<number>"; inherits: true; initial-value: 1;}.arrow-cell{position:relative;display:block;width:var(--arrow-cell);height:var(--arrow-cell);--arrow-stroke: calc(var(--arrow-cell) * var(--arrow-stroke-ratio));--arrow-head: calc(var(--arrow-cell) * var(--arrow-head-ratio));--arrow-shaft-inset: calc(var(--arrow-cell) * var(--arrow-shaft-inset-ratio));--arrow-shaft-inset-max: calc(var(--arrow-stroke) * var(--arrow-sqrt2));--arrow-len-straight: var(--arrow-cell);--arrow-len-diagonal: calc(var(--arrow-cell) * var(--arrow-sqrt2));--arrow-tail-straight: 0px;--arrow-tail-diagonal: calc(var(--arrow-stroke) / 2)}.arrow-cell__label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-display);font-feature-settings:var(--font-features-ui);font-size:calc(var(--arrow-cell) * var(--intro-label-box) / (var(--intro-label-lines, 2) * var(--intro-label-lh)));line-height:var(--intro-label-lh);text-transform:uppercase;color:var(--text-neutral);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--arrow-turn-dur) var(--arrow-turn-ease)}.arrow-cell--label .arrow-cell__label{opacity:1}.arrow-cell--label .arrow{opacity:0}.arrow{position:absolute;left:50%;top:50%;box-sizing:border-box;width:var(--arrow-stroke);height:var(--arrow-len);padding-top:min(calc(var(--arrow-shaft-inset) * var(--arrow-scale)),var(--arrow-shaft-inset-max));padding-bottom:var(--arrow-tail-inset);background:var(--arrow-color);background-clip:content-box;transform:translate(-50%,-50%) rotate(var(--arrow-angle));transition:--arrow-angle var(--arrow-turn-dur) var(--arrow-turn-ease),--arrow-len var(--arrow-turn-dur) var(--arrow-turn-ease),--arrow-scale var(--arrow-turn-dur) var(--arrow-turn-ease),--arrow-tail-inset var(--arrow-turn-dur) var(--arrow-turn-ease),opacity var(--arrow-turn-dur) var(--arrow-turn-ease)}.arrow:before{content:"";position:absolute;left:50%;top:0;box-sizing:border-box;width:calc(var(--arrow-head) * var(--arrow-scale));height:calc(var(--arrow-head) * var(--arrow-scale));border-top:var(--arrow-stroke) solid var(--arrow-color);border-left:var(--arrow-stroke) solid var(--arrow-color);transform-origin:0 0;transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){.arrow,.arrow-cell__label{transition:none}}}@layer reset,tokens,base,components,page,responsive;@layer components{.brand{position:relative;height:var(--block-h);border-radius:var(--block-radius);background-color:var(--surface-word);backdrop-filter:blur(var(--word-blur));-webkit-backdrop-filter:blur(var(--word-blur));font-family:var(--font-display);font-size:var(--fs-block);line-height:1;color:var(--text-neutral);font-feature-settings:var(--font-features);white-space:nowrap;transition:background-color var(--hover-out) var(--hover-easing),color var(--hover-out) var(--hover-easing)}.brand:hover,.brand.is-hover{background-color:var(--bhb, var(--surface-word));color:var(--bht, var(--text-neutral));transition-duration:var(--hover-in)}.brand--flex{display:inline-flex;align-items:center;gap:var(--brand-icon-gap);padding:0 var(--brand-pad-r) var(--brand-pad-b) var(--brand-pad-l)}.brand--bleed{display:inline-block;overflow:hidden;vertical-align:top}.brand__icon{flex:none;background:var(--ic) center / contain no-repeat;transform:translateY(var(--icon-dy, 0))}.brand__icon--cover{background-size:cover}.brand:hover .brand__icon,.brand.is-hover .brand__icon{background-image:var(--ich)}.brand__img{position:absolute;background:var(--ic) center / 100% 100% no-repeat}.brand__img--cover{background-size:cover}.brand:hover .brand__img,.brand.is-hover .brand__img{background-image:var(--ich)}.brand[data-brand=rio] .brand__img{will-change:transform;transition:transform var(--rio-hover-dur) var(--hover-easing)}.brand[data-brand=rio]:hover .brand__img,.brand[data-brand=rio].is-hover .brand__img{transform:scale(var(--rio-hover-scale))}.brand__dot{position:absolute;z-index:2;will-change:transform;transition:transform var(--dot-dur, .48s) var(--dots-ease) var(--dot-delay, 0ms)}@media(hover:hover){.brand[data-role=innopolis]:hover .brand__dot,.brand[data-role=innopolis].is-hover .brand__dot{transform:translateY(calc(-1 * var(--dot-rise, 0px)))}}.brand__bg{position:absolute;background-size:cover;background-position:center;mix-blend-mode:color-dodge;transform:rotate(var(--akbars-rotate));transform-origin:center;z-index:0;will-change:transform;transition:transform var(--akbars-hover-dur) var(--akbars-ease)}@media(hover:hover){.brand[data-role=akbars]:hover .brand__bg,.brand[data-role=akbars].is-hover .brand__bg{transform:translateY(calc(-1 * var(--akbars-rise))) rotate(var(--akbars-rotate)) scale(var(--akbars-scale))}}.brand__square{flex:none;background:currentColor;transform:translateY(var(--icon-dy, 0))}.brand__emoji{flex:none;line-height:1;transform:translateY(var(--icon-dy, 0))}.brand__label{position:relative;z-index:1}.brand__text{position:absolute;top:50%;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.brand__dot,.brand__bg,.brand[data-brand=rio] .brand__img{transition:none}.brand[data-role=innopolis]:hover .brand__dot{transform:none}.brand[data-role=akbars]:hover .brand__bg{transform:rotate(var(--akbars-rotate))}.brand[data-brand=rio]:hover .brand__img,.brand[data-brand=rio].is-hover .brand__img{transform:none}}}@layer reset,tokens,base,components,page,responsive;@layer components{.word{display:inline-flex;align-items:center;justify-content:center;height:var(--block-h);padding:0 var(--block-pad-x) var(--block-pad-b);border-radius:var(--block-radius);background:var(--surface-word);backdrop-filter:blur(var(--word-blur));-webkit-backdrop-filter:blur(var(--word-blur));font-family:var(--font-display);font-size:var(--fs-block);line-height:1;color:var(--text-neutral);font-feature-settings:var(--font-features);white-space:nowrap}.word--link,.word--cta{color:var(--text-accent);transition:background-color var(--hover-out) var(--hover-easing),color var(--hover-out) var(--hover-easing)}.word--link:hover,.word--cta:hover,.word--link.is-hover,.word--cta.is-hover{background-color:var(--surface-word-hover);color:var(--text-accent-hover);transition-duration:var(--hover-in)}.word--star{padding:0 var(--block-pad-x);color:var(--text-accent)}.word--me{width:var(--block-h);padding:0;position:relative;overflow:hidden}.me__base{position:absolute;left:50%;top:59.375%;width:138.75%;height:206.25%;transform:translate(-50%,-50%);object-fit:cover;pointer-events:none}.me__feat{position:absolute;pointer-events:none;opacity:0;transition:opacity var(--me-fade) ease}.me__feat--ears{top:0;right:0;bottom:0;left:0}.me__feat.is-on,.word--me.is-hover .me__feat{opacity:1}.me__ear{position:absolute;background:var(--surface-ear);border-radius:50% 0 0 50%}.word--cta{width:100%;height:var(--cta-h);padding:var(--cta-pad);border-radius:var(--radius-m);font-size:var(--fs-cta);color:var(--text-accent)}}@layer reset,tokens,base,components,page,responsive;@layer components{.work-button{position:fixed;bottom:var(--work-btn-bottom);left:50%;transform:translate(-50%);opacity:calc(var(--work-btn-opacity, 1) * var(--intro-chrome-opacity, 1));z-index:var(--z-button);padding:var(--work-btn-pad);border-radius:var(--radius-full);background:var(--surface-btn);color:var(--text-inverse);font-family:var(--font-ui);font-weight:700;font-size:var(--work-btn-fs);letter-spacing:var(--work-btn-tracking);line-height:1;text-transform:uppercase;transition:padding var(--hover-out) var(--hover-easing),background-color var(--hover-out) var(--hover-easing)}.work-button:hover,.work-button.is-hover{padding:var(--work-btn-pad-hover);background:var(--surface-btn-hover);transition-duration:var(--hover-in)}.work-button.no-hover:hover{padding:var(--work-btn-pad);background:var(--surface-btn)}}@layer reset,tokens,base,components,page,responsive;@layer components{.sidebar{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-sidebar);visibility:hidden;transition:visibility 0s linear var(--panel-slide)}.sidebar--open{visibility:visible;transition-delay:0s}.sidebar__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.sidebar__panel{position:absolute;top:0;right:0;height:100%;width:min(var(--sidebar-w),100vw);overflow-y:auto;padding:var(--sidebar-pad);background:var(--surface-sidebar);display:flex;flex-direction:column;gap:var(--sidebar-gap);font-family:var(--font-ui);font-size:var(--sidebar-fs);line-height:var(--sidebar-lh);font-feature-settings:var(--font-features-ui);transform:translate(100%);transition:transform var(--panel-slide) var(--hover-easing)}.sidebar--open .sidebar__panel{transform:translate(0)}.sidebar__panel:focus{outline:none}.sidebar__group{display:flex;flex-direction:column;gap:var(--sidebar-group-gap)}.sidebar__title{color:var(--text-neutral)}.sidebar__item{color:var(--text-accent);transition:color var(--hover-out) var(--hover-easing)}.sidebar__item:hover,.sidebar__item.is-hover{color:var(--text-accent-hover);transition-duration:var(--hover-in)}.sidebar__item--disabled{color:var(--text-disabled);cursor:default;pointer-events:none}}@layer reset,tokens,base,components,page,responsive;@layer components{.footer{position:fixed;left:0;right:0;bottom:0;height:var(--footer-h);background:var(--surface-footer);z-index:var(--z-footer);overflow:hidden;transform:translateY(calc((1 - var(--footer-progress, 0)) * 100%));will-change:transform}.footer__since{position:absolute;top:var(--footer-since-top);left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 var(--frame-pad-x);opacity:var(--footer-since-opacity, 0);font-family:var(--font-accent);font-size:var(--footer-since-fs);line-height:1;text-transform:uppercase;color:var(--text-neutral)}.footer__switcher{position:absolute;left:var(--footer-pad);bottom:var(--footer-switcher-bottom);display:flex;gap:var(--footer-switcher-gap);font-family:var(--font-ui);font-size:var(--footer-link-fs);line-height:1;font-feature-settings:var(--font-features-ui)}.footer__lang{color:var(--text-accent);cursor:pointer}.footer__lang.is-active{color:var(--text-neutral);cursor:default}.footer__contacts{position:absolute;left:50%;right:var(--footer-pad);bottom:var(--footer-contacts-bottom);display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);justify-content:space-between;row-gap:var(--footer-contacts-row-gap);justify-items:start;font-family:var(--font-ui);font-size:var(--footer-link-fs);line-height:1;font-feature-settings:var(--font-features-ui)}.footer__contact{color:var(--text-accent);text-decoration:none;white-space:nowrap}.footer-spacer{height:var(--footer-h);margin-top:var(--cta-footer-gap);pointer-events:none}@media(max-width:1100px){.footer__contacts{left:auto;grid-template-rows:repeat(4,auto);justify-content:start;column-gap:var(--footer-contacts-col-gap)}}@media(max-width:480px){.footer__contacts{left:var(--footer-pad);right:auto}}@media(prefers-reduced-motion:reduce){.footer{will-change:auto}}}@layer reset,tokens,base,components,page,responsive;@layer components{.hint{position:fixed;z-index:var(--z-hint);box-sizing:border-box;width:var(--hint-w);min-height:var(--block-h);padding:var(--hint-pad);border:1px solid var(--border-hint);border-radius:var(--radius-s);background:var(--surface-bg);color:var(--text-neutral);display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-wrap;font-family:var(--font-ui);font-size:var(--hint-fs);line-height:var(--hint-lh);font-feature-settings:var(--font-features-ui);pointer-events:none}.hint--multiline{text-align:left}.hint[hidden]{display:none}}@layer reset,tokens,base,components,page,responsive;@layer components{.ripple{position:absolute;z-index:-1;left:var(--rx, 50%);top:var(--ry, 50%);width:var(--ripple-d, 200%);height:var(--ripple-d, 200%);border-radius:50%;background:var(--bhb, var(--surface-word-hover));transform:translate(-50%,-50%) scale(0);opacity:1;pointer-events:none;will-change:transform,opacity;transition:transform var(--ripple-dur) var(--ripple-ease),opacity var(--ripple-fade) var(--ripple-ease)}[data-ripple] .brand[data-brand],[data-ripple] .word--link,[data-ripple] .word--cta{position:relative;isolation:isolate;overflow:hidden}[data-ripple] .brand[data-brand]:hover,[data-ripple] .word--link:hover,[data-ripple] .word--cta:hover{background-color:var(--surface-word)}.is-rippling .ripple{transform:translate(-50%,-50%) scale(1)}.is-fading .ripple{opacity:0}.ripple-instant .ripple{transition:none}@media(prefers-reduced-motion:reduce){.ripple{transition:none}}}