:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 478px;--max-screen-width: 1000px;--black: #1A1A1A;--gray: #999999;--light-gray: #E2E2E2;--purple: hsla(246,100%,60.98%,1);--green: hsla(148,100%,44.9%,1);--off--white: #f0f0f0;--magenta: #F23CBB;--hover: #252525;--yellow: #FFFF82;--bg-body: var(--black);--bg-surface: hsla(0,0%,100%,1);--text-body: var(--light-gray);--var--text-body-reverse: var(--black);--text-title: var(--light-gray);--var--text-title-reverse: var(--black);--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--light: var(--light-gray);--dark: var(--black);--success: var(--green);--error: hsl(354,70%,54%);--warning: hsl(45,100%,51%);--info: hsl(190,90%,50%);--container-x: clamp(1rem,calc(9.2vw + -1.75rem),4rem);--space-16: clamp(1rem,calc(0vw + 1rem),1rem);--space-24: clamp(1.5rem,calc(0vw + 1.5rem),1.5rem);--space-32: clamp(2rem,calc(0vw + 2rem),2rem);--space-48: clamp(3rem,calc(0vw + 3rem),3rem);--space-64: clamp(4rem,calc(0vw + 4rem),4rem);--space-72: clamp(4.5rem,calc(0vw + 4.5rem),4.5rem);--space-16-64: clamp(1rem,calc(9.2vw + -1.75rem),4rem);--space-32-64: clamp(2rem,calc(6.13vw + 0.17rem),4rem);--space-24-64: clamp(1.5rem,calc(7.66vw + -0.79rem),4rem);--space-48-88: clamp(3rem,calc(7.66vw + 0.71rem),5.5rem);--space-64-104: clamp(4rem,calc(7.66vw + 1.71rem),6.5rem);--text-2xs: clamp(0.75rem,calc(0vw + 0.75rem),0.75rem);--text-xs: clamp(0.88rem,calc(0vw + 0.88rem),0.88rem);--text-s: clamp(1rem,calc(0vw + 1rem),1rem);--text-m: clamp(1.13rem,calc(0vw + 1.13rem),1.13rem);--text-l: clamp(1.25rem,calc(0vw + 1.25rem),1.25rem);--text-xl: clamp(1.75rem,calc(0vw + 1.75rem),1.75rem);--text-2xl: clamp(2.25rem,calc(0vw + 2.25rem),2.25rem);--text-3xl: clamp(3rem,calc(0vw + 3rem),3rem);--text-4xl: clamp(3.75rem,calc(0vw + 3.75rem),3.75rem);--t-project-tags: clamp(0.75rem,calc(0vw + 0.75rem),0.75rem);--t-menu-text: clamp(0.88rem,calc(0vw + 0.88rem),0.88rem);--t-project-details: clamp(1rem,calc(0vw + 1rem),1rem);--t-subhead-3: clamp(1.13rem,calc(0vw + 1.13rem),1.13rem);--t-blog-body: clamp(1.13rem,calc(0vw + 1.13rem),1.13rem);--t-project-body: clamp(1.31rem,calc(0vw + 1.31rem),1.31rem);--t-subhead-1: clamp(1.31rem,calc(0vw + 1.31rem),1.31rem);--t-proj-body-reg: clamp(1.31rem,calc(0vw + 1.31rem),1.31rem);--t-blog-quotes: clamp(1.75rem,calc(0vw + 1.75rem),1.75rem);--t-headline-2: clamp(1.88rem,calc(0vw + 1.88rem),1.88rem);--t-blog-hl-alt: clamp(2.25rem,calc(0vw + 2.25rem),2.25rem);--t-headline-3: clamp(3rem,calc(0vw + 3rem),3rem);--t-blog-hl: clamp(3rem,calc(0vw + 3rem),3rem);--t-headline-1: clamp(3.75rem,calc(0vw + 3.75rem),3.75rem);--t-xl-heading: clamp(9.25rem,calc(0vw + 9.25rem),9.25rem);--t-32-48: clamp(2rem,calc(3.07vw + 1.08rem),3rem);--t-30-60: clamp(1.88rem,calc(5.75vw + 0.16rem),3.75rem);--t-14-21: clamp(0.88rem,calc(1.34vw + 0.47rem),1.31rem);--t-16-21: clamp(1rem,calc(0.96vw + 0.71rem),1.31rem);--t-16-48: clamp(1rem,calc(6.13vw + -0.83rem),3rem);--t-12-18: clamp(0.75rem,calc(1.15vw + 0.41rem),1.13rem);--t-10-16: clamp(0.63rem,calc(0.77vw + 0.4rem),0.88rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--ff-heading: "Inter";--ff-body: "Inter";--header-space: var(--space-s);--btn-space: var(--space-xs) var(--space-s);--card-space: var(--space-s);--footer-space: var(--space-s) var(--space-m);--sec-padding: clamp(1.25rem,-.30729rem + 6.557vw,6.25rem);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--aspect-full: 17.9 / 9;--aspect-half: 1.48 / 1;--aspect-vertical: 1 / 1.39;--aspect-vertical-half: 5 / 7;--radius-xs: clamp(0.13rem,calc(0.57vw + -0.05rem),0.31rem);--radius-s: clamp(0.38rem,calc(0.38vw + 0.26rem),0.5rem);--radius-m: clamp(0.63rem,calc(0.38vw + 0.51rem),0.75rem);--radius-l: clamp(1rem,calc(0.77vw + 0.77rem),1.25rem);--radius-xl: clamp(1.63rem,calc(1.15vw + 1.28rem),2rem);--radius-full: 999rem;--container-gap: var(--space-4xl);--content-gap: var(--space-m);--grid-gap: var(--space-m);}