@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--color-background: #111111;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-border: #323232;--color-border-light: rgba(255, 255, 255, .1);--color-backdrop: rgba(0, 0, 0, .1);--font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 60px;--spacing-xxxl: 120px;--border-radius-sm: 8px;--border-radius-lg: 12px;--color-accent: #D0D5D4;--container-max-width: 1280px;--content-max-width: 768px;--nav-height: 80px;--nav-blur: 16px;--transition-fast: .3s ease;--transition-medium: .6s ease;--transition-slow: 1s ease;--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55)}*{box-sizing:border-box}.responsive-homepage{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;min-height:100vh}.homepage-container{max-width:var(--container-max-width);margin:0 auto;width:100%}nav{backdrop-filter:blur(var(--nav-blur));-webkit-backdrop-filter:blur(var(--nav-blur));transition:-webkit-backdrop-filter var(--transition-medium);transition:backdrop-filter var(--transition-medium);transition:backdrop-filter var(--transition-medium),-webkit-backdrop-filter var(--transition-medium)}.nav-link{font-family:var(--font-family);font-weight:var(--font-weight-normal);text-decoration:none;position:relative;&:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--color-text-primary);transition:width var(--transition-fast)}&:hover:after{width:100%}}.hero-section{display:flex;align-items:center;min-height:100vh;padding-top:var(--nav-height)}.hero-content{width:100%;max-width:var(--content-max-width)}.hero-title{font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.5}.hero-subtitle{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.67}.project-section{opacity:0;transform:translateY(60px);transition:all var(--transition-slow)}.project-section.animate-in{opacity:1;transform:translateY(0)}.project-layout{display:grid;gap:var(--spacing-xl);align-items:start}.project-info{order:1}.project-images{order:2;display:grid;gap:var(--spacing-md)}.project-title{font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.project-description{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);line-height:1.67}.image-container{overflow:hidden;border-radius:var(--border-radius-lg);background-color:#ffffff05;transition:transform var(--transition-medium)}.image-container.secondary-image{border-radius:var(--border-radius-sm)}.project-cta{font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1rem;line-height:1.5;color:var(--color-text-primary);text-decoration:none;padding:10px 0;display:inline-flex;align-items:center;gap:8px;transition:opacity var(--transition-fast),transform var(--transition-fast)}.project-cta:hover{opacity:.8}.project-cta:focus{outline:2px solid var(--color-text-primary);outline-offset:4px;border-radius:4px}.image-container:hover{transform:scale(1.02)}.image-container img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-large .images-large-layout{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;min-height:400px}.project-large .main-image{grid-row:1 / 3;grid-column:1}.project-large .secondary-image{grid-column:2}.project-standard .images-standard-layout{grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.footer-section{text-align:center}.footer-title{font-family:var(--font-family);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xl)}.social-link{font-family:var(--font-family);font-weight:var(--font-weight-normal);color:var(--color-text-primary);text-decoration:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.social-link:hover{opacity:.8;transform:translateY(-2px)}@media screen and (min-width: 320px){:root{--spacing-xxl: 32px;--spacing-xxxl: 60px}.homepage-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.hero-section{padding-top:calc(var(--nav-height) + var(--spacing-md));padding-bottom:var(--spacing-xxxl)}.hero-title{font-size:clamp(2rem,8vw,3rem);margin-bottom:var(--spacing-md)}.hero-subtitle{font-size:clamp(1rem,4vw,1.25rem)}.project-layout{grid-template-columns:1fr;gap:var(--spacing-lg)}.project-title{font-size:clamp(1.5rem,6vw,2rem);margin-bottom:var(--spacing-sm)}.project-description{font-size:clamp(.9rem,3vw,1rem);margin-bottom:var(--spacing-md)}.project-large .images-large-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:auto}.project-large .main-image{grid-row:1;grid-column:1}.project-standard .images-standard-layout{grid-template-columns:1fr}.footer-title{font-size:clamp(1.75rem,8vw,2.5rem);margin-bottom:var(--spacing-lg)}.footer-links{gap:var(--spacing-md)}.social-link{font-size:clamp(.9rem,3vw,1rem)}}@media screen and (min-width: 480px){:root{--spacing-xxl: 40px;--spacing-xxxl: 80px}.homepage-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.hero-title{font-size:clamp(2.25rem,7vw,3.5rem)}.hero-subtitle{font-size:clamp(1.1rem,3.5vw,1.375rem)}.project-title{font-size:clamp(1.75rem,5vw,2.25rem)}.project-description{font-size:clamp(1rem,2.8vw,1.1rem)}.project-standard .images-standard-layout{grid-template-columns:1fr 1fr}.footer-title{font-size:clamp(2rem,7vw,2.75rem)}.social-link{font-size:clamp(1rem,2.5vw,1.1rem)}}@media screen and (min-width: 768px){:root{--spacing-xxl: 50px;--spacing-xxxl: 100px}.homepage-container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.hero-section{padding-bottom:var(--spacing-xxxl)}.hero-title{font-size:clamp(2.75rem,6vw,4rem)}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.5rem)}.project-layout{grid-template-columns:1fr 1.2fr;gap:var(--spacing-xl);align-items:center}.project-info{order:1}.project-images{order:2}.project-layout:nth-child(2n) .project-info{order:2}.project-layout:nth-child(2n) .project-images{order:1}.project-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:var(--spacing-md)}.project-description{font-size:clamp(1.1rem,2.5vw,1.25rem)}.project-large .images-large-layout{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;min-height:400px}.project-large .main-image{grid-row:1 / 3;grid-column:1}.footer-title{font-size:clamp(2.5rem,5vw,3.25rem)}.footer-links{gap:var(--spacing-xl)}.social-link{font-size:clamp(1.1rem,2vw,1.25rem)}}@media screen and (min-width: 1024px){:root{--spacing-xxl: 60px;--spacing-xxxl: 120px}.homepage-container{padding-left:var(--spacing-xxl);padding-right:var(--spacing-xxl)}.hero-section{padding-bottom:var(--spacing-xxxl)}.hero-title{font-size:clamp(3.5rem,5vw,4.5rem)}.hero-subtitle{font-size:clamp(1.5rem,2.5vw,1.75rem)}.project-layout{grid-template-columns:1fr 1.5fr;gap:var(--spacing-xxl)}.project-title{font-size:clamp(2.25rem,3.5vw,2.75rem)}.project-description{font-size:clamp(1.2rem,2vw,1.3rem);margin-bottom:var(--spacing-lg)}.project-large .images-large-layout{min-height:500px}.footer-title{font-size:clamp(3rem,4vw,3.75rem)}.social-link{font-size:clamp(1.2rem,1.5vw,1.3rem)}}@media screen and (min-width: 1440px){.hero-title{font-size:5rem}.hero-subtitle{font-size:2rem}.project-title{font-size:3rem}.project-description{font-size:1.25rem}.project-large .images-large-layout{min-height:600px}.footer-title{font-size:4rem}.social-link{font-size:1.25rem}}@media (min-resolution: 192dpi){.image-container 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}}@media (prefers-reduced-motion: no-preference){.image-container{transition:transform var(--transition-medium) var(--easing-smooth)}.social-link{transition:opacity var(--transition-fast),transform var(--transition-fast)}}.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,.focus\\:not-sr-only:focus{position:static;width:auto;height:auto;padding:.5rem;margin:0;overflow:visible;clip:auto;white-space:normal}.nav-link:focus,.social-link:focus,.project-cta:focus,button:focus{outline:2px solid var(--color-text-primary);outline-offset:4px;border-radius:4px}@media (prefers-contrast: high){.nav-link:focus,.social-link:focus,.project-cta:focus,button:focus{outline:3px solid currentColor;outline-offset:2px}}@media print{.responsive-homepage{background:#fff!important;color:#000!important}nav{display:none!important}.hero-section,.project-section{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:2rem}}@media (prefers-color-scheme: dark){:root{--color-background: #111111;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .9);--color-border: #323232}}@media (prefers-color-scheme: light){.responsive-homepage[data-theme=light]{--color-background: #ffffff;--color-text-primary: #111111;--color-text-secondary: rgba(17, 17, 17, .9);--color-border: #e5e5e5}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Arial,sans-serif;line-height:1.6}@layer utilities{.px-15{padding-left:60px;padding-right:60px}.font-poppins-regular{font-family:Poppins,sans-serif;font-weight:400}.font-poppins-medium{font-family:Poppins,sans-serif;font-weight:500}}html{scroll-behavior:smooth}body{background-color:#111;color:#fff}.test-cards-grid{display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width: 480px){.test-cards-grid{grid-template-columns:repeat(1,1fr);gap:2rem}}@media (min-width: 768px){.test-cards-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 1024px){.test-cards-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media (min-width: 1440px){.test-cards-grid{grid-template-columns:repeat(3,1fr);gap:3rem}}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter: blur(10px))){.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}