.work-page{background-color:var(--color-gray);color:var(--color-ink)}.work-intro{align-items:flex-end;min-height:100svh;padding:12rem 5vw 6rem;display:flex}.work-statement{letter-spacing:-.05em;text-indent:16%;max-width:100%;margin:0;font-size:clamp(2.6rem,6.4vw,8.2rem);font-weight:400;line-height:1.02}.work-stack{position:relative}.work-panel{background-color:var(--color-ink);color:#fff;height:90svh;position:sticky;top:0;overflow:hidden}.work-media{will-change:transform;position:absolute;inset:-12% 0}.work-media picture{width:100%;height:100%;display:block}.work-media video,.work-media img{object-fit:cover;width:100%;height:100%;display:block}.work-media:after{content:"";background:#0000002e;position:absolute;inset:0}.work-panel-inner{z-index:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.work-title{letter-spacing:-.05em;text-align:center;will-change:transform;margin:0;font-size:clamp(3rem,6.5vw,7.5rem);font-weight:400;line-height:1}.work-title a,.work-title span{color:#fff;padding-bottom:.06em;text-decoration:none;display:inline-block;position:relative}.work-title a:before,.work-title a:after,.work-title span:before{content:"";background:currentColor;height:.045em;position:absolute;bottom:0;left:0;right:0}.work-title a:before{transform-origin:100%;transition:transform .55s cubic-bezier(.76,0,.24,1);transform:scaleX(1)}.work-title a:after{transform-origin:0;transition:transform .55s cubic-bezier(.76,0,.24,1);transform:scaleX(0)}.work-title a:hover:before{transform:scaleX(0)}.work-title a:hover:after{transition-delay:.32s;transform:scaleX(1)}.work-title span:before{opacity:.5}.work-counter{z-index:1;letter-spacing:0;font-variant-numeric:tabular-nums;font-size:1.15rem;position:absolute;bottom:2.5rem;right:2.25vw}.work-category{z-index:1;opacity:.8;font-size:1.15rem;position:absolute;bottom:2.5rem;left:2.25vw}.work-panel.is-statement{background-color:#020202}.work-panel.is-statement .work-statement{color:#fff;text-indent:0;text-align:center;max-width:70rem;padding:0 5vw;font-size:clamp(2.4rem,5.6vw,6.4rem)}.work-products{background-color:var(--color-gray);position:relative}.work-products-intro{padding:10rem 5vw 4rem}.work-products-intro .work-statement{text-indent:0;font-size:clamp(2.4rem,5.6vw,6.4rem)}.work-products-intro p{max-width:40rem;color:var(--color-gray-text);margin:2rem 0 0;font-size:1.25rem}.work-product{min-height:100svh;color:var(--color-ink);background-color:#f8fbf8;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.work-product-bg{position:absolute;inset:0}.work-product-wash{pointer-events:none;background-image:radial-gradient(78% 72%,#f8fbf8 0% 42%,#f8fbf8d9 64%,#f8fbf800 94%),linear-gradient(#f8fbf800 50%,#f8fbf8cc 78%,#f8fbf8 100%);position:absolute;inset:0}.work-product-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:2rem;max-width:60rem;padding:0 5vw;display:flex;position:relative}.work-product-inner .work-title a{color:var(--color-ink)}.work-product-inner p{color:var(--color-gray-text);margin:0;font-size:1.35rem;line-height:1.35}.work-view-toggle{z-index:50;-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);color:var(--color-ink);cursor:pointer;mix-blend-mode:normal;background-color:#f0f0f08c;border:1px solid #ffffffa6;border-radius:9999px;align-items:center;gap:.6rem;padding:.9rem 1.4rem;font-size:1rem;display:inline-flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffffbf,0 24px 60px -32px #00000059}.work-view-toggle .dots{gap:3px;transition:transform .6s cubic-bezier(.19,1,.22,1);display:inline-grid}.work-view-toggle[aria-pressed=true] .dots{transform:rotate(90deg)}.work-view-toggle .labels{line-height:1.2;display:grid;position:relative;overflow:hidden}.work-view-toggle .labels span{white-space:nowrap;grid-area:1/1;transition:transform .55s cubic-bezier(.19,1,.22,1),opacity .35s}.work-view-toggle .labels span[data-hidden]{opacity:0;transform:translateY(110%)}.work-view-toggle .dots i{background:currentColor;border-radius:50%;width:3px;height:3px;display:block}.work-list{padding:2rem 5vw 8rem;position:relative}.work-preview{z-index:0;aspect-ratio:16/10;opacity:0;pointer-events:none;background:var(--color-ink);will-change:transform;border-radius:.75rem;width:clamp(220px,20vw,360px);transition:opacity .35s;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 30px 60px -24px #00000073}.work-preview.is-on{opacity:1}.work-preview-layer{position:absolute;inset:0}.work-preview video,.work-preview img{object-fit:cover;width:100%;height:100%;display:block}.work-row{z-index:1;color:inherit;border-bottom:1px solid #02020233;grid-template-columns:4rem 1fr auto;align-items:baseline;gap:2rem;padding:1.6rem 0;text-decoration:none;transition:opacity .3s;display:grid;position:relative}.work-list a.work-row:hover{opacity:.55}.work-row .idx{font-variant-numeric:tabular-nums;color:var(--color-gray-mid)}.work-row .name{letter-spacing:-.04em;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:1}.work-row .cat{color:var(--color-gray-mid);font-size:1.05rem}@media screen and (max-width:767px){.work-intro{min-height:80svh;padding:9rem 5vw 4rem}.work-statement{text-indent:10%}.work-counter,.work-category{bottom:1.5rem}.work-category{max-width:55%;font-size:1rem}.work-row{grid-template-columns:2.5rem 1fr;gap:1rem}.work-row .cat{grid-column:2}.work-view-toggle{bottom:1.25rem}.work-preview{display:none}}