.site-preview{display:flex;flex-direction:column;border-radius:var(--card-br-l);overflow:hidden;box-shadow:0 0 0 1px var(--border-color),0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.1);background:var(--solid-container);-webkit-user-select:none;user-select:none}.site-preview__chrome{display:flex;align-items:center;gap:var(--gap-s);padding:0 var(--card-p-s);height:44px;min-height:44px;background:var(--solid-container-raised,var(--solid-container));border-bottom:1px solid var(--border-color);flex-shrink:0}.site-preview__dots{display:flex;gap:6px;flex-shrink:0}.site-preview__dot{display:block;width:11px;height:11px;border-radius:50%}.site-preview__dot--red{background:#ff5f57}.site-preview__dot--yellow{background:#ffbd2e}.site-preview__dot--green{background:#28c840}.site-preview__url-bar{flex:1;min-width:0;height:26px;display:flex;align-items:center;padding:0 var(--gap-s);background:var(--on-glass-surface,rgba(255,255,255,.06));border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.site-preview__url-text{font-size:12px;line-height:1;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono,monospace)}.site-preview__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.site-preview__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:rgba(0,0,0,0);border-radius:var(--card-br-xs,6px);color:var(--text-secondary);cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease}.site-preview__btn:hover{background:var(--on-glass-surface,rgba(255,255,255,.08));color:var(--text-color)}.site-preview__btn:active{background:var(--on-glass-hover,rgba(255,255,255,.12))}.site-preview__view-btn--active{background:var(--accent-alpha,rgba(var(--accent-rgb,255,255,255),.12));color:var(--accent-color,var(--text-color))}.site-preview__spin{animation:sp-spin .8s linear infinite}@keyframes sp-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.site-preview__viewport{position:relative;width:100%;height:var(--sp-vh,580px);min-height:var(--sp-vh,580px);overflow:hidden;background:var(--bg-color,#0d0d0d);flex-shrink:0}.site-preview__fallback{position:absolute;inset:0;cursor:pointer;z-index:2;transition:opacity .35s ease}.site-preview__fallback--fading{opacity:0;pointer-events:none}.site-preview__fallback-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.site-preview__play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);opacity:0;transition:opacity .2s ease}.site-preview__fallback:hover .site-preview__play-overlay{opacity:1}.site-preview__play-btn{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-s) var(--gap-m);background:var(--solid-container);border:1px solid var(--border-color);border-radius:var(--card-br-m);color:var(--text-color);font-size:14px;font-weight:500;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:transform .15s ease,box-shadow .15s ease}.site-preview__fallback:hover .site-preview__play-btn{transform:scale(1.04);box-shadow:0 6px 24px rgba(0,0,0,.4)}.site-preview__loader{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--bg-color,#0d0d0d)}.site-preview__spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--text-color);border-radius:50%;animation:sp-spin .75s linear infinite}.site-preview__frame-wrap{position:absolute;inset:0}.site-preview__frame-wrap--desktop .site-preview__iframe{width:100%;height:100%;border:none;display:block}.site-preview__frame-wrap--mobile{display:flex;align-items:center;justify-content:center;background:var(--bg-color,#0d0d0d)}.site-preview__phone{position:relative;width:260px;height:540px;border-radius:34px;border:7px solid var(--border-color);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 20px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.04);background:#000;flex-shrink:0}.site-preview__phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:72px;height:18px;background:#000;border-radius:10px;z-index:10;box-shadow:0 0 0 1px rgba(255,255,255,.06)}.site-preview__phone .site-preview__iframe{position:absolute;top:0;left:0;width:390px;height:844px;transform:scale(calc(260px / 390px));transform-origin:top left;border:none}.site-preview__iframe{opacity:0;transition:opacity .3s ease}.site-preview__iframe--visible{opacity:1}.MediaGrid{width:100%;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-s)}.MediaGrid__card{display:flex;flex-direction:column;background:var(--surface-2);border:1px solid var(--solid-border);border-radius:var(--card-br-m);overflow:visible;box-shadow:none;position:relative;transition:transform .18s ease-out,box-shadow .18s ease-out,background .18s ease-out;will-change:transform,box-shadow,background;touch-action:manipulation;-webkit-tap-highlight-color:rgba(0,0,0,.08)}.MediaGrid__card--clickable{cursor:pointer}.MediaGrid__card--clickable:hover{transform:scale(1.007);background:var(--solid-control-h,#1a1a1a)}.MediaGrid__card--clickable:active{transform:scale(.99);background:var(--solid-control-a,#161616);transition:transform .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.MediaGrid__card--clickable:focus-visible{outline:2px solid var(--text-tertiary-color);outline-offset:2px}.MediaGrid__media{width:100%;overflow:visible;background:#181818;display:flex;align-items:center;justify-content:center;border-radius:var(--card-br-m) var(--card-br-m) 0 0;min-height:200px}.MediaGrid__media[style*=aspect-ratio]{min-height:unset}.MediaGrid__image,.MediaGrid__video{width:100.3%;height:100.3%;object-fit:cover;display:block;border-radius:inherit}.MediaGrid__info{display:flex;flex-direction:column;padding:var(--card-p-m);background:none;min-height:0;justify-content:flex-end}.MediaGrid__title{font-family:var(--font-heading);font-size:var(--h3-size);color:var(--text-color);font-weight:500;line-height:1.1}.MediaGrid__desc{font-size:var(--p2-size);color:var(--text-secondary-color);margin:0;font-weight:400;line-height:1.3}.MediaGrid__specialities{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin-top:.8rem;align-items:flex-end}.MediaGrid--s,.MediaGrid--xs{grid-template-columns:repeat(5,1fr)}.MediaGrid--m{grid-template-columns:repeat(2,1fr)}.MediaGrid--xl{grid-template-columns:1fr}@media(max-width:1200px){.MediaGrid--s,.MediaGrid--xs{grid-template-columns:repeat(4,1fr)}.MediaGrid--m{grid-template-columns:repeat(2,1fr)}.MediaGrid--xl{grid-template-columns:1fr}}@media(max-width:900px){.MediaGrid--xs{grid-template-columns:repeat(2,1fr)}.MediaGrid--s{grid-template-columns:repeat(3,1fr)}.MediaGrid--m,.MediaGrid--xl{grid-template-columns:1fr}}@media(max-width:600px){.MediaGrid--s,.MediaGrid--xs{grid-template-columns:repeat(2,1fr)}.MediaGrid--m,.MediaGrid--xl{grid-template-columns:1fr}}:root{--case-content-max-width:480px;--case-media-aspect-ratio:0.5625;--case-media-max-height:75vh}.media-case-layout{--media-aspect-ratio:var(--case-media-aspect-ratio);display:flex;align-items:flex-start;gap:var(--gap-xl);width:100%;max-width:var(--block-l-width);margin:0 auto;justify-content:center}.media-case-layout .case-content-block{flex:0 1 auto;max-width:var(--case-content-max-width);min-width:300px}.media-case-layout__media{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;max-height:var(--case-media-max-height)}.media-case-layout__media .case-media{height:auto;max-width:none;object-fit:contain;border-radius:var(--card-br-m);max-height:var(--case-media-max-height);background:#000;margin:0}@media(min-width:901px){.media-case-layout{align-items:center}.media-case-layout.case-layout--tilted>.case-layout__visual{z-index:1;transform:translateX(20px) translateY(-10px) rotate(-1deg)}.media-case-layout.case-layout--tilted>.case-layout__card{z-index:2;transform:translateX(-20px) translateY(10px) rotate(.5deg)}.media-case-layout__media{flex:0 1 auto;min-width:0;width:auto;max-width:calc(100% - var(--case-content-max-width) - var(--gap-xl))}.media-case-layout__media .case-media{display:block;width:min(100%,var(--case-media-max-height)*var(--case-media-aspect-ratio));max-width:100%;height:auto;aspect-ratio:var(--case-media-aspect-ratio)}.media-case-layout__media .case-media .media-image,.media-case-layout__media .case-media .media-video{width:100%;height:100%;object-fit:contain}}@media(max-width:900px){.media-case-layout{display:flex!important;flex-direction:column;gap:var(--section-p-xs)}.media-case-layout.block-l{padding-inline:0}.media-case-layout .custom-case-layout__custom,.media-case-layout .poster-case-layout__poster{max-width:100%!important;width:100%;margin:0 auto}.media-case-layout .case-layout__visual{padding-inline:clamp(6px,2.407vw - 4.111px,32px)}.media-case-layout .case-content-block{box-sizing:border-box;max-width:var(--block-s-width);min-width:0;width:calc(100% - 2*var(--block-s-padding-inline));margin:0 auto}.media-case-layout__media{width:100%;max-width:100%;margin:auto;box-sizing:border-box;display:flex;justify-content:center}.media-case-layout__media .case-media{width:min(100%,var(--case-media-max-height)*var(--case-media-aspect-ratio));max-width:100%;max-height:var(--case-media-max-height);aspect-ratio:var(--case-media-aspect-ratio);margin:0 auto;display:block}.media-case-layout__media .case-media .media-image,.media-case-layout__media .case-media .media-video{width:100%;height:100%;object-fit:contain}}