@layer projects{.work-index-page{--work-gutter: clamp(1.25rem, 4vw, 5rem);--work-line: rgba(18, 19, 23, .12);background:var(--theme-surface-surface);color:var(--theme-surface-on-surface)}.work-index-page main{overflow:clip}.work-index-page .header-wrapper nav a[aria-current=page]:after{transform:scaleX(1)}.work-index-hero{position:relative;min-height:78dvh;padding:clamp(8rem,14vw,12rem) var(--work-gutter) clamp(3rem,7vw,6rem);display:grid;grid-template-rows:1fr auto;gap:clamp(2rem,5vw,4rem);border-bottom:1px solid var(--work-line)}.work-index-list-heading,.work-columns{display:grid;align-items:center;color:var(--theme-surface-on-surface-variant);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.work-index-hero-main{align-self:end;min-height:clamp(31rem,57vh,47rem);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(17rem,.92fr);grid-template-rows:minmax(0,1fr) auto;align-items:center;column-gap:clamp(3rem,8vw,10rem);row-gap:clamp(2.75rem,5vw,5rem)}.work-index-hero h1{grid-column:1;grid-row:1;align-self:center;margin:0;max-width:8ch;font-size:clamp(5rem,14vw,13.5rem);font-weight:330;line-height:.72;letter-spacing:-.085em}.work-index-hero h1 span{color:var(--theme-surface-on-surface-variant)}.work-index-brand{grid-column:2;grid-row:1;justify-self:start;align-self:center;width:min(100%,clamp(18rem,29vw,32rem));aspect-ratio:1;display:grid;place-items:center;margin-left:clamp(-5rem,-4vw,-2rem);pointer-events:none;opacity:0;transform:translate3d(0,1.1rem,0) scale(.985);animation:workBrandEnter .8s var(--ease-out-expo) .18s forwards;will-change:transform,opacity}.work-index-brand-mark{width:100%;height:100%;overflow:visible}.work-index-brand-segment{fill:none;stroke:#000;stroke-width:30;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:1;will-change:stroke-dashoffset}.work-index-brand-segment--left{animation:workBrandSegmentIn 1.08s cubic-bezier(.76,0,.24,1) .3s forwards}.work-index-brand-segment--right{animation:workBrandSegmentIn 1.08s cubic-bezier(.76,0,.24,1) 455ms forwards}.work-index-brand-segment--base{animation:workBrandSegmentIn .82s cubic-bezier(.76,0,.24,1) .72s forwards}.work-index-intro{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,34rem) auto;justify-content:space-between;align-items:end;gap:2rem}.work-index-intro>p{margin:0;max-width:48ch;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55}.work-index-count{display:flex;align-items:flex-end;gap:.8rem}.work-index-count strong{font-size:clamp(2.8rem,5vw,5rem);font-weight:350;line-height:.8;letter-spacing:-.07em}.work-index-count span{color:var(--theme-surface-on-surface-variant);font-size:.72rem;line-height:1.25;letter-spacing:.08em;text-transform:uppercase}@keyframes workBrandEnter{to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes workBrandSegmentIn{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}.work-index-list-section{position:relative;min-height:auto;padding:clamp(5rem,8vw,8rem) var(--work-gutter) clamp(7rem,12vw,12rem)}.work-index-list-heading{grid-template-columns:1fr auto;gap:2rem;margin-bottom:clamp(2.5rem,4vw,4rem)}.work-index-list-heading p{margin:0;color:inherit}.work-list{position:relative;border-top:1px solid var(--work-line)}.work-columns{grid-template-columns:5.5rem minmax(0,1.2fr) minmax(14rem,.8fr) 4rem;gap:clamp(1rem,2vw,2rem);padding:.9rem 3.5rem .9rem 0;border-bottom:1px solid var(--work-line)}.work-columns span:last-child{text-align:right}.work-row{position:relative;isolation:isolate;display:grid;grid-template-columns:5.5rem minmax(0,1.2fr) minmax(14rem,.8fr) 4rem;align-items:center;gap:clamp(1rem,2vw,2rem);min-height:clamp(7.5rem,10vw,10.75rem);padding-right:3.5rem;border-bottom:1px solid var(--work-line);color:inherit;text-decoration:none;transition:opacity .26s var(--ease-out-cubic),padding-left .46s var(--ease-out-expo)}.work-row:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--theme-surface-on-surface);transform:scaleY(0);transform-origin:bottom;transition:transform .43s var(--ease-out-expo)}.work-row-number,.work-row-discipline,.work-row-year{position:relative;z-index:1;color:var(--theme-surface-on-surface-variant);transition:color .28s var(--ease-out-cubic)}.work-row-number,.work-row-year{font-size:.78rem;letter-spacing:.08em}.work-row-title{position:relative;z-index:1;min-width:0;font-size:clamp(2.2rem,4.8vw,5.75rem);font-weight:350;line-height:.92;letter-spacing:-.055em;white-space:nowrap;transition:color .28s var(--ease-out-cubic),transform .48s var(--ease-out-expo),letter-spacing .48s var(--ease-out-expo)}.work-row-discipline{max-width:26ch;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.35}.work-row-year{text-align:right}.work-row-arrow{position:absolute;right:0;top:50%;z-index:1;color:var(--theme-primary-on-primary);font-size:1.45rem;opacity:0;transform:translate(-.8rem,calc(-50% + .8rem));transition:opacity .28s var(--ease-out-cubic),transform .42s var(--ease-out-expo)}.work-row-thumb{display:none}.work-preview{--preview-x: 60vw;--preview-y: 50vh;--preview-rotate: 0deg;position:fixed;left:0;top:0;z-index:70;width:clamp(25rem,34vw,39rem);pointer-events:none;opacity:0;transform:translate3d(var(--preview-x),var(--preview-y),0) translate(-50%,-50%) rotate(var(--preview-rotate)) scale(.94);transform-origin:center;transition:opacity .18s var(--ease-out-cubic),transform .32s var(--ease-out-expo);will-change:transform,opacity}.work-preview.is-visible{opacity:1;transform:translate3d(var(--preview-x),var(--preview-y),0) translate(-50%,-50%) rotate(var(--preview-rotate)) scale(1)}.work-preview-media{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid rgba(230,234,240,.16);border-radius:clamp(1rem,2vw,1.8rem);background:var(--palette-grey-1100)}.work-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.035);transition:opacity .26s var(--ease-out-cubic),transform .7s var(--ease-out-expo)}.work-preview-image.is-active{opacity:1;transform:scale(1)}.work-preview-meta{display:grid;grid-template-columns:2.8rem auto 1fr;align-items:center;gap:.8rem;padding-top:.8rem;color:var(--theme-surface-on-surface);font-size:.72rem;line-height:1.2}.work-preview-meta span:first-child,.work-preview-meta span:last-child{color:var(--theme-surface-on-surface-variant)}.work-preview-meta span:last-child{justify-self:end;text-align:right}.work-stage-number{position:fixed;right:clamp(1rem,2vw,2rem);bottom:clamp(1rem,2vw,2rem);z-index:2;color:#12131709;font-size:clamp(10rem,20vw,22rem);font-weight:320;line-height:.65;letter-spacing:-.1em;pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out-cubic)}.work-stage-number.is-visible{opacity:1}.work-index-outro{display:grid;grid-template-columns:.8fr minmax(0,1.3fr) auto;gap:clamp(2rem,6vw,7rem);align-items:start;padding-top:clamp(5rem,8vw,8rem)}.work-index-outro .section-label,.work-index-outro-copy{margin:0}.work-index-outro-copy{max-width:42rem;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.35;letter-spacing:-.02em}.work-index-outro>span{font-size:clamp(2.6rem,5vw,5.4rem);font-weight:340;line-height:.9;letter-spacing:-.07em;white-space:nowrap}@media(hover:hover)and (pointer:fine){.work-list:has(.work-row:hover) .work-row:not(:hover){opacity:.25}.work-row:hover,.work-row:focus-visible{padding-left:1.25rem;color:var(--theme-primary-on-primary);outline:none}.work-row:hover:before,.work-row:focus-visible:before{transform:scaleY(1);transform-origin:top}.work-row:hover .work-row-title,.work-row:focus-visible .work-row-title{color:var(--theme-primary-on-primary);letter-spacing:-.07em;transform:translate(.25rem)}.work-row:hover .work-row-number,.work-row:hover .work-row-discipline,.work-row:hover .work-row-year,.work-row:focus-visible .work-row-number,.work-row:focus-visible .work-row-discipline,.work-row:focus-visible .work-row-year{color:#ffffff94}.work-row:hover .work-row-arrow,.work-row:focus-visible .work-row-arrow{opacity:1;transform:translateY(-50%)}}@media(max-width:980px),(hover:none){.work-index-hero{min-height:70dvh}.work-index-hero-main{min-height:clamp(28rem,52vh,40rem);grid-template-columns:minmax(0,1fr) minmax(14rem,.72fr);column-gap:clamp(2rem,5vw,4rem)}.work-index-brand{width:min(100%,clamp(14rem,31vw,23rem));margin-left:clamp(-2.75rem,-3vw,-1rem)}.work-columns{display:none}.work-row{grid-template-columns:3rem minmax(0,1fr) auto;min-height:0;padding:1.4rem 0}.work-row-title{font-size:clamp(2.1rem,8vw,4.4rem);white-space:normal}.work-row-discipline{grid-column:2 / 3;margin-top:-.4rem;font-size:.82rem}.work-row-year{grid-column:3;grid-row:1;align-self:start;padding-top:.5rem}.work-row-arrow{display:none}.work-row-thumb{display:block;grid-column:2 / -1;position:relative;overflow:hidden;aspect-ratio:16 / 9;margin-top:1.1rem;border-radius:1rem;background:var(--theme-surface-surface-container)}.work-row-thumb img{width:100%;height:100%;object-fit:cover;display:block}.work-preview,.work-stage-number{display:none}.work-index-outro{grid-template-columns:1fr auto}.work-index-outro-copy{grid-column:1 / -1;grid-row:2}}@media(max-width:640px){.work-index-hero{min-height:auto;padding-top:7.25rem}.work-index-hero-main{min-height:0;grid-template-columns:1fr;grid-template-rows:auto auto auto;row-gap:1.75rem}.work-index-hero h1{grid-column:1;grid-row:1;font-size:clamp(4.2rem,24vw,7.2rem);line-height:.77}.work-index-brand{grid-column:1;grid-row:2;justify-self:center;align-self:center;width:clamp(8.5rem,34vw,11rem);margin:.5rem auto 1.25rem}.work-index-intro{grid-column:1;grid-row:3;grid-template-columns:1fr;align-items:start}.work-index-count{justify-self:start}.work-index-list-heading{grid-template-columns:1fr;gap:.6rem}.work-index-list-heading p:last-child{max-width:30ch;line-height:1.5}.work-row{grid-template-columns:2.4rem minmax(0,1fr) auto;gap:.75rem}.work-row-number{padding-top:.35rem;align-self:start}.work-row-title{font-size:clamp(2rem,13vw,3.65rem)}.work-row-thumb{grid-column:1 / -1;margin-top:.75rem;border-radius:.85rem}.work-index-outro{gap:1.5rem}}@media(prefers-reduced-motion:reduce){.work-preview,.work-preview-image,.work-row,.work-row:before,.work-row-title,.work-row-arrow{transition:none}.work-index-brand{opacity:1;transform:none;animation:none}.work-index-brand-segment{stroke-dashoffset:0;animation:none}}}