.feature-loop{min-width:0;margin:0}.feature-loop.is-side{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:var(--ug-space-10);align-items:center}.feature-loop-frame{position:relative;aspect-ratio:16 / 10;overflow:hidden;border:1px solid var(--ugt-line-3, #d1d6c7);border-radius:var(--ug-radius-md);background:var(--ugt-wash-2, #ebe8dc);box-shadow:var(--ug-shadow-4)}.feature-loop-frame video,.feature-loop-frame img{display:block;width:100%;height:100%;object-fit:cover;filter:var(--ugt-loop-dim, none)}.feature-loop-frame.is-dark video,.feature-loop-frame.is-dark img{filter:none}.feature-loop-toggle{z-index:2;position:absolute;inset-inline-end:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid color-mix(in srgb,var(--ugt-on-band, #fffdf3) 70.2%,transparent);border-radius:50%;background:color-mix(in srgb,var(--ugt-band, #213c26) 78%,transparent);color:var(--ugt-on-band, #fbfaf0);cursor:pointer;opacity:.82;transition:opacity var(--ug-quick),background var(--ug-quick)}.feature-loop-toggle:hover,.feature-loop-toggle:focus-visible{opacity:1;background:var(--ugt-band, #213c26)}.feature-loop-toggle:focus-visible{outline:var(--ug-focus-ring);outline-offset:var(--ug-focus-offset)}.feature-loop-toggle.is-paused{inset-inline-end:calc(50% - 32px);bottom:calc(50% - 32px);width:64px;height:64px;opacity:.92;box-shadow:var(--ug-shadow-3)}.feature-loop-toggle.is-paused svg{margin-inline-start:3px}.feature-loop figcaption{margin-top:var(--ug-space-4)}.feature-loop.is-side figcaption{margin-top:0}.feature-loop figcaption strong{display:block;margin-bottom:6px;font:400 var(--ug-text-2xl)/1.2 var(--ug-font-serif);letter-spacing:-.03em;color:var(--ugt-site-ink, #293b2c)}.feature-loop figcaption span{display:block;font-size:var(--ug-text-base);line-height:1.6;color:var(--ugt-site-muted, #5c6955)}.feature-loop .feature-loop-note{margin:14px 0 0;font:var(--ug-text-xs)/1.7 var(--ug-font-mono);letter-spacing:.01em;color:var(--ugt-site-muted, #5f6d58)}.site-principles .feature-loop-frame{border-color:color-mix(in srgb,var(--ugt-on-band, #ffffff) 14.1%,transparent);box-shadow:var(--ug-shadow-5)}.site-principles .feature-loop figcaption strong{color:var(--ugt-on-band, #f4f1e4)}.site-principles .feature-loop figcaption span,.site-principles .feature-loop-note{color:var(--ugt-on-band-muted, #c2cbb6)}.site-principles .feature-loop-toggle:focus-visible{outline-color:var(--ugt-on-band, #f4f1e4)}@media(max-width:900px){.feature-loop.is-side{grid-template-columns:minmax(0,1fr);gap:18px}.feature-loop-toggle.is-paused{inset-inline-end:calc(50% - 27px);bottom:calc(50% - 27px);width:54px;height:54px}}@media(prefers-reduced-motion:reduce){.feature-loop-toggle{transition:none}}