@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Syne:wght@700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#f3f0e8;--text-color:#000;--border-color:#000;--card-bg:#f3f0e8;--card-hover-bg:#fff;--accent-color:#000;--accent-text:#f3f0e8;--shadow-color:#000;--shadow-offset:4px;--font-logo:"Syne", sans-serif;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--accent-blue:#2f5df7;--accent-green:#00a86b;--accent-yellow:#fcd116}[data-theme=dark]{--bg-color:#121212;--text-color:#f3f0e8;--border-color:#f3f0e8;--card-bg:#1a1a1a;--card-hover-bg:#242424;--accent-color:#f3f0e8;--accent-text:#121212;--shadow-color:#f3f0e8;--accent-blue:#5b82ff;--accent-green:#26c485;--accent-yellow:#ffe15d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);padding:1.5rem;line-height:1.5;transition:background-color .2s,color .2s}.app-container{border:2px solid var(--border-color);background-color:var(--card-bg);max-width:1280px;box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--shadow-color);margin:0 auto}header{border-bottom:2px solid var(--border-color);grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem 1.5rem;display:grid}@media (width<=768px){header{text-align:center;grid-template-columns:1fr;gap:1rem}}nav{gap:1.5rem;display:flex}@media (width<=768px){nav{order:2;justify-content:center}}nav a{color:var(--text-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:.25rem 0;font-size:.9rem;font-weight:700;text-decoration:none;position:relative}nav a:after{content:"";background-color:var(--border-color);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}nav a:hover:after,nav a.active:after{width:100%}.logo{font-family:var(--font-logo);letter-spacing:-.05em;text-transform:uppercase;color:var(--text-color);cursor:pointer;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.logo-img{filter:brightness(0);height:40px}[data-theme=dark] .logo-img{filter:brightness(0)invert()}.card-logo-img{filter:brightness(0)invert();height:40px}[data-theme=dark] .card-logo-img{filter:brightness(0)}.header-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex}@media (width<=768px){.header-actions{order:3;justify-content:center}}.theme-toggle{border:2px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.5rem;transition:background-color .15s;display:flex}.theme-toggle:hover{background-color:var(--accent-color);color:var(--accent-text)}.theme-toggle svg{fill:currentColor;width:20px;height:20px}.btn-primary{background-color:var(--accent-color);color:var(--accent-text);border:2px solid var(--border-color);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;box-shadow:3px 3px 0px var(--shadow-color);align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary:hover{box-shadow:5px 5px 0px var(--shadow-color);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:2px 2px 0px var(--shadow-color);transform:translate(1px,1px)}.stats-grid{border-bottom:2px solid var(--border-color);grid-template-columns:1.2fr 1fr 1fr 1fr;display:grid}@media (width<=992px){.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=576px){.stats-grid{grid-template-columns:1fr}}.stat-card{border-right:2px solid var(--border-color);background-color:var(--card-bg);flex-direction:column;justify-content:space-between;min-height:200px;padding:1.5rem;display:flex}.stat-card:last-child{border-right:none}@media (width<=992px){.stat-card:nth-child(2n){border-right:none}.stat-card:first-child,.stat-card:nth-child(2){border-bottom:2px solid var(--border-color)}}@media (width<=576px){.stat-card{border-right:none;border-bottom:2px solid var(--border-color)}.stat-card:last-child{border-bottom:none}}.stat-card.black-card{background-color:var(--accent-color);color:var(--accent-text)}.stat-label{font-family:var(--font-heading);text-transform:uppercase;opacity:.8;justify-content:space-between;align-items:center;font-size:.85rem;font-weight:700;display:flex}.stat-value{font-family:var(--font-heading);word-break:break-all;margin:1rem 0;font-size:2.2rem;font-weight:800;line-height:1.1}.stat-detail{font-size:.85rem;line-height:1.3}.info-section{border-bottom:2px solid var(--border-color);grid-template-columns:1fr 1.2fr;display:grid}@media (width<=768px){.info-section{grid-template-columns:1fr}}.numbers-block{border-right:2px solid var(--border-color);flex-direction:column;justify-content:space-between;padding:2.5rem;display:flex}@media (width<=768px){.numbers-block{border-right:none;border-bottom:2px solid var(--border-color)}}.numbers-large-title{font-family:var(--font-logo);font-size:4rem;font-weight:800;line-height:.9}.numbers-title{font-family:var(--font-heading);text-transform:uppercase;margin-top:1rem;font-size:1.8rem;font-weight:800}.numbers-desc{max-width:420px;margin:1.5rem 0;font-size:.95rem}.social-links{flex-wrap:wrap;gap:.5rem;display:flex}.social-icon{background:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);width:40px;height:40px;box-shadow:2px 2px 0px var(--shadow-color);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;text-decoration:none;transition:transform .1s,box-shadow .1s;display:flex}.social-icon:hover{box-shadow:3px 3px 0px var(--shadow-color);background-color:var(--accent-color);color:var(--accent-text);transform:translate(-1px,-1px)}.illustration-block{background-color:#000;justify-content:center;align-items:stretch;display:flex;position:relative;overflow:hidden}.illustration-block img{object-fit:cover;width:100%;height:100%;display:block}.portfolio-header{border-bottom:2px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.portfolio-title{font-family:var(--font-heading);text-transform:uppercase;font-size:2rem;font-weight:800}.portfolio-filters{flex-wrap:wrap;gap:.5rem;display:flex}.filter-btn{background-color:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);font-family:var(--font-heading);text-transform:uppercase;cursor:pointer;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:background-color .15s,color .15s}.filter-btn:hover,.filter-btn.active{background-color:var(--accent-color);color:var(--accent-text)}.projects-grid{grid-template-columns:repeat(3,1fr);display:grid}@media (width<=992px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects-grid{grid-template-columns:1fr}}.project-card{border-right:2px solid var(--border-color);border-bottom:2px solid var(--border-color);background-color:var(--card-bg);cursor:pointer;flex-direction:column;transition:background-color .2s;display:flex}.project-card:hover{background-color:var(--card-hover-bg)}.project-card:nth-child(3n){border-right:none}@media (width<=992px){.project-card:nth-child(3n){border-right:2px solid var(--border-color)}.project-card:nth-child(2n){border-right:none}}@media (width<=768px){.project-card,.project-card:nth-child(2n){border-right:none}}.project-card.dark-theme-card{background-color:var(--accent-color);color:var(--accent-text)}.project-card-info{flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.5rem;display:flex}.project-meta{opacity:.7;margin-bottom:.5rem;font-size:.8rem}.project-name{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:1rem;font-size:1.3rem;font-weight:800;line-height:1.2}.project-desc{opacity:.9;margin-bottom:1.5rem;font-size:.85rem}.project-tags-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.project-tags{flex-wrap:wrap;gap:.25rem;display:flex}.tag-badge{border:1px solid var(--border-color);text-transform:uppercase;padding:.15rem .4rem;font-size:.7rem;font-weight:700}.project-card.dark-theme-card .tag-badge{border-color:var(--accent-text)}.read-time{font-size:.75rem;font-weight:600}.project-card-image{border-top:2px solid var(--border-color);height:200px;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.project-card:hover .project-card-image img{transform:scale(1.05)}.about-container{padding:2.5rem}.about-header-row{grid-template-columns:1.2fr 1fr;gap:2.5rem;margin-bottom:3rem;display:grid}@media (width<=768px){.about-header-row{grid-template-columns:1fr}}.about-text-column{flex-direction:column;justify-content:space-between;display:flex}.about-title-row{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.about-title-row h1{font-family:var(--font-heading);text-transform:uppercase;font-size:3rem;font-weight:800}.about-badge-icon{border:2px solid var(--border-color);justify-content:center;align-items:center;padding:.5rem;display:flex}.about-desc{margin-bottom:2rem;font-size:1rem;line-height:1.6}.about-visual-column{border:2px solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--shadow-color);overflow:hidden}.about-visual-column img{width:100%;display:block}.section-divider-title{font-family:var(--font-heading);text-transform:uppercase;border-top:2px solid var(--border-color);border-bottom:2px solid var(--border-color);background-color:var(--accent-color);color:var(--accent-text);padding:1rem 2.5rem;font-size:1.5rem;font-weight:800}.tools-grid{border-bottom:2px solid var(--border-color);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=992px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.tools-grid{grid-template-columns:1fr}}.tool-card{border-right:2px solid var(--border-color);border-bottom:2px solid var(--border-color);background-color:var(--card-bg);flex-direction:column;justify-content:space-between;min-height:250px;padding:1.5rem;display:flex}.tool-card:nth-child(4n){border-right:none}@media (width<=992px){.tool-card:nth-child(4n){border-right:2px solid var(--border-color)}.tool-card:nth-child(2n){border-right:none}}@media (width<=576px){.tool-card,.tool-card:nth-child(2n){border-right:none}}.tool-card-tag{font-family:var(--font-heading);text-transform:uppercase;border:1px solid var(--border-color);align-self:flex-start;padding:.1rem .4rem;font-size:.75rem;font-weight:700}.tool-card-title{font-family:var(--font-heading);text-transform:uppercase;margin:1rem 0;font-size:1.2rem;font-weight:800}.tool-card-desc{opacity:.8;margin-bottom:1.5rem;font-size:.8rem}.tool-card-bottom{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.tool-card-price{font-family:var(--font-heading);font-size:1rem;font-weight:700}.tool-card-action{background-color:var(--accent-color);color:var(--accent-text);border:1px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.project-detail-container{padding:2.5rem}.project-detail-breadcrumbs{gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:flex}.project-detail-breadcrumbs a{color:var(--text-color);font-weight:600;text-decoration:none}.project-detail-tags{gap:.5rem;margin-bottom:1.5rem;display:flex}.project-detail-title{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:2rem;font-size:3.5rem;font-weight:800;line-height:1.1}@media (width<=768px){.project-detail-title{font-size:2.2rem}}.project-detail-hero{border:2px solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--shadow-color);height:450px;margin-bottom:3rem;overflow:hidden}@media (width<=768px){.project-detail-hero{height:250px}}.project-detail-hero img{object-fit:cover;width:100%;height:100%}.project-detail-content-layout{grid-template-columns:1fr 340px;gap:3.5rem;display:grid}@media (width<=992px){.project-detail-content-layout{grid-template-columns:1fr}}.project-rich-text p{margin-bottom:1.5rem;font-size:1.05rem;line-height:1.7}.project-rich-text p:first-letter{font-family:var(--font-heading);float:left;padding-right:8px;font-size:3.5rem;font-weight:800;line-height:.8}.project-rich-text p+p:first-letter{font-family:inherit;font-size:inherit;float:none;line-height:inherit;font-weight:inherit;padding-right:0}.project-rich-text h2{font-family:var(--font-heading);text-transform:uppercase;margin:2.5rem 0 1rem;font-size:1.8rem;font-weight:800}.project-blockquote{border-left:6px solid var(--border-color);background-color:var(--card-bg);border:2px solid var(--border-color);box-shadow:3px 3px 0px var(--shadow-color);border-left-width:8px;margin:2rem 0;padding:1.5rem}.project-blockquote p{margin-bottom:0;font-size:1.1rem;font-style:italic}.project-blockquote p:first-letter{font-family:inherit;font-size:inherit;float:none;line-height:inherit;font-weight:inherit;padding-right:0}.project-sidebar{flex-direction:column;gap:1.5rem;display:flex}.sidebar-widget{border:2px solid var(--border-color);background-color:var(--card-bg);box-shadow:3px 3px 0px var(--shadow-color);padding:1.5rem}.sidebar-widget-row{justify-content:space-between;display:flex}.author-profile{align-items:center;gap:1rem;display:flex}.author-avatar{border:2px solid var(--border-color);width:60px;height:60px;overflow:hidden}.author-avatar img{object-fit:cover;width:100%;height:100%}.author-info-meta h4{font-family:var(--font-heading);text-transform:uppercase;font-size:.95rem;font-weight:800}.author-info-meta .author-socials{gap:.5rem;margin-top:.25rem;display:flex}.author-info-meta .author-socials a{color:var(--text-color);opacity:.7;font-size:.8rem;text-decoration:none}.author-info-meta .author-socials a:hover{opacity:1}.similar-projects-section{border-top:2px solid var(--border-color);margin-top:4rem;padding-top:3rem}.similar-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.carousel-nav-btns{gap:.5rem;display:flex}.carousel-btn{background:var(--card-bg);border:2px solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex}.carousel-btn:hover{background-color:var(--accent-color);color:var(--accent-text)}.modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:1.5rem;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.brutalist-modal{background-color:var(--bg-color);border:3px solid var(--border-color);width:100%;max-width:550px;box-shadow:8px 8px 0px var(--shadow-color);flex-direction:column;display:flex}.modal-header{border-bottom:3px solid var(--border-color);background-color:var(--accent-color);color:var(--accent-text);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.modal-title{font-family:var(--font-heading);text-transform:uppercase;font-size:1.2rem;font-weight:800}.modal-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:1.8rem;font-weight:800;line-height:1}.modal-body{padding:1.5rem}.form-group{flex-direction:column;margin-bottom:1.2rem;display:flex}.form-group label{font-family:var(--font-heading);text-transform:uppercase;margin-bottom:.4rem;font-size:.85rem;font-weight:700}.form-group input,.form-group textarea,.form-group select{background-color:var(--card-bg);border:2px solid var(--border-color);color:var(--text-color);outline:none;padding:.6rem;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background-color:var(--card-hover-bg);box-shadow:2px 2px 0px var(--shadow-color)}footer{border-top:2px solid var(--border-color);text-align:center;font-family:var(--font-heading);text-transform:uppercase;padding:2rem;font-size:.9rem;font-weight:700}