:root{color-scheme:dark;--ink:#f0f3f8;--muted:#a7b0c0;--cyan:#00dde5;--blue:#7de8f2;--line:#272d3b;--paper:#0b0d12;--wash:#10141c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:6px}a:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}::selection{background:var(--cyan);color:var(--paper)}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#7945ff,#147bff,var(--cyan));transform:scaleX(0);transform-origin:left;z-index:20;pointer-events:none}.masthead{display:flex;align-items:center;justify-content:space-between;padding:12px 0 16px;border-bottom:1px solid var(--line)}.brand{position:relative;width:310px}.brand img{display:block;width:100%;height:auto}.brand-base{filter:brightness(0) invert(1);clip-path:inset(0 0 0 25%)}.brand-color{position:absolute;inset:0;clip-path:inset(0 75% 0 0)}.header-note{font-size:14px;color:var(--muted)}.hero{padding-top:66px;position:relative;--glow-x:85%;--glow-y:30%}.hero::before{content:"";position:absolute;inset:-40px -40px 0;background:radial-gradient(ellipse 330px 280px at var(--glow-x) var(--glow-y),#164b5e22,transparent);pointer-events:none;z-index:-1}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:50px;align-items:center}.eyebrow{display:flex;gap:13px;align-items:center;font-size:14px;letter-spacing:.035em;color:#c5cfde}.short-rule{width:29px;height:2px;background:linear-gradient(90deg,#7945ff,var(--cyan))}h1,h2,h3,p{margin:0}h1{font-size:clamp(44px,4.75vw,68px);letter-spacing:-.06em;line-height:1.09;font-weight:650;margin:30px 0}h1 span{background:linear-gradient(100deg,#77a8ff,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-bottom p{max-width:510px;color:var(--muted);font-size:17px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;border:1px solid #425564;border-radius:6px;padding:12px 24px;margin-top:28px;font-size:15px;font-weight:600;text-decoration:none;background:linear-gradient(110deg,#172d36,#182336);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.button:hover{border-color:var(--cyan);box-shadow:0 0 30px #00dde518;transform:translateY(-3px)}.hero-showcase{position:relative;padding:18px 0 100px;will-change:transform;min-width:0}.hero-showcase::before{content:"";position:absolute;inset:-30px;background:radial-gradient(ellipse,#3246b329 0,transparent 65%);z-index:-1}.hero-showcase figure{margin:0;border-radius:10px;overflow:hidden;border:1px solid #344052;background:#151a24;box-shadow:0 25px 65px #0005}.showcase-main{transform:rotate(-3deg);width:95%}.browser-bar{display:flex;align-items:center;gap:20px;padding:9px 14px;font-size:11px;color:#b1bed0;background:#19202b}.browser-dots{color:#546377;letter-spacing:2px;font-size:7px}.hero-showcase img{display:block;width:100%;height:auto;aspect-ratio:1.7;object-fit:cover;object-position:top}.hero-showcase figcaption{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:12px 16px}.hero-showcase figcaption span{font-size:11px;color:var(--muted)}.showcase-secondary{position:absolute;right:-3px;bottom:0;width:66%;transform:rotate(4deg)}.hero-foot{display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);margin-top:70px;padding:23px 0}.section{padding-block:100px}.section-label{font-size:14px;display:flex;align-items:center;gap:20px;line-height:1.5;color:#c5cfde}.section-label>span{font-size:13px;color:var(--cyan)}.about{display:grid;grid-template-columns:1fr 2fr;gap:45px;border-top:1px solid var(--line)}h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.05em;line-height:1.15;font-weight:600}.about-copy h2{margin-bottom:29px}.about-copy p{max-width:690px;color:var(--muted);margin-top:18px}.work-section{background:linear-gradient(180deg,#10141c,#0d1119);border-block:1px solid var(--line)}.work-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:30px 0 62px}.work-heading h2{font-size:clamp(38px,4.5vw,64px)}.work-heading h2 span{color:var(--blue)}.work-heading p{font-size:16px;color:var(--muted)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:68px 38px}.project{min-width:0}.project:nth-child(even){margin-top:80px}.preview{display:block;background:#19222c;overflow:hidden;aspect-ratio:1.69;border:1px solid #344052;border-radius:9px;transition:border-color .3s,box-shadow .3s,transform .3s}.preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.project:hover .preview{border-color:#658aa2;box-shadow:0 18px 40px #0004;transform:translateY(-4px)}.project:hover .preview img{transform:scale(1.035)}.project-meta{margin-top:24px;color:var(--muted);font-size:14px}.project h3{font-size:30px;font-weight:600;line-height:1.2;letter-spacing:-.04em;margin-top:9px}.project p{color:var(--muted);font-size:16px;line-height:1.7;margin-top:14px;max-width:500px}.project .note{font-size:14px}.project-links{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-top:22px;font-size:14px}.project-links a{font-weight:600;min-height:44px;display:inline-flex;align-items:center;text-decoration-color:#465e6a;transition:color .2s,text-decoration-color .2s}.project-links a:hover{color:var(--cyan);text-decoration-color:var(--cyan)}.role{color:var(--muted)}.unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:transparent;border:1px dashed #63778a;padding:30px}.unavailable strong{font-size:22px;font-weight:500}.unavailable span{font-size:14px;margin-top:10px}.collaboration{display:grid;grid-template-columns:1fr 2fr;gap:45px}.collaboration h2{font-size:clamp(36px,4.3vw,60px)}.collaboration p{max-width:530px;margin-top:25px;color:var(--muted)}.contact{background:radial-gradient(ellipse at 80% 100%,#172438,transparent 65%),#11151d;border-block:1px solid var(--line);padding:64px 0 70px}.contact-inner{display:flex;justify-content:space-between;gap:45px}.contact h2{font-size:32px;margin-top:27px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;justify-content:end;gap:10px;min-width:0}.contact-links a:first-child{font-size:clamp(19px,2.3vw,30px);color:var(--cyan);letter-spacing:-.035em}.contact-links a{min-height:44px;display:flex;align-items:center;transition:color .2s}.contact-links a:hover{color:white}footer{display:flex;justify-content:space-between;gap:22px;padding-block:28px;color:var(--muted);font-size:14px}.skip{position:fixed;top:10px;left:10px;transform:translateY(-160%);padding:10px 18px;background:var(--paper);color:white;z-index:30}.skip:focus{transform:none}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:28px}h1{font-size:clamp(40px,4.8vw,57px)}.section{padding-block:75px}.about,.collaboration{gap:30px}.contact-inner{flex-direction:column}.projects{gap:55px 28px}.project:nth-child(even){margin-top:60px}.project-links{align-items:start;flex-direction:column;gap:4px}}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:640px}h1{font-size:clamp(44px,7vw,65px)}.hero-showcase{width:min(580px,92%);margin:30px auto 0;padding-bottom:110px}.hero-foot{margin-top:45px}.brand{width:260px}.about,.collaboration{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.masthead{padding:8px 0}.brand{width:210px;max-width:65%}.header-note{font-size:12px}.hero{padding-top:36px}.hero::before{inset:0}.eyebrow{font-size:12px}h1{font-size:clamp(38px,10.2vw,58px);letter-spacing:-.058em;line-height:1.1;margin:25px 0}.hero-bottom p{font-size:16px}.button{margin-top:25px}.hero-showcase{width:95%;padding:14px 0 90px;margin-top:28px}.browser-bar{font-size:10px;padding:7px 10px}.hero-showcase figcaption{font-size:12px;padding:9px 12px}.hero-showcase figcaption span{font-size:10px}.hero-foot{margin-top:40px;align-items:start;font-size:12px}.hero-foot span:first-child{max-width:230px}.section{padding-block:60px}.about-copy h2{font-size:34px}.work-heading{display:block;margin:27px 0 35px}.work-heading p{margin-top:20px}.projects{grid-template-columns:1fr;gap:45px}.project:nth-child(even){margin-top:0}.project-meta{font-size:13px;margin-top:18px}.project h3{font-size:28px}.project-links{flex-direction:row;align-items:center}.contact{padding:48px 0}.contact-inner{gap:25px}.contact h2{font-size:29px}.contact-links a:first-child{font-size:22px;overflow-wrap:anywhere}.contact-links{max-width:100%}footer{font-size:12px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-showcase,.project:hover .preview,.project:hover .preview img,.button:hover{transform:none!important}}
.hero{isolation:isolate}.hero::before,.hero-showcase::before{inset:0}
.ambient-background{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 25%,#37266b55,transparent 52%),radial-gradient(ellipse at 90% 65%,#00677444,transparent 55%),#0b0d12;z-index:-1}
.masthead,main,.legal-area,footer{position:relative}.scene{position:relative;display:flex;align-items:center;min-height:100svh;border-top:1px solid #34405280;background:linear-gradient(130deg,#11141d,#0b1018);border-radius:28px 28px 0 0;box-shadow:0 -18px 65px #0003}.scene.is-pinned{position:sticky;top:0}.scene-hero{z-index:1;border:0;border-radius:0;background:transparent}.scene-about{z-index:2}.scene-work{z-index:3}.scene-collaboration{z-index:4}.scene-contact{z-index:5;min-height:75svh}.scene>section{width:100%}.scene>section.wrap{width:min(1280px,calc(100% - 112px))}.about{border:0}.work-section,.contact{background:transparent;border:0}.hero{padding-bottom:15px}.legal-area,footer{z-index:6;background:var(--paper)}
.preview{position:relative}.preview-hint{position:absolute;bottom:12px;right:12px;padding:6px 12px;background:#0b0d12e6;color:#fff;border:1px solid #596675;border-radius:5px;font-size:12px}.applications{margin-top:100px;padding-top:60px;border-top:1px solid var(--line)}.applications-title{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.2;margin-bottom:40px}.app-projects{grid-template-columns:1fr;gap:65px}.app-projects .project:nth-child(even){margin-top:0}.app-projects .preview{aspect-ratio:2.08}.app-projects .preview img{object-fit:contain}.app-projects .project p{max-width:700px}.app-projects .project:hover .preview img{transform:none}
.contact-icon{width:24px;height:24px;flex-shrink:0}.contact-links a{gap:12px}.contact-links a span{min-width:0;overflow-wrap:anywhere}.legal-area{padding:28px 0}.legal-area details{border-bottom:1px solid var(--line);padding:18px 0}.legal-area summary{cursor:pointer;font-size:15px;color:#c5cfde;min-height:32px}.legal-area summary:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.legal-copy{max-width:850px;font-size:15px;color:var(--muted);padding:28px 0 15px}.legal-copy h2{font-size:28px;color:var(--ink);margin-bottom:24px}.legal-copy h3{font-size:19px;color:var(--ink);margin:26px 0 12px}.legal-copy p+p{margin-top:16px}.legal-date{font-size:13px;margin-top:25px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 25px}
dialog{color:var(--ink);background:#111722;border:1px solid #465166;border-radius:12px;padding:18px;max-width:94vw;width:1500px;max-height:92vh}dialog::backdrop{background:#05070be8;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.dialog-top h2{font-size:24px}.dialog-close{font:inherit;font-size:14px;min-height:44px;padding:8px 15px;background:#202b3b;color:white;border:1px solid #52627b;border-radius:5px;cursor:pointer}dialog img{display:block;max-height:calc(92vh - 115px);width:100%;object-fit:contain}
@media(max-width:1100px){.scene>section.wrap{width:calc(100% - 64px)}}
@media(max-width:640px){.scene{border-radius:18px 18px 0 0}.scene>section.wrap{width:calc(100% - 40px)}.contact-links a:first-child{font-size:20px}.contact-icon{width:21px;height:21px}.contact-links a{gap:9px}.applications{margin-top:65px;padding-top:40px}.applications-title{margin-bottom:28px}.preview-hint{font-size:10px;bottom:7px;right:7px;padding:4px 8px}.app-projects{gap:45px}dialog{padding:12px}.dialog-top h2{font-size:20px}.dialog-close{font-size:12px;padding:6px 10px}.footer-links{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){.scene.is-pinned{position:relative}.scene{min-height:auto}.scene-hero{padding-bottom:15px}dialog::backdrop{backdrop-filter:none}}
.hero::before{display:none}.scene-hero{isolation:isolate;--glow-x:75%;--glow-y:35%}.scene-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle 420px at var(--glow-x) var(--glow-y),#0b809d25,transparent 72%)}
.projects{max-width:1100px;margin-inline:auto;gap:65px 42px}.project-browser{aspect-ratio:auto;text-decoration:none;background:#151c28;border-radius:12px;box-shadow:0 14px 40px #0003}.project-browser .browser-bar{font-size:12px;padding:11px 15px;gap:16px;border-bottom:1px solid #303b4d}.frame-expand{margin-left:auto;color:#97b9c9;font-size:16px}.frame-image{aspect-ratio:1.72;overflow:hidden;background:#10151f}.project-browser .frame-image img{width:100%;height:100%;object-fit:cover;object-position:top}.frame-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 16px;border-top:1px solid #303b4d;font-size:14px}.frame-caption strong{font-weight:500}.frame-caption>span{color:var(--muted);font-size:11px}.project h3{font-size:27px}.project p{font-size:15px}.project-meta{font-size:12px}.project:hover .preview img{transform:scale(1.018)}.app-projects{grid-template-columns:1fr 1fr;gap:42px;align-items:start}.app-projects .preview{aspect-ratio:auto}.app-projects .frame-image{aspect-ratio:2.08}.app-projects .project p{max-width:500px}.app-projects .project-meta{margin-top:20px}.app-projects .project:hover .preview img{transform:none}
.contact{padding-block:85px}.contact-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px}.contact-heading h2{font-size:clamp(36px,4vw,58px);line-height:1.12;margin:30px 0 24px;letter-spacing:-.055em}.contact-heading h2 span{background:linear-gradient(100deg,#7fa6ff,var(--cyan));color:transparent;background-clip:text;-webkit-background-clip:text}.contact-heading p{font-size:16px;color:var(--muted)}.contact-options{min-width:0}.contact-options a{text-decoration:none;transition:border-color .25s,background .25s,transform .25s}.contact-email{display:block;padding:28px;background:radial-gradient(ellipse at top right,#18414f66,transparent 80%),#141e2a;border:1px solid #3c566a;border-radius:16px}.contact-option-top{display:flex;gap:13px;align-items:center;font-size:14px;color:#bdd2e1}.contact-arrow{margin-left:auto;color:var(--cyan);font-size:22px;font-weight:400}.contact-value{display:block;font-size:clamp(19px,2vw,27px);letter-spacing:-.025em;overflow-wrap:anywhere;color:var(--ink);margin-top:22px}.contact-option-note{display:block;font-size:13px;color:var(--muted);margin-top:9px}.contact-secondary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.contact-secondary>a{display:flex;align-items:center;gap:12px;padding:21px 16px;border:1px solid #334153;border-radius:12px;background:#121b27;min-width:0}.contact-secondary small{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.contact-secondary strong{display:block;font-size:14px;font-weight:500;white-space:nowrap}.contact-secondary .contact-arrow{font-size:18px}.contact-secondary .contact-icon{width:21px;height:21px;color:#b4d5df}.contact-secondary .whatsapp{background:#132825;border-color:#2c5447}.whatsapp .contact-icon,.whatsapp .contact-arrow{color:#83dfb0}.contact-options a:hover{border-color:var(--cyan);transform:translateY(-3px);background-color:#1a2b39}.contact-options .whatsapp:hover{border-color:#83dfb0;background-color:#1a352b}
@media(max-width:1100px){.contact-inner{grid-template-columns:1fr;gap:40px}.contact-options{width:min(650px,100%)}.projects{gap:50px 32px}.contact-secondary strong{font-size:16px}}
@media(max-width:640px){.app-projects{grid-template-columns:1fr;gap:42px}.projects{gap:42px}.project-browser .browser-bar{font-size:10px;gap:12px;padding:9px 12px}.frame-caption{padding:11px 12px;font-size:12px}.frame-caption>span{font-size:10px}.contact{padding-block:60px}.contact-inner{gap:30px}.contact-heading h2{font-size:36px}.contact-email{padding:22px}.contact-secondary{grid-template-columns:1fr}.contact-secondary>a{padding:18px 22px}.contact-secondary strong{font-size:16px}.contact-value{font-size:20px}.contact-option-note{font-size:12px}}

footer{display:block;width:100%;background:#0b0d12;background-image:none;box-shadow:none}.footer-inner{display:flex;justify-content:space-between;gap:22px;align-items:center}@media(max-width:640px){.footer-inner{flex-wrap:wrap;gap:12px}}