.image-modal-overlay{margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none}.image-modal-overlay::backdrop{background:rgba(0,0,0,0)}.image-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none}.image-modal-content{cursor:default;max-width:98vw;max-height:98vh;flex-direction:column;box-shadow:0 0 32px 0 rgba(0,0,0,.2)}.image-modal-content,.image-modal-image-wrapper{position:relative;z-index:var(--z-above);display:flex;align-items:center;justify-content:center;background:none}.image-modal-image-wrapper{max-width:calc(100vh - var(--gap-xs));max-height:calc(100vh - var(--gap-l));cursor:pointer;overflow:visible;touch-action:none}.image-modal-image-wrapper.zoomed{cursor:grab}.image-modal-image-wrapper.zoomed:active{cursor:grabbing}.image-modal-image-wrapper:hover .image-modal-nav{opacity:1;pointer-events:auto}.image-modal-image-wrapper img{display:block;max-width:100%;margin:0 auto;background:#222;box-shadow:0 0 16px 0 rgba(0,0,0,.15);cursor:default;touch-action:none}.image-modal-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;color:#fff;font-size:2.5rem;width:48px;height:48px;border-radius:50%;opacity:0;pointer-events:none;transition:opacity .2s;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:var(--z-raised)}.image-modal-nav:hover{background:rgba(0,0,0,.8)}.image-modal-nav--prev{left:12px}.image-modal-nav--next{right:12px}.image-modal-nav-arrow{font-size:2rem;line-height:1;-webkit-user-select:none;user-select:none}.image-modal-controls{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:var(--z-popover)}.image-modal-controls .toggle-group{gap:var(--gap-xs);padding:var(--card-p-m);border-radius:var(--card-br-m)}.image-modal-counter{display:inline-flex;align-items:center;justify-content:center;color:var(--text-color);min-width:50px;height:var(--btn-h-s);white-space:nowrap}.image-modal-counter,.image-modal-zoom-level{padding:0 var(--gap-xs);text-align:center;font-variant-numeric:tabular-nums;font-size:var(--p3-size)}.image-modal-zoom-level{background:rgba(0,0,0,0);border:none;color:var(--text-secondary-color);min-width:55px;cursor:pointer;border-radius:var(--btn-r-full);transition:all .2s ease}.image-modal-zoom-level:hover:not(:disabled){color:var(--text-color);background:rgba(255,255,255,.1)}.image-modal-zoom-level.active{color:var(--text-color)}.image-modal-zoom-level:disabled{opacity:.5;cursor:default}@media(max-width:768px){.image-modal-controls{opacity:1!important;pointer-events:auto!important;bottom:10px}}@media(hover:none)and (pointer:coarse){.image-modal-controls{opacity:1!important;pointer-events:auto!important}}.poster-case-layout{display:flex;align-items:flex-start;gap:var(--gap-xl);width:100%;max-width:var(--block-l-width);margin:0 auto;justify-content:center}.poster-case-layout .case-content-block{flex:0 1 auto;max-width:var(--case-content-max-width);min-width:300px}.poster-case-layout{perspective:4000px;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;overflow:visible!important}@media(min-width:1101px){.poster-case-layout.case-layout--tilted>.case-layout__visual{z-index:1;transform:translateX(20px) translateY(-10px) rotate(-1deg)}.poster-case-layout.case-layout--tilted>.case-layout__card{z-index:2;transform:translateX(-20px) translateY(10px) rotate(.5deg)}}.poster-case-layout__poster{overflow:visible;cursor:grab}.poster-case-layout__poster:active{cursor:grabbing}.poster-image-container{position:relative;transform-style:preserve-3d;aspect-ratio:5/7;height:var(--case-media-max-height);will-change:transform;transition:transform .3s ease-out;flex-shrink:0;box-sizing:border-box;transform:perspective(1000px) rotateY(0deg);z-index:var(--z-base);width:100%;max-width:calc(var(--case-media-max-height)*5/7)}.poster-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;transform-style:preserve-3d;transform:translateZ(.1px);overflow:hidden;border-radius:var(--border-radius-lg);background:rgba(0,0,0,0);width:100%;height:100%;z-index:0;will-change:transform}.poster-front{transform:translateZ(1px) rotateY(0deg)}.poster-back{transform:translateZ(1px) rotateY(180deg)}.poster-image{width:100%;height:100%;max-width:100%;max-height:var(--case-media-max-height);object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;transform:translateZ(0);display:block}@media(max-width:1100px){.poster-case-layout{display:flex!important;flex-direction:column;gap:var(--block-spacing)}.poster-case-layout .custom-case-layout__custom,.poster-case-layout .image-case-layout__image,.poster-case-layout .media-container,.poster-case-layout .poster-case-layout__image,.poster-case-layout .poster-case-layout__poster,.poster-case-layout .video-case-layout__video{max-width:100%!important;width:100%;margin:0 auto}.poster-case-layout .case-content-block{max-width:100%;width:100%}.poster-case-layout{overflow-x:hidden;touch-action:pan-y}.poster-case-layout__poster{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto}.poster-case-layout .poster-image,.poster-case-layout__poster .poster-image-container{width:100%;max-width:100%;height:auto;max-height:none}.poster-case-layout .poster-image{object-fit:contain;display:block}}.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}.image-case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-xl);width:100%;max-width:var(--block-l-width);margin:0 auto;align-items:start}.image-case-layout__image,.image-case-layout__image .image-container{display:flex;align-items:center;justify-content:center}.image-case-layout__image .image-container{width:100%}.image-case-layout__image .image-container .showcase-image{width:100%;height:auto;object-fit:contain;border-radius:var(--card-br-m);display:block}@media(min-width:901px){.image-case-layout.case-layout--tilted>.case-layout__visual{z-index:1;transform:translateX(20px) translateY(-10px) rotate(-1deg)}.image-case-layout.case-layout--tilted>.case-layout__card{z-index:2;transform:translateX(-20px) translateY(10px) rotate(.5deg)}}@media(max-width:900px){.image-case-layout{display:flex!important;flex-direction:column;gap:var(--block-spacing)}.image-case-layout .custom-case-layout__custom,.image-case-layout .image-case-layout__image,.image-case-layout .media-container,.image-case-layout .poster-case-layout__image,.image-case-layout .poster-case-layout__poster,.image-case-layout .video-case-layout__video{max-width:100%!important;width:100%;margin:0 auto}.image-case-layout .case-content-block{max-width:100%;width:100%}.image-case-layout__image .image-container .showcase-image{max-height:100vh}}.star-background{width:100%;height:100%;overflow:hidden;position:relative}.star-background,.star-background__inner-scene,.star-background__star,.star-background__star-container{transform:translateZ(0);will-change:transform;backface-visibility:hidden}.star-background{--glow-x:50%;--glow-y:50%;--glow-opacity:0;--glow-size:300px;--glow-color:rgba(255,0,100,0.8);--glow-blend-mode:screen;--glow-transition:0.3s;--pulse-animation:4s}.star-background[data-glow-enabled=true]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10;border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y),var(--glow-color) 0,transparent 70%);opacity:var(--glow-opacity);mix-blend-mode:var(--glow-blend-mode);transition:opacity var(--glow-transition) ease;animation:glow-pulse var(--pulse-animation) infinite alternate ease-in-out;transform:translateZ(0);will-change:opacity,transform}.star-background__inner-scene{width:100%;height:100%}.star-background .star-background__scalable-container,.star-background .star-background__star-container,.star-background__inner-scene{position:absolute;will-change:transform;transform-style:preserve-3d}.star-background .star-background__star-container{pointer-events:none}.star-background .star-background__star{position:relative;pointer-events:none;transform-style:preserve-3d;background:linear-gradient(136deg,rgba(0,0,0,0),rgba(255,0,136,0) 30%,#bbbbbb);animation-timing-function:cubic-bezier(.33,1,.68,1)!important;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.star-background .star-background__overlay-content{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;pointer-events:none;transform-style:preserve-3d;will-change:transform}@keyframes star-background-float{0%{transform:translateX(0) translateY(0) rotate(0)}to{transform:translateX(var(--move-x,20px)) translateY(var(--move-y,15px)) rotate(var(--rotation-degrees,15deg))}}@keyframes glow-pulse{0%{transform:scale(1) translateZ(0);opacity:var(--glow-opacity)}to{transform:scale(1.2) translateZ(0);opacity:calc(var(--glow-opacity)*.7)}}:root{--case-content-max-width:480px;--case-media-aspect-ratio:0.5625;--case-media-max-height:80vh;--case-vertical-max-width:40%;--case-horizontal-max-width:55%;--case-large-vertical-max-width:35%;--case-large-horizontal-max-width:50%}.case-content-block--standalone{max-width:var(--block-l-width);margin:0 auto;width:100%}.custom-case-layout{display:flex;flex-direction:column;gap:var(--gap-xl);width:100%;padding:0 var(--side-padding)}@media(min-width:900px){.custom-case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap-xl);align-items:start;max-width:var(--block-l-width);margin:0 auto}.custom-case-layout.case-layout--tilted>.case-layout__visual{z-index:1;transform:translateX(20px) translateY(-10px) rotate(-1deg)}.custom-case-layout.case-layout--tilted>.case-layout__card{z-index:2;transform:translateX(-20px) translateY(10px) rotate(.5deg)}}@media(max-width:899px){.custom-case-layout{align-items:center}}@media(min-width:900px){.custom-case-layout--reversed .custom-case-layout__custom{order:2;justify-content:flex-start}.custom-case-layout--reversed .custom-case-layout__content{order:1}}.custom-case-layout__custom{display:flex;justify-content:center;align-items:flex-start;width:100%;z-index:1;min-width:0;overflow:hidden}@media(min-width:900px){.custom-case-layout__custom{justify-content:flex-end}}.custom-case-layout__content{width:100%;z-index:2;min-width:0}