:root{--paper:#eeede5;--ink:#11110f;--red:#ed292b;--display:'Barlow Condensed',Impact,sans-serif;--glitch:'Rubik Glitch',Impact,sans-serif;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:6px}.filter-library{position:absolute;width:0;height:0;overflow:hidden}.skip{position:fixed;left:20px;top:-80px;background:var(--paper);color:var(--ink);z-index:99;padding:15px}.skip:focus{top:8px}.header{height:98px;display:flex;align-items:center;padding:10px 3.5%;gap:32px;background:var(--paper);color:var(--ink);border-bottom:6px solid var(--ink)}.brand{display:flex;width:144px;height:68px;background:var(--ink);align-items:center;justify-content:center;flex-shrink:0}.brand img{width:112px;height:auto}.origin{font:10px/1.65 var(--mono);letter-spacing:.03em}.header nav{display:flex;align-items:center;gap:42px;margin-left:auto;font:700 19px var(--display);text-transform:uppercase}.header nav a:last-child{border-bottom:2px solid var(--ink);padding-bottom:6px}.header nav a span{margin-left:14px}.header nav a:hover{color:#b11618}
.hero{position:relative;min-height:570px;height:calc(100svh - 148px);max-height:1050px;isolation:isolate;overflow:hidden;margin:0 9px;background:#5b2114}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.8) contrast(1.18);z-index:-4}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(15,9,7,.2),transparent 65%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 30%,rgba(0,0,0,.05) 80%,rgba(0,0,0,.35))}.halftone{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#090807 28%,transparent 37%);background-size:3.3px 3.3px;opacity:.44;mix-blend-mode:multiply}.textured::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.87' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.7' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px;opacity:.24;mix-blend-mode:soft-light;z-index:4}.interference{position:absolute;top:39%;left:0;width:100%;height:2px;background:rgba(235,227,204,.45);box-shadow:0 5px 0 rgba(20,5,1,.4),0 8px 0 rgba(255,235,200,.15);opacity:.4;pointer-events:none}.hero-top{display:flex;justify-content:space-between;position:absolute;top:29px;left:3%;right:3%;font:10px var(--mono);letter-spacing:.12em}.hero-copy{position:relative;padding:92px 3% 115px;width:75%;z-index:2}.tape{display:inline-block;background:var(--paper);color:var(--ink);font:700 14px var(--display);letter-spacing:.13em;padding:5px 15px;transform:rotate(-3deg);margin:0 0 18px 4px}h1{margin:0;font-family:var(--glitch);font-weight:400;font-size:clamp(76px,10.8vw,174px);line-height:.96;letter-spacing:-.05em;transform:rotate(-2deg);text-shadow:2px 1px #20120e}.glitch{position:relative;display:block;filter:url(#rough)}.glitch::after{content:attr(data-text);position:absolute;inset:0;color:var(--paper);clip-path:polygon(0 38%,100% 38%,100% 43%,0 43%);transform:translateX(-8px);text-shadow:3px 0 var(--red);pointer-events:none}.glitch.second::after{clip-path:polygon(0 62%,100% 62%,100% 67%,0 67%);transform:translateX(8px)}.hero-description{font:600 22px/1.07 var(--display);margin:20px 0 0 4px;letter-spacing:.01em}.hero-bottom{position:absolute;bottom:31px;left:3%;right:3%;display:flex;align-items:center;gap:32px;z-index:5}.reel-button{border:0;background:var(--paper);color:var(--ink);height:56px;padding:0 23px;display:flex;align-items:center;gap:21px;font:700 16px var(--display);box-shadow:5px 5px 0 var(--red)}.reel-button:hover{background:var(--red);box-shadow:5px 5px 0 var(--paper)}.play{font-size:13px}.explore{font:12px var(--mono);border-bottom:1px solid;padding-bottom:6px}.archive-label{margin-left:auto;text-align:right;font:10px/1.6 var(--mono);letter-spacing:.08em}.ticker{background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:space-around;gap:30px;white-space:nowrap;overflow:hidden;padding:11px 15px;font:800 23px var(--display);border-top:8px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker b{color:var(--red);font-size:27px}
.works{padding:95px 4% 110px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;border-bottom:1px solid #68685e;padding-bottom:24px}.eyebrow{font:11px/1.5 var(--mono);letter-spacing:.1em;margin:0 0 15px}.section-heading h2{font:800 clamp(64px,10vw,142px)/.85 var(--display);margin:0;letter-spacing:-.025em}.red{color:var(--red)}.section-heading>p{font:600 25px/1.15 var(--display);margin:0}.film-grid{display:grid;grid-template-columns:1.15fr .85fr;column-gap:38px;row-gap:46px}.film{display:block;text-align:left;background:none;border:0;padding:0;min-width:0}.film-photo{position:relative;overflow:hidden;background:#25231e;isolation:isolate;aspect-ratio:1.4}.film-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.25);transition:filter .3s,transform .35s}.film:hover .film-photo img{filter:saturate(.9) contrast(1.15);transform:scale(1.025)}.film-large .film-photo img{transform:scale(1.3)}.film-large:hover .film-photo img{transform:scale(1.33)}.film-offset{padding-top:108px}.film-offset .film-photo{aspect-ratio:16/9}.film-reel .film-photo{aspect-ratio:1.7}.film-wide .film-photo{aspect-ratio:16/9}.film-play{position:absolute;right:18px;bottom:18px;background:var(--paper);color:var(--ink);width:46px;height:46px;display:grid;place-items:center;font-size:26px;z-index:5}.film-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:16px}.film-caption h3{font:600 26px/1.1 var(--display);margin:0}.film-caption p{font:9px/1.5 var(--mono);text-align:right;max-width:45%;margin:3px 0;color:#b7b7ab}.photo-stamp{position:absolute;bottom:16px;left:23px;font:clamp(50px,7vw,105px)/1 var(--glitch);transform:rotate(-5deg);filter:url(#rough);color:var(--paper)}.in-reel{position:absolute;left:20px;bottom:27px;font:11px var(--mono)}
.manifesto{position:relative;overflow:hidden;background:var(--red);color:var(--ink);padding:65px 4% 80px}.manifesto-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10%}.manifesto h2{font:800 clamp(65px,9.5vw,150px)/.83 var(--display);letter-spacing:-.03em;margin:25px 0 0;filter:url(#rough)}.outline{-webkit-text-stroke:1.5px var(--ink);color:transparent}.manifesto-copy{padding-top:22px;max-width:470px}.manifesto-copy .lead{font:800 53px/.96 var(--display);margin:0 0 26px}.manifesto-copy p{font-size:17px;line-height:1.5}.manifesto-copy a{display:inline-block;font:700 17px var(--display);border-bottom:2px solid;padding:16px 0 8px}.contact{padding:90px 4% 55px;background:var(--paper);color:var(--ink)}.contact-link{position:relative;display:block;font:800 clamp(50px,8vw,115px)/1 var(--display);letter-spacing:-.03em;max-width:1100px;padding:15px 0 35px}.contact-link>span{display:block}.contact-link .glitch{font:400 clamp(49px,8.5vw,120px)/1.05 var(--glitch);letter-spacing:-.035em;color:var(--ink)}.contact-link .glitch::after{color:var(--ink)}.contact-link b{position:absolute;right:0;top:0;font:130px var(--display);color:var(--red)}.contact-info{display:flex;justify-content:space-between;gap:20px;border-top:1px solid;padding-top:26px;font:12px var(--mono)}footer{display:flex;justify-content:space-between;padding:22px 4%;font:9px/1.5 var(--mono);color:#c3c1b7}dialog{padding:0;background:#090909;border:1px solid #666;color:var(--paper);width:min(1150px,94vw);max-height:95svh}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.dialog-head{display:flex;justify-content:space-between;padding:18px 20px;align-items:center}.dialog-head h2{font:14px var(--mono);margin:0}.dialog-head button{border:1px solid #999;padding:8px 14px;background:none;font:12px var(--mono)}dialog video{display:block;width:100%;max-height:78svh;background:black}
@media(min-width:1600px){.hero-copy{padding-top:12vh}}@media(max-width:1000px){.origin{display:none}.hero{min-height:640px}.hero-copy{padding-top:125px;width:85%}.film-caption{display:block}.film-caption p{text-align:left;max-width:none}.header nav{gap:22px}.manifesto-copy .lead{font-size:44px}}
@media(max-width:600px){.header{height:79px;padding:8px 15px;gap:12px;border-bottom-width:4px}.brand{width:94px;height:55px}.brand img{width:80px}.header nav{gap:16px;font-size:15px}.header nav a:nth-child(2){display:none}.header nav a:last-child{max-width:102px;line-height:1}.header nav a span{margin-left:4px}.hero{height:calc(100svh - 125px);min-height:650px;max-height:850px;margin:0 5px}.hero-image{object-position:49% center;filter:saturate(.8) contrast(1.18)}.hero-shade{background:linear-gradient(0deg,#080706bb,transparent 55%),linear-gradient(90deg,#17080533,transparent)}.hero-top{top:20px;left:5%;right:5%;font-size:8px}.hero-top span:last-child{display:none}.hero-copy{width:100%;padding:190px 5% 125px}.tape{font-size:11px;margin-bottom:16px}h1{font-size:clamp(52px,15.4vw,92px);letter-spacing:-.055em;line-height:1}.hero-description{font-size:21px;margin-top:20px}.hero-bottom{left:5%;right:5%;bottom:27px;display:grid;grid-template-columns:1fr auto;gap:22px}.reel-button{height:51px;padding:0 16px;font-size:14px;gap:16px}.archive-label{font-size:8px;grid-column:2;grid-row:1}.explore{font-size:10px;justify-self:start}.ticker{padding:7px 10px;gap:22px;justify-content:flex-start;font-size:19px}.works{padding:62px 5%}.section-heading{margin-bottom:28px}.section-heading>p{font-size:19px}.section-heading h2{font-size:77px}.film-grid{display:block}.film{margin-bottom:35px}.film-offset{padding-top:0}.film-photo{aspect-ratio:1.18}.film-caption{display:flex}.film-caption h3{font-size:24px}.film-caption p{text-align:right;max-width:43%;font-size:8px}.photo-stamp{font-size:66px}.manifesto{padding:42px 6% 52px}.manifesto-grid{display:block}.manifesto h2{font-size:99px}.manifesto-copy{padding-top:42px}.manifesto-copy .lead{font-size:42px}.manifesto-copy p{font-size:16px}.contact{padding:56px 5% 35px}.contact-link>span:first-child{font-size:53px}.contact-link .glitch{font-size:clamp(39px,10.8vw,64px)}.contact-link b{font-size:65px;right:0;top:11px}.contact-info{flex-direction:column;font-size:11px}footer{gap:20px;font-size:8px}footer span:last-child{max-width:145px;text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Revisão: a marca ocupa a capa, como uma impressão sobre o filme. */
.header{background:var(--ink);color:var(--paper)}
.header nav a:last-child{border-bottom-color:#77776f}
.header nav a:hover{color:var(--red)}
.tape{background:var(--ink);color:var(--paper)}
.ticker{background:var(--ink);color:var(--paper);border-bottom-color:#33332e}
.brand-title{font-family:var(--display);font-weight:800;font-size:clamp(156px,22vw,330px);line-height:.78;letter-spacing:-.035em;width:max-content;opacity:.74;text-shadow:none;transform:rotate(-1deg)}
.brand-title .second{font-size:.65em;line-height:1.12;letter-spacing:-.015em}
.brand-title .glitch{filter:none}
.brand-title .glitch::after{clip-path:inset(44% 0 54%);transform:translateX(2px);text-shadow:none;opacity:.3;animation:none}
.brand-title .second::after{clip-path:inset(62% 0 36%);transform:translateX(-2px)}
.hero.motion-ready .hero-copy{opacity:0}
.hero.intro-started .hero-copy{animation:brand-intro 4.4s ease both}
.hero.is-motion-suspended .hero-copy{animation-play-state:paused}
@keyframes brand-intro{0%{opacity:0;transform:translate3d(0,14px,0)}12%,82%{opacity:1;transform:translate3d(0,0,0)}100%{opacity:0;transform:translate3d(0,-12px,0)}}
.motion-toggle{border:0;background:none;padding:0;font:inherit;letter-spacing:inherit;color:inherit;display:flex;gap:10px;align-items:center}
.motion-toggle:hover{color:var(--red)}
@media(max-width:600px){.brand-title{font-size:clamp(136px,43vw,230px)}.hero-copy{padding-top:160px}.hero-top .motion-toggle span{display:inline}.motion-toggle{font-size:8px}}
@media(prefers-reduced-motion:reduce){.hero.motion-ready .hero-copy,.hero.intro-started .hero-copy{animation:none;opacity:1;transform:none}.motion-toggle{display:none}}

.hero-image{object-position:var(--frame-position,center 47%);transform:scale(var(--frame-scale,1))}
.hero-shade{background:linear-gradient(90deg,rgba(15,9,7,.38),transparent 75%),linear-gradient(0deg,rgba(0,0,0,.8),transparent 35%,rgba(0,0,0,.05) 80%,rgba(0,0,0,.35))}
@media(max-width:600px){.hero-image{object-position:var(--frame-mobile,49% center)}}

.hero-top{z-index:6}

/* Stencil central e acervo pessoal — revisão de 18/10. */
.hero-copy{position:absolute;inset:0;width:100%;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}
.hero-copy .tape,.hero-copy .hero-description{display:none}
.brand-title{font-family:'Black Ops One',Impact,sans-serif;font-weight:400;font-size:clamp(120px,17vw,250px);text-align:center;line-height:.88;letter-spacing:-.055em;transform:none;opacity:.76}
.brand-title .second{font-size:.56em;line-height:1.25;letter-spacing:.04em}
.brand-title .glitch{filter:url(#rough)}
.brand-title .glitch::after{display:none}
.hero-image{background:#11110f;filter:saturate(.78) contrast(1.12);object-position:var(--frame-position,center 40%)}
.hero-shade{background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 30%,transparent 80%,rgba(0,0,0,.25)),rgba(0,0,0,.12)}
.hero .halftone{opacity:.32}
@media(max-width:600px){.hero-copy{padding:0;width:100%}.brand-title{font-size:clamp(104px,30vw,180px)}.hero-image{object-position:var(--frame-mobile,58% center)}}

.hero{background-size:cover;background-position:center}.hero-image{object-fit:cover}
@media(max-width:600px){.hero.cartela-frame .hero-image{object-fit:contain;background:rgba(17,17,15,.18);backdrop-filter:blur(18px)}}

.hero.cartela-frame .hero-copy{visibility:hidden}

/* Impressões de MOA: três passagens de tinta e saída em direções opostas. */
.hero.intro-started .hero-copy{animation:none;opacity:1;transform:none}
.moa-stack{font-family:var(--display);font-weight:800;font-size:clamp(108px,13vw,175px);line-height:.74;letter-spacing:-.025em;opacity:.82;transform:rotate(-5deg) skewX(-7deg);width:2.5em;text-align:center}
.moa-row{display:block;filter:url(#ink-wear);will-change:transform,opacity;--travel:-90px;--offset:0s}
.moa-echo{color:transparent;-webkit-text-stroke:1.5px var(--paper)}
.moa-solid{margin:.055em 0;--travel:100px;--offset:.14s}
.moa-row:nth-child(3){--travel:-65px;--offset:.28s}
.moa-signature{display:block;font:500 12px/1 var(--mono);letter-spacing:.3em;margin:26px 0 0 10px;--travel:35px;--offset:.38s}
.hero.motion-ready .moa-row,.hero.motion-ready .moa-signature{opacity:0}
.hero.intro-started .moa-row,.hero.intro-started .moa-signature{animation:moa-print 4.15s cubic-bezier(.2,.7,.2,1) var(--offset) both}
.hero.is-motion-suspended .moa-row,.hero.is-motion-suspended .moa-signature{animation-play-state:paused}
@keyframes moa-print{0%{opacity:0;transform:translate3d(var(--travel),22px,0);clip-path:inset(100% 0 0)}18%{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0)}70%{opacity:1;transform:translate3d(0,-4px,0);clip-path:inset(0)}100%{opacity:0;transform:translate3d(calc(var(--travel) * -1),-25px,0);clip-path:inset(0 0 100%)}}
@media(max-width:600px){.moa-stack{font-size:clamp(105px,32vw,165px)}.moa-signature{font-size:10px;margin-top:22px}}
@media(prefers-reduced-motion:reduce){.hero.intro-started .moa-row,.hero.intro-started .moa-signature,.hero.motion-ready .moa-row,.hero.motion-ready .moa-signature{animation:none;opacity:1;transform:none;clip-path:none}}

/* Conteúdo integral: catálogo, marcas, produtora e método. */
.archive{margin-top:70px}.archive-heading{margin-bottom:28px}.archive-heading h2{font:700 clamp(34px,4vw,60px)/1 var(--display);margin:0}.archive-row{display:grid;grid-template-columns:40px 1.2fr 1fr 24px;gap:20px;align-items:center;border-top:1px solid #45453e;padding:22px 0}.archive-row:last-child{border-bottom:1px solid #45453e}.archive-row h3{font:600 29px/1.05 var(--display);margin:0}.archive-row p{font:11px/1.6 var(--mono);color:#bdbdb3;margin:0}.archive-number{font:10px var(--mono);color:#99998f}.archive-row:hover h3,.archive-row:hover>span:last-child{color:var(--red)}.new-label{color:var(--red);font-weight:500}
.brand-cases{padding:70px 4% 100px;background:#191917}.brand-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.brand-case{min-width:0}.case-art{position:relative;aspect-ratio:16/9;overflow:hidden}.case-art img{display:block;width:100%;height:100%;object-fit:cover}.case-caption{padding-top:15px}.case-caption h3{font:700 28px/1 var(--display);margin:0 0 8px}.case-caption p{font:10px/1.6 var(--mono);color:#bdbdb3;margin:0}.case-watch{position:absolute;bottom:12px;right:12px;background:var(--paper);color:var(--ink);padding:8px;font:9px var(--mono)}
.manifesto-grid{grid-template-columns:.85fr 1.15fr;gap:8%}.manifesto-copy{max-width:640px}.manifesto-copy .lead{font:500 clamp(23px,2.3vw,33px)/1.2 var(--display);margin:0 0 24px}.manifesto-copy>p:not(.lead):not(.eyebrow){font-size:16px;line-height:1.6}.manifesto-copy strong{font-weight:700}
.method-section{background:var(--paper);color:var(--ink);padding:70px 4%}.method-layout,.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:30px}.method-layout h2,.why-layout h2{font:800 clamp(64px,7.5vw,112px)/.87 var(--display);letter-spacing:-.025em;margin:0}.method-layout h3{font:700 31px/1.1 var(--display);margin:0 0 24px}.method-layout p,.why-layout p{font:16px/1.65 Arial,sans-serif;margin:0 0 22px}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid #88887c;margin-top:48px;padding-top:24px}.services h3{font:700 29px var(--display);margin:0 0 6px}.services p{font:10px/1.6 var(--mono);margin:0}.why-section{padding:80px 4% 90px}.why-layout p{color:#c7c7bc}.why-layout strong{color:var(--paper)}.contact-info{flex-wrap:wrap}.header nav{gap:28px}
/* A assinatura se acomoda antes de sair; sem sobreposição com as cartelas. */
.hero.intro-started .moa-row,.hero.intro-started .moa-signature{animation-duration:3.25s}
@keyframes moa-print{0%{opacity:0;transform:translate3d(var(--travel),18px,0);clip-path:inset(100% 0 0)}22%{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0)}73%{opacity:1;transform:translate3d(0,0,0);clip-path:inset(0)}100%{opacity:0;transform:translate3d(calc(var(--travel) * -1),-18px,0);clip-path:inset(0 0 100%)}}
@media(max-width:900px){.brand-cases-grid{grid-template-columns:repeat(2,1fr)}.header nav{gap:20px}.archive-row{grid-template-columns:28px 1.2fr 1fr 18px;gap:12px}}
@media(max-width:600px){.header nav{gap:12px;font-size:14px}.header nav a:nth-child(2){display:block}.header nav a:nth-child(3){display:none}.header nav a:last-child{max-width:85px}.archive{margin-top:35px}.archive-row{grid-template-columns:24px 1fr 20px;gap:7px 12px;padding:19px 0}.archive-row h3{font-size:27px}.archive-row p{grid-column:2;grid-row:2;font-size:9px}.archive-row>span:last-child{grid-column:3;grid-row:1}.brand-cases{padding:45px 5% 55px}.brand-cases-grid{grid-template-columns:1fr;gap:28px}.manifesto-grid{display:block}.method-section,.why-section{padding:50px 6%}.method-layout,.why-layout{grid-template-columns:1fr;gap:32px}.method-layout h2,.why-layout h2{font-size:72px}.services{grid-template-columns:1fr 1fr;gap:25px 15px}.services h3{font-size:25px}.contact-info{gap:18px}}

/* Catálogo em tipografia monoespaçada fina, como os contatos. */
.archive-heading h2{font:400 clamp(24px,2.7vw,38px)/1.25 var(--mono);letter-spacing:-.045em}
.archive-row h3{font:400 clamp(16px,1.65vw,23px)/1.35 var(--mono);letter-spacing:-.035em}
@media(max-width:600px){.archive-heading h2{font-size:25px}.archive-row h3{font-size:17px;line-height:1.4}}

/* Acabamento editorial — tinta vermelha sobre papel, 20/10. */
:root{--section-space:clamp(64px,7.5vw,112px);--gutter:clamp(22px,4vw,72px)}
.manifesto{isolation:isolate;background-color:#df352f;background-image:radial-gradient(ellipse at 15% 25%,#ef554738,transparent 65%),linear-gradient(115deg,#00000000 30%,#4c100a18 100%);padding:var(--section-space) var(--gutter)}
.manifesto::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/print-grain.svg');background-size:240px 240px;mix-blend-mode:multiply;opacity:.42}
.manifesto.textured::after{z-index:-1;background-image:url('assets/print-grain.svg');background-size:420px;mix-blend-mode:soft-light;opacity:.36}
.manifesto>.eyebrow{border-top:1px solid #11110f55;padding-top:16px;margin-bottom:38px}
.manifesto-grid{align-items:start;gap:9%}
.manifesto h2{margin:0;filter:url(#ink-wear);font-size:clamp(76px,10vw,154px);line-height:.88}
.manifesto-copy{padding-top:0}
.manifesto-copy .eyebrow{font:400 10px/1.6 var(--mono);letter-spacing:.08em;margin-bottom:23px}
.manifesto-copy .lead{font:400 clamp(22px,2.35vw,34px)/1.3 var(--display);margin-bottom:25px}
.manifesto-copy>p:not(.lead):not(.eyebrow){font-size:15px;line-height:1.75;max-width:60ch;margin-bottom:0}
.manifesto-copy strong{font-weight:600}
.works,.brand-cases,.method-section,.why-section{padding-left:var(--gutter);padding-right:var(--gutter);padding-top:var(--section-space);padding-bottom:var(--section-space)}
.section-heading{padding-bottom:28px;margin-bottom:40px;border-color:#eeede533}
.film-caption h3,.case-caption h3{font:400 17px/1.4 var(--mono);letter-spacing:-.035em}
.film-caption p,.case-caption p{line-height:1.7}
.case-caption{padding-top:18px}.brand-cases-grid{row-gap:44px}
.archive-row{padding-top:25px;padding-bottom:25px;border-color:#eeede529}
.archive-row:last-child{border-color:#eeede529}
.archive-row:focus-visible{outline-offset:0}.archive-row:hover{background:#eeede504}
.method-layout p,.why-layout p{font-size:15px;line-height:1.8;max-width:62ch}
.contact{padding-left:var(--gutter);padding-right:var(--gutter)}
@media(max-width:600px){.manifesto h2{font-size:99px}.manifesto-grid{display:block}.manifesto-copy{padding-top:38px}.manifesto-copy .lead{font-size:27px}.manifesto>.eyebrow{margin-bottom:30px}.film-caption h3{font-size:16px}.film-caption{gap:12px}.archive-row{padding-top:21px;padding-bottom:21px}.section-heading>p{font-size:17px}.brand-cases-grid{row-gap:30px}}

/* O botão do reel acompanha o acabamento de papel e tinta. */
.reel-button{position:relative;isolation:isolate;background-color:var(--paper);background-image:url('assets/print-grain.svg');background-size:180px;background-blend-mode:soft-light;border:1px solid #11110f22;font:400 11px/1.2 var(--mono);letter-spacing:.035em;box-shadow:4px 4px 0 #df352f;transition:background-color .18s,box-shadow .18s,transform .18s}
.reel-button .play{font-size:12px}.reel-button>span:last-child{font-size:19px}
.reel-button:hover{background-color:#df352f;box-shadow:4px 4px 0 var(--paper);transform:translateY(-1px)}
.reel-button:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #df352f}
@media(max-width:600px){.reel-button{font-size:10px;gap:13px;padding:0 14px}}

/* Catálogo em caixa alta; textura apenas no suporte vermelho. */
.archive-row h3{text-transform:uppercase}
.manifesto h2{filter:none}
.manifesto::before{opacity:.64;background-size:300px;mix-blend-mode:multiply}
.manifesto.textured::after{opacity:.5;background-size:150px;mix-blend-mode:soft-light}

/* Um mesmo papel em toda a página, com granulação sob o conteúdo. */
.header,.ticker,.works,.brand-cases,.method-section,.why-section,.contact,footer{position:relative;isolation:isolate}
.header::before,.ticker::before,.works::before,.brand-cases::before,.method-section::before,.why-section::before,.contact::before,footer::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/print-grain.svg');background-size:260px;opacity:.2;mix-blend-mode:soft-light}
.method-section::before,.contact::before{opacity:.16;mix-blend-mode:multiply}
.hero.textured::after,.film-photo.textured::after{background-image:url('assets/print-grain.svg');background-size:260px;opacity:.23;mix-blend-mode:soft-light}
.case-art::after{content:"";position:absolute;inset:0;pointer-events:none;background:url('assets/print-grain.svg') repeat;background-size:260px;opacity:.16;mix-blend-mode:soft-light}

/* Preservar o topo dos retratos desde o primeiro carregamento. */
.hero-image{object-position:var(--frame-position,center top);transform:none}
.hero.letterbox-frame .hero-image{object-fit:contain;clip-path:inset(12.3% 0);background:transparent}
.hero.letterbox-frame::before{content:"";position:absolute;inset:0;z-index:-4;background:inherit;filter:blur(22px) brightness(.6);transform:scale(1.08)}
@media(max-width:600px){
.hero-image{object-position:var(--frame-mobile,center top)}
.hero.group-frame .hero-image{object-fit:contain;background:rgba(17,17,15,.15);backdrop-filter:blur(20px);object-position:center}
.hero.cartela-frame .hero-image,.hero.letterbox-frame .hero-image{object-position:center}
}

/* Prêmio Multishow: retrato completo também no desktop. */
.hero.award-frame .hero-image{object-fit:contain;object-position:center;transform:none;background:rgba(17,17,15,.22);backdrop-filter:blur(24px)}
/* Multishow: subir os rostos e reduzir a área de letreiro. */
.hero.award-frame .hero-image{height:125%;top:-20%;object-position:center;}
@media(max-width:600px){.hero.award-frame .hero-image{height:100%;top:0;object-position:center 32%}}

/* Multishow: grão fotográfico mais presente, sem alterar o arquivo original. */
.hero.award-frame .hero-image{filter:saturate(.62) contrast(1.07) brightness(1.06)}
.hero.award-frame .halftone{opacity:.1}
.hero.award-frame.textured::after{background-image:url('assets/film-grain-heavy.svg');background-size:350px;opacity:.72;mix-blend-mode:soft-light}