.work-page{background:var(--paper);overflow-x:clip}.work-page .header{color:#ecf3f5}.work-page .button,.work-page .header-contact{border-radius:6px}.work-page .button-arrow{border-radius:4px}.work-page .section-dark{background:var(--dark);color:var(--paper)}.work-page .header{position:sticky;top:0;background:var(--dark);border-bottom-color:#35484e;box-shadow:0 0 0 1px var(--dark)}.work-page:before{content:"";height:99px;position:absolute;inset:0 0 auto;background:var(--dark)}.work-page .header.is-stuck{box-shadow:0 15px 25px #10191c12}.work-page .work-hero{padding:0 var(--gutter);overflow:hidden}.work-page .work-rail{padding-top:29px;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:#9fb7bf}.work-page .work-rail>span:last-child{font-size:8px;color:#6d8a94}.work-page .work-intro{display:grid;grid-template-columns:1.65fr 1fr;align-items:center;gap:8%;padding:65px 0 62px}.work-page .work-hero h1{font-size:clamp(105px,13.3vw,218px);letter-spacing:-.075em;line-height:.95;white-space:normal}.work-page .work-hero h1>span{color:var(--cyan)}.work-page .work-intro-copy{padding-top:15px;position:relative}.work-page .work-intro-copy>p{font-size:clamp(21px,2vw,31px);letter-spacing:-.035em;line-height:1.42;color:#e1eaec}.work-page .work-intro-copy>span{display:block;font-size:12px;line-height:1.9;color:#91aab3;margin-top:18px}.work-page .intro-down{display:grid;place-items:center;width:39px;height:39px;border:1px solid #42606c;border-radius:50%;margin-top:24px;color:#10c8f0;font-size:19px;transition:background .25s,transform .3s}.work-page .intro-down:hover{background:#18343c;transform:translateY(3px)}.work-page .work-hero-bottom{border-top:1px solid #32474f;padding:22px 0;display:flex;justify-content:space-between;gap:20px;color:#76959f;font-size:8px}.work-page .work-hero-bottom>span:last-child{color:#a2bdc7;display:flex;align-items:center;gap:9px}.work-page .work-hero-bottom i{width:5px;height:5px;border-radius:50%;background:#10c8f0;box-shadow:0 0 12px #10c8f066}.work-page .collection{padding:0 var(--gutter);scroll-margin-top:98px}.work-page .collection-toolbar{position:sticky;top:98px;z-index:20;background:#eef3f3f5;backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0 24px;border-bottom:1px solid #c7d3d5;margin-bottom:38px}.work-page .work-filters{display:flex;align-items:center;gap:9px}.work-page .work-filters button{position:relative;display:flex;align-items:center;gap:21px;border:1px solid transparent;border-radius:5px;background:transparent;padding:13px 19px;font-size:13px;font-weight:550;color:#607880;transition:color .25s,background .25s}.work-page .work-filters button>span{font-size:9px;color:#728f99}.work-page .work-filters button:hover{background:#e1eaec;color:#132124}.work-page .work-filters button[aria-pressed=true]{background:#13272d;color:#eef3f3}.work-page .work-filters button[aria-pressed=true]>span{color:#10c8f0}.work-page .collection-toolbar>p{font-size:8px;color:#5f7a86}.work-page .project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 32px;position:relative}.work-page .project{min-width:0;position:relative}.work-page .project[hidden]{display:none}.work-page .project-open{display:block;width:100%;padding:0;background:transparent;border:0;text-align:left}.work-page .project-art{position:relative;display:block;aspect-ratio:1.46;background:var(--project-tone);border-radius:8px;overflow:hidden;isolation:isolate}.work-page .project-art:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 35% 10%,#ffffff24,transparent 65%)}.work-page .project-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #1321240c;pointer-events:none;border-radius:inherit}.work-page .project-art-label{position:absolute;top:26px;left:27px;z-index:2;font-size:8px;color:#2e484e}.work-page .project-expand{position:absolute;right:24px;top:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid #183b453b;color:#21424c;font-size:21px;transition:transform .4s,background .4s}.work-page .project-window{position:absolute;left:7%;top:22%;width:86%;display:block;border-radius:6px 6px 0 0;box-shadow:0 25px 55px #16292e40;transform:translate(var(--px,0),var(--py,0));transition:transform .7s var(--ease);will-change:transform;overflow:hidden;background:#fff}.work-page .window-bar{display:flex;height:23px;align-items:center;gap:4px;background:#f8faf9;border-bottom:1px solid #dae3e5;padding:0 12px;color:#6a7e86}.work-page .window-bar>i{width:4px;height:4px;border-radius:50%;background:#c2cfd2}.work-page .window-bar>b{font-weight:500;font-size:6px;position:absolute;left:20%;right:20%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-page .project-window img{width:100%;height:auto;min-height:180px;object-fit:cover;object-position:top;display:block}.work-page .project[data-type=software] .window-bar{background:#eff5f5}.work-page .project[data-project=bookings-software] .window-bar{background:#1d2020;border-color:#394343;color:#aebbbb}.work-page .project-view{position:absolute;bottom:21px;right:22px;display:flex;gap:24px;align-items:center;padding:12px 16px;background:#eef3f3ed;backdrop-filter:blur(12px);border:1px solid #ffffff75;border-radius:4px;font-size:10px;color:#25464f;box-shadow:0 5px 20px #1b303015;transition:background .3s,transform .3s}.work-page .project-view i{font-size:19px;font-style:normal}.work-page .project-title-row{display:flex;gap:25px;align-items:baseline;justify-content:space-between;margin-top:22px}.work-page .project-title{font-size:clamp(23px,2.35vw,37px);line-height:1.2;letter-spacing:-.047em;max-width:85%}.work-page .project[data-project=notes-software] .project-title{font-size:clamp(22px,2vw,32px);max-width:390px}.work-page .project-kind{font-size:7px;color:#738b95;flex-shrink:0}.work-page .project-blurb{display:block;font-size:12px;color:#627b86;line-height:1.8;margin-top:11px;max-width:92%}.work-page .project-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:21px;padding-top:15px;border-top:1px solid #c9d6d9}.work-page .project-deliverable{font-size:7px;color:#6f8995}.work-page .project-private{font-size:6px;color:#8ba0a7}.work-page .project-site{font-size:10px;display:flex;gap:22px;align-items:center;color:#254a59}.work-page .project-site>span{font-size:19px}.work-page .project-site:hover{color:#008aa7}.work-page .project-open:focus-visible .project-expand,.work-page .project-open:hover .project-expand{background:#eef3f3ba;transform:rotate(45deg)}.work-page .project-open:focus-visible .project-view,.work-page .project-open:hover .project-view{background:#fff;transform:translateY(-3px)}.work-page .project-open:focus-visible .project-title,.work-page .project-open:hover .project-title{color:var(--cyan)}.work-page .collection-foot{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid #c5d3d7;margin-top:65px;padding:27px 0 55px}.work-page .collection-foot>p{font-size:13px;letter-spacing:-.015em;color:#69828c}.work-page .collection-foot>.micro{font-size:7px;color:#79929c}.work-page .work-start{display:grid;grid-template-columns:1.2fr 1fr;gap:14%;padding:65px var(--gutter) 75px;align-items:center}.work-page .work-start .micro{font-size:8px;color:#87aab9}.work-page .work-start h2{font-size:clamp(45px,5.2vw,83px);line-height:1.12;letter-spacing:-.06em;margin-top:28px}.work-page .work-start h2>span{color:#10c8f0}.work-page .work-start-copy>p{color:#abc4cf;font-size:14px;line-height:1.95;margin-bottom:25px}.work-page .work-start-copy .button{font-size:12px;min-height:51px}.work-page .work-service-links{display:flex;gap:27px;margin-top:27px}.work-page .work-service-links a{font-size:10px;color:#8babba;display:flex;gap:15px;align-items:center}.work-page .work-service-links a:hover{color:#10c8f0}.work-page .work-service-links a>span{font-size:17px}.work-page .no-script{margin:30px 0;color:#607880}@media(min-width:1600px){.work-page .project-grid{gap:65px 44px}.work-page .project-art-label{font-size:9px}.work-page .window-bar{height:28px}.work-page .window-bar>b{font-size:7px}.work-page .project-view{font-size:12px;padding:14px 19px}.work-page .project-blurb{font-size:14px}.work-page .project-site{font-size:12px}.work-page .project-kind{font-size:8px}}@media(max-width:1100px){.work-page .work-intro{gap:5%;grid-template-columns:1.5fr 1fr;padding:57px 0}.work-page .work-hero h1{font-size:13.3vw}.work-page .work-intro-copy>p{font-size:23px}.work-page .project-grid{gap:44px 23px}.work-page .project-art{aspect-ratio:1.28}.work-page .project-art-label{font-size:6px;left:20px;top:22px}.work-page .project-expand{top:15px;right:18px}.work-page .project-window{top:23%;left:6%;width:88%}.work-page .project-view{font-size:9px;right:16px;bottom:17px;padding:10px 12px;gap:15px}.work-page .project-kind{font-size:6px}.work-page .project-title{font-size:27px}.work-page .project-title-row{gap:15px}.work-page .project-blurb{font-size:11px}.work-page .project-private{display:none}.work-page .project-deliverable{font-size:6px}.work-page .project-site{font-size:9px;gap:10px}.work-page .work-start{gap:8%}}@media(max-width:800px){.work-page:before{height:77px}.work-page .work-rail{font-size:8px;padding-top:25px}.work-page .work-rail>span:last-child{font-size:6px}.work-page .work-intro{padding:50px 0 40px;gap:30px}.work-page .work-hero h1{font-size:14vw}.work-page .work-intro-copy{padding-top:0}.work-page .work-intro-copy>p{font-size:20px}.work-page .work-intro-copy>span{font-size:10px;margin-top:13px}.work-page .intro-down{width:32px;height:32px;margin-top:17px;font-size:16px}.work-page .work-hero-bottom{font-size:6px;padding:19px 0}.work-page .collection{scroll-margin-top:77px}.work-page .collection-toolbar{top:76px;padding:19px 0;margin-bottom:28px}.work-page .work-filters{gap:5px}.work-page .work-filters button{padding:11px 13px;font-size:11px;gap:17px}.work-page .work-filters button>span{font-size:8px}.work-page .collection-toolbar>p{font-size:6px}.work-page .project-art{aspect-ratio:1.15}.work-page .project-art-label{left:15px;top:19px;font-size:5px}.work-page .project-expand{right:14px;top:12px;font-size:19px;width:28px;height:28px}.work-page .project-window{top:24%;left:5%;width:90%;border-radius:4px}.work-page .window-bar{height:17px;padding:0 7px;gap:3px}.work-page .window-bar>i{width:3px;height:3px}.work-page .window-bar>b{font-size:4px}.work-page .project-view{bottom:12px;right:12px;font-size:8px;padding:8px 10px;gap:15px}.work-page .project-view>i{font-size:16px}.work-page .project-title-row{flex-direction:column;gap:9px;margin-top:17px}.work-page .project-title{font-size:25px;max-width:100%}.work-page .project-kind{font-size:6px}.work-page .project[data-project=notes-software] .project-title{font-size:23px}.work-page .project-blurb{font-size:10px;margin-top:10px;max-width:100%}.work-page .project-foot{margin-top:16px;padding-top:12px;gap:12px}.work-page .project-deliverable{font-size:5px}.work-page .project-site{font-size:8px;gap:8px}.work-page .project-site>span{font-size:16px}.work-page .collection-foot{padding-bottom:38px;margin-top:45px}.work-page .collection-foot>p{font-size:11px}.work-page .collection-foot>.micro{font-size:5px}.work-page .work-start{padding-top:48px;padding-bottom:52px;gap:9%}.work-page .work-start h2{font-size:43px}.work-page .work-start-copy>p{font-size:11px}.work-page .work-start-copy .button{font-size:10px;gap:20px}.work-page .work-service-links{gap:18px;flex-wrap:wrap}.work-page .work-service-links a{font-size:9px}}@media(max-width:600px){.work-page .work-intro{grid-template-columns:1fr;gap:28px;padding:41px 0 31px}.work-page .work-hero h1{font-size:clamp(75px,21vw,125px);line-height:1}.work-page .work-intro-copy{padding-right:42px}.work-page .work-intro-copy>p{font-size:20px;line-height:1.5}.work-page .work-intro-copy>span{font-size:11px;line-height:1.8}.work-page .intro-down{position:absolute;right:0;bottom:1px;width:35px;height:35px}.work-page .work-rail>span:last-child{display:none}.work-page .work-hero-bottom>span:first-child{max-width:155px;line-height:1.7}.work-page .work-hero-bottom>span:last-child{font-size:6px;gap:7px}.work-page .collection-toolbar{gap:5px;padding:15px 0}.work-page .collection-toolbar>p{display:none}.work-page .work-filters{width:100%;justify-content:space-between}.work-page .work-filters button{font-size:11px;gap:17px;padding:11px 13px}.work-page .project-grid{grid-template-columns:1fr;gap:35px}.work-page .project-art{aspect-ratio:1.36}.work-page .project-art-label{font-size:6px;left:20px;top:21px}.work-page .project-expand{right:18px;top:15px}.work-page .project-window{width:88%;left:6%;top:23%}.work-page .window-bar{height:18px}.work-page .window-bar>b{font-size:5px}.work-page .project-view{font-size:9px;padding:9px 12px;right:15px;bottom:15px;gap:22px}.work-page .project-title-row{flex-direction:row;gap:18px;align-items:baseline}.work-page .project-title{font-size:27px;max-width:82%}.work-page .project[data-project=notes-software] .project-title{font-size:25px;max-width:83%}.work-page .project-kind{font-size:6px}.work-page .project-blurb{font-size:11px;line-height:1.8;max-width:95%}.work-page .project-deliverable{font-size:6px}.work-page .project-site{font-size:10px;gap:17px}.work-page .project-foot{margin-top:16px;padding-top:12px}.work-page .collection-foot{flex-direction:column;align-items:flex-start;gap:12px;margin-top:35px;padding:23px 0 34px}.work-page .collection-foot>.micro{font-size:6px}.work-page .work-start{grid-template-columns:1fr;gap:29px;padding-top:39px;padding-bottom:42px}.work-page .work-start .micro{font-size:7px}.work-page .work-start h2{font-size:45px;margin-top:23px}.work-page .work-start-copy>p{font-size:12px;line-height:1.9;margin-bottom:22px}.work-page .work-start-copy .button{font-size:11px}.work-page .work-service-links a{font-size:10px}}@media(prefers-reduced-motion:reduce){.work-page *,.work-page :after,.work-page :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.work-page .project-window{transform:none!important}}@media(max-width:650px){.work-page .work-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;overflow:visible}.work-page .work-filters button{display:flex;justify-content:space-between;padding:12px 16px}.work-page .collection-toolbar{align-items:stretch}.work-page .collection-toolbar>p{text-align:left}}