/* MobiliOrg — Manual da Marca, versão 1.0 / outubro de 2026.
   Refinements to the existing site; project media and interactions stay in place. */
:root{--blue:#0755F5;--orange:#FF6508;--ink:#111111;--paper:#EEF3FF;--lightblue:#EEF3FF;--muted:#555b66;--line:#dce3f0}
body{font-size:16px;line-height:1.75}
.container{width:min(1280px,calc(100% - 96px))}
.section-space{padding-block:112px}
h2{font-size:clamp(46px,4.7vw,68px);line-height:1.1;letter-spacing:-.015em}
.eyebrow{font-size:11px;letter-spacing:.075em}
.section-label{margin-bottom:25px}
.button{font-size:14px;min-height:56px;gap:30px;border-radius:3px;padding:16px 24px}
.button-small{min-height:46px;font-size:13px;padding:12px 18px;gap:19px}
.button:hover{background:#0645c9;border-color:#0645c9}
.text-link{font-size:13px;font-weight:600;line-height:1.7;gap:15px}
.text-link svg{width:19px;height:19px}
.button-dark{background:var(--ink);border-color:var(--ink)}
.button-dark:hover{background:#292929;border-color:#292929}
a,button,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:3px solid var(--orange);outline-offset:5px}
.header-inner{height:104px;gap:28px}
.brand,.brand-footer{position:relative;display:block;width:210px;height:auto;overflow:visible}
.brand img,.brand-footer img{position:static;width:100%;max-width:100%;height:auto;left:auto;top:auto;mix-blend-mode:normal}
.desktop-nav{gap:24px}
.desktop-nav a{font-size:12px;font-weight:600}
.desktop-nav a:after{background:var(--blue)}
.mobile-nav{display:none}
.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4.25px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.hero{padding-top:48px}
.hero-grid{display:grid;grid-template-columns:1.33fr 1fr;gap:44px;min-height:584px}
.hero-copy{padding-bottom:46px}
.hero-copy .eyebrow{font-size:10px;letter-spacing:.04em;margin-bottom:31px}
.hero h1{font-size:clamp(86px,8.7vw,126px);letter-spacing:-.025em;line-height:1.04}
.movement{position:static}
.hero-description{font-size:16px;line-height:1.9;max-width:550px;margin-top:29px}
.hero-description:first-line{font-weight:400}
.hero-actions{gap:25px;margin-top:32px}
.hero-actions .button{font-size:14px;padding:15px 22px;gap:29px;min-height:55px}
.hero-actions .text-link{font-size:12px;gap:11px}
.hero-visual{height:495px;min-width:0;margin:0;position:relative;align-self:center}
.motion-composition{position:absolute;inset:0;overflow:hidden;background:var(--lightblue);border-radius:50% 44% 46% 38%}
.motion-orbit{position:absolute;display:block;border-style:solid;border-radius:50%;box-sizing:border-box}
.motion-orbit-blue{width:111%;height:51%;border-width:38px;border-color:var(--blue);left:-6%;top:19%;transform:rotate(-39deg)}
.motion-orbit-orange{width:97%;height:46%;border-width:26px;border-color:var(--orange);left:7%;top:31%;transform:rotate(-39deg)}
.motion-point{position:absolute;width:21px;height:21px;background:var(--ink);border-radius:50%;left:16%;top:16%}
.hero-brand-plate{position:absolute;left:4%;right:4%;top:32%;background:var(--blue);border-radius:4px;overflow:hidden}
.hero-brand-plate img{position:static;width:100%;height:auto;display:block}
.hero-brand-plate>span{display:block;background:var(--ink);color:#fff;font-size:9px;font-weight:600;letter-spacing:.1em;padding:14px 15px;text-align:center}
.visual-coordinate{font-size:9px;font-weight:600;letter-spacing:.035em;color:var(--ink);line-height:1.6}
.coordinate-top{left:3%;right:auto;top:-9px}
.coordinate-bottom{left:auto;right:1%;bottom:-12px}
.hero-baseline{padding-block:25px 28px;align-items:center;gap:35px}
.institutional-signature{font-family:var(--font);font-weight:600;font-size:12px;line-height:1.9;letter-spacing:.035em}
.hero-baseline .location{font-size:10px;color:var(--ink);gap:22px}
.blue-ribbon{background:var(--blue)}
.ribbon-inner{padding-block:21px;gap:28px}
.ribbon-inner span{font-size:28px}
.ribbon-inner svg{width:20px;height:20px;stroke-width:6}
.experience-strip{padding-top:48px;padding-bottom:47px}
.experience-strip .eyebrow{font-size:10px}
.organization-names{margin-block:31px 24px;color:var(--ink);gap:30px}
.source-note{font-size:11px;max-width:910px;line-height:1.8}
.services{background:var(--lightblue)}
.services-grid{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:90px;margin-bottom:49px}
.services-intro h2{font-size:clamp(46px,4.7vw,68px)}
.services-intro>p:not(.eyebrow){max-width:540px;font-size:16px;line-height:1.85;margin-top:27px;color:var(--muted)}
.services-intro .text-link{font-size:13px;margin-top:21px}
.services-overview{font-size:16px;line-height:1.9;color:var(--muted);max-width:390px;padding-bottom:10px}
.service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}
.solution-card{min-width:0;align-self:stretch;padding:29px 27px 17px;background:#fff;border:1px solid transparent;border-radius:4px;transition:transform .2s,border-color .2s;display:flex;flex-direction:column}
.solution-card:hover{transform:translateY(-3px);border-color:var(--blue)}
.solution-number{color:var(--blue);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:25px}
.solution-card h3{font-weight:600;font-size:20px;line-height:1.5;letter-spacing:-.45px;margin-bottom:16px}
.solution-card>p{font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:24px}
.service.service-detail{border-top:1px solid var(--line);border-bottom:0;margin-top:auto}
.service.service-detail summary{padding:16px 0;gap:15px;min-height:52px}
.service-detail .service-title,.service-detail[open] .service-title{font-size:12px;line-height:1.5;letter-spacing:0;color:var(--blue)}
.service-detail .plus{width:16px;height:16px}
.service-detail .plus:before,.service-detail .plus:after{background:var(--blue);top:7px}
.service-detail .service-content{padding:0 0 16px;color:var(--muted);font-size:14px;line-height:1.85}
.section-heading{gap:70px;margin-bottom:47px}
.section-aside{max-width:370px;font-size:16px;line-height:1.85;color:var(--muted)}
.section-aside .text-link{margin-top:19px;font-size:13px}
.project-grid{display:grid;gap:30px}
.project-art{height:400px;border-radius:4px}
.escute-art{background:var(--orange)}
.art-label{font-size:10px;top:25px;left:28px;letter-spacing:.035em}
.escute-first,.escute-second{width:190px}
.escute-first{top:88px;left:12%}
.escute-second{top:67px;left:49%}
.art-star{color:var(--blue)}
.jornada-art{background:var(--lightblue)}
.phone-front{width:160px;top:80px}
.phone-back{width:150px;top:58px}
.jornada-caption{font-size:8px;right:20px}
.project-description{padding-block:24px 26px;gap:20px}
.project-category{font-size:10px;font-weight:600;line-height:1.6;letter-spacing:.03em}
.project-name{font-size:21px;line-height:1.5;letter-spacing:-.5px}
.project-origin{display:block;font-size:11px;color:var(--muted);font-weight:400;line-height:1.7;margin-top:4px}
.circle-arrow{width:44px;height:44px;flex-shrink:0}
.project-feature{margin-top:22px;grid-template-columns:1.1fr 1fr}
.feature-image{padding:40px;background:var(--lightblue)}
.feature-copy{padding:39px 43px}
.feature-copy .project-category{font-size:10px;line-height:1.6;color:#d6d6d6}
.feature-title{font-size:44px;line-height:1.13}
.feature-body{font-size:15px;line-height:1.85;color:#dedede;max-width:410px;margin-top:20px}
.feature-copy .project-origin{font-size:11px;color:#d6d6d6;margin-top:20px}
.feature-link{font-size:13px;gap:25px;margin-top:26px;padding-bottom:8px;line-height:1.6}
.project-footnote{font-size:12px;line-height:1.85;margin-top:27px;max-width:1010px;color:var(--muted)}
.method-brandline{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:-23px;margin-bottom:27px}
.method-brandline .section-label{font-size:11px;margin:0;color:#fff;opacity:1}
.method-brandline img{width:200px;max-width:35%;height:auto;border-radius:3px}
.method .section-heading{margin-bottom:40px}
.method-description{font-size:16px;line-height:1.85;max-width:365px;color:#fff;padding-bottom:2px}
.cycle-label{display:block;font-size:10px;font-weight:600;letter-spacing:.03em;color:var(--ink);background:var(--orange);padding:6px 10px;width:fit-content;margin-bottom:19px}
.method-tabs{position:relative;gap:24px;border:0;margin-top:42px}

.method-tab,.method-tab:first-child{border:1px solid #ffffff66;border-radius:3px;background:var(--blue);padding:23px 27px 27px;min-width:0;z-index:1;color:#fff}
.method-tab.active{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.method-tab .step-numeral{font-family:var(--display);font-size:75px;font-weight:400;letter-spacing:-.03em;line-height:1;margin-bottom:20px}
.method-tab .step-month{font-size:10px;letter-spacing:.055em;margin-bottom:5px}
.method-tab strong{font-size:32px;line-height:1.25}
.method-tab svg{bottom:30px;right:25px}

.method-tab:hover:not(.active){background:#164ee0}
.phase-panel{padding:45px 0 29px;min-height:270px;grid-template-columns:95px 1.2fr 1fr;gap:38px}
.phase-number{font-size:92px;opacity:.45}
.phase-text{max-width:470px}
.phase-text h3{font-size:21px;line-height:1.55}
.phase-text p{font-size:15px;line-height:1.85;margin-top:15px;color:#fff}
.phase-panel ul{font-size:13px;line-height:1.85}
.phase-panel li{padding-block:12px;border-bottom-color:#ffffff55}
.phase-panel li:before{margin-right:12px}
.method-note{font-size:12px;line-height:1.85;color:#fff;margin-top:18px;padding-top:22px;border-top-color:#ffffff55}
.about-grid{grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}
.about-type h2{font-size:clamp(44px,4.3vw,62px)}
.about-content{padding-top:41px;min-width:0}
.about-lead{font-size:21px;line-height:1.75;letter-spacing:-.35px;margin-bottom:23px}
.about-content>p:not(.about-lead){font-size:16px;line-height:1.85;margin-top:21px;color:var(--muted)}
.name-meaning{display:grid;grid-template-columns:1.25fr 30px 1fr;gap:20px;align-items:start;border-top:1px solid var(--line);margin-top:32px;padding-top:28px}
.name-meaning h3{font-size:28px;font-weight:600;line-height:1.4;color:var(--blue);letter-spacing:-1px}
.name-meaning>span{font-size:28px;line-height:1.4;font-weight:400;color:var(--ink)}
.name-meaning p{font-size:13px;line-height:1.85;color:var(--muted);margin-top:13px}
.purpose-block{position:relative;overflow:hidden;margin-top:70px;padding:51px 58px 57px;background:var(--lightblue);border-radius:4px}
.purpose-block>.eyebrow{color:var(--blue);margin-bottom:25px;position:relative;z-index:1}
.purpose-block>p:last-of-type{position:relative;max-width:940px;font-size:clamp(28px,3.2vw,43px);line-height:1.5;letter-spacing:-1.1px;z-index:1}
.purpose-block strong{font-weight:600;color:var(--blue)}
.purpose-orbit{position:absolute;width:270px;height:115px;border:1px solid #0755f52e;border-radius:50%;right:-80px;bottom:32px;transform:rotate(-42deg)}
.mission-vision{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;margin-top:26px}
.mission-panel,.vision-panel{padding:39px 39px 42px;border-radius:4px;min-width:0}
.mission-panel{background:var(--blue);color:#fff}
.vision-panel{background:#fff;border:1px solid var(--line);color:var(--ink)}
.statement-index{display:block;font-size:11px;font-weight:600;letter-spacing:.05em}
.mission-vision h3{font-family:var(--display);font-size:41px;line-height:1.15;font-weight:400;margin-top:31px;margin-bottom:25px;letter-spacing:-.4px}
.mission-vision p{font-size:16px;line-height:1.9}
.vision-panel .statement-index{color:var(--blue)}
.values-heading{margin-top:67px;margin-bottom:31px}
.values-heading>.section-label{margin-bottom:17px}
.values-heading h3{font-family:var(--display);font-size:37px;font-weight:400;line-height:1.2;letter-spacing:-.3px}
.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.value-card{border-top:2px solid var(--blue);padding:24px 24px 27px;background:var(--lightblue);border-radius:0 0 3px 3px;min-width:0;transition:background .2s}
.value-card>span{font-size:11px;font-weight:600;color:var(--blue);letter-spacing:.04em}
.value-card h4{font-size:17px;font-weight:600;line-height:1.6;letter-spacing:-.25px;margin:19px 0 12px}
.value-card p{font-size:15px;line-height:1.85;color:var(--muted)}
.value-card:hover{background:#e4ecff}
.founder{background:var(--lightblue)}
.founder-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:100px;align-items:start}
.founder-intro{min-width:0}
.founder-intro h2{font-size:clamp(51px,5vw,72px)}
.founder-name{font-size:22px;font-weight:600;line-height:1.6;margin-top:34px;margin-bottom:25px;letter-spacing:-.45px}
.founder-name span{font-weight:400;font-size:13px;letter-spacing:0}
.founder-intro>p:not(.section-label):not(.founder-name){font-size:16px;line-height:1.85;color:var(--muted);margin-top:21px;max-width:450px}
.founder-intro>.text-link{font-size:13px;margin-top:26px}
.timeline-wrap{padding-top:8px;min-width:0}
.timeline-label{font-size:11px;font-weight:600;letter-spacing:.06em;padding-bottom:31px}
.founder-timeline{list-style:none;margin:0;padding:0 0 0 26px;border-left:1px solid #0755f54d}
.founder-timeline>li{position:relative;display:grid;grid-template-columns:102px 1fr;gap:23px;padding-bottom:32px}
.founder-timeline>li:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--blue);left:-31px;top:7px;box-shadow:0 0 0 5px var(--lightblue)}
.timeline-date{font-size:12px;font-weight:600;color:var(--blue);line-height:1.7;padding-top:3px;white-space:nowrap}
.founder-timeline h3{font-size:19px;font-weight:600;line-height:1.5;letter-spacing:-.3px}
.founder-timeline li p{font-size:14px;line-height:1.85;color:var(--muted);margin-top:8px}
.founder-timeline>.timeline-current{padding:24px 21px 25px 0;margin-top:3px;border-top:1px solid #0755f54d}
.founder-timeline>.timeline-current:before{top:31px;background:var(--orange);width:12px;height:12px;left:-33px}
.timeline-current h3{color:var(--blue);font-size:24px}
.timeline-note{margin-top:27px;border-top:1px solid #0755f54d;padding-top:22px;font-size:12px;line-height:1.85;color:var(--muted)}
.contact-grid{grid-template-columns:1fr 1.08fr;gap:85px}
.contact h2{font-size:clamp(53px,5.8vw,82px)}
.contact h2>span{color:var(--ink)}
.contact-intro>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:385px;margin-top:28px}
.contact-direct{max-width:365px;margin-top:36px;border-top-color:#11111166;padding-top:24px}
.contact-direct>span{font-size:11px;font-weight:600}
.contact-direct strong{font-size:24px;margin-top:10px;letter-spacing:-.5px;gap:29px}
.contact-form{padding:36px;border:1px solid #111111;box-shadow:5px 5px 0 #111111;border-radius:4px}
.form-row{gap:23px;grid-template-columns:1fr 1fr}
.form-field{margin-bottom:26px}
.form-field label{font-size:12px;font-weight:600;line-height:1.7;margin-bottom:10px}
input,select,textarea{font-size:16px;padding-block:11px;line-height:1.7;border-bottom-color:#b0b5bf}
select{font-size:14px;padding-right:22px}
textarea{min-height:108px}
.contact-form .button{font-size:14px;min-height:55px}
.form-note{font-size:11px;line-height:1.8;margin-top:17px;text-align:left;color:var(--muted)}
.site-footer{padding-top:30px}
.footer-main{display:grid;grid-template-columns:210px minmax(0,1fr) auto auto;gap:38px;padding-bottom:25px}
.footer-social{margin-left:auto}
.footer-social>p{font-size:11px;font-weight:600;margin-bottom:9px;line-height:1.5;color:var(--muted)}
.footer-social nav{display:flex;gap:10px}
.footer-social a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--blue);transition:color .2s,background .2s,border-color .2s}
.footer-social a:hover{color:var(--ink);background:var(--orange);border-color:var(--orange)}
.footer-social svg{width:21px;height:21px;stroke-width:1.6}
.footer-main .back-top{margin-left:0}
.footer-main>p{font-size:12px;line-height:1.8;color:var(--muted)}
.footer-email{display:block;width:fit-content;max-width:100%;min-height:44px;margin-top:8px;padding-block:10px;color:var(--blue);font-size:13px;font-weight:600;line-height:1.8;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px}
.footer-email:hover{color:var(--ink)}
.back-top{font-size:12px}
.footer-bottom{font-size:10px;line-height:1.8;padding-top:21px;color:var(--muted)}
.project-dialog{width:min(1000px,calc(100% - 48px))}
.dialog-top{padding:18px 35px;gap:24px}
.dialog-top .eyebrow{font-size:10px;line-height:1.7}
.dialog-close{width:44px;height:44px}
.dialog-content{padding:35px 35px 43px}
.dialog-attribution{font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--blue);margin-bottom:19px}
.dialog-content h2{font-size:46px;line-height:1.18}
.dialog-intro{font-size:16px;line-height:1.9;max-width:850px}
.dialog-gallery{padding:30px;gap:23px;background:var(--lightblue)}
.dialog-details{gap:39px}
.dialog-details .eyebrow{font-size:10px}
.dialog-details div>p:last-child{font-size:15px;line-height:1.9}
.dialog-content>.button{font-size:14px}
@keyframes enter-movement{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.entered{animation:enter-movement .45s ease-out both}}
@media(min-width:1600px){.hero{padding-top:64px}.hero-grid{min-height:630px}.hero-visual{height:520px}}
@media(max-width:1180px){
 .container{width:calc(100% - 72px)}.header-inner{gap:23px}.brand{width:190px}.desktop-nav{gap:18px}.desktop-nav a{font-size:11px}.header-cta{font-size:12px;padding-inline:15px;gap:13px}
 .hero-grid{gap:30px;grid-template-columns:1.25fr 1fr;min-height:570px}.hero h1{font-size:9vw}.hero-description{font-size:15px;line-height:1.85}
 .hero-visual{height:420px}.hero-brand-plate{left:0;right:0;top:32%}.hero-brand-plate>span{font-size:8px}.visual-coordinate{font-size:8px}
 .hero-actions{gap:19px}.hero-actions .button{font-size:13px;gap:20px}.hero-actions .text-link{font-size:11px}
 .services-grid{gap:60px}.service-cards{gap:18px}.solution-card{padding:26px 22px 13px}.solution-card h3{font-size:18px}
 .section-heading{gap:50px}.section-aside{max-width:310px;font-size:15px}.project-art{height:365px}.escute-first,.escute-second{width:170px}.phone-front{width:148px}.phone-back{width:136px}
 .project-name{font-size:19px}.project-category{font-size:9px}.feature-copy{padding:32px}.feature-image{padding:30px}.feature-title{font-size:38px}.feature-body{font-size:14px}.feature-copy .project-category{font-size:9px}
 .method-description{max-width:300px;font-size:15px}.phase-panel{grid-template-columns:75px 1.25fr 1fr;gap:28px}.phase-text h3{font-size:19px}.phase-text p{font-size:14px}.phase-panel ul{font-size:12px}
 .about-grid{gap:60px;grid-template-columns:1fr 1.1fr}.about-type h2{font-size:49px}.about-lead{font-size:19px}.name-meaning{gap:15px;grid-template-columns:1.15fr 18px 1fr}
 .mission-panel,.vision-panel{padding:33px}.mission-vision h3{font-size:35px}.value-card{padding:23px 21px}.value-card h4{font-size:16px}
 .founder-grid{gap:65px}.founder-timeline>li{grid-template-columns:85px 1fr;gap:17px}.timeline-date{font-size:11px}.founder-timeline h3{font-size:18px}
 .contact-grid{gap:59px}.contact h2{font-size:6vw}.contact-form{padding:29px}.form-row{grid-template-columns:1fr;gap:0}.contact-direct strong{font-size:22px}
}
@media(max-width:960px){
 .ribbon-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:100%;min-width:0;padding:22px 24px;gap:14px 18px}.ribbon-inner>svg{display:none}.ribbon-inner span{min-width:0;white-space:normal;font-size:clamp(18px,5vw,26px);line-height:1.25;text-align:left}
 .desktop-nav{display:none}.header-cta{margin-left:auto;font-size:13px}.menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;padding:9px}.menu-toggle span{height:1.5px;width:23px;background:var(--ink)}
 .mobile-nav{display:flex;flex-direction:column;border-top:1px solid var(--line);padding:18px 36px 25px;background:#fff}.mobile-nav a{font-size:15px;padding:10px 0;font-weight:600}.mobile-nav a:last-child{color:var(--blue)}
 .hero-grid{gap:26px;min-height:555px}.hero h1{font-size:9.3vw}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:15px}
 .hero-actions{flex-direction:column;align-items:flex-start;gap:12px}.hero-actions .button{font-size:13px}.hero-actions .text-link{font-size:12px}
 .hero-visual{height:360px}.hero-brand-plate>span{font-size:7px;padding:12px 10px}.coordinate-top{font-size:7px}.coordinate-bottom{font-size:7px;right:0}
 .motion-orbit-blue{border-width:29px}.motion-orbit-orange{border-width:21px}
 .section-space{padding-block:85px}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid{grid-template-columns:1.2fr 1fr;gap:40px}.services-overview{font-size:15px}
 .source-note{font-size:10px}.section-heading{gap:38px}.section-aside{font-size:14px;max-width:280px}.project-art{height:335px}.escute-first,.escute-second{width:151px}.escute-first{left:9%}.escute-second{left:46%}.phone-front{width:134px;left:14%}.phone-back{width:123px;left:47%}
 .art-label{font-size:9px}.project-category{font-size:8px}.project-origin{font-size:10px}.project-name{font-size:17px}.circle-arrow{width:38px;height:38px}.feature-title{font-size:34px}.feature-copy{padding:29px}.feature-copy .project-category{font-size:8px}.feature-body{font-size:14px}
 .method .section-heading{align-items:flex-end}.method-description{font-size:14px;max-width:265px}.method-tab{padding:23px}.method-tab .step-numeral{font-size:64px}.method-tab strong{font-size:27px}.phase-panel{grid-template-columns:63px 1fr;gap:25px}.phase-panel ul{grid-column:2}.phase-number{grid-row:1/3;font-size:75px}.phase-text{max-width:none}.phase-text p{font-size:15px}
 .about-grid{gap:45px}.about-type h2{font-size:43px}.about-content{padding-top:36px}.about-lead{font-size:18px}.name-meaning{grid-template-columns:1fr 15px 1fr;gap:12px}.name-meaning h3{font-size:25px}.name-meaning p{font-size:12px}
 .purpose-block{padding:40px 43px}.mission-panel,.vision-panel{padding:30px}.mission-vision h3{font-size:32px}.mission-vision p{font-size:15px}.values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .founder-grid{gap:45px;grid-template-columns:.95fr 1.05fr}.founder-intro h2{font-size:53px}.founder-intro>p:not(.section-label):not(.founder-name){font-size:15px}.founder-timeline>li{grid-template-columns:1fr;gap:8px;padding-bottom:29px}.timeline-date{font-size:12px}.founder-timeline li p{font-size:14px}.timeline-label{font-size:10px}
 .contact-grid{gap:40px;grid-template-columns:.95fr 1.05fr}.contact h2{font-size:6vw}.contact-intro>p:not(.eyebrow){font-size:15px}.contact-form{padding:27px}.contact-direct strong{font-size:21px}.contact-direct>span{font-size:10px}
 .footer-main{grid-template-columns:190px minmax(0,1fr) auto;gap:25px}.footer-main .back-top{grid-column:3;justify-self:end}.footer-main>p{font-size:11px}.back-top{font-size:11px}.footer-bottom{font-size:9px}
}
@media(max-width:700px){
 .container{width:calc(100% - 48px)}.header-inner{height:87px;gap:16px}.brand{width:185px}.header-cta{font-size:12px;padding-inline:13px;gap:12px}.mobile-nav{padding-inline:24px}
 .hero{padding-top:31px}.hero-grid{grid-template-columns:1fr;min-height:0;gap:39px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(80px,14vw,100px)}.hero-copy .eyebrow{font-size:9px;margin-bottom:27px}.hero-description{font-size:16px;max-width:570px;line-height:1.85}
 .hero-actions{flex-direction:row;align-items:center;gap:24px;margin-top:29px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:12px}
 .hero-visual{width:min(340px,100%);height:300px;justify-self:center;margin-top:8px;margin-bottom:30px}.hero-brand-plate{left:5%;right:5%;top:33%}.hero-brand-plate>span{font-size:9px;padding:14px 12px}.coordinate-top,.coordinate-bottom{font-size:8px}
 .motion-orbit-blue{border-width:36px}.motion-orbit-orange{border-width:25px}
 .hero-baseline{padding-block:24px;gap:18px}.institutional-signature{font-size:11px}.hero-baseline .location{font-size:9px;gap:12px}
 .section-space{padding-block:70px}h2,.services-intro h2{font-size:49px}.section-label{font-size:10px}
 .services-grid{display:block;margin-bottom:34px}.services-intro>p:not(.eyebrow){font-size:16px;max-width:100%}.services-overview{margin-top:27px;max-width:100%;font-size:15px;padding-bottom:0}
 .solution-card{padding:26px 23px 14px}.solution-card h3{font-size:19px}.solution-card>p{font-size:15px}
 .section-heading{display:block;margin-bottom:34px}.section-aside{max-width:100%;margin-top:26px;font-size:16px}.section-aside .text-link{font-size:13px;margin-top:15px}
 .project-grid{grid-template-columns:1fr}.project-art{height:380px}.project-card{margin-bottom:0}.escute-first,.escute-second{width:180px}.escute-first{left:17%;top:88px}.escute-second{left:49%;top:65px}.phone-front{width:155px;left:23%}.phone-back{width:146px;left:51%}
 .art-label{font-size:10px}.project-category{font-size:10px}.project-name{font-size:22px}.project-origin{font-size:12px}.circle-arrow{width:44px;height:44px}.project-description{padding-bottom:30px}
 .project-feature{display:flex;flex-direction:column;margin-top:20px}.feature-image{padding:30px}.feature-copy{padding:34px;width:100%}.feature-copy .project-category{font-size:10px}.feature-title{font-size:43px}.feature-body{font-size:16px;max-width:100%}.feature-copy .project-origin{font-size:12px}.feature-link{font-size:14px}
 .method-brandline{margin-top:-14px;margin-bottom:25px;gap:20px}.method-brandline img{width:170px;max-width:40%}.method-brandline .section-label{font-size:9px}
 .method-description{margin-top:25px;font-size:16px;max-width:100%}.cycle-label{font-size:10px;margin-bottom:18px}.method-tabs{gap:14px;margin-top:32px}.method-tab,.method-tab:first-child{padding:20px 16px 22px}.method-tab .step-numeral{font-size:55px;margin-bottom:16px}.method-tab strong{font-size:26px}.method-tab .step-month{font-size:9px}.method-tab svg{display:none}
 .phase-panel{padding-top:33px;gap:23px;grid-template-columns:45px 1fr}.phase-number{font-size:59px}.phase-text h3{font-size:20px}.phase-text p{font-size:15px}.phase-panel ul{font-size:13px}.method-note{font-size:12px}
 .about-grid{display:block}.about-type h2{font-size:49px}.about-content{padding-top:30px}.about-lead{font-size:20px}.about-content>p:not(.about-lead){font-size:16px}.name-meaning{grid-template-columns:1.2fr 24px 1fr;gap:18px;margin-top:29px}.name-meaning h3{font-size:30px}.name-meaning p{font-size:14px}
 .purpose-block{margin-top:40px;padding:32px 29px 36px}.purpose-block>p:last-of-type{font-size:31px;line-height:1.55;letter-spacing:-.65px}.purpose-block>.eyebrow{font-size:10px;margin-bottom:20px}
 .mission-vision{grid-template-columns:1fr;gap:20px;margin-top:20px}.mission-panel,.vision-panel{padding:32px}.mission-vision h3{font-size:37px;margin-top:28px}.mission-vision p{font-size:16px}.statement-index{font-size:11px}
 .values-heading{margin-top:44px}.values-heading h3{font-size:33px}.values-grid{gap:18px}.value-card{padding:23px}.value-card h4{font-size:17px}.value-card p{font-size:15px}
 .founder-grid{display:block}.founder-intro h2{font-size:61px}.founder-intro>p:not(.section-label):not(.founder-name){font-size:16px;max-width:100%}.founder-name{font-size:23px}.founder-name span{font-size:14px}.timeline-wrap{padding-top:48px}.timeline-label{font-size:11px;padding-bottom:30px}.founder-timeline>li{grid-template-columns:100px 1fr;gap:20px;padding-bottom:32px}.founder-timeline h3{font-size:19px}.founder-timeline li p{font-size:15px}.timeline-note{font-size:12px}
 .contact-grid{display:block}.contact h2{font-size:75px}.contact-intro>p:not(.eyebrow){font-size:16px;max-width:100%}.contact-direct{max-width:100%}.contact-direct>span{font-size:11px}.contact-direct strong{font-size:25px;justify-content:space-between}.contact-form{margin-top:42px;padding:31px}.form-row{grid-template-columns:1fr}.form-field label{font-size:13px}.contact-form .button{font-size:14px}.form-note{font-size:12px}
 .footer-main{grid-template-columns:1fr 1fr;gap:23px}.brand-footer{width:200px}.footer-main>p{font-size:11px;max-width:190px}.footer-social{margin-left:0}.footer-main .back-top{grid-column:auto;justify-self:end;align-self:end}.back-top{margin-left:0;font-size:12px}.footer-bottom{font-size:10px;flex-direction:column;gap:10px}
 .dialog-content{padding:27px}.dialog-content h2{font-size:40px}.dialog-intro{font-size:16px}.dialog-details{grid-template-columns:1fr;gap:25px}.dialog-details div>p:last-child{font-size:16px}.dialog-gallery{padding:19px;gap:13px}.dialog-gallery img{width:calc((100% - 26px)/3)}.dialog-gallery.single img{width:100%}.dialog-content>.button{font-size:13px}
}
@media(max-width:480px){
 .container{width:calc(100% - 40px)}.header-inner{height:76px;gap:17px}.brand{width:180px}.header-cta{display:none}.menu-toggle{margin-left:auto}.mobile-nav{padding-inline:20px}
 .hero h1{font-size:16.5vw;line-height:1.07;letter-spacing:-.02em}.hero-copy .eyebrow{font-size:10px;letter-spacing:.025em;gap:8px;line-height:1.65}.hero-description{font-size:16px;margin-top:26px;line-height:1.8}
 .hero-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;justify-items:start;gap:10px;width:100%}.hero-actions .button{width:100%;justify-content:space-between;font-size:14px;min-height:52px;padding-inline:18px;gap:17px}.hero-actions .text-link{font-size:13px;min-height:44px;padding-block:10px}
 .hero-grid{gap:26px}.hero-visual{height:240px;width:min(280px,100%);margin-top:4px;margin-bottom:26px}.hero-brand-plate{left:0;right:0;top:27%}.hero-brand-plate>span{font-size:8px;padding:10px 12px;line-height:1.65}.coordinate-top{font-size:7px;top:-5px;left:0;right:0;max-width:100%;line-height:1.6}.coordinate-bottom{font-size:7px;bottom:-11px;right:0;left:0;max-width:100%;text-align:right;line-height:1.6}
 .motion-orbit-blue{border-width:25px}.motion-orbit-orange{border-width:18px}.motion-point{width:13px;height:13px}
 .hero-baseline{flex-direction:column;gap:8px;align-items:flex-start;padding-block:19px 22px}.institutional-signature{font-size:11px;line-height:1.8;letter-spacing:0}.hero-baseline .location{font-size:11px;gap:13px;min-height:44px}
 .experience-strip{padding-block:32px;text-align:left}.organization-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 18px;align-items:center;justify-items:start;text-align:left;margin-block:25px}.experience-strip .eyebrow{font-size:10px;line-height:1.7;max-width:32ch}.source-note{font-size:12px;line-height:1.75;text-align:left}.greenpeace-name{font-size:20px;letter-spacing:-1px}.msf-name,.anistia-name{font-size:12px;line-height:1.3}.unicef-name{font-size:29px}.pac-name{grid-column:1/-1;justify-self:center;font-size:29px;line-height:1.2}
 .section-space{padding-block:57px}h2,.services-intro h2,.about-type h2{font-size:clamp(37px,10vw,46px)}
 .service-cards{grid-template-columns:1fr;gap:18px}.solution-card{padding:27px 25px 15px}.solution-card h3{font-size:21px}.solution-card>p{font-size:16px;margin-bottom:24px}.solution-number{margin-bottom:20px}.service-detail .service-title{font-size:13px}.service-detail .service-content{font-size:15px}
 .project-art{height:340px}.escute-first,.escute-second{width:155px}.escute-first{left:10%;top:80px}.escute-second{left:49%;top:61px}.phone-front{width:141px;left:17%}.phone-back{width:130px;left:50%}.art-label{font-size:9px;left:22px;top:23px}.jornada-caption{font-size:7px}
 .project-name{font-size:19px}.project-category{font-size:9px}.project-origin{font-size:11px;max-width:250px}.circle-arrow{width:39px;height:39px}.feature-copy{padding:28px}.feature-image{padding:24px}.feature-title{font-size:36px}.feature-body{font-size:15px}.feature-copy .project-category{font-size:9px}.feature-copy .project-origin{font-size:11px}.project-footnote{font-size:12px}
 .method-brandline{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:22px}.method-brandline img{width:180px;max-width:60%;margin-left:-9px}.method-brandline .section-label{font-size:10px}.method h2{font-size:45px}
 .method-tabs{gap:12px}.method-tab,.method-tab:first-child{padding:17px 10px 20px}.method-tab .step-numeral{font-size:48px}.method-tab strong{font-size:23px}.method-tab .step-month{font-size:8px}.phase-panel{grid-template-columns:36px 1fr;gap:17px}.phase-number{font-size:48px}.phase-text h3{font-size:18px}.phase-text p{font-size:15px}.phase-panel ul{font-size:12px}
 .about-lead{font-size:20px}.name-meaning{grid-template-columns:1.15fr 16px 1fr;gap:12px}.name-meaning h3{font-size:28px}.name-meaning p{font-size:14px}
 .purpose-block{padding:28px 25px 32px}.purpose-block>p:last-of-type{font-size:27px;letter-spacing:-.5px;line-height:1.55}.mission-panel,.vision-panel{padding:29px 27px}.mission-vision h3{font-size:34px}.mission-vision p{font-size:16px}
 .values-grid{grid-template-columns:1fr;gap:17px}.value-card{padding:22px 25px 25px}.value-card h4{font-size:19px;margin-top:15px}.value-card p{font-size:16px}.values-heading h3{font-size:31px}
 .founder-intro h2{font-size:57px}.founder-timeline{padding-left:23px}.founder-timeline>li{grid-template-columns:1fr;gap:8px;padding-bottom:30px}.founder-timeline>li:before{left:-28px}.founder-timeline>.timeline-current:before{left:-30px}.founder-timeline h3{font-size:20px}.founder-timeline li p{font-size:16px}.timeline-date{font-size:12px}.timeline-note{font-size:12px}
 .contact h2{font-size:17.7vw;line-height:1.1;letter-spacing:-.015em}.contact-direct strong{font-size:23px}.contact-form{padding:27px 23px}.contact-form .button{font-size:13px;gap:16px}.form-field label{font-size:13px}input,select,textarea{font-size:16px}.form-note{font-size:11px}
 .footer-main{grid-template-columns:1fr}.footer-main>p{font-size:12px;max-width:none;margin-left:0}.footer-main .back-top{justify-self:start}.footer-social{margin-top:3px}.footer-social>p{font-size:12px}.footer-bottom{font-size:10px}
 .project-dialog{width:calc(100% - 24px)}.dialog-top{padding:14px 21px}.dialog-top .eyebrow{font-size:9px;max-width:240px}.dialog-content{padding:25px 21px 31px}.dialog-content h2{font-size:35px}.dialog-attribution{font-size:9px}.dialog-gallery{padding:14px;gap:9px}.dialog-gallery img{width:calc((100% - 18px)/3)}.dialog-close{width:42px;height:42px}
}
/* Phone layouts use the available width instead of shrinking desktop rows. */
@media(max-width:600px){
 html{scroll-padding-top:96px}
 .container>*{min-width:0}
 .section-heading>div,.phase-text,.project-description>span:first-child{min-width:0;max-width:100%}
 .method-tabs{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}

 .method-tab,.method-tab:first-child{display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto auto;grid-template-areas:"number month" "number title";column-gap:15px;row-gap:4px;align-items:center;width:100%;min-height:96px;padding:18px;text-align:left}
 .method-tab .step-numeral{grid-area:number;font-size:43px;line-height:1;margin:0}
 .method-tab .step-month{grid-area:month;font-size:10px;line-height:1.4;margin:0}
 .method-tab strong{grid-area:title;min-width:0;max-width:100%;font-size:26px;line-height:1.25;margin:0}
 .method-tab svg{grid-area:arrow;display:block;position:static;width:19px;height:19px;margin:0}

 .phase-panel{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0;padding:27px 0 10px}
 .phase-panel[hidden]{display:none}
 .phase-number{display:none}
 .phase-text h3{font-size:21px;line-height:1.5}
 .phase-text p{line-height:1.8}
 .phase-panel ul{grid-column:1;font-size:13px;line-height:1.75}
 .phase-panel li{padding-block:12px}
 .method-note{margin-top:19px;font-size:12px;line-height:1.8}
 .method h2{font-size:clamp(37px,10vw,46px)}
 .dialog-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(160px,72%);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;justify-content:initial;align-items:start;padding:16px;gap:16px}
 .dialog-gallery img{width:100%;max-width:100%;height:auto;scroll-snap-align:center}
 .dialog-gallery.single{display:block;overflow:visible}
 .dialog-gallery.single img{width:100%}
 .site-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px))}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.entered{animation:none}.solution-card,.value-card,.project-art,.feature-image img,.button,.text-link svg{transition:none!important;transform:none!important}}
/* Keep reading text at the manual's digital baseline across screen sizes. */
.hero-description,.services-intro>p:not(.eyebrow),.services-overview,.solution-card>p,.service-detail .service-content,.section-aside,.feature-body,.method-description,.phase-text p,.about-content>p:not(.about-lead),.mission-vision p,.value-card p,.founder-intro>p:not(.section-label):not(.founder-name),.founder-timeline li p,.contact-intro>p:not(.eyebrow),.dialog-intro,.dialog-details div>p:last-child{font-size:16px}

