:root{--frame-width: 1280px;--frame-background: #111111;--color-background-primary: #111111;--color-background-navigation: rgba(17, 17, 17, .75);--color-background-accent: #D0D5D4;--color-text-primary: #FFFFFF;--color-text-secondary: #EEEEEE;--color-border-subtle: #555555;--font-family-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-navigation: 400;--font-size-navigation: 16px;--line-height-navigation: 1.5em;--font-weight-hero-title: 500;--font-size-hero-title: 48px;--line-height-hero-title: 1.5em;--font-weight-hero-subtitle: 400;--font-size-hero-subtitle: 24px;--line-height-hero-subtitle: 1.6666666666666667em;--font-weight-project-title: 500;--font-size-project-title: 24px;--line-height-project-title: 1.3333333333333333em;--font-weight-project-cta: 500;--font-size-project-cta: 16px;--line-height-project-cta: 1.5em;--spacing-navigation-horizontal: 60px;--spacing-hero-vertical: 120px;--spacing-hero-horizontal: 60px;--spacing-hero-intro-gap: 60px;--spacing-project-container: 60px;--spacing-project-content-gap: 24px;--spacing-project-details-gap: 60px;--spacing-project-description-gap: 24px;--spacing-project-thumbnail-gap: 16px;--spacing-project-large-padding: 24px;--spacing-navigation-menu-gap: 48px;--height-navigation: 80px;--width-frame: 1280px;--width-hero-content: 768px;--width-project-description: 520px;--height-project-description: 72px;--height-project-container: 811px;--height-large-image: 337px;--border-radius-large: 12px;--border-radius-small: 8px;--backdrop-blur-navigation: 16px;--stroke-weight-border: 1px;--breakpoint-mobile: 320px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-large: 1440px;--transition-standard: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .6s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .8s cubic-bezier(.68, -.55, .265, 1.55);--z-index-navigation: 50;--z-index-skip-link: 100;--z-index-modal: 1000}.layout-frame{display:flex;flex-direction:column;width:var(--width-frame);max-width:100%}.layout-navigation{display:flex;flex-direction:row;align-items:center;padding:0 var(--spacing-navigation-horizontal);width:var(--width-frame);max-width:100%;height:var(--height-navigation)}.layout-menu{display:flex;flex-direction:row;gap:var(--spacing-navigation-menu-gap);width:250px}.layout-hero-section{display:flex;flex-direction:column;align-self:stretch;padding:var(--spacing-hero-vertical) var(--spacing-hero-horizontal)}.layout-hero-intro{display:flex;flex-direction:column;gap:var(--spacing-hero-intro-gap);width:var(--width-hero-content);max-width:100%}.layout-project-container{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:var(--spacing-project-container);padding:var(--spacing-project-container);height:var(--height-project-container)}.layout-project-content{display:flex;flex-direction:column;align-items:center;align-self:stretch;gap:var(--spacing-project-content-gap)}.layout-project-details{display:flex;flex-direction:row;align-self:stretch;gap:var(--spacing-project-details-gap)}.layout-project-thumbnail{display:flex;flex-direction:row;justify-content:stretch;align-items:stretch;align-self:stretch;gap:var(--spacing-project-thumbnail-gap)}.layout-large-image{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:10px;padding:var(--spacing-project-large-padding)}.fill-frame-background{background-color:var(--color-background-primary)}.fill-navigation-background{background-color:var(--color-background-navigation)}.fill-text-primary{color:var(--color-text-primary)}.fill-text-secondary{color:var(--color-text-secondary)}.fill-accent-background{background-color:var(--color-background-accent)}.stroke-subtle-border{border-bottom:var(--stroke-weight-border) solid var(--color-border-subtle)}.effect-navigation-blur{backdrop-filter:blur(var(--backdrop-blur-navigation));-webkit-backdrop-filter:blur(var(--backdrop-blur-navigation))}.text-style-navigation{font-family:var(--font-family-primary);font-weight:var(--font-weight-navigation);font-size:var(--font-size-navigation);line-height:var(--line-height-navigation);text-align:left}.text-style-hero-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-hero-title);font-size:var(--font-size-hero-title);line-height:var(--line-height-hero-title);text-align:left}.text-style-hero-subtitle{font-family:var(--font-family-primary);font-weight:var(--font-weight-hero-subtitle);font-size:var(--font-size-hero-subtitle);line-height:var(--line-height-hero-subtitle);text-align:left}.text-style-project-title{font-family:var(--font-family-primary);font-weight:var(--font-weight-project-title);font-size:var(--font-size-project-title);line-height:var(--line-height-project-title);text-align:left}.text-style-project-cta{font-family:var(--font-family-primary);font-weight:var(--font-weight-project-cta);font-size:var(--font-size-project-cta);line-height:var(--line-height-project-cta);text-align:left}@media screen and (max-width: 768px){:root{--spacing-navigation-horizontal: 24px;--spacing-hero-horizontal: 24px;--spacing-hero-vertical: 60px;--spacing-project-container: 32px;--width-hero-content: 100%;--width-project-description: 100%}.layout-navigation{padding:0 var(--spacing-navigation-horizontal)}.layout-hero-section{padding:var(--spacing-hero-vertical) var(--spacing-hero-horizontal)}.layout-project-container{padding:var(--spacing-project-container);height:auto}.layout-project-details{flex-direction:column;gap:32px}.layout-project-thumbnail{flex-direction:column}.text-style-hero-title{font-size:clamp(28px,8vw,var(--font-size-hero-title))}.text-style-hero-subtitle{font-size:clamp(18px,5vw,var(--font-size-hero-subtitle))}.text-style-project-title{font-size:clamp(20px,6vw,var(--font-size-project-title))}}@media screen and (min-width: 768px) and (max-width: 1024px){:root{--spacing-navigation-horizontal: 40px;--spacing-hero-horizontal: 40px;--spacing-hero-vertical: 80px;--spacing-project-container: 48px}}@media screen and (min-width: 1280px){:root{--spacing-navigation-horizontal: 60px;--spacing-hero-horizontal: 60px;--spacing-hero-vertical: 120px;--spacing-project-container: 60px}}.focus-indicator{position:relative;transition:outline .2s ease}.focus-indicator:focus{outline:2px solid #FFFFFF;outline-offset:2px;box-shadow:0 0 0 4px #ffffff4d}.focus-indicator:focus-visible{outline:3px solid #4A90E2;outline-offset:3px;box-shadow:0 0 0 6px #4a90e24d}@media (prefers-contrast: high){.focus-indicator:focus,.focus-indicator:focus-visible{outline-width:3px;outline-color:#ff0;box-shadow:0 0 0 6px #ffff0080}}.touch-target{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.skip-link{position:absolute;top:-100px;left:8px;background:#fff;color:#000;padding:8px 12px;text-decoration:none;border-radius:4px;font-weight:600;z-index:var(--z-index-skip-link);transition:top .3s ease}.skip-link:focus{top:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:.5rem!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:2px solid #FFFFFF!important}@media (prefers-reduced-motion: reduce){:root{--transition-standard: .01ms;--transition-smooth: .01ms;--transition-bounce: .01ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--color-border-subtle: #777777;--color-background-accent: #E5E5E5}}@media print{:root{--color-background-primary: #ffffff;--color-background-navigation: #ffffff;--color-text-primary: #000000;--color-text-secondary: #333333;--color-border-subtle: #cccccc}}.figma-pixel-perfect{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#111;color:#fff;line-height:1.6;min-height:100vh}.animate-on-load{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.animate-on-load.loaded{opacity:1;transform:translateY(0)}.figma-navigation{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;border-bottom:1px solid #323232}.figma-navigation-item{position:relative;transition:opacity .3s ease}.figma-navigation-item:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease}.figma-navigation-item:hover:after{width:100%}.figma-project-image{transition:transform .6s cubic-bezier(.4,0,.2,1)}.figma-project-image:hover{transform:scale(1.02)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only:focus{position:static;width:auto;height:auto;padding:.5rem 1rem;margin:0;overflow:visible;clip:auto;white-space:normal}@media screen and (min-width: 320px){.figma-pixel-perfect .hero-title-mobile{font-size:clamp(28px,8vw,48px);line-height:1.4;margin-bottom:32px}.figma-pixel-perfect .hero-subtitle-mobile{font-size:clamp(18px,5vw,24px);line-height:1.6}.figma-pixel-perfect .project-title-mobile{font-size:clamp(20px,6vw,24px);line-height:1.3;margin-bottom:16px}.figma-pixel-perfect .project-description-mobile{font-size:clamp(14px,4vw,16px);line-height:1.6;margin-bottom:32px}.figma-pixel-perfect .footer-title-mobile{font-size:clamp(24px,8vw,36px);line-height:1.3;margin-bottom:32px}.figma-pixel-perfect .footer-links-mobile{font-size:clamp(16px,4vw,20px)}.figma-container-mobile{max-width:100%;padding:0 24px}.figma-hero-mobile{padding:60px 24px}.figma-project-mobile{padding:48px 24px;min-height:auto}.figma-footer-mobile{padding:80px 24px}.figma-navigation-mobile{height:64px;padding:0 24px}.figma-navigation-menu-mobile{display:none}.figma-project-layout-mobile{grid-template-columns:1fr;gap:32px}.figma-project-images-mobile{grid-template-columns:1fr;gap:16px}}@media screen and (min-width: 480px){.figma-pixel-perfect .hero-title-small-mobile{font-size:clamp(32px,7vw,48px);margin-bottom:40px}.figma-pixel-perfect .hero-subtitle-small-mobile{font-size:clamp(20px,4.5vw,24px)}.figma-container-small-mobile{padding:0 32px}.figma-hero-small-mobile{padding:80px 32px}.figma-project-small-mobile{padding:56px 32px}.figma-footer-small-mobile{padding:96px 32px}.figma-navigation-small-mobile{height:72px;padding:0 32px}}@media screen and (min-width: 768px){.figma-container-tablet{max-width:768px;padding:0 40px}.figma-hero-tablet{padding:100px 40px}.figma-project-tablet{padding:64px 40px;min-height:600px}.figma-footer-tablet{padding:100px 40px}.figma-navigation-tablet{height:76px;padding:0 40px}.figma-navigation-menu-tablet{display:flex;gap:36px}.figma-project-layout-tablet{grid-template-columns:1fr 1.2fr;gap:48px;align-items:center}.figma-project-images-tablet{height:280px}.figma-pixel-perfect .hero-title-tablet{font-size:clamp(40px,6vw,48px);margin-bottom:48px}.figma-pixel-perfect .hero-subtitle-tablet{font-size:clamp(22px,3vw,24px)}.figma-pixel-perfect .project-title-tablet{font-size:24px;margin-bottom:20px}.figma-pixel-perfect .project-description-tablet{font-size:16px;margin-bottom:40px}.figma-pixel-perfect .footer-title-tablet{font-size:clamp(36px,5vw,44px);margin-bottom:40px}.figma-pixel-perfect .footer-links-tablet{font-size:22px;gap:40px}}@media screen and (min-width: 1024px){.figma-container-desktop{max-width:1024px;padding:0 50px}.figma-hero-desktop{padding:110px 50px}.figma-project-desktop{padding:68px 50px;min-height:700px}.figma-footer-desktop{padding:110px 50px}.figma-navigation-desktop{height:78px;padding:0 50px}.figma-navigation-menu-desktop{gap:44px}.figma-project-layout-desktop{grid-template-columns:1fr 1.4fr;gap:56px}.figma-project-images-desktop{height:320px}.figma-pixel-perfect .hero-title-desktop{font-size:48px;margin-bottom:56px}.figma-pixel-perfect .hero-subtitle-desktop{font-size:24px}.figma-pixel-perfect .footer-title-desktop{font-size:44px;margin-bottom:44px}.figma-pixel-perfect .footer-links-desktop{font-size:24px;gap:44px}}@media screen and (min-width: 1280px){.figma-container-large{max-width:1280px;padding:0 60px}.figma-hero-large{padding:120px 60px}.figma-project-large{padding:60px;min-height:811px}.figma-footer-large{padding:120px 60px}.figma-navigation-large{height:80px;padding:0 60px}.figma-navigation-menu-large{gap:48px}.figma-project-layout-large{grid-template-columns:1fr 1.5fr;gap:60px}.figma-project-images-large{height:337px}.figma-pixel-perfect .hero-title-large{font-size:48px;line-height:1.5;margin-bottom:60px}.figma-pixel-perfect .hero-subtitle-large{font-size:24px;line-height:1.67}.figma-pixel-perfect .project-title-large{font-size:24px;line-height:1.33;margin-bottom:24px}.figma-pixel-perfect .project-description-large{font-size:16px;line-height:1.67;margin-bottom:48px;max-width:520px}.figma-pixel-perfect .project-cta-large{font-size:16px;line-height:1.5}.figma-pixel-perfect .footer-title-large{font-size:48px;line-height:1.3;margin-bottom:48px}.figma-pixel-perfect .footer-links-large{font-size:24px;line-height:1.67;gap:48px}.figma-pixel-perfect .navigation-large{font-size:16px;line-height:1.5}}@media screen and (min-width: 1440px){.figma-container-xl{max-width:1440px;padding:0 80px}.figma-hero-xl{padding:140px 80px}.figma-project-xl{padding:80px;min-height:900px}.figma-footer-xl{padding:140px 80px}.figma-project-images-xl{height:400px}.figma-pixel-perfect .hero-title-xl{font-size:52px;margin-bottom:64px}.figma-pixel-perfect .hero-subtitle-xl{font-size:26px}.figma-pixel-perfect .project-title-xl{font-size:28px;margin-bottom:28px}.figma-pixel-perfect .project-description-xl{font-size:18px;margin-bottom:52px;max-width:600px}.figma-pixel-perfect .footer-title-xl{font-size:52px;margin-bottom:52px}.figma-pixel-perfect .footer-links-xl{font-size:26px;gap:52px}}@media (min-resolution: 192dpi){.figma-project-image img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-on-load{transition:none}}@media (prefers-contrast: high){.figma-navigation{border-bottom-color:#666}.figma-pixel-perfect{--color-border: #666666}}a:focus,button:focus{outline:2px solid #FFFFFF;outline-offset:4px;border-radius:4px}@media (prefers-contrast: high){a:focus,button:focus{outline:3px solid currentColor;outline-offset:2px}}@media print{.figma-pixel-perfect{background:#fff!important;color:#000!important}.figma-navigation{display:none!important}.figma-hero-section,.figma-project-section{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:2rem}}.figma-project-image{will-change:transform;backface-visibility:hidden}.figma-navigation{will-change:backdrop-filter}.animate-on-load{will-change:opacity,transform}.animate-on-load.loaded{will-change:auto}