/* Hallmark · pre-emit critique: P5 H5 E4 S5 R4 V5 */
*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:clip}html{background:var(--ink);scroll-behavior:smooth}body{min-height:100dvh;background:var(--ink);color:var(--paper);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased}img,video{display:block;max-width:100%}a{color:inherit}button{font:inherit}h1,h2,h3{font-family:var(--display);font-style:normal;line-height:.9;letter-spacing:-.04em;overflow-wrap:anywhere;min-width:0}main{min-height:80vh}.topbar{position:sticky;top:0;z-index:50;height:74px;display:flex;align-items:stretch;border-bottom:1px solid var(--line);background:rgba(17,16,15,.92);backdrop-filter:blur(16px)}.monogram{display:grid;place-items:center;width:90px;border-right:1px solid var(--line);font:900 1.1rem var(--display);text-decoration:none}.monogram span{color:var(--signal);font-size:.55rem;margin-left:3px}.menu{display:flex;flex:1}.menu a{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr;align-content:center;gap:0 .65rem;padding:.6rem 1rem;border-right:1px solid var(--line);text-decoration:none;transition:flex .45s var(--ease),background .25s,color .25s}.menu a b{font-size:.58rem;color:var(--muted)}.menu a span{font:700 .72rem var(--display);text-transform:uppercase;white-space:nowrap}.menu a i{grid-column:2;font-size:.6rem;color:var(--muted);font-style:normal;opacity:0;transform:translateY(4px);transition:.25s}.menu a:hover,.menu a.active{flex:1.5;background:var(--signal);color:var(--ink)}.menu a:hover i,.menu a.active i{opacity:1;transform:none;color:var(--ink)}.menu-toggle{display:none;background:none;color:var(--paper);border:0}.hero{min-height:calc(100svh - 74px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;padding:clamp(2rem,5vw,5rem) clamp(1.2rem,5vw,5rem) 0;gap:clamp(2rem,6vw,7rem)}.hero-copy{align-self:center;padding-bottom:5rem}.eyebrow,.section-no{font:700 .72rem var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--signal);margin-bottom:1.3rem}.hero h1{font-size:clamp(5rem,13vw,11rem);text-transform:uppercase}.hero h1 span{color:var(--signal)}.lead{max-width:34ch;font-size:clamp(1.2rem,2.2vw,1.8rem);line-height:1.35;margin-top:2rem}.actions,.contact-links,.case-end{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.2rem}.button{min-height:48px;display:inline-flex;align-items:center;gap:2rem;border:1px solid var(--paper);padding:.75rem 1rem;text-decoration:none;font:700 .75rem var(--display);text-transform:uppercase;white-space:nowrap;transition:.25s}.button span{transition:transform .25s}.button:hover{background:var(--paper);color:var(--ink)}.button:hover span{transform:translate(3px,-3px)}.button.hot{background:var(--signal);border-color:var(--signal);color:var(--ink)}.hero-photo{position:relative;align-self:end;height:90%;min-height:560px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-photo figcaption{position:absolute;right:0;bottom:0;background:var(--paper);color:var(--ink);padding:1rem;font-size:.7rem;text-transform:uppercase}.ticker{overflow:hidden;background:var(--signal);color:var(--ink);padding:.7rem 0;font:900 .8rem var(--display);letter-spacing:.09em;white-space:nowrap}.ticker span{display:inline-block;animation:ticker 24s linear infinite}.intro,.film-notes{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr) minmax(0,1fr);gap:3rem;padding:clamp(5rem,11vw,10rem) clamp(1.2rem,5vw,5rem)}.intro h2,.film-notes h2{font-size:clamp(2.6rem,5vw,5.4rem)}.intro>p:last-child,.film-notes>p:last-child{font-size:1.05rem;color:var(--muted)}.page-head,.case-head{padding:clamp(4rem,10vw,9rem) clamp(1.2rem,5vw,5rem);border-bottom:1px solid var(--line)}.page-head h1,.case-head h1{font-size:clamp(5rem,15vw,13rem);text-transform:uppercase}.page-head>p:last-child{max-width:48ch;margin-top:2rem;color:var(--muted);font-size:1.1rem}.project-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);min-height:600px;border-bottom:1px solid var(--line)}.project-row:nth-child(even) .project-image{order:2}.project-image{position:relative;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s var(--ease),filter .3s}.project-image span{position:absolute;inset:auto 0 0 auto;background:var(--signal);color:var(--ink);padding:1rem;text-transform:uppercase;font:700 .7rem var(--display)}.project-image:hover img{transform:scale(1.025);filter:saturate(1)}.project-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem)}.project-copy>p:first-child{color:var(--signal);font:700 .7rem var(--display);text-transform:uppercase;letter-spacing:.1em}.project-copy h2{font-size:clamp(2.4rem,5vw,5rem);margin:1.2rem 0}.project-copy h2 a{text-decoration:none}.project-copy>p{color:var(--muted)}.project-copy .button{align-self:flex-start}.back{display:inline-flex;gap:.7rem;margin-bottom:4rem;text-transform:uppercase;font:700 .72rem var(--display);text-decoration:none}.case-head .lead{max-width:48ch}.case-role{margin-top:1rem;color:var(--signal);font-weight:700}.case-cover{height:min(80vh,850px)}.case-cover img{width:100%;height:100%;object-fit:cover;object-position:center 25%}.case-facts{display:grid;grid-template-columns:1fr 1fr;padding:clamp(4rem,8vw,8rem) clamp(1.2rem,5vw,5rem);gap:4rem}.case-facts h2,.media-block h2,.reels-block h2{font-size:clamp(2.7rem,5vw,5rem)}.case-facts ul{list-style:none}.case-facts li{padding:1rem 0;border-bottom:1px solid var(--line);font-size:1.1rem}.result{display:flex;justify-content:space-between;align-items:end;gap:2rem;background:var(--signal);color:var(--ink);padding:clamp(2rem,5vw,5rem)}.result small{text-transform:uppercase;font-weight:800}.result strong{font:900 clamp(2rem,5vw,5rem)/.95 var(--display);max-width:15ch}.media-block,.reels-block{padding:clamp(4rem,8vw,8rem) clamp(1.2rem,5vw,5rem)}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem}.video-grid video{width:100%;aspect-ratio:16/9;background:#000}.video-grid figcaption{padding:.8rem 0;color:var(--muted)}.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line)}.case-gallery img{width:100%;height:460px;object-fit:cover;background:var(--ink)}.reels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3rem;border-top:1px solid var(--line)}.reel{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;padding:1.2rem;border-bottom:1px solid var(--line);text-decoration:none}.reel:nth-child(odd){border-right:1px solid var(--line)}.reel b{color:var(--signal)}.case-end{padding:2rem clamp(1.2rem,5vw,5rem) 6rem}.photo-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding:0 clamp(1.2rem,5vw,5rem) 8rem}.photo-wall figure:nth-child(1),.photo-wall figure:nth-child(4){grid-column:span 7}.photo-wall figure:nth-child(2),.photo-wall figure:nth-child(3),.photo-wall figure:nth-child(5),.photo-wall figure:nth-child(6){grid-column:span 5}.photo-wall img{width:100%;height:650px;object-fit:cover}.photo-wall figcaption{color:var(--muted);font-size:.75rem;padding-top:.6rem}.film{min-height:calc(100svh - 74px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:4rem;padding:clamp(3rem,7vw,7rem) clamp(1.2rem,5vw,5rem)}.film h1{font-size:clamp(4rem,9vw,9rem)}.film-copy>p:not(.eyebrow){max-width:42ch;margin-top:2rem;color:var(--muted)}.film-frame{background:var(--signal);padding:clamp(.5rem,1.5vw,1.2rem);transform:rotate(1deg)}.film-frame iframe{width:100%;aspect-ratio:16/9;border:0;display:block}.timeline{list-style:none;padding:0 clamp(1.2rem,5vw,5rem) 8rem}.timeline li{display:grid;grid-template-columns:.5fr 1fr 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.timeline b{color:var(--signal);font-size:.75rem;text-transform:uppercase}.timeline h2{font-size:clamp(1.6rem,3vw,3rem)}.timeline p{color:var(--muted)}.skills-band{display:flex;flex-wrap:wrap;gap:0;background:var(--paper);color:var(--ink);padding:3rem}.skills-band span{padding:1rem 1.4rem;border:1px solid var(--ink);font:800 .75rem var(--display);text-transform:uppercase}.contact{min-height:calc(100svh - 74px);display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem) clamp(1.2rem,5vw,5rem)}.contact h1{font-size:clamp(4rem,10vw,10rem)}.contact h1 span{color:var(--signal)}.contact>p:last-child{margin-top:4rem;color:var(--muted)}.footer{display:flex;justify-content:space-between;gap:1rem;padding:1.4rem clamp(1.2rem,5vw,5rem);border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;text-transform:uppercase}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.shown{opacity:1;transform:none}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:900px){.topbar{height:64px;justify-content:space-between}.monogram{width:72px}.menu-toggle{display:flex;align-items:center;gap:1rem;padding:0 1.2rem;text-transform:uppercase;font:700 .72rem var(--display)}.menu{position:fixed;inset:64px 0 auto;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);transform:translateY(-120%);transition:transform .45s var(--ease)}.menu.open{transform:none}.menu a{min-height:64px;flex:auto!important;border-bottom:1px solid rgba(17,16,15,.2)}.menu a i{opacity:1}.hero,.film{grid-template-columns:1fr}.hero{padding-top:4rem}.hero-copy{padding-bottom:0}.hero-photo{min-height:520px}.intro,.film-notes{grid-template-columns:1fr}.project-row{grid-template-columns:1fr}.project-row:nth-child(even) .project-image{order:0}.project-image{min-height:450px}.case-facts{grid-template-columns:1fr}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-wall figure{grid-column:span 12!important}.timeline li{grid-template-columns:1fr}.film-frame{order:-1}.result{align-items:start;flex-direction:column}}
@media(max-width:560px){.hero h1,.page-head h1,.case-head h1{font-size:clamp(3.6rem,19vw,6rem)}.hero-photo{min-height:430px}.project-row{min-height:0}.project-image{min-height:360px}.project-copy{padding:2.5rem 1.2rem}.video-grid,.reels,.case-gallery{grid-template-columns:1fr}.reel:nth-child(odd){border-right:0}.case-gallery img{height:390px}.photo-wall img{height:480px}.film h1,.contact h1{font-size:clamp(3.3rem,15vw,5rem)}.footer{flex-direction:column}.button{max-width:100%;gap:1rem}.contact-links{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}.ticker span{animation:none}.project-image img,.menu a{transition:none}}

/* Correções da inspeção responsiva */
.hero h1{font-size:clamp(4.5rem,10vw,9rem)}
@media(max-width:900px){.menu-toggle{position:absolute;inset:0 0 auto auto;height:64px}.page-head>p:last-child{overflow-wrap:anywhere;min-width:0}}
@media(max-width:560px){.hero h1,.page-head h1,.case-head h1{font-size:clamp(3.2rem,14vw,4.5rem);overflow-wrap:normal;word-break:normal}}
body,.topbar,.page-head{width:100%;max-width:100vw;min-width:0}
@media(max-width:560px){.hero h1,.page-head h1,.case-head h1{font-size:11vw}.page-head{padding-inline:1.2rem}.page-head>p:last-child{max-width:100%}}

/* Refinamento aprovado: identidade original, uma fonte e leitura confortável */
body{line-height:1.7}
h1,h2,h3{letter-spacing:-.025em;line-height:1.05}
.topbar{height:68px;background:rgba(5,13,31,.94)}
.monogram{width:82px}
.menu a{padding:.55rem .9rem}
.menu a:hover,.menu a.active{background:rgba(33,199,242,.12);color:var(--paper)}
.menu a:hover i,.menu a.active i{color:var(--signal)}
.hero{min-height:auto;grid-template-columns:minmax(0,1fr) minmax(280px,420px);max-width:1180px;margin:auto;padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem);gap:clamp(3rem,7vw,7rem)}
.hero-copy{padding-bottom:0}
.hero h1{font-size:clamp(3.8rem,7.5vw,7rem);text-transform:none}
.hero-photo{height:auto;min-height:0;aspect-ratio:4/5;align-self:center;border:1px solid var(--line)}
.hero-photo figcaption{background:var(--ink);color:var(--paper);border:1px solid var(--line)}
.lead{max-width:42ch;font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.55}
.ticker{background:var(--signal);padding:.55rem 0}
.intro,.film-notes{max-width:1180px;margin:auto;grid-template-columns:minmax(0,.55fr) minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem)}
.intro h2,.film-notes h2{font-size:clamp(2rem,3.8vw,3.8rem)}
.intro>p:last-child,.film-notes>p:last-child{max-width:68ch}
.page-head,.case-head{padding:clamp(3.5rem,7vw,6rem) max(1.5rem,calc((100vw - 1080px)/2));}
.page-head h1,.case-head h1{font-size:clamp(3.2rem,7vw,6.4rem);text-transform:none}
.page-head>p:last-child{max-width:65ch;font-size:1rem}
.project-list{max-width:1180px;margin:auto;padding-inline:clamp(1.5rem,4vw,3rem)}
.project-row{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);min-height:0;padding-block:clamp(3rem,6vw,5rem);gap:clamp(2rem,5vw,5rem)}
.project-row:nth-child(even) .project-image{order:0}
.project-image{aspect-ratio:4/3;border:1px solid var(--line)}
.project-copy{padding:clamp(1rem,3vw,2.5rem)}
.project-copy h2{font-size:clamp(2rem,3.7vw,3.5rem);margin:.9rem 0 1.2rem}
.project-copy>p{max-width:58ch}
.button{min-height:46px;text-transform:none;font-size:.78rem;letter-spacing:.01em}
.case-cover{height:auto;max-width:1080px;margin:auto;padding:0 clamp(1.5rem,4vw,3rem)}
.case-cover img{max-height:680px;object-fit:cover;border:1px solid var(--line)}
.case-facts,.media-block,.reels-block{max-width:1080px;margin:auto;padding:clamp(3.5rem,7vw,6rem) clamp(1.5rem,4vw,3rem)}
.case-facts h2,.media-block h2,.reels-block h2{font-size:clamp(2rem,4vw,3.8rem)}
.result{padding:clamp(2rem,4vw,3.5rem) max(1.5rem,calc((100vw - 960px)/2))}
.result strong{font-size:clamp(1.8rem,3.5vw,3.3rem)}
.case-gallery{max-width:1080px;margin:auto;gap:.75rem;background:none;padding-inline:clamp(1.5rem,4vw,3rem)}
.case-gallery img{height:360px;border:1px solid var(--line)}
.photo-wall{max-width:1180px;margin:auto;padding:0 clamp(1.5rem,4vw,3rem) 6rem}
.photo-wall img{height:520px}
.film{min-height:auto;max-width:1180px;margin:auto;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);padding:clamp(4rem,8vw,7rem) clamp(1.5rem,4vw,3rem)}
.film h1{font-size:clamp(3rem,6vw,5.5rem)}
.film-frame{background:rgba(33,199,242,.12);border:1px solid var(--line);transform:none}
.timeline{max-width:1080px;margin:auto;padding:0 clamp(1.5rem,4vw,3rem) 6rem}
.timeline h2{font-size:clamp(1.4rem,2.5vw,2.4rem)}
.skills-band{background:var(--paper);padding:2rem clamp(1.5rem,5vw,4rem)}
.contact{min-height:auto;max-width:1180px;margin:auto;padding:clamp(5rem,10vw,9rem) clamp(1.5rem,4vw,3rem)}
.contact h1{font-size:clamp(3rem,7vw,6.5rem)}
::selection{background:var(--signal);color:var(--ink)}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
@media(max-width:900px){.topbar{height:64px}.hero,.film,.intro,.film-notes{grid-template-columns:1fr}.hero{padding-top:3.5rem}.hero-copy{max-width:680px}.hero-photo{width:min(100%,520px);justify-self:center}.project-row{grid-template-columns:1fr}.project-image{min-height:0}.case-facts{grid-template-columns:1fr}.intro,.film-notes{gap:1.5rem}.film-frame{order:0}}
@media(max-width:560px){.hero h1,.page-head h1,.case-head h1{font-size:clamp(2.8rem,12vw,4rem)}.hero{padding-inline:1.2rem}.project-list{padding-inline:1.2rem}.project-row{padding-block:2.5rem;gap:1.5rem}.project-copy{padding:0}.project-image{min-height:0}.page-head,.case-head{padding-inline:1.2rem}.case-gallery img{height:300px}.photo-wall img{height:420px}.film h1,.contact h1{font-size:clamp(2.7rem,11vw,4rem)}}

