:root{--main-bg: #0a0a0a;--gray-bg: #181A1B;--gray-1: #1a1a1a;--gray-2: #2a2a2a;--gray-3: #3a3a3a;--gray-4: #8a8a8a;--white: #fff;--afisha-red: #E31E24;--rambler-blue: #315efb;--nav-black: #0a0a0a;--max-width: 940px;--card-bg: #141414;--nav-font-size: 17px}html,body{margin:0;padding:0;background:var(--main-bg);color:var(--white);font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:20px;line-height:1.7;min-height:100vh}.container{max-width:var(--max-width) !important}a{color:var(--white);text-decoration:none;border-bottom:1px solid var(--gray-3);transition:border-color 0.2s ease}a:hover{border-bottom-color:var(--white)}.afisha{color:var(--afisha-red);font-weight:600;border-bottom:none}.rambler{color:var(--rambler-blue);font-weight:600;border-bottom:none}.navbar{background:var(--nav-black) !important;height:54px;padding:0}.navbar-brand{display:flex;align-items:center;justify-content:center;padding:0;width:44px;height:44px;border-bottom:none !important}.navbar-brand:hover{border-bottom:none !important}.nav-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #222;background:#eee;box-shadow:0 0 4px #0001}.navbar-nav{flex-direction:row !important}.navbar-nav .nav-link{color:var(--white) !important;font-weight:300;font-size:17px;font-family:'Inter';padding:0.5rem 1rem;transition:color 0.12s;border-bottom:none !important}.navbar-nav .nav-link:hover{color:#eaeaea !important}.main-block{padding:84px 0 18px 0}.main-block h1{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-weight:700;font-size:clamp(2.1rem, 9vw, 6rem);color:var(--white);margin:0 0 18px 0;line-height:1.03;letter-spacing:-0.04em;word-break:break-word}.main-block .lead{margin:28px 0 10px 0;font-size:1.09rem;font-weight:300;color:var(--white);max-width:720px}.main-links{margin:26px 0 12px 0;display:flex;flex-wrap:wrap;gap:28px;font-size:1.09rem;font-weight:500}.main-contact{margin-top:22px;font-size:1.10rem;color:#ededed;font-weight:400}.main-contact a{color:var(--white);font-weight:500;padding:1px 2px;transition:0.1s}.section{margin-top:72px;margin-bottom:48px}.section-title{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-weight:700;font-size:2.2rem;color:var(--white);margin-bottom:32px;letter-spacing:-0.02em}.post-item{padding-bottom:20px}.post-item:last-child{border-bottom:none}.post-title{font-size:1.25rem;font-weight:500;color:var(--white);margin-bottom:6px;line-height:1.3}.post-date{font-size:0.85rem;color:var(--gray-4);font-weight:300}.view-more{display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:500;color:var(--white);margin-top:16px;border-bottom:1px solid var(--gray-3);transition:all 0.2s ease}.view-more:hover{gap:12px;border-bottom-color:var(--white)}.post-content{padding:40px 0}.post-header{padding-bottom:24px}.post-title-page{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-weight:700;font-size:2.5rem;color:var(--white);margin-bottom:16px;line-height:1.2;letter-spacing:-0.02em}.post-meta{font-size:1.1rem;font-weight:300}.post-meta p{margin-bottom:0}.post-body{font-size:1.05rem;line-height:1.75}.post-body h2,.post-body h3,.post-body h4{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;color:var(--white);margin-top:2em;margin-bottom:0.75em;font-weight:600}.post-body h2,.project-body h2{font-size:1.8rem}.post-body h3,.project-body h3{font-size:1.4rem}.post-body p,.project-body p{margin-bottom:1.5em}.post-body img{width:100%}.post-body code{background:var(--gray-1);padding:0.2em 0.4em;border-radius:4px;font-size:0.9em}.post-body pre{background:var(--gray-1);padding:1.5em;border-radius:8px;overflow-x:auto;margin:1.5em 0}.post-tags{color:var(--gray-4);font-size:0.75rem}.post-tags .tag,.post-tags time{margin-right:0.5em;margin-bottom:0.5em}footer{background:var(--nav-black);color:var(--white);font-size:var(--nav-font-size);font-weight:300;font-family:'Inter', sans-serif}.footer-up{border-bottom:none !important}.post-image{margin:0 0;overflow:hidden}.post-image img{width:100%;height:auto;max-width:100%;display:block;object-fit:cover}.post-image-caption{text-align:left;font-size:0.65rem;color:var(--gray-4);margin-top:0.75em;margin-bottom:0}.post-lead{font-size:1.05rem;font-weight:400;color:var(--white);line-height:1.6;margin-top:8px;margin-bottom:12px}.post-lead p{margin-bottom:0}.post-item .post-image{margin-bottom:16px}.post-tags a.tag:hover{color:var(--white)}.project-page{padding:40px 0}.project-header{margin-bottom:48px}.project-header-content{padding-bottom:24px}.project-header-top{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:12px}.project-title-page{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-weight:700;font-size:3rem;color:var(--white);margin:0;line-height:1.1;letter-spacing:-0.03em}.project-years{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1.1rem;font-weight:500;color:var(--gray-4);white-space:nowrap;flex-shrink:0}.project-subtitle{font-size:1.15rem;font-weight:400;color:var(--white);line-height:1.5;margin-bottom:16px}.project-link-inline{display:inline-flex;align-items:center;gap:6px;font-size:0.95rem;font-weight:500;color:var(--white);border-bottom:1px solid var(--gray-3);transition:all 0.2s ease}.project-link-inline:hover{border-bottom-color:var(--white);gap:10px}.project-meta-section{background:var(--card-bg);border:1px solid var(--gray-2);border-radius:12px;padding:0;margin-bottom:48px;overflow:hidden}.project-stats-block{padding:24px 28px;border-bottom:1px solid var(--gray-2)}.stats-title{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--gray-4);margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:24px}.stat-item{display:flex;flex-direction:column;gap:6px}.stat-value{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:2.2rem;font-weight:600;color:var(--white);line-height:1;letter-spacing:-0.02em}.stat-label{font-size:0.85rem;color:var(--gray-4);font-weight:400}.project-details-block{padding:24px 28px;display:flex;flex-direction:column;gap:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.detail-label{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:0.7rem;color:var(--gray-4);font-weight:600;text-transform:uppercase;letter-spacing:0.1em;flex-shrink:0}.role-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.role-tag{font-size:0.8rem;color:var(--white);background:var(--gray-2);padding:6px 14px;border-radius:6px;font-weight:400}@media (max-width: 768px){.project-header-top{flex-direction:column;align-items:flex-start;gap:8px}.project-title-page{font-size:2rem}.project-years{font-size:0.95rem}.project-subtitle{font-size:1rem}.project-screenshot{margin-left:-20px;margin-right:-20px}.stats-grid{grid-template-columns:repeat(2, 1fr);gap:20px}.stat-value{font-size:1.8rem}.detail-row{flex-direction:column;align-items:flex-start;gap:6px}.role-tags{justify-content:flex-start}}.project-media .media-title{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1.4rem;font-weight:600;color:var(--white);margin-bottom:20px;letter-spacing:-0.02em}.media-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.media-item{margin:0}.media-link{display:flex;align-items:center;gap:12px;transition:opacity 0.2s ease;border-bottom:none}.media-favicon{width:20px;height:20px;flex-shrink:0;border-radius:4px}.media-text{font-size:1rem;font-weight:400;color:var(--white);line-height:1.4}@media (max-width: 768px){.project-media{margin-top:48px;padding-top:32px}.media-favicon{width:18px;height:18px}.media-text{font-size:0.95rem}}.projects-filter-sentence{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1.1rem;color:var(--white);line-height:1.8}.filter-dropdown{display:inline-block;position:relative}.dropdown-btn{font-family:inherit;font-size:1.1rem;line-height:1.4;font-weight:500;color:var(--white);background:transparent;border:1px solid var(--gray-2);border-radius:4px;padding:2px 20px 2px 6px;margin:0 4px;cursor:pointer;position:relative;transition:all 0.2s ease}.dropdown-btn:hover{background:var(--gray-1);border-color:var(--gray-3)}.dropdown-value{margin-right:4px}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--card-bg);border:1px solid var(--gray-2);border-radius:6px;padding:4px;min-width:120px;display:none;z-index:100}.dropdown-menu.active{display:block}.dropdown-item{display:block;width:100%;font-family:inherit;font-size:1.1rem;color:var(--gray-4);background:transparent;border:none;padding:8px 12px;text-align:left;cursor:pointer;border-radius:4px;transition:all 0.2s ease}.dropdown-item:hover{background:var(--gray-1);color:var(--white)}.dropdown-item.active{color:var(--white);background:var(--gray-2)}.dropdown-arrow{font-size:0.7em;position:absolute;right:6px;top:50%;transform:translateY(-50%)}.sentence-role{display:inline-block;padding:2px 6px;margin:0 2px;border:1px solid var(--gray-2);border-radius:4px;font-size:1.1rem;line-height:1.4;color:var(--white);cursor:pointer;transition:all 0.2s ease}.sentence-role:hover,.sentence-role.active{background:var(--gray-1);border-color:var(--gray-3);color:var(--white)}.projects-editorial-grid{display:grid;grid-template-columns:repeat(6, 1fr);gap:0;border-top:1px solid var(--gray-2);border-left:1px solid var(--gray-2);margin-top:32px;grid-auto-flow:dense}.project-editorial-card{border-right:1px solid var(--gray-2);border-bottom:1px solid var(--gray-2);display:block}.project-editorial-link{display:flex;flex-direction:column;padding:40px 32px;transition:background 0.2s ease;border-bottom:none !important;height:100%;text-decoration:none;gap:16px;min-height:400px}.project-editorial-link:hover{background:rgba(255,255,255,0.02)}.project-editorial-image{width:100%;height:200px;border-radius:8px;overflow:hidden;border:1px solid var(--gray-2);margin:0 0 8px 0;order:-1}.project-editorial-app-icon{width:80px;height:80px;border-radius:26.67%;overflow:hidden;border:1px solid var(--gray-2);margin:0 0 8px 0;order:-1}.project-editorial-image img,.project-editorial-app-icon img{width:100%;height:100%;object-fit:cover}.project-editorial-header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.project-editorial-title{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:2rem;font-weight:700;color:var(--white);margin:0;line-height:1.1;letter-spacing:-0.02em;flex:1;min-width:150px}.project-editorial-years{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:1rem;font-weight:300;color:var(--gray-4);white-space:nowrap}.project-editorial-desc{margin:0}.project-editorial-desc p{font-size:0.95rem;color:var(--white);line-height:1.6;margin:0}.project-editorial-spacer{flex:1}.project-editorial-bottom{display:flex;flex-direction:column;gap:16px;margin-top:auto}.project-editorial-stats{display:flex;gap:32px;flex-wrap:wrap;margin:0}.editorial-stat-item{display:flex;flex-direction:column;gap:6px}.editorial-stat-value{font-family:'Inter', -apple-system, BlinkMacSystemFont, sans-serif;font-size:2.2rem;font-weight:700;color:var(--white);line-height:1;letter-spacing:-0.02em}.editorial-stat-label{font-size:0.8rem;color:var(--gray-4);font-weight:400;line-height:1.3}.project-editorial-quote{margin:0}.project-editorial-quote blockquote{margin:0;padding:0;border:none}.project-editorial-quote p{font-size:1.05rem;font-style:italic;color:var(--white);line-height:1.6;margin:0 0 8px 0}.project-editorial-quote cite{font-size:0.85rem;color:var(--gray-4);font-style:normal;font-weight:400}.project-editorial-media{margin:0}.editorial-media-link{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--gray-2);border-radius:6px;transition:all 0.2s ease}.project-editorial-link:hover .editorial-media-link{border-color:var(--gray-3);background:rgba(255,255,255,0.03)}.editorial-media-favicon{width:16px;height:16px;flex-shrink:0}.editorial-media-text{font-size:0.9rem;color:var(--white);line-height:1.4}.project-editorial-card.span-4{grid-column:span 4}.project-editorial-card.span-3{grid-column:span 3}.project-editorial-card.span-2{grid-column:span 2}.project-editorial-card.span-6,.project-editorial-card.single{grid-column:span 6}.project-editorial-card.hide-image .project-editorial-image{display:none !important}.project-editorial-card.hide-facts .project-editorial-stats{display:none !important}.project-editorial-card.hide-quote .project-editorial-quote{display:none !important}.project-editorial-card.hide-media .project-editorial-media{display:none !important}.project-editorial-card.span-2 .project-editorial-stats .editorial-stat-item:not(:first-child){display:none}@media (max-width: 768px){.projects-editorial-grid{grid-template-columns:1fr}.project-editorial-card,.project-editorial-card.span-2,.project-editorial-card.span-3,.project-editorial-card.span-4,.project-editorial-card.span-6,.project-editorial-card.single{grid-column:span 1 !important}.project-editorial-card.hide-image .project-editorial-image,.project-editorial-card.hide-facts .project-editorial-stats,.project-editorial-card.hide-media .project-editorial-media{display:flex !important}.project-editorial-image{display:block !important}.project-editorial-card.span-2 .project-editorial-stats .editorial-stat-item:not(:first-child){display:flex !important}.project-editorial-link{padding:32px 24px;min-height:auto}.project-editorial-title{font-size:1.6rem}.project-editorial-header{flex-direction:column;gap:8px;align-items:flex-start}.project-editorial-image{height:180px}.editorial-stat-value{font-size:1.8rem}.project-editorial-quote p{font-size:1rem}}@media (max-width: 480px){.project-editorial-link{padding:24px 20px}.project-editorial-title{font-size:1.4rem}.editorial-stat-value{font-size:1.5rem}.project-editorial-stats{gap:24px}}@media (max-width: 768px){.main-block{padding:38px 0 9px 0}.main-block h1{font-size:1.8rem}.section{margin-top:48px;margin-bottom:32px}.section-title{font-size:1.6rem;margin-bottom:24px}.main-links{font-size:1rem}.project-card{padding:20px 24px}.project-title{font-size:1.25rem}.post-title{font-size:1.1rem}.post-title-page{font-size:2rem}.navbar-nav{gap:8px}.navbar-nav .nav-link{font-size:15px;padding:0.25rem 0.5rem}footer{font-size:15px;padding:10px 0}}@media (max-width: 576px){.navbar-nav{flex-wrap:wrap}}@media (max-width: 400px){.main-block h1{font-size:1.4rem}}