.work-header{padding:10rem 0 4rem;text-align:center}.work-header__title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--charcoal);margin:0 0 1rem}.work-header__title em{font-family:var(--font-serif);font-style:italic;font-weight:400}.work-header__sub{font-size:1.125rem;color:var(--charcoal);opacity:.6;max-width:480px;margin:0 auto;line-height:1.6}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:0;max-width:var(--max-width);margin:0 auto 8rem}.case-card{display:block;position:relative;text-decoration:none;color:inherit;overflow:hidden;border-radius:var(--radius-xl);background:#2d20350a;opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.case-card.is-visible{opacity:1;transform:translateY(0)}.case-card__img{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block;transform:scale(1.08);transition:transform .7s cubic-bezier(.16,1,.3,1);will-change:transform}.case-card:hover .case-card__img{transform:scale(1.14)}.case-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:1.25rem;background:linear-gradient(to top,#0000008c,#0000);display:flex;flex-direction:column;gap:.125rem}.case-card__title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:#fff;margin:0}.case-card__label{font-family:var(--font-body);font-size:.6875rem;font-weight:500;text-transform:capitalize;color:#fff9;letter-spacing:.02em}@media(max-width:768px){.cases-grid{grid-template-columns:repeat(2,1fr);gap:1rem;padding:0 1.5rem}.work-header{padding:8rem 0 3rem}}@media(max-width:480px){.cases-grid{grid-template-columns:1fr;padding:0 1rem}}@media(prefers-reduced-motion:reduce){.case-card{opacity:1;transform:none;transition:none}.case-card__img{transform:none;transition:none}}.project-header{padding:10rem 0 0;max-width:var(--max-width);margin:0 auto}.project-bento{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;margin-bottom:4rem}.project-bento__hero{border-radius:var(--radius-xl);overflow:hidden}.project-bento__hero img{width:100%;height:auto;display:block}.project-bento__meta{display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.project-bento__category{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--magenta);margin-bottom:.75rem}.project-bento__title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--charcoal);margin:0 0 1rem}.project-bento__client{font-size:.9375rem;color:var(--charcoal);opacity:.6;margin-bottom:1rem}.project-bento__text{font-size:1rem;line-height:1.7;color:var(--charcoal);opacity:.75;margin:0 0 .5rem}.project-bento__link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:600;color:var(--magenta);text-decoration:none;transition:gap .3s ease}.project-bento__link:hover{gap:.75rem}@media(max-width:768px){.project-bento{grid-template-columns:1fr}.project-bento__hero{min-height:280px;padding:0 1rem;border-radius:0;overflow:visible}.project-bento__hero img{border-radius:var(--radius-xl)}.project-bento__meta{padding:1rem}}.scroll-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:var(--max-width);margin:0 auto 4rem;padding:0}.scroll-gallery__item{border-radius:var(--radius-xl);overflow:hidden}.scroll-gallery__item img{width:100%;height:auto;display:block}.scroll-gallery__video{grid-column:1 / -1;border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9}.scroll-gallery__video iframe{width:100%;height:100%;border:0}@media(max-width:480px){.scroll-gallery{grid-template-columns:1fr;padding:0 1rem}}.project-body{max-width:720px;margin:0 auto 4rem;padding:0 2rem}.project-body p{font-size:1.0625rem;line-height:1.8;color:var(--charcoal);opacity:.8;margin:0 0 1.5rem}.project-nav{max-width:var(--max-width);margin:0 auto;padding:3rem 2rem 6rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.project-nav__link{display:flex;flex-direction:column;gap:.375rem;padding:1.5rem 2rem;border:1px solid rgba(45,32,53,.08);border-radius:16px;text-decoration:none;transition:all .3s ease}.project-nav__link:hover{border-color:#2d203533;transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.project-nav__link--next{text-align:right}.project-nav__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--charcoal);opacity:.4}.project-nav__title{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--charcoal)}.project-nav__back{grid-column:1 / -1;text-align:center;padding-top:1rem}.project-nav__back a{font-size:.875rem;font-weight:500;color:var(--charcoal);opacity:.5;text-decoration:none;transition:opacity .3s ease}.project-nav__back a:hover{opacity:1}@media(max-width:640px){.project-nav{grid-template-columns:1fr}}[data-theme=dark] .work-header__title,[data-theme=dark] .work-header__sub{color:#f0ecf4}[data-theme=dark] .case-card{background:#f0ecf40f}[data-theme=dark] .project-bento__title,[data-theme=dark] .project-bento__client,[data-theme=dark] .project-bento__text,[data-theme=dark] .project-body p{color:#f0ecf4}[data-theme=dark] .project-nav__link{border-color:#ffffff14}[data-theme=dark] .project-nav__link:hover{border-color:#fff3;box-shadow:0 8px 30px #0003}[data-theme=dark] .project-nav__label,[data-theme=dark] .project-nav__title,[data-theme=dark] .project-nav__back a{color:#f0ecf4}