:root{--main-padding:1.5rem;--secondary-padding:1rem;--small-padding:0.5rem;--mini-padding:0.25rem;--small-gap:0.5rem;--medium-gap:1rem;--large-gap:2rem;--full-width:100%;--full-height:100%;--transition-duration:250ms;--transition-easing:cubic-bezier(0.16,1,0.3,1);--font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--max-width:1440px;--font-color:#242226;--bg-color:#f4f3f6;--card-bg:#fff;--card-bg-hover:#faf9fb;--border-color:#e2e0e7;--border-color-subtle:#eeedf2;--highlight-color:#49474e;--hover-bg-color:#1a191b;--hover-font-color:#fff;--gray-color:#5c5965;--light-gray-color:#7c7a85;--white-color:#fff;--light-white-color:#f7f6f9;--tw-color-red-200:#fecaca;--tw-color-red-text:#991b1b;--tw-color-orange-200:#fed7aa;--tw-color-orange-text:#9a3412;--tw-color-yellow-200:#fef08a;--tw-color-yellow-text:#854d0e;--tw-color-green-200:#bbf7d0;--tw-color-green-text:#166534;--tw-color-blue-200:#bfdbfe;--tw-color-blue-text:#1e40af;--tw-color-purple-200:#e9d5ff;--tw-color-purple-text:#6b21a8;--font-small:0.75rem;--font-medium:0.875rem;--font-large:1rem;--font-xlarge:1.25rem;--font-xxlarge:1.875rem;--font-xxxlarge:2.75rem;--margin-mini:0.25rem;--margin-small:1rem;--margin-medium:2rem;--margin-large:4rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-subtle:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-card:0 4px 12px #0000000d;--shadow-card-hover:0 8px 24px #00000014}[data-theme=dark]{--font-color:#edeaf2;--bg-color:#0d0c0f;--card-bg:#16151a;--card-bg-hover:#1c1b21;--border-color:#292730;--border-color-subtle:#201e26;--highlight-color:#a5a1b0;--hover-bg-color:#edeaf2;--hover-font-color:#0d0c0f;--gray-color:#9f9ca9;--light-gray-color:#767382;--white-color:#121115;--light-white-color:#1a191f;--tw-color-red-text:#1a191b;--tw-color-orange-text:#1a191b;--tw-color-yellow-text:#1a191b;--tw-color-green-text:#1a191b;--tw-color-blue-text:#1a191b;--tw-color-purple-text:#1a191b;--shadow-subtle:0 1px 3px #0000004d;--shadow-card:0 4px 14px #00000059;--shadow-card-hover:0 8px 28px #00000080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--white-color);color:#5c5965;color:var(--gray-color);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);line-height:1.5;margin:0 auto;max-width:1440px;max-width:var(--max-width);min-height:100vh;transition:background-color .25s cubic-bezier(.16,1,.3,1),color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--transition-duration) var(--transition-easing),color var(--transition-duration) var(--transition-easing);width:100%;width:var(--full-width)}img,video{box-sizing:border-box;height:auto;max-width:100%}img{display:block;overflow:hidden;width:100%;width:var(--full-width)}.app{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh;padding:1.5rem;padding:var(--main-padding)}b,strong{color:#242226;color:var(--font-color);font-weight:600}header.header-container{align-items:center;border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--margin-small);padding-bottom:1rem;padding-bottom:var(--secondary-padding);position:relative;width:100%;width:var(--full-width)}.logo-container a{align-items:center;display:flex;text-decoration:none}header.header-container h1{align-items:center;color:#242226;color:var(--font-color);display:flex;font-size:1.25rem;font-size:var(--font-xlarge);font-weight:500;letter-spacing:-.01em;line-height:1.2}header.header-container h1 span.slash{color:#49474e;color:var(--highlight-color);font-weight:300;margin:0 .3em}header.header-container h1 span.subtitle{color:#7c7a85;color:var(--light-gray-color);font-weight:400}.menu-links{display:flex;gap:1rem;gap:var(--medium-gap)}.menu-links,.menu-links a{align-items:center;background-color:initial}.menu-links a{color:#5c5965;color:var(--gray-color);display:inline-flex;font-size:.875rem;font-size:var(--font-medium);font-weight:400;padding:.35rem .1rem;position:relative;text-decoration:none;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--transition-duration) var(--transition-easing)}.menu-links a:after{background-color:#242226;background-color:var(--font-color);bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s cubic-bezier(.16,1,.3,1);width:100%}.menu-links a.active,.menu-links a:hover{background-color:initial;color:#242226;color:var(--font-color);text-decoration:none}.menu-links a.active:after,.menu-links a:hover:after{transform:scaleX(1);transform-origin:bottom left}.menu-toggle{align-items:center;background-color:#eeedf2;background-color:var(--border-color-subtle);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#242226;color:var(--font-color);cursor:pointer;display:none;font-size:.875rem;font-size:var(--font-medium);font-weight:500;justify-content:center;padding:.4rem .8rem;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.menu-toggle:hover{background-color:#e2e0e7;background-color:var(--border-color)}.header-nav-wrapper{align-items:center;display:flex;gap:1rem;gap:var(--medium-gap)}.header-controls{align-items:center;display:flex;gap:.5rem;gap:var(--small-gap)}.theme-toggle{background-color:#e2e0e7;background-color:var(--border-color);border:none;border-radius:12px;cursor:pointer;flex-shrink:0;height:24px;padding:2px;position:relative;transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--transition-duration) var(--transition-easing);width:44px}.theme-toggle-thumb{background-color:#242226;background-color:var(--font-color);border-radius:50%;display:block;height:20px;transform:translateX(0);transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-duration) var(--transition-easing),background-color var(--transition-duration) var(--transition-easing);width:20px}[data-theme=dark] .theme-toggle{background-color:#49474e;background-color:var(--highlight-color)}[data-theme=dark] .theme-toggle-thumb{background-color:#fff;transform:translateX(20px)}@media (max-width:768px){.app{padding:1rem 1.25rem}header.header-container{margin-bottom:.5rem;padding-bottom:.875rem}header.header-container h1{font-size:1.1rem}.menu-toggle{display:flex}.menu-links{align-items:stretch;background-color:#fff;background-color:var(--white-color);border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-card);flex-direction:column;gap:0;justify-content:flex-start;left:-1.25rem;max-height:0;overflow:hidden;padding:0;position:absolute;right:-1.25rem;top:calc(100% + 1px);transition:max-height .3s cubic-bezier(.16,1,.3,1),visibility 0s .3s;visibility:hidden;z-index:1000}.menu-links.open{max-height:380px;padding:.5rem 1.25rem 1rem;transition:max-height .35s cubic-bezier(.16,1,.3,1);visibility:visible}.menu-links a{border-bottom:1px solid #eeedf2;border-bottom:1px solid var(--border-color-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#242226;color:var(--font-color);font-size:1rem;font-size:var(--font-large);font-weight:500;padding:.85rem .5rem;text-align:left;width:100%}.menu-links a:last-child{border-bottom:none}}.hero-section{border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.5rem;gap:var(--main-padding);padding:2rem 0 4rem;padding:var(--margin-medium) 0 var(--margin-large) 0;width:100%;width:var(--full-width)}.hero-section h2{text-wrap:balance;color:#242226;color:var(--font-color);font-size:2.75rem;font-size:var(--font-xxxlarge);font-weight:300!important;letter-spacing:-.02em;line-height:1.2}.hero-section p{color:#5c5965;color:var(--gray-color);font-size:1rem;font-size:var(--font-large);line-height:1.6;max-width:65ch}.hero-section a{color:#242226;color:var(--font-color);font-weight:400;text-decoration:underline;text-decoration-color:#e2e0e7;text-decoration-color:var(--border-color);text-underline-offset:3px;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.hero-section a:hover{color:#242226;color:var(--font-color);text-decoration-color:#242226;text-decoration-color:var(--font-color)}.hero-section .emoji{display:inline-block;font-size:1.05em;padding:0 .1em;vertical-align:middle}@media (max-width:768px){.hero-section{gap:1rem;padding:1.5rem 0 2rem}.hero-section h2{font-size:1.5rem;line-height:1.35}.hero-section p{font-size:.95rem;line-height:1.5}}.home-container{width:100%}.home-container-categories{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--small-gap);justify-content:flex-start;padding:1rem 0 2rem;padding:var(--margin-small) 0 var(--margin-medium) 0;width:100%;width:var(--full-width)}ul.categories-list-container{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.home-container-categories li{align-items:center;background-color:#f7f6f9;background-color:var(--light-white-color);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#5c5965;color:var(--gray-color);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-medium);font-weight:500;gap:.25rem;padding:.35rem .85rem;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing);-webkit-user-select:none;user-select:none}.home-container-categories li:hover{border-color:#49474e;border-color:var(--highlight-color);color:#242226;color:var(--font-color);transform:translateY(-1px)}.home-container-categories li.all.active{background-color:#242226;background-color:var(--font-color);border-color:#242226;border-color:var(--font-color);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-subtle);color:#fff;color:var(--white-color)}.home-container-categories li.trabajo-cotidiano.active{background-color:#fed7aa;background-color:var(--tw-color-orange-200);border-color:#f97316;color:#9a3412;color:var(--tw-color-orange-text);font-weight:600}.home-container-categories li.idea-de-proyecto.active{background-color:#fef08a;background-color:var(--tw-color-yellow-200);border-color:#eab308;color:#854d0e;color:var(--tw-color-yellow-text);font-weight:600}.home-container-categories li.nota.active{background-color:#fecaca;background-color:var(--tw-color-red-200);border-color:#ef4444;color:#991b1b;color:var(--tw-color-red-text);font-weight:600}.home-container-categories li.reflexion.active{background-color:#bfdbfe;background-color:var(--tw-color-blue-200);border-color:#3b82f6;color:#1e40af;color:var(--tw-color-blue-text);font-weight:600}.home-container-categories li.historia.active{background-color:#bbf7d0;background-color:var(--tw-color-green-200);border-color:#22c55e;color:#166534;color:var(--tw-color-green-text);font-weight:600}@media (max-width:768px){.home-container-categories{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:1rem 0 1.25rem}ul.categories-list-container{flex-wrap:wrap;gap:.4rem;width:100%}.home-container-categories li{font-size:.8rem;padding:.35rem .75rem}}.home-container-post{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem;margin-bottom:var(--margin-large);min-height:40vh;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}@media (max-width:1024px){.home-container-post{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.home-container-post{gap:1rem;grid-template-columns:1fr;margin-bottom:2rem}}.loading{animation:blink 1.2s ease-in-out infinite;color:#242226;color:var(--font-color);font-size:.875rem;font-size:var(--font-medium);grid-column:1/-1;padding:2rem 0;padding:var(--margin-medium) 0;text-align:center}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}article.container-post{background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-subtle);box-sizing:border-box;display:flex;flex-direction:column;height:auto;min-height:220px;overflow:hidden;padding:1.25rem;position:relative;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1),border-color .25s cubic-bezier(.16,1,.3,1),background-color .25s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-duration) var(--transition-easing),box-shadow var(--transition-duration) var(--transition-easing),border-color var(--transition-duration) var(--transition-easing),background-color var(--transition-duration) var(--transition-easing)}article.container-post a{display:flex;flex-direction:column;gap:.75rem;height:100%;justify-content:space-between;text-decoration:none;width:100%}article.container-post:hover{background-color:#faf9fb;background-color:var(--card-bg-hover);box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}article.container-post.idea-de-proyecto{border-top:3px solid #fef08a;border-top:3px solid var(--tw-color-yellow-200)}article.container-post.trabajo-cotidiano{border-top:3px solid #fed7aa;border-top:3px solid var(--tw-color-orange-200)}article.container-post.nota{border-top:3px solid #fecaca;border-top:3px solid var(--tw-color-red-200)}article.container-post.reflexion{border-top:3px solid #bfdbfe;border-top:3px solid var(--tw-color-blue-200)}article.container-post.historia{border-top:3px solid #bbf7d0;border-top:3px solid var(--tw-color-green-200)}.container-post span.date{color:#7c7a85;color:var(--light-gray-color);font-size:.75rem;font-size:var(--font-small);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.container-post h3{color:#242226;color:var(--font-color);font-size:1.1rem;font-weight:600;letter-spacing:-.01em;line-height:1.35;margin:0}.container-post-excerpt{display:flex;flex-direction:column;flex-grow:1}.container-post-excerpt p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#5c5965;color:var(--gray-color);display:-webkit-box;font-size:.9rem;line-height:1.5;margin:.25rem 0 .5rem;overflow:hidden}.container-post span.read-more{align-items:center;align-self:flex-start;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-small);font-weight:600;margin-top:auto;padding:.25rem .75rem;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.container-post span.read-more.trabajo-cotidiano,.post-page-header.trabajo-cotidiano{background-color:#fed7aa;background-color:var(--tw-color-orange-200);color:#9a3412;color:var(--tw-color-orange-text)}.container-post span.read-more.idea-de-proyecto,.post-page-header.idea-de-proyecto{background-color:#fef08a;background-color:var(--tw-color-yellow-200);color:#854d0e;color:var(--tw-color-yellow-text)}.container-post span.read-more.nota,.post-page-header.nota{background-color:#fecaca;background-color:var(--tw-color-red-200);color:#991b1b;color:var(--tw-color-red-text)}.container-post span.read-more.reflexion,.post-page-header.reflexion{background-color:#bfdbfe;background-color:var(--tw-color-blue-200);color:#1e40af;color:var(--tw-color-blue-text)}.container-post span.read-more.historia,.post-page-header.historia{background-color:#bbf7d0;background-color:var(--tw-color-green-200);color:#166534;color:var(--tw-color-green-text)}@media (max-width:768px){article.container-post{border-radius:12px;border-radius:var(--radius-md);min-height:auto;padding:1.1rem}.container-post h3{font-size:1.05rem}.container-post-excerpt p{-webkit-line-clamp:3;font-size:.875rem}}.case-container{grid-gap:2rem;grid-gap:var(--large-gap);border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);display:grid;gap:2rem;gap:var(--large-gap);grid-template-columns:1fr 2fr;padding:1rem 0 4rem;padding:var(--margin-small) 0 var(--margin-large) 0;width:100%;width:var(--full-width)}.case-container-header{align-self:start;border-right:1px solid #e2e0e7;border-right:1px solid var(--border-color);grid-column:1;padding:0 1rem 0 0;padding:0 var(--secondary-padding) 0 0;position:sticky;top:2rem}.case-container-header h1{color:#242226;color:var(--font-color);font-size:1.875rem;font-size:var(--font-xxlarge);font-weight:500;letter-spacing:-.01em;line-height:1.2;margin-bottom:1.5rem;margin-bottom:var(--main-padding)}.case-container p{color:#5c5965;color:var(--gray-color);font-size:.95rem;line-height:1.6;margin-bottom:.5rem;margin-bottom:var(--small-padding)}.case-articles{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-column:2;grid-template-columns:repeat(2,1fr)}.article-case-study{color:inherit;gap:1rem;gap:var(--secondary-padding);text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1);transition:transform var(--transition-duration) var(--transition-easing)}.article-body,.article-case-study{display:flex;flex-direction:column}.article-body{gap:.85rem}.article-img-container{aspect-ratio:3/4;background-color:#f7f6f9;background-color:var(--light-white-color);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);overflow:hidden;position:relative;width:100%;width:var(--full-width)}.article-img-container img{height:100%;height:var(--full-height);left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s cubic-bezier(.16,1,.3,1);transition:transform .4s var(--transition-easing);width:100%;width:var(--full-width)}.article-case-study:hover .article-img-container img{transform:scale(1.04)}.article-card-container h2,.article-header h2{color:#242226;color:var(--font-color);font-size:1.15rem;font-weight:600;line-height:1.3}.article-content-container{color:#5c5965;color:var(--gray-color);font-size:.875rem;font-size:var(--font-medium);line-height:1.5}.article-card-container{background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-subtle);padding:1.25rem;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.article-card-container:hover{border-color:#49474e;border-color:var(--highlight-color);box-shadow:0 8px 24px #00000014;box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}@media (max-width:768px){.case-container{display:flex;flex-direction:column;gap:1.5rem;height:auto;overflow:visible;padding:1rem 0 2rem}.case-container-header{border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);border-right:none;padding:0 0 1.25rem;position:static}.case-container-header h1{font-size:1.5rem;margin-bottom:.75rem}.case-articles{display:flex;flex-direction:column;gap:1.5rem;overflow:visible;padding:0}.article-case-study{border-bottom:1px solid #eeedf2;border-bottom:1px solid var(--border-color-subtle);padding-bottom:1.5rem}.article-case-study:last-child{border-bottom:none}.article-img-container{aspect-ratio:3/4}}.case-study-page,.post-page{color:#242226;color:var(--font-color);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);margin:0 auto;max-width:1440px;max-width:var(--max-width);padding:1.5rem 0;padding:var(--main-padding) 0;width:100%}.case-study-page-header{padding:4rem 0;padding:var(--margin-large) 0}.case-study-page-header,.post-page-header{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;margin-bottom:var(--margin-medium);text-align:center}.post-page-header{border-radius:12px;border-radius:var(--radius-md);padding:2rem 1.5rem;padding:var(--margin-medium) var(--main-padding)}.case-study-page-header h1{color:#242226;color:var(--font-color)}.case-study-page-header h1,.post-page-header h1{text-wrap:balance;font-size:2.75rem;font-size:var(--font-xxxlarge);font-weight:600;line-height:1.2;margin-bottom:1rem;margin-bottom:var(--margin-small);max-width:32ch}.post-page-header h1{color:#1a191b!important}.case-study-page-subtitle,.post-page-subtitle{color:#5c5965;color:var(--gray-color);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--font-medium);gap:.5rem;gap:var(--small-gap);justify-content:center;margin-bottom:2rem;margin-bottom:var(--margin-medium)}.case-study-page-body,.post-page-body{display:flex;gap:2rem;gap:var(--large-gap);max-width:100%;width:100%}.case-study-page-content{flex:3 1;max-width:75%;padding:1rem 0;padding:var(--medium-gap) 0}.post-page-content{flex:3 1;max-width:75%}.post-page-content,.post-page-content-inner{box-sizing:border-box;margin-top:0;overflow-x:hidden;padding:0}.post-page-content-inner{max-width:100%}.post-page-content h2:first-child,.post-page-content p:first-child,.post-page-content-inner>:first-child:not(.wp-block-rank-math-toc-block):not(#rank-math-toc),.post-page-content-inner>div>:first-child:not(.wp-block-rank-math-toc-block):not(#rank-math-toc),.post-page-content>:first-child:not(.wp-block-rank-math-toc-block):not(#rank-math-toc){margin-top:0!important;padding-top:0!important}.case-study-page-content h2,.case-study-page-content h3,.post-page-content h2,.post-page-content h3,.wp-block-heading{color:#242226;color:var(--font-color);font-size:1.35rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;margin-top:1.5rem;scroll-margin-top:2rem}[id]{scroll-margin-top:2rem}.case-study-page-content p,.post-page-content p,.post-page-content-inner p{color:#5c5965;color:var(--gray-color);font-size:1.05rem;font-weight:300;line-height:1.7;margin-bottom:1.25rem}.case-study-page-content a,.post-page-content a{color:#242226;color:var(--font-color);text-decoration:underline;text-underline-offset:3px;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--transition-duration) var(--transition-easing)}.case-study-page-content a:hover,.post-page-content a:hover{color:#49474e;color:var(--highlight-color)}.case-study-page-sidebar,.post-page-sidebar{align-self:start;flex:1 1;max-width:25%;position:sticky;top:2rem}.post-page-sidebar{margin-top:0;padding:0}.post-page-sidebar .post-page-subtitle{color:#242226;color:var(--font-color);display:block;font-size:1rem;font-weight:300;line-height:1.5;margin-bottom:2rem;margin-bottom:var(--margin-medium);margin-top:0!important;padding-top:0!important;text-align:left}.case-study-page-sidebar h3,.post-page-sidebar h3{color:#242226;color:var(--font-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem;margin-bottom:var(--margin-small)}.case-study-page-tech,.post-page-tech{display:flex;flex-direction:column;gap:.65rem}.case-study-page-tech ul,.post-page-tech ul{display:flex;flex-direction:column;gap:.25rem;gap:var(--mini-padding);list-style:none;margin:0;padding:0}.case-study-page-tech li,.post-page-tech li{border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);color:#5c5965;color:var(--gray-color);font-size:.875rem;font-size:var(--font-medium);padding:.35rem 0}.case-study-page-link{border:1px solid #242226;border:1px solid var(--font-color);border-radius:9999px;border-radius:var(--radius-full);color:#242226;color:var(--font-color);display:inline-block;font-size:.875rem;font-size:var(--font-medium);font-weight:600;margin-top:1rem;padding:.5rem 1.25rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.case-study-page-link:hover{background-color:#1a191b;background-color:var(--hover-bg-color);color:#fff;color:var(--hover-font-color)}.case-study-page-mockup-desktop{border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-card);display:block;height:auto;margin:1.5rem auto 0;max-width:70%;width:100%}.case-study-page-mockups{margin:2.5rem 0}.case-study-page-mockup-mobile-container{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr);margin-top:1.5rem}.case-study-page-mockup-mobile{border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-card);height:auto;object-fit:cover;width:100%}.case-study-page-video,.wp-block-video,figure.wp-block-video{margin:1.5rem 0;max-width:100%!important;width:100%!important}.case-study-page-video,.case-study-page-video-mobile,.wp-block-video,figure.wp-block-video{border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;overflow:hidden}.case-study-page-video-mobile{box-shadow:0 4px 12px #0000000d;box-shadow:var(--shadow-card);margin:0;width:100%}.case-study-page-video video,.case-study-page-video-mobile video,.post-page-content video,.post-page-content-inner video,.wp-block-video video{background-color:#0d0c0f;border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;display:block;height:auto!important;max-width:100%!important;width:100%!important}.case-study-page-content figure,.post-page-content figure,.wp-block-image,figure.wp-block-image{box-sizing:border-box;margin:2rem 0;margin:var(--margin-medium) 0;max-width:100%!important;overflow:hidden;width:100%!important}.case-study-page-content img,.post-page-content img,.post-page-content-inner img,.wp-block-image img{border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;display:block;height:auto!important;max-width:100%!important;object-fit:contain;width:100%!important}.wp-block-code,pre{background-color:#f7f6f9;background-color:var(--light-white-color);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#242226;color:var(--font-color);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.6;margin:1.25rem 0;overflow-x:auto;padding:1rem 1.25rem}[data-theme=dark] .wp-block-code,[data-theme=dark] pre{background-color:#121116;border-color:#e2e0e7;border-color:var(--border-color)}code{background-color:#eeedf2;background-color:var(--border-color-subtle);border-radius:6px;border-radius:var(--radius-sm);color:#242226;color:var(--font-color);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.875em;padding:.15em .4em}.wp-block-table{margin:1.5rem 0;overflow-x:auto;width:100%}.wp-block-table table{border-collapse:collapse;font-size:.95rem;width:100%}.wp-block-table td,.wp-block-table th{border:1px solid #e2e0e7;border:1px solid var(--border-color);padding:.75rem 1rem;text-align:left}.wp-block-table th{background-color:#eeedf2;background-color:var(--border-color-subtle);color:#242226;color:var(--font-color);font-weight:600}.wp-block-list,ul.wp-block-list{display:flex;flex-direction:column;gap:.5rem;list-style-type:disc;margin:1rem 0;padding-left:1.5rem}.wp-block-list li{color:#5c5965;color:var(--gray-color);line-height:1.6}.wp-block-embed,.wp-block-embed__wrapper{margin:1.5rem 0;position:relative;width:100%}.wp-block-embed__wrapper iframe{aspect-ratio:16/9;border:none;border-radius:12px;border-radius:var(--radius-md);width:100%}blockquote{border-left:3px solid #49474e;border-left:3px solid var(--highlight-color);border-radius:0 6px 6px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#5c5965;color:var(--gray-color);font-style:italic;margin:1.5rem 0;padding:.75rem 1.25rem}#rank-math-toc,.wp-block-rank-math-toc-block,blockquote{background-color:#f7f6f9;background-color:var(--light-white-color)}#rank-math-toc,.wp-block-rank-math-toc-block{border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-subtle);box-sizing:border-box;margin:1.75rem 0 2rem;max-width:100%;padding:1.5rem 1.5rem 1.25rem!important}#rank-math-toc h2,.wp-block-rank-math-toc-block h2{border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);color:#242226!important;color:var(--font-color)!important;font-size:.875rem!important;font-weight:600!important;letter-spacing:.05em;line-height:1.3;margin:0 0 .85rem!important;padding:0 0 .65rem!important;text-transform:uppercase}#rank-math-toc nav,.wp-block-rank-math-toc-block nav{width:100%}#rank-math-toc ul,.wp-block-rank-math-toc-block ul{display:flex;flex-direction:column;gap:.15rem;list-style:none!important;margin:0!important;padding:0!important}#rank-math-toc ul ul,.wp-block-rank-math-toc-block ul ul{border-left:1px solid #e2e0e7;border-left:1px solid var(--border-color);margin-bottom:.25rem!important;margin-top:.25rem!important;padding-left:1.25rem!important}#rank-math-toc li,.wp-block-rank-math-toc-block li{border-bottom:1px solid #eeedf2;border-bottom:1px solid var(--border-color-subtle);list-style:none!important;margin:0!important;padding:0!important}#rank-math-toc li:last-child,.wp-block-rank-math-toc-block li:last-child{border-bottom:none}#rank-math-toc li a,.wp-block-rank-math-toc-block li a{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#5c5965!important;color:var(--gray-color)!important;display:flex;font-size:.875rem!important;font-size:var(--font-medium)!important;font-weight:400;line-height:1.4;padding:.45rem .5rem;text-decoration:none!important;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}#rank-math-toc li a:hover,.wp-block-rank-math-toc-block li a:hover{background-color:#fff;background-color:var(--card-bg);color:#242226!important;color:var(--font-color)!important;font-weight:500;padding-left:.85rem}@media (max-width:768px){#rank-math-toc,.wp-block-rank-math-toc-block{margin:1.25rem 0 1.75rem;padding:1.35rem 1.25rem 1rem!important}#rank-math-toc li a,.wp-block-rank-math-toc-block li a{font-size:.85rem!important;padding:.4rem .35rem}}.post-navigation{align-items:center;border-top:1px solid #e2e0e7;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:space-between;margin-top:4rem;margin-top:var(--margin-large);padding-top:2rem;padding-top:var(--margin-medium)}.post-navigation .nav-link{border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#242226;color:var(--font-color);font-size:.875rem;font-size:var(--font-medium);font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.post-navigation .nav-link:hover{background-color:#eeedf2;background-color:var(--border-color-subtle);border-color:#49474e;border-color:var(--highlight-color)}@media (max-width:768px){.case-study-page-header{padding:1.5rem 0}.post-page-header{margin-bottom:1.5rem;padding:1.25rem 1rem}.case-study-page-header h1{font-size:1.6rem}.post-page-header h1{font-size:1.45rem;line-height:1.3;max-width:100%;overflow-wrap:break-word;word-break:break-word}.case-study-page-mockup-desktop{max-width:90%}.case-study-page-mockup-mobile-container{gap:.75rem;grid-template-columns:repeat(2,1fr)}.case-study-page-body,.post-page-body{flex-direction:column;gap:1.5rem}.case-study-page-content,.post-page-content{max-width:100%;padding:0}.case-study-page-sidebar,.post-page-sidebar{border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);max-width:100%;order:-1;padding-bottom:1.5rem;position:static}.case-study-page-tech,.post-page-tech{display:flex;flex-direction:column;gap:.65rem}.case-study-page-tech ul,.post-page-tech ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem .45rem;margin:0;padding:0}.case-study-page-tech li,.post-page-tech li{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.8rem;line-height:1.3;padding:.35rem .75rem}.case-study-page-content img,.post-page-content img,.post-page-content-inner img,.wp-block-image img{width:100%!important}}@media (max-width:480px){.post-page-header{padding:1.15rem .85rem}.post-page-header h1{font-size:1.3rem;line-height:1.3}.case-study-page-mockup-desktop{max-width:100%}.case-study-page-mockup-mobile-container{gap:1rem;grid-template-columns:1fr}.case-study-page-mockup-mobile,.case-study-page-video-mobile{margin:0 auto;max-width:280px}}.archive-page-container{position:relative;width:100%}.archive-container{color:inherit;display:block;text-decoration:none}.archive-item{align-items:center;background-color:initial;border-bottom:1px solid #e2e0e7;border-bottom:1px solid var(--border-color);cursor:pointer;flex-direction:row;gap:.5rem;gap:var(--small-gap);min-height:68px;padding:.85rem 0;position:relative;transition:border-color .25s cubic-bezier(.16,1,.3,1);transition:border-color var(--transition-duration) var(--transition-easing)}.archive-item,.archive-text{border-radius:0;display:flex;justify-content:space-between}.archive-text{align-items:baseline;color:#242226;color:var(--font-color);font-size:1.25rem;font-size:var(--font-xlarge);font-weight:400;padding:0;transition:color .25s cubic-bezier(.16,1,.3,1);transition:color var(--transition-duration) var(--transition-easing);width:100%}.archive-number{font-feature-settings:"tnum";font-size:.75rem;font-size:var(--font-small);font-variant-numeric:tabular-nums;font-weight:500;margin-right:1.25rem}.archive-number,.archive-year{color:#7c7a85;color:var(--light-gray-color)}.archive-year{font-size:.875rem;font-size:var(--font-medium);font-weight:500;margin-left:auto}.archive-item:hover{background-color:initial}.archive-item:hover .archive-text{color:#49474e;color:var(--highlight-color)}.archive-floating-preview{animation:fadeInFloat .18s cubic-bezier(.16,1,.3,1) forwards;background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 20px 40px #00000052,0 4px 14px #0000002e;max-height:250px;overflow:hidden;pointer-events:none;position:fixed;transition:transform .06s ease-out;width:360px;z-index:9999}.archive-floating-img{display:block;height:auto;max-height:250px;object-fit:cover;width:100%}@keyframes fadeInFloat{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.archive-item{min-height:56px;padding:.75rem 0}.archive-text{font-size:1.05rem}.archive-floating-preview{display:none}}footer.main-footer{border-top:1px solid #e2e0e7;border-top:1px solid var(--border-color);margin-top:auto;padding:2.5rem 0 1.5rem;width:100%}.footer-content{flex-wrap:wrap;gap:1.5rem;justify-content:space-between;width:100%}.footer-author-link,.footer-author-section,.footer-content{align-items:center;display:flex}.footer-author-link{border-radius:12px;border-radius:var(--radius-md);color:#242226;color:var(--font-color);gap:.75rem;padding:.35rem .65rem;text-decoration:none;transition:background-color .25s cubic-bezier(.16,1,.3,1);transition:background-color var(--transition-duration) var(--transition-easing)}.footer-author-link:hover{background-color:#eeedf2;background-color:var(--border-color-subtle)}footer .img-profile{background-color:#fef08a;background-color:var(--tw-color-yellow-200);border:1.5px solid #e2e0e7;border:1.5px solid var(--border-color);border-radius:50%;box-sizing:border-box;flex-shrink:0;height:34px;object-fit:contain;padding:4px;position:relative;transition:all .35s cubic-bezier(.175,.885,.32,1.275);width:34px;z-index:1}.footer-author-link:hover .img-profile,footer .img-profile:hover{box-shadow:0 0 10px #fef08ae6,0 3px 12px #eab30880;transform:scale(1.7) translateY(-3px);z-index:20}.footer-author-info{display:flex;flex-direction:column}.footer-author-name{color:#242226;color:var(--font-color);font-size:.875rem;font-size:var(--font-medium);font-weight:600;line-height:1.2}.footer-author-role{color:#7c7a85;color:var(--light-gray-color);font-size:.75rem;font-size:var(--font-small);line-height:1.2;margin-top:.15rem}.footer-meta-section{align-items:flex-end;display:flex;flex-direction:column;gap:.35rem}.footer-tech-stack{color:#7c7a85;color:var(--light-gray-color);margin:0}.footer-links,.footer-tech-stack{font-size:.75rem;font-size:var(--font-small)}.footer-links{align-items:center;display:flex;gap:.65rem}.footer-github-link{align-items:center;background-color:#fff;background-color:var(--card-bg);border:1px solid #e2e0e7;border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-sm);color:#242226;color:var(--font-color);display:inline-flex;font-weight:500;gap:.35rem;padding:.25rem .5rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--transition-duration) var(--transition-easing)}.footer-github-link:hover{background-color:#242226;background-color:var(--font-color);border-color:#242226;border-color:var(--font-color);color:#fff;color:var(--white-color)}.footer-github-icon{flex-shrink:0}.footer-separator{color:#e2e0e7;color:var(--border-color)}.footer-copyright{color:#7c7a85;color:var(--light-gray-color)}@media (max-width:768px){footer.main-footer{padding:2rem 0 1.5rem}.footer-content{align-items:center;flex-direction:column;gap:1.25rem;text-align:center}.footer-author-section{justify-content:center}.footer-author-link{flex-direction:column;text-align:center}.footer-author-info{align-items:center}.footer-meta-section{align-items:center;gap:.5rem}.footer-links{flex-wrap:wrap;justify-content:center}}.reading-progress-bar{background-color:#242226;background-color:var(--font-color);height:2.5px;left:0;position:fixed;top:0;transition:width .1s ease-out;z-index:10000}.skeleton-archive-item,.skeleton-card,.skeleton-project-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #eeedf2;border:1px solid var(--border-color-subtle);border-radius:12px;border-radius:var(--radius-md);box-sizing:border-box;display:flex;flex-direction:column;gap:.85rem;padding:1.25rem}.skeleton-archive-item{align-items:center;background-color:initial;border:none;border-bottom:1px solid var(--border-color);border-radius:0;flex-direction:row;justify-content:space-between;padding:1.1rem 0}.skeleton-thumb{aspect-ratio:3/4;border-radius:12px;border-radius:var(--radius-md);width:100%}.skeleton-line,.skeleton-thumb{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#eeedf2,#e2e0e7 50%,#eeedf2);background:linear-gradient(90deg,var(--border-color-subtle) 0,var(--border-color) 50%,var(--border-color-subtle) 100%);background-size:200% 100%}.skeleton-line{border-radius:6px;border-radius:var(--radius-sm);height:14px}.skeleton-date{height:10px;width:30%}.skeleton-title{height:18px;width:75%}.skeleton-excerpt-1{width:100%}.skeleton-excerpt-2{width:85%}.skeleton-badge{border-radius:9999px;border-radius:var(--radius-full);height:22px;margin-top:auto;width:60px}.skeleton-archive-num{height:14px;width:30px}.skeleton-archive-title{height:16px;margin-left:1rem;margin-right:auto;width:50%}.skeleton-archive-year{height:14px;width:45px}.skeleton-post-header{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#eeedf2,#e2e0e7 50%,#eeedf2);background:linear-gradient(90deg,var(--border-color-subtle) 0,var(--border-color) 50%,var(--border-color-subtle) 100%);background-size:200% 100%;border-radius:12px;border-radius:var(--radius-md);height:140px;margin-bottom:2rem;margin-bottom:var(--margin-medium);width:100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}