/* Currículo visual: escalas contidas e acervo completo */
.page-head h1,.case-head h1{font-size:clamp(2.8rem,6vw,5.2rem)}
.photo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.photo-wall figure,.photo-wall figure:nth-child(n){grid-column:span 1}
.photo-wall img{height:390px}
.film{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);padding-block:clamp(3.5rem,7vw,6rem)}
.film h1{font-size:clamp(2.6rem,4.7vw,4.4rem);line-height:1.05}
.film-copy>p:not(.eyebrow){line-height:1.7;max-width:55ch}
.film-notes{padding-block:clamp(3.5rem,7vw,6rem)}
.film-notes h2{font-size:clamp(1.9rem,3.2vw,3rem)}
@media(max-width:900px){.photo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.film{grid-template-columns:1fr}.film-copy{max-width:680px}.film-frame{order:0}}
@media(max-width:560px){.photo-wall{grid-template-columns:1fr}.photo-wall img{height:auto;max-height:520px}.film h1{font-size:clamp(2.3rem,10vw,3.2rem)}}

/* Hallmark · mobile adaptation: editorial portfolio · identity preserved */
picture{display:block;min-width:0}
@media(max-width:900px){
  body.menu-open{overflow:hidden}
  .topbar{padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}
  .monogram,.menu-toggle{min-height:64px}
  .menu{inset:calc(64px + env(safe-area-inset-top)) 0 0;overflow-y:auto;padding-bottom:max(1rem,env(safe-area-inset-bottom));transform:translateY(-105%);visibility:hidden;transition:transform .35s var(--ease),visibility 0s .35s}
  .menu.open{transform:none;visibility:visible;transition:transform .35s var(--ease)}
  .menu a{min-height:72px;padding-inline:max(1.2rem,env(safe-area-inset-left)) max(1.2rem,env(safe-area-inset-right));grid-template-columns:2rem minmax(0,1fr) auto}
  .menu a span{font-size:.86rem;overflow-wrap:normal}
  .menu a i{grid-column:3;font-size:.7rem}
  .hero{gap:2.5rem;padding-bottom:3.5rem}
  .hero-photo{margin-inline:auto}
  .case-cover picture,.case-cover img,.case-gallery picture,.case-gallery img,.photo-wall picture,.photo-wall img{width:100%}
  .case-cover img{aspect-ratio:16/10}
  .back{min-height:44px;align-items:center}
  .video-grid{grid-template-columns:1fr}
  .timeline li{gap:.55rem;padding-block:1.6rem}
  .skills-band{padding:1.25rem}
  .skills-band span{padding:.8rem 1rem}
}
@media(max-width:560px){
  body{line-height:1.62}
  .topbar{position:sticky}
  .menu-toggle{padding-inline:1rem;min-width:108px;justify-content:flex-end}
  .hero{padding:2.5rem 1.1rem 3rem;gap:2rem}
  .hero h1{font-size:clamp(3rem,15vw,4.2rem);line-height:.94}
  .hero .lead{font-size:1.08rem;margin-top:1.35rem}
  .actions{display:grid;grid-template-columns:1fr;margin-top:1.6rem}
  .actions .button,.case-end .button{width:100%;justify-content:space-between}
  .hero-photo{width:100%;max-width:420px}
  .hero-photo figcaption{padding:.7rem;font-size:.62rem}
  .intro,.film-notes{padding:3.5rem 1.1rem;gap:1rem}
  .intro h2,.film-notes h2{font-size:clamp(1.8rem,9vw,2.5rem)}
  .page-head{padding:2.75rem 1.1rem}
  .page-head h1,.case-head h1{font-size:clamp(2.6rem,12vw,3.5rem);line-height:1}
  .page-head>p:last-child{margin-top:1.25rem;font-size:.98rem}
  .case-head{padding:1.5rem 1.1rem 2.25rem}
  .back{min-height:44px;align-items:center;margin-bottom:1.5rem}
  .case-head .eyebrow{margin-bottom:.8rem}
  .case-head .lead{font-size:1.05rem;margin-top:1.25rem}
  .case-cover{padding-inline:1.1rem}
  .case-cover img{aspect-ratio:4/3;max-height:none}
  .case-facts,.media-block,.reels-block{padding:3.25rem 1.1rem}
  .case-facts{gap:1.5rem}
  .case-facts h2,.media-block h2,.reels-block h2{font-size:clamp(1.9rem,9vw,2.6rem)}
  .case-facts li{font-size:1rem;padding:.85rem 0}
  .result{padding:2rem 1.1rem;gap:1rem}
  .result strong{font-size:clamp(1.65rem,8vw,2.2rem)}
  .video-grid,.reels{margin-top:1.75rem}
  .case-gallery{padding-inline:1.1rem;gap:.65rem}
  .case-gallery img{height:auto;aspect-ratio:4/5}
  .reel{min-height:56px;grid-template-columns:2rem minmax(0,1fr) auto;padding:1rem .25rem;align-items:center}
  .reel span{white-space:nowrap}
  .case-end{display:grid;grid-template-columns:1fr;padding:2rem 1.1rem max(4rem,env(safe-area-inset-bottom));margin-top:0}
  .photo-wall{gap:1.75rem;padding:0 1.1rem 4rem}
  .photo-wall img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}
  .film{padding:2.75rem 1.1rem;gap:2rem}
  .film h1{font-size:clamp(2.3rem,11vw,3.15rem)}
  .film-copy>p:not(.eyebrow){margin-top:1.25rem}
  .film-copy .button{width:100%;justify-content:space-between}
  .film-frame{padding:.35rem}
  .timeline{padding:0 1.1rem 4rem}
  .timeline li{grid-template-columns:1fr;gap:.45rem}
  .timeline h2{font-size:1.5rem}
  .skills-band{gap:1px;padding:1rem}
  .skills-band span{flex:1 1 46%;display:grid;place-items:center;text-align:center;min-height:48px;padding:.7rem;font-size:.68rem}
  .contact{padding:4rem 1.1rem}
  .contact h1{font-size:clamp(2.6rem,12vw,3.7rem)}
  .contact-links{width:100%}
  .contact-links .button{width:100%;justify-content:space-between;white-space:normal;overflow-wrap:anywhere}
  .contact>p:last-child{margin-top:2.5rem}
  .footer{padding:1.2rem 1.1rem max(1.2rem,env(safe-area-inset-bottom))}
}
@media(hover:none){.project-image img{filter:saturate(1)}.button:active,.reel:active,.menu a:active{background:var(--signal);color:var(--ink)}}

