/* MAQ LAB — catálogo de experiências em cards */
.ml-archive--catalog{background:#f4f5f1;color:#10232d}
.ml-experience-hero{min-height:min(780px,calc(100svh - 90px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(48px,7vw,120px);position:relative;overflow:hidden;background:#f7f7f3;border-bottom:1px solid #dfe3e1;padding-top:clamp(70px,8vw,118px);padding-bottom:clamp(70px,8vw,118px)}
.ml-experience-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(16,35,45,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,35,45,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 8%,#000 72%);pointer-events:none}
.ml-experience-hero__copy,.ml-experience-hero__system{position:relative;z-index:1}
.ml-experience-hero .ml-eyebrow{color:#7b6500}
.ml-experience-hero h1{font:600 clamp(58px,7.3vw,112px)/.9 var(--ml-display);letter-spacing:-.07em;color:#10232d;margin:0 0 34px;max-width:980px}
.ml-experience-hero h1 em{font-style:normal;text-decoration:underline;text-decoration-color:#ffb300;text-decoration-thickness:.09em;text-underline-offset:.11em}
.ml-experience-hero__copy>p{font-size:clamp(18px,1.55vw,23px);line-height:1.55;max-width:720px;color:#3c4a50;margin:0}
.ml-experience-hero__start{display:inline-flex;gap:24px;align-items:center;margin-top:42px;font:600 12px/1 var(--ml-mono);letter-spacing:.12em;color:#10232d!important}
.ml-experience-hero__start span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #10232d;border-radius:50%;transition:background .2s,transform .2s}
.ml-experience-hero__start:hover span{background:#ffb300;transform:translateY(4px)}
.ml-experience-hero__system{aspect-ratio:1/1;max-width:570px;justify-self:end;display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;place-items:center;border:1px solid rgba(16,35,45,.22);border-radius:50%;background:radial-gradient(circle at center,#fff 0 3%,transparent 3.3% 21%,rgba(16,35,45,.08) 21.2% 21.6%,transparent 21.8% 39%,rgba(16,35,45,.1) 39.2% 39.6%,transparent 39.8%),#eef1ef}
.ml-experience-hero__system:before,.ml-experience-hero__system:after{content:"";position:absolute;background:#10232d}
.ml-experience-hero__system:before{width:1px;height:114%;left:50%;top:-7%}.ml-experience-hero__system:after{height:1px;width:114%;top:50%;left:-7%}
.ml-experience-hero__system>div{position:relative;z-index:2;text-align:center;background:#f7f7f3;padding:16px 9px;border:1px solid #cfd5d2;min-width:105px}
.ml-experience-hero__system small{display:block;font:500 9px/1.2 var(--ml-mono);letter-spacing:.13em;color:#717b80;margin-bottom:7px}.ml-experience-hero__system b{font:600 clamp(11px,1vw,14px)/1 var(--ml-mono);letter-spacing:.06em}.ml-experience-hero__system>i{position:relative;z-index:2;color:#ffb300;font-style:normal;font-size:20px}
.ml-experience-hero__axis{position:absolute;inset:8%;border:1px dashed rgba(16,35,45,.25);border-radius:50%;animation:ml-axis-spin 28s linear infinite}.ml-experience-hero__pulse{position:absolute;width:11px;height:11px;border-radius:50%;background:#ffb300;box-shadow:0 0 0 8px rgba(255,179,0,.16),0 0 28px rgba(255,179,0,.55);z-index:3}.ml-experience-hero__pulse--a{top:13%;left:29%}.ml-experience-hero__pulse--b{right:13%;bottom:30%;background:#61c2c8;box-shadow:0 0 0 8px rgba(97,194,200,.15),0 0 28px rgba(97,194,200,.5)}
@keyframes ml-axis-spin{to{transform:rotate(360deg)}}

.ml-catalog{--catalog-accent:#ffb300;background:#0d2029;color:#fff;padding-top:clamp(76px,8vw,120px);padding-bottom:clamp(70px,8vw,110px);position:relative;overflow:hidden}
.ml-catalog:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.ml-catalog__header,.ml-catalog__tools,.ml-catalog__grid,.ml-catalog__finish{position:relative;z-index:1;max-width:1510px;margin-inline:auto}
.ml-catalog__header{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:8vw;align-items:end;margin-bottom:clamp(55px,6vw,85px)}
.ml-catalog__header .ml-eyebrow,.ml-catalog__finish .ml-eyebrow{color:#ffb300}
.ml-site .ml-catalog__header h2{font:600 clamp(46px,5.2vw,76px)/.94 var(--ml-display);letter-spacing:-.06em;color:#fff;margin:0}.ml-catalog__header h2 em{font-style:normal;color:#ffb300}
.ml-catalog__header>p{font-size:18px;line-height:1.6;color:#b7c3c8;max-width:520px;margin:0 0 5px}
.ml-catalog__tools{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 0;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17);margin-bottom:34px}
.ml-catalog__filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ml-catalog__filters button{appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#aebcc1;padding:12px 15px;font:600 10px/1 var(--ml-mono);letter-spacing:.09em;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.ml-catalog__filters button:hover{border-color:#fff;color:#fff}.ml-catalog__filters button.is-active{background:#ffb300;border-color:#ffb300;color:#10232d}.ml-catalog__filters button span{margin-left:8px;opacity:.7}
.ml-catalog__result{white-space:nowrap;margin:0;color:#91a3aa;font:500 10px/1 var(--ml-mono);letter-spacing:.11em;text-transform:uppercase}.ml-catalog__result strong{color:#ffb300;font-size:13px;margin-right:6px}
.ml-catalog__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ml-catalog-card{--card-accent:#ffb300;display:flex;flex-direction:column;min-width:0;background:#f7f7f3;color:#10232d;border:1px solid rgba(255,255,255,.12);overflow:hidden;transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s;animation:ml-card-in .45s both}
.ml-catalog-card:nth-child(3n+2){--card-accent:#61c2c8}.ml-catalog-card:nth-child(3n+3){--card-accent:#d9ff43}
.ml-catalog-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(0,0,0,.28)}
.ml-catalog-card[hidden]{display:none}
@keyframes ml-card-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.ml-catalog-card__visual{position:relative;display:block;height:330px;overflow:hidden;background:radial-gradient(circle at 50% 46%,#233f4b 0,#132c37 45%,#0c222c 76%);border-bottom:1px solid #d8ddda;color:#fff!important}
.ml-catalog-card__visual:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.11);pointer-events:none;z-index:4}.ml-catalog-card__visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;pointer-events:none}
.ml-catalog-card__coordinate,.ml-catalog-card__action{position:absolute;z-index:5;font:500 9px/1 var(--ml-mono);letter-spacing:.11em}.ml-catalog-card__coordinate{top:29px;left:29px;color:#aab9be}.ml-catalog-card__action{right:29px;bottom:27px;color:var(--card-accent);text-align:right}
.ml-catalog-card__rings{position:absolute;inset:8%;display:grid;place-items:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.ml-catalog-card__rings i{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:75%;aspect-ratio:1}.ml-catalog-card__rings i:nth-child(2){width:54%;border-style:dashed}.ml-catalog-card__rings i:nth-child(3){width:32%;border-color:var(--card-accent);opacity:.35}.ml-catalog-card:hover .ml-catalog-card__rings{transform:rotate(10deg) scale(1.04)}
.ml-catalog-card__machine{position:absolute;z-index:3;inset:42px 36px 27px;width:calc(100% - 72px)!important;height:calc(100% - 69px)!important;object-fit:contain;filter:drop-shadow(0 22px 25px rgba(0,0,0,.4));transition:transform .5s cubic-bezier(.2,.75,.25,1),filter .5s}.ml-catalog-card:hover .ml-catalog-card__machine{transform:scale(1.045) translateY(-3px);filter:drop-shadow(0 29px 32px rgba(0,0,0,.5))}
.ml-catalog-card__diagram{position:absolute;z-index:3;inset:36px 56px 26px;display:grid;place-items:center;transition:transform .5s cubic-bezier(.2,.75,.25,1)}.ml-catalog-card:hover .ml-catalog-card__diagram{transform:scale(1.035) translateY(-3px)}
.ml-catalog-card .mhs-diagram{width:100%;height:100%;overflow:visible;color:#dfe8ea;stroke:currentColor;stroke-width:1.6}.ml-catalog-card .mhs-diagram .solid{fill:#193541}.ml-catalog-card .mhs-diagram .accent{stroke:var(--card-accent);stroke-width:2.4}.ml-catalog-card .mhs-diagram .dim{stroke:#718892;stroke-width:.8;stroke-dasharray:3 4}.ml-catalog-card .mhs-diagram text{fill:#a6bbc4;stroke:none;font:7px var(--ml-mono);letter-spacing:1px}
.ml-catalog-card__copy{display:flex;flex:1;flex-direction:column;padding:26px 28px 28px;min-height:282px}.ml-catalog-card__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font:600 9px/1 var(--ml-mono);letter-spacing:.12em;color:#65767d}.ml-catalog-card__meta span:first-child{color:#53666e}.ml-catalog-card__meta span:last-child{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--card-accent);color:#10232d}
.ml-site .ml-catalog-card__copy h3{font:600 clamp(30px,2.3vw,39px)/.96 var(--ml-display);letter-spacing:-.045em;margin:0 0 17px;color:#10232d}.ml-catalog-card__copy h3 a{color:inherit!important}.ml-catalog-card__copy>p{font-size:15px;line-height:1.55;color:#506168;margin:0 0 26px}.ml-catalog-card__link{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #d8ddda;margin-top:auto;padding-top:18px;color:#10232d!important;font:600 10px/1 var(--ml-mono);letter-spacing:.1em}.ml-catalog-card__link svg{width:22px;fill:none;stroke:var(--card-accent);transition:transform .2s}.ml-catalog-card:hover .ml-catalog-card__link svg{transform:translateX(5px)}
.ml-catalog__finish{display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:center;background:#ffb300;color:#10232d;margin-top:clamp(60px,7vw,96px);padding:clamp(42px,5vw,72px)}.ml-catalog__finish .ml-eyebrow{color:#10232d}.ml-site .ml-catalog__finish h2{font:600 clamp(39px,4.6vw,67px)/.95 var(--ml-display);letter-spacing:-.055em;color:#10232d;margin:0}.ml-catalog__finish p{font-size:17px;line-height:1.55;margin:0 0 26px;max-width:560px}.ml-catalog__finish .ml-btn{background:#10232d;border-color:#10232d;color:#fff!important}

@media(max-width:1120px){.ml-experience-hero{grid-template-columns:1fr;min-height:auto}.ml-experience-hero__system{width:min(100%,560px);justify-self:center}.ml-catalog__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ml-catalog__header{grid-template-columns:1fr .7fr;gap:5vw}}
@media(max-width:760px){.ml-experience-hero{padding-top:68px;padding-bottom:75px;gap:62px}.ml-experience-hero h1{font-size:clamp(49px,14vw,65px)}.ml-experience-hero__copy>p{font-size:18px}.ml-experience-hero__system{grid-template-columns:1fr 24px 1fr 24px 1fr}.ml-experience-hero__system>div{min-width:0;padding:12px 4px}.ml-experience-hero__system b{font-size:9px}.ml-experience-hero__system small{font-size:7px}.ml-experience-hero__system>i{font-size:13px}.ml-catalog{padding-top:70px}.ml-catalog__header{grid-template-columns:1fr;gap:28px;margin-bottom:48px}.ml-site .ml-catalog__header h2{font-size:43px}.ml-catalog__header>p{font-size:16px}.ml-catalog__tools{display:block}.ml-catalog__filters{display:grid;grid-template-columns:repeat(2,1fr)}.ml-catalog__filters button:first-child{grid-column:1/-1}.ml-catalog__result{margin-top:17px}.ml-catalog__grid{grid-template-columns:1fr;gap:15px}.ml-catalog-card__visual{height:310px}.ml-catalog-card__copy{min-height:250px}.ml-catalog__finish{grid-template-columns:1fr;gap:26px;padding:38px 28px}.ml-site .ml-catalog__finish h2{font-size:42px}}
@media(max-width:430px){.ml-experience-hero__system{margin-inline:-14px;width:calc(100% + 28px)}.ml-catalog-card__visual{height:280px}.ml-catalog-card__diagram{inset:39px 47px 27px}.ml-catalog-card__copy{padding:23px 24px 25px}.ml-site .ml-catalog-card__copy h3{font-size:34px}.ml-catalog-card__coordinate{top:27px;left:27px}.ml-catalog-card__action{right:27px;bottom:25px}}
@media(prefers-reduced-motion:reduce){.ml-experience-hero__axis{animation:none}.ml-catalog-card{animation:none;transition:none}.ml-catalog-card:hover{transform:none}.ml-catalog-card__machine,.ml-catalog-card__diagram,.ml-catalog-card__rings{transition:none}}

/* Sharing is independent of the card navigation. */
.ml-site .ml-catalog-card .ml-catalog-card__share-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-top:12px}
.ml-site .ml-catalog-card .ml-catalog-card__share{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 10px;appearance:none;background:transparent;border:1px solid #cbd3cf;border-radius:3px;color:#10232d;font:600 11px/1.3 var(--ml-mono);cursor:pointer}
.ml-site .ml-catalog-card .ml-catalog-card__share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}
.ml-site .ml-catalog-card .ml-catalog-card__share:hover{background:#ffb300;border-color:#ffb300}
.ml-site .ml-catalog-card .ml-catalog-card__share:focus-visible{outline:2px solid #10232d;outline-offset:3px}
.ml-site .ml-catalog-card .ml-catalog-card__share:disabled{opacity:.6;cursor:wait}
.ml-site .ml-catalog-card .ml-catalog-card__share-status{color:#385649;font:500 11px/1.4 var(--ml-mono)}
.ml-site .ml-catalog-card .ml-catalog-card__share-manual{margin-top:8px;font-size:12px;color:#10232d}
.ml-site .ml-catalog-card .ml-catalog-card__share-manual[hidden]{display:none}
.ml-site .ml-catalog-card .ml-catalog-card__share-manual input{display:block;width:100%;min-width:0;margin-top:6px;font-size:14px;color:#10232d;background:#fff;border:1px solid #aab9b1;padding:10px}


/* People and physical interactions give context to the catalogue. */
.ml-human{padding-block:clamp(48px,6vw,88px);background:#eceee7;color:#10232d}
.ml-human header{display:grid;grid-template-columns:1.2fr 1fr;gap:5vw;align-items:end;margin-bottom:30px}
.ml-site .ml-human h2{font:600 clamp(34px,4vw,60px)/1.04 var(--ml-display);letter-spacing:-.045em;margin:12px 0 0;color:#10232d}
.ml-human header p{font-size:18px;line-height:1.6;max-width:520px;margin:0;color:#46595f}
.ml-human__grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
.ml-human figure{margin:0;min-width:0;background:#fff}
.ml-human figure>a{display:block;overflow:hidden}
.ml-human img{display:block;width:100%;height:clamp(270px,29vw,440px);object-fit:cover}
.ml-human figure:nth-child(2) img{object-position:center 57%}
.ml-human figcaption{padding:22px 24px}
.ml-human figcaption span{display:block;font:500 10px/1.4 var(--ml-mono);letter-spacing:.12em;color:#62706c;margin-bottom:10px}
.ml-human figcaption a{font:600 clamp(20px,1.8vw,28px)/1.2 var(--ml-display);color:#10232d!important}
.ml-human a:focus-visible{outline:3px solid #b47700;outline-offset:4px}
.ml-human .ml-human__note{font-size:12px;line-height:1.6;color:#5a6c65;margin:18px 0 0}
@media(max-width:700px){.ml-human header,.ml-human__grid{grid-template-columns:1fr;gap:24px}.ml-human header p{font-size:16px}.ml-human img{height:auto;aspect-ratio:4/3}.ml-human figure:nth-child(2) img{aspect-ratio:5/4}.ml-human figcaption{padding:20px}}