.angulo-process{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(30px,5vw,80px);padding:clamp(50px,7vw,90px) max(24px,calc((100% - 1300px)/2));background:#e9e0cf;color:#332922;}.angulo-process-copy h2{font-family:var(--text,sans-serif);font-size:clamp(22px,2.5vw,32px);line-height:1.4;font-weight:500;color:#840414;}.angulo-process-copy p{font-size:14px;line-height:1.95;}.angulo-process-copy>a{display:inline-block;margin-top:24px;font-size:11px;text-decoration:underline;text-underline-offset:5px;color:#840414;}.process-images{position:relative;aspect-ratio:16/9;background:#ded3bb;}.process-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;transition:opacity .65s ease;}.process-images [data-process-after]{opacity:0;}.angulo-process-view.show-after [data-process-after]{opacity:1;}.process-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;}.process-controls>div{display:flex;gap:14px;flex-wrap:wrap;}.process-controls button{font:400 11px/1.5 var(--text,sans-serif);color:#705e4f;background:none;border:0;border-bottom:1px solid transparent;padding:10px 0;min-height:44px;cursor:pointer;}.process-controls button[aria-pressed=true]{color:#840414;border-bottom-color:#840414;}.process-controls button:focus-visible{outline:2px solid #840414;outline-offset:4px;}@media(max-width:760px){.angulo-process{grid-template-columns:1fr;}.angulo-process-copy{max-width:620px;}}@media(prefers-reduced-motion:reduce){.process-images img{transition:none;}}.process-controls>span{font:400 11px/1.5 var(--text,sans-serif);color:#705e4f}.process-images [data-process-animation]{transition:none}
.process-navigation{align-items:center;gap:16px!important}.process-navigation [data-process-counter]{font:400 11px/1.5 var(--text,sans-serif);color:#705e4f;min-width:45px;text-align:center;font-variant-numeric:tabular-nums}.process-navigation button[data-process-prev],.process-navigation button[data-process-next]{min-width:36px;font-size:18px}.process-navigation [data-process-pause]{min-width:64px}@media(max-width:480px){.process-controls{align-items:flex-start;flex-direction:column}.process-navigation{width:100%}.process-navigation [data-process-pause]{margin-left:auto}}