/* Experiência mobile completa: mesma narrativa, composição mais densa */
.case-nav{display:none}
.photo-open{position:relative;display:block;width:100%;border:0;background:none;color:inherit;cursor:zoom-in;text-align:inherit}
.photo-open>span{position:absolute;right:.6rem;bottom:.6rem;background:var(--ink);color:var(--paper);padding:.5rem .7rem;font:700 .64rem var(--display);text-transform:uppercase;opacity:0;transition:opacity .2s}
.photo-open:hover>span,.photo-open:focus-visible>span{opacity:1}
.photo-dialog{width:min(94vw,1100px);height:min(92dvh,900px);margin:auto;border:1px solid var(--line);background:var(--ink);color:var(--paper);padding:0;overflow:hidden}
.photo-dialog::backdrop{background:rgba(5,13,31,.88)}
.photo-stage{width:100%;height:100%}.photo-stage img{width:100%;height:100%;object-fit:contain}
.photo-close{position:absolute;z-index:1;right:1rem;top:1rem;min-height:44px;border:1px solid var(--paper);background:var(--ink);color:var(--paper);padding:.65rem .9rem;font:700 .72rem var(--display);text-transform:uppercase}
@media(max-width:560px){
  .hero{display:grid;grid-template-columns:minmax(0,1fr) 7.2rem;align-items:end;padding:2rem 1rem 2.25rem;gap:1rem}
  .hero-copy{display:contents}
  .hero .eyebrow{grid-column:1/-1;margin-bottom:.2rem}
  .hero h1{grid-column:1;font-size:clamp(2.8rem,13vw,3.65rem)}
  .hero .lead{grid-column:1/-1;margin-top:.25rem;font-size:1rem;max-width:32ch}
  .hero .actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.5rem}
  .hero .actions .button{min-width:0;min-height:44px;padding:.65rem .75rem;font-size:.72rem}
  .hero .actions .button:first-child{grid-column:1/-1}
  .hero-photo{grid-column:2;grid-row:2;width:7.2rem;aspect-ratio:4/5;margin:0}
  .hero-photo figcaption{display:none}
  .ticker{font-size:.68rem;padding:.45rem 0}
  .project-row{padding-block:2rem;gap:1rem}
  .project-image{aspect-ratio:16/10}
  .project-image span{padding:.65rem;font-size:.62rem}
  .project-copy h2{font-size:clamp(1.75rem,8vw,2.3rem);margin:.55rem 0 .7rem}
  .project-copy>p{font-size:.94rem;line-height:1.55}
  .project-copy .button{margin-top:1.15rem;min-height:44px}
  .case-nav{position:sticky;top:calc(64px + env(safe-area-inset-top));z-index:35;display:flex;gap:0;overflow-x:auto;background:var(--ink);border-block:1px solid var(--line);scrollbar-width:none}
  .case-nav::-webkit-scrollbar{display:none}
  .case-nav button{flex:0 0 auto;min-height:44px;border:0;border-right:1px solid var(--line);background:none;color:var(--paper);padding:.65rem .9rem;font:700 .68rem var(--display);text-transform:uppercase}
  .case-nav button:active{background:var(--signal);color:var(--ink)}
  #case-overview,#case-work,#case-video,#case-media,#case-reels{scroll-margin-top:calc(109px + env(safe-area-inset-top))}
  .case-head{padding-block:1.25rem 1.75rem}
  .case-head h1{font-size:clamp(2.25rem,10.5vw,3rem)}
  .case-head .lead{font-size:.98rem}
  .case-cover{padding:1rem}
  .case-facts,.media-block,.reels-block{padding-block:2.5rem}
  .case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
  .case-gallery img{aspect-ratio:4/5;height:auto}
  .reels{grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:0}
  .reel{display:grid;grid-template-columns:auto 1fr;min-height:72px;background:var(--ink);padding:.8rem;border:0!important;gap:.4rem .6rem}
  .reel i{grid-column:2;justify-self:end}
  .reel span{font-size:.72rem}
  .photo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding-inline:1rem}
  .photo-wall figure{grid-column:auto!important;min-width:0}
  .photo-wall img{width:100%;aspect-ratio:3/4;object-fit:cover}
  .photo-wall figure:nth-child(3n+1){grid-column:1/-1!important}
  .photo-wall figure:nth-child(3n+1) img{aspect-ratio:16/10}
  .photo-wall figcaption{font-size:.65rem;padding-top:.35rem}
  .photo-open>span{opacity:1;font-size:.58rem;padding:.4rem .5rem}
  .photo-dialog{width:100vw;height:100dvh;max-width:none;max-height:none;border:0}
  .timeline li{padding-block:1.25rem}
  .timeline p{font-size:.94rem}
}

