@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.work-header{padding-top:64px;padding-bottom:0;border-bottom:1px solid #1f1f1f}.work-header__inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;padding-top:64px;padding-bottom:48px}@media(max-width:768px){.work-header__inner{grid-template-columns:1fr;gap:32px}}.work-header__left,.work-header__right{display:flex;flex-direction:column;gap:16px}.work-header__label{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f0a533}.work-header--dev .work-header__label{color:#12a3b4}.work-header__title{font-size:4.5rem;font-weight:700;letter-spacing:0;line-height:1;color:#f5f5f5;margin:0}@media(max-width:768px){.work-header__title{font-size:3rem}}.work-header__intro{max-width:58ch;margin:8px 0 0;color:#767676;font-size:clamp(.875rem,1.4vw,1rem);line-height:1.65}.work-header__filters{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:768px){.work-header__filters{justify-content:flex-start}}.wf-btn{padding:6px 16px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#767676;background:transparent;border:1px solid #1f1f1f;border-radius:9999px;cursor:pointer;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;transition:color .15s cubic-bezier(0,0,.2,1),border-color .15s cubic-bezier(0,0,.2,1),background .15s cubic-bezier(0,0,.2,1)}.wf-btn:hover{color:#f5f5f5;border-color:#2a2a2a}.wf-btn.is-active{color:#0a0a0a;background:#f0a533;border-color:#f0a533}.work-header--dev .wf-btn.is-active{color:#f5f5f5;background:#0e6873;border-color:#0e6873}.work-grid-section{padding:48px 0 120px}#projBlocks{display:flex;flex-direction:column;gap:12px}.proj-block--a{display:grid;grid-template-columns:2fr 1fr;gap:12px;height:420px}@media(max-width:768px){.proj-block--a{grid-template-columns:1fr 1fr;height:280px}}@media(max-width:500px){.proj-block--a{grid-template-columns:1fr;height:auto}}.proj-block--b{display:grid;grid-template-columns:1fr;gap:12px;height:300px}@media(max-width:768px){.proj-block--b{height:220px}}@media(max-width:500px){.proj-block--b{height:auto}}.proj-block--c{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:260px}@media(max-width:768px){.proj-block--c{grid-template-columns:repeat(2,1fr);height:auto}.proj-block--c .pcard:nth-child(3){grid-column:1/-1}}@media(max-width:500px){.proj-block--c{grid-template-columns:1fr}}.pcard--flat{aspect-ratio:16/9;height:auto}#projFlat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:768px){#projFlat{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){#projFlat{grid-template-columns:1fr}}.pcard{--accent: #F0A533;position:relative;display:block;overflow:hidden;border-radius:12px;background:#141414;text-decoration:none;cursor:pointer;height:100%}@media(max-width:500px){.pcard{aspect-ratio:16/9;height:auto}}.pcard__thumb{position:absolute;inset:0;background:var(--accent)}.pcard__thumb:after{content:"";position:absolute;inset:0;background:var(--accent);opacity:0;mix-blend-mode:color;pointer-events:none;transition:opacity .4s ease;z-index:1}.pcard__thumb img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;filter:brightness(.86);transform:scale(1);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1),opacity .5s ease}.pcard__thumb img.is-loaded{will-change:opacity,transform,filter}.pcard__preview{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .6s ease;pointer-events:none}.pcard__preview video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1);transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1)}.pcard__preview:after{content:"";position:absolute;inset:0;width:100%;height:100%;background:#0a0a0a7a;z-index:1;transition:background .4s ease,mix-blend-mode .4s ease}.pcard:hover .pcard__preview:after{background:var(--accent);mix-blend-mode:color;opacity:.8}@media(hover:hover){.pcard:hover .pcard__preview video{filter:brightness(.2)}.pcard[data-media-type=image]:hover .pcard__thumb img{filter:brightness(.2)}.pcard[data-media-type=image].pcard--media-visible:hover .pcard__thumb:after{opacity:.8}}.pcard--previewing .pcard__preview{opacity:1}.pcard--previewing .pcard__thumb img{opacity:0}.pcard--media-visible .pcard__thumb img.is-loaded{opacity:1}.pcard--media-visible.pcard--previewing .pcard__thumb img{opacity:0}.pcard__overlay{position:absolute;inset:0;background:linear-gradient(160deg,#0a0a0a00 30%,#0a0a0abf);transition:opacity .4s ease}.pcard__num{position:absolute;top:12px;right:16px;font-size:11px;font-weight:700;letter-spacing:.14em;color:#f5f5f5cc;font-variant-numeric:tabular-nums;line-height:1;transition:color .4s ease;z-index:2}.pcard__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:20px;z-index:2}.pcard__meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.pcard__cat{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f5f5f5}.pcard__title{font-weight:700;color:#f5f5f5;line-height:1.15;letter-spacing:0;margin:0;font-size:clamp(1rem,1.8vw,1.25rem)}.pcard__tags{display:block;margin-bottom:8px;color:#f5f5f5c2;font-size:10px;font-weight:700;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.pcard--hero .pcard__title{font-size:clamp(1.25rem,2.8vw,1.875rem)}.pcard--wide .pcard__title{font-size:clamp(1.125rem,2.2vw,1.5rem)}.pcard:hover .pcard__thumb img{transform:scale(1.06)}.pcard:hover .pcard__preview video{transform:scale(1.05)}.pcard:hover .pcard__num{color:var(--accent)}.pcard:hover .pcard__overlay{opacity:1.2}.pcard:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.16,1,.3,1)}.pcard:hover:after{transform:scaleX(1)}.work-list-section{padding:48px 0 120px}.work-list{list-style:none;margin:0;padding:0;border-top:1px solid #1f1f1f}.proj-row{--accent: #F0A533;border-bottom:1px solid #1f1f1f}.proj-row__link{display:grid;grid-template-columns:40px 1fr auto 24px;align-items:center;gap:24px;padding:20px 0;text-decoration:none;transition:background .15s cubic-bezier(0,0,.2,1)}@media(max-width:640px){.proj-row__link{grid-template-columns:32px 1fr 24px;gap:16px}}.proj-row__num{font-size:.75rem;font-weight:600;letter-spacing:.12em;color:#767676;font-variant-numeric:tabular-nums}.proj-row__title{font-size:clamp(1rem,1.6vw,1.25rem);font-weight:600;color:#f5f5f5;letter-spacing:0;margin:0;transition:color .15s cubic-bezier(0,0,.2,1)}.proj-row__body{display:flex;min-width:0;flex-direction:column;gap:8px}.proj-row__tags{display:block;min-width:0;color:var(--accent);font-size:10px;font-weight:700;line-height:1.35;letter-spacing:.12em;text-transform:uppercase}.proj-row__meta{display:flex;align-items:center;gap:16px}@media(max-width:640px){.proj-row__meta{display:none}}.proj-row__cat{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.proj-row__year{font-size:.75rem;font-weight:500;color:#767676;font-variant-numeric:tabular-nums}.proj-row__arrow{color:#767676;display:flex;align-items:center;transform:translate(0);transition:color .15s cubic-bezier(0,0,.2,1),transform .15s cubic-bezier(0,0,.2,1)}.proj-row:hover .proj-row__title{color:var(--accent)}.proj-row:hover .proj-row__arrow{color:var(--accent);transform:translate(3px,-3px)}