:root {--text-24: clamp(1.125rem, 0.62vw + 0.98rem, 1.5rem);--text-36: clamp(1.6875rem, 0.93vw + 1.46rem, 2.25rem);--text-48: clamp(2.25rem, 1.24vw + 1.91rem, 3rem);--text-52: clamp(2.4375rem, 1.34vw + 2.04rem, 3.25rem);--text-62: clamp(2.875rem, 1.59vw + 2.46rem, 3.875rem);--text-96: clamp(4.5rem, 2.48vw + 3.72rem, 6rem);--text-128: clamp(6rem, 3.31vw + 4.71rem, 8rem);--primary: #000000;--primary-l-1: #191919;--primary-l-2: #2c2c2c;--primary-d-1: #000000;--primary-d-2: #000000;--secondary: #ffffff;--secondary-l-1: #ffffff;--secondary-l-2: #ffffff;--secondary-d-1: #e5e5e5;--secondary-d-2: #cccccc;--nav-logo: clamp(1.25rem, calc(1.25rem + (3.25rem - 1.25rem) * ((100vw - 24.5rem) / (85.375rem))), 3.25rem);--nav-menu: clamp(0.875rem, calc(0.875rem + (1.5rem - 0.875rem) * ((100vw - 51.3125rem) / (120rem - 51.3125rem))), 1.5rem);--hero-text: clamp(1.125rem, calc(1.125rem + (2.889rem - 1.125rem) * ((100vw - 24.5rem) / 95.5rem)), 2.889rem);--preview-karya: clamp(0.625rem, calc(0.625rem + (1.25rem - 0.625rem) * ((100vw - 24.5rem) / 95.5rem)), 1.25rem);--text-button: clamp(0.875rem, calc(0.875rem + (1.463rem - 0.875rem) * ((100vw - 24.5rem) / 95.5rem)), 1.463rem);--preview-alur-kerja: clamp(0.9375rem, calc(0.9375rem + (1.25rem - 0.9375rem) * ((100vw - 24.5rem) / 60.875rem)), 1.25rem);--intro-alur-kerja: clamp(1.5rem, calc(1.5rem + (2rem - 1.5rem) * ((100vw - 24.5rem) / 60.875rem)), 2rem);--closing: clamp(1.5rem, calc(1.5rem + (4rem - 1.5rem) * ((100vw - 24.5rem) / 95.5rem)), 4rem);--logo-footer: clamp(4.5rem, calc(4.5rem + (6rem - 4.5rem) * ((100vw - 24.5rem) / 60.875rem)), 6rem);--nav-footer: clamp(1.5rem, calc(1.5rem + (2rem - 1.5rem) * ((100vw - 24.5rem) / 95.5rem)), 2rem);--footer-detail: clamp(0.625rem, calc(0.625rem + (1.4375rem- 0.625rem) * ((100vw - 24.5rem) / 95.5rem)), 1.4375rem);--fs-nav-logo: clamp(20px, calc(20px + (52px - 20px) * ((100vw - 392px) / 974px)), 52px);--fs-nav-menu: 18px;--fs-hero: clamp(18px, calc(18px + (36px - 18px) * ((100vw - 392px) / 974px)), 36px);--fs-preview-karya: clamp(10px, calc(10px + (20px - 10px) * ((100vw - 392px) / 974px)), 20px);--fs-btn: clamp(18px, calc(18px + (20px - 18px) * ((100vw - 392px) / 974px)), 20px);--fs-preview-alur: clamp(15px, calc(15px + (20px - 15px) * ((100vw - 392px) / 974px)), 20px);--fs-intro-alur: clamp(24px, calc(24px + (32px - 24px) * ((100vw - 392px) / 974px)), 32px);--fs-closing: clamp(24px, calc(24px + (64px - 24px) * ((100vw - 392px) / 974px)), 64px);--fs-logo-footer: clamp(72px, calc(72px + (96px - 72px) * ((100vw - 392px) / 974px)), 96px);--fs-nav-footer: clamp(24px, calc(24px + (32px - 24px) * ((100vw - 392px) / 974px)), 32px);--fs-footer-detail: clamp(10px, calc(10px + (23px - 10px) * ((100vw - 392px) / 974px)), 23px);--32px-figma: clamp(1.125rem, calc(1.125rem + (2.5rem - 1.125rem) * ((100vw - 24.5rem) / 95.5rem)), 2.5rem);--64px-figma: clamp(1.125rem, calc(1.125rem + (5rem - 1.125rem) * ((100vw - 24.5rem) / 95.5rem)), 5rem);--foto-tim: clamp(1.125rem, calc(1.125rem + (12.5rem - 1.125rem) * ((100vw - 24.5rem) / 95.5rem)), 12.5rem);--color-primary: hsla(238, 0%, 0%, 1);--color-secondary: hsla(226, 100%, 100%, 1);--color-tertiary: hsla(198, 0%, 67%, 1);--color-light: hsla(85, 0%, 100%, 1);--color-dark: hsla(0, 0%, 0%, 1);--color-success: hsla(136, 95%, 56%, 1);--color-error: hsla(351, 95%, 56%, 1);--color-bg-body: hsla(0, 0%, 100%, 1);--color-bg-surface: hsla(0, 0%, 100%, 1);--color-text-body: hsla(0, 0%, 25%, 1);--color-text-title: hsla(0, 0%, 0%, 1);--color-border-primary: hsla(0, 0%, 50%, 0.25);--color-shadow-primary: hsla(0, 0%, 0%, 0.15);--font-size-3xs: clamp(0.62rem, calc(-0.17vw + 0.66rem), 0.51rem);--font-size-2xs: clamp(0.7rem, calc(-0.09vw + 0.72rem), 0.64rem);--font-size-xs: clamp(0.79rem, calc(0.01vw + 0.79rem), 0.8rem);--font-size-s: clamp(0.89rem, calc(0.16vw + 0.86rem), 1rem);--font-size-m: clamp(1rem, calc(1rem + 0.00025 * (100vw - 24.56rem)), 1.382rem);--font-size-l: clamp(1.13rem, calc(0.65vw + 1rem), 1.56rem);--font-size-xl: clamp(1.27rem, calc(1.02vw + 1.06rem), 1.95rem);--font-size-2xl: clamp(1.42rem, calc(1.51vw + 1.12rem), 2.44rem);--font-size-3xl: clamp(1.6rem, calc(2.15vw + 1.17rem), 3.05rem);--font-size-4xl: clamp(1.8rem, calc(2.98vw + 1.21rem), 3.81rem);--font-size-5xl: clamp(2.03rem, calc(4.06vw + 1.22rem), 4.77rem);--font-size-6xl: clamp(2.28rem, calc(5.45vw + 1.19rem), 5.96rem);--font-size-7xl: clamp(2.57rem, calc(7.24vw + 1.12rem), 7.45rem);--font-size-8xl: clamp(2.89rem, calc(9.52vw + 0.98rem), 9.31rem);--space-4xs: clamp(0.33rem, calc(-0.03vw + 0.33rem), 0.31rem);--space-3xs: clamp(0.41rem, calc(0.04vw + 0.4rem), 0.44rem);--space-2xs: clamp(0.51rem, calc(0.16vw + 0.48rem), 0.62rem);--space-xs: clamp(0.64rem, calc(0.35vw + 0.57rem), 0.88rem);--space-s: clamp(0.8rem, calc(0.65vw + 0.67rem), 1.24rem);--space-m: clamp(1rem, calc(1.11vw + 0.78rem), 1.75rem);--space-l: clamp(1.25rem, calc(1.81vw + 0.89rem), 2.47rem);--space-xl: clamp(1.56rem, calc(2.87vw + 0.99rem), 3.5rem);--space-2xl: clamp(1.95rem, calc(4.44vw + 1.07rem), 4.95rem);--space-3xl: clamp(2.44rem, calc(6.75vw + 1.09rem), 7rem);--space-4xl: clamp(3.05rem, calc(10.13vw + 1.02rem), 9.89rem);--space-5xl: clamp(3.81rem, calc(15.07vw + 0.8rem), 13.99rem);--space-6xl: clamp(4.77rem, calc(22.24vw + 0.32rem), 19.78rem);--space-7xl: clamp(5.96rem, calc(32.6vw + -0.56rem), 27.97rem);--space-8xl: clamp(7.45rem, calc(47.55vw + -2.06rem), 39.54rem);--radius-xs: clamp(0.25rem, calc(0vw + 0.25rem), 0.25rem);--radius-s: clamp(0.38rem, calc(-0.19vw + 0.54rem), 0.5rem);--radius-m: clamp(0.63rem, calc(-0.19vw + 0.79rem), 0.75rem);--radius-l: clamp(1rem, calc(-0.37vw + 1.32rem), 1.25rem);--radius-xl: clamp(1.63rem, calc(-0.56vw + 2.11rem), 2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px hsla(0, 0%, 0%, 0.15);--shadow-s: 0 1.5px 3px hsla(0, 0%, 0%, 0.15);--shadow-m: 0 2px 6px hsla(0, 0%, 0%, 0.15);--shadow-l: 0 3px 12px hsla(0, 0%, 0%, 0.15);--shadow-xl: 0 6px 48px hsla(0, 0%, 0%, 0.15);--border-section: #e4e4e7;}