*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#111;font:16px/1.45 "Segoe UI",Arial,sans-serif;overflow-x:clip}.wrap{width:min(77%,calc(1120px * var(--scale,1)));margin-inline:auto}header,nav,.intro,.controls,footer{display:flex;align-items:center}header{height:64px;gap:18px;position:relative}nav{margin-left:auto;gap:24px}a{color:inherit}header a,.grid a,.cta{text-decoration:none}.brand{width:80px;height:32px;object-fit:contain}.pill,button,.cta{border:1px solid;border-radius:40px;padding:7px 16px;background:white;color:inherit;font:inherit;cursor:pointer}#menu{display:none}.intro{justify-content:space-between;gap:25px;margin:clamp(18px,4vh,52px) 0 24px}.intro>div{width:26%;min-width:200px}.intro p{margin:0 0 9px}.cta{display:inline-block;background:#111;color:white;font-size:.9em}.cta b,article>b{color:#f2a900}h1,h2,h3{line-height:1.04;margin:0}h1{font-size:clamp(42px,5.5vw,82px);letter-spacing:-.045em}h1 span{background:linear-gradient(transparent 86%,#ffba25 86%)}#slides{overflow:hidden;margin-right:calc((100vw - 100%)/-2)}.slides{display:flex;gap:12px}.slides a{flex:0 0 68%}.slides img,.portrait,.grid img{width:100%;display:block;object-fit:cover;border-radius:10px}.slides img{height:clamp(160px,32vh,375px)}.controls{gap:8px;padding-top:6px;width:85%}.controls strong{margin-right:auto}.controls button{padding:2px 10px;font-size:15px}#next{background:#ffba25;border-color:#ffba25}.about{display:grid;grid-template-columns:33% 1fr;align-items:center;gap:8%;margin-block:clamp(22px,4vh,52px) 65px}.portrait{aspect-ratio:1.08}.about p{max-width:56ch}.muted,article p,footer{color:#626b76}h2{font-size:clamp(32px,3.8vw,54px);letter-spacing:-.04em}h2:before{content:"";display:block;width:28px;height:3px;background:#ffbc25;margin-bottom:10px}.band{overflow:hidden}.track,.track>div{display:flex;align-items:center;width:max-content}.track{animation:marquee 85s linear infinite}.track img{width:100px;height:58px;object-fit:contain;margin:0 22px;filter:grayscale(1);opacity:.45}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-top:clamp(64px,8vw,115px)}.methods,.grid{display:grid;grid-template-columns:repeat(3,1fr)}.methods{margin-top:48px}.methods article{padding-right:18%}.methods article+article{border-left:1px solid #b9c0ca;padding-left:12%}h3{font-size:clamp(23px,2.5vw,37px);margin-top:14px}.filters{display:flex;gap:8px;margin:44px 0 20px;flex-wrap:wrap}.filters button{font-size:14px}.filters [aria-pressed=true]{background:#111;color:white}.grid{gap:26px 10px}.grid img{aspect-ratio:1.36;margin-bottom:5px}.grid strong,.grid small{display:block}.contact{margin-block:80px 48px;background:#232323;color:white;border-radius:16px;padding:4%;display:grid;grid-template-columns:1.4fr 1fr;gap:4%;align-items:center}.contact h2{font-size:clamp(28px,3vw,44px);margin-top:12px}.contact>div+div{padding-left:8%;border-left:1px solid #aaa}.contact img{width:36px;height:36px;object-fit:contain;margin:12px 8px 0 0}footer{border-top:1px solid #bbb;gap:26px;padding:20px 0;font-size:13px}footer span{margin-left:auto}@media(max-width:760px){.wrap{width:90%}header{gap:10px}.brand{width:64px}#menu{display:block;margin-left:auto}nav{display:none;position:absolute;z-index:3;top:56px;right:0;background:white;padding:18px;border:1px solid #ddd;border-radius:12px}nav.open{display:grid}.intro{display:block}.intro>div{width:100%;max-width:390px;margin-top:20px}h1{font-size:clamp(36px,8vw,58px)}.slides a{flex-basis:84%}.slides img{height:clamp(180px,52vw,300px)}.controls{width:94%}.about,.methods,.contact{display:grid;grid-template-columns:1fr}.portrait{width:min(76%,300px)}.about{gap:22px}.methods article,.methods article+article{padding:20px 0;border:0;border-bottom:1px solid #ccc}.grid{grid-template-columns:repeat(2,1fr)}.contact{padding:26px}.contact>div+div{border:0;padding:0}footer{flex-wrap:wrap}}@media(max-width:390px){.grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.track{animation:none}.band{overflow-x:auto}}

/* O ponto focal acompanha o projeto quando o carrossel muda de ordem. */
.slides img[src$="Miniatura_Pampers.png"]{object-position:53% 0%}
.slides img[src$="Miniatura_prestige.png"]{object-position:100% 38%}
.slides img[src$="Miniatura_TMCorona.png"]{object-position:46% 0%}
.track img{filter:none;opacity:1}