/* v5 — índice de projetos por link, big numbers, antes/depois, press kit aberto */
.menu a span{font-size:.68rem}
@media(min-width:901px) and (max-width:1240px){.menu a{padding:.6rem .7rem;gap:0 .45rem}.menu a span{font-size:.62rem;letter-spacing:-.01em}.menu a b{font-size:.54rem}.monogram{width:70px}}

.index-list{max-width:1180px;margin:auto;padding:0 clamp(1.5rem,4vw,3rem) clamp(4rem,8vw,7rem)}
.index-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}
.index-open{display:grid;grid-template-columns:2.4rem 56px minmax(0,1fr) auto;align-items:center;gap:clamp(.9rem,2.5vw,1.6rem);min-height:96px;padding:1.1rem 0;text-decoration:none;transition:padding .35s var(--ease)}
.index-open:hover,.index-open:focus-visible{padding-left:.9rem}
.index-open b{font:700 .62rem var(--display);color:var(--muted);letter-spacing:.08em}
.index-open img{width:56px;height:56px;object-fit:contain;background:var(--paper);padding:5px;border:1px solid var(--line)}
.index-name{display:grid;gap:.3rem;min-width:0}
.index-name{font:800 clamp(1.15rem,2.4vw,1.7rem)/1.15 var(--display);letter-spacing:-.02em}
.index-name i{font:600 .74rem/1.4 var(--display);font-style:normal;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.index-open em{font:700 .68rem var(--display);font-style:normal;text-transform:uppercase;color:var(--signal);white-space:nowrap;transition:transform .25s}
.index-open:hover em{transform:translate(3px,-3px)}
.index-profile{min-width:8.5rem;font:700 .66rem var(--display);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-decoration:none;white-space:nowrap;padding:.8rem 0 .8rem 1rem;border-left:1px solid var(--line);min-height:44px;display:flex;align-items:center}
.index-profile:not(.off):hover{color:var(--signal)}
.index-profile.off{opacity:.5}
.index-profile.ghost{border-left:0;padding:0;min-height:0}

.numbers{max-width:1080px;margin:auto;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,4vw,3rem)}
.numbers>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.numbers>div>div{background:var(--ink);padding:clamp(1.4rem,3vw,2.2rem)}
.numbers strong{display:block;font:900 clamp(2rem,4.5vw,3.6rem)/.95 var(--display);color:var(--signal);letter-spacing:-.03em}
.numbers small{display:block;margin-top:.7rem;color:var(--muted);font-size:.82rem;line-height:1.45}

