.px-work-page{width:87%;max-width:1440px;margin:0 auto;padding:132px 0 0}.px-work-back{margin-bottom:36px}.px-work-heading{justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px;display:flex}.px-work-heading h1{font-size:clamp(44px,5.2vw,82px);line-height:1.06}.px-work-heading>p{max-width:360px;color:var(--px-muted);padding-bottom:6px;font-size:19px;line-height:1.65}.px-work-index-label{border-top:1px solid var(--px-line);justify-content:space-between;gap:20px;padding:22px 0 28px;font-size:15px;display:flex}.px-work-index-label>span:last-child{color:var(--px-muted)}.px-work-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 32px;display:grid}.px-work-entry{min-width:0}.px-work-entry-link{color:inherit;border-radius:var(--px-radius);text-decoration:none;display:block}.px-work-entry-image{border:1px solid var(--px-line);border-radius:var(--px-radius);aspect-ratio:8/5;background:#102034;position:relative;overflow:hidden}.px-work-entry-image img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .35s;display:block}.px-work-entry-link:hover img{transform:scale(1.025)}.px-work-entry-arrow{color:var(--px-ink);border:1px solid var(--px-line);background:#071424ed;border-radius:50%;padding:11px;display:flex;position:absolute;bottom:16px;right:16px}.px-work-entry-link:is(:hover,:focus-visible) .px-work-entry-arrow{color:#111529;background:var(--px-accent)}.px-work-entry-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:7px 20px;padding-top:22px;display:flex}.px-work-entry-heading h2{font-size:clamp(25px,2.2vw,34px)}.px-work-entry-heading>p{color:var(--px-accent);font-size:15px}.px-work-entry-description{max-width:570px;color:var(--px-muted);margin-top:13px;line-height:1.65}.px-work-entry-more{align-items:center;gap:8px;margin-top:17px;font-size:15px;display:inline-flex}.px-work-finish{border-top:1px solid var(--px-line);justify-content:space-between;align-items:center;gap:60px;margin-top:80px;padding:66px 0;display:flex}.px-work-finish h2{font-size:clamp(33px,3.5vw,54px)}.px-work-finish p:not(.px-eyebrow){max-width:590px;color:var(--px-muted);margin-top:22px;line-height:1.7}.px-work-finish-actions{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:21px;display:flex}.px-work-finish-actions>.px-text-button{font-size:16px}.px-work-reference{max-width:350px}.px-work-reference p[role=alert]{color:#ffc7c7;font-size:15px}.px-work-detail .px-work-heading{align-items:flex-end}.px-work-detail .px-work-heading>div{max-width:940px}.px-work-detail .px-work-heading>a{flex-shrink:0;margin-bottom:7px}.px-work-project-lead{max-width:780px;color:var(--px-muted);margin-top:23px;font-size:clamp(20px,1.6vw,25px);line-height:1.6}.px-work-browser{border:1px solid var(--px-line);border-radius:var(--px-radius);background:#0c192c;max-width:960px;margin:0 auto;position:relative;overflow:hidden}.px-work-browser-bar{min-height:76px;color:var(--px-muted);border-bottom:1px solid var(--px-line);flex-direction:column;justify-content:center;gap:4px;padding:14px 245px 14px 22px;font-size:13px;display:flex}.px-work-browser-bar strong{color:var(--px-ink);font-size:15px;font-weight:500}.px-work-browser-bar>span{overflow-wrap:anywhere}.px-work-browser>.px-work-cover{object-fit:cover;object-position:top;width:100%;height:auto;max-height:480px;display:block}.px-work-browser:has(.px-work-full-preview[open])>.px-work-cover{display:none}.px-work-story{grid-template-columns:1fr 1fr;gap:70px;padding:64px 0;display:grid}.px-work-story h2{max-width:430px;font-size:clamp(25px,2.4vw,36px)}.px-work-story p:not(.px-eyebrow){color:var(--px-muted);max-width:630px;margin-top:22px;line-height:1.8}.px-work-full-preview summary{cursor:pointer;border:1px solid var(--px-line);min-height:44px;color:var(--px-accent);background:#132039;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:9px 14px;font-size:14px;list-style:none;display:flex;position:absolute;top:16px;right:18px}.px-work-full-preview summary::-webkit-details-marker{display:none}.px-work-full-preview summary:hover{border-color:var(--px-accent)}.px-work-full-preview summary:focus-visible{outline:2px solid var(--px-accent);outline-offset:3px}.px-work-collapse-label,.px-work-full-preview[open] .px-work-expand-label{display:none}.px-work-full-preview[open] .px-work-collapse-label{display:inline}.px-work-full-preview[open] summary svg{transform:rotate(180deg)}.px-work-full-preview img{width:100%;height:auto;display:block}.px-work-next{border-top:1px solid var(--px-line);justify-content:space-between;align-items:center;gap:35px;padding:40px 0 70px;display:flex}.px-work-next-project{color:var(--px-muted);align-items:center;gap:24px;font-size:14px;text-decoration:none;display:flex}.px-work-next-project strong{color:var(--px-ink);margin-top:6px;font-size:28px;font-weight:500;display:block}.px-work-next-project:hover strong{color:var(--px-accent)}@media (max-width:1100px){.px-work-heading{flex-direction:column;align-items:flex-start;gap:24px}.px-work-heading>p{max-width:650px}.px-work-detail .px-work-heading{align-items:flex-start}.px-work-finish{flex-direction:column;align-items:flex-start;gap:28px}.px-work-story{gap:36px}}@media (max-width:760px){.px-work-page{padding-top:112px}.px-work-collection{grid-template-columns:1fr;gap:42px}.px-work-entry-heading{padding-top:18px}.px-work-heading{margin-bottom:34px}.px-work-heading h1{overflow-wrap:anywhere;font-size:clamp(39px,7vw,57px)}.px-work-story{grid-template-columns:1fr;gap:35px;padding-block:42px}.px-work-story p:not(.px-eyebrow){margin-top:14px}.px-work-finish{margin-top:50px;padding-block:42px}.px-work-next{flex-direction:column;align-items:flex-start;gap:28px;padding-bottom:48px}.px-work-next-project{justify-content:space-between;width:100%}}@media (max-width:600px){.px-work-page{width:calc(100% - 46px);padding-top:98px}.px-work-back{margin-bottom:27px;font-size:15px}.px-work-heading>p{font-size:17px}.px-work-index-label{padding-block:18px 23px;font-size:13px}.px-work-entry-heading{flex-direction:column;align-items:flex-start;gap:6px}.px-work-entry-description{margin-top:10px}.px-work-entry-arrow{padding:8px;bottom:10px;right:10px}.px-work-finish-actions{width:100%}.px-work-finish-actions .px-action{padding-inline:19px;font-size:16px}.px-work-browser-bar{min-height:124px;padding:14px 16px 68px;font-size:12px}.px-work-project-lead{margin-top:18px;font-size:19px}.px-work-full-preview summary{font-size:14px;top:66px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){.px-work-entry-image img{transition:none}}