.article-grid-close{position:absolute;top:50%;left:0;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:hsla(0,0%,100%,.92);background:color-mix(in srgb,#111 72%,transparent);border:1px solid color-mix(in srgb,#fff 18%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 16px rgba(0,0,0,.35);text-decoration:none;font-size:18px;line-height:1;transform:translate(-50%,-50%);transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.article-grid-close:hover{color:#fff;background:color-mix(in srgb,#111 88%,transparent);border-color:color-mix(in srgb,#fff 28%,transparent);box-shadow:0 4px 20px rgba(0,0,0,.45)}@media (max-width:900px){.article-grid-close{display:none}}.article-layout{position:relative}.article-layout__main{width:62%;max-width:62%}.article-layout__grid{position:fixed;top:0;right:0;width:38%;height:100svh;z-index:0}.page-product .article-column{width:100%;max-width:720px;margin-left:auto;margin-right:auto;padding-left:var(--page-gutter);padding-right:var(--page-gutter);box-sizing:border-box}@media (min-width:1100px){.page-product .article-column{max-width:920px}}.page-product .header{width:100%;max-width:none;margin:0;padding:30px 0 0}@media (min-width:1100px){.page-product .header{padding-top:48px}}@media (min-width:1500px){.page-product .header{padding-top:72px}}.page-product .content{padding-top:48px}.page-product .post{max-width:none;margin:0;padding-left:0;padding-right:0}.page-product .section-timeline{margin-top:48px}@media (max-width:900px){.article-layout__main{width:100%;max-width:100%}.article-layout__grid{position:relative;top:auto;right:auto;display:block;width:100vw;max-width:100vw;height:calc(100vw / 2 * 4 / 3);margin-top:40px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:hidden;z-index:1}.article-layout__grid .project-grid-viewport{height:100%}}.page-product .article-body img{cursor:zoom-in}.article-lightbox{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:32px;background:color-mix(in srgb,#111 72%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:zoom-out}.article-lightbox__image{display:block;max-width:min(96vw,1600px);max-height:92svh;width:auto;height:auto;object-fit:contain;cursor:default;box-shadow:0 12px 48px rgba(0,0,0,.45)}.article-lightbox__close{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid color-mix(in srgb,#fff 22%,transparent);border-radius:50%;background:color-mix(in srgb,#111 55%,transparent);color:hsla(0,0%,100%,.92);font-size:28px;line-height:1;cursor:pointer;transition:background .2s ease}.article-lightbox__close:hover{background:color-mix(in srgb,#111 78%,transparent)}