: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}}.work-page{background-color:#06141b;color:#fff;padding:60px 20px 40px}.work-heading{text-align:center;color:#c2a072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,2.75rem);margin:0 0 .5rem}.work-subheading{text-align:center;color:#9fb2bd;max-width:560px;margin:0 auto 2.5rem;font-family:Lato,sans-serif;line-height:1.5}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto}.project-tile{position:relative;width:100%;border:1px solid #1a2f3a;border-radius:16px;overflow:hidden;background:#0c1d26;cursor:pointer;padding:0;text-align:left;color:inherit;font:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.project-tile:hover,.project-tile:focus-visible{transform:translateY(-6px);box-shadow:0 16px 32px #00000073;border-color:#c2a07280;outline:none}.project-tile-media{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#0c1d26}.project-tile-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-tile:hover .project-tile-media img{transform:scale(1.06)}.project-tile-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;color:#c2a072;background:linear-gradient(145deg,#0d2733,#06141b);font-weight:700}.project-tile-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#06141beb,#06141b00 55%);pointer-events:none}.project-tile-info{padding:14px 16px 18px}.project-tile-info h3{margin:0 0 6px;font-size:1.05rem;color:#fff}.project-tile-cta{font-size:.8rem;color:#c2a072;font-weight:600;letter-spacing:.03em}.project-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040c10c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:60px 16px;overflow-y:auto;z-index:100;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.project-modal{position:relative;width:100%;max-width:760px;background:#0c1d26;border:1px solid #1a2f3a;border-radius:18px;padding:32px;box-shadow:0 30px 60px #00000080;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.project-modal-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(194,160,114,.4);background:#c2a07214;color:#c2a072;font-size:1.4rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.project-modal-close:hover{background:#c2a07233;transform:rotate(90deg)}.project-modal-title{color:#c2a072;margin:0 32px 18px 0;font-family:Playfair Display,serif;font-size:1.6rem}.project-modal-media{margin-bottom:20px;border-radius:12px;overflow:hidden;background:#06141b}.project-modal-media iframe{display:block;width:100%;aspect-ratio:16 / 9;height:auto;border:0}.project-modal-media img{width:100%;display:block}.project-modal-text{line-height:1.6;margin:0 0 12px;color:#dbe4e9}.project-modal-note{font-style:italic;color:#8fa1ab;margin:0 0 16px}.project-modal-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.project-modal-link{width:fit-content;padding:.6rem 1.2rem;border-radius:999px;border:1px solid #c2a072;background:#c2a072;color:#06141b;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.project-modal-link:hover{transform:translateY(-2px);box-shadow:0 8px 20px #c2a07259}.project-modal-link--ghost{background:transparent;color:#c2a072}.project-modal-link--ghost:hover{box-shadow:0 8px 20px #00000040}@media (max-width: 600px){.project-modal{padding:24px 18px}.project-modal-backdrop{padding:32px 12px}}.contact-page{background-color:#06141b;color:#fff;padding:60px 20px 40px}.contact-heading{text-align:center;color:#c2a072;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,2.75rem);margin:0 0 .5rem}.contact-subheading{text-align:center;color:#9fb2bd;max-width:520px;margin:0 auto 2.5rem;font-family:Lato,sans-serif;line-height:1.5}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:760px;margin:0 auto 40px}.contact-card{display:flex;align-items:center;width:100%;gap:16px;padding:20px;border-radius:16px;border:1px solid #1a2f3a;background:#0c1d26;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.contact-card:hover,.contact-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 32px #0006;border-color:#c2a07280;outline:none}.contact-card-icon{flex:none;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#c2a0721a;color:#c2a072}.contact-card-icon svg{width:22px;height:22px}.contact-card--whatsapp .contact-card-icon{background:#25d3661f;color:#25d366}.contact-card-text{display:flex;flex-direction:column;width:auto;min-width:0;flex:1}.contact-card-label{width:100%;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#8fa1ab;margin-bottom:2px}.contact-card-value{width:100%;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-card-arrow{flex:none;width:auto;color:#c2a072;font-size:1.2rem;transform:translate(0);transition:transform .25s ease}.contact-card:hover .contact-card-arrow{transform:translate(4px)}@media (max-width: 600px){.contact-grid{grid-template-columns:1fr}}.hero-header{--parallax-x: 0px;--parallax-y: 0px;width:100%;height:min(58vh,640px);min-height:420px;position:relative;display:grid;place-items:center;overflow:hidden;-webkit-user-select:none;user-select:none;background-image:url(/images/header-bg.svg);background-size:110% 110%;background-position:center;background-repeat:no-repeat;transform:translateZ(0);color:#fff}@media (min-width: 768px){.hero-header{height:min(72vh,760px);min-height:500px}}@media (min-width: 1200px){.hero-header{height:min(82vh,880px);min-height:560px}}.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%}}.overlay{position:relative;z-index:2;width:100%;height:100%;max-width:1100px;margin:0 auto;background:radial-gradient(ellipse at 50% 30%,#06141b26,#06141bb3 75%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;gap:1.15rem;transform:translate(var(--parallax-x),var(--parallax-y));transition:transform .12s ease-out}@media (min-width: 1200px){.overlay{max-width:1280px;gap:1.6rem;padding:0 40px}}.hero-badge{display:inline-flex;width:fit-content;align-items:center;gap:.55rem;padding:.45rem .95rem;border-radius:999px;border:1px solid rgba(194,160,114,.4);background:#c2a07214;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#c2a072;font-family:Lato,sans-serif;font-size:.75rem;letter-spacing:.09em;text-transform:uppercase;font-weight:600;opacity:0;transform:translateY(10px);transition:opacity .7s ease,transform .7s ease}.hero-header.is-loaded .hero-badge{opacity:1;transform:translateY(0)}.badge-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#c2a072;animation:pulseDot 2.2s ease-in-out infinite}@keyframes pulseDot{0%{box-shadow:0 0 #c2a0728c}70%{box-shadow:0 0 0 8px #c2a07200}to{box-shadow:0 0 #c2a07200}}.hero-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,5rem);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.4rem);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)}.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}.scroll-cue{position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:22px;height:36px;border:2px solid rgba(255,255,255,.35);border-radius:999px;z-index:2;opacity:0;transition:opacity .8s ease .5s}.hero-header.is-loaded .scroll-cue{opacity:1}.scroll-cue-line{position:absolute;top:6px;left:50%;width:4px;height:8px;border-radius:2px;background:#c2a072;transform:translate(-50%);animation:scrollDown 1.6s ease-in-out infinite}@keyframes scrollDown{0%{opacity:0;top:6px}30%{opacity:1}80%{opacity:0;top:18px}to{opacity:0;top:18px}}@media (max-width: 600px){.scroll-cue{display:none}}.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,.logo-ring-circle{animation:none!important;transition:none!important}}.title-with-logo{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:left}.title-text{display:flex;flex-direction:column;align-items:flex-start}.logo-ring-wrap{position:relative;width:80px;height:80px;flex:none;opacity:0;transform:translateY(10px) scale(.9);transition:opacity .8s ease,transform .8s ease}.hero-header.is-loaded .logo-ring-wrap{opacity:1;transform:translateY(0) scale(1)}.logo-round{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);border-radius:50%;object-fit:cover;background:#fff;padding:4px;box-shadow:0 8px 20px #00000059}.logo-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.logo-ring-circle{fill:none;stroke:#c2a072;stroke-width:3;stroke-linecap:round;stroke-dasharray:289;stroke-dashoffset:289;transition:stroke-dashoffset 1.7s cubic-bezier(.4,0,.2,1) .4s;filter:drop-shadow(0 0 6px rgba(194,160,114,.45))}.hero-header.is-loaded .logo-ring-circle{stroke-dashoffset:0}@media (min-width: 1200px){.logo-ring-wrap{width:96px;height:96px}}@media (max-width: 600px){.logo-ring-wrap{width:60px;height:60px}.title-with-logo{gap:.75rem}}