html{scroll-behavior:smooth}#root{width:100%;margin:0;padding:0;overflow-x:hidden;box-sizing:border-box}.main-page{width:100%;position:relative;overflow-x:hidden;box-sizing:border-box}.hero-section{position:relative;width:100%;height:150vh;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#0000);z-index:1;pointer-events:none}.hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,transparent 0%,rgba(209,222,245,.5) 50%,rgba(209,222,245,1) 100%);z-index:1;pointer-events:none}.hero-image{width:100%;height:100%;object-fit:cover;display:block}.portfolio-section{position:relative;width:100%;overflow-x:hidden;background-color:#d1def5;padding:4rem 0;box-sizing:border-box}.portfolio-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,#d1def5,#d1def580,#00000080);z-index:1;pointer-events:none}.portfolio-container{padding:0 14rem;box-sizing:border-box}.click-me-overlay{position:absolute;top:1.4rem;z-index:10;pointer-events:none;max-width:200px;height:auto;transition:left .3s ease}.portfolio-header{text-align:left;font-size:2.5rem;font-weight:500;color:#213547;margin:0}.portfolio-subheader{text-align:left;font-size:1.5rem;font-weight:400;color:#213547;margin:0;padding:0rem .5rem;cursor:pointer;border-radius:.2rem;transition:opacity .3s ease;border:1px solid #213547;display:inline-block;min-width:90px}.portfolio-subheader:hover{opacity:.7}.portfolio-image{max-width:600px;width:100%;height:auto;display:block;margin:0 auto;mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}.portfolio-cards{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:1rem;margin-top:3rem}.portfolio-card{background-color:#fff;border-radius:0rem;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;max-width:300px;width:100%;padding:1rem}.portfolio-card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026}.card-image-container{width:100%;height:260px;overflow:hidden;background-color:#f0f0f0;position:relative;margin-bottom:1rem}.card-link{display:block;width:100%;height:100%;text-decoration:none;color:inherit}.card-image{width:100%;height:100%;object-fit:cover;display:block;max-width:100%}.card-image-container video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.card-image-container-videography{position:relative}.card-image-container-videography:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#ffffffe6;border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:3;pointer-events:none;clip-path:polygon(35% 20%,35% 80%,75% 50%)}.card-image-container-videography:hover:after{opacity:1}.card-image-empty{width:100%;height:100%;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;position:relative}.card-image-empty:after{content:"";width:60px;height:60px;border:2px solid #999;border-radius:50%;position:absolute;opacity:.5}.card-image-container-websites:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000004d,#0000001a,#0000004d);z-index:1;pointer-events:none;transition:background .3s ease}.card-image-container-websites:hover:before{background:linear-gradient(to bottom,#000000b3,#000000f2,#000000b3)}.card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.card-image-container-websites:hover .card-image-overlay{opacity:1}.view-site-text{color:#fff;font-size:1.2rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em}.card-content{padding:0;text-align:center}.card-name{font-size:1.1rem;font-style:italic;color:#213547;margin:0 0 .25rem}.card-date{font-size:1rem;color:#213547;margin:0}@media (max-width: 768px){.hero-section{height:80vh}.hero-section:after{height:60px;background:linear-gradient(to bottom,transparent 0%,rgba(209,222,245,.6) 40%,rgba(209,222,245,1) 100%)}.hero-image{object-position:54% center}.portfolio-section{margin-top:-1px}.portfolio-container{padding:0 1rem}.click-me-overlay{left:11.5rem!important}.click-me-overlay-websites{left:9rem!important}.portfolio-section:after{height:60px;background:linear-gradient(to bottom,#d1def5,#d1def599 40%,#0009)}.portfolio-cards{justify-content:center}}@keyframes dropIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{position:absolute;top:0;left:0;right:0;z-index:1000;padding:var(--padding, 1.5rem) 2rem;background:linear-gradient(to bottom,#000c,#0000);transition:background .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navbar-scrolled{position:fixed;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.navbar-home .nav-logo{animation:dropIn .8s ease-in-out}.navbar-home .nav-links .nav-link:nth-child(1){animation:dropIn .8s ease-in-out .2s both}.navbar-home .nav-links .nav-link:nth-child(2){animation:dropIn .8s ease-in-out .4s both}.navbar-home .nav-links .nav-link:nth-child(3){animation:dropIn .8s ease-in-out .6s both}.nav-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--gap, 1.5rem)}.nav-logo{color:#fff;text-decoration:none;font-size:var(--logo-size, 1.6rem);font-weight:500;display:flex;flex-direction:column;align-items:center;gap:0rem}.greek-alpha{font-family:Times New Roman,Georgia,serif;font-style:italic;font-weight:400;font-size:1.7em;transform:translateY(-.1em)}.nav-logo-image{height:1em;width:auto;vertical-align:middle;filter:brightness(0) invert(1)}.nav-logo-row{display:flex;align-items:center;gap:.5rem}.nav-logo-main{letter-spacing:.08em;line-height:1}.nav-logo-sub{font-size:.4em;letter-spacing:.1em;line-height:1;margin-top:-.9rem}.nav-logo:hover{color:gray}.nav-links{display:flex;gap:2rem;justify-content:center}.nav-link{color:#fff;text-decoration:none;font-size:var(--link-size, 1rem);font-weight:500}.nav-link:hover{color:gray}.footer-section{position:relative;width:100%;background-color:#000;padding:3rem 0;box-sizing:border-box}.footer-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,#d1def580,#00000080,#000);z-index:1;pointer-events:none}.footer-container{padding:0 14rem;box-sizing:border-box;position:relative;z-index:2}.footer-content{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.footer-text{color:#fff;font-size:.9rem;text-align:center;margin:0}.footer-text:hover{color:gray}.footer-email-link{color:#fff;font-size:.9rem;text-decoration:none;transition:opacity .3s ease;display:flex;align-items:center;gap:.5rem}.footer-email-link:hover{opacity:.7;color:gray}.email-icon{width:20px;height:20px;flex-shrink:0}.footer-instagram-link{color:#fff;font-size:.9rem;text-decoration:none;transition:opacity .3s ease;display:flex;align-items:center;gap:.5rem}.footer-instagram-link:hover{opacity:.7;color:gray}.instagram-icon{width:20px;height:20px;flex-shrink:0}@media (max-width: 768px){.footer-container{padding:0 1rem}.footer-section:before{height:60px;background:linear-gradient(to bottom,#d1def599,#0009 40%,#000)}}.contact-page{width:100%;position:relative;overflow-x:hidden;box-sizing:border-box;min-height:100vh}.contact-page .hero-section{position:relative;width:100%;height:150vh;overflow:hidden}.contact-page .hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#000,#0000);z-index:1;pointer-events:none}.contact-page .hero-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.5) 50%,rgba(0,0,0,1) 100%);z-index:1;pointer-events:none}.contact-page .hero-image{position:absolute;left:0;width:100%}.contact-section{position:relative;width:100%;padding-top:6rem;min-height:100vh}.contact-page .footer-section:before{display:none}.contact-form-section{position:absolute;top:65%;left:39%;transform:translate(-50%,-50%);width:clamp(300px,50vw,750px);z-index:2;padding:0 clamp(1rem,2vw,2rem);box-sizing:border-box}.contact-form-container{background-color:#000000b3;padding:clamp(1rem,1.5vw,1.5rem);border-radius:.5rem;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;color:#fff;margin:0 0 clamp(1rem,2vw,1.5rem) 0;text-align:center}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-left-column,.form-right-column{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:1rem;font-weight:400;color:#b0b0b0}.form-group input,.form-group textarea{padding:.75rem;font-size:1rem;font-family:inherit;border:1px solid #555;border-radius:.25rem;background-color:#2a2a2a;color:#d0d0d0;box-sizing:border-box;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#666}.form-group input::placeholder,.form-group textarea::placeholder{color:#888}.form-group textarea{resize:vertical;min-height:100px;height:100%}.submit-button{padding:.875rem 2rem;font-size:1rem;font-weight:500;color:#fff;background-color:#000;border:1px solid #ffffff;border-radius:.25rem;cursor:pointer;transition:background-color .3s ease,transform .2s ease;align-self:center;margin-top:.5rem}.submit-button:hover{background-color:#212121;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button:disabled:hover{background-color:#000;transform:none}.form-message{padding:.875rem 1rem;border-radius:.25rem;font-size:.95rem;text-align:center;margin-top:.5rem;animation:fadeIn .3s ease}.form-message-success{background-color:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.form-message-error{background-color:#ef444433;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.portfolio-header,.portfolio-subheader{margin-left:1rem}.contact-page .hero-section{height:100vh}.contact-page .hero-section:after{height:60px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.6) 40%,rgba(0,0,0,1) 100%)}.contact-page .hero-image{object-position:54% center}.contact-form-section{left:50%;top:65%;width:clamp(280px,85vw,400px);padding:0 .8rem}.contact-form-container{padding:1rem .875rem;margin-bottom:5rem}.contact-form-title{font-size:1.5rem;margin-bottom:1rem}.contact-form{gap:1rem}.form-columns{grid-template-columns:1fr;gap:1rem}.form-left-column,.form-right-column{gap:1rem}.form-group{gap:.375rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{padding:.625rem;font-size:.9rem}.form-group textarea{min-height:80px}.submit-button{width:100%;align-self:stretch;padding:.75rem 1.5rem;font-size:.9rem}}:root{font-family:Georgia,Times New Roman,Times,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}