.experience-section,.origin-body { position:relative; isolation:isolate; background:#f0e9dd url('../escuela/history-texture.png') no-repeat center top / 100% auto; }
.experience-section { min-height:56.25vw; color:#261b10; padding-bottom:2vw; background-size:cover; }
.experience-header { position:relative; height:31.2vw; }
.experience-heading { position:absolute; left:13.1%; top:3.4vw; width:67.5%; height:24vw; display:grid; place-items:center; padding-top:2vw; }
.experience-brush { position:absolute; inset:0; width:100%; height:100%; z-index:-1; }
.experience-heading h2 { font:800 5.95vw/1 Arial,sans-serif; color:#ad6700; margin:0; letter-spacing:-.05em; }
.experience-grid { display:grid; grid-template-columns:30% 34% 36%; border-top:1px solid #fffdf1; }
.experience-column { position:relative; min-width:0; padding:3.4vw 2.1vw 0; text-align:center; }
.experience-column::before { content:''; position:absolute; left:calc(50% - 15px); top:-15px; width:30px; height:30px; background:#fff; filter:drop-shadow(0 0 3px #fff); clip-path:polygon(50% 0,55% 29%,63% 16%,63% 35%,80% 29%,70% 44%,100% 50%,71% 56%,83% 70%,64% 65%,63% 85%,55% 71%,50% 100%,45% 72%,36% 85%,36% 64%,18% 70%,29% 56%,0 50%,29% 44%,18% 29%,36% 35%,36% 15%,45% 29%); }
.experience-column h3 { margin:0 0 .6vw; font:800 1.5vw/1.15 Arial,sans-serif; color:#a15c00; letter-spacing:-.02em; }
.experience-column p { margin:0 auto 1.1vw; max-width:30vw; font:400 1.35vw/1.04 'Century Gothic',Arial,sans-serif; letter-spacing:-.015em; }
.experience-column:first-child p { max-width:14.5vw; }
.experience-column em { font-weight:700; }
.origin-section { color:#361b08; }
.origin-header { position:relative; height:19.53vw; background:#391b06; color:white; }
.origin-header h2 { position:absolute; bottom:1.35vw; left:26.8%; margin:0; font:800 6.8vw/1 Arial,sans-serif; letter-spacing:-.065em; }
.origin-body { display:grid; grid-template-columns:1fr 1fr; min-height:36.72vw; background-position:center bottom; }
.origin-brush { position:absolute; z-index:-1; inset:0; width:100%; height:100%; object-fit:fill; pointer-events:none; }
.origin-column { min-width:0; padding:3.65vw 4.1vw 3vw; }
.origin-column + .origin-column { border-left:1px solid #341c0f; }
.origin-column p { margin:0 0 1.8vw; font:400 1.78vw/1.08 'Century Gothic',Arial,sans-serif; letter-spacing:-.015em; }
.origin-column p:last-child { margin-bottom:0; }
.origin-column strong { font-weight:800; }
@media(max-width:900px) {
  .origin-body { background-size:cover; }
  .experience-column h3 { font-size:clamp(15px,1.7vw,20px); }
  .experience-column p { font-size:16px; line-height:1.25; }
  .experience-column:first-child p { max-width:90%; }
  .experience-column { padding:30px 18px 14px; }
  .origin-column p { font-size:18px; line-height:1.3; }
}
@media(max-width:700px) {
  .experience-header { height:230px; }
  .experience-heading { left:3%; top:28px; width:94%; height:175px; padding-top:10px; }
  .experience-heading h2 { font-size:clamp(29px,8vw,50px); }
  .experience-grid { grid-template-columns:1fr; border-top:0; padding:0 8% 30px; }
  .experience-column { padding:30px 0 20px; border-top:1px solid #fffdf1; }
  .experience-column h3 { font-size:20px; margin-bottom:16px; }
  .experience-column p,.experience-column:first-child p { max-width:none; font-size:17px; line-height:1.4; margin-bottom:18px; }
  .origin-header { height:190px; }
  .origin-header h2 { left:8%; bottom:28px; font-size:clamp(54px,15vw,86px); }
  .origin-body { grid-template-columns:1fr; }
  .origin-column { padding:34px 8%; }
  .origin-column + .origin-column { border-left:0; border-top:1px solid #341c0f55; }
  .origin-column p { font-size:18px; line-height:1.4; margin-bottom:24px; }
  .origin-brush { top:8%; height:82%; }
}