/* Alternative case study; typography follows the Alfa-Bank editorial page. */
.ug-story{display:block;width:100%;max-width:1200px;margin:0 auto;padding:0 32px 64px;color:var(--ink,#303056)}
.ug-story *{box-sizing:border-box;min-width:0}
.ug-story h1,.ug-story h2,.ug-story h3,.ug-story p,.ug-story figure,.ug-story dl,.ug-story dd{margin:0}
.ug-story h1{font-size:4.5rem;font-weight:600;line-height:1.1;letter-spacing:-.04em}
.ug-story h2{font-size:2.5rem;font-weight:600;line-height:1.2;letter-spacing:-.03em;max-width:900px}
.ug-story h3{font-size:1.75rem;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.ug-story p,.ug-story dd{font-size:1rem;line-height:1.7;color:var(--muted,#747491)}
.ug-story .ug-research p strong{color:#303056}
.ug-story .ug-kicker{font-size:.875rem;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;color:#FFC600;font-weight:600;margin-bottom:18px}
.ug-intro{padding:64px 0}
.ug-story .ug-lead{font-size:18px;line-height:1.65;margin-top:24px;max-width:900px}
.ug-story .ug-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px;padding-top:22px}
.ug-story dt{font-size:.875rem;line-height:1.5;font-weight:600;color:var(--ink,#303056);margin-bottom:8px}
.ug-meta dd{color:var(--ink,#303056)}
.ug-experiment{padding:56px 0;border-top:1px solid #e6e3e1}
.ug-story .ug-brief{display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;margin-top:32px}
.ug-research{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-top:40px;padding:28px 0;border-top:1px solid #e6e3e1}
.ug-research p+p{margin-top:16px}
.ug-story .ug-comparison{margin-top:32px}
.ug-comparison figcaption{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;padding:0 0 16px;font-size:.875rem;line-height:1.5;color:var(--muted,#747491)}
.ug-comparison figcaption a{margin-left:auto}
.ug-image-frame{display:block;padding:20px;border-radius:12px;overflow:hidden;background:#29292d}
.ug-comparison img{display:block;width:100%;height:auto;object-fit:contain}
.ug-result{display:flex;gap:32px;align-items:center;margin-top:28px;padding:24px 0 0}
.ug-result>div{display:flex;align-items:baseline;gap:12px;flex-shrink:0}
.ug-result strong{font-size:3.5rem;line-height:1.1;letter-spacing:-.04em;font-weight:600}
.ug-result span{font-size:.875rem;color:var(--muted,#747491)}
.ug-conclusion{max-width:760px;margin:20px 0 0;color:var(--muted,#747491)}
.ug-positive strong,.ug-positive span{color:#21804b}
.ug-zero strong,.ug-zero span{color:#bd3434}
.ug-story .ug-note{font-size:.875rem;max-width:760px;margin:24px 0 40px}
.ug-bottom{display:flex;justify-content:space-between;gap:24px;padding-top:24px;font-size:.875rem;color:var(--muted,#747491)}
.ug-story a{color:inherit;text-decoration:none}
.ug-story a:hover{text-decoration:underline;text-underline-offset:4px}
.ug-story a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
body.ug-growth{padding-bottom:100px}
@media(max-width:639px){.ug-story{padding:0 20px 40px}.ug-intro{padding:40px 0}.ug-story h1{font-size:2.5rem}.ug-story h2{font-size:2rem}.ug-experiment{padding:40px 0}.ug-story .ug-meta,.ug-story .ug-brief,.ug-research{grid-template-columns:1fr;gap:20px}.ug-story .ug-meta{margin-top:24px;padding-top:0}.ug-research{margin-top:28px}.ug-result{align-items:flex-start;flex-direction:column;gap:12px}.ug-result strong{font-size:2.5rem}.ug-comparison figcaption{gap:8px 16px}.ug-comparison figcaption a{margin-left:0;width:100%}.ug-bottom{flex-wrap:wrap}}

.ug-story .ug-significance strong{font:inherit;font-weight:600;letter-spacing:normal;color:inherit}
.ug-story .ug-significance-pending{color:#bd3434}
.ug-significance-pending span{color:inherit;font:inherit;border-bottom:1px dashed currentColor}

/* Separate A/B flows for the Bright tour comparison. */
.ug-variant-comparison{display:grid;gap:28px;margin-top:32px;padding:20px;background:#29292d;border-radius:12px;overflow:hidden}
.ug-story .ug-variant{margin:0}
.ug-comparison .ug-variant-label{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;padding:7px 16px 7px 7px;border-radius:999px;background:#f3f3f5;color:#242438;font-size:.875rem;line-height:1.4;font-weight:600}
.ug-variant-label>span{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:#242438;color:#fff;font-weight:700}

.ug-story .ug-variant.ug-image-frame{padding:0;background:transparent;border-radius:0}
.ug-variant+.ug-variant{padding-top:28px!important;border-top:1px solid #505056}

.ug-image-zoom{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:4px}
.ug-image-zoom:focus-visible{outline:2px solid #fff;outline-offset:5px}
.ug-viewer{position:fixed;inset:0;width:96vw;max-width:96vw;height:90dvh;max-height:90dvh;margin:auto;padding:0;border:1px solid #45454c;border-radius:16px;background:#29292d;color:#fff;overflow:hidden}
.ug-viewer::backdrop{background:rgb(15 15 22 / .8)}
.ug-viewer-toolbar{height:60px;display:flex;align-items:center;justify-content:flex-end;gap:16px;padding:12px 20px;font-size:14px}
.ug-viewer-toolbar button{padding:8px 14px;border:1px solid #777;border-radius:999px;background:#fff;color:#242438;font:inherit;cursor:pointer}
.ug-viewer-scroll{height:calc(100% - 60px);overflow:auto;padding:20px;overscroll-behavior:contain}
.ug-viewer-scroll img{display:block;max-width:none;height:auto}
body.ug-viewer-open{overflow:hidden}

.ug-story .ug-conclusion{margin:24px 0 0;max-width:760px}