@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-bg:#09090b;--color-bg-subtle:#0f0f13;--color-surface:#141418;--color-surface-hover:#18181f;--color-gold:#e8b883;--color-gold-hover:#f1c79a;--color-gold-subtle:#e8b88314;--color-gold-border:#e8b88347;--color-text-primary:#fff;--color-text-secondary:#b5b5be;--color-text-muted:#8e8e98;--border-subtle:#ffffff12;--border-medium:#ffffff1f;--shadow-subtle:0 4px 20px #00000073;--shadow-card:0 10px 30px #0000008c;--ease-editorial:cubic-bezier(.22, 1, .36, 1);--duration-fast:.16s;--duration-normal:.28s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#232328;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-gold)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-primary);letter-spacing:-.02em;font-weight:700;line-height:1.15}a{color:inherit;text-decoration:none}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--color-gold);outline-offset:3px}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media (width<=640px){.container{padding:0 16px}}.section-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:56px;display:flex}.gold-accent-bar{background-color:var(--color-gold);border-radius:1px;width:32px;height:2px;margin-bottom:18px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-primary);font-size:clamp(1.85rem,3.8vw,2.5rem);font-weight:800}.section-subtitle{color:var(--color-text-secondary);max-width:540px;margin-top:10px;font-size:1rem;line-height:1.55}.btn-gold{background-color:var(--color-gold);color:#0c0c0e;transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease;cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:.92rem;font-weight:600;display:inline-flex}.btn-gold:hover{background-color:var(--color-gold-hover);transform:translateY(-1px)}.btn-gold:active{transform:translateY(0)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--border-medium);transition:all var(--duration-fast) ease;background:0 0;border-radius:9999px;justify-content:center;align-items:center;gap:8px;padding:11px 26px;font-size:.92rem;font-weight:500;display:inline-flex}.btn-outline:hover{border-color:var(--color-gold-border);color:var(--color-gold);background:#ffffff0a;transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.digital-card-stage{background-color:#070709;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:44px 16px;display:flex;position:relative;overflow-x:hidden}.ambient-stage-glow{pointer-events:none;z-index:0;filter:blur(80px);background:radial-gradient(circle,#e8b88309 0%,#14141c03 70%,#0000 100%);width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-canvas-center{z-index:1;justify-content:center;width:100%;max-width:600px;display:flex;position:relative}.digital-portfolio-card{background:#0d0d10;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;width:100%;padding:28px 24px 32px;display:flex;box-shadow:0 24px 60px -15px #000000e6,inset 0 1px #ffffff14}.card-profile-header{flex-direction:column;display:flex}.profile-identity-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand-moniker{font-family:var(--font-heading);letter-spacing:.1em;color:var(--color-text-primary);text-transform:uppercase;font-size:.8rem;font-weight:700}.status-indicator{color:#4ade80;letter-spacing:.04em;text-transform:lowercase;font-size:.72rem;font-weight:500}.profile-hero-frame{aspect-ratio:16/9;background:#08080a;border-radius:16px;width:100%;margin-bottom:24px;overflow:hidden}.profile-hero-img{object-fit:cover;width:100%;height:100%;display:block}.profile-copy-block{flex-direction:column;display:flex}.profile-headline{letter-spacing:-.03em;color:var(--color-text-primary);flex-direction:column;margin-bottom:16px;font-size:clamp(2.2rem,5.2vw,2.9rem);font-weight:800;line-height:1.05;display:flex}.profile-headline .accent-word{color:var(--color-gold)}.profile-bio-text{color:var(--color-text-secondary);max-width:520px;margin-bottom:22px;font-size:.94rem;line-height:1.6}.profile-cta-row{align-items:center;margin-bottom:4px;display:flex}.btn-contact-primary{background-color:var(--color-gold);color:#0c0c0e;cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:12px 24px;font-size:.88rem;font-weight:600;transition:background-color .2s,transform .2s;display:inline-flex}.btn-contact-primary:hover{background-color:var(--color-gold-hover);transform:translateY(-1px)}.technical-skills-wrap{border-top:1px solid #ffffff0f;flex-direction:column;gap:14px;margin-top:32px;padding-top:24px;display:flex}.skills-label{letter-spacing:.12em;text-transform:lowercase;color:var(--color-text-muted);font-size:.74rem;font-weight:600;font-family:var(--font-heading)}.adobe-icons-strip{grid-template-columns:repeat(4,1fr);gap:12px;max-width:380px;display:grid}.adobe-icon-unit{flex-direction:column;align-items:center;gap:6px;display:flex}.adobe-box{border:1px solid;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex;box-shadow:0 4px 12px #0006}.adobe-icon-unit:hover .adobe-box{transform:translateY(-2px)}.adobe-abbr{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.adobe-subtext{color:var(--color-text-muted);font-size:.68rem;font-weight:500}.card-works-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:20px;margin-top:40px;padding-top:28px;display:flex}.works-title{letter-spacing:-.02em;color:var(--color-text-primary);text-transform:lowercase;font-size:clamp(2rem,4.4vw,2.5rem);font-weight:800}.works-natural-stream{flex-direction:column;gap:16px;display:flex}.stream-video-item{width:100%}.stream-reels-pair{grid-template-columns:1fr 1fr;gap:14px;width:100%;display:grid}.direct-video-frame{background:#08080a;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 4px 16px #0006}.direct-video-frame.frame-16-9{aspect-ratio:16/9}.direct-video-frame.frame-9-16{aspect-ratio:9/16}.video-poster-direct{cursor:pointer;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.video-direct-img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-editorial);display:block}.video-poster-direct:hover .video-direct-img{transform:scale(1.025)}.poster-subtle-scrim{background:#0003;transition:background .2s;position:absolute;inset:0}.video-poster-direct:hover .poster-subtle-scrim{background:#0000001a}.play-btn-minimal{background:var(--color-gold);color:#0c0c0e;z-index:2;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background-color .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #0009}.play-btn-minimal svg{margin-left:2px}.video-poster-direct:hover .play-btn-minimal{background-color:var(--color-gold-hover);transform:translate(-50%,-50%)scale(1.08)}.video-player-active-wrap{background:#000;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.video-embed-iframe{border:0;width:100%;height:100%;display:block}.active-controls-bar{pointer-events:auto;z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.minimal-ctrl-btn{-webkit-backdrop-filter:blur(8px);color:var(--color-text-primary);cursor:pointer;background:#0a0a0ee0;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:5px;padding:4px 9px;font-size:.68rem;font-weight:600;transition:all .2s;display:inline-flex}.minimal-ctrl-btn:hover{border-color:var(--color-gold);color:var(--color-gold);background:#e8b88333}.sound-toggle-btn.is-unmuted{color:#4ade80;border-color:#4ade8066}.audio-state-text{font-size:.64rem}.video-fallback-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.fallback-overlay-content{-webkit-backdrop-filter:blur(4px);text-align:center;z-index:2;background:#0a0a0ebf;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;display:flex;position:absolute;inset:0}.fallback-notice{color:var(--color-text-secondary);letter-spacing:-.01em;font-size:.74rem;font-weight:500}.btn-fallback-direct{background:var(--color-gold);color:#0c0c0e;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.74rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-fallback-direct:hover{background:var(--color-gold-hover);transform:translateY(-1px)}.card-contact-section{border-top:1px solid #ffffff0f;flex-direction:column;gap:14px;margin-top:48px;padding-top:32px;display:flex}.contact-heading{letter-spacing:-.02em;color:var(--color-text-primary);font-size:clamp(1.8rem,4vw,2.3rem);font-weight:800}.contact-subhead{color:var(--color-text-secondary);margin-bottom:8px;font-size:.95rem}.contact-actions-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px;display:grid}.btn-touch{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-whatsapp{color:#25d366;background:#25d3661f;border:1px solid #25d3664d}.btn-whatsapp:hover{color:#070709;background:#25d366}.btn-email{color:var(--color-gold);background:#e8b8831f;border:1px solid #e8b8834d}.btn-email:hover{background:var(--color-gold);color:#0c0c0e}.email-fallback-notice{color:var(--color-text-secondary);background:#e8b88314;border:1px solid #e8b88333;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:-2px;margin-bottom:6px;padding:8px 12px;font-size:.74rem;display:flex}.email-fallback-link{color:var(--color-gold);white-space:nowrap;font-weight:600;text-decoration:underline;transition:color .2s}.email-fallback-link:hover{color:var(--color-gold-hover)}.contact-details-box{background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.contact-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.contact-line-link{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:.84rem;text-decoration:none;transition:color .2s;display:inline-flex}.contact-line-link:hover{color:var(--color-gold)}.icon-muted{color:var(--color-text-muted)}.copy-btn-minimal{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .2s}.copy-btn-minimal:hover{color:var(--color-gold)}.text-success{color:#4ade80}.card-footer{color:var(--color-text-muted);border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:36px;padding-top:16px;font-size:.72rem;display:flex}.footer-name{font-family:var(--font-heading);letter-spacing:.06em;color:var(--color-text-secondary);text-transform:uppercase;font-weight:700}@media (width<=640px){.digital-card-stage{padding:16px 10px}.digital-portfolio-card{border-radius:18px;padding:18px 16px 24px}.profile-headline{font-size:2.1rem}.adobe-icons-strip{gap:8px}.adobe-box{width:38px;height:38px}.stream-reels-pair{gap:10px}.contact-actions-grid{grid-template-columns:1fr}}
