/* Raíces 2.40 — refreshed About Raíces landing and 20% shorter Agency homepage hero. */
.rl240-about{--rl240-green:#193c30;--rl240-ink:#214536;--rl240-gold:#dec083;--rl240-lav:#886bbd;--rl240-blue:#498fbb;--rl240-coral:#da8359;color:var(--rl240-ink);background:#fffdf7}
.rl240-about [id]{scroll-margin-top:165px}
.rl240-about h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:clamp(2.45rem,4.6vw,4.55rem);line-height:1.08;letter-spacing:-.025em;color:var(--rl240-green)}
.rl240-about p{font-size:clamp(1.025rem,1.18vw,1.13rem);line-height:1.83}
.rl240-about .rl240-page-hero{margin-top:0}
.rl240-subnav{box-shadow:0 10px 32px #1a392916}
.rl240-subnav .rl237-subnav-brand span{font-weight:400;color:#be9a51}
.rl240-section{position:relative;padding:clamp(75px,8vw,116px) 0;overflow:hidden}
.rl240-overline{display:inline-block;font-weight:850;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:#ad774c;margin-bottom:14px}
.rl240-gold-rule{height:6px;width:95px;border-radius:20px;background:linear-gradient(90deg,#d6a45e,#efdbaf);margin:0 0 22px}
.rl240-intro{background:linear-gradient(139deg,#fff8ec 0%,#fbf7fe 62%,#f2f8ff 100%)}
.rl240-intro:before{content:"";position:absolute;left:-150px;top:-190px;width:430px;height:430px;border:65px solid rgba(216,172,97,.12);border-radius:55% 45% 64% 36%;transform:rotate(22deg)}
.rl240-intro:after{content:"";position:absolute;right:-70px;bottom:-180px;width:350px;height:350px;border:48px solid rgba(118,83,216,.11);border-radius:50%}
.rl240-intro-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:clamp(45px,5.8vw,100px)}
.rl240-intro-copy h2{margin:0 0 18px}
.rl240-copy-card{position:relative;background:#fff;border:1px solid #ecdfcc;border-top:7px solid #d3a560;border-radius:14px 36px 36px 36px;padding:clamp(27px,3.6vw,48px);box-shadow:0 24px 63px #20372822;transform:rotate(-.5deg)}
.rl240-copy-card p{margin:0 0 21px;color:#3e5447}.rl240-copy-card p:last-child{margin:0}
.rl240-float-icon{position:absolute;right:-20px;top:-29px;width:76px;height:76px;display:grid;place-items:center;border:7px solid #fff;border-radius:21px;background:#e1b96a;color:#315341;font-size:2.3rem;transform:rotate(9deg);box-shadow:0 14px 30px #273e2d27}
.rl240-intro-images{height:540px;position:relative;isolation:isolate}
.rl240-intro-diamond{position:absolute;inset:28px 45px 28px 25px;background:#8b72be;border-radius:110px 38px 115px 40px;transform:rotate(9deg);z-index:-1}
.rl240-main-photo{position:absolute;inset:23px 12% 63px 4%;overflow:hidden;border-radius:100px 40px 100px 40px;box-shadow:0 31px 74px #1d312d33;transform:rotate(-4deg);margin:0}
.rl240-main-photo img,.rl240-overlap-photo img{width:100%;height:100%;object-fit:cover}
.rl240-overlap-photo{position:absolute;bottom:0;right:-17px;width:45%;height:190px;margin:0;overflow:hidden;border:7px solid white;border-radius:18px 85px 24px 70px;box-shadow:0 18px 47px #223d3050;transform:rotate(5deg)}
.rl240-round-accent{position:absolute;top:18px;right:-14px;width:106px;height:106px;border:8px solid white;background:#d9a95b;border-radius:50%;color:white;font-size:3.4rem;display:grid;place-items:center;box-shadow:0 14px 32px #233f2a27}
.rl240-mission{background:linear-gradient(128deg,#193c30,#26503b 63%,#345b42);color:#fff}
.rl240-mission:before{content:"";position:absolute;left:-150px;top:-250px;width:540px;height:540px;border:72px solid #e1ba7024;border-radius:50%}
.rl240-mission-frame{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;position:relative;border:1px solid #ffffff26;border-radius:40px;overflow:hidden;box-shadow:0 32px 82px #0a231a5c}
.rl240-mission-copy{padding:clamp(35px,5.4vw,82px);position:relative;background:#234936;display:flex;flex-direction:column;justify-content:center}
.rl240-mission-copy h2{color:#ffefc6;margin:8px 0 20px;font-size:clamp(2.4rem,4vw,4rem)}
.rl240-mission-copy p{color:#fdfcf5;font-size:clamp(1.1rem,1.4vw,1.22rem);max-width:670px;line-height:1.9;position:relative;z-index:1}
.rl240-mission-copy .rl240-overline{color:#ecd29c}.rl240-section-index{font-size:.83rem;font-weight:800;letter-spacing:.2em;color:#f5dbad;margin-bottom:35px}
.rl240-mission-lines{display:flex;gap:8px;margin-top:30px}.rl240-mission-lines span{display:block;width:50px;height:5px;border-radius:10px;background:#e3bf81}.rl240-mission-lines span:nth-child(2){background:#9785ca}.rl240-mission-lines span:nth-child(3){background:#7ab0cf}.rl240-mission-lines span:nth-child(4){background:#df9866}
.rl240-mission-photo{position:relative;margin:0;min-height:490px;overflow:hidden}.rl240-mission-photo img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;display:block}
.rl240-mission-photo:before{content:"";position:absolute;left:-1px;top:0;width:100px;height:100%;z-index:1;background:#dabc7e;clip-path:polygon(0 0,100% 0,0 100%)}
.rl240-photo-leaf{position:absolute;right:25px;bottom:0;font-size:7rem;line-height:1;color:#eedba0;text-shadow:0 7px 27px #10251984}
.rl240-purpose{background:linear-gradient(135deg,#fff8e9,#f2eeff 52%,#e8f5f5)}
.rl240-purpose:before{content:"";position:absolute;right:-120px;top:-150px;width:390px;height:390px;border:50px solid #8e74be1c;border-radius:44% 56% 59% 41%;transform:rotate(30deg)}
.rl240-centered{text-align:center;max-width:870px;margin:0 auto 50px;position:relative;z-index:1}.rl240-centered h2{margin:0 0 16px}.rl240-centered p{margin:0;color:#506457}
.rl240-purpose-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;align-items:stretch}
.rl240-purpose-card{grid-column:span 2;position:relative;overflow:hidden;isolation:isolate;border-radius:28px;padding:30px;min-height:282px;background:var(--rl240-card-bg,#fff);border:1px solid #ffffffdf;border-top:9px solid var(--rl240-card-border,#c19d59);box-shadow:0 23px 60px #1b382e1c;transition:transform .28s ease,box-shadow .28s ease}
.rl240-purpose-card:hover{transform:translateY(-7px);box-shadow:0 30px 70px #1b382e2c}
.rl240-purpose-1{--rl240-card-bg:#fff8eb;--rl240-card-border:#c89c57;--rl240-card-fg:#a77d37}
.rl240-purpose-2{--rl240-card-bg:#f4edff;--rl240-card-border:#8d70c2;--rl240-card-fg:#7758ae}
.rl240-purpose-3{--rl240-card-bg:#eaf5ff;--rl240-card-border:#4e92bc;--rl240-card-fg:#3277a1}
.rl240-purpose-4{grid-column:2 / span 2;--rl240-card-bg:#eaf7ef;--rl240-card-border:#55896c;--rl240-card-fg:#3b6a4f}
.rl240-purpose-5{grid-column:4 / span 2;--rl240-card-bg:#fff0e6;--rl240-card-border:#db8659;--rl240-card-fg:#bf6b42}
.rl240-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px;gap:15px;color:var(--rl240-card-fg)}
.rl240-card-top span{font:700 2.65rem/1 Georgia,serif}.rl240-card-top b{width:68px;height:68px;display:grid;place-items:center;font-size:2rem;border-radius:21px;background:#ffffff94;transform:rotate(10deg)}
.rl240-purpose-card p{font-size:clamp(1.025rem,1.15vw,1.13rem);font-weight:720;line-height:1.7;margin:0;position:relative;z-index:2}
.rl240-card-corner{position:absolute;right:0;bottom:0;width:105px;height:105px;background:var(--rl240-card-border);opacity:.16;clip-path:polygon(100% 0,100% 100%,0 100%);z-index:0}
.rl240-vision{background:#f3effb}.rl240-vision:before{content:"";position:absolute;bottom:-230px;right:-110px;width:440px;height:440px;background:#e3d4f8;border-radius:44%}
.rl240-vision-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:clamp(40px,7vw,105px);align-items:center;position:relative}
.rl240-vision-picture{margin:0;position:relative;max-width:505px;height:440px;border:12px solid #fff;overflow:hidden;border-radius:48% 48% 32px 32px;box-shadow:0 25px 70px #4d457331;transform:rotate(-2deg)}
.rl240-vision-picture img{width:100%;height:100%;object-fit:cover}.rl240-vision-ring{position:absolute;width:260px;height:260px;border:70px solid #e6bf7d77;right:-100px;bottom:-130px;border-radius:50%}
.rl240-vision-content{position:relative;background:white;border:1px solid #e1d6ef;border-left:9px solid #8d73c6;border-radius:25px 42px 42px 25px;padding:clamp(36px,5vw,75px);box-shadow:0 24px 66px #51457120}
.rl240-vision-content .rl240-overline{color:#765ca7}.rl240-vision-content h2{margin:4px 0 24px}.rl240-vision-content p{color:#3f5345;margin:0;max-width:690px;font-size:clamp(1.08rem,1.36vw,1.2rem)}
.rl240-vision-accent{position:absolute;right:-23px;top:-33px;width:92px;height:92px;border:7px solid #fff;border-radius:26px;background:#edc36d;transform:rotate(12deg);display:grid;place-items:center;font-size:3.3rem;color:#795c93;box-shadow:0 12px 35px #58367624}
.rl240-founder{background:linear-gradient(155deg,#fffdf7,#fff6eb 45%,#f5f9f1)}
.rl240-founder:after{content:"";position:absolute;left:-100px;bottom:-210px;width:400px;height:400px;border:55px solid #c4d8c44d;border-radius:50%}
.rl240-founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(44px,6.7vw,103px);align-items:center;position:relative;z-index:1}
.rl240-founder-media{position:relative;padding:20px 10px 20px 15px;max-width:490px}
.rl240-founder-tilt{position:absolute;inset:34px 24px 0 0;border-radius:160px 160px 45px 45px;background:#8b73bd;transform:rotate(8deg)}
.rl240-founder-photo{position:relative;margin:0;aspect-ratio:4/5;border:10px solid #fff;border-radius:178px 178px 38px 38px;overflow:hidden;box-shadow:0 32px 76px #21352d42;transform:rotate(-2deg)}
.rl240-founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 10%}
.rl240-founder-flower{position:absolute;right:-22px;bottom:7px;width:110px;height:110px;border:9px solid white;border-radius:30px;background:#e5b774;display:grid;place-items:center;transform:rotate(13deg);color:#284936;font-size:3.9rem;box-shadow:0 15px 44px #192c2539}
.rl240-bio-card{display:grid;grid-template-columns:55px minmax(0,1fr);gap:15px;align-items:start;padding:clamp(24px,3vw,37px);border-radius:25px;background:white;border:1px solid #e9e2d9;border-left:8px solid var(--bio-accent,#d4a35b);box-shadow:0 16px 44px #223e2e19;margin:0 0 17px}
.rl240-bio-card:nth-child(2){--bio-accent:#8a70be;background:#fbf9ff}.rl240-bio-card:nth-child(3){--bio-accent:#4c98c0;background:#f7fbff}
.rl240-bio-card span{font:700 1.85rem/1.2 Georgia,serif;color:var(--bio-accent,#a9854e)}
.rl240-bio-card p{margin:0;line-height:1.76;font-size:1.06rem;color:#354b40}
.rl240-ending{background:linear-gradient(122deg,#193a2e,#2c5a40)}.rl240-ending .rl237-ending-roots{margin:0}
/* The selected Agency homepage hero becomes 80% of its prior vertical height. */
.rl236-agency .rl236a-hero{min-height:528px}
.rl236-agency .rl236a-hero-content{padding-top:92px;padding-bottom:88px}
.rl236-agency .rl236a-hero h1{font-size:clamp(3.1rem,6.1vw,5.75rem);max-width:800px;line-height:1.01}
.rl236-agency .rl236a-script{font-size:clamp(1.45rem,2.65vw,2.25rem);margin-top:16px}
.rl236-agency .rl236a-eyebrow{font-size:.82rem}
@media(max-width:1020px){
 .rl240-intro-grid,.rl240-mission-frame,.rl240-vision-grid,.rl240-founder-grid{grid-template-columns:1fr}
 .rl240-intro-images{max-width:590px;width:100%;margin:auto;height:420px}
 .rl240-mission-photo{min-height:340px;order:-1}
 .rl240-mission-photo:before{inset:auto 0 0;width:100%;height:60px;clip-path:polygon(0 60%,100% 0,100% 100%,0 100%)}
 .rl240-purpose-card{grid-column:span 3;min-height:250px}.rl240-purpose-4,.rl240-purpose-5{grid-column:span 3}
 .rl240-vision-picture{width:min(510px,100%);margin:auto}
 .rl240-founder-media{margin:auto;width:min(450px,100%)}
 .rl236-agency .rl236a-hero{min-height:448px}
 .rl236-agency .rl236a-hero-content{padding-top:74px;padding-bottom:70px}
}
@media(max-width:640px){
 .rl240-section{padding:58px 0}.rl240-intro-grid{gap:25px}.rl240-intro-images{height:310px}
 .rl240-overlap-photo{height:135px}.rl240-round-accent{width:72px;height:72px;font-size:2.2rem}
 .rl240-purpose-grid{grid-template-columns:1fr;gap:16px}.rl240-purpose-card,.rl240-purpose-4,.rl240-purpose-5{grid-column:1;min-height:0}
 .rl240-card-top{margin-bottom:25px}.rl240-mission-copy{padding:30px}.rl240-mission-copy h2{font-size:2.55rem}
 .rl240-mission-photo{min-height:270px}.rl240-vision-picture{height:320px}.rl240-vision-content{padding:33px 26px}
 .rl240-founder-flower{height:74px;width:74px;font-size:2.4rem;right:-8px}
 .rl240-bio-card{grid-template-columns:34px 1fr;gap:11px;padding:23px 20px}
 .rl236-agency .rl236a-hero{min-height:416px}
 .rl236-agency .rl236a-hero-content{padding-top:62px;padding-bottom:59px}
 .rl236-agency .rl236a-hero h1{font-size:clamp(2.65rem,9.6vw,3.55rem)}
 .rl236-agency .rl236a-script{font-size:clamp(1.35rem,6vw,1.9rem)}
}
@media(prefers-reduced-motion:reduce){.rl240-purpose-card,.rl240-about .rl239-inview-item{transition:none!important;transform:none!important}}
