.work-portfolio{padding:clamp(110px,14vw,210px) 0 var(--rf-section-space);overflow:hidden}.work-intro{border-bottom:1px solid var(--rf-border)}.work-intro__top{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.55fr);align-items:end;gap:clamp(50px,9vw,150px);padding-bottom:clamp(48px,7vw,90px)}.work-intro__title{max-width:1050px;margin-top:24px;white-space:pre-line;font-size:clamp(4rem,9.3vw,9rem);line-height:.83;letter-spacing:-.075em;text-wrap:balance}.work-intro__aside{padding-bottom:.5rem}.work-intro__aside .rte{color:var(--rf-muted);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.7}.work-intro__aside .link-arrow{margin-top:30px}.work-intro__rail{display:grid;grid-template-columns:1fr 1fr 1fr;padding:18px 0;color:var(--rf-muted);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.work-intro__rail span:nth-child(2){text-align:center}.work-intro__rail span:last-child{text-align:right}.work-filters{display:flex;align-items:center;gap:10px;margin:clamp(45px,6vw,76px) 0 32px;overflow-x:auto;scrollbar-width:none}.work-filters::-webkit-scrollbar{display:none}.work-filter{flex:none;border:1px solid var(--rf-border);border-radius:99px;padding:11px 17px;background:transparent;color:var(--rf-muted);font:700 .65rem/1 var(--rf-body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .25s ease,border-color .25s ease,background .25s ease,transform .3s var(--rf-ease-out)}.work-filter:hover{color:#fff;border-color:rgba(255,255,255,.34);transform:translateY(-2px)}.work-filter.is-active{color:#fff;border-color:var(--rf-accent);background:color-mix(in srgb,var(--rf-accent) 18%,transparent)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,5vw,80px) clamp(20px,2.6vw,42px)}.work-card{position:relative;min-width:0;transition:opacity .35s ease,transform .55s var(--rf-ease-out)}.work-card--featured{grid-column:1/-1}.work-card[hidden]{display:none}.work-card__link{position:absolute;z-index:5;inset:0}.work-card__media{position:relative;isolation:isolate;aspect-ratio:4/5;overflow:hidden;border-radius:var(--rf-radius);background:#0e0e12}.work-card--featured .work-card__media{aspect-ratio:16/8}.work-card__media .media-cover{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--rf-ease-out),filter .7s ease}.work-card:hover .work-card__media .media-cover{transform:scale(1.04);filter:saturate(1.08)}.work-card__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 30%,rgba(0,0,0,.16));pointer-events:none}.work-card__number{position:absolute;z-index:2;top:20px;left:20px;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:99px;background:rgba(0,0,0,.22);backdrop-filter:blur(12px);font-size:.65rem;letter-spacing:.08em}.work-card__open{position:absolute;z-index:6;right:20px;top:20px;display:grid;place-items:center;width:46px;height:46px;border-radius:99px;background:#fff;color:#09090b;transform:scale(.86) rotate(-8deg);opacity:0;transition:opacity .35s ease,transform .5s var(--rf-ease-out)}.work-card__open .rf-icon{font-size:15px}.work-card:hover .work-card__open{opacity:1;transform:none}.work-card__placeholder{position:relative;height:100%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 75% 18%,rgba(101,74,255,.6),transparent 28%),linear-gradient(135deg,#171721,#070708 68%)}.work-card__placeholder::before{content:"";position:absolute;width:55%;aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 80px rgba(101,74,255,.2);transform:rotate(20deg)}.work-card__placeholder--1{background:radial-gradient(circle at 25% 70%,rgba(230,80,45,.46),transparent 34%),linear-gradient(145deg,#18100e,#070708 70%)}.work-card__placeholder--2{background:radial-gradient(circle at 68% 32%,rgba(30,150,140,.42),transparent 30%),linear-gradient(145deg,#0b1717,#070708 70%)}.work-card__placeholder--3{background:radial-gradient(circle at 35% 35%,rgba(167,110,255,.48),transparent 32%),linear-gradient(145deg,#161021,#070708 70%)}.work-card__placeholder span{position:relative;z-index:1;color:rgba(255,255,255,.12);font:700 clamp(3rem,8vw,8rem)/.8 var(--rf-heading);letter-spacing:-.08em;text-align:center;text-transform:uppercase}.work-card__body{padding:22px 2px 0}.work-card__meta,.work-card__footer{display:flex;justify-content:space-between;gap:20px;color:var(--rf-muted);font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.work-card__title{max-width:900px;margin-top:12px;font-size:clamp(1.7rem,3.25vw,3.6rem);line-height:.98;letter-spacing:-.05em}.work-card__description{max-width:660px;margin-top:16px;color:var(--rf-muted);line-height:1.65}.work-card__footer{align-items:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid var(--rf-border)}.work-card__footer strong{color:var(--rf-text);font-weight:700;text-align:right}.work-no-results,.work-empty{grid-column:1/-1;padding:60px;text-align:center;color:var(--rf-muted)}
@media(max-width:989px){.work-intro__top{grid-template-columns:1fr;gap:36px}.work-intro__title{font-size:clamp(4rem,13vw,7rem)}.work-intro__aside{max-width:600px}.work-grid{gap:45px 20px}.work-card--featured .work-card__media{aspect-ratio:4/3}}
@media(max-width:749px){.work-portfolio{padding-top:90px}.work-intro__title{font-size:clamp(3.4rem,17vw,5.8rem);line-height:.86}.work-intro__rail{grid-template-columns:1fr auto;row-gap:10px}.work-intro__rail span:nth-child(2){text-align:right}.work-intro__rail span:last-child{grid-column:1/-1;text-align:left}.work-filters{margin-top:38px}.work-grid{grid-template-columns:1fr}.work-card--featured{grid-column:auto}.work-card__media,.work-card--featured .work-card__media{aspect-ratio:4/5}.work-card__open{opacity:1;transform:none;width:42px;height:42px}.work-card__description{font-size:.92rem}.work-card__footer{align-items:flex-start}.work-card__footer span{max-width:65%}}
@media(prefers-reduced-motion:reduce){.work-card,.work-card__media .media-cover,.work-card__open,.work-filter{transition:none!important;transform:none!important}}

/* Shopify project title typography */
.work-card__title{font-size:clamp(calc(var(--work-card-title-size,58px)*.47),3.25vw,var(--work-card-title-size,58px));font-weight:var(--work-card-title-weight,700)}

/* Optional hero background media */
.work-intro{position:relative;isolation:isolate}.work-intro__background{position:absolute;z-index:-2;top:calc(-1 * clamp(110px,14vw,210px));bottom:0;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;background:var(--rf-bg-soft)}.work-intro__background .media-cover{width:100%;height:100%;object-fit:cover}.work-external-video{width:100%;height:100%;border:0}.work-card__media>.work-external-video{position:absolute;inset:0}.work-intro__tint{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.3),transparent 58%),var(--work-tint,#050506);opacity:var(--work-tint-opacity,.65);pointer-events:none}.work-intro__top,.work-intro__rail{position:relative;z-index:1}.work-intro__title{text-shadow:0 5px 38px rgba(0,0,0,.34)}.work-intro:has(.work-intro__background){border-bottom-color:rgba(255,255,255,.22)}.work-intro:has(.work-intro__background) .work-intro__aside .rte,.work-intro:has(.work-intro__background) .work-intro__rail{color:#c7c7cf}