/* The reference's quiet frames, oversized heading and title-only hover shift. */
.featured-work{--fw-ink:#101116;--fw-muted:#393a42;position:relative;z-index:4;background:#eeedf5;color:var(--fw-ink);padding:90px max(24px,5vw) 130px;font-family:Arial,Helvetica,sans-serif;scroll-margin-top:0}
.fw-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;max-width:1800px;margin:0 auto 72px}.fw-heading h2{font:400 clamp(64px,7.8vw,154px)/1.01 Arial,Helvetica,sans-serif;letter-spacing:-.06em;margin:0;max-width:78%;text-wrap:balance}.fw-intro{font-size:14px;line-height:1.5;text-transform:uppercase;max-width:260px;margin:0 0 5px}.fw-eyebrow{font-size:14px;letter-spacing:.1em;color:#c6b589;margin:0 0 24px}
.fw-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(22px,2.15vw,44px);row-gap:84px;max-width:1800px;margin:auto}.fw-card{min-width:0}.fw-link{display:block;position:relative;color:inherit;text-decoration:none;outline-offset:9px!important}.fw-link:focus-visible{outline:2px solid #343a53;border-radius:3px}
.fw-shape{transform:perspective(1600px) rotateX(var(--fw-pitch,0deg));transform-origin:center}.fw-reveal{border-radius:clamp(13px,1.1vw,22px);overflow:hidden;isolation:isolate}.fw-frame{position:relative;aspect-ratio:1.54;overflow:hidden;background:var(--fw-surface,#283124)}.fw-pan{position:absolute;inset:-3%;transform:translateY(var(--fw-pan,0%))}
.fw-media,.fw-media picture{position:relative;display:block;width:100%;height:100%;overflow:hidden}.fw-media{background:var(--fw-surface,#283124)}.fw-image{width:100%;height:100%;display:block;object-fit:cover;object-position:var(--cover-position,50% 50%);transform:scale(var(--fw-zoom,1)) translate(var(--fw-hover-x,0%),var(--fw-hover-y,0%));filter:blur(var(--fw-blur,0px));color:transparent}.fw-hover-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}.fw-media-error{position:absolute;left:24px;bottom:24px;color:#fff;font-size:14px;padding:10px 14px;background:#090e0bcf}.fw-media-error[hidden]{display:none}.fw-media.is-missing .fw-image{visibility:hidden}.fw-preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--cover-position,50% 50%);pointer-events:none;transition:opacity .3s}
.fw-meta{margin:22px 0 12px;font-size:14px;line-height:1.45;color:var(--fw-muted);text-transform:uppercase}.fw-card h3{font:400 clamp(28px,3.1vw,58px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:0;display:flex;align-items:baseline;overflow-wrap:anywhere;min-width:0}.fw-card h3>span:last-child{min-width:0}.fw-arrow{display:inline-block;flex:none;width:0;opacity:0;overflow:hidden;transform:translateX(-16px);transition:width .48s cubic-bezier(.22,.61,.36,1),opacity .3s,transform .48s;color:inherit}.fw-link:focus-visible .fw-arrow{width:1.25em;opacity:1;transform:none}.fw-link:focus-visible .fw-image{transform:scale(1.012)}
@media(hover:hover) and (pointer:fine){.fw-link:hover .fw-arrow{width:1.25em;opacity:1;transform:none}.fw-link:hover .fw-frame{cursor:pointer}}
@media(max-width:1100px){.fw-heading{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:54px}.fw-heading h2{max-width:100%}.fw-intro{max-width:none}.fw-card h3{font-size:34px}.fw-meta{font-size:13px}}
@media(max-width:767px){.featured-work{padding:72px 24px 88px}.fw-heading{gap:20px;margin-bottom:36px}.fw-heading h2{font-size:clamp(48px,12vw,84px);max-width:540px}.fw-intro{font-size:13px}.fw-grid{grid-template-columns:minmax(0,1fr);gap:48px}.fw-frame{aspect-ratio:9/16}.fw-meta{margin-top:18px}.fw-card h3{font-size:32px}.fw-image,.fw-preview-video{object-position:var(--cover-mobile,var(--cover-position,50% 50%))}.fw-shape{transform:none}.fw-pan{inset:-2%}.fw-hover-canvas{display:none}}
.fw-open{overflow:hidden}.featured-dialog{position:fixed!important;inset:0!important;margin:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow:auto;padding:30px max(24px,5vw) 90px!important;background:#090e0b!important;color:#eeeee5;border:0;overscroll-behavior:contain}.featured-dialog::backdrop{background:#090e0b}.fw-case-back{display:inline-flex;align-items:center;min-height:46px;padding:10px 0;border-bottom:1px solid #c6b58977;font-size:14px;color:#d1d7c8;background:none}.fw-case{max-width:1400px;margin:64px auto 0}.fw-case-heading{max-width:1100px;margin-bottom:40px}.fw-case-heading :is(h1,h2){font:400 clamp(48px,7vw,110px)/1.04 Arial,Helvetica,sans-serif;letter-spacing:-.05em;overflow-wrap:anywhere;margin:0 0 20px}.fw-case-status{font-size:14px;line-height:1.5;color:var(--fw-accent);margin:0}.fw-case-cover{aspect-ratio:1.85;border-radius:18px;overflow:hidden;background:var(--fw-surface)}.fw-case-cover .fw-media{height:100%}.fw-case-cover .fw-image{transform:none}.fw-case-details{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid #ffffff28;margin-top:64px;padding-top:32px}.fw-case-details h3{font-size:16px;font-weight:400;color:#c6b589;margin:0 0 20px}.fw-case-details p{font-size:18px;line-height:1.65;max-width:560px;margin:0;color:#b6c0af}.fw-detail-page main{padding:30px max(24px,5vw) 90px}.fw-detail-page .fw-case-heading :is(h1,h2){font-size:clamp(48px,7vw,110px)}.fw-legacy-cover{aspect-ratio:1.85;display:grid;place-items:center;background:var(--fw-surface);color:var(--fw-accent);font:400 clamp(36px,8vw,100px)/1.1 Georgia,serif}
@media(max-width:767px){.fw-case{margin-top:46px}.fw-case-heading :is(h1,h2){font-size:48px}.fw-case-cover{aspect-ratio:9/16;border-radius:14px}.fw-case-details{grid-template-columns:1fr;gap:32px;margin-top:40px}.fw-case-details p{font-size:16px}}
::view-transition-group(project-cover){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,.61,.36,1)}::view-transition-old(project-cover),::view-transition-new(project-cover){height:100%;object-fit:cover;mix-blend-mode:normal}::view-transition-group(root){animation-duration:.3s}
@media(prefers-reduced-motion:reduce){.featured-work .fw-shape,.featured-work .fw-pan,.featured-work .fw-image{transform:none!important}.featured-work .fw-reveal{clip-path:none!important}.featured-work *{animation:none!important;transition:none!important}::view-transition-group(*){animation-duration:0s!important}}

body:has(.featured-work) .no-script{position:relative;inset:auto;margin:0;padding:20px 24px;font-size:16px}