.work-section{position:relative;background:transparent;padding:64px 1.09vw 120px;pointer-events:auto;overflow:clip;scroll-margin-top:85px}.work-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:4vw;position:relative}.work-row--single{justify-content:flex-start;padding-left:10vw}.work-card{position:relative;padding-top:1vw;display:flex;flex-direction:column;gap:.7vw;min-width:0;transform:translate3d(0,var(--card-shift,0px),0);will-change:transform}.work-card--small{width:26.7vw}.work-card--big{width:55vw}.work-card--single{width:56vw}.work-card-header{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:18px;color:#a3a49e}.work-media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;position:relative;overflow:hidden;background:#121413}.work-card--single .work-media{aspect-ratio:1.65}.work-cover-image{position:absolute;width:100%;height:130%;max-width:none;top:-15%;left:0;object-fit:cover;transform:translate3d(0,var(--cover-shift,0px),0);filter:blur(0);transition:filter 1s cubic-bezier(.87,0,.13,1);will-change:transform;pointer-events:none}.work-card.is-previewing .work-cover-image{filter:blur(40px)}.work-card-meta{display:none}.work-hover-info{position:fixed;left:var(--gutter);right:var(--gutter);bottom:28px;z-index:12;display:flex;justify-content:space-between;align-items:end;gap:40px;pointer-events:none;opacity:0;transition:opacity .2s;mix-blend-mode:difference;color:var(--paper)}.work-hover-info.is-visible{opacity:1}.work-hover-title{max-width:34%;font-family:SuisseBPIntl,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;letter-spacing:-.02em}.work-hover-description{max-width:380px;font-family:SuisseBPIntl,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.4;letter-spacing:-.02em;margin:0}.work-hover-info.is-changing>span,.work-hover-info.is-changing>p{animation:work-text-reveal .4s cubic-bezier(.16,1,.3,1) both}@keyframes work-text-reveal{from{opacity:0;transform:translateY(8px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.work-credit{padding:32px 0 0;color:#a3a49e;line-height:1.8;position:relative}.work-credit a{border-bottom:1px solid #a3a49e66}.work-card-header button:focus-visible,.work-media:focus-visible{outline:2px solid var(--paper);outline-offset:5px}

@media(max-width:991px){.work-section{padding:48px var(--gutter) 90px}.work-row{flex-direction:column;align-items:stretch;gap:70px;margin-bottom:70px}.work-row--single{padding-left:0}.work-card,.work-card--small,.work-card--big,.work-card--single{width:100%;padding:0;gap:12px;transform:none!important;will-change:auto}.work-media,.work-card--single .work-media{aspect-ratio:1}.work-cover-image{transform:none!important;will-change:auto}.work-card-meta{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.work-card-meta h3{font-size:20px;line-height:1.2;letter-spacing:-.02em;font-weight:400;margin:4px 0 0}.work-card-meta p{font-size:16px;line-height:1.4;letter-spacing:-.02em;margin:0;max-width:580px}.work-card-meta .work-case-link{display:inline-flex;gap:9px;font-size:10px;line-height:1.8;letter-spacing:-.02em;text-transform:uppercase;font-family:Sometype,Helvetica,Arial,sans-serif;border-bottom:1px solid #f9f4eb33;padding-bottom:4px;margin-top:5px}.work-hover-info{display:none}.work-credit{padding-top:0;font-size:9px}}
@media(pointer:coarse){.work-case-link{min-height:44px;align-items:center}}
@media(prefers-reduced-motion:reduce){.work-card,.work-cover-image{transform:none!important;will-change:auto}.work-hover-info.is-changing>*{animation:none}}

.work-card-number{font-family:Sometype,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.8;letter-spacing:-.02em;text-transform:uppercase}.work-hover-image{z-index:1;filter:none;transition:none}.work-hover-image[hidden]{display:none}

/* Preserve project compositions instead of magnifying them for cover parallax. */
.work-cover-image{height:100%;top:0;transform:none!important;will-change:auto}.work-card[data-work-slug="enchoice"] .work-cover-image{object-fit:contain}

.work-section-label{margin:0 calc(var(--gutter) - 1.09vw) 64px 0;text-align:right;color:var(--paper);font-family:Sometype,Helvetica,Arial,sans-serif;font-size:10px;font-weight:400;line-height:1.8;letter-spacing:-.02em;text-transform:uppercase}@media(max-width:991px){.work-section-label{margin:0 0 40px}}

/* Trim baked-in edge borders and corner rounding from project previews. */
.work-media{border-radius:0}.work-media .work-cover-image,.work-media video{position:absolute;width:106%;height:106%;max-width:none;left:-3%;top:-3%;border-radius:0;transform:none!important}

/* Sequential project labels travel with their corresponding image. */
.work-card-header{align-items:flex-start;width:100%}.work-card-number{flex-shrink:0}.work-card-client{min-width:0;max-width:85%;margin-left:auto;text-align:right;font-family:Sometype,Helvetica,Arial,sans-serif;font-size:10px;font-weight:500;line-height:1.8;letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:break-word}

/* The picture pans independently inside its fixed crop; all hover frames share the same offset. */
@media(min-width:992px) and (prefers-reduced-motion:no-preference){
 .work-card{--image-height:126%;--image-top:-13%}.work-card--small{--image-height:136%;--image-top:-18%}.work-card--single{--image-height:132%;--image-top:-16%}
 .work-media .work-cover-image,.work-media video{height:var(--image-height);top:var(--image-top);transform:translate3d(0,var(--cover-shift,0px),0)!important;will-change:transform}
}

.work-section{padding-top:24px}.work-section-label{margin-bottom:40px}
/* Full-width continuation into the complete portfolio. */
.view-all-work{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:100px calc(var(--gutter) - 1.09vw) 0;padding:28px 0;border-top:1px solid #f9f4eb55;border-bottom:1px solid #f9f4eb22;font-family:SuisseBPIntl,Helvetica,Arial,sans-serif;font-size:clamp(32px,3.5vw,64px);font-weight:700;line-height:1;letter-spacing:-.035em}.view-all-count{white-space:nowrap}.view-all-arrow{display:block;flex-shrink:0;transition:transform .25s}.view-all-work:hover .view-all-arrow{transform:translateX(8px)}.view-all-work:hover{color:var(--paper)}
@media(max-width:991px){.view-all-work{margin:40px 0 0;padding:24px 0}}
@media(prefers-reduced-motion:reduce){.view-all-arrow{transition:none}}

/* Reference-style archive row, retaining the portfolio's dark grain surface. */
.view-all-work{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--grid-gap);border-bottom:0;color:var(--paper)}.view-all-count{grid-column:1/span 2}.view-all-label{grid-column:3/span 9}.view-all-arrow{grid-column:12;justify-self:end}
@media(max-width:639px){.view-all-work{grid-template-columns:auto 1fr auto;gap:20px;font-size:clamp(26px,6.7vw,34px)}.view-all-count{grid-column:1}.view-all-label{grid-column:2}.view-all-arrow{grid-column:3}}

/* Give the U&I identity room to read within the square presentation. */
.work-card[data-work-slug="ui-entertainment"] .work-media .work-cover-image{height:106%;top:-3%;transform:none!important;will-change:auto}

/* Finish a standalone last project with a smaller square on the right. */
.work-row--ending{justify-content:flex-end}

/* Scale the floating editorial project frames down by 30%. */
@media(min-width:992px){
 .work-card--small{width:18.69vw}
 .work-card--big{width:38.5vw}
 .work-card--single{width:39.2vw}
}