@import url('../marca/tokens.css');
/* Somente captura no Chrome Windows, cujo viewport mínimo é 500 px. */
html:has(body.captura-mobile),body.captura-mobile{width:390px}
.case-buttons{visibility:hidden}.has-js .case-buttons{visibility:visible}
.stage-media{position:relative;width:100%;aspect-ratio:4/5;min-height:0}.stage .stage-media img{position:absolute;inset:0;width:100%;height:100%;max-height:100%;object-fit:contain}.stage #stage-next{opacity:0;transition:opacity 700ms var(--curva)}.stage #stage-next.visible{opacity:1}.stage>.secondary{justify-self:start}
.stage{grid-template-rows:minmax(0,1fr) auto auto;align-content:stretch}.stage-media{aspect-ratio:auto;height:100%}
@media(max-width:700px){.stage{display:block}.stage-media{height:240px}.stage>#pause{display:none}.stage #stage-image{animation:none}}
:root{--small:14px;--body:18px;--lead:24px;--head:40px;--display:64px;--margin:32px;--section:96px;--hover:180ms;--reveal:700ms;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:var(--pagina);color:var(--texto);font:var(--body)/1.5 var(--fonte)}h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3{line-height:1.05;letter-spacing:-.025em;text-wrap:balance}h1{font-size:var(--display);font-weight:700}h2{font-size:var(--head);font-weight:700}h3{font-size:var(--lead);font-weight:600}p{max-width:62ch;text-wrap:pretty}p+p{margin-top:16px}a{color:inherit;text-underline-offset:.2em}img,svg{display:block;max-width:100%;height:auto}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:active,.button:active{transform:translateY(2px)}:focus-visible{outline:3px solid var(--foco);outline-offset:4px}button,.button{border:0;border-radius:var(--raio);background:var(--acao);color:var(--acao-texto);padding:16px 24px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px}button:hover,.button:hover{text-decoration:underline}button.secondary{background:var(--pagina);color:var(--texto)}button[aria-pressed=true]{background:var(--marca);color:var(--pagina)}button:disabled{cursor:default;background:var(--pagina);color:var(--secundario);border:2px solid var(--borda)}small,figcaption,.small{font-size:var(--small);line-height:1.45}.lead{font-size:var(--lead);line-height:1.35}.muted{color:var(--secundario)}.bar{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:16px var(--margin);position:sticky;top:0;z-index:5;background:var(--pagina)}.bar .logo{width:96px}.links{display:flex;gap:24px}.bar a:not(.button){text-decoration:none}.bar a:hover{text-decoration:underline}.mobile-menu{display:none}.spread{display:grid;grid-template-columns:55% 45%;align-items:start}.reading{min-width:0}.reading>section{padding:64px var(--margin) 96px;display:grid;gap:32px}.reading>section:nth-child(even){background:var(--superficie)}.reading>section>p,.reading>section>div:not(.scale):not(.piece-line):not(.swatches){max-width:100%}.hero{min-height:720px;align-content:start;gap:32px}.hero .hero-logo{width:100%;margin:16px 0 0}.hero .button{justify-self:start}.visual-column{height:100%;background:var(--acento);min-width:0}.stage{position:sticky;top:80px;height:min(88svh,820px);padding:32px;display:grid;align-content:space-between;gap:32px}.stage img{width:100%;max-height:72%;object-fit:contain;object-position:center}.stage .stage-caption{display:flex;justify-content:space-between;align-items:end;gap:24px}.stage .mark{width:56px;flex-shrink:0}.stage p{font-size:var(--small)}.intro-list{display:grid;gap:24px;padding:0;list-style:none}.intro-list strong{display:block}.paper{background:var(--superficie);padding:24px}.forms{display:grid;gap:32px}.forms figure{display:grid;gap:16px}.forms .large-logo{width:100%}.forms .symbol{width:96px}.negative{background:var(--texto);padding:24px;color:var(--pagina)}.scale{display:flex;align-items:end;gap:24px;flex-wrap:wrap}.scale figure{display:grid;gap:16px}.pixel{image-rendering:pixelated}.protect{background:var(--acento);padding:32px}.protect img{width:100%}.table-scroll{overflow:auto}.table-scroll table,.product time,.product .status,.product h3{font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse;font-size:var(--small)}th,td{text-align:left;padding:8px;vertical-align:top}th{font-weight:700}tbody tr:nth-child(odd){background:var(--pagina)}.swatches{display:grid;grid-template-columns:1fr 1fr;gap:8px}.swatch{padding:24px;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.swatch.marca{background:var(--marca);color:var(--pagina)}.swatch.acento{background:var(--acento)}.swatch.grafite{background:var(--grafite);color:var(--pagina)}.swatch.papel{background:var(--pagina)}.role-list{display:grid;gap:16px}.role-list div{display:grid;grid-template-columns:150px 1fr;gap:16px}.role-list dt{font-weight:600}.sample-type{font-size:var(--head);font-weight:800;line-height:1.1}.weights{display:grid;gap:16px}.weight400{font-weight:400}.weight600{font-weight:600}.weight800{font-weight:800}.gallery{display:grid;gap:32px}.gallery figure{display:grid;gap:16px}.gallery img{width:100%}.dark-specimen{background:var(--pagina);color:var(--texto);padding:24px;display:grid;gap:16px}.error{color:var(--erro)}.deadline{color:var(--prazo)}.success{color:var(--exito)}.state-mark{display:inline-block;width:1em;height:1em;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.live{display:grid;gap:24px}.case-buttons{display:flex;gap:8px;flex-wrap:wrap}.case-buttons button{padding:12px 16px}.reason-sheet{background:var(--superficie);padding:24px;display:grid;gap:16px}.reason-sheet dl{display:grid;gap:16px}.reason-sheet dt{font-weight:600}.reason-sheet dd{margin-top:4px}.reason-sheet ol{padding-left:24px;margin:0}.live-result{min-height:72px}.motif{display:flex;gap:24px;align-items:center;justify-content:space-between;background:var(--acento);padding:32px}.motif svg{width:40%;max-height:180px;fill:var(--marca)}.full-product{padding:96px var(--margin);display:grid;gap:32px}.full-product>header{display:flex;justify-content:space-between;gap:32px;align-items:start}.full-product>header p{max-width:48ch}.product{background:var(--superficie);color:var(--texto);padding:32px;display:grid;gap:24px}.product-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.product-top img{width:96px}.product-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:32px}.product-main,.product-aside{display:grid;gap:24px;align-content:start}.product h3{font-size:var(--lead)}.product ol{padding-left:24px;margin:0}.product li+li{margin-top:8px}.next-action{background:var(--pagina);padding:24px;display:grid;gap:8px}.actions{display:flex;gap:16px;flex-wrap:wrap}.product label{display:grid;gap:8px}.product input,.product select{border:2px solid var(--borda);border-radius:0;background:var(--superficie);padding:12px;width:100%}.product select{appearance:auto}.product .log{display:grid;gap:8px;padding:0;list-style:none}.product .log li{display:grid;grid-template-columns:64px 1fr;gap:16px}.status{font-weight:600}.product #case-feedback{min-height:56px}.product .recusal{display:grid;gap:16px}.bottom-spread .visual-column{background:var(--grafite);color:var(--pagina)}.bad-list{display:grid;gap:32px}.bad-list figure{display:grid;gap:16px}.bad-list img{width:200px}.bad-stretch{transform:scaleX(1.3);transform-origin:left}.bad-rotate{transform:rotate(-8deg);margin:24px 0}.bad-green{background:var(--marca);padding:24px}.download-list{list-style:none;padding:0;margin:0;display:grid;gap:24px}.download-list a{display:inline-block;min-height:44px}.download-list small{display:block}.motion-stage{display:grid;gap:24px}.motion-object{display:flex;align-items:center;gap:24px;padding:32px;background:var(--pagina)}.motion-object img{width:96px}.turning{width:36px;height:64px;background:var(--marca);transform-origin:center}.play .turning{animation:orientar 480ms var(--ease) both}.motion-stage button{justify-self:start}@keyframes orientar{from{transform:rotate(0)}to{transform:rotate(90deg)}}@media(prefers-reduced-motion:no-preference){.reveal.is-seen{animation:chegar var(--reveal) var(--ease) both}.gallery .reveal.is-seen{animation:imagem 900ms var(--ease) both}.stage img{animation:respirar 12s ease-in-out 1}.stage img.paused{animation-play-state:paused}@keyframes chegar{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}@keyframes imagem{from{transform:scale(.96);opacity:.7}to{transform:none;opacity:1}}@keyframes respirar{from{transform:scale(.98)}to{transform:scale(1)}}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.turning{transform:rotate(90deg)}}footer{padding:48px var(--margin);background:var(--acento);display:grid;gap:24px}footer .footer-logo{width:min(100%,640px)}footer p{max-width:80ch}.piece-line{display:flex;gap:24px;flex-wrap:wrap}.piece-line a{min-height:44px}.copyright{font-size:var(--small)}.source-note{font-size:var(--small)}@media(max-width:1000px){:root{--head:36px;--display:48px;--margin:24px}.spread{grid-template-columns:56% 44%}.stage{padding:24px}.links{gap:16px}.bar .button{padding:12px 16px}.hero{min-height:640px}.reading>section{padding:48px var(--margin) 64px}.role-list div{grid-template-columns:1fr;gap:4px}.swatches{grid-template-columns:1fr}.full-product>header{display:grid}}@media(max-width:700px){:root{--head:32px;--display:40px;--margin:16px;--body:17px}.bar{min-height:72px;gap:16px;padding:12px var(--margin)}.bar .logo{width:72px}.mobile-menu{display:inline-flex;padding:8px 12px;min-height:44px}.bar .button{font-size:var(--small);padding:8px 12px;min-height:44px}.links{display:none;position:absolute;left:0;right:0;top:72px;background:var(--pagina);padding:24px;gap:24px}.links.is-open{display:grid}.spread{display:flex;flex-direction:column}.reading{width:100%;order:2}.visual-column{width:100%;height:auto;order:1}.stage{position:relative;top:auto;height:auto;min-height:0;padding:24px 16px;gap:24px}.stage img{max-height:260px;width:100%;object-fit:contain}.stage-caption{display:none!important}.hero{min-height:0}.hero .hero-logo{display:none}.reading>section{padding:48px var(--margin);gap:24px}.reading .hero{padding-top:32px}.swatches{grid-template-columns:1fr 1fr}.swatch{padding:16px;min-height:128px}.full-product{padding:48px var(--margin)}.product{padding:16px}.product-body{grid-template-columns:1fr}.product-top{flex-wrap:wrap}.product .log li{grid-template-columns:48px 1fr;gap:8px}.bottom-spread .visual-column{display:none}.forms .symbol{width:80px}.reason-sheet{padding:16px}.motif{padding:24px}.full-product>header{gap:24px}.role-list div{grid-template-columns:1fr}.bad-stretch{transform:scaleX(1.15)}.source-note{overflow-wrap:anywhere}footer{padding:32px var(--margin)}}

@media(max-width:700px){.stage{display:block}.stage-media{height:240px}.stage>#pause{display:none}.stage #stage-image{animation:none}}

.offer-fragment .offer-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:24px;align-items:start}.offer-summary,.offer-reason{display:grid;gap:12px}.offer-fragment .next-action,.offer-fragment .actions,.offer-fragment .recusal,.offer-fragment #case-feedback{grid-column:1}.offer-fragment .product-top{margin-bottom:0}.record-fragment{align-content:start}.record-toggle{display:none}.record-fragment>p{max-width:72ch}
@media(max-width:700px){.offer-fragment .offer-body{grid-template-columns:minmax(0,1fr);gap:16px}.offer-fragment .offer-summary,.offer-fragment .offer-reason{gap:8px}.offer-fragment .next-action{padding:16px}.offer-fragment .product-top{gap:12px}.record-toggle{display:inline-flex;justify-self:start}.record-fragment:not(.record-expanded) .log li:not(:nth-last-child(-n+3)){display:none}.record-fragment .log{max-height:0;overflow:hidden;transition:max-height 180ms ease}.record-fragment.record-expanded .log{max-height:1000px}.record-fragment>p{font-size:var(--small)} }
@media(prefers-reduced-motion:reduce){.record-fragment .log{transition:none}}