@font-face{font-family:Portfolio;src:local('Helvetica Neue')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;background:#101010;color:#f5f4f0;font-family:Portfolio,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:transparent;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:hover,button:hover{color:#f43227}button:focus-visible,a:focus-visible{outline:2px solid #f43227;outline-offset:5px}::selection{background:#f43227;color:white}img,video{display:block;width:100%}button{touch-action:manipulation}button:disabled{opacity:.5;cursor:default}.red{color:#f43227}.eyebrow{font-size:10px;letter-spacing:.12em;font-weight:500}.dot{display:inline-block;width:7px;height:7px;background:#f43227;border-radius:50%;margin-right:10px}.skip{position:fixed;top:-80px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:10px}.topbar{height:72px;padding:0 32px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;z-index:20;background:#101010;color:white;border-bottom:1px solid #ffffff1c}.signature{font-size:32px;font-weight:800;letter-spacing:-2px}.header-label{font-size:10px;letter-spacing:.15em}.topbar button{font-size:11px;display:flex;align-items:center;gap:28px;letter-spacing:.08em;min-height:44px}.menu-icon{font-size:25px;color:#f43227}.hero{height:100svh;min-height:640px;max-height:1200px;position:relative;padding-top:72px;overflow:hidden;background:#252525}.hero-media,.hero-shade{position:absolute;inset:72px 0 0}.hero-media video,.hero-media img{height:100%;object-fit:cover}.hero-media video{animation:reveal .5s ease-out}.hero-shade{background:linear-gradient(180deg,#0004 0%,transparent 35%,#0009 100%);pointer-events:none}.hero-top{position:relative;display:flex;justify-content:space-between;margin:28px 32px;font-size:10px;letter-spacing:.12em}.hero-title{position:absolute;left:29px;right:32px;bottom:105px}.hero-title p{font-size:11px;letter-spacing:.14em;margin:0 0 24px 5px}.hero h1{font-size:clamp(78px,12.65vw,230px);letter-spacing:-.075em;line-height:.79;font-weight:750;margin:0}.hero h1>span{display:block}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;min-height:72px;margin:0 32px;border-top:1px solid #ffffff60;font-size:10px;letter-spacing:.04em}.explore{display:flex;align-items:center;gap:65px}.explore span{font-size:27px}.reel-controls{display:flex;align-items:center;gap:20px}.reel-controls button{border:1px solid #ffffff60;width:36px;height:36px;font-size:18px}.reel-controls button:hover{background:#f43227;color:white;border-color:#f43227}#reel-name{max-width:220px}.work-section{padding:100px 32px 110px;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:45px}.section-heading h2{font-size:clamp(40px,6vw,92px);font-weight:500;letter-spacing:-.065em;margin:0}.work-layout{display:grid;grid-template-columns:190px 1fr;gap:30px}.work-index{position:sticky;top:110px;align-self:start;padding-top:7px}.work-index>.eyebrow{color:#858585;margin:0 0 25px}#project-index{display:flex;flex-direction:column;gap:13px}#project-index a{display:flex;align-items:baseline;gap:10px;font-size:11px;line-height:1.4;color:#bababa}#project-index a span{font-size:9px;color:#666}#project-index a:hover,#project-index a.active{color:#f43227}.index-note{font-size:25px;line-height:1.08;letter-spacing:-.04em;margin:50px 0 27px}.about-link{font-size:9px;letter-spacing:.04em}.gallery{columns:3;column-gap:14px}.card{display:block;break-inside:avoid;margin:0 0 24px;position:relative}.card-visual{position:relative;overflow:hidden;background:#252525}.card img{aspect-ratio:var(--ratio,1);object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .4s}.card:hover img{transform:scale(1.035);filter:brightness(.78)}.card-arrow{position:absolute;right:14px;bottom:14px;background:#f43227;color:#fff;width:38px;height:38px;display:grid;place-items:center;font-size:24px;opacity:0;transform:translateY(7px);transition:.25s}.card:hover .card-arrow,.card:focus-visible .card-arrow{opacity:1;transform:none}.card-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding-top:11px;line-height:1.35}.card-label small{font-size:9px;color:#999}.about-section{background:#f3f2ee;color:#151515;padding:100px 32px 110px;display:grid;grid-template-columns:220px 1fr;gap:30px}.about-section>.eyebrow{padding-top:15px}.about-section h2{font-size:clamp(45px,7.6vw,120px);line-height:1.02;letter-spacing:-.065em;font-weight:500;margin:0 0 40px}.about-copy{max-width:550px;font-size:18px;line-height:1.55;letter-spacing:-.015em}.contact-section{padding:100px 32px 65px}.contact-title{display:block;font-size:clamp(45px,7.5vw,125px);letter-spacing:-.065em;line-height:1.1;margin:40px 0 60px}.contact-arrow{float:right}.contact-links{border-top:1px solid #444;padding-top:25px;display:flex;gap:30px;font-size:12px}.contact-links a:first-child{margin-right:auto}footer{padding:30px 32px;border-top:1px solid #303030;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.06em;color:#aaa}dialog{color:#f5f4f0;background:#101010;position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;margin:0;border:0;padding:0 32px}dialog::backdrop{background:#101010}dialog[open]{display:flex;flex-direction:column}.menu-head{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333;font-size:13px}.menu-head button{font-size:11px;padding:15px 0 15px 25px}dialog nav{margin:auto 0}dialog nav a{display:flex;align-items:baseline;font-size:clamp(60px,10vw,160px);letter-spacing:-.06em;line-height:1.2;border-bottom:1px solid #333}dialog nav small{font-size:11px;letter-spacing:0;width:8vw;color:#f43227}dialog nav a>span{margin-left:auto;font-weight:300}.menu-foot{display:flex;justify-content:space-between;padding:40px 0;font-size:11px}body.menu-open{overflow:hidden}.project-mode{background:#f7f7f4;color:#141414}.project-mode .topbar{background:#f7f7f4;color:#141414;border-bottom:1px solid #ddd}#project{padding:118px 32px 60px}.project-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding-bottom:35px}.project-top a{padding:10px 0}.project-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:65px}.project-description{align-self:start;position:sticky;top:110px;max-height:calc(100svh - 140px);overflow:auto;scrollbar-width:thin}.project-description h1{font-size:33px;line-height:1.04;letter-spacing:-.05em;font-weight:500;margin:20px 0 27px}.project-description p{font-size:13px;line-height:1.65;margin:0 0 18px;color:#494949}.project-meta{border-top:1px solid #d0d0cd;margin-top:30px;padding-top:18px;font-size:10px;line-height:1.8}.project-media{display:flex;flex-direction:column;gap:18px}.project-media figure{margin:0}.project-media img{height:auto}.project-media video{background:#111;max-height:85svh}.project-media iframe{display:block;width:100%;aspect-ratio:16/9;border:0}.next-project{margin-top:60px;padding:30px 0 10px;border-top:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;gap:20px}.next-project span{font-size:10px}.next-project strong{font-size:clamp(24px,3vw,50px);font-weight:500;letter-spacing:-.04em}figure figcaption{font-size:10px;color:#666;margin:8px 0}.project-description .original-link{display:inline-block;margin-top:20px;font-size:10px;text-decoration:underline}@keyframes reveal{from{opacity:.4}to{opacity:1}}[hidden]{display:none!important}
@media(min-width:1800px){.work-layout{grid-template-columns:240px 1fr}.gallery{column-gap:22px}#project-index a{font-size:14px}.card-label{font-size:14px}.work-section,.about-section,.contact-section{padding-left:50px;padding-right:50px}}
@media(max-width:1000px){.work-layout{grid-template-columns:155px 1fr;gap:22px}.gallery{columns:2}.project-layout{grid-template-columns:230px minmax(0,1fr);gap:30px}.about-section{grid-template-columns:160px 1fr}.hero{min-height:620px}.hero-title{bottom:125px}.hero h1{font-size:12.3vw}.hero-title p{margin-bottom:30px}.contact-links{flex-wrap:wrap}.contact-links a:first-child{flex-basis:100%}}
@media(max-width:650px){.topbar{height:62px;padding:0 18px}.header-label{font-size:8px;letter-spacing:.07em}.signature{font-size:27px}.topbar button{gap:14px}.hero{padding-top:62px;min-height:560px;max-height:950px}.hero-media,.hero-shade{top:62px}.hero-top{margin:24px 18px;font-size:8px}.hero-title{left:16px;right:16px;bottom:150px}.hero h1{font-size:12vw;line-height:.89}.hero-title p{font-size:9px;margin-left:2px}.hero-bottom{margin:0 18px;flex-wrap:wrap;gap:14px;padding:16px 0}.explore{font-size:9px;gap:15px}.explore span{font-size:20px}.reel-controls{gap:9px}.reel-controls button{width:32px;height:32px}#reel-name{display:none}.work-section{padding:65px 14px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:46px}.section-heading .eyebrow{font-size:8px;letter-spacing:.03em}.work-layout{display:block}.work-index{display:none}.gallery{column-gap:10px}.card{margin-bottom:20px}.card-label{font-size:10px;display:block;padding-top:8px}.card-label small{display:block;margin-top:4px}.card-arrow{width:28px;height:28px;font-size:18px;right:8px;bottom:8px;opacity:1;transform:none}.about-section{padding:60px 18px;display:block}.about-section>.eyebrow{margin-bottom:35px;padding:0}.about-section h2{font-size:52px}.about-copy{font-size:16px}.contact-section{padding:65px 18px 45px}.contact-title{font-size:51px;margin-bottom:35px;max-width:100%;padding-right:25px;position:relative}.contact-arrow{font-size:35px;position:absolute;right:0;bottom:4px}.contact-links{gap:22px;font-size:11px}footer{padding:25px 18px;flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){display:none}dialog{padding:0 18px}.menu-head{height:80px;font-size:11px}.menu-foot{flex-direction:column;gap:20px}dialog nav a{font-size:64px}dialog nav small{width:35px}#project{padding:90px 16px 35px}.project-top{padding-bottom:20px;font-size:9px}.project-layout{display:flex;flex-direction:column;gap:25px}.project-description{position:static;max-height:none;overflow:visible}.project-description h1{font-size:38px;margin-top:12px}.project-description p{font-size:13px}.project-meta{margin-top:20px}.project-media{gap:10px}.next-project{align-items:flex-start;flex-direction:column;margin-top:35px}.next-project strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Refinamento 02 — transparência, capas em movimento e leitura no celular. */
.topbar{background:transparent;border-bottom:0;pointer-events:none;color:white;text-shadow:0 1px 9px #0008}.topbar>a,.topbar>button{pointer-events:auto}.signature{letter-spacing:-2.4px;font-size:31px}.hero{padding-top:0}.hero-media,.hero-shade{inset:0}.hero-media{will-change:transform;transform:translate3d(0,var(--hero-shift,0px),0) scale(1.045);transition:transform .7s cubic-bezier(.2,.65,.3,1)}.hero-top{margin-top:100px}.hero-title{pointer-events:none}.hero-shade{background:linear-gradient(180deg,#0002,transparent 35%,#0007)}.topbar.on-light,.project-mode .topbar{background:transparent;color:#151515;border:0;text-shadow:0 1px 7px #fff8}.topbar.on-dark{color:white;text-shadow:0 1px 8px #0008}.work-controls{display:flex;align-items:center;gap:25px}.work-controls button{font-size:9px;letter-spacing:.04em;color:#999;min-height:40px}.work-controls button:hover{color:#f43227}.card-visual{border-radius:0 0 10px 10px;aspect-ratio:var(--ratio,1)}.card-visual img,.card-visual video{width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--card-shift,0px),0) scale(1.065);transition:transform .65s cubic-bezier(.2,.65,.3,1),filter .3s;will-change:transform}.card:hover img,.card:hover video{transform:translate3d(0,var(--card-shift,0px),0) scale(1.08);filter:brightness(.9)}.card-client{display:block!important;margin-top:4px;font-size:10px!important;color:#929292}.gallery .card{transition:translate .65s cubic-bezier(.2,.65,.3,1);translate:0 var(--gallery-shift,0px)}.gallery .card:nth-child(3n+2){translate:0 calc(var(--gallery-shift,0px) * -.65)}
@media(max-width:650px){html{scroll-padding-top:66px}.topbar{padding:0 22px;height:70px}.signature{font-size:28px}.hero-top{margin:94px 22px 0;font-size:9px}.hero-title{left:20px;bottom:135px;right:20px}.hero h1{font-size:14.8vw;line-height:.91;letter-spacing:-.075em}.hero-bottom{margin:0 22px;min-height:76px}.hero{min-height:580px}.work-section{padding:70px 22px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:58px}.work-controls{justify-content:space-between;margin-top:18px;gap:10px}.work-controls .eyebrow{font-size:9px}.work-controls button{font-size:8px}.gallery{columns:1}.card{margin-bottom:38px}.card-visual{aspect-ratio:1.4!important;border-radius:0 0 14px 14px}.card-label{display:flex;font-size:17px;letter-spacing:-.025em;line-height:1.15;padding-top:13px}.card-label>small{font-size:10px;margin-top:3px}.card-client{font-size:11px!important;text-transform:uppercase;letter-spacing:.02em;margin-top:5px}.card-arrow{width:30px;height:30px}.about-section{padding:65px 22px}.about-section h2{font-size:58px}.contact-section{padding:65px 22px 45px}.contact-title{font-size:48px}#project{padding:95px 22px 40px}.project-description h1{font-size:42px}.project-description p{font-size:14px;line-height:1.55}.project-meta{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding-top:14px}.project-meta br{display:none}.project-media{gap:16px}.project-media img{border-radius:0 0 10px 10px}.gallery .card,.gallery .card:nth-child(3n+2){translate:none}}
@media(prefers-reduced-motion:reduce){.hero-media,.card-visual img,.card-visual video,.card:hover img,.card:hover video{transform:none!important}.gallery .card,.gallery .card:nth-child(3n+2){translate:none!important}}
html{scroll-padding-top:0}
@media(min-width:651px) and (max-width:900px){.work-layout{display:block}.work-index{display:none}.gallery{columns:2}.card-label{font-size:13px}}