:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-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;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;width:100%}.content{width:100%;height:100%;display:block;background:#06141b}.lower-container{background:#06141b;text-align:center;color:#fff;padding:5px 0;width:100vw;position:relative;height:50vh}.lower-container h2{font-size:2rem;margin-top:50px;background:#06141b}.row-container{display:flex;justify-content:center;align-items:flex-start;width:100%;background:#06141b;margin:0}img{-webkit-user-drag:none;pointer-events:auto}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}body{min-height:100vh;width:100vw;display:block;background:#06141b}.content{width:100%;display:block}.lower-container,.fade-swap{background-color:#06141b}.fade-swap{will-change:transform;transform:translateY(12px);animation:slideUp .35s ease-out forwards;backface-visibility:hidden;transform:translateZ(0)}@keyframes slideUp{to{transform:translateY(0)}}.top-nav{background-color:#06141b;transform:translateY(-12px);transition:transform .6s ease;position:relative;min-height:60px}.content.is-loaded .top-nav{transform:translateY(0)}.active-indicator{position:absolute;bottom:0;left:0;height:4px;background:#c2a072;transition:transform .35s ease;will-change:transform;pointer-events:none}.top-nav-items{display:flex;flex:1;z-index:1}.hamburger{display:none;position:absolute;right:8px;top:8px;width:44px;height:44px;border:1px solid #253846;border-radius:10px;background:transparent;cursor:pointer;z-index:5;flex-direction:column;justify-content:center;align-items:center;padding:6px}.hamburger .bar{width:24px;height:3px;background-color:#fff;margin:3px 0;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger.is-open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open .bar:nth-child(2){opacity:0}.hamburger.is-open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}}.mobile-drawer{display:none;background:#06141b;border-bottom:1px solid #253846;max-height:0;overflow:hidden;transition:max-height .35s ease}.mobile-drawer.open{max-height:220px}.mobile-item{padding:12px 16px;text-align:center;color:#fff;border-top:1px solid #0d2733;font-weight:700;letter-spacing:.18em}.mobile-item:active{background:#0c1d26}@media (max-width: 768px){.hamburger{display:inline-flex}.top-nav-items,.active-indicator{display:none}.top-nav{padding-left:56px}.mobile-drawer{display:block}}@media (prefers-reduced-motion: reduce){.top-nav{transition:none!important;transform:none!important}.mobile-drawer{transition:none!important}}footer{background-color:#06141b;color:#fff;padding:20px 0;text-align:center}footer p{margin-top:10%;font-size:14px}.aboutme-section{opacity:0;transform:translateY(40px);transition:opacity .8s ease-out,transform .8s ease-out}.aboutme-section.show{opacity:1;transform:translateY(0)}.aboutme-section{background:#06141b;padding:20px 0}.aboutme-container{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:20px;max-width:1000px;margin:0 auto;background-color:#06141b;position:relative}.aboutme-text{flex:1;color:#fff;font-family:Arial,sans-serif;position:relative;z-index:2}.aboutme-pic{width:150px;height:auto;border-radius:10px;object-fit:cover}@media (max-width: 768px){.aboutme-container{flex-direction:column;text-align:center;padding:24px}.aboutme-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--aboutme-bg) center/cover no-repeat;z-index:1}.aboutme-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#06141b40;z-index:1}.aboutme-text{z-index:2;padding:20px;text-shadow:0 1px 2px rgba(0,0,0,.35)}.aboutme-pic{display:none}}.services-section,.service-row,.service-row *{background-color:transparent}.service-row{opacity:0;transform:translateY(42px);will-change:opacity,transform;transition:opacity .7s ease-out var(--delay, 0ms),transform .7s ease-out var(--delay, 0ms)}.service-row.show{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: reduce){.service-row{transition:none!important;transform:none!important;opacity:1!important}}.skill-card{background-color:#06141b;color:#fff;padding:1rem;border-radius:10px;cursor:pointer;text-align:center;opacity:0;transform:translateY(20px) scale(.98);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.skill-card.show{opacity:1;transform:translateY(0) scale(1)}.skill-card:hover{transform:scale(1.05);box-shadow:0 4px 20px #fff3;transition:transform .3s,box-shadow .3s}@media (prefers-reduced-motion: reduce){.skill-card,.skill-card.show{transition:none!important;transform:none!important;opacity:1!important}}.hero-header{--parallax-x: 0px;--parallax-y: 0px;width:100%;height:min(40vh,760px);position:relative;display:grid;place-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;background-image:url(/images/background.jpg);background-size:110% 110%;background-position:center;background-repeat:no-repeat;transform:translateZ(0);color:#fff}.hero-header{animation:kb-pan 18s ease-in-out infinite alternate paused}.hero-header.is-loaded{animation-play-state:running}@keyframes kb-pan{0%{background-position:46% 50%;background-size:110%}to{background-position:54% 48%;background-size:116%}}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,4rem);letter-spacing:.03em;font-weight:700;margin:0 0 .4rem;opacity:0;transform:translateY(14px) scale(.98);filter:blur(6px);transition:opacity .8s ease,transform .8s ease,filter .8s ease}.hero-subtitle{font-family:Lato,sans-serif;color:#c2a072;font-weight:400;font-size:clamp(1rem,2.2vw,1.25rem);letter-spacing:.02em;margin:0 0 1.2rem;opacity:0;transform:translateY(8px);transition:opacity .9s ease .12s,transform .9s ease .12s}.hero-header.is-loaded .hero-title{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.hero-header.is-loaded .hero-subtitle{opacity:1;transform:translateY(0)}.hero-cta{display:flex;gap:.75rem;opacity:0;transform:translateY(6px);transition:opacity .7s ease .22s,transform .7s ease .22s}.hero-header.is-loaded .hero-cta{opacity:1;transform:translateY(0)}.btn-ghost,.btn-solid{border-radius:999px;padding:.7rem 1.1rem;font-weight:700;text-decoration:none;border:1px solid #C2A072;color:#c2a072;background:transparent;display:inline-block;transform:translateZ(0);transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}.btn-solid{background:#c2a072;color:#06141b;border-color:transparent}.btn-ghost:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 22px #c2a07259}.orb{position:absolute;width:36vmin;aspect-ratio:1/1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#c2a07259,#c2a07200 60%);filter:blur(18px);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .8s ease .15s,transform .8s ease .15s}.hero-header.is-loaded .orb{opacity:.8;transform:translate(-50%,-50%) scale(1)}.orb-1{top:18%;left:18%;animation:drift1 16s ease-in-out infinite alternate}.orb-2{top:72%;left:28%;animation:drift2 20s ease-in-out infinite alternate}.orb-3{top:36%;left:82%;animation:drift3 22s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(-52%,-48%) scale(1)}to{transform:translate(-48%,-52%) scale(1.08)}}@keyframes drift2{0%{transform:translate(-50%,-50%) scale(.95)}to{transform:translate(-47%,-53%) scale(1.06)}}@keyframes drift3{0%{transform:translate(-53%,-49%) scale(1.02)}to{transform:translate(-49%,-54%) scale(1.1)}}.hero-header.is-loaded .orb-1,.hero-header.is-loaded .orb-2,.hero-header.is-loaded .orb-3{will-change:transform}.wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:90px;fill:#06141b;opacity:.9;transform:translateY(6px);animation:waveRise 1.2s ease .25s forwards}@keyframes waveRise{to{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero-header,.orb,.wave,.hero-title,.hero-subtitle,.hero-cta{animation:none!important;transition:none!important}}.title-with-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;text-align:left}.title-text{display:flex;flex-direction:column;align-items:flex-start}.logo-round{width:80px;height:80px;border-radius:50%;object-fit:cover;background:#fff;padding:4px}@media (max-width: 600px){.logo-round{width:60px;height:60px}.title-with-logo{gap:.75rem}}