/* El estudio R02. All rules are scoped to this page; original brand vectors remain intact. */
body.studio-editorial,body.studio-editorial .page-stage{background:#F7F5F0;color:#111111;color-scheme:light}
.studio-editorial .page-stage{overflow:clip}
.studio-main{--studio-space:clamp(80px,9vw,150px);--studio-line:#11111126;--studio-measure:1440px;overflow:clip}
.studio-main section{scroll-margin-top:24px}
.studio-main a:focus-visible{outline:2px solid #55583D;outline-offset:6px}
.studio-opening,.studio-purpose,.studio-story,.studio-closing{padding-inline:var(--gutter)}
.studio-masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:28px 40px;font-size:12px;line-height:1.4}
.studio-return{padding-block:8px}
.studio-return:hover{text-decoration:underline;text-underline-offset:5px}
.studio-eyebrow{color:#55583D;text-align:right}
.studio-editorial .studio-wordmark{width:clamp(260px,36vw,520px);max-width:85%;margin:12px auto 0;line-height:1}
.studio-wordmark img{width:100%;height:auto}
.studio-logo-scene{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:clamp(400px,40vw,600px);margin:14px calc(-1 * var(--gutter)) 0;overflow:hidden}
.studio-network{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.studio-original-symbol{height:77%;width:auto;max-width:55%;object-fit:contain}
.studio-scene-caption{position:absolute;bottom:16px;left:var(--gutter);font-size:11px;letter-spacing:.06em;color:#55583D}
.studio-manifesto{max-width:var(--studio-measure);margin:0 auto;padding-top:clamp(36px,5vw,72px);padding-bottom:var(--studio-space)}
.studio-kicker{display:block;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:.035em;color:#55583D}
.studio-introduction{margin-top:28px;font-size:clamp(32px,4.1vw,64px);line-height:1.13;letter-spacing:-.045em;max-width:1280px;text-wrap:pretty}
.studio-support{margin:32px 0 0 auto;max-width:560px;font-size:clamp(18px,1.55vw,24px);line-height:1.5;letter-spacing:-.018em;color:#55583D}
.studio-purpose{padding-block:var(--studio-space);background:#EDEDE5}
.studio-purpose-heading,.studio-purpose-body{max-width:var(--studio-measure);margin-inline:auto}
.studio-purpose-heading h2{max-width:1120px;margin-top:24px;font-size:clamp(36px,4.6vw,72px);line-height:1.06;letter-spacing:-.047em;text-wrap:pretty}
.studio-purpose-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);margin-top:64px;align-items:start}
.studio-stat{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.studio-stat-number{display:block;white-space:nowrap;font-size:clamp(100px,12vw,180px);font-weight:650;line-height:.85;letter-spacing:-.07em;color:#111111}
.studio-stat-number>span{font-size:.52em;vertical-align:top;line-height:1.2;letter-spacing:-.04em}
.studio-stat p{max-width:390px;font-size:19px;line-height:1.4;letter-spacing:-.015em}
.studio-source{display:inline-block;margin-top:18px;font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:4px;color:#55583D}
.studio-source:hover{color:#111111}
.studio-purpose-copy p{font-size:clamp(20px,1.8vw,28px);line-height:1.42;letter-spacing:-.025em;text-wrap:pretty}
.studio-purpose-copy p+p{margin-top:28px}
.studio-story{padding-top:var(--studio-space);padding-bottom:40px}
.studio-story-heading{max-width:var(--studio-measure);margin:0 auto 60px}
.studio-story-heading h2{max-width:850px;margin-top:24px;font-size:clamp(38px,4.6vw,72px);line-height:1.06;letter-spacing:-.047em;text-wrap:pretty}
.studio-story-heading>p{max-width:600px;margin-top:28px;margin-left:auto;font-size:clamp(18px,1.55vw,24px);line-height:1.5;color:#55583D}
.studio-story-layout{max-width:var(--studio-measure);margin-inline:auto;position:relative}
.studio-story-visual{display:none}
.studio-chapter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,8vw,120px);padding-block:64px;border-top:1px solid var(--studio-line)}
.studio-chapter-detail{width:100%;max-width:490px;margin:auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center}
.studio-chapter-detail img{width:84%;height:84%;object-fit:contain}
.studio-chapter-label{display:block;font-size:12px;line-height:1.5;letter-spacing:.04em;color:#55583D}
.studio-chapter h3{font-size:clamp(30px,3vw,48px);line-height:1.08;letter-spacing:-.04em;margin-top:20px;text-wrap:pretty}
.studio-chapter p{font-size:clamp(18px,1.55vw,24px);line-height:1.5;letter-spacing:-.02em;color:#55583D;margin-top:24px;text-wrap:pretty}
.studio-closing{padding-block:var(--studio-space) calc(var(--studio-space) + 32px);background:linear-gradient(180deg,#F7F5F0,#EEEDE4);text-align:center}
.studio-closing h2{max-width:1100px;margin:24px auto 40px;font-size:clamp(38px,4.6vw,72px);line-height:1.08;letter-spacing:-.045em;text-wrap:pretty}
.studio-contact-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 0;border-bottom:1px solid #55583D;font-size:18px;color:#55583D}
.studio-contact-link span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #55583D55;border-radius:50%;transition:background .25s,color .25s}
.studio-contact-link:hover span{background:#55583D;color:#FFFFFF}
body.studio-editorial .footer{margin-top:0}
@media(min-width:901px){
 .studio-motion-ready .studio-story-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,8vw,120px);align-items:start}
 .studio-motion-ready .studio-story-visual{display:block;position:sticky;top:48px;min-width:0;padding-top:30px}
 .studio-art-window{position:relative;height:min(61vh,590px);min-height:300px}
 .studio-art-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:7%;opacity:0;transform:translateY(16px) scale(.98);transition:opacity 550ms ease,transform 650ms cubic-bezier(.22,.75,.2,1)}
 .studio-art-window img.is-current{opacity:1;transform:none}
 .studio-art-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--studio-line);padding-top:18px;font-size:12px;line-height:1.5;color:#55583D}
 .studio-motion-ready .studio-chapter{display:flex;min-height:75vh;min-height:75svh;padding-block:88px;border-top:1px solid var(--studio-line)}
 .studio-motion-ready .studio-chapter:first-child{border-top:0}
 .studio-motion-ready .studio-chapter-detail{display:none}
 .studio-chapter-copy{width:100%}
}
@media(max-width:900px){
 .studio-masthead{padding-bottom:30px;font-size:11px}
 .studio-purpose-body{gap:36px}
 .studio-chapter{gap:32px}
}
@media(max-width:700px){
 .studio-main{--studio-space:76px}
 .studio-masthead{padding-top:18px;padding-bottom:28px;gap:16px}
 .studio-eyebrow{max-width:125px}
 .studio-editorial .studio-wordmark{width:77%;max-width:310px;margin-top:12px}
 .studio-logo-scene{height:390px;height:clamp(330px,88vw,430px);margin-top:10px}
 .studio-original-symbol{height:78%;max-width:71%}
 .studio-scene-caption{bottom:10px;font-size:10px}
 .studio-manifesto{padding-top:34px}
 .studio-kicker{font-size:11px}
 .studio-introduction{margin-top:22px;font-size:clamp(29px,7.9vw,42px);line-height:1.17;letter-spacing:-.038em}
 .studio-support{margin-top:26px;font-size:18px;max-width:none}
 .studio-purpose-heading h2,.studio-story-heading h2{font-size:clamp(34px,9vw,46px);line-height:1.1;margin-top:20px}
 .studio-purpose-body{grid-template-columns:1fr;margin-top:44px;gap:40px}
 .studio-stat{gap:24px}
 .studio-stat-number{font-size:128px}
 .studio-stat p{font-size:18px;max-width:340px}
 .studio-purpose-copy p{font-size:20px;line-height:1.45}
 .studio-purpose-copy p+p{margin-top:22px}
 .studio-story-heading{margin-bottom:36px}
 .studio-story-heading>p{font-size:18px;margin-top:24px}
 .studio-chapter{grid-template-columns:1fr;gap:26px;padding-block:40px 52px}
 .studio-chapter-detail{max-width:400px;aspect-ratio:1.2}
 .studio-chapter-detail img{width:80%;height:100%}
 .studio-chapter h3{font-size:32px;margin-top:16px}
 .studio-chapter p{font-size:18px;margin-top:20px;line-height:1.5}
 .studio-chapter-label{font-size:11px}
 .studio-closing{padding-bottom:104px}
 .studio-closing h2{font-size:clamp(34px,8.7vw,44px);line-height:1.12}
 .studio-contact-link{font-size:17px;gap:24px}
}
@media(prefers-reduced-motion:reduce){
 .studio-art-window img,.studio-contact-link span{transition:none!important;transform:none!important}
}
.motion-reduced .studio-art-window img,.motion-reduced .studio-contact-link span{transition:none!important;transform:none!important}
