.works-hero{padding-top:180px;padding-bottom:70px}.works-hero h1{font-family:var(--font-display);letter-spacing:-.055em;margin:28px 0 40px;font-size:clamp(64px,7.8vw,128px);font-weight:400;line-height:1.04}.works-hero h1 span{color:#8b8a86}.works-intro{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.works-intro p{color:#777;font-size:18px;line-height:1.6}.works-collection{padding-top:30px;scroll-margin-top:120px}.works-type-heading h2{letter-spacing:-1px;font-size:36px}.works-type-heading p{color:#777;margin:14px 0 28px;line-height:1.6}.works-types{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:32px;display:grid}.works-types button{text-align:left;background:#fff;border:1px solid #0001;border-radius:18px;align-items:center;gap:14px;padding:24px 18px;display:flex;transition:background .3s,color .3s!important}.works-types button>span{font-size:19px;font-weight:500}.works-types small{opacity:.65;margin-top:8px;font-size:12px;font-weight:400;line-height:1.5;display:block}.works-types svg{flex-shrink:0}.works-types button[aria-pressed=true]{color:#fff;background:#141414;border-color:#141414}.works-types button:focus-visible{outline-offset:4px;outline:2px solid #141414}.works-empty .pill{margin-top:20px}.mobile-service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.mobile-service-grid article{background:#fff;border:1px solid #0001;border-radius:24px;padding:36px}.mobile-service-grid h2{letter-spacing:-1px;margin:28px 0 20px;font-size:34px}.mobile-service-grid p,.mobile-service-choice p{color:#777;font-size:17px;line-height:1.7}.mobile-service-choice{grid-template-columns:1fr 1fr;gap:40px;padding-top:100px;display:grid}.mobile-service-choice>.eyebrow{grid-column:1/-1;justify-self:start}.mobile-service-choice p{margin-bottom:24px}@media (max-width:1100px){.works-types{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:809px){.works-types button{gap:10px;padding:18px 12px}.works-types button>span{font-size:16px}.works-types small{font-size:11px}.works-type-heading h2{font-size:30px}.mobile-service-grid,.mobile-service-choice{grid-template-columns:1fr}.mobile-service-grid article{padding:28px}.mobile-service-choice{padding-top:64px}}.works-controls{border-block:1px solid #0002;justify-content:space-between;gap:24px;padding-block:24px;display:flex}.works-search{align-items:center;gap:12px;width:50%;display:flex}.works-search input{background:0 0;border:0;width:100%;padding:10px 0;font-size:16px}.works-select{color:#777;align-items:center;gap:18px;font-size:14px;display:flex}.works-select select{color:#141414;background:#fff;border:1px solid #0001;border-radius:24px;max-width:260px;padding:12px 30px 12px 16px}.works-category-row{flex-wrap:wrap;gap:10px;padding:24px 0;display:flex}.works-category-row button{background:#fff;border:1px solid #0001;border-radius:30px;padding:10px 18px;font-size:14px;transition:background .25s,color .25s}.works-category-row button[aria-pressed=true]{color:#fff;background:#141414}.works-result{color:#777;margin:12px 0 32px;font-size:11px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px;display:grid}.project-directory{color:#777;padding-block:28px;font-size:14px}.project-directory summary{cursor:pointer;padding-block:12px}.project-directory nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding-block:24px;display:grid}.project-directory a:hover{color:#141414;text-decoration:underline}.works-project:nth-child(2n){padding-top:76px}.works-project-link{display:block}.works-image{isolation:isolate;aspect-ratio:1.2;background:#e8e6e0;border:1px solid #0001;border-radius:24px;padding:4px;position:relative;overflow:hidden;box-shadow:0 12px 30px -20px #0004}.works-image-viewport{border-radius:20px;position:absolute;inset:4px;overflow:hidden}.works-image-parallax{z-index:1;height:130%;position:absolute;top:-15%;left:0;right:0}.works-image img{object-fit:cover;width:100%;height:100%;display:block;transition:transform .8s cubic-bezier(.22,1,.36,1)!important}.works-project-link:hover .works-image img{transform:scale(1.04)}.works-image-fallback{text-align:center;font-family:var(--font-display);background:linear-gradient(135deg,#dad8d1,#f4f2ed);place-items:center;padding:40px;font-size:44px;display:grid;position:absolute;inset:0}.works-visit{z-index:2;background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:20px;right:20px}.works-project-meta{text-transform:uppercase;color:#888;justify-content:space-between;margin-top:24px;font-size:10px;display:flex}.works-project-title{justify-content:space-between;align-items:center;gap:16px;margin:12px 0;display:flex}.works-project-title h2{letter-spacing:-1px;font-size:36px}.works-project-title>a:first-child{min-width:0}.works-project-title h2{overflow-wrap:anywhere}.works-project>p{color:#777;max-width:540px;font-size:16px;line-height:1.65}.works-project .tags{margin-top:18px}.works-card-actions{border-top:1px solid #0001;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:18px;font-size:14px;display:flex}.works-card-actions a{align-items:center;gap:8px;display:inline-flex}.works-project-title .works-live-button{color:#fff;background:#141414;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-size:15px;font-weight:500;display:inline-flex;box-shadow:0 4px 10px #0002;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s!important}.works-live-button:hover{background:#30302e;transform:translateY(-2px)}.works-live-button:focus-visible{outline-offset:4px;outline:2px solid #141414}.works-live-dot{background:#b6e8aa;border-radius:50%;width:6px;height:6px;margin-right:2px}@media (max-width:400px){.works-project-title .works-live-button{padding-inline:15px;font-size:14px}}@media (max-width:480px){.works-project-title{flex-wrap:wrap;gap:12px}.works-category-row button{min-height:44px}}.works-more{justify-content:center;margin-top:60px;display:flex}.works-empty{text-align:center;padding:80px 0}.works-empty p{margin:20px 0}.works-empty .pill{margin-inline:auto}.works-empty .pill+.pill{margin-left:16px}@media (max-width:600px){.works-empty .pill{width:fit-content;max-width:100%;display:flex}.works-empty .pill+.pill{margin-top:16px;margin-left:auto}}.works-contact{text-align:center;border-top:1px solid #0001;margin-top:100px;padding:100px 0}.works-contact h2{margin:28px 0 36px;font-size:clamp(42px,5vw,76px)}.works-contact .pill{margin-inline:auto}@media (max-width:809px){.works-hero{padding-top:140px;padding-bottom:40px}.works-hero h1{margin-bottom:28px;font-size:clamp(42px,9.5vw,72px)}.works-intro{flex-direction:column;align-items:flex-start}.works-intro p{font-size:16px}.works-controls{flex-direction:column;gap:14px}.works-search{width:100%}.works-select{justify-content:space-between}.works-select select{max-width:75%}.works-category-row{gap:8px}.works-category-row button{padding:9px 13px;font-size:12px}.works-grid{grid-template-columns:1fr;gap:48px}.works-project:nth-child(2n){padding-top:0}.works-project-title h2{font-size:30px}.works-project>p{font-size:14px}.works-contact{margin-top:60px;padding-block:70px}}.works-image-pending .works-image-viewport{background:radial-gradient(at 25% 25%,#e4ded3,#0000 65%),linear-gradient(135deg,#f2efe9,#d9dcd8)}.works-image-pending .works-image-fallback{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:32px;display:flex}.works-image-pending small{font-family:var(--font-mono);letter-spacing:.03em;font-size:11px;line-height:1.6}.project-features{color:var(--muted);margin:24px 0;padding-left:20px;line-height:1.7}.project-features li+li{margin-top:10px}.works-image-pending .works-image-fallback{background:0 0;font-size:clamp(28px,3.2vw,44px);line-height:1.15}.app-cover{background:radial-gradient(at 20% 0,#fff8df,#0000 70%),linear-gradient(135deg,#eeeae0,#e5e9e3);flex-direction:column;gap:24px;padding:28px;display:flex}.app-cover-brand{flex:none;align-items:center;gap:14px;display:flex}.app-cover-brand>img{object-fit:contain;border-radius:13px;width:52px;height:52px}.app-cover-brand>span{color:var(--ink);font-family:var(--font-display);font-size:clamp(18px,2vw,28px);line-height:1.15}.app-cover-brand small{color:#696b62;font-family:var(--font-mono);letter-spacing:.07em;margin-top:8px;font-size:9px;display:block}.app-cover-screens{flex:1;justify-content:center;align-items:center;gap:16px;min-height:0;display:flex}@media (max-width:600px){.app-cover{gap:18px;padding:20px}.app-cover-brand>img{width:42px;height:42px}.app-cover-screens{gap:8px}}.app-cover-screen{flex:1;justify-content:center;align-items:center;min-width:0;height:100%;display:flex}.app-cover-screen img{border-radius:18px;width:auto;max-width:100%;height:auto;max-height:100%}@media (max-width:600px){.app-cover-screen img{border-radius:12px}}