/* One responsive editorial plate, built from text and the existing brand system. */
body.microbio-evolved #quienes-somos.about-duo{padding:clamp(28px,4vw,60px) 4.5%!important;background:#edf2e5!important;color:#eff4e9!important}
.about-plate{position:relative;isolation:isolate;overflow:hidden;padding:clamp(25px,3.2vw,54px);background:radial-gradient(ellipse at 78% 17%,#324d2d 0,transparent 35%),linear-gradient(130deg,#11271a,#091710 70%);color:#eff4e9}
.about-plate:before{content:'';position:absolute;z-index:-1;right:-8%;bottom:-40%;width:min(75vw,900px);aspect-ratio:1;background:#b9f336;opacity:.045;mask:url('assets/microbio-simbolo-ambiente.svg') center/contain no-repeat;-webkit-mask:url('assets/microbio-simbolo-ambiente.svg') center/contain no-repeat;transform:rotate(-18deg);pointer-events:none}
.about-topline{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid #d4edc252;padding-bottom:18px;font:600 10px/1.4 'MB Text',sans-serif;letter-spacing:.13em;color:#c8d7c1}
.about-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,6vw,92px);padding:clamp(32px,4vw,65px) 0}
.about-eyebrow,.about-label{display:block;font:700 11px/1.4 'MB Text',sans-serif;letter-spacing:.12em;color:#c9ff32}
body.microbio-evolved #quienes-somos #about-title{margin:24px 0!important;color:#f0f4e9!important;font:italic 900 clamp(51px,7.1vw,110px)/.96 'MB Speed',sans-serif!important;letter-spacing:-.025em!important;text-transform:uppercase;max-width:none!important}
body.microbio-evolved #quienes-somos #about-title em{color:#caff2d!important;font:inherit!important}
.about-lead{max-width:25ch;margin:0 0 19px!important;font:600 clamp(22px,2.4vw,34px)/1.2 'MB Text',sans-serif;letter-spacing:-.035em;color:#f0f4e9}
.about-copy{max-width:43ch;margin:0;font:400 clamp(16px,1.35vw,19px)/1.6 'MB Text',sans-serif;color:#d7e3d5}
.about-copy a{color:#d7ff6c;text-decoration-color:#b9ef35;text-underline-offset:4px}
.about-link{display:inline-flex;gap:40px;align-items:center;margin-top:30px;padding:15px 18px;background:#caff2d;color:#142117!important;text-decoration:none;font:700 14px/1.2 'MB Text',sans-serif;transition:background .25s,color .25s}
.about-link:hover{background:#f1f5e9;color:#122019!important}
.about-info{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}
.about-diagram{position:relative;display:flex;justify-content:center;align-items:center;min-height:220px;overflow:hidden;border:1px solid #a5c5914f;background:radial-gradient(circle at 50% 45%,#3b5d30 0,#183221 45%,#11251a 85%)}
.about-orbit{position:absolute;border:1px solid #cbff5f77;border-radius:50%;width:200px;height:200px}
.about-orbit-two{width:280px;height:125px;transform:rotate(-24deg);border-color:#cbff5f55}
.about-identity{position:relative;display:flex;align-items:center;gap:16px;font:700 clamp(18px,2vw,28px)/1 'MB Text',sans-serif;letter-spacing:-.04em;color:#f4f7ed}
.about-identity b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#caff2d;color:#122019;font-size:22px}
.about-diagram-label{position:absolute;bottom:14px;left:18px;font:600 9px/1.3 'MB Text',sans-serif;letter-spacing:.11em;color:#c3d5b8}
.about-education{padding:27px 0 0}
body.microbio-evolved #quienes-somos .about-education h3{margin:12px 0!important;color:#eff4e9!important;font:700 clamp(24px,2.6vw,36px)/1.08 'MB Text',sans-serif!important;letter-spacing:-.045em!important}
.about-education p{margin:0;max-width:50ch;font:400 15px/1.6 'MB Text',sans-serif;color:#d7e3d5}
.about-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px;padding-top:25px;border-top:1px solid #d4edc252}
.about-bottom p{max-width:53ch;margin:10px 0 0;font:400 15px/1.5 'MB Text',sans-serif;color:#d7e3d5}
.about-bottom ul{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0;padding:0;list-style:none}
.about-bottom li{padding:9px 12px;border:1px solid #a5c59180;border-radius:30px;font:700 10px/1 'MB Text',sans-serif;letter-spacing:.08em;color:#f0f4e9}
.about-plate a:focus-visible{outline:3px solid #caff2d;outline-offset:5px}
@media(max-width:760px){body.microbio-evolved #quienes-somos.about-duo{padding:30px 5%!important}.about-plate{padding:25px 22px}.about-topline{font-size:9px}.about-grid{grid-template-columns:1fr;gap:35px;padding:34px 0}.about-diagram{min-height:190px}.about-orbit{width:165px;height:165px}.about-orbit-two{width:245px;height:110px}.about-bottom{align-items:start;flex-direction:column;gap:20px}.about-bottom ul{justify-content:flex-start}body.microbio-evolved #quienes-somos #about-title{font-size:clamp(46px,11vw,78px)!important}}
@media(prefers-reduced-motion:reduce){.about-link{transition:none}}
/* The studio imagery becomes the visual language of the plate. */
.about-visual{position:relative;margin:0;overflow:hidden;background:#050906;min-width:0}
.about-visual img{display:block;width:100%;height:clamp(290px,32vw,440px);object-fit:contain;background:#050906}
.about-visual figcaption{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;border-top:1px solid #b8cf9e45;font:700 9px/1.3 'MB Text',sans-serif;letter-spacing:.1em;color:#d0e4c5}
.about-education{padding-top:25px}
.about-life{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,4vw,64px);padding-top:30px;border-top:1px solid #d4edc252}
.about-life-copy p{max-width:36ch;margin:13px 0 0;font:500 clamp(17px,1.5vw,21px)/1.45 'MB Text',sans-serif;letter-spacing:-.02em;color:#edf5e8}
.about-life-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.about-life-art figure{margin:0;overflow:hidden;background:#050906}
.about-life-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:760px){.about-visual img{height:auto;max-height:340px;aspect-ratio:1;object-fit:contain}.about-life{grid-template-columns:1fr;gap:20px}.about-life-copy p{font-size:17px}.about-life-art{gap:6px}}

/* Integrate the black artwork backgrounds into the studio's dark green field. */
.about-visual,.about-life-art figure{background:transparent!important}
.about-visual img,.about-life-art img{background:transparent!important;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(ellipse 72% 72% at center,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at center,#000 65%,transparent 100%)}
.about-visual figcaption{border-color:#b8cf9e33}