.why-rolotec--visual { padding-block: clamp(56px, 7vw, 100px); background: rgba(18,15,13,.7); color: #fff; border-block: 1px solid rgba(255,255,255,.12); }
.why-rolotec--visual h2 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.12; }
.planning-slideshow { min-width: 0; position: relative; }
.planning-slideshow__frame { position: relative; aspect-ratio: 1.4; border: 1px solid rgba(32,26,23,.15); box-shadow: 14px 14px 0 rgba(148,31,40,.1); overflow: hidden; background: #eae3d9; touch-action: pan-y; cursor: grab; }
.planning-slideshow__frame .planning-slide { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 900ms ease; }
.planning-slideshow__frame .planning-slide.is-active { opacity: 1; }
.planning-slideshow__footer { margin-top: 24px; }
.planning-slideshow__footer p { font-size: .85rem; margin: 0 0 12px; }
.planning-slideshow__controls { display: flex; align-items: center; gap: 12px; }
.planning-slideshow__controls[hidden] { display: none; }
.planning-slideshow__controls button { background: var(--cream, #fffaf2); color: var(--ink, #201a17); border: 1px solid rgba(32,26,23,.25); padding: 8px 14px; min-height: 44px; cursor: pointer; font: inherit; }
.planning-slideshow__controls button:hover { border-color: var(--red); }
.planning-slideshow__controls button:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }
.planning-slideshow__controls span { min-width: 3em; text-align: center; font-variant-numeric: tabular-nums; }
@media(max-width: 760px) { .why-rolotec--visual { grid-template-columns: 1fr; gap: 32px; } }
@media(prefers-reduced-motion: reduce) { .planning-slideshow__frame .planning-slide { transition: none; } }
.planning-slideshow.is-ready .planning-slide { transition: opacity 1400ms ease-in-out; user-select: none; }
.planning-slideshow__controls { justify-content: center; height: 44px; }
.planning-slideshow__controls button { border: 0; background: none; padding: 0; min-width: 44px; height: 44px; }
.planning-slideshow__controls [data-slide-prev], .planning-slideshow__controls [data-slide-next] { position: absolute; top: var(--arrow-top, 40%); transform: translateY(-50%); border-radius: 50%; background: #fffaf2eb; box-shadow: 0 2px 14px #0002; z-index: 2; font-size: 1.3rem; }
.planning-slideshow__controls [data-slide-prev] { left: 16px; }
.planning-slideshow__controls [data-slide-next] { right: 16px; }
.planning-slideshow__controls button:hover { background: #fffaf2; }
.planning-slideshow__controls [data-slide-status] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.planning-slideshow__dots { display: flex; align-items: center; }
.planning-slideshow__dots button { min-width: 28px; width: 28px; display: grid; place-items: center; }
.planning-slideshow__dots button::after { content: ''; width: 6px; height: 6px; border-radius: 8px; background: #b5ada4; transition: width .3s, background .3s; }
.planning-slideshow__dots button[aria-current="true"]::after { width: 20px; background: var(--red); }
.planning-slideshow__controls [data-slide-pause] { position: absolute; right: 0; bottom: 0; color: #70675e; font-size: .8rem; }
.planning-slideshow__footer p { color: #70675e; font-size: .8rem; }
@media(prefers-reduced-motion: reduce) { .planning-slideshow.is-ready .planning-slide { transition: none; } }
.why-rolotec--visual .kicker { color: #d6b685; }
.why-rolotec--visual .why-copy p:not(.kicker) { color: rgba(255,255,255,.85); }
.why-rolotec--visual .planning-slideshow__footer p,
.why-rolotec--visual .planning-slideshow__controls [data-slide-pause] { color: rgba(255,255,255,.85); }
.why-rolotec--visual .planning-slideshow__controls [data-slide-pause]:hover { background: rgba(255,255,255,.12); }
.why-rolotec--visual .planning-slideshow__dots button:hover { background: transparent; }
.why-rolotec--visual .planning-slideshow__dots button::after { background: rgba(255,255,255,.5); }
.why-rolotec--visual .planning-slideshow__dots button[aria-current="true"]::after { background: #d6b685; }
.why-rolotec--visual .planning-slideshow__controls button:focus-visible { outline-color: #d6b685; }
.why-rolotec--visual .planning-slideshow__frame { border-color: rgba(255,255,255,.3); box-shadow: 14px 14px 0 rgba(214,182,133,.12); }
.planning-slideshow__footer p { min-height: 3em; }
.planning-slideshow__controls { padding-right: 44px; box-sizing: border-box; }
@media(max-width: 420px) { .planning-slideshow__dots button { min-width: 24px; width: 24px; } }