.note{max-width:1080px;margin:auto;padding:0 clamp(1.5rem,4vw,3rem)}
.note small{display:block;font:800 .68rem var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--signal);margin-bottom:.8rem}
.note p{border-left:2px solid var(--signal);padding:.2rem 0 .2rem 1.2rem;color:var(--muted);max-width:62ch}

.ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.75rem,2vw,1.5rem);margin-top:2.5rem}
.ba figure{display:grid;gap:.7rem}
.ba figcaption{order:-1;font:800 .68rem var(--display);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.ba figure:last-child figcaption{color:var(--signal)}
.ba img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--paper);border:1px solid var(--line)}

.block-lead{margin-top:1.4rem;color:var(--muted);max-width:62ch}
.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(.75rem,2vw,1.25rem);margin-top:2.5rem}
.kit-grid.one{grid-template-columns:minmax(0,420px)}
.kit-grid figure{display:grid;gap:.6rem}
.kit-grid .photo-open{position:relative;display:block;padding:0;border:1px solid var(--line);background:none;cursor:pointer}
.kit-grid img{width:100%;aspect-ratio:1/1.414;object-fit:cover;object-position:top}
.kit-grid.one img{aspect-ratio:auto;object-fit:contain;background:var(--paper)}
.kit-grid .photo-open span{position:absolute;inset:auto 0 0 auto;background:var(--signal);color:var(--ink);padding:.5rem .7rem;font:700 .62rem var(--display);text-transform:uppercase;opacity:0;transition:.2s}
.kit-grid .photo-open:hover span,.kit-grid .photo-open:focus-visible span{opacity:1}
.kit-grid figcaption{color:var(--muted);font:700 .68rem var(--display);text-transform:uppercase;letter-spacing:.06em}

