@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root { --ink:#0b0b0b; --paper:#f2f0e9; --acid:#d8ff45; --muted:#9a9a94; --line:#30302e; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:#f7f5ef; font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
.site-header { position:fixed; inset:0 0 auto; z-index:10; height:78px; display:flex; align-items:center; justify-content:space-between; padding:0 3.2vw; border-bottom:1px solid rgba(255,255,255,.15); background:linear-gradient(#0b0b0bbd,transparent); }
.wordmark { display:flex; align-items:baseline; gap:.24em; font-weight:600; font-size:1.42rem; }.wordmark span{color:var(--acid);font-family:"Instrument Serif",serif;font-size:.76em;font-style:italic;font-weight:400;text-transform:none}
.site-header nav { display:flex; gap:34px; font-size:.78rem; text-transform:uppercase; }.site-header nav a:hover{color:var(--acid)}
.availability { display:flex; align-items:center; gap:9px; font-size:.72rem; text-transform:uppercase; }.availability i{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 4px #d8ff4530}
.hero { position:relative; min-height:92vh; display:flex; align-items:flex-end; overflow:hidden; padding:9vh 3.2vw 12vh; }
.hero-media { position:absolute; inset:0; background:url('https://images.unsplash.com/photo-1485846234645-a62644f84728?auto=format&fit=crop&w=2200&q=88') center 42%/cover; transform:scale(1.02); animation:reveal 1.2s ease both; }
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(5,5,5,.84) 0%,rgba(5,5,5,.23) 55%,rgba(5,5,5,.46)),linear-gradient(0deg,rgba(5,5,5,.7),transparent 50%); }
.hero-copy { position:relative; z-index:1; max-width:850px; }.kicker{margin:0 0 22px;color:var(--acid);font-size:.86rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}
h1,h2 { margin:0; font-weight:500; letter-spacing:0; line-height:.83; }h1{font-size:clamp(4.5rem,10.5vw,10rem)} h1 em,h2 em{font-family:"Instrument Serif",serif;font-weight:400}.hero-surname{display:inline-block;font-size:.68em}
.intro { max-width:430px; margin:30px 0 0; font-size:clamp(1rem,1.4vw,1.25rem); line-height:1.55;color:#d2d1cb; }
.scroll-cue{position:absolute;z-index:2;right:3.2vw;bottom:3vh;font-size:.7rem;text-transform:uppercase}.scroll-cue span{margin-left:18px;color:var(--acid)}
.work-section,.services{padding:120px 3.2vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-heading h2,.about-copy h2,.contact-section h2{font-size:clamp(3.5rem,7.5vw,7rem)}
.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{padding:9px 14px;border:1px solid #3d3d39;background:transparent;border-radius:999px;font-size:.68rem;text-transform:uppercase;cursor:pointer}.filters button:hover,.filters button.active{background:var(--acid);border-color:var(--acid);color:#101010}
.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:42px 18px}.project-card{grid-column:span 6;cursor:pointer}.project-card.wide{grid-column:span 7}.project-card.narrow{grid-column:span 5}.project-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:#222}.project-card.narrow .project-image{aspect-ratio:4/5}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card:hover img{transform:scale(1.035);filter:brightness(.72)}.project-play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-40%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--acid);color:#111;opacity:0;transition:.3s}.project-card:hover .project-play{opacity:1;transform:translate(-50%,-50%)}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:14px}.project-info h3{margin:0;font-size:1.05rem}.project-info p{margin:3px 0 0;color:#8e8e89;font-size:.75rem}.project-info>span{color:#777;font-size:.7rem}
.load-more-wrap{display:flex;justify-content:center;padding-top:70px}.load-more{display:flex;align-items:center;gap:18px;padding:14px 0;border:0;border-bottom:1px solid #777;background:transparent;font-size:.78rem;font-weight:600;text-transform:uppercase;cursor:pointer}.load-more span{color:var(--acid);font-size:1rem}.load-more:hover{border-color:var(--acid)}.load-more[hidden]{display:none}
.backstage-section{padding:120px 3.2vw 150px;background:#0f0f0e;overflow:hidden}.backstage-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:65px}.backstage-heading h2{font-size:clamp(4rem,9vw,8.5rem);line-height:.85}.backstage-heading>p{max-width:400px;margin:0;color:#92928c;line-height:1.65}.backstage-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:start;max-width:1180px;margin:0 auto}.backstage-item{margin:0}.backstage-item-offset{margin-top:18vh}.backstage-item img,.backstage-item video{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;filter:saturate(.9);transition:filter .35s,transform .6s}.backstage-item:hover img,.backstage-item:hover video{filter:saturate(1.08);transform:scale(.995)}.backstage-item figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:13px;color:#777;font-size:.68rem;text-transform:uppercase}.backstage-item figcaption span:first-child{color:#eee}.backstage-note{margin:100px 0 0;font:italic 400 clamp(2.5rem,6vw,6rem)/.95 "Instrument Serif",serif;color:#deddd5;text-align:center}
.backstage-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:-34px 0 28px}.backstage-controls span{color:#777;font-size:.65rem;text-transform:uppercase}.backstage-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #41413e;border-radius:50%;background:transparent;color:#eee;font-size:1.1rem;cursor:pointer}.backstage-controls button:hover{border-color:var(--acid);color:var(--acid)}.backstage-carousel{display:flex;gap:24px;align-items:flex-start;width:calc(100% + 3.2vw);margin-right:-3.2vw;padding:0 3.2vw 42px 0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--acid) #292927}.backstage-carousel::-webkit-scrollbar{height:3px}.backstage-carousel::-webkit-scrollbar-track{background:#292927}.backstage-carousel::-webkit-scrollbar-thumb{background:var(--acid)}.backstage-carousel .backstage-item{flex:0 0 clamp(270px,30vw,440px);scroll-snap-align:start}.backstage-carousel .backstage-item:nth-child(even){flex-basis:clamp(330px,38vw,560px)}.backstage-carousel .level-1{margin-top:0}.backstage-carousel .level-2{margin-top:70px}.backstage-carousel .level-3{margin-top:135px}.backstage-carousel .backstage-item img,.backstage-carousel .backstage-item video{aspect-ratio:4/5;cursor:pointer}.backstage-carousel .backstage-item:nth-child(even) img,.backstage-carousel .backstage-item:nth-child(even) video{aspect-ratio:16/10}
.about-section{display:grid;grid-template-columns:.9fr 1.1fr;min-height:900px;background:var(--paper);color:#111}.about-image{min-height:760px;background:url('https://pub-7e36227a19cc4e26ab8d16a2408851c2.r2.dev/media/backstage/set-imobiliario-web.jpg') center/cover}.about-copy{min-width:0;align-self:center;padding:7vw 6vw}.about-copy .kicker{color:#617800}.about-copy>p:not(.kicker){color:#555;line-height:1.7;max-width:680px}.about-copy h2{margin-bottom:36px}.cv-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:38px;border-top:1px solid #c9c7bf}.cv-details div{padding:18px 20px 18px 0;border-bottom:1px solid #c9c7bf}.cv-details div:nth-child(odd){border-right:1px solid #c9c7bf}.cv-details div:nth-child(even){padding-left:20px}.cv-details span,.cv-details strong{display:block}.cv-details span{margin-bottom:7px;color:#777;font-size:.62rem;text-transform:uppercase}.cv-details strong{font-size:.82rem;line-height:1.45}.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.skill-list span{padding:8px 11px;border:1px solid #c5c3bb;border-radius:999px;color:#555;font-size:.66rem;text-transform:uppercase}.about-copy dl{display:flex;gap:6%;margin:38px 0 0;padding-top:25px;border-top:1px solid #c9c7bf}.about-copy dl div{display:flex;align-items:start;gap:10px}.about-copy dt{font-family:"Instrument Serif";font-size:2.2rem}.about-copy dd{margin:4px 0 0;font-size:.62rem;text-transform:uppercase;color:#777}
.brand-ticker{max-width:calc(100% + 6vw);width:calc(100% + 6vw);margin:55px -6vw -7vw 0;padding:22px 0 26px;border-top:1px solid #c9c7bf;overflow:hidden}.brand-ticker[hidden]{display:none}.brand-ticker-label{margin:0 0 20px;color:#777;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.brand-ticker-viewport{max-width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.brand-ticker-track{display:flex;width:max-content;align-items:center;animation:brand-scroll 34s linear infinite}.brand-ticker:hover .brand-ticker-track{animation-play-state:paused}.brand-ticker-set{display:flex;align-items:center;gap:58px;padding-right:58px}.brand-ticker-item{display:grid;place-items:center;width:126px;height:54px;flex:0 0 126px}.brand-ticker img{display:block;max-width:118px;max-height:48px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.08);opacity:.72;mix-blend-mode:multiply;transition:.25s}.brand-ticker-item:hover img{filter:grayscale(0);opacity:1}
.tools-section{padding:110px 3.2vw;background:#e8e6df;color:#111;overflow:hidden}.tools-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.tools-heading h2{font-size:clamp(3.5rem,7vw,6.8rem)}.tools-heading .kicker{color:#617800}.tools-heading>p{max-width:430px;color:#666;line-height:1.6}.tools-row{display:flex;overflow-x:auto;scroll-snap-type:x proximity;border-top:1px solid #c5c3bb;border-bottom:1px solid #c5c3bb;scrollbar-width:thin;scrollbar-color:#111 transparent}.tool-item{flex:1 0 175px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:28px 22px;border-right:1px solid #c5c3bb;scroll-snap-align:start}.tool-item:first-child{border-left:1px solid #c5c3bb}.tool-item img,.tool-item>b{width:42px;height:42px;margin-bottom:auto;object-fit:contain}.tool-item>b{display:grid;place-items:center;border:1px solid #111;border-radius:50%;font:italic 400 1.5rem "Instrument Serif",serif}.tool-item strong{font-size:1rem;line-height:1.1}.tool-item span{margin-top:8px;color:#777;font-size:.62rem;text-transform:uppercase}.tool-item:hover{background:var(--acid)}
.journey-section{padding:130px 3.2vw 150px;background:#10100f}.journey-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:85px}.journey-heading h2{font-size:clamp(3.8rem,8vw,8rem)}.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none}.timeline::before{content:"";position:absolute;left:0;right:0;top:57px;height:1px;background:#444440}.timeline li{position:relative;padding-right:35px}.timeline time{display:block;margin-bottom:25px;color:var(--acid);font:400 2rem "Instrument Serif",serif}.timeline-dot{position:relative;z-index:1;display:block;width:11px;height:11px;margin-bottom:30px;border:2px solid #10100f;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px var(--acid)}.timeline h3{margin:0 0 10px;font-size:1rem}.timeline p{max-width:240px;margin:0;color:#888;line-height:1.6;font-size:.78rem}.timeline-copy{min-height:145px}.timeline-video{max-width:240px;margin-top:22px;overflow:hidden;background:#050505;aspect-ratio:16/9}.timeline-video iframe{display:block;width:100%;height:100%;border:0}.timeline-social{display:flex;flex-direction:column;justify-content:space-between;max-width:240px;min-height:112px;margin-top:22px;padding:16px;border:1px solid #3c3c39;background:#171716;transition:.25s}.timeline-social span{color:#8b8b85;font-size:.72rem}.timeline-social strong{color:var(--acid);font-size:.78rem}.timeline-social:hover{border-color:var(--acid);transform:translateY(-2px)}.journey-note{max-width:760px;margin:110px auto 0;text-align:center;font:italic 400 clamp(2.5rem,5vw,5.2rem)/1 "Instrument Serif",serif;color:#deddd5}
.services{background:#141413}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:80px 1fr 1fr;gap:30px;align-items:center;padding:32px 0;border-bottom:1px solid var(--line)}.service-list span{color:var(--acid);font-size:.72rem}.service-list h3{margin:0;font:400 clamp(2rem,4vw,4rem)/1 "Instrument Serif"}.service-list p{max-width:430px;color:#8e8e89;line-height:1.6}
.contact-section{min-height:760px;padding:130px 3.2vw 50px;display:flex;flex-direction:column;justify-content:center;background:var(--acid);color:#0d0d0c}.contact-section .kicker{color:#4c5d0e}.email-link{display:flex;justify-content:space-between;align-items:center;margin-top:70px;padding:20px 0;border-bottom:2px solid #111;font-size:clamp(1.3rem,3vw,2.8rem)}.contact-meta{display:flex;justify-content:space-between;align-items:end;margin-top:70px;font-size:.78rem;line-height:1.6}.contact-meta div{display:flex;gap:24px}.contact-meta a:hover{text-decoration:underline}
footer{display:flex;justify-content:space-between;padding:36px 3.2vw;color:#888;font-size:.7rem;text-transform:uppercase}footer .wordmark{color:#fff}
dialog{width:min(1100px,94vw);padding:0;border:1px solid #333;background:#111;color:#fff}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog video{display:block;width:100%;max-height:75vh;background:#000}.close-dialog{position:absolute;z-index:2;right:12px;top:12px;width:40px;height:40px;border:0;border-radius:50%;background:#111c;font-size:1.5rem;cursor:pointer}.dialog-caption{display:flex;justify-content:space-between;padding:18px 20px;font-size:.8rem}.dialog-caption span{color:#888}
@keyframes reveal{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.02)}}@keyframes brand-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){.site-header{height:64px}.site-header nav{display:none}.hero{min-height:88vh;padding-bottom:12vh}.hero-copy{width:100%}h1{font-size:clamp(4rem,20vw,6.5rem)}.intro{max-width:85%}.scroll-cue{display:none}.work-section,.services{padding:80px 18px}.section-heading{display:block}.filters{margin-top:30px}.project-grid{display:block}.project-card{margin-bottom:38px}.project-card.narrow .project-image{aspect-ratio:16/11}.backstage-section{padding:80px 18px}.backstage-heading{display:block}.backstage-heading>p{margin-top:24px}.backstage-grid{grid-template-columns:1fr;gap:42px}.backstage-item-offset{margin-top:0}.backstage-item img,.backstage-item video{aspect-ratio:4/5}.backstage-note{margin-top:70px}.about-section{display:block}.about-image{min-height:62vh}.about-copy{padding:80px 22px}.about-copy dl{gap:18px}.about-copy dl div{display:block}.about-copy dd{margin-left:0}.service-list article{grid-template-columns:40px 1fr}.service-list p{grid-column:2}.contact-section{min-height:650px;padding:90px 20px 35px}.contact-meta{display:block}.contact-meta div{margin-top:28px;flex-wrap:wrap}footer p{display:none}}
.project-image video{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .4s}.project-card:hover .project-image video{transform:scale(1.035);filter:brightness(.72)}
@media(max-width:760px){.backstage-controls{margin:0 0 24px;justify-content:space-between}.backstage-controls span{order:-1;margin-right:auto}.backstage-carousel{gap:14px;width:calc(100% + 18px);margin-right:-18px;padding-right:18px}.backstage-carousel .backstage-item,.backstage-carousel .backstage-item:nth-child(even){flex-basis:78vw}.backstage-carousel .level-2{margin-top:40px}.backstage-carousel .level-3{margin-top:80px}}
@media(max-width:760px){.cv-details{grid-template-columns:1fr}.cv-details div:nth-child(odd){border-right:0}.cv-details div:nth-child(even){padding-left:0}.about-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.about-copy dt{font-size:1.8rem}.about-copy dd{font-size:.56rem}}
@media(max-width:760px){.tools-section,.journey-section{padding:80px 18px}.tools-heading{display:block}.tools-heading>p{margin-top:22px}.tools-row{width:calc(100% + 18px);margin-right:-18px}.tool-item{flex-basis:155px;min-height:190px}.journey-heading{display:block;margin-bottom:55px}.timeline{display:block;padding-left:28px}.timeline::before{left:4px;right:auto;top:8px;bottom:8px;width:1px;height:auto}.timeline li{padding:0 0 52px 22px}.timeline time{margin-bottom:8px;font-size:1.7rem}.timeline-dot{position:absolute;left:-29px;top:8px;margin:0}.timeline p{max-width:none}.timeline-copy{min-height:0}.timeline-video,.timeline-social{max-width:none}.journey-note{margin-top:40px}.brand-ticker{width:calc(100% + 22px);margin:45px -22px -80px 0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}