.work-page{width:100%;min-height:100vh;position:relative}.work-header-section{background:0 0;width:100%;padding-top:clamp(8rem,18vh,14rem);padding-bottom:clamp(2rem,5vh,4rem);position:relative}.work-header-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.work-header-row{justify-content:space-between;align-items:baseline;gap:clamp(1rem,2vw,1.5rem);display:flex}.work-header-filters{flex:none;min-width:0;position:relative;top:-.9rem}@media screen and (min-width:768px){.work-header-title{white-space:nowrap}}.work-header-filters .work-filters-row{align-items:flex-end;gap:.4rem}.work-header-filters .work-filters-toggle-row{justify-content:flex-end;gap:.5rem}@media screen and (min-width:1024px){.work-header-filters .work-filters-toggle-row{flex-wrap:nowrap}}.work-header-filters .work-filter-btn{letter-spacing:.01em;white-space:nowrap;padding:.5em 1.1em;font-size:.9rem}.work-header-title{letter-spacing:-.03em;color:#fff;flex:none;margin:0;font-size:clamp(2.5rem,5.6vw,4.5rem);font-weight:400;line-height:1.1}html:not(.dark) .work-header-title{color:#1c1d20}.work-header-line{clip-path:inset(0);display:block;position:relative}.work-header-line-inner{will-change:transform;display:block}.work-filters-section{width:100%;padding:clamp(1rem,2vw,2rem) 0}.work-filters-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.work-filters-row{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.work-filters-toggle-row{flex-wrap:wrap;gap:.5rem;display:flex}.work-filters-below-row:empty{display:none}.work-filters-grid-row{gap:.5rem;display:flex}.work-subfilters-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.work-filter-group-header{color:#fff9;align-items:center;margin-right:.75rem;font-size:.85rem;font-weight:500;display:inline-flex}html:not(.dark) .work-filter-group-header{color:#00000080}.work-filters-tech-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.work-tech-bullet{color:#fffc;margin-right:.5rem;font-weight:700}html:not(.dark) .work-tech-bullet{color:#000000b3}.work-filter-tech-btn{border-radius:20px;padding:.5em 1em;font-size:.8rem}.work-filter-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:100px;align-items:center;padding:.6em 1.5em;font-family:inherit;font-size:.85rem;font-weight:400;transition:color .4s,border-color .4s;display:inline-flex;position:relative;overflow:hidden}html:not(.dark) .work-filter-btn{color:#0009;border-color:#00000026}.work-filter-btn-fill{background:#455ce9;border-radius:100px;transition:transform .4s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translateY(100%)}.work-filter-btn:hover .work-filter-btn-fill,.work-filter-btn.active .work-filter-btn-fill{transform:translateY(0%)}.work-filter-btn:hover,.work-filter-btn.active{color:#fff;border-color:#455ce9}.work-filter-btn-text{z-index:2;align-items:center;gap:.5em;display:flex;position:relative}.work-filter-count{background:#ffffff26;border-radius:50%;justify-content:center;align-items:center;min-width:1.5em;height:1.5em;font-size:.75em;line-height:1;display:inline-flex}.work-filter-btn.active .work-filter-count,.work-filter-btn:hover .work-filter-count{background:#ffffff40}.work-grid-btn{color:#fffc;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2.5em;height:2.5em;transition:color .4s,border-color .4s;display:inline-flex;position:relative;overflow:hidden}html:not(.dark) .work-grid-btn{color:#0006;border-color:#00000026}.work-grid-btn-fill{background:#455ce9;border-radius:50%;transition:transform .4s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:translateY(100%)}.work-grid-btn:hover .work-grid-btn-fill,.work-grid-btn.active .work-grid-btn-fill{transform:translateY(0%)}.work-grid-btn:hover,.work-grid-btn.active{color:#fff;border-color:#455ce9}.work-grid-btn-text{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.work-content-wrap{width:100%;position:relative}.work-list-section{width:100%;padding:1rem 0 4rem}.work-list-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.work-list-sub-title{display:none}.work-list-items{margin:0;padding:0;list-style:none}.work-list-item-wrap{position:relative}.work-list-stripe{will-change:transform;background:#ffffff40;width:100%;height:1px}html:not(.dark) .work-list-stripe{background:#0000001a}.work-list-stripe-last{background:#ffffff40;width:100%;height:1px}html:not(.dark) .work-list-stripe-last{background:#0000001a}.work-list-item{color:inherit;cursor:pointer;align-items:center;padding:clamp(1.2rem,2.5vw,2rem) 0;text-decoration:none;transition:opacity .4s;display:flex}.work-list-items:hover .work-list-item-wrap:not(:hover) .work-list-item{opacity:.4}.work-list-col{flex-shrink:0}.work-list-col-title{flex:1;min-width:0}.work-list-col-title h4{color:#fff;margin:0;font-size:clamp(1.5rem,3.5vw,3rem);font-weight:400;line-height:1.2;transition:transform .5s cubic-bezier(.76,0,.24,1)}html:not(.dark) .work-list-col-title h4{color:#1c1d20}.work-list-item:hover .work-list-col-title h4{transform:translate(10px)}.work-list-col-title h4 span{display:inline-block}.work-list-col-info{text-align:left;width:clamp(8rem,16vw,14rem)}.work-list-col-info p{color:#fffc;margin:0;font-size:clamp(.75rem,1vw,.9rem);font-weight:300}html:not(.dark) .work-list-col-info p{color:#00000080}.work-grid-section{width:100%;padding:1rem 0 4rem}.work-grid-container{width:100%;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,4vw,4rem)}.work-grid-items{grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:grid}.work-grid-items.work-grid-4{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.5rem)}.work-grid-items.work-grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(1.2rem,2.5vw,2rem)}@media screen and (max-width:1024px){.work-grid-items.work-grid-4,.work-grid-items.work-grid-3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:640px){.work-grid-items,.work-grid-items.work-grid-4,.work-grid-items.work-grid-3{grid-template-columns:1fr}}.work-tile{height:100%;position:relative}.work-tile-wrap{flex-direction:column;height:100%;display:flex;position:relative}.work-tile-link{color:inherit;flex-direction:column;flex:auto;text-decoration:none;display:flex}.work-tile-image-col{width:100%;margin-bottom:1rem;position:relative}.work-tile-image{backface-visibility:hidden;background-clip:padding-box;border-radius:8px;width:100%;padding-top:66.67%;position:relative;overflow:hidden}.work-tile-image-bg{z-index:0;position:absolute;inset:0}.work-tile-img{object-fit:cover;object-position:center;z-index:1;transition:transform .6s cubic-bezier(.76,0,.24,1)}.work-tile-icon-display{z-index:1;justify-content:center;align-items:center;font-size:3rem;transition:transform .6s cubic-bezier(.76,0,.24,1);display:flex;position:absolute;inset:0}.work-tile-link:hover .work-tile-img,.work-tile-link:hover .work-tile-icon-display{transform:scale(1.05)}.work-tile-link--static{cursor:default}.work-tile-link--static .work-tile-img,.work-tile-link--static .work-tile-icon-display{transform:none!important}.work-tile-title-col{margin-bottom:.5rem}.work-tile-title-col h4{color:#fff;margin:0 0 .5rem;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:400;line-height:1.2}html:not(.dark) .work-tile-title-col h4{color:#1c1d20}.work-tile-stripe{background:#ffffff40;width:100%;height:1px}html:not(.dark) .work-tile-stripe{background:#0000001a}.work-tile-info-col p{color:#fffc;margin:.3rem 0 0;font-size:clamp(.75rem,.9vw,.85rem);font-weight:300}html:not(.dark) .work-tile-info-col p{color:#00000080}.floating-image-container{pointer-events:none;z-index:30;border-radius:8px;width:350px;height:300px;position:absolute;overflow:hidden}.floating-image-slider{width:100%;height:100%;position:absolute}.floating-image-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.floating-image-img{object-fit:contain;width:auto;max-width:80%;height:auto;max-height:80%}.floating-cursor{pointer-events:none;z-index:31;background:#455ce9;border-radius:50%;width:5rem;height:5rem;position:absolute}.floating-cursor-label{pointer-events:none;z-index:32;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;font-size:.85rem;font-weight:300;display:flex;position:absolute}@media screen and (min-width:768px){.work-list-sub-title{align-items:center;padding-bottom:.75rem;display:flex}.work-list-sub-col{flex-shrink:0}.work-list-sub-col:first-child{flex:1;min-width:0}.work-list-sub-col:not(:first-child){text-align:left;width:clamp(8rem,16vw,14rem)}.work-list-sub-title h5{text-transform:uppercase;letter-spacing:.1em;color:#ffffffb3;margin:0;font-size:.7rem;font-weight:400}html:not(.dark) .work-list-sub-title h5{color:#00000059}}@media screen and (max-width:767px){.work-header-section{padding-top:7rem;padding-bottom:1.5rem}.work-header-row{flex-direction:column;align-items:stretch;gap:1rem}.work-header-filters{margin-top:0;top:0}.work-header-filters .work-filters-row{align-items:flex-start}.work-header-filters .work-filters-toggle-row{justify-content:flex-start}.work-list-col-info{display:none}.work-list-col-title h4{font-size:1.4rem}.work-grid-items{grid-template-columns:1fr}.work-filters-grid-row,.floating-image-container,.floating-cursor,.floating-cursor-label{display:none}}.work-header-copy-swap{animation:.45s ease-out both work-header-copy-fade}@keyframes work-header-copy-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.work-header-copy-swap{animation:none}}.work-header-subline-wrap{margin-top:clamp(1rem,2vw,1.5rem)}.work-header-subline{color:#ffffffb3;max-width:1040px;margin:0;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:300;line-height:1.5}html:not(.dark) .work-header-subline{color:#0009}.work-header-stack{letter-spacing:.01em;color:#ffffff8c;max-width:1040px;margin:.9rem 0 0;font-size:clamp(.8rem,1vw,.92rem);font-weight:300;line-height:1.7}html:not(.dark) .work-header-stack{color:#00000080}.work-tile-meta-col{margin-top:auto;padding-top:1.5rem}.work-status-badge{text-transform:uppercase;letter-spacing:.1em;border:1px solid;border-radius:100px;margin-bottom:.75rem;padding:.3em .8em;font-size:.65rem;font-weight:500;display:inline-block}.work-status-badge.status-green{color:#10b981;background:#10b9811a;border-color:#10b9814d}.work-status-badge.status-amber{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.work-status-badge.status-muted{color:#ffffff73;background:#ffffff0a;border-color:#ffffff1f}.work-tile-title-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.work-tile-outcome{color:#fffc;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.75rem 0 0;font-size:clamp(.85rem,1vw,.95rem);font-weight:300;display:-webkit-box;overflow:hidden}html:not(.dark) .work-tile-outcome{color:#0009}.work-demo-marker{color:#fff;vertical-align:middle;background:#455ce9;border-radius:4px;align-items:center;gap:.3em;margin-left:.75rem;padding:.2em .6em;font-size:.7rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.work-demo-marker:hover,.work-demo-marker:focus-visible{background:#2f45cc}.work-tile-info-col .work-demo-marker{color:#8b98f2;background:0 0;border:1px solid #455ce980;margin-left:0;transition:background-color .2s,border-color .2s,color .2s}.work-tile-info-col .work-demo-marker:hover,.work-tile-info-col .work-demo-marker:focus-visible{color:#fff;background:#455ce9;border-color:#455ce9}html:not(.dark) .work-tile-info-col .work-demo-marker{color:#455ce9;border-color:#455ce959}html:not(.dark) .work-tile-info-col .work-demo-marker:hover,html:not(.dark) .work-tile-info-col .work-demo-marker:focus-visible{color:#fff}.work-section-divider{align-items:center;width:100%;max-width:1200px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;padding:0 clamp(1.5rem,4vw,4rem);display:flex}.work-section-divider-text{text-transform:uppercase;letter-spacing:.15em;color:#ffffff80;white-space:nowrap;margin-right:1.5rem;font-size:.75rem;font-weight:500}html:not(.dark) .work-section-divider-text{color:#0006}.work-section-divider-line{background:#ffffff26;flex:1;height:1px}html:not(.dark) .work-section-divider-line{background:#0000001a}.work-empty{color:#ffffff80;width:100%;max-width:1200px;margin:3rem auto 6rem;font-size:.9rem}html:not(.dark) .work-empty{color:#00000080}.work-tier-sub{color:var(--work-muted,#8a8a93);max-width:62ch;margin:.5rem 0 0;font-size:.9rem;line-height:1.5}.work-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem 1.25rem;margin:1.25rem 0 2.5rem;padding:0;list-style:none;display:grid}@media (max-width:760px){.work-chapters{grid-template-columns:1fr}}.work-chapters a{color:inherit;border:1px solid #80808c40;border-radius:8px;padding:.7rem .9rem;text-decoration:none;transition:border-color .15s,background .15s;display:block}.work-chapters a:hover{background:#80808c0f;border-color:#80808c99}.work-chapter-title{font-size:.95rem;font-weight:600;line-height:1.35;display:block}.work-chapter-note{color:var(--work-muted,#8a8a93);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.work-archive{margin:1rem 0 2rem;padding:0;list-style:none}.work-archive li{border-bottom:1px solid #80808c26;justify-content:space-between;align-items:baseline;gap:1rem;padding:.45rem 0;font-size:.9rem;display:flex}.work-archive a{color:inherit;text-decoration:none}.work-archive a:hover{text-decoration:underline}.work-archive-meta{color:var(--work-muted,#8a8a93);white-space:nowrap;font-size:.8rem}