@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300;1,9..40,400&display=swap";:root{--bg-primary: #faf7f2;--bg-secondary: #f3ede4;--bg-card: #ffffff;--text-primary: #2a2520;--text-secondary: #6b635a;--text-muted: #9e958a;--accent-coral: #e07356;--accent-terracotta: #c4704b;--accent-indigo: #4a5a8a;--accent-sage: #7a9e7e;--accent-plum: #8a6b9e;--border-subtle: rgba(42, 37, 32, .08);--shadow-soft: 0 2px 16px rgba(42, 37, 32, .06);--shadow-medium: 0 8px 40px rgba(42, 37, 32, .1);--shadow-lift: 0 20px 60px rgba(42, 37, 32, .14);--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--ease-smooth: cubic-bezier(.25, .46, .45, .94)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;position:relative}a{color:inherit;text-decoration:none}.bg-shapes{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-shape{position:absolute;opacity:.08;will-change:transform}.bg-shape--1{top:8%;right:12%;width:300px;height:300px}.bg-shape--2{top:55%;left:5%;width:200px;height:200px}.bg-shape--3{top:30%;left:60%;width:150px;height:150px}.bg-shape--4{bottom:15%;right:20%;width:250px;height:250px}.bg-shape--5{top:70%;left:35%;width:180px;height:180px}.section{position:relative;z-index:2;padding:var(--space-xl) var(--space-xl) var(--space-2xl)}.section__header{text-align:center;margin-bottom:var(--space-xl);padding-top:var(--space-lg)}.section__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;color:var(--text-primary)}.title-char{display:inline-block;opacity:0}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:var(--space-lg);max-width:1280px;margin:0 auto}.project-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;opacity:0;transform:translateY(60px);transition:box-shadow .5s var(--ease-smooth);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;perspective:800px}.project-card:hover{box-shadow:var(--shadow-lift)}.project-card__bg{position:absolute;inset:0;z-index:0}.project-card__image{position:relative;overflow:hidden;aspect-ratio:4 / 3;z-index:1;padding:var(--space-sm);display:flex;align-items:center;justify-content:center}.project-card__image img{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:transform .5s var(--ease-smooth);will-change:transform;border-radius:var(--radius-md)}.project-card__content{position:relative;z-index:1;padding:var(--space-md) var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.project-card__header{display:flex;align-items:center;justify-content:space-between}.project-card__title{font-family:var(--font-display);font-size:1.4rem;font-weight:700}.project-card__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.65;flex:1}.project-card__tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-top:var(--space-xs)}.project-card__tag{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:var(--radius-sm);background:#2a25200f;color:var(--text-secondary);transition:background .3s var(--ease-smooth)}.project-card:hover .project-card__tag{background:#2a25201a}.project-card__arrow{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translate(-8px,4px);transition:all .4s var(--ease-smooth);flex-shrink:0}.project-card:hover .project-card__arrow{opacity:1;transform:translate(0)}.project-card__arrow svg{width:14px;height:14px}.interactive-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.interactive-dot{position:absolute;border-radius:50%;will-change:transform;opacity:0}.floating-particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;opacity:0}.footer{position:relative;z-index:2;text-align:center;padding:var(--space-2xl) var(--space-xl);border-top:1px solid var(--border-subtle)}.footer__inner{max-width:600px;margin:0 auto}.footer__text{font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.section{padding:var(--space-lg) var(--space-md)}.project-grid{grid-template-columns:1fr;gap:var(--space-md)}.bg-shape--1{width:180px;height:180px}.bg-shape--2{width:120px;height:120px}}@media(max-width:480px){.project-card__content{padding:var(--space-sm) var(--space-sm) var(--space-md)}.project-card__title{font-size:1.2rem}}