.showcase-shell{color:#101114;background:#f4f5f7;min-height:100vh;padding-bottom:48px}.showcase-header{border-bottom:1px solid #d8d9dd;grid-template-columns:auto 1fr;align-items:end;gap:48px;width:min(100% - 40px,1440px);margin:0 auto;padding:30px 0 28px;display:grid}.showcase-brand{color:inherit;align-items:center;gap:12px;width:max-content;text-decoration:none;display:inline-flex}.showcase-brand-mark{color:#fff;background:#101114;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.showcase-brand strong,.showcase-brand small{display:block}.showcase-brand strong{letter-spacing:.16em;font-size:14px}.showcase-brand small{color:#676b73;letter-spacing:.13em;margin-top:3px;font-size:8px}.showcase-heading{text-align:right;justify-self:end;max-width:760px}.showcase-heading p,.showcase-stage-bar p{color:#ff5a36;letter-spacing:.16em;margin:0 0 7px;font-size:10px;font-weight:900}.showcase-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,58px);line-height:1}.showcase-heading>span{color:#676b73;margin-top:12px;line-height:1.55;display:block}.showcase-switcher{background:#fff;border-top:1px solid #d8d9dd;border-left:1px solid #d8d9dd;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:min(100% - 40px,1440px);margin:26px auto 0;display:grid}.showcase-switcher button{color:#101114;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8d9dd;border-top:0;border-left:0;min-height:106px;padding:20px}.showcase-switcher button:hover,.showcase-switcher button.active{color:#fff;background:#101114}.showcase-switcher strong,.showcase-switcher span{display:block}.showcase-switcher strong{font-size:16px}.showcase-switcher span{color:#777b84;margin-top:8px;font-size:12px;line-height:1.45}.showcase-switcher button.active span,.showcase-switcher button:hover span{color:#c7c9cf}.showcase-stage{background:#fff;border:1px solid #d8d9dd;width:min(100% - 40px,1440px);margin:20px auto 0}.showcase-stage-bar{border-bottom:1px solid #d8d9dd;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:14px 18px;display:flex}.showcase-stage-bar strong{font-size:18px}.showcase-stage-bar button{color:#101114;cursor:pointer;background:#fff;border:1px solid #101114;min-height:42px;padding:0 16px;font-weight:800}.showcase-stage-bar button:hover{color:#fff;background:#101114}.showcase-frame-wrap{background:#fff;min-height:760px;position:relative}.showcase-frame{background:#fff;border:0;width:100%;height:min(82vh,1020px);min-height:760px;display:block}.showcase-loading{z-index:2;color:#676b73;letter-spacing:.08em;text-transform:uppercase;background:#fff;place-items:center;font-size:13px;display:grid;position:absolute;inset:0}.showcase-empty{color:#676b73;text-align:center;background:#fff;border:1px solid #d8d9dd;width:min(100% - 40px,1440px);margin:24px auto;padding:60px}@media (max-width:820px){.showcase-header{grid-template-columns:1fr;gap:28px}.showcase-heading{text-align:left;justify-self:start}.showcase-stage-bar{align-items:flex-start}.showcase-frame-wrap,.showcase-frame{min-height:680px}.showcase-frame{height:78vh}}@media (max-width:560px){.showcase-header,.showcase-switcher,.showcase-stage,.showcase-empty{width:min(100% - 24px,1440px)}.showcase-switcher{grid-template-columns:1fr}.showcase-stage-bar{flex-direction:column}.showcase-stage-bar button{width:100%}}