@font-face{font-family:Manrope;src:url('assets/fonts/Manrope.ttf');font-weight:200 800;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/fonts/DMSans.ttf');font-weight:100 1000;font-display:swap}
:root{--wine:#2a101a;--paper:#fbf9f7;--beige:#f2e9df;--gold:#dbac65;--line:#2a101a26;--progress:0;--mix:0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--wine);font:17px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.09}h1{font-size:clamp(42px,4.6vw,76px)}h2{font-size:clamp(38px,4.25vw,66px)}em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}p+p{margin-top:20px}img{display:block;max-width:100%}.skip{position:fixed;top:-100px;left:16px;background:var(--wine);color:white;z-index:20;padding:12px}.skip:focus{top:15px}.header{height:96px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.logo{width:145px;height:70px;object-fit:contain}.header nav{display:flex;gap:35px;font-size:14px}.header-cta{font-size:14px;border-bottom:1px solid var(--wine);padding-bottom:5px}.header-cta span{margin-left:22px}.cine{height:250vh;position:relative}.cine-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden;background:#f0e8de}.scene{position:absolute;inset:0}.portrait{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity .12s linear}.portrait-old{opacity:calc(1 - var(--mix))}.portrait-new{opacity:var(--mix)}.scene-wash{position:absolute;inset:0;background:linear-gradient(90deg,#fbf9f7f2 0%,#fbf9f7df 22%,#fbf9f745 46%,transparent 59%);opacity:calc(1 - var(--mix)*.3);pointer-events:none}#hero-canvas{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}#hero-canvas[hidden]{display:none}.hero-content{position:relative;height:100%;margin:0 6%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.hero-copy{padding:26px 0;max-width:550px;position:relative;z-index:2}.hero-copy h1,.hero-copy h2{max-width:540px}.hero-copy em{display:block}.hero-before{opacity:calc(1 - var(--mix));transform:translateY(calc(var(--mix)*-25px));grid-area:1/1}.hero-after{grid-area:1/2;opacity:var(--mix);transform:translateY(calc((1 - var(--mix))*25px));background:#fbf9f7ed;padding:32px;pointer-events:none}.hero-after.active{pointer-events:auto}.label,.section-marker{font:500 11px/1.5 'DM Sans',sans-serif;letter-spacing:.17em}.hero-copy .label{margin-bottom:27px}.hero-description{max-width:365px;margin:25px 0 29px;font-size:16px;line-height:1.75}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid var(--line);padding:0 0 7px}.button{background:var(--wine);color:var(--paper);border:1px solid var(--wine);display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 24px;font-size:14px;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#4f2636;transform:translateY(-2px)}.cine-bottom{position:absolute;bottom:35px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:3}.scroll-cue{font-size:10px;letter-spacing:.18em;display:flex;gap:22px}.scene-count{font-size:12px;letter-spacing:.12em}.scene-count b{font-weight:500}.section{padding:110px 6%;scroll-margin-top:25px}.intro{border-bottom:1px solid var(--line)}.intro-content{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:40px}.intro-content>div{max-width:490px;padding-top:8px;font-size:17px}.section-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:end;margin-bottom:55px}.section-heading .section-marker{margin-bottom:25px}.section-heading>p,.section-heading>div+div{max-width:380px;font-size:16px}.service-list{border-top:1px solid var(--line)}.service-list details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:50px 1.4fr 1fr 25px;align-items:center;gap:20px;padding:28px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.service-no{font-size:12px}.service-list h3{font-size:clamp(20px,2.1vw,30px);font-weight:500;letter-spacing:-.04em}.service-tag{font-size:13px;color:#6e5860}.plus{font-size:26px;font-weight:300;transition:transform .2s}details[open] .plus{transform:rotate(45deg)}.service-body{max-width:650px;margin:0 0 30px 70px;font-size:16px}.service-body .text-link{margin-top:18px}.portfolio{background:var(--beige)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 32px}.project-image{display:block;position:relative;overflow:hidden;background:#e5d9cf;aspect-ratio:1.5}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.project-image:hover img{transform:scale(1.025)}.project-image span{position:absolute;bottom:14px;right:14px;padding:9px 14px;background:var(--paper);font-size:12px}.project-caption{padding-top:23px}.project-caption h3{font-weight:500;font-size:25px;letter-spacing:-.04em;margin-top:7px}.project-caption .label{font-size:9px}.project-caption>p{font-size:14px;max-width:490px;margin-top:13px;color:#624b53}.content-section{overflow:hidden}.gallery{display:flex;gap:23px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 0 22px;scrollbar-color:#bba49d transparent}.gallery>img{flex:0 0 29%;width:29%;height:auto;object-fit:contain;align-self:start;scroll-snap-align:start;border:1px solid var(--line)}.gallery-controls{display:flex;gap:20px;align-items:center;margin-top:25px;font-size:12px}.gallery-controls button{border:1px solid var(--line);background:transparent;width:43px;height:43px;color:var(--wine)}.gallery-controls button:disabled{opacity:.35;cursor:default}.instagram{margin-top:30px}.about{background:#f1e9e2;display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center;padding-top:0;padding-bottom:0;overflow:hidden}.about-photo{height:650px;position:relative}.about-photo img{height:100%;width:100%;object-fit:cover;object-position:72% center;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 88%,transparent);mix-blend-mode:multiply}.about-copy{padding:75px 0;max-width:500px}.about-copy .section-marker{margin-bottom:25px}.about-copy h2{margin-bottom:28px}.about-copy>p:not(.section-marker){font-size:16px}.about-copy .text-link{margin-top:25px}.contact{background:var(--wine);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:13%}.contact h2{font-size:clamp(42px,4.6vw,72px);margin:30px 0}.contact-copy>p:not(.section-marker){font-size:16px;max-width:380px;margin-bottom:30px}.button-light{background:var(--beige);color:var(--wine);border-color:var(--beige)}.button-light:hover{background:var(--gold);border-color:var(--gold)}.contact-email{display:block;font-size:14px;margin-top:25px;overflow-wrap:anywhere}.contact-form{display:flex;flex-direction:column;align-self:center}.contact-form label{font-size:13px;margin:17px 0 7px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:0;border-bottom:1px solid #fbf9f750;color:var(--paper);background:transparent;padding:10px 0 14px;border-radius:0;font-size:15px}.contact-form option{color:var(--wine);background:var(--paper)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#d5c5cc}.contact-form .honeypot{display:none}.form-note{font-size:11px;color:#d5c5cc;margin:20px 0}.contact-form .button{align-self:start}.footer{padding:40px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:13px}.footer>div{display:flex;flex-direction:column;gap:7px;font-size:11px}.footer small{font-size:10px;color:#7d636e}.whatsapp-float{position:fixed;bottom:22px;right:24px;width:52px;height:52px;border-radius:50%;background:var(--paper);border:1px solid var(--wine);color:var(--wine);display:grid;place-items:center;z-index:12;box-shadow:0 4px 20px #2a101a12}.whatsapp-float svg{width:27px;height:27px}
.portrait-new{transform:translateX(-27%)}.scene-wash{opacity:calc(1 - var(--mix))}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}
@media(max-width:800px){.header{height:80px;padding:0 6%}.logo{width:115px;height:62px}.header nav{gap:17px;font-size:12px}.header nav a:last-child{display:none}.header-cta{font-size:0;border:0}.header-cta span{font-size:24px;margin:0}.cine{height:220vh}.cine-stage{min-height:700px;max-height:1000px}.portrait{object-fit:contain;object-position:center bottom;inset:auto 0 0;height:62%;width:100%;background:#f0e8de}.scene-wash{background:linear-gradient(180deg,#fbf9f7 0%,#fbf9f7 33%,#fbf9f700 60%);opacity:1}.hero-content{display:block;margin:0 7%;padding-top:40px}.hero-copy{position:absolute;top:35px;left:0;width:100%;max-width:530px;padding:0}.hero-copy h1,.hero-copy h2{font-size:clamp(36px,7.5vw,52px);max-width:460px}.hero-copy .label{font-size:9px;margin-bottom:16px}.hero-description{font-size:14px;line-height:1.6;max-width:330px;margin:16px 0}.hero-after{background:transparent}.hero-before .text-link{font-size:12px}.hero-after .button{padding:12px 18px;font-size:12px}.cine-bottom{bottom:18px;left:7%;right:7%}.scroll-cue{font-size:8px;background:#fbf9f7e6;padding:7px}.scene-count{background:#fbf9f7e6;padding:7px}.section{padding:75px 7%}.intro-content,.section-heading{grid-template-columns:1fr;gap:25px}.intro-content{margin-top:25px}.section-heading{margin-bottom:35px}h2{font-size:39px}.intro-content>div,.section-heading>p{font-size:15px}.section-heading .section-marker{margin-bottom:20px}summary{grid-template-columns:25px 1fr 24px;gap:12px;padding:24px 0}.service-tag{display:none}.service-list h3{font-size:21px}.service-body{margin-left:37px;font-size:15px}.project-grid{grid-template-columns:1fr;gap:40px}.project-caption h3{font-size:23px}.gallery>img{flex-basis:76%;width:76%}.about{grid-template-columns:1fr;gap:0;padding-top:0}.about-photo{height:400px;order:2}.about-copy{padding:65px 0 15px}.contact{grid-template-columns:1fr;gap:40px}.contact h2{font-size:48px}.contact-form .button{margin-bottom:12px}.footer{padding:30px 7% 85px;align-items:start;flex-wrap:wrap}.footer p{display:none}.whatsapp-float{right:16px;bottom:16px;width:48px;height:48px}}
@media(max-width:800px){.portrait-new{transform:none}.portrait{object-fit:cover;object-position:73% center;height:55%}.scene-wash{background:linear-gradient(180deg,#fbf9f7 0%,#fbf9f7 38%,#fbf9f700 57%);opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.cine{height:auto}.cine-stage{position:relative}.portrait-old{opacity:0}.portrait-new{opacity:1;transform:none}.hero-before{opacity:1;transform:none}.hero-after{display:none}}

/* Texto acima da tela: o notebook e o projeto ficam visíveis. */
@media(min-width:801px){.hero-after{background:transparent;padding:0;align-self:start;margin-top:clamp(26px,4vh,48px);max-width:510px}.hero-after h2{font-size:clamp(34px,3.2vw,48px);max-width:480px}.hero-after .label{margin-bottom:14px;font-size:10px}.hero-after .hero-description{max-width:430px;line-height:1.5;margin:15px 0 18px;font-size:15px}.hero-after .button{padding:12px 20px}.hero-after h2,.hero-after .hero-description,.hero-after .label{text-shadow:0 1px 9px #fbf9f7b0}}