@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Crimson+Pro:wght@300;400;600&family=Source+Sans+3:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-primary: #d4af37;--color-text-primary: #f5f5f5;--color-text-secondary: #d4d4d4;--color-text-tertiary: #a8a8a8;--color-border: rgba(245, 245, 245, .1);--font-display: "Playfair Display", serif;--font-serif: "Crimson Pro", serif;--font-sans: "Source Sans 3", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background-color:var(--color-primary);color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;letter-spacing:-.02em}p{font-family:var(--font-sans)}a{color:inherit;text-decoration:none;transition:color var(--transition-base)}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px;border:3px solid var(--color-background)}::-webkit-scrollbar-thumb:hover{background:#f5d97a}.container{max-width:1400px;margin:0 auto;padding:0 4rem}@media (max-width: 1024px){.container{padding:0 3rem}}@media (max-width: 768px){.container{padding:0 2rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}.navigation{position:fixed;top:0;left:0;right:0;z-index:999;padding:2rem 0;transition:padding .3s ease,backdrop-filter .3s ease}.navigation.scrolled{padding:1rem 0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(245,245,245,.1)}.nav-container{max-width:1400px;margin:0 auto;padding:0 4rem;display:flex;justify-content:space-between;align-items:center}.nav-logo{text-decoration:none;position:relative}.logo-text{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#f5f5f5;letter-spacing:-.01em;transition:color .3s ease}.nav-logo:hover .logo-text{color:#d4af37}.nav-links{display:flex;gap:3rem;align-items:center}.nav-link{font-family:"Source Sans 3",sans-serif;font-size:.95rem;font-weight:500;color:#d4d4d4;text-decoration:none;letter-spacing:.05em;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:#d4af37;transition:width .3s ease}.nav-link:hover{color:#d4af37}.nav-link:hover:after{width:100%}.menu-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1000;position:relative}.menu-toggle span{width:28px;height:2px;background:#f5f5f5;transition:all .3s ease;transform-origin:center}.menu-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;z-index:998;overflow-y:auto}.mobile-menu-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;gap:2.5rem;padding:100px 2rem 80px}.mobile-link{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600;color:#f5f5f5;text-decoration:none;transition:color .3s ease}.mobile-link:hover{color:#d4af37}@media (max-width: 1024px){.nav-container{padding:0 3rem}}@media (max-width: 768px){.navigation{padding:1rem 0}.navigation.scrolled{padding:.75rem 0}.nav-container{padding:0 1.5rem}.nav-links{display:none}.menu-toggle{display:flex}.mobile-menu{display:block}.mobile-link{font-size:1.75rem}.logo-text{font-size:1.15rem}}@media (max-width: 480px){.logo-text{font-size:1rem}.mobile-link{font-size:1.5rem}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0a0a;padding:120px 0 80px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-image:url(/assets/school_of_athens-Dzf1coB3.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a0a0ad9,#0a0a0abf 40%,#0a0a0ad9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 4rem;text-align:center}.hero-text{max-width:900px;margin:0 auto}.hero-greeting{display:block;font-family:Crimson Pro,serif;font-size:1.5rem;font-weight:400;color:#b8a77d;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.hero-name{font-family:Playfair Display,serif;font-size:clamp(3.5rem,8vw,7rem);font-weight:700;line-height:1.1;color:#f5f5f5;margin:0 0 2rem;letter-spacing:-.02em;text-shadow:0 4px 30px rgba(0,0,0,.6)}.hero-tagline{font-family:Crimson Pro,serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:400;color:#d4d4d4;margin:0 0 3rem;letter-spacing:.02em}.hero-description{font-family:"Source Sans 3",sans-serif;font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.8;color:#a8a8a8;margin:0 auto 4rem;max-width:700px}.hero-description .highlight{color:#d4af37;font-weight:600;font-style:italic}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-button{display:inline-block;padding:1.2rem 3rem;font-family:"Source Sans 3",sans-serif;font-size:1rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;border:2px solid;border-radius:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:-1}.cta-button:hover:before{left:0}.cta-button.primary{background:#d4af37;border-color:#d4af37;color:#0a0a0a}.cta-button.primary:before{background:#f5f5f5}.cta-button.primary:hover{color:#0a0a0a;border-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 10px 40px #d4af374d}.cta-button.secondary{background:transparent;border-color:#f5f5f5;color:#f5f5f5}.cta-button.secondary:before{background:#f5f5f5}.cta-button.secondary:hover{color:#0a0a0a;transform:translateY(-2px);box-shadow:0 10px 40px #f5f5f533}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;color:gray;font-family:"Source Sans 3",sans-serif;font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;z-index:2;opacity:.7}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,#808080,transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (max-width: 768px){.hero{padding:100px 0 60px;min-height:100vh}.hero-content{padding:0 1.5rem}.hero-greeting{font-size:.85rem;margin-bottom:.5rem}.hero-name{margin-bottom:1rem}.hero-tagline{margin-bottom:1.5rem;font-size:1.1rem}.hero-description{font-size:.95rem;margin-bottom:2rem;line-height:1.6}.hero-cta{flex-direction:column;gap:.875rem}.cta-button{width:100%;max-width:280px;padding:.875rem 2rem;font-size:.85rem}.scroll-indicator{display:none}}.about{background:#0a0a0a;padding:10rem 0;position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent)}.about-container{max-width:1400px;margin:0 auto;padding:0 4rem}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}.about-label{display:inline-block;font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:600;color:#d4af37;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;padding:.5rem 1.5rem;border:1px solid rgba(212,175,55,.3);border-radius:50px}.about-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:#f5f5f5;margin:0 0 3rem;line-height:1.1;letter-spacing:-.02em}.about-text{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem}.about-text p{font-family:Crimson Pro,serif;font-size:1.2rem;line-height:1.8;color:#a8a8a8;margin:0}.about-cta{margin-top:2rem}.about-button{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 2.5rem;font-family:"Source Sans 3",sans-serif;font-size:1rem;font-weight:600;color:#0a0a0a;background:#d4af37;border:2px solid #d4af37;text-transform:uppercase;letter-spacing:.1em;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.about-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#f5f5f5;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:-1}.about-button:hover:before{left:0}.about-button:hover{border-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 10px 40px #d4af374d}.about-button svg{transition:transform .3s ease}.about-button:hover svg{transform:translate(5px)}.skills-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;color:#f5f5f5;margin:0 0 3rem;letter-spacing:-.01em}.skills-grid{display:flex;flex-direction:column;gap:3rem}.skill-group{position:relative;padding-left:2rem}.skill-group:before{content:"";position:absolute;left:0;top:.5rem;width:3px;height:calc(100% - .5rem);background:linear-gradient(to bottom,#d4af37,transparent)}.skill-category{font-family:Crimson Pro,serif;font-size:1.3rem;font-weight:600;color:#d4af37;margin:0 0 1rem;letter-spacing:.05em}.skill-list{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}.skill-item{font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:500;color:#d4d4d4;padding:.5rem 1.2rem;background:#d4af371a;border:1px solid rgba(212,175,55,.2);border-radius:50px;letter-spacing:.05em;transition:all .3s ease}.skill-item:hover{background:#d4af3733;border-color:#d4af3766;color:#d4af37;transform:translateY(-2px)}@media (max-width: 1024px){.about{padding:8rem 0}.about-container{padding:0 3rem}.about-grid{grid-template-columns:1fr;gap:4rem}}@media (max-width: 768px){.about{padding:6rem 0}.about-container{padding:0 2rem}.about-grid{gap:3rem}.about-text p{font-size:1.1rem}.skills-title{font-size:1.7rem}.skills-grid{gap:2rem}.skill-category{font-size:1.1rem}.skill-item{font-size:.85rem}}.projects{background:#0a0a0a;padding:10rem 0;position:relative}.projects:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent)}.projects-container{max-width:1400px;margin:0 auto;padding:0 4rem}.projects-header{margin-bottom:6rem;max-width:800px}.projects-label{display:inline-block;font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:600;color:#d4af37;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;padding:.5rem 1.5rem;border:1px solid rgba(212,175,55,.3);border-radius:50px}.projects-title{font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,5rem);font-weight:700;color:#f5f5f5;margin:0 0 2rem;line-height:1.1;letter-spacing:-.02em}.projects-subtitle{font-family:Crimson Pro,serif;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;color:#a8a8a8;margin:0}.projects-list{display:flex;flex-direction:column;gap:0}.project-item{position:relative;border-bottom:1px solid rgba(245,245,245,.1);transition:border-color .3s ease}.project-item:hover{border-bottom-color:#d4af374d}.project-link{display:block;padding:4rem 0;text-decoration:none;color:inherit;position:relative}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.project-meta{display:flex;align-items:center;gap:2rem}.project-number{font-family:Crimson Pro,serif;font-size:4rem;font-weight:300;color:#d4af3766;line-height:1;transition:color .3s ease}.project-item:hover .project-number{color:#d4af37}.project-year{font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:600;color:gray;letter-spacing:.1em;text-transform:uppercase}.project-arrow{color:gray;transition:color .3s ease}.project-item:hover .project-arrow{color:#d4af37}.project-content{max-width:900px}.project-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:600;color:#f5f5f5;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.01em;transition:color .3s ease}.project-item:hover .project-title{color:#d4af37}.project-description{font-family:"Source Sans 3",sans-serif;font-size:1.1rem;line-height:1.7;color:#a8a8a8;margin:0 0 2rem;max-width:700px}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem}.project-tag{font-family:"Source Sans 3",sans-serif;font-size:.85rem;font-weight:500;color:#d4d4d4;padding:.5rem 1.2rem;border:1px solid rgba(245,245,245,.2);border-radius:50px;letter-spacing:.05em;transition:all .3s ease}.project-item:hover .project-tag{border-color:#d4af3766;color:#d4af37}.project-accent{position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform-origin:left}@media (max-width: 1024px){.projects{padding:8rem 0}.projects-container{padding:0 3rem}.projects-header{margin-bottom:4rem}}@media (max-width: 768px){.projects{padding:6rem 0}.projects-container{padding:0 2rem}.projects-header{margin-bottom:3rem}.project-link{padding:3rem 0}.project-header{margin-bottom:1.5rem}.project-meta{gap:1rem}.project-number{font-size:3rem}.project-year{font-size:.8rem}.project-description{font-size:1rem}.project-tag{font-size:.8rem;padding:.4rem 1rem}}.contact{background:#0a0a0a;padding:10rem 0 0;position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.3),transparent)}.contact-container{max-width:1400px;margin:0 auto;padding:0 4rem 8rem}.contact-header{margin-bottom:6rem;max-width:800px}.contact-label{display:inline-block;font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:600;color:#d4af37;letter-spacing:.15em;text-transform:uppercase;margin-bottom:1.5rem;padding:.5rem 1.5rem;border:1px solid rgba(212,175,55,.3);border-radius:50px}.contact-title{font-family:Playfair Display,serif;font-size:clamp(3rem,6vw,5rem);font-weight:700;color:#f5f5f5;margin:0 0 2rem;line-height:1.1;letter-spacing:-.02em}.contact-subtitle{font-family:Crimson Pro,serif;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7;color:#a8a8a8;margin:0}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:6rem}.info-title{font-family:Playfair Display,serif;font-size:2rem;font-weight:600;color:#f5f5f5;margin:0 0 3rem;letter-spacing:-.01em}.contact-methods{display:flex;flex-direction:column;gap:2rem}.contact-method{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#d4af370d;border:1px solid rgba(212,175,55,.2);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#d4af371a;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:0}.contact-method:hover:before{left:0}.contact-method:hover{border-color:#d4af3780;transform:translate(10px)}.method-icon{color:#d4af37;flex-shrink:0;position:relative;z-index:1}.method-content{display:flex;flex-direction:column;gap:.3rem;flex:1;position:relative;z-index:1}.method-label{font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:600;color:gray;letter-spacing:.1em;text-transform:uppercase}.method-value{font-family:Crimson Pro,serif;font-size:1.2rem;font-weight:600;color:#f5f5f5}.method-arrow{color:gray;flex-shrink:0;transition:all .3s ease;position:relative;z-index:1}.contact-method:hover .method-arrow{color:#d4af37;transform:translate(5px)}.contact-form{display:flex;flex-direction:column;gap:2rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-family:"Source Sans 3",sans-serif;font-size:.9rem;font-weight:600;color:#d4d4d4;letter-spacing:.05em;text-transform:uppercase}.form-group input,.form-group textarea{font-family:Crimson Pro,serif;font-size:1.1rem;padding:1.2rem 1.5rem;background:#f5f5f50d;border:1px solid rgba(245,245,245,.1);color:#f5f5f5;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#d4af37;background:#d4af370d}.form-group textarea{resize:vertical;min-height:150px}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:1.2rem 3rem;font-family:"Source Sans 3",sans-serif;font-size:1rem;font-weight:600;color:#0a0a0a;background:#d4af37;border:2px solid #d4af37;text-transform:uppercase;letter-spacing:.1em;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;align-self:flex-start;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#f5f5f5;transition:left .4s cubic-bezier(.4,0,.2,1);z-index:-1}.submit-button:hover:before{left:0}.submit-button:hover{border-color:#f5f5f5;transform:translateY(-2px);box-shadow:0 10px 40px #d4af374d}.submit-button svg{transition:transform .3s ease}.submit-button:hover svg{transform:translate(5px)}.footer{border-top:1px solid rgba(245,245,245,.1);padding:3rem 0;margin-top:6rem}.footer-content{max-width:1400px;margin:0 auto;padding:0 4rem;text-align:center}.footer-text{font-family:Crimson Pro,serif;font-size:1rem;color:gray;margin:0}@media (max-width: 1024px){.contact{padding:8rem 0 0}.contact-container{padding:0 3rem 6rem}.contact-content{grid-template-columns:1fr;gap:4rem}.footer-content{padding:0 3rem}}@media (max-width: 768px){.contact{padding:6rem 0 0}.contact-container{padding:0 2rem 4rem}.contact-header{margin-bottom:4rem}.contact-content{gap:3rem}.info-title{font-size:1.7rem}.contact-methods{gap:1.5rem}.contact-method{padding:1.5rem;flex-direction:column;align-items:flex-start;gap:1rem}.method-value{font-size:1.1rem}.submit-button{width:100%}.footer-content{padding:0 2rem}.footer-text{font-size:.9rem}}