:root{--showcase-font-family:"Inter Variable", "Inter", ui-sans-serif, system-ui, sans-serif;--showcase-weight-regular:400;--showcase-weight-medium:500;--showcase-weight-strong:700;--showcase-weight-display:800;--showcase-color-accent:#d9ed81;--showcase-color-accent-strong:#afc73b;--showcase-color-accent-soft:#eff5dc;--showcase-color-background:#f6f6f1;--showcase-color-border:#d0dbd1;--showcase-color-border-soft:#d4ddd4;--showcase-color-dark:#101b17;--showcase-color-dark-raised:#173025;--showcase-color-dark-soft:#12211b;--showcase-color-dialog:#18251f;--showcase-color-dialog-header:#25372c;--showcase-color-frame:#050706;--showcase-color-ink:#13221b;--showcase-color-muted:#77827b;--showcase-color-muted-dark:#52645a;--showcase-color-muted-light:#aab7af;--showcase-color-surface:#edf0e8;--showcase-color-surface-alt:#eff3e8;--showcase-color-white:#f4f7ef;--showcase-radius-control:999px;--showcase-radius-laptop:15px;--showcase-radius-phone:33px;--showcase-shadow-hero:0 20px 54px #ffffff29, 0 28px 60px #00000057;--showcase-shadow-preview:0 18px 36px #08120d47;--showcase-transition-fast:.2s ease;--showcase-transition-motion:.52s cubic-bezier(.22, 1, .36, 1);--showcase-section-gutter:clamp(22px, 8vw, 140px);--showcase-phone-hero-height:694px;--showcase-phone-hero-width:410px;--showcase-phone-preview-height:675px;--showcase-phone-peek-height:608px;--showcase-phone-mobile-hero-height:564px;--showcase-phone-mobile-hero-width:331px;--showcase-phone-mobile-preview-height:575px}@scope(.project-showcase){:scope{background:var(--showcase-color-background);color:var(--showcase-color-ink);font-family:var(--showcase-font-family);font-synthesis:none;font-weight:var(--showcase-weight-regular);text-rendering:optimizelegibility;min-width:320px;max-width:100%;overflow-x:clip}:scope,:scope *,:scope :before,:scope :after{box-sizing:border-box}:scope :where(button,input,select,textarea){color:inherit;font:inherit}:scope :where(button){appearance:none;border:0;margin:0}:scope :where(h1,h2,h3,p){margin:0}:scope :where(h1,h2){font-weight:var(--showcase-weight-display)}:scope :where(h3,strong){font-weight:var(--showcase-weight-strong)}:scope :where(img,svg){display:block}button:focus-visible{outline:3px solid var(--showcase-color-accent);outline-offset:3px}:scope,.showcase-page{max-width:100%;overflow-x:clip}.showcase-page{min-height:calc(100vh - 72px)}}@scope(.project-showcase){.site-nav{backdrop-filter:blur(14px);color:#fff;z-index:20;background:#0f1916f5;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(20px,6vw,112px);display:flex;position:sticky;top:0}.project-identity{align-items:center;gap:15px;min-width:0;display:flex}.portfolio-link{color:var(--showcase-color-muted-light);font-size:14px;font-weight:var(--showcase-weight-display);transition:color var(--showcase-transition-fast);flex:none;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.portfolio-link:hover,.portfolio-link:focus-visible{color:var(--showcase-color-white)}.project-divider{background:#f4f7ef3d;width:1px;height:22px}.brand,.nav-links button,.screen-peek{cursor:pointer;border:0}.brand{color:#fff;font-size:24px;font-weight:var(--showcase-weight-display);letter-spacing:-.9px;background:0 0;padding:8px 0}.brand span{color:var(--showcase-color-accent-strong)}.nav-links{gap:25px;display:flex}.nav-links button{color:var(--showcase-color-muted-light);font-size:16px;font-weight:var(--showcase-weight-display);background:0 0;border-bottom:2px solid #0000;padding:15px 2px 4px}.nav-links button:hover,.nav-links button.active{color:#f5f8ed;border-color:#d7eb7d}.mobile-page-menu{display:none;position:relative}.mobile-page-menu>button{color:var(--showcase-color-white);cursor:pointer;font-size:13px;font-weight:var(--showcase-weight-display);background:#f4f7ef1a;border:1px solid #f4f7ef38;justify-content:center;align-items:center;gap:7px;min-width:104px;padding:9px 10px;display:inline-flex}.mobile-page-menu>button svg{transition:transform var(--showcase-transition-fast)}.mobile-page-menu>button.is-open svg{transform:rotate(180deg)}.mobile-page-popover{background:var(--showcase-color-dark-raised);z-index:25;border:1px solid #f4f7ef33;gap:2px;width:min(190px,100vw - 34px);padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 34px #0000004d}.mobile-page-popover button{color:var(--showcase-color-muted-light);cursor:pointer;font-size:14px;font-weight:var(--showcase-weight-display);text-align:left;background:0 0;border:0;padding:12px 13px}.mobile-page-popover button:hover,.mobile-page-popover button:focus-visible,.mobile-page-popover button.active{color:var(--showcase-color-white);background:#d9ed8124}}@scope(.project-showcase){.showcase-hero{background:var(--showcase-color-dark);color:var(--showcase-color-white);min-height:650px;padding:clamp(52px, 8vw, 112px) var(--showcase-section-gutter) 66px;grid-template-columns:minmax(290px,.85fr) minmax(430px,1.15fr);gap:clamp(30px,6vw,110px);display:grid;overflow:hidden}.showcase-hero.frame-phone .hero-screen{border-radius:var(--showcase-radius-phone)}.showcase-hero.frame-laptop .hero-screen{border-radius:var(--showcase-radius-laptop);width:min(100%,550px);height:455px}.hero-copy{z-index:2;align-self:center;max-width:510px;position:relative}.eyebrow{color:#748078;font-size:10px;font-weight:var(--showcase-weight-display);letter-spacing:.12em;text-transform:uppercase;display:block}.eyebrow.light{color:#d8e9a1}h1{letter-spacing:-.065em;margin:17px 0 20px;font-size:clamp(48px,6.3vw,86px);line-height:.94}.showcase-padel{color:var(--matchme-brand,#abbe42)}.hero-copy p{color:#abb9b0;max-width:340px;font-size:15px;line-height:1.65}.hero-visual{justify-content:center;align-items:center;min-height:470px;display:flex;position:relative}.hero-orbit{border:1px solid #daed812e;border-radius:50%;position:absolute}.orbit-one{width:510px;height:510px;top:-68px;right:-35px}.orbit-two{border-color:#daed8114;width:680px;height:680px;top:-150px;right:-120px}.hero-screen{box-shadow:var(--showcase-shadow-hero);height:var(--showcase-phone-hero-height);width:var(--showcase-phone-hero-width);z-index:2;position:relative}.hero-screen .preview-image-scroll{height:100%}.hero-badge{background:var(--showcase-color-accent-soft);color:#385040;font-size:clamp(12px,1.05vw,15px);font-weight:var(--showcase-weight-display);letter-spacing:.02em;z-index:3;padding:12px 15px;animation:4s ease-in-out infinite showcase-float;position:absolute;box-shadow:0 12px 34px #0003}.badge-1{top:20%;left:3%}.badge-2{animation-delay:-1.2s;bottom:23%;left:5%}.badge-3{animation-delay:-2.3s;top:61%;right:3%}@keyframes showcase-float{50%{transform:translateY(-10px)rotate(1deg)}}}@scope(.project-showcase){.gallery-flow{background:var(--showcase-color-background);max-width:none;padding:0 var(--showcase-section-gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.user-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.page-intro{background:var(--showcase-color-dark);color:var(--showcase-color-white);padding:clamp(72px, 10vw, 140px) var(--showcase-section-gutter) clamp(64px, 8vw, 108px)}.page-intro>div{max-width:1240px;margin:0 auto}.page-intro h1{max-width:700px;margin-bottom:18px}.page-intro p{color:#abb9b0;max-width:340px;font-size:15px;line-height:1.65}.gallery-section{grid-template-rows:auto 1fr;align-items:start;gap:28px;width:100%;min-width:0;max-width:none;margin:0;padding:58px clamp(20px,2vw,32px) 62px;display:grid}.gallery-section:nth-child(4n+1),.gallery-section:nth-child(4n+4){background:var(--showcase-color-background)}.gallery-section:nth-child(4n+2),.gallery-section:nth-child(4n+3){background:var(--showcase-color-surface)}.section-heading{position:static}.section-heading h2{letter-spacing:-.055em;margin-bottom:12px;font-size:clamp(36px,4.4vw,62px);line-height:.98}.section-heading p{color:var(--showcase-color-muted);font-size:16px;line-height:1.55}.section-heading.inverse h2{color:var(--showcase-color-white)}.section-heading.inverse p{color:#a8b4ae}.carousel{min-width:0}.carousel-deck{--device-width:min(100%, 420px);--peek-width:378px;--peek-offset:49px;--active-scroll-height:var(--showcase-phone-preview-height);--peek-scroll-height:var(--showcase-phone-peek-height);touch-action:pan-y;min-width:0;padding:4px 0;position:relative;overflow:visible}.carousel-deck.frame-laptop{--device-width:min(100%, 620px);--peek-width:558px;--peek-offset:114px;--active-scroll-height:390px;--peek-scroll-height:351px}.carousel-deck.frame-laptop .preview-image-scroll{height:auto;max-height:349px;overflow-y:auto}.carousel-deck.frame-laptop .preview-scroll-rail{display:none}.carousel-deck.presentation-web{--device-width:min(100%, 640px)}.carousel-deck.presentation-web:not(.frame-laptop) .preview-image-scroll{height:auto;overflow:visible}.carousel-deck.presentation-web .preview-scroll-rail{display:none}.carousel-deck .preview-image-scroll{height:var(--active-scroll-height)}.carousel-featured{min-width:0;width:min(100%, var(--device-width));z-index:3;margin:0 auto;position:relative;overflow:visible}.carousel-stage{will-change:opacity, transform;animation-duration:.62s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.slide-next{animation-name:showcase-slide-next}.slide-previous{animation-name:showcase-slide-previous}@keyframes showcase-slide-next{0%{opacity:.2;transform:translate(38px)}to{opacity:1;transform:translate(0,0)}}@keyframes showcase-slide-previous{0%{opacity:.2;transform:translate(-38px)}to{opacity:1;transform:translate(0,0)}}.screenshot-card{min-width:0}.preview-image{text-align:left;background:0 0;width:100%;padding:0;display:block;position:relative;cursor:zoom-in!important}.hero-screen.preview-image{width:342px}.preview-image.frame-phone,.preview-image.frame-laptop{border:9px solid var(--showcase-color-frame);background:#0a0d0b;overflow:hidden}.preview-image.frame-phone{border-radius:var(--showcase-radius-phone)}.preview-image.frame-laptop{border-radius:var(--showcase-radius-laptop)}.preview-image-scroll{scrollbar-width:none;user-select:none;background:#e7ece7;height:486px;display:block;position:relative;overflow-y:auto}.preview-image-scroll::-webkit-scrollbar{width:0;height:0;display:none}.preview-image.frame-phone .preview-image-scroll{cursor:grab}.preview-image.frame-phone .preview-image-scroll:active{cursor:grabbing}.preview-image-placeholder{pointer-events:none;z-index:0;background:linear-gradient(110deg,#ffffff14 8%,#ffffff57 18%,#ffffff14 33%) 0 0/200% 100%;min-height:100%;transition:opacity .18s;position:absolute;inset:0}.preview-image-scroll:not(.is-loaded) .preview-image-placeholder{animation:1.2s linear infinite showcase-image-loading}.preview-image-scroll.is-loaded .preview-image-placeholder{opacity:0}.preview-image-scroll img{z-index:1;width:100%;display:block;position:relative}.preview-image.frame-raw .preview-image-scroll{background:0 0;height:auto;overflow:visible}@keyframes showcase-image-loading{to{background-position:-200% 0}}.preview-scroll-rail{border-radius:var(--showcase-radius-control) 0 0 var(--showcase-radius-control);opacity:.9;pointer-events:none;z-index:2;background:#e0e8e0a3;width:4px;transition:background .24s,width .24s;display:block;position:absolute;top:24px;bottom:24px;right:0}.preview-scroll-rail>span{border-radius:inherit;background:#60776a;width:100%;min-height:46px;transition:height .18s,top .18s;display:block;position:absolute}.preview-open-cue{color:var(--showcase-color-white);opacity:0;pointer-events:none;z-index:2;background:#0a120eeb;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .24s,transform .24s;display:flex;position:absolute;top:13px;right:13px;transform:translateY(4px)}.preview-open-cue svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:18px;height:18px}.preview-image:hover{box-shadow:var(--showcase-shadow-preview)}.preview-image:focus-visible{outline:3px solid var(--showcase-color-accent);outline-offset:5px}.preview-image:hover .preview-open-cue,.preview-image:focus-visible .preview-open-cue{opacity:1;transform:translateY(0)}.preview-image:hover .preview-scroll-rail,.preview-image:focus-visible .preview-scroll-rail{background:#edf4edeb;width:8px}.preview-image:hover .preview-scroll-rail>span,.preview-image:focus-visible .preview-scroll-rail>span{background:#294d3b}.screenshot-card.telegram .preview-image-scroll{background:#101010}.screen-copy{padding:16px 2px 0;overflow:hidden}.screen-copy-heading{justify-content:space-between;align-items:baseline;gap:10px;min-width:0;display:flex}.screen-copy strong{color:var(--showcase-color-ink);letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;line-height:1.25;overflow:hidden}.screen-counter{color:var(--showcase-color-muted);font-size:11px;font-weight:var(--showcase-weight-display);letter-spacing:.08em;white-space:nowrap;flex:none;line-height:1}.screen-subtitle{color:var(--showcase-color-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;line-height:1.4;display:block;overflow:hidden}.carousel-arrow{background:var(--showcase-color-surface-alt);border:1px solid var(--showcase-color-border);color:#183026;cursor:pointer;height:40px;top:calc(var(--active-scroll-height) / 2);transition:background var(--showcase-transition-fast), border-color var(--showcase-transition-fast), transform var(--showcase-transition-motion);z-index:7;border-radius:50%;justify-content:center;align-items:center;width:40px;display:flex;position:absolute;transform:translateY(-50%)}.carousel-arrow.previous{left:-48px}.carousel-arrow.next{right:-48px}.carousel-arrow:hover,.carousel-arrow:focus-visible{background:var(--showcase-color-accent);border-color:var(--showcase-color-accent-strong);transform:translateY(-50%)translateY(-2px)}.screen-peek{border:9px solid var(--showcase-color-frame);cursor:pointer;opacity:.42;max-width:none;left:50%;top:calc((var(--active-scroll-height) - var(--peek-scroll-height)) / 2 + 4px);transition:opacity .34s ease, transform var(--showcase-transition-motion);width:var(--peek-width);z-index:1;background:#0a0d0b;border-radius:30px;padding:0;display:block;position:absolute;overflow:hidden}.screen-peek.previous{transform:translateX(calc(-50% - var(--peek-offset)))}.screen-peek.next{transform:translateX(calc(-50% + var(--peek-offset)))}.screen-peek.previous:hover,.screen-peek.previous:focus-visible{opacity:.72;transform:translateX(calc(-50% - var(--peek-offset))) translateY(-3px)}.screen-peek.next:hover,.screen-peek.next:focus-visible{opacity:.72;transform:translateX(calc(-50% + var(--peek-offset))) translateY(-3px)}.peek-scroll{height:var(--peek-scroll-height);background:#dbe2db;display:block;overflow:hidden}.peek-scroll img{filter:grayscale();width:100%;display:block}.screen-peek.frame-laptop{border-radius:14px}}@scope(.project-showcase){.telegram-break{background:var(--showcase-color-dark-soft);margin:0;padding:72px max(22px,50vw - 465px)}.telegram-break .section-heading{text-align:center;max-width:500px;margin:0 auto 30px;position:static}.telegram-notifications{max-width:590px;margin:0 auto}.telegram-preview .preview-image-scroll{background:#111;height:680px}.bot-gallery{grid-column:1/-1;padding-bottom:76px}.telegram-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;display:grid}.telegram-grid-card{min-width:0}.telegram-grid-preview{display:block}.telegram-grid-card h3{letter-spacing:-.015em;margin:14px 0 6px;font-size:17px}.telegram-grid-card p{color:var(--showcase-color-muted);font-size:13px;line-height:1.55}.admin-gallery,.developer-gallery{padding-bottom:0}.technology-section,.integration-section{max-width:none;padding:78px var(--showcase-section-gutter);grid-template-columns:minmax(250px,.58fr) minmax(0,1.42fr);align-items:start;gap:clamp(38px,6vw,94px);margin:0;display:grid}.technology-section{background:var(--showcase-color-surface)}.integration-section{background:var(--showcase-color-background)}.technology-section .section-heading,.integration-section .section-heading{position:static}.tech-stack-table{overflow:visible}.tech-stack-table table{border-collapse:separate;border-spacing:0 8px;table-layout:fixed;width:100%;font-size:16px}.tech-stack-table th,.tech-stack-table td{text-align:left;vertical-align:middle;padding:20px 18px}.tech-stack-table thead th{color:var(--showcase-color-muted-dark);font-size:14px;font-weight:var(--showcase-weight-display);letter-spacing:.1em;text-transform:uppercase;padding-top:0}.tech-stack-table thead th:first-child{width:20%}.tech-stack-table thead th:nth-child(2){width:42%}.tech-stack-table tbody tr{box-shadow:inset 0 0 0 1px var(--showcase-color-border-soft);background:#f7f9f4}.tech-stack-table tbody tr:nth-child(2n){background:#edf2ec}.tech-stack-table tbody th{color:#1b2b23;font-size:16px;font-weight:var(--showcase-weight-display);border-radius:10px 0 0 10px}.tech-stack-table tbody td:last-child{border-radius:0 10px 10px 0}.tech-stack-table td{color:#64726a;overflow-wrap:anywhere;line-height:1.5}.tech-stack-table td:nth-child(2){color:#294033;font-size:15px;font-weight:var(--showcase-weight-strong)}.quality-strip{background:var(--showcase-color-dark-raised);color:var(--showcase-color-white);padding:23px var(--showcase-section-gutter);grid-template-columns:minmax(210px,.8fr) minmax(0,2.2fr);align-items:center;gap:28px;display:grid}.quality-copy span{color:var(--showcase-color-accent);font-size:13px;font-weight:var(--showcase-weight-display);letter-spacing:.04em;text-transform:uppercase;display:block}.quality-copy p{color:#d3ddd5;margin:5px 0 0;font-size:12px;line-height:1.45}.quality-strip ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.quality-strip li{border-left:1px solid #d9ed8147;min-width:0;padding-left:15px}.quality-strip li strong{color:var(--showcase-color-accent);letter-spacing:-.06em;font-size:clamp(20px,2vw,28px);line-height:1;display:block}.quality-strip li span{color:#d3ddd5;font-size:11px;font-weight:var(--showcase-weight-strong);margin-top:5px;line-height:1.35;display:block}.more-section{background:var(--showcase-color-accent);padding:34px var(--showcase-section-gutter);justify-content:space-between;align-items:center;gap:28px;display:flex}.more-section>div{flex-wrap:wrap;align-items:baseline;gap:12px 20px;display:flex}.more-section h2{letter-spacing:-.05em;font-size:clamp(28px,3vw,44px);line-height:1}.more-section p{color:#4d603d;font-size:15px;line-height:1.5}.more-link{background:var(--showcase-color-dark-raised);color:var(--showcase-color-white);font-size:13px;font-weight:var(--showcase-weight-display);transition:background var(--showcase-transition-fast), transform var(--showcase-transition-fast);white-space:nowrap;padding:13px 16px;text-decoration:none}.more-link:hover,.more-link:focus-visible{background:#2e4b39;transform:translateY(-2px)}.scroll-reveal{opacity:0;transition:opacity .65s,transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(42px)scale(.985)}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)scale(1)}.scroll-reveal .section-heading,.scroll-reveal .carousel,.scroll-reveal .telegram-notifications,.scroll-reveal .tech-stack-table,.scroll-reveal .more-link{opacity:0;transition:opacity .6s,transform .7s cubic-bezier(.16,1,.3,1)}.scroll-reveal .section-heading{transform:translate(-32px)}.scroll-reveal .carousel,.scroll-reveal .telegram-notifications,.scroll-reveal .tech-stack-table,.scroll-reveal .more-link{transform:translate(32px)scale(.97)}.scroll-reveal.is-visible .section-heading,.scroll-reveal.is-visible .carousel,.scroll-reveal.is-visible .telegram-notifications,.scroll-reveal.is-visible .tech-stack-table,.scroll-reveal.is-visible .more-link{opacity:1;transform:translate(0)scale(1)}.scroll-reveal .telegram-grid-card{opacity:0;transition:opacity .45s,transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(28px)scale(.96)}.scroll-reveal.is-visible .telegram-grid-card{opacity:1;transform:translateY(0)scale(1)}.scroll-reveal.is-visible .telegram-grid-card:nth-child(2){transition-delay:70ms}.scroll-reveal.is-visible .telegram-grid-card:nth-child(3){transition-delay:.14s}.scroll-reveal.is-visible .telegram-grid-card:nth-child(4){transition-delay:.21s}.scroll-reveal.is-visible .telegram-grid-card:nth-child(5){transition-delay:.28s}.scroll-reveal.is-visible .telegram-grid-card:nth-child(6){transition-delay:.35s}.showcase-footer{background:var(--showcase-color-dark);color:#bdc9c0;font-size:10px;font-weight:var(--showcase-weight-strong);letter-spacing:.04em;padding:19px var(--showcase-section-gutter);justify-content:space-between;display:flex}.showcase-footer-actions{align-items:center;gap:14px;display:flex}.showcase-cookie-settings{color:inherit;cursor:pointer;font:inherit;opacity:.72;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline #bdc9c059}.showcase-cookie-settings:hover{color:var(--showcase-color-white);opacity:1;text-decoration-color:currentColor}.dialog-backdrop{z-index:100;background:#060a08eb;padding:0;position:fixed;inset:0}.screenshot-dialog{background:var(--showcase-color-dialog);grid-template-rows:auto minmax(0,1fr);width:100vw;max-width:none;height:100dvh;max-height:none;display:grid}.screenshot-dialog header{background:var(--showcase-color-dialog-header);color:#f5f8ef;justify-content:space-between;align-items:center;min-height:88px;padding:17px clamp(22px,5vw,72px);display:flex}.screenshot-dialog header .eyebrow{color:#d8e9a1;font-size:11px;font-weight:var(--showcase-weight-display);letter-spacing:.1em;margin-bottom:5px}.screenshot-dialog header strong{letter-spacing:-.025em;font-size:clamp(22px,2vw,30px);line-height:1.1;display:block}.screenshot-dialog header button{background:var(--showcase-color-accent);color:var(--showcase-color-dark-raised);cursor:pointer;height:52px;transition:background var(--showcase-transition-fast), transform var(--showcase-transition-fast);border:0;border-radius:50%;justify-content:center;align-items:center;width:52px;line-height:1;display:flex}.screenshot-dialog header button:hover,.screenshot-dialog header button:focus-visible{background:var(--showcase-color-white);transform:rotate(90deg)}.dialog-image-scroll{cursor:grab;overscroll-behavior:contain;scrollbar-color:#daed81ad #17231d;scrollbar-width:thin;user-select:none;background:#111b16;align-items:flex-start;min-height:0;padding:clamp(18px,3vw,42px);display:flex;overflow:auto}.dialog-image-scroll:active{cursor:grabbing}.dialog-image-scroll::-webkit-scrollbar{width:12px;height:12px}.dialog-image-scroll::-webkit-scrollbar-track{background:#17231d}.dialog-image-scroll::-webkit-scrollbar-thumb{background:#daed81ad;border:3px solid #17231d;border-radius:99px}.dialog-image-scroll img{width:auto;max-width:100%;margin:0 auto;display:block}}@media (width<=850px){@scope(.project-showcase){.showcase-hero{grid-template-columns:1fr;padding-top:58px}.hero-copy{max-width:470px}.hero-visual{min-height:475px}.gallery-flow{padding:0;display:block}.gallery-section{padding:60px 32px}.gallery-section:nth-child(odd){background:var(--showcase-color-background)}.gallery-section:nth-child(2n){background:var(--showcase-color-surface)}.technology-section,.integration-section{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px}.quality-strip{grid-template-columns:1fr}.section-heading{position:static}.carousel-stage{margin-left:0}}}@media (width<=620px){@scope(.project-showcase){.site-nav{gap:8px;height:66px;min-height:0;padding:0 17px}.project-identity{flex:auto;width:auto}.portfolio-link{font-size:13px}.brand{font-size:18px}.nav-links{display:none}.mobile-page-menu{flex:none;display:block}.nav-links button{letter-spacing:-.45px;padding:11px 1px 3px;font-size:13px}.showcase-hero{gap:20px;min-height:auto;padding:54px 22px 48px}.page-intro{padding:68px 22px 58px}h1{font-size:clamp(47px,14vw,66px)}.hero-copy p{font-size:13px}.hero-visual{min-height:430px}.showcase-hero.frame-phone .hero-screen{height:var(--showcase-phone-mobile-hero-height);width:min(var(--showcase-phone-mobile-hero-width), 100vw - 44px)}.showcase-hero.frame-laptop .hero-screen{width:100%;height:330px}.hero-badge{padding:11px 13px;font-size:12px}.badge-1{top:13%;left:0}.badge-2{bottom:12%;left:0}.badge-3{top:62%;right:0}.orbit-one{width:420px;height:420px;top:-50px;right:-55px}.orbit-two,.screen-peek{display:none}.gallery-flow{width:100%;max-width:none;padding-left:0;padding-right:0}.gallery-section,.technology-section,.integration-section{padding:52px 22px}.section-heading h2{font-size:42px}.section-heading p{font-size:14px}.carousel-deck{--device-width:min(300px, calc(100% - 36px));--active-scroll-height:var(--showcase-phone-mobile-preview-height);width:100%;margin:0;overflow:visible}.carousel-deck.frame-laptop{--device-width:100%;--peek-width:90%;--peek-offset:52px;--active-scroll-height:260px;--peek-scroll-height:261px;width:100%;margin-left:0;margin-right:0}.carousel-deck.frame-laptop .preview-image-scroll{max-height:calc(56.25vw - 24.75px)}.quality-strip{gap:20px;padding:25px 22px}.quality-strip ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 12px}.carousel-arrow{width:36px;height:36px}.carousel-arrow.previous{left:-38px}.carousel-arrow.next{right:-38px}.telegram-break{padding:78px 22px}.telegram-preview .preview-image-scroll{height:570px}.telegram-grid{grid-template-columns:1fr;gap:30px}.telegram-grid-card h3{margin-top:13px;font-size:18px}.telegram-grid-card p{font-size:14px}.tech-stack-table table,.tech-stack-table tbody,.tech-stack-table tr{width:100%;display:block}.tech-stack-table table{border-spacing:0}.tech-stack-table thead{display:none}.tech-stack-table tbody tr{border-radius:10px;gap:10px;margin-bottom:12px;padding:16px;display:grid}.tech-stack-table th,.tech-stack-table td{padding:0;display:block}.tech-stack-table tbody th{border-radius:0;font-size:16px}.tech-stack-table tbody td{grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:8px;font-size:14px;display:grid}.tech-stack-table tbody td:before{color:#748078;content:attr(data-label);font-size:10px;font-weight:var(--showcase-weight-display);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.tech-stack-table td:nth-child(2){font-size:14px}.more-section{flex-direction:column;align-items:flex-start;gap:18px;padding:28px 22px}.more-section>div{flex-direction:column;align-items:flex-start;gap:6px}.more-section p{font-size:15px}.showcase-footer{flex-direction:column;gap:7px;padding:17px 22px}.showcase-footer-actions{flex-direction:column;align-items:flex-start;gap:7px}}}@media (width<=350px){@scope(.project-showcase){.brand{font-size:16px}.project-identity{gap:9px}.portfolio-link span,.project-divider{display:none}.nav-links{gap:6px}.nav-links button{font-size:10.5px}}}@media (prefers-reduced-motion:reduce){@scope(.project-showcase){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}}.project-loading{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:24px;display:grid}.project-loading h1,.project-loading p{margin:0}.project-loading p{color:var(--muted-foreground)}