:root{--ink:#151616;--paper:#f2eee6;--paper-2:#e9e3d8;--muted:#716f68;--line:#1516162b;--coral:#ff5b4d;--amber:#f3a529}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--coral);color:#fff}.site-header{border-bottom:1px solid var(--line);z-index:10;height:88px;color:var(--paper);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;display:grid;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:13px;width:fit-content;display:flex}.brand>span{width:38px;height:38px;font:700 14px var(--font-geist-mono);border:1px solid;place-items:center;display:grid}.brand small{text-transform:uppercase;font:500 10px/1.3 var(--font-geist-mono);letter-spacing:.12em}.site-header .brand>span{border-width:2px;border-radius:5px;padding-bottom:4px;font-size:15px;line-height:1;position:relative;overflow:hidden}.site-header .brand>span:before,.site-header .brand>span:after{content:"";height:3px;position:absolute;bottom:4px}.site-header .brand>span:before{background:var(--coral);left:5px;right:12px}.site-header .brand>span:after{background:var(--amber);width:5px;right:5px}.site-header nav{gap:34px;font-size:13px;display:flex}.site-header nav a,.header-cta{transition:color .2s}.site-header nav a:hover,.header-cta:hover{color:var(--amber)}.header-cta{font:600 12px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.08em;justify-self:end}.header-cta span,.text-link span,.button span,.profile-links span{color:var(--coral)}.hero{background:var(--ink);min-height:800px;color:var(--paper);grid-template-columns:53% 47%;display:grid}.hero-copy{padding:162px 5vw 62px;position:relative}.eyebrow,.kicker{text-transform:uppercase;font:600 11px var(--font-geist-mono);letter-spacing:.15em}.eyebrow{color:#bdb8ae;align-items:center;gap:10px;display:flex}.eyebrow span,.availability span{background:var(--coral);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ff5b4d26}.hero h1{letter-spacing:-.07em;margin:50px 0 44px;font-size:clamp(66px,7.2vw,122px);font-weight:650;line-height:.83}h1 em,h2 em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:var(--coral)}.hero-intro{color:#c8c3b9;max-width:600px;font-size:19px;line-height:1.65}.hero-actions{align-items:center;gap:34px;margin-top:38px;display:flex}.button{text-transform:uppercase;min-height:50px;font:650 11px var(--font-geist-mono);letter-spacing:.08em;justify-content:center;align-items:center;gap:30px;padding:0 22px;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--coral);color:#fff}.button-primary span{color:#fff}.text-link{text-transform:uppercase;font:600 11px var(--font-geist-mono);letter-spacing:.08em;border-bottom:1px solid;gap:18px;padding:12px 0;display:inline-flex}.hero-proof{border-top:1px solid #ffffff26;grid-template-columns:repeat(3,1fr);max-width:580px;margin-top:66px;padding-top:24px;display:grid}.hero-proof div{flex-direction:column;align-items:flex-start;gap:9px;min-width:0;display:flex}.hero-proof div+div{border-left:1px solid #ffffff1f;padding-left:24px}.hero-proof strong{font:700 25px/1 Arial,sans-serif}.hero-proof span{color:#9d998f;text-transform:uppercase;letter-spacing:.08em;font:500 9px/1.5 Arial,sans-serif}.hero-visual{background:#242527;position:relative;overflow:hidden}.photo-frame{position:absolute;inset:0}.photo-frame:after{content:"";background:linear-gradient(90deg, var(--ink) 0, transparent 26%), linear-gradient(0deg, #00000073, transparent 30%);position:absolute;inset:0}.photo-frame img{object-fit:cover;object-position:52% 28%;width:100%;height:100%}.availability{z-index:2;text-transform:uppercase;font:600 10px var(--font-geist-mono);letter-spacing:.1em;align-items:center;gap:10px;display:flex;position:absolute;bottom:44px;left:40px}.vertical-note{z-index:2;writing-mode:vertical-rl;font:500 9px var(--font-geist-mono);letter-spacing:.18em;color:#c6c1b8;position:absolute;top:130px;right:20px}.clients-strip{border-bottom:1px solid var(--line);grid-template-columns:16% 84%;align-items:center;min-height:105px;padding:0 5vw;display:grid}.clients-strip p{text-transform:uppercase;font:600 10px var(--font-geist-mono);letter-spacing:.14em;color:var(--muted)}.clients-strip div{justify-content:space-between;display:flex}.clients-strip span{color:#5b5954;font:600 clamp(14px,1.4vw,21px) Georgia,serif}.section{padding:120px 5vw}.section-heading{grid-template-columns:18% 1fr 32%;align-items:end;gap:30px;margin-bottom:70px;display:grid}.kicker{color:var(--coral)}h2{letter-spacing:-.055em;margin:0;font-size:clamp(46px,5vw,78px);font-weight:600;line-height:.98}.section-heading>p:last-child,.experience-intro>p,.about-copy>p,.contact-copy>p{color:var(--muted);font-size:16px;line-height:1.7}.services-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.service-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;min-height:390px;padding:26px;transition:background .25s,color .25s;display:flex}.service-card:hover{background:var(--ink);color:var(--paper)}.card-top{color:var(--coral);font:600 11px var(--font-geist-mono);justify-content:space-between;display:flex}.service-card h3{margin:72px 0 20px;font:500 27px/1.1 Georgia,serif}.service-card>p{color:var(--muted);font-size:14px;line-height:1.65}.service-card:hover>p{color:#bdb8ae}.tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tags span{border:1px solid var(--line);text-transform:uppercase;font:600 8px var(--font-geist-mono);letter-spacing:.08em;border-radius:20px;padding:7px 9px}.portfolio-section{background:#ddd7cc}.portfolio-heading{grid-template-columns:1fr 34%;align-items:end;gap:8vw;margin-bottom:70px;display:grid}.portfolio-heading h2{margin-top:24px}.portfolio-intro{border-left:1px solid var(--line);padding-left:30px}.portfolio-intro p{color:var(--muted);margin:0 0 25px;font-size:16px;line-height:1.7}.portfolio-intro span,.portfolio-note>span{color:var(--coral);text-transform:uppercase;font:600 9px var(--font-geist-mono);letter-spacing:.12em}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.project-card{background:var(--paper);border:1px solid var(--line)}.project-card>a{flex-direction:column;height:100%;display:flex}.project-preview{color:#fff;min-height:370px;margin:10px;position:relative;overflow:hidden}.project-preview-coral,.project-preview-amber,.project-preview-blue{background-position:top;background-repeat:no-repeat;background-size:cover}.project-preview-coral{background-image:url(/portfolio-magalhaes.png)}.project-preview-amber{background-image:url(/portfolio-alexandre.png)}.project-preview-blue{background-image:url(/portfolio-relmaq.png)}.browser-bar{height:48px;color:var(--ink);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;display:grid}.browser-bar div{gap:6px;display:flex}.browser-bar i{background:#c7c2b8;border-radius:50%;width:7px;height:7px}.browser-bar span{font:500 9px var(--font-geist-mono);letter-spacing:.04em}.browser-bar b{color:var(--coral);justify-self:end}.project-canvas{background:linear-gradient(#0000 65%,#1516162e);min-height:322px;position:relative}.canvas-index{width:34px;height:34px;font:600 9px var(--font-geist-mono);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1516169e;border:1px solid #ffffffa6;place-items:center;display:grid;position:absolute;bottom:16px;right:18px}.project-info{flex-direction:column;flex:1;padding:25px 28px 28px;display:flex}.project-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:25px;padding-bottom:18px;display:flex}.project-title>span{color:var(--coral);font:600 9px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;order:2}.project-title h3{margin:0;font:500 clamp(24px,2vw,30px) Georgia,serif}.project-info>p{color:var(--muted);max-width:580px;margin:22px 0 28px;font-size:14px;line-height:1.65}.project-footer{flex-direction:column;align-items:flex-start;gap:22px;margin-top:auto;display:flex}.project-link{text-transform:uppercase;font:650 9px var(--font-geist-mono);letter-spacing:.08em;border-bottom:1px solid;flex:none;padding-bottom:7px}.project-link b{color:var(--coral)}.project-card .project-preview,.project-card .project-link{transition:transform .25s}.project-card:hover .project-preview{transform:translateY(-3px)}.project-card:hover .project-link{transform:translate(3px)}.portfolio-note{border-top:1px solid var(--line);grid-template-columns:18% minmax(0,580px);align-items:start;gap:30px;margin-top:65px;padding-top:25px;display:grid}.portfolio-note p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.experience-section{background:var(--ink);color:var(--paper);grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:8vw;display:grid}.experience-intro{align-self:start;position:sticky;top:50px}.experience-intro h2{margin:26px 0 32px;font-size:clamp(48px,5vw,75px)}.experience-intro p{color:#aba69c;max-width:470px}.text-link.light{margin-top:28px}.timeline-item{border-top:1px solid #ffffff2e;grid-template-columns:135px 1fr;gap:20px;padding:35px 0 48px;display:grid}.period{color:var(--coral);font:600 10px var(--font-geist-mono);letter-spacing:.08em}.timeline h3{margin:0 0 7px;font:500 32px Georgia,serif}.timeline .role{color:var(--amber);font:500 11px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.06em}.timeline div>p:last-child{color:#a8a49c;max-width:580px;font-size:14px;line-height:1.7}.about-section{background:var(--paper-2);grid-template-columns:48% 42%;gap:10%;display:grid}.about-quote{border-left:1px solid var(--coral);align-self:center;padding:12px 40px}.quote-mark{color:var(--coral);font:70px/.4 Georgia,serif}blockquote{margin:28px 0 0;font:400 clamp(30px,3vw,48px)/1.23 Georgia,serif}.about-copy h2{margin:26px 0 38px}.about-copy>p{border-top:1px solid var(--line);padding-top:20px}.profile-links{gap:28px;margin-top:36px;display:flex}.profile-links a{font:600 11px var(--font-geist-mono);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid;padding-bottom:8px}.contact-section{background:var(--coral);color:#fff;grid-template-columns:1fr 1fr;gap:8vw;padding:100px 5vw;display:grid}.contact-section .kicker{color:var(--ink)}.contact-section h2{margin-top:24px;font-size:clamp(64px,7vw,110px)}.contact-copy>p{color:#ffffffc7;max-width:580px;font-size:19px}.contact-actions{flex-wrap:wrap;gap:10px;margin-top:38px;display:flex}.button-light{color:var(--ink);background:#fff}.button-outline{color:#fff;border:1px solid #ffffff8c}.button-outline span{color:#fff}footer{color:#8e8a82;min-height:120px;font:500 9px/1.5 var(--font-geist-mono);text-transform:uppercase;letter-spacing:.08em;background:#0d0e0e;grid-template-columns:1.35fr 1.35fr 1.4fr 1fr;align-items:center;gap:25px;padding:28px 5vw;display:grid}.footer-brand{color:var(--paper)}.footer-brand small{max-width:180px}footer div{gap:5px;display:grid}footer>p:last-child{text-align:right}@media (width<=1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{z-index:2;background:linear-gradient(90deg,#151616fa,#151616d1 65%,#1516161a);min-height:760px;padding-right:8vw}.hero-visual{height:760px;margin-left:38%;position:absolute;inset:0}.hero-visual .photo-frame:after{background:linear-gradient(90deg,var(--ink),transparent 60%)}.clients-strip{grid-template-columns:1fr;gap:15px;padding:25px 5vw}.section-heading,.portfolio-heading{grid-template-columns:1fr;align-items:start}.portfolio-intro{max-width:620px}.section-heading>p:last-child{max-width:580px}.services-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid,.experience-section{grid-template-columns:1fr}.experience-intro{position:static}.about-section,.contact-section{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}footer>p:last-child{text-align:left}}@media (width<=640px){.site-header{height:70px}.brand small{display:none}.header-cta{font-size:10px}.hero{min-height:780px}.hero-copy{background:linear-gradient(0deg,var(--ink) 27%,#151616db 70%,#15161652);min-height:780px;padding:124px 5vw 45px}.hero-visual{height:460px;margin:0}.hero-visual .photo-frame:after{background:linear-gradient(0deg,var(--ink),transparent 70%)}.photo-frame img{object-position:50% 20%}.availability,.vertical-note{display:none}.hero h1{margin:190px 0 30px;font-size:clamp(57px,18vw,82px)}.hero-intro{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-proof{gap:10px;margin-top:35px}.hero-proof div+div{padding-left:12px}.hero-proof span{font-size:7px}.clients-strip div{flex-wrap:wrap;gap:16px 24px}.section{padding:85px 5vw}.services-grid{grid-template-columns:1fr}.service-card{min-height:320px}.service-card h3{margin-top:50px}.portfolio-heading{margin-bottom:45px}.portfolio-intro{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.project-preview{min-height:300px}.project-canvas{min-height:252px}.project-footer{flex-direction:column;align-items:flex-start}.portfolio-note{grid-template-columns:1fr;gap:12px}.timeline-item{grid-template-columns:1fr;gap:10px}.about-quote{padding-left:24px}.contact-section{padding:80px 5vw}.contact-section h2{font-size:58px}.contact-actions{flex-direction:column;align-items:stretch}footer{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}