.about-page{background:#fff}.about-page .site-header{color:var(--purple)}.about-hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(110deg,#fff 0 57%,var(--soft) 57%)}.about-hero__grid,.about-story__grid,.about-realities__grid,.about-vision__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,7vw,8rem);align-items:center}.about-hero__content{padding:8rem 0 3.5rem}.about-hero h1,.about-story h2,.about-realities h2,.about-vision h2,.about-approach h2{color:var(--purple)}.about-hero__content>p:last-child,.about-story__content p,.about-realities__content p,.about-vision__content p,.about-approach__intro p{color:var(--muted);max-width:650px}.about-visual{position:relative;overflow:hidden;min-height:420px;background-size:cover}.about-visual:before,.about-closing__visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(102,49,140,.23),rgba(52,154,194,.08))}.about-visual:after{content:"";position:absolute;width:34%;aspect-ratio:1;border:1px solid rgba(255,255,255,.78);border-radius:50%;right:9%;top:9%}.about-visual--hero{min-height:min(66vw,650px);border-radius:42% 42% 5% 42%;background-image:linear-gradient(135deg,#d6c1df 0%,#f8edf0 44%,#9bcbd9 100%)}.about-visual--hero:after{right:11%;top:10%}.about-story{background:#fcfbfc}.about-story__content{position:relative}.about-story__content:before{content:"";position:absolute;left:-1.25rem;top:.75rem;height:4rem;border-left:2px solid var(--sky)}.about-story__content h2{max-width:690px}.about-visual--story{border-radius:4px 38% 4px 4px;background-image:linear-gradient(130deg,#8ebdce,#e5d3e2 53%,#fcf9f3)}.about-realities{background:var(--purple);color:#fff}.about-realities .eyebrow{color:#c8eafa}.about-realities h2{color:#fff}.about-realities__content p{color:#fff}.about-stat{padding:clamp(2rem,5vw,4.5rem) 0;border-top:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5)}.about-stat strong{display:block;font-size:clamp(7rem,17vw,14rem);font-weight:600;line-height:.8;letter-spacing:-.1em;color:#fff}.about-stat p{max-width:13rem;margin:1.5rem 0 0;font-weight:600;line-height:1.35}.about-purpose{padding:clamp(7rem,16vw,13rem) 0}.about-purpose__title{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:var(--sky);margin:0 0 1.5rem}.about-purpose__statement{max-width:1050px;margin:0;font-size:clamp(2.6rem,6.2vw,6rem);font-weight:600;line-height:1.07;letter-spacing:-.06em;color:var(--purple)}.about-purpose__statement:before{content:"";display:block;width:3.5rem;border-top:3px solid var(--sky);margin-bottom:2rem}.about-vision__visual{order:0;border-radius:42% 4px 42% 4px;background-image:linear-gradient(135deg,#dfbfcf,#f8f1ea 48%,#8fc9d7)}.about-vision__content{max-width:550px}.about-approach{background:var(--soft)}.about-approach__intro{max-width:760px}.about-approach__intro h2{max-width:650px}.about-path{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:1rem;list-style:none;margin:5rem 0 0;padding:0}.about-path:before{content:"";position:absolute;top:2.15rem;left:7%;right:7%;border-top:1px solid #b7a5c1}.about-path li{position:relative;z-index:1;display:flex;justify-content:center}.about-path span{display:grid;place-items:center;width:4.3rem;aspect-ratio:1;border:1px solid #c6b5ce;border-radius:50%;background:var(--soft);color:var(--purple);font-size:1.5rem;font-weight:600;transition:transform .25s,background-color .25s,color .25s}.about-path li:hover span{transform:translateY(-5px);background:var(--purple);color:#fff}.about-closing{position:relative;overflow:hidden;min-height:560px;display:grid;place-items:center;background:var(--purple);color:#fff}.about-closing__visual{position:absolute;inset:0;background-image:linear-gradient(125deg,rgba(44,18,65,.92),rgba(102,49,140,.78)),linear-gradient(135deg,#5d3476,#335d70);background-size:cover;background-position:center}.about-closing__visual:after{content:"";position:absolute;width:min(52vw,720px);aspect-ratio:1;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-15%;top:-48%}.about-closing__content{position:relative;max-width:900px;margin-left:max(1.5rem,calc((100% - var(--container))/2));margin-right:auto}.about-closing__content p{max-width:850px;margin:0 0 2.5rem;font-size:clamp(2.3rem,5vw,5rem);font-weight:600;line-height:1.1;letter-spacing:-.055em}.about-closing .button{box-shadow:0 12px 30px rgba(0,0,0,.18)}@media(max-width:800px){.about-hero{min-height:auto}.about-hero__grid,.about-story__grid,.about-realities__grid,.about-vision__grid{grid-template-columns:1fr;gap:2.5rem}.about-hero__content{padding:5.5rem 0 0}.about-visual--hero{min-height:420px;margin-bottom:4rem}.about-story__visual{min-height:350px}.about-realities__grid{gap:3.5rem}.about-stat{max-width:440px}.about-vision__visual{min-height:350px}.about-path{margin-top:3.5rem}.about-closing{min-height:480px}.about-closing__content{margin-left:auto}.about-closing__content p{max-width:720px}}@media(max-width:560px){.about-hero{background:#fff}.about-hero__content{padding-top:4rem}.about-visual{min-height:290px}.about-visual--hero{min-height:350px;border-radius:38% 38% 4% 38%;margin-bottom:3rem}.about-story__content:before{left:0;top:-1.25rem;width:3.5rem;height:0;border-left:0;border-top:2px solid var(--sky)}.about-stat strong{font-size:8.5rem}.about-purpose{padding:6.5rem 0}.about-path{grid-template-columns:1fr;gap:1.25rem;margin:3rem 0 0}.about-path:before{top:7%;bottom:7%;left:50%;right:auto;border-top:0;border-left:1px solid #b7a5c1}.about-path span{width:3.7rem}.about-closing{min-height:540px}.about-closing__content p{font-size:2.35rem}.about-closing .button{width:100%;justify-content:center}}

.about-closing__button{border-radius:999px}

/* La imagen del hero queda contenida en la silueta de su sección. */
.about-visual--hero>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}

/* Cada contenedor visual conserva su altura, sin depender de la imagen cargada. */
.about-visual{height:420px;min-height:0}
.about-visual--hero{height:min(66vw,650px)}
.about-visual>img,.about-closing__visual>img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}
.about-visual:before,.about-visual:after,.about-closing__visual:before,.about-closing__visual:after{z-index:1}
.about-visual:after,.about-closing__visual:after{content:none}
@media(max-width:800px){.about-visual--hero{height:420px}.about-story__visual,.about-vision__visual{height:350px}}
@media(max-width:560px){.about-visual{height:290px}.about-visual--hero{height:350px}}

.about-closing__visual{pointer-events:none}.about-closing__content{z-index:1}