:root{--pal-ink: #010a17;--pal-paper: #ffffff;--pal-gray: color-mix(in srgb, #e4ebf5, #fff 50%);--pal-canvas: #e4ebf5;--pal-accent: #1d39f5;--pal-btn-fill: #2b00d4;--pal-btn-edge: #1e3ced;--pal-btn-glow: #1587fc;--pal-light: #1d39f5;--pal-deep: #010a17;--pal-night: #070317;--pal-btn: var(--pal-ink);--pal-slate: #b9bdc8;--pal-slate-text: color-mix(in srgb, #64748b 85%, #010a17);--pal-brand: var(--pal-accent);--pal-brand-dark: var(--pal-deep);--pal-brand-light: color-mix(in srgb, var(--pal-light), #fff 40%);--pal-brand-tint: color-mix(in srgb, var(--pal-accent) 8%, #fff);--pal-signal: #4ade80;--pal-decor-1: var(--pal-accent);--pal-decor-2: var(--pal-accent);--pal-decor-3: var(--pal-accent);--pal-decor-4: var(--pal-accent);--pal-glow: var(--pal-ink);--pal-glow-accent: color-mix(in srgb, var(--pal-accent) 70%, var(--pal-deep));--c-bg: var(--pal-paper);--c-bg-soft: var(--pal-gray);--c-bg-hover: color-mix(in srgb, var(--pal-gray), var(--pal-ink) 3%);--c-ink: var(--pal-ink);--c-text: color-mix(in srgb, var(--pal-ink) 90%, var(--pal-paper));--c-text-muted: var(--pal-slate-text);--c-icon: var(--pal-slate);--c-line: rgba(11, 11, 15, 0.08);--c-line-strong: rgba(11, 11, 15, 0.16);--c-canvas: var(--c-bg);--c-card: var(--pal-gray);--c-card-hover: color-mix(in srgb, var(--pal-gray), var(--pal-deep) 4%);--c-card-line: color-mix(in srgb, var(--pal-ink) 9%, transparent);--c-skeleton: color-mix(in srgb, var(--pal-gray), var(--pal-ink) 7%);--c-skeleton-strong: color-mix(in srgb, var(--pal-gray), var(--pal-ink) 22%);--c-placeholder: color-mix(in srgb, var(--pal-ink) 45%, var(--pal-paper));--c-field: var(--pal-gray);--c-field-line: color-mix(in srgb, var(--pal-deep) 35%, var(--pal-paper));--c-field-line-hover: color-mix(in srgb, var(--pal-deep) 55%, var(--pal-paper));--c-accent: var(--pal-brand);--c-btn-fill: var(--pal-btn-fill);--c-btn-edge: var(--pal-btn-edge);--c-btn-glow: var(--pal-btn-glow);--c-accent-on-canvas: color-mix(in srgb, var(--pal-brand), var(--pal-deep) 20%);--c-btn: var(--pal-btn);--c-btn-hover: color-mix(in srgb, var(--pal-btn), #fff 16%);--c-accent-soft: var(--pal-brand-tint);--c-accent-on-dark: var(--pal-brand-light);--c-highlight: var(--pal-brand-light);--c-decor-1: var(--pal-decor-1);--c-decor-2: var(--pal-decor-2);--c-decor-3: var(--pal-decor-3);--c-decor-4: var(--pal-decor-4);--c-glow: var(--pal-glow);--c-glow-accent: var(--pal-glow-accent);--g-brand: linear-gradient(90deg, var(--c-decor-1) 0%, var(--c-decor-2) 28%, var(--c-decor-3) 68%, var(--c-decor-4) 100%);--g-brand-text: linear-gradient(135deg, var(--c-decor-3), var(--c-accent));--c-dark: var(--pal-ink);--c-on-dark: #f5f5f7;--c-on-dark-muted: rgba(245, 245, 247, 0.68);--c-panel-dark: var(--pal-brand-dark);--c-panel-raised: color-mix(in srgb, var(--pal-brand-dark), #fff 7%);--c-night: var(--pal-night);--c-success: #16a34a;--c-success-text: #15803d;--c-success-soft: #dcfce7;--c-success-on-dark: var(--pal-signal);--c-live: var(--pal-signal);--c-danger: #d93a2f;--c-danger-text: #b3261e;--c-warning: #f5a524;--c-warning-soft: #fef3c7;--c-warning-text: #92400e;--f-sans: "Averta", "Averta Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fs-xs: 0.8125rem;--fs-sm: 0.875rem;--fs-md: 1rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: clamp(1.5rem, 1.15rem + 1.4vw, 1.875rem);--fs-display: clamp(2.125rem, 1.3rem + 3vw, 3.25rem);--fs-h1: clamp(2.5rem, 1.4rem + 4.2vw, 5.125rem);--fs-h2: clamp(2rem, 1.35rem + 2.2vw, 3rem);--fs-h3: clamp(1.5rem, 1.2rem + 1.1vw, 2rem);--fs-h4: clamp(1.375rem, 1.1rem + 0.9vw, 1.75rem);--fs-h5: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);--fs-h1-col: clamp(2.5rem, 1.35rem + 4.3vw, 4.5rem);--fs-lead: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem);--fs-lead-sm: 1.125rem;--lh-tight: 1.1;--lh-snug: 1.28;--lh-base: 1.5;--ls-body: -0.011em;--ls-tight: -0.02em;--ls-display: -0.025em;--ls-h2: -0.02em;--ls-h3: -0.016em;--wrap: 1280px;--gutter: clamp(1rem, 0.5rem + 2.5vw, 2rem);--header-h: 72px;--r-sm: 10px;--r-md: 16px;--r-lg: 20px;--r-pill: 999px;--r-sheet: clamp(1.25rem, 0.75rem + 2vw, 2.5rem);--sh-pop: 0 30px 60px -20px rgba(15, 15, 40, 0.22), 0 2px 10px rgba(15, 15, 40, 0.06);--sh-soft: 0 1px 2px rgba(15, 15, 40, 0.06);--sh-edge: 0 0 0 1px color-mix(in srgb, var(--pal-deep) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--pal-deep) 6%, transparent);--sh-card: 0 0 #0000;--ease: cubic-bezier(0.2, 0.7, 0.2, 1);--ease-soft: cubic-bezier(0.45, 0, 0.15, 1);--dur-fast: 0.15s;--dur: 0.25s;--z-header: 100}@media(max-width: 1023.98px){:root{--header-h: 56px}}.intro{display:grid;gap:1.25rem 4rem}@media(min-width: 1024px){.intro{grid-template-columns:minmax(0, 0.9fr) minmax(0, 1.1fr);align-items:start}}.intro__text{margin:0;font-size:var(--fs-lead);line-height:1.55;letter-spacing:-0.014em;color:var(--c-text-muted)}.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.5rem}.chips li{padding:.5rem 1.125rem;border:1px solid var(--c-card-line);border-radius:var(--r-pill);background:var(--c-bg);font-size:var(--fs-md);font-weight:500;color:var(--c-text)}.chips a{display:block;margin:-0.5rem -1.125rem;padding:.5rem 1.125rem;border-radius:inherit;transition:background-color var(--dur-fast),color var(--dur-fast)}.chips a:hover{color:var(--c-accent)}.showcase__actions{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}.rail--showcase .rail__item{flex-basis:min(86vw,37.5rem,70vh);flex-basis:min(86vw,37.5rem,70dvh)}.show-card{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;width:100%;max-width:70vh;max-width:70dvh;aspect-ratio:1;overflow:hidden;padding:clamp(1.5rem,1.2rem + 1vw,2rem);border-radius:var(--r-lg);background:var(--c-card);color:#fff;text-decoration:none}.show-card::after{content:"";position:absolute;inset:72% -2rem -2rem;z-index:-1;background:color-mix(in srgb, var(--c-ink) 46%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-mask-image:linear-gradient(to top, #000 0%, #000 35%, rgba(0, 0, 0, 0.82) 48%, rgba(0, 0, 0, 0.58) 60%, rgba(0, 0, 0, 0.34) 72%, rgba(0, 0, 0, 0.15) 84%, rgba(0, 0, 0, 0.04) 93%, transparent 100%);mask-image:linear-gradient(to top, #000 0%, #000 35%, rgba(0, 0, 0, 0.82) 48%, rgba(0, 0, 0, 0.58) 60%, rgba(0, 0, 0, 0.34) 72%, rgba(0, 0, 0, 0.15) 84%, rgba(0, 0, 0, 0.04) 93%, transparent 100%);pointer-events:none}.show-card__img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .6s var(--ease)}.show-card:hover .show-card__img{transform:scale(1.04)}.show-card__text{max-width:24ch;font-size:clamp(1rem,.95rem + .25vw,1.125rem);font-weight:500;line-height:1.2;letter-spacing:var(--ls-tight);text-wrap:balance;color:#fff}.show-card__go{position:absolute;top:clamp(1.25rem,1rem + 1vw,1.75rem);right:clamp(1.25rem,1rem + 1vw,1.75rem);display:grid;flex:none;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#fff;color:var(--c-ink)}.show-card__go .svg-icon{width:1.125rem;height:1.125rem;transition:transform var(--dur) var(--ease)}.show-card:hover .show-card__go .svg-icon,.show-card:focus-visible .show-card__go .svg-icon{transform:rotate(45deg)}@media(prefers-reduced-motion: reduce){.show-card__img{transition:none}.show-card:hover .show-card__img{transform:none}}.work-grid .show-card{max-width:none;aspect-ratio:1}.work-grid{--stagger: clamp(4rem, 2rem + 6vw, 9rem);list-style:none;margin:0;padding:0;display:grid;gap:clamp(1.25rem,.5rem + 3vw,3.5rem)}@media(min-width: 768px){.work-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}.work-grid>li:nth-child(even){transform:translateY(var(--stagger))}.work-grid:has(>li:nth-child(even):last-child){padding-bottom:var(--stagger)}}@media(min-width: 768px){.work-grid--even>li:nth-child(even){transform:none}.work-grid--even:has(>li:nth-child(even):last-child){padding-bottom:0}}@media(min-width: 768px){.work-grid--filtered>li:nth-child(even){transform:none}.work-grid--filtered>li:nth-child(even of :not([hidden])){transform:translateY(var(--stagger))}.work-grid--filtered:has(>li:nth-child(even):last-child){padding-bottom:0}.work-grid--filtered:has(>li:nth-child(even of :not([hidden])):nth-last-child(1 of :not([hidden]))){padding-bottom:var(--stagger)}}