.page-layout{background-color:var(--bg-primary);min-height:100vh;color:var(--text-primary);padding-top:calc(var(--header-height) + 3rem);flex-direction:column;padding-bottom:0;display:flex}.page-container{width:100%;max-width:var(--container-max);padding:0 var(--gutter);flex-grow:1;margin:0 auto clamp(3rem,5vh,5rem)}.page-breadcrumbs{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);align-items:center;gap:.5rem;margin-bottom:2.5rem;display:flex}.page-breadcrumbs a{color:var(--text-secondary);transition:color .2s}.page-breadcrumbs a:hover{color:var(--color-mist)}.page-breadcrumbs__separator{color:var(--border-subtle)}.page-header{max-width:900px;margin-bottom:4rem}.page-eyebrow{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--accent);align-items:center;gap:.75rem;margin-bottom:1.25rem;display:inline-flex}.page-title{font-size:clamp(2.5rem,6vw,4.75rem);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:1.5rem}.page-lead{font-size:var(--text-subheading);line-height:var(--leading-body);color:var(--text-secondary);max-width:720px}.meta-grid{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:4rem;padding:2rem 0;display:grid}.meta-item{flex-direction:column;gap:.5rem;display:flex}.meta-label{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary)}.meta-value{font-size:var(--text-body);color:var(--text-primary);font-weight:var(--weight-medium)}.page-section{margin-bottom:5rem}.page-section__title{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:1.5rem}.page-section__text{font-size:var(--text-body);line-height:var(--leading-body);color:var(--text-secondary);max-width:70ch;margin-bottom:1.5rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2.5rem 0;display:grid}.feature-card{background:var(--color-slate-deep);border:1px solid var(--border-subtle);transition:transform .4s var(--ease-out-expo), border-color .3s ease, background-color .3s ease, box-shadow .4s ease;will-change:transform;border-radius:4px;flex-direction:column;gap:1rem;padding:2.25rem;display:flex}.feature-card:hover{background-color:var(--color-slate-mid);border-color:#f5f0eb38;transform:translateY(-4px);box-shadow:0 16px 36px -10px #00000080}.feature-card__num{font-family:var(--font-mono);font-size:var(--text-small);color:var(--accent);transition:color .3s,transform .3s}.feature-card:hover .feature-card__num{color:var(--color-mist);transform:translate(3px)}.feature-card__title{font-size:1.25rem;font-weight:var(--weight-medium);color:var(--text-primary);transition:color .2s}.feature-card:hover .feature-card__title{color:#fff}.feature-card__desc{font-size:var(--text-small);line-height:var(--leading-body);color:var(--text-secondary)}.case-study__visual{border:1px solid var(--border-subtle);background:var(--color-slate-deep);will-change:transform;border-radius:4px;margin:3.5rem 0;transition:border-color .4s,box-shadow .4s;overflow:hidden}.case-study__visual:hover{border-color:#f5f0eb33;box-shadow:0 20px 48px -12px #0009}.case-study__visual img,.case-study__visual video{will-change:transform;width:100%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.case-study__visual:hover img,.case-study__visual:hover video{transform:scale(1.02)}.work-project-card{background:var(--color-slate-deep);border:1px solid var(--border-subtle);transition:transform .4s var(--ease-out-expo), border-color .3s ease, background-color .3s ease, box-shadow .4s ease;will-change:transform;border-radius:4px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:2.5rem;padding:2.5rem;display:grid}.work-project-card:hover{background-color:var(--color-slate-mid);border-color:#f5f0eb33;transform:translateY(-4px);box-shadow:0 16px 36px -10px #0009}.work-project-card__poster{border:1px solid var(--border-subtle);background:#000;border-radius:4px;overflow:hidden}.work-project-card__poster img{will-change:transform;width:100%;height:auto;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.work-project-card:hover .work-project-card__poster img{transform:scale(1.03)}.action-link{font-size:var(--text-small);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-primary);background:var(--color-slate-mid);border:1px solid var(--border-subtle);border-radius:9999px;align-items:center;gap:.625rem;margin-top:1rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.action-link:hover{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px -4px #2563eb66}.action-link--primary{background:var(--accent);border-color:var(--accent);color:#fff}.action-link--primary:hover{background:#1b38c4;box-shadow:0 8px 24px -4px #1b38c480}.page-footer-nav{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:6rem;padding-top:3rem;display:flex}.page-footer-nav__copy{color:var(--text-secondary);font-size:var(--text-body)}@media (width<=768px){.page-layout{padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:3.5rem}.meta-grid{grid-template-columns:1fr;gap:1.25rem}.feature-grid{grid-template-columns:1fr}.page-footer-nav{flex-direction:column;align-items:flex-start}}