.photo-lead{max-width:1180px;margin:auto;padding:0 clamp(1.5rem,4vw,3rem) clamp(2rem,4vw,3rem)}
.photo-lead img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center 35%;border:1px solid var(--line)}
.photo-lead figcaption{margin-top:.7rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}
.video-grid.wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:0}

@media(max-width:900px){
  .index-open{grid-template-columns:2rem 48px minmax(0,1fr);row-gap:.5rem;min-height:88px}
  .index-open img{width:48px;height:48px}
  .index-open em{grid-column:3;justify-self:start;font-size:.62rem}
  .ba{grid-template-columns:1fr}
}
@media(max-width:560px){
  .index-list{padding-inline:1.1rem}
  .index-row{grid-template-columns:1fr;gap:0}
  .index-open{grid-template-columns:1.8rem 44px minmax(0,1fr);gap:.8rem;padding:1rem 0}
  .index-profile{border-left:0;padding:0 0 1rem calc(1.8rem + 44px + 1.6rem);min-height:44px;min-width:0}
  .index-name i small{display:none}
  .index-profile.ghost{display:none}
  .numbers{padding-inline:1.1rem}
  .numbers>div{grid-template-columns:1fr}
  .note{padding-inline:1.1rem}
  .kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo-lead{padding-inline:1.1rem}
  .photo-lead img{aspect-ratio:4/3}
}

/* v6 — vidro fosco. Só sobre mídia: backdrop-filter em fundo chapado não desfoca nada. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topbar{background:rgba(5,13,31,.6);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}
  .glass,.project-image span,.photo-open>span,.kit-grid .photo-open span,.hero-photo figcaption{
    background:rgba(5,13,31,.52);color:var(--paper);
    border:1px solid rgba(238,243,250,.22);
    -webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}
  .project-image span,.kit-grid .photo-open span{color:var(--signal)}
  .photo-dialog::backdrop{background:rgba(5,13,31,.62);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
  .photo-close{background:rgba(5,13,31,.55);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(238,243,250,.22)}
}
@media(min-width:901px){.hero-photo figcaption{right:.9rem;bottom:.9rem;border-radius:2px}}
@media(max-width:900px){
  @supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    .menu{background:rgba(238,243,250,.9);-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}
  }
}
/* Sem transparência: volta ao sólido, contraste garantido. */
@media(prefers-reduced-transparency:reduce){
  .topbar{background:rgba(5,13,31,.96);-webkit-backdrop-filter:none;backdrop-filter:none}
  .glass,.project-image span,.photo-open>span,.kit-grid .photo-open span,.hero-photo figcaption,.photo-close{
    background:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}
  .menu{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}
}