.post-grid,.archive-listing .post-grid{gap:var(--space-2xl);grid-template-columns:none;display:grid}@media only screen and (width>=720px){.post-grid,.archive-listing .post-grid{grid-template-columns:repeat(2,1fr)}}@media only screen and (width>=1250px){.post-grid,.archive-listing .post-grid{grid-template-columns:repeat(3,1fr)}}.pagination{margin-top:var(--space-3xl)}.pagination .nav-links{justify-content:center;align-items:center;gap:var(--space-s);flex-wrap:wrap;display:flex}.pagination a,.pagination span{justify-content:center;align-items:center;gap:var(--space-xs);min-width:44px;height:44px;padding:0 var(--space-m);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-s);transition:background-color .2s,color .2s;display:inline-flex}.pagination a{background-color:var(--color-white);border:1px solid var(--color-border);color:var(--color-dark)}.pagination a:hover{background-color:var(--color-dark);border-color:var(--color-dark);color:var(--color-white)}.pagination a .mk-icon{fill:currentColor}.pagination span.current{background-color:var(--color-dark);color:var(--color-white)}.pagination .dots{background:0 0;border:none;min-width:auto;padding:0}.pagination .screen-reader-text{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}body.single-post .mk-hero .module-inner{background-color:var(--module-border,var(--color-border));gap:1px;display:grid}body.single-post .mk-hero .module-inner>*{background-color:var(--module-bg,var(--color-light));height:100%;padding:var(--space-2xl) var(--space-page-padding);flex-direction:column;justify-content:center;display:flex}@media only screen and (width>=720px){body.single-post .mk-hero .module-inner{grid-template-columns:1fr 1fr}}body.single-post #post-thumbnail{border-top:var(--grid-line);display:flex}body.single-post #post-thumbnail .mk-img{width:100%}body.single-post #post-thumbnail img{object-fit:cover;width:100%;max-height:550px}body.single-post .post-content-wrapper{background-color:var(--module-border,var(--color-border));gap:1px;display:grid}body.single-post .post-content-wrapper>*{background-color:var(--module-bg,var(--color-light));height:100%;padding:var(--space-2xl) var(--space-page-padding);flex-direction:column;justify-content:center;display:flex}body.single-post .post-content-wrapper{border-top:var(--grid-line);border-bottom:var(--grid-line);grid-template-columns:minmax(0,1fr);align-items:start}body.single-post .post-content-wrapper>div:has(#mk-toc){justify-content:start}@media only screen and (width>=720px){body.single-post .post-content-wrapper{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.single-post .post-content-wrapper>div:has(#mk-toc){order:2}}body.single-post #section-wrapper .mk-module{border-bottom:none}body.single-post .author-box{border-bottom:var(--grid-line)}body.single-post .author-box .module-inner{background-color:var(--module-border,var(--color-border));gap:1px;display:grid}body.single-post .author-box .module-inner>*{background-color:var(--module-bg,var(--color-light));height:100%;padding:var(--space-2xl) var(--space-page-padding);padding-top:var(--space-6xl);padding-bottom:var(--space-6xl);flex-direction:column;justify-content:center;display:flex}@media only screen and (width>=720px){body.single-post .author-box .module-inner{grid-template-columns:1fr 1fr}}.favorites-page .favorites-header{justify-content:space-between;align-items:center;gap:var(--space-m);margin-bottom:var(--space-2xl);flex-wrap:wrap;display:flex}.favorites-page .favorites-header h1{margin:0}.favorites-page .favorites-notice{border:1px solid var(--color-border);margin-bottom:var(--space-m);padding:15px 20px}.favorites-page .favorites-notice p{margin:0}.favorites-page .favorites-notice a{text-decoration:underline}.favorites-page .favorites-clipboard-notice{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.favorites-page .favorites-clipboard-notice a{color:var(--color-white)}.favorites-page .favorites-loading,.favorites-page .favorites-empty,.favorites-page .favorites-error{padding:var(--space-l) 0;text-align:center}.favorites-page .favorites-empty p,.favorites-page .favorites-error p{margin:0 0 10px}.favorites-page .favorites-empty p:last-child,.favorites-page .favorites-error p:last-child{margin-bottom:0}body.single-project #project-hero .swiper .swiper-wrapper .swiper-slide{width:auto}body.single-project #project-hero .swiper .swiper-wrapper .swiper-slide img{width:min(var(--slide-w-sm,400px), 100vw);object-fit:cover;height:300px}@media (width>=751px){body.single-project #project-hero .swiper .swiper-wrapper .swiper-slide img{width:var(--slide-w,auto);height:450px}}body.single-project #project-hero .project-hero-filter-wrapper{background-color:var(--module-border,var(--color-border));gap:1px;display:grid}body.single-project #project-hero .project-hero-filter-wrapper>*{background-color:var(--module-bg,var(--color-light));height:100%;padding:var(--space-2xl) var(--space-page-padding);flex-direction:column;justify-content:center;display:flex}body.single-project #project-hero .project-hero-filter-wrapper{border-block:var(--grid-line)}body.single-project #project-hero .project-hero-filter-wrapper>*{justify-content:flex-start}@media only screen and (width>=1250px){body.single-project #project-hero .project-hero-filter-wrapper{grid-template-rows:auto 1fr;grid-template-columns:repeat(2,minmax(0,1fr))}body.single-project #project-hero .project-hero-filter-wrapper .project-hero-content{grid-row:span 2}}body.single-project #project-hero .project-hero-content{gap:var(--space-xl)}body.single-project #project-hero .project-hero-content h1,body.single-project #project-hero .project-hero-content .subtitle,body.single-project #project-hero .project-hero-content .project-intro{margin:0}body.single-project #project-hero .project-hero-content .project-intro p:last-child{margin-bottom:0}body.single-project #project-hero .project-hero-content .project-intro a{text-decoration:underline}body.single-project #project-hero .project-hero-content .button-container{margin-top:var(--space-m)}.project-like{cursor:pointer;color:inherit;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:inline-flex;position:relative}.project-like .project-like-icon-filled{display:none}.project-like span{display:flex}.project-like .project-like-label-on,.project-like.is-liked .project-like-icon-outline,.project-like.is-liked .project-like-label-off{display:none}.project-like.is-liked .project-like-label-on{display:flex}.project-like.is-liked .project-like-icon-filled{display:inline-flex}.project-like.is-liked .project-like-icon-filled svg{fill:var(--color-primary)}@media (hover:hover){.project-like:not(.is-liked):hover .project-like-icon-outline{display:none}.project-like:not(.is-liked):hover .project-like-icon-filled{display:inline-flex}.project-like:not(.is-liked):hover .project-like-icon-filled svg{fill:var(--color-primary-50)}}.project-like .project-like-icon-filled,.project-like .project-like-icon-outline{position:relative}.project-like .project-like-icon-filled svg{transition:none}.project-like.is-popping .project-like-icon-filled{animation:.5s cubic-bezier(.3,1.6,.5,1) both project-like-pop}.project-like.is-popping .project-like-icon-filled:before,.project-like.is-popping .project-like-icon-filled:after{content:"";pointer-events:none;position:absolute;top:50%;left:50%}.project-like.is-popping .project-like-icon-filled:before{aspect-ratio:1;border:2px solid var(--color-primary);border-radius:50%;width:100%;animation:.45s ease-out both project-like-ring;translate:-50% -50%}.project-like.is-popping .project-like-icon-filled:after{border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;animation:.6s cubic-bezier(.2,.7,.3,1) both project-like-dots}.project-like.is-unliking .project-like-icon-outline{animation:.3s ease-out project-like-shrink}@keyframes project-like-pop{0%{scale:.4}55%{scale:1.25}to{scale:1}}@keyframes project-like-ring{0%{opacity:1;border-width:3px;scale:.3}to{opacity:0;border-width:0;scale:1.7}}@keyframes project-like-dots{0%{box-shadow:5.5px 2.3px 0 0 var(--color-primary), 2.3px 5.5px 0 -1px var(--color-primary), -2.3px 5.5px 0 0 var(--color-primary), -5.5px 2.3px 0 -1px var(--color-primary), -5.5px -2.3px 0 0 var(--color-primary), -2.3px -5.5px 0 -1px var(--color-primary), 2.3px -5.5px 0 0 var(--color-primary), 5.5px -2.3px 0 -1px var(--color-primary);opacity:0}15%{opacity:1}to{box-shadow:24px 9.9px 0 0 var(--color-primary), 9.9px 24px 0 -1px var(--color-primary), -9.9px 24px 0 0 var(--color-primary), -24px 9.9px 0 -1px var(--color-primary), -24px -9.9px 0 0 var(--color-primary), -9.9px -24px 0 -1px var(--color-primary), 9.9px -24px 0 0 var(--color-primary), 24px -9.9px 0 -1px var(--color-primary);opacity:0}}@keyframes project-like-shrink{0%{scale:1}45%{scale:.78}to{scale:1}}@media (prefers-reduced-motion:reduce){.project-like.is-popping .project-like-icon-filled,.project-like.is-popping .project-like-icon-filled:before,.project-like.is-popping .project-like-icon-filled:after,.project-like.is-unliking .project-like-icon-outline{animation:none}.project-like.is-popping .project-like-icon-filled:before,.project-like.is-popping .project-like-icon-filled:after{content:none}}.project-items{counter-reset:projects;row-gap:var(--space-3xl);display:grid}@media only screen and (width>=720px){.project-items.project-items-tiles{grid-template-columns:repeat(2,1fr)}}@media only screen and (width>=1250px){.project-items.project-items-tiles{grid-template-columns:repeat(3,1fr)}}.project-item{border-top:1px solid var(--module-border,var(--color-border));border-right:1px solid var(--module-border,var(--color-border));border-bottom:1px solid var(--module-border,var(--color-border));flex-direction:column;display:flex}.project-item-header{background-color:var(--module-border,var(--color-border));gap:1px;display:grid}.project-item-header>*{background-color:var(--module-bg,var(--color-light));height:100%;padding:var(--space-2xl) var(--space-page-padding);flex-direction:column;justify-content:center;display:flex}.project-item-header{grid-template-columns:max-content auto max-content}.project-item-header>*{align-items:center;padding:0;display:flex}.project-item-header>.project-item-number,.project-item-header>.project-like{justify-content:center;min-width:50px}.project-item-header>.project-item-number{text-transform:uppercase;font-size:clamp(1rem,.944268rem + .254777vw,1.25rem);font-family:var(--font-mono);font-variant-numeric:slashed-zero;counter-increment:projects;color:var(--color-primary)}.project-item-header>.project-item-number:before{content:counter(projects, decimal-leading-zero)}.project-item-header>.project-item-title{gap:var(--space-m);padding:10px 20px;font-weight:600;display:flex}.project-item-visual{border-top:1px solid var(--module-border,var(--color-border));border-bottom:1px solid var(--module-border,var(--color-border));padding:var(--space-xl) clamp(3.125rem, 2.49801rem + 2.86624vw, 5.9375rem);flex-grow:1;justify-content:center;align-items:center;display:flex}.project-item-visual a{display:flex}.project-item-visual img{width:calc(55vh * var(--project-ratio,1));max-width:100%;height:auto}.project-item-footer{background-color:var(--module-border,var(--color-border));justify-content:space-between;gap:1px;display:flex}.project-item-footer>*{background-color:var(--module-bg,var(--color-background))}.project-item-footer .filler{background-color:var(--module-bg,var(--color-background));flex-grow:1}.project-item-footer .project-item-client{min-width:0;padding:10px 25px;display:flex}.project-item-footer .project-item-client img{object-fit:contain;object-position:left center;width:auto;min-width:0;max-width:100%;height:clamp(1.875rem,1.73567rem + .636943vw,2.5rem)}.project-item-footer .project-item-link{white-space:nowrap;flex-shrink:0;transition:background-color .3s ease-in-out}.project-item-footer .project-item-link a{font-family:var(--font-sans);letter-spacing:.05em;text-transform:uppercase;height:100%;color:var(--module-text);align-items:center;gap:8px;padding:10px 25px;font-weight:700;transition:color .3s ease-in-out;display:inline-flex}.project-item-footer .project-item-link a svg{fill:var(--color-primary);transition:fill .3s ease-in-out}.project-item:has(a:hover,a:focus-visible) .project-item-footer .project-item-link{background-color:var(--color-dark)}.project-item:has(a:hover,a:focus-visible) .project-item-footer .project-item-link a{color:var(--color-light)}.project-item:has(a:hover,a:focus-visible) .project-item-footer .project-item-link a svg{fill:var(--color-light)}