/* Engraved Gallery: open editorial rails around a dimensional strung W. */
#why-webbr{position:relative;max-width:1218px;width:calc(100% - 2 * clamp(22px,4vw,64px));margin:0 auto 110px;padding-top:60px;color:var(--text);font-family:'Sora',sans-serif;--ug-muted:var(--text-secondary);--ug-amber:var(--accent);--ug-line:color-mix(in srgb,var(--accent) 16%,transparent);scroll-margin-top:calc(var(--nav-h) + 20px)}
#why-webbr *{box-sizing:border-box}
#why-webbr .ug-field{display:grid;grid-template-columns:minmax(0,1.1fr) 30% minmax(0,1.1fr);gap:35px;padding:0 0 160px;min-height:1800px}
#why-webbr .ug-lane{display:flex;flex-direction:column;gap:150px;padding-top:40px;min-width:0}
#why-webbr .ug-right{grid-column:3;padding-top:175px}
#why-webbr .ug-item{position:relative;padding:26px 0 12px;border-top:1px solid var(--ug-line)}
#why-webbr .ug-num{display:block;font-size:12px;font-weight:500;letter-spacing:1.5px;color:var(--ug-amber);margin-bottom:28px}
#why-webbr h3{font-size:31px;line-height:1.13;letter-spacing:-1.3px;font-weight:600;margin:0 0 20px;text-wrap:balance}
#why-webbr p{font-size:12px;line-height:1.95;color:var(--ug-muted);margin:0;max-width:280px}
#why-webbr strong{display:block;margin-top:12px;font-weight:500;color:var(--ug-amber)}
#why-webbr .ug-center{position:absolute;left:34%;width:32%;top:180px;height:350px;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid var(--ug-line);border-right:1px solid var(--ug-line)}
#why-webbr .ug-center:before{content:'';position:absolute;inset:35px 0;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--ug-amber) 10%,transparent),transparent 67%);z-index:-1}
#why-webbr .ug-canvas-wrap{width:100%;height:290px;position:relative}
#why-webbr .ug-canvas-wrap canvas{width:100%;height:100%;display:block}
#why-webbr .ug-caption{font-size:11px;color:var(--ug-muted);letter-spacing:2px;margin-top:12px;text-transform:uppercase}
#why-webbr .ug-plinth{position:absolute;bottom:44px;width:70%;height:23px;border-radius:50%;background:radial-gradient(ellipse,#0004,transparent 70%);filter:blur(7px)}
#why-webbr .ug-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--ug-muted);font-size:11px;text-align:center;padding:15px}
#why-webbr .ug-loading img{max-width:100%;height:auto}
:root[data-theme="light"] #why-webbr .ug-loading img{filter:brightness(.35)}
@media(max-width:1000px){#why-webbr .ug-field{gap:24px}#why-webbr h3{font-size:26px}}
@media(max-width:700px){#why-webbr{padding-top:20px}#why-webbr .ug-field{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-bottom:80px;min-height:0}#why-webbr .ug-center{position:relative;top:auto;left:auto;width:100%;max-width:300px;height:300px;margin:0 auto 55px}#why-webbr .ug-canvas-wrap{height:240px}#why-webbr .ug-right{grid-column:2;padding-top:120px}#why-webbr .ug-lane{gap:85px}#why-webbr h3{font-size:22px;letter-spacing:-.7px}}
@media(max-width:420px){#why-webbr h3{font-size:18px}#why-webbr p{font-size:11px}#why-webbr .ug-field{gap:20px}}