.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}

/* Interactive project video */
.work-card__video,.work-card__external-player{position:absolute;z-index:7;inset:0;width:100%;height:100%;overflow:hidden}.work-card__media>.work-card__number{z-index:9}.work-card__media>.work-card__open{z-index:10;pointer-events:none}.work-card__video video,.work-card__external-player iframe{position:absolute!important;inset:0!important;display:block;width:100%!important;max-width:none!important;height:100%!important;border:0;object-fit:cover}.work-card__play{position:absolute;z-index:2;top:50%;left:50%;display:grid;grid-template-columns:56px auto;align-items:center;gap:14px;padding:8px 20px 8px 8px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:rgba(5,5,6,.76);color:#fff;font:800 .65rem/1 var(--rf-body);letter-spacing:.11em;text-transform:uppercase;transform:translate(-50%,-50%);cursor:pointer;backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.36);transition:opacity .3s ease,transform .45s var(--rf-ease-out),border-color .3s ease,background .3s ease}.work-card__play:hover,.work-card__play:focus-visible{border-color:var(--rf-accent);background:color-mix(in srgb,var(--rf-accent) 18%,rgba(5,5,6,.82));transform:translate(-50%,-50%) scale(1.04)}.work-card__play-icon{grid-row:1;grid-column:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:#08080a;font-size:15px}.work-card__play-icon--pause{display:none}.work-card__play-label{grid-column:2}.work-card__video.is-playing .work-card__play{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.92)}.work-card__video.is-playing:hover .work-card__play,.work-card__video.is-playing .work-card__play:focus-visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.work-card__video.is-playing .work-card__play-icon--play{display:none}.work-card__video.is-playing .work-card__play-icon--pause{display:grid}.work-card__video.is-playing .work-card__play-label{font-size:0}.work-card__video.is-playing .work-card__play-label::after{content:"Pause";font-size:.65rem}

/* Photography mini gallery */
.work-gallery,.work-gallery__slides,.work-gallery__slide{position:absolute;inset:0}.work-gallery__slide[hidden]{display:none}.work-gallery__slide{isolation:isolate;overflow:hidden;background:#09090c;animation:work-gallery-in .48s ease both}.work-gallery__slide::before{content:"";position:absolute;z-index:-1;inset:-7%;background-image:linear-gradient(rgba(5,5,6,.28),rgba(5,5,6,.28)),var(--work-gallery-image);background-position:center;background-size:cover;filter:blur(24px) saturate(.8);transform:scale(1.08);opacity:.72}.work-gallery__slide .media-cover{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;background:transparent}.work-card:hover .work-gallery__slide .media-cover{transform:none;filter:none}.work-gallery__thumbs{position:absolute;z-index:8;right:18px;bottom:18px;display:flex;max-width:calc(100% - 36px);gap:8px;overflow-x:auto;padding:7px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(5,5,6,.72);backdrop-filter:blur(16px);box-shadow:0 14px 38px rgba(0,0,0,.3);scrollbar-width:none}.work-gallery__thumbs::-webkit-scrollbar{display:none}.work-gallery__thumb{width:clamp(44px,5vw,64px);flex:none;aspect-ratio:1;border:1px solid transparent;border-radius:10px;overflow:hidden;padding:0;background:#111;opacity:.58;cursor:pointer;transition:opacity .25s ease,border-color .25s ease,transform .3s var(--rf-ease-out)}.work-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.work-gallery__thumb:hover,.work-gallery__thumb:focus-visible,.work-gallery__thumb.is-active{opacity:1;border-color:var(--rf-accent);transform:translateY(-2px)}@keyframes work-gallery-in{from{opacity:0;transform:scale(1.018)}to{opacity:1;transform:none}}

@media(max-width:749px){.work-card__play{grid-template-columns:48px auto;padding:6px 16px 6px 6px}.work-card__play-icon{width:48px;height:48px}.work-gallery__thumbs{right:12px;bottom:12px}.work-gallery__thumb{width:46px}}
@media(hover:none){.work-card__video.is-playing .work-card__play{opacity:.72;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}}
@media(prefers-reduced-motion:reduce){.work-card__play,.work-gallery__thumb{transition:none!important}.work-gallery__slide{animation:none}}