*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Karla",sans-serif;font-size:18px;font-weight:400;line-height:1.6;color:#fff;background:#121212;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"ivyepic",serif;font-weight:900;line-height:1.1}h1{font-size:clamp(40px,6vw,72px)}h2{font-size:clamp(32px,5vw,56px)}h3{font-size:clamp(24px,3vw,32px)}p{margin-bottom:24px}a{color:inherit;text-decoration:none;transition:color .3s ease}a:hover{color:#6e01bc}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}.accent{color:#6e01bc}.container{max-width:1400px;margin:0 auto;padding:0 clamp(30px,5vw,80px)}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:24px clamp(30px,5vw,80px);background:rgba(0,0,0,0);transition:background .3s ease}.site-header.scrolled{background:rgba(18,18,18,.95);backdrop-filter:blur(10px)}.logo{font-family:"ivyepic",serif;font-size:24px;font-weight:900;letter-spacing:2px;text-transform:lowercase}.hamburger{font-size:24px;cursor:pointer;background:none;border:none;color:#fff;padding:8px;transition:color .3s ease}.hamburger:hover{color:#6e01bc}.nav-dropdown{position:absolute;top:100%;right:clamp(30px,5vw,80px);background:rgba(18,18,18,.98);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px 0;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}.nav-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown a{display:block;padding:16px 24px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:background .3s ease,color .3s ease}.nav-dropdown a:hover{background:rgba(110,1,188,.1);color:#6e01bc}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px clamp(30px,5vw,80px);position:relative;overflow:hidden}.hero__background{position:absolute;inset:0;z-index:-1}.hero__background img{width:100%;height:100%;object-fit:cover;opacity:.3}.hero__background::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(18, 18, 18, 0.4), rgba(18, 18, 18, 0.9))}.hero h1{font-size:clamp(60px,10vw,106px);font-weight:900;line-height:.95;max-width:900px}.social-links{position:absolute;bottom:40px;left:clamp(30px,5vw,80px);display:flex;gap:16px}.social-links a{font-size:20px;opacity:.6;transition:opacity .3s ease,color .3s ease}.social-links a:hover{opacity:1;color:#6e01bc}.section{padding:120px clamp(30px,5vw,80px)}.section--dark{background:#121212}.section--light{background:#fff;color:#121212}.about{max-width:800px}.about h2{margin-bottom:40px}.about p{font-size:20px;color:hsla(0,0%,100%,.6)}.stats{display:flex;gap:80px;margin-top:80px;flex-wrap:wrap}.stat__number{font-family:"ivyepic",serif;font-size:clamp(48px,8vw,80px);font-weight:900;line-height:1;color:#6e01bc}.stat__label{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:hsla(0,0%,100%,.6);margin-top:8px}.portfolio h2{margin-bottom:80px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:24px}.portfolio-item{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:8px;cursor:pointer}.portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease cubic-bezier(0.4, 0, 0.2, 1)}.portfolio-item:hover img{transform:scale(1.05)}.portfolio-item__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(18, 18, 18, 0.9), transparent);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;opacity:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-item__overlay{opacity:1}.portfolio-item__title{font-size:clamp(24px,3vw,32px);margin-bottom:8px}.portfolio-item__desc{font-size:14px;color:hsla(0,0%,100%,.6)}.portfolio-item__cta{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#6e01bc;color:#fff;padding:15px 40px;border-radius:50px;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;opacity:0;transition:opacity .3s ease;pointer-events:none}.portfolio-item:hover .portfolio-item__cta{opacity:1}.cta-section{text-align:center}.cta-section h2{margin-bottom:40px}.cta-buttons{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.site-footer{padding:80px clamp(30px,5vw,80px);text-align:center;font-size:14px;color:hsla(0,0%,100%,.6);border-top:1px solid hsla(0,0%,100%,.1)}.site-footer .footer-contact{margin-bottom:24px}.site-footer .footer-contact a{color:#fff}.site-footer .footer-contact a:hover{color:#6e01bc}.site-footer .footer-social{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.site-footer .footer-social a{opacity:.6}.site-footer .footer-social a:hover{opacity:1;color:#6e01bc}.button{display:inline-block;padding:18px 50px;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-decoration:none}.button--primary{background:#6e01bc;color:#fff}.button--primary:hover{background:#5a01a0;transform:translateY(-2px);box-shadow:0 10px 30px rgba(110,1,188,.3);color:#fff}.button--secondary{background:rgba(0,0,0,0);color:#fff;border:2px solid #fff}.button--secondary:hover{background:#fff;color:#121212}.button--dark{background:rgba(0,0,0,0);color:#121212;border:2px solid #121212}.button--dark:hover{background:#121212;color:#fff}.post-list{display:grid;gap:40px}.post-card{padding:40px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;transition:border-color .3s ease,transform .3s ease}.post-card:hover{border-color:#6e01bc;transform:translateY(-4px)}.post-card__meta{font-size:14px;color:hsla(0,0%,100%,.6);margin-bottom:16px}.post-card__title{font-size:clamp(24px,3vw,32px);margin-bottom:16px}.post-card__title a:hover{color:#6e01bc}.post-card__excerpt{color:hsla(0,0%,100%,.6);margin-bottom:24px}.post-card__read-more{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#6e01bc}.post-card__read-more:hover{text-decoration:underline}.project-card{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:8px;margin-bottom:40px}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease cubic-bezier(0.4, 0, 0.2, 1)}.project-card:hover img{transform:scale(1.05)}.project-card__content{position:absolute;inset:0;background:linear-gradient(to top, rgba(18, 18, 18, 0.9) 0%, transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:40px}.project-card__title{font-size:clamp(24px,3vw,32px);margin-bottom:8px}.project-card__desc{font-size:18px;color:hsla(0,0%,100%,.6)}.post-header,.project-header{padding:120px clamp(30px,5vw,80px) 80px;text-align:center}.post-header h1,.project-header h1{margin-bottom:24px}.post-header .meta,.project-header .meta{font-size:14px;color:hsla(0,0%,100%,.6)}.post-content,.project-content{max-width:800px;margin:0 auto;padding:0 clamp(30px,5vw,80px) 120px}.post-content h2,.post-content h3,.post-content h4,.project-content h2,.project-content h3,.project-content h4{margin-top:80px;margin-bottom:24px}.post-content p,.project-content p{margin-bottom:24px}.post-content ul,.post-content ol,.project-content ul,.project-content ol{margin-bottom:24px;padding-left:24px;list-style:disc}.post-content ul li,.post-content ol li,.project-content ul li,.project-content ol li{margin-bottom:8px}.post-content blockquote,.project-content blockquote{border-left:4px solid #6e01bc;padding-left:24px;margin:40px 0;font-style:italic;color:hsla(0,0%,100%,.6)}.post-content code,.project-content code{background:hsla(0,0%,100%,.1);padding:2px 6px;border-radius:4px;font-size:.9em}.post-content pre,.project-content pre{background:hsla(0,0%,100%,.05);padding:24px;border-radius:8px;overflow-x:auto;margin-bottom:24px}.post-content pre code,.project-content pre code{background:none;padding:0}.post-content img,.project-content img{border-radius:8px;margin:40px 0}.page-header{padding:120px clamp(30px,5vw,80px) 80px}.page-header h1{margin-bottom:24px}.page-header .lead{font-size:20px;color:hsla(0,0%,100%,.6);max-width:600px}.page-content{padding:0 clamp(30px,5vw,80px) 120px;max-width:900px}.fade-in-up{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(0.4, 0, 0.2, 1),transform .8s cubic-bezier(0.4, 0, 0.2, 1)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .8s cubic-bezier(0.4, 0, 0.2, 1)}.fade-in.visible{opacity:1}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1),transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.stagger-children.visible>*{opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(1){transition-delay:0.1s}.stagger-children.visible>*:nth-child(2){transition-delay:0.2s}.stagger-children.visible>*:nth-child(3){transition-delay:0.3s}.stagger-children.visible>*:nth-child(4){transition-delay:0.4s}.stagger-children.visible>*:nth-child(5){transition-delay:0.5s}.stagger-children.visible>*:nth-child(6){transition-delay:0.6s}.stagger-children.visible>*:nth-child(7){transition-delay:0.7s}.stagger-children.visible>*:nth-child(8){transition-delay:0.8s}.stagger-children.visible>*:nth-child(9){transition-delay:0.9s}.stagger-children.visible>*:nth-child(10){transition-delay:1s}.scale-in{opacity:0;transform:scale(0.95);transition:opacity .6s cubic-bezier(0.4, 0, 0.2, 1),transform .6s cubic-bezier(0.4, 0, 0.2, 1)}.scale-in.visible{opacity:1;transform:scale(1)}.counter{font-variant-numeric:tabular-nums}/*# sourceMappingURL=main.css.map */