@font-face{font-family:Display;src:url('assets/display.ttf') format('truetype');font-display:swap;font-weight:800}@font-face{font-family:Manrope;src:url('assets/body.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--bg:#080808;--fg:#f5f5f1;--muted:#92928e;--line:#353535;--gutter:clamp(24px,5.5vw,100px);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:7px}button{border:0}::selection{color:black;background:#fff}button,a{touch-action:manipulation}.skip{position:fixed;top:-70px;left:20px;z-index:50;padding:16px;background:white;color:black}.skip:focus{top:12px}.header{height:100px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;background:#050505;position:relative;z-index:5;border-bottom:1px solid #1f1f1f}.logo{position:relative;display:block;width:86px;height:84px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:181px;height:181px;max-width:none;left:-48px;top:-46px}.header nav{display:flex;gap:clamp(24px,4vw,64px);align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:2px}.header nav a{padding:14px 0;transition:opacity .2s}.header nav a:hover{opacity:.55}.nav-contact span{margin-left:18px;font-size:18px}.hero{position:relative;min-height:720px;height:calc(100svh - 100px);max-height:1100px;isolation:isolate;overflow:hidden;background:#181818}.hero-image{position:absolute;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 44%;filter:grayscale(1) brightness(.74)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.52),transparent 75%),linear-gradient(0deg,#080808 0%,transparent 30%,transparent 80%,rgba(0,0,0,.12))}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:1;padding:clamp(58px,7vh,100px) var(--gutter) 100px}.eyebrow,.mono,.section-note,.filters,.image-badge,.project-status,.portfolio-note{font-size:10px;letter-spacing:1.7px}.eyebrow,.section-note{margin:0;text-transform:uppercase}.hero-label{display:flex;align-items:center;gap:11px;margin-bottom:28px}.dot,.rec-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:white}.hero h1{font-family:Display,Impact,sans-serif;font-size:clamp(120px,13.9vw,225px);line-height:.77;letter-spacing:-.025em;margin:0 0 28px;font-weight:800}.title-period{font-size:.8em}.hero-description{font-size:16px;margin:0 0 29px}.showreel-button{display:flex;align-items:center;gap:16px;background:transparent;padding:0;font-size:10px;letter-spacing:2px;text-transform:uppercase}.play-circle{width:52px;height:52px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;font-size:14px;padding-left:3px;transition:background .2s,color .2s}.showreel-button:hover .play-circle{background:white;color:black}.button-arrow{margin-left:12px;font-size:20px}.hero-meta{position:absolute;bottom:36px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;z-index:1}.rec-dot{margin:0 10px 1px 0}.scroll-link{display:flex;align-items:center;gap:22px}.scroll-link span{font-size:20px}.corner{position:absolute;width:17px;height:17px;opacity:.7}.tl{left:24px;top:24px;border-top:1px solid white;border-left:1px solid white}.tr{right:24px;top:24px;border-top:1px solid white;border-right:1px solid white}.bl{left:24px;bottom:24px;border-bottom:1px solid white;border-left:1px solid white}.br{right:24px;bottom:24px;border-bottom:1px solid white;border-right:1px solid white}.section{margin:0 var(--gutter);padding:86px 0}.section-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-note{color:var(--muted)}.section-title-row{display:flex;justify-content:space-between;align-items:center;margin:24px 0 25px}h2{font-family:Display,Impact,sans-serif;font-size:clamp(66px,8.5vw,136px);line-height:.9;letter-spacing:-.02em;font-weight:800;margin:0}.big-arrow{font-size:60px;font-weight:400;line-height:1}.filters{display:flex;gap:10px;padding:0 0 28px;margin-bottom:0}.filters button{background:transparent;border:1px solid #383838;border-radius:0;padding:10px 18px;color:#aaa;font-size:10px;letter-spacing:.4px;transition:background .2s,color .2s}.filters button:hover{border-color:#fff;color:white}.filters button.active{background:var(--fg);color:black;border-color:var(--fg)}.filters sup{font-size:8px;margin-left:8px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project[hidden]{display:none}.project-image{width:100%;display:block;padding:0;background:#161616;position:relative;aspect-ratio:16/10;overflow:hidden;text-align:left}.project-image img{width:100%;height:100%;object-fit:cover;filter:none;transition:transform .7s,filter .4s}.project-image:hover img{transform:scale(1.035);filter:none}.image-badge{position:absolute;left:17px;top:18px;font-size:8px;letter-spacing:1px;padding:7px 9px;background:rgba(0,0,0,.6);border:1px solid #777}.project-play{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:44px;height:44px;background:var(--fg);color:#080808;font-size:28px}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 0 20px;border-bottom:1px solid var(--line)}.project-caption>div{display:flex;align-items:center;gap:13px}.project-number,.project-status{color:var(--muted);font-size:9px}h3{font-size:14px;margin:0;font-weight:400}.portfolio-note{font-size:10px;letter-spacing:0;color:var(--muted);margin:24px 0 0}.about{border-top:1px solid var(--line);padding-bottom:90px}.about-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;margin-top:42px;align-items:center}.about h2{font-size:clamp(65px,8vw,126px)}.outline-period{color:#727272}.about-copy{max-width:390px}.about-copy p{font-size:14px;line-height:1.9;color:#999;margin:0 0 24px}.about-copy .about-intro{font-size:24px;color:var(--fg);line-height:1.4}.text-link{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #666;font-size:12px}.text-link span{font-size:23px}.contact{border-top:1px solid var(--line);padding-bottom:70px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:42px}.contact h2{font-size:clamp(70px,10.8vw,172px)}.contact h2 span{color:#676767}.contact-button{border:1px solid #777;padding:22px 24px;display:flex;gap:36px;align-items:center;font-size:11px;transition:background .2s,color .2s}.contact-button:hover{background:white;color:black}.contact-arrow{font-size:25px}.phone{display:inline-block;color:#aaa;font-size:14px;margin-top:28px}footer{margin:0 var(--gutter);border-top:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer>a:last-child{font-size:8px;letter-spacing:1.5px;color:#aaa;margin:0}.footer-wordmark{font-family:Display,sans-serif;font-size:24px;letter-spacing:.5px}dialog{position:fixed;background:#101010;color:var(--fg);border:1px solid #444;padding:0;width:min(1000px,calc(100% - 36px));max-height:90svh}dialog::backdrop{background:rgba(0,0,0,.87);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:16px;top:16px;background:#111;color:#fff;width:40px;height:40px;border:1px solid #777;z-index:2}.film-placeholder{padding:70px 32px 55px;text-align:center}.film-placeholder .eyebrow{color:var(--muted);margin-bottom:20px}.film-placeholder h2{font-size:clamp(48px,8vw,86px);margin-bottom:25px}.film-placeholder p{font-size:14px;color:#aaa;line-height:1.8;margin:0 auto;max-width:430px}.film-placeholder .text-link{max-width:270px;margin:25px auto 0}.dialog-poster{width:100%;height:230px;object-fit:cover;filter:grayscale(1) brightness(.65);display:block}.film-poster-copy{padding-top:30px}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-content{padding-top:85px}.hero h1{font-size:240px}}@media(max-width:900px){.hero{min-height:650px}.hero h1{font-size:clamp(130px,22vw,190px)}.hero-content{padding-top:70px}.about-layout{gap:35px}.contact-row{align-items:flex-start;flex-direction:column}.contact-button{align-self:flex-end}.contact h2{font-size:14vw}.last-meta{display:none}}
@media(max-width:600px){html{scroll-padding-top:24px}.header{height:84px;padding:0 22px}.logo{width:70px;height:70px}.logo img{width:151px;height:151px;left:-40px;top:-38px}.header nav{gap:20px;font-size:8px;letter-spacing:1px}.nav-contact span{display:none}.hero{height:calc(100svh - 84px);min-height:630px;max-height:900px}.hero-image{object-position:61% 50%}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.56),rgba(0,0,0,.04)),linear-gradient(0deg,#080808,transparent 48%)}.hero-content{padding:75px 26px 90px}.hero-label{font-size:8px;letter-spacing:1.3px;margin-bottom:34px}.hero h1{font-size:clamp(130px,35vw,195px);margin-bottom:26px}.hero-description{font-size:14px;margin-bottom:30px}.showreel-button{font-size:9px;gap:12px}.play-circle{height:46px;width:46px}.hero-meta{left:26px;right:26px;bottom:32px}.hero-meta .mono{font-size:8px;letter-spacing:1px}.scroll-link{gap:10px}.corner{width:12px;height:12px}.tl,.bl{left:13px}.tr,.br{right:13px}.tl,.tr{top:14px}.bl,.br{bottom:18px}.section{padding:55px 0}.eyebrow,.section-note{font-size:8px;letter-spacing:1.2px}.section-title-row{margin:25px 0}h2{font-size:76px}.big-arrow{font-size:44px}.filters{gap:7px;padding-bottom:22px}.filters button{padding:9px 11px;font-size:9px}.project-grid{grid-template-columns:1fr;gap:30px}.project-image{aspect-ratio:16/10}.project-caption{padding:15px 0}.portfolio-note{line-height:1.8;font-size:9px;margin-top:23px}.about-layout{grid-template-columns:1fr;gap:34px;margin-top:30px}.about h2{font-size:80px}.about-copy{max-width:100%}.about-copy .about-intro{font-size:21px}.about-copy p{font-size:13px}.contact-row{margin-top:32px;gap:30px}.contact h2{font-size:23vw}.contact-button{width:100%;justify-content:space-between;padding:19px 20px;align-self:auto}.phone{font-size:13px;margin-top:24px}footer{flex-wrap:wrap;gap:20px;padding:25px 0}.footer-wordmark{font-size:21px}footer p{display:none}footer>a:last-child{font-size:7px}.film-placeholder{padding:65px 24px 45px}.dialog-poster{height:170px}.film-poster-copy{padding-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Portfólio com filmes da ZION */
.filters{flex-wrap:wrap;gap:8px;padding-bottom:0}.filters button{white-space:nowrap;padding:11px 15px}.filters sup{margin-left:5px}.project-count{font-size:10px;letter-spacing:1px;color:var(--muted);margin:23px 0 20px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:42px}.project-image{aspect-ratio:3/4}.project-image img{object-position:center;filter:none}.project-image:hover img{filter:none}.project-caption{gap:10px;align-items:flex-start}.project-caption>div{min-width:0;align-items:baseline;gap:9px}.project-caption h3{font-size:12px;line-height:1.5}.project-number{flex-shrink:0}.project-format{font-size:8px;color:var(--muted);flex-shrink:0;line-height:1.8}.image-badge{text-transform:uppercase;max-width:85%;font-size:8px}.project-play{font-size:15px;padding-left:3px;width:42px;height:42px}.film-duration{position:absolute;left:17px;bottom:23px;font-family:Manrope,sans-serif;font-size:10px;background:#080808bb;padding:5px 7px;letter-spacing:1px}.hero-image{object-position:60% center;filter:grayscale(1) brightness(.68)}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.65),transparent 88%),linear-gradient(0deg,#080808 0%,transparent 40%)}.player-header{padding:24px 75px 22px 26px}.player-header .eyebrow{font-size:9px;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.player-header h2{font-size:clamp(30px,5vw,52px);line-height:1;text-transform:uppercase}.film-player{display:block;width:100%;height:min(66svh,760px);object-fit:contain;background:#000}.video-error{padding:20px;font-size:13px}.video-error a{text-decoration:underline}.video-error[hidden]{display:none}dialog{max-height:94svh}.dialog-close{top:18px;right:18px}.project-image:focus-visible{outline-offset:4px}
@media(min-width:1600px){.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-caption h3{font-size:11px}.project-format{display:none}}@media(max-width:600px){.filters{flex-wrap:nowrap;overflow-x:auto;padding:4px 0 14px;scrollbar-width:thin}.filters button{padding:10px 13px;font-size:10px}.project-grid{gap:25px 15px}.project-image{aspect-ratio:9/14}.project-caption>div{display:block}.project-number{display:block;margin-bottom:6px}.project-caption h3{font-size:11px}.project-caption{padding:12px 0 15px}.image-badge{left:8px;top:10px;font-size:6px;letter-spacing:.5px;padding:5px 6px}.project-play{width:32px;height:32px;right:10px;bottom:13px;font-size:11px}.film-duration{left:8px;bottom:17px;font-size:8px;padding:4px}.hero-image{object-position:57% center}.project-count{margin-top:13px}.player-header{padding:24px 65px 18px 18px}.player-header .eyebrow{font-size:7px}.film-player{height:65svh}.player-header h2{font-size:30px}.dialog-close{width:34px;height:34px;right:12px;top:16px}}

/* Movimento e galeria editorial: conteúdo original da ZION */
.project-grid{display:block;columns:3;column-gap:26px}.project{display:inline-block;vertical-align:top;width:100%;break-inside:avoid;margin:0 0 32px}.project-image{isolation:isolate}.project[data-format="horizontal"] .project-image{aspect-ratio:16/10}.preview-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:1;pointer-events:none;transition:opacity .35s ease}.preview-playing .preview-video{opacity:1}.project-image img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-image:hover img,.project-image:focus-visible img{transform:scale(1.035)}.image-badge,.project-play,.film-duration{z-index:2}.image-badge{transition:opacity .25s,transform .35s}.project-image:hover .image-badge,.project-image:focus-visible .image-badge{opacity:0;transform:translateY(-5px)}.project-play{transition:transform .35s cubic-bezier(.16,1,.3,1),background .25s;border-radius:50%}.project-image:hover .project-play,.project-image:focus-visible .project-play{transform:scale(1.12);background:white}.project-caption h3{transition:opacity .25s}.project:has(.project-image:hover) h3{opacity:.65}.filters button{transition:background .25s,color .25s,border-color .25s,transform .25s}.filters button:active{transform:translateY(2px)}.text-link span,.contact-arrow,.button-arrow{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.text-link:hover span,.contact-button:hover .contact-arrow,.showreel-button:hover .button-arrow{transform:translate(3px,-3px)}dialog[open]{animation:player-enter .3s cubic-bezier(.16,1,.3,1)}dialog[open]::backdrop{animation:backdrop-enter .25s ease}@keyframes player-enter{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(min-width:1600px){.project-grid{columns:4}}@media(max-width:900px){.project-grid{columns:2;column-gap:24px}.project{margin-bottom:25px}}@media(max-width:600px){.project-grid{columns:2;column-gap:15px}.project{margin-bottom:22px}}@media(prefers-reduced-motion:reduce){.preview-video{display:none}.project-image:hover img,.project-image:focus-visible img{transform:none}}