@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/build/i7teh/assets/bricolage-grotesque-latin-ext-IcJDqblK.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 800;font-display:swap;src:url(/build/i7teh/assets/bricolage-grotesque-latin-Cre6nC2_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/build/i7teh/assets/instrument-sans-latin-ext-B5bTHO_g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/build/i7teh/assets/instrument-sans-latin-BbzFLZTg.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/build/i7teh/assets/jetbrains-mono-latin-ext-DIC32ArD.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/build/i7teh/assets/jetbrains-mono-latin-6fWv1k7M.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0b0f0d;--ink-2:#111814;--ink-3:#18211c;--paper:#f1efe9;--paper-2:#e6e3db;--fg:#e8ede9;--fg-muted:#98a59e;--fg-ink:#101612;--fg-ink-muted:#4c5751;--jade:#63b98c;--jade-bright:#86e3b0;--jade-deep:#1b6644;--sage:#8fb98e;--live:#ff5a3c;--line:#e8ede91f;--line-strong:#e8ede938;--line-ink:#1016121f;--line-ink-strong:#10161233;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--gutter:clamp(16px, 4vw, 56px);--max:1320px;--header:72px;--radius:14px;--radius-lg:22px;--ease:cubic-bezier(.2, .7, .1, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px)}body{background:var(--ink);min-height:100vh;color:var(--fg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:1.0625rem;line-height:1.6;overflow-x:clip}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}h1,h2,h3,h4,p,dl,dd,figure{margin:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-weight:700;line-height:1.05}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--jade-bright);outline-offset:3px;border-radius:4px}::selection{background:var(--jade-bright);color:var(--ink)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--jade-bright);color:var(--ink);transition:transform .2s var(--ease);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.container{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);align-items:center;gap:10px;font-size:.75rem;font-weight:500;display:inline-flex}.label:before{content:"";border:2px solid var(--jade);border-radius:50%;flex:none;width:9px;height:9px}.label-live:before{display:none}.label-num{color:var(--jade-bright)}.section-title{letter-spacing:-.035em;font-size:clamp(2.1rem,1.25rem + 3.1vw,4rem);font-weight:700;line-height:1}.lead{color:var(--fg-muted);max-width:36em;font-size:clamp(1.0625rem,.98rem + .35vw,1.25rem);line-height:1.55}.accent{color:var(--jade-bright);background:linear-gradient(100deg, var(--sage) 0%, var(--jade-bright) 70%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.btn{min-height:48px;font-family:var(--font-body);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:1rem;font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.btn svg{width:18px;height:18px;transition:transform .25s var(--ease);flex:none}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--jade-bright);color:var(--ink)}.btn-primary:hover{background:#a8f0c8}.btn-ghost{border-color:var(--line-strong);color:var(--fg)}.btn-ghost:hover{border-color:var(--fg)}.btn-sm{min-height:40px;padding:8px 16px;font-size:.9375rem}.site-header{z-index:50;height:var(--header);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}.site-header:before{content:"";z-index:-1;-webkit-backdrop-filter:saturate(140%)blur(14px);backdrop-filter:saturate(140%)blur(14px);background:#0b0f0dcc;position:absolute;inset:0}.site-header.is-scrolled{border-bottom-color:var(--line)}.site-header .container{align-items:center;gap:16px;height:100%;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;font-size:1.375rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{width:34px;height:34px}.nav{align-items:center;gap:4px;display:flex}.nav-list{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--fg-muted);border-radius:999px;padding:8px 14px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:inline-block}.nav-link:hover,.nav-link[aria-current=page]{color:var(--fg);background:#e8ede912}.lang-switch{border:1px solid var(--line);font-family:var(--font-mono);letter-spacing:.06em;border-radius:999px;align-items:center;gap:2px;margin:0 8px 0 12px;padding:3px;font-size:.75rem;font-weight:600;display:flex}.lang-switch a{color:var(--fg-muted);border-radius:999px;padding:5px 9px;text-decoration:none}.lang-switch a:hover{color:var(--fg)}.lang-switch a[aria-current=true]{background:var(--fg);color:var(--ink)}.menu-button{border:1px solid var(--line-strong);min-height:44px;color:var(--fg);font:600 .9375rem/1 var(--font-body);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;display:none}.menu-icon{border-block:2px solid;width:16px;height:10px;transition:border-color .2s;position:relative}.menu-icon:before,.menu-icon:after{content:"";opacity:0;width:100%;height:2px;transition:transform .25s var(--ease), opacity .2s;background:currentColor;position:absolute;top:2px;left:0}.menu-button[aria-expanded=true] .menu-icon{border-color:#0000}.menu-button[aria-expanded=true] .menu-icon:before{opacity:1;transform:rotate(45deg)}.menu-button[aria-expanded=true] .menu-icon:after{opacity:1;transform:rotate(-45deg)}@media (width<=960px){.js .menu-button{display:inline-flex}.js .nav{inset:var(--header) 0 0 0;z-index:49;padding:24px var(--gutter) 40px;background:var(--ink);border-top:1px solid var(--line);visibility:hidden;opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease), visibility 0s .25s;flex-direction:column;align-items:stretch;gap:28px;position:fixed;overflow-y:auto;transform:translateY(-8px)}.js .nav.is-open{visibility:visible;opacity:1;transition:opacity .25s var(--ease), transform .25s var(--ease);transform:none}.js .nav-list{flex-direction:column;align-items:stretch;gap:0}.js .nav-link{border-bottom:1px solid var(--line);color:var(--fg);font-family:var(--font-display);letter-spacing:-.02em;border-radius:0;padding:14px 0;font-size:2rem;font-weight:600;display:block}.js .nav-link:hover,.js .nav-link[aria-current=page]{color:var(--jade-bright);background:0 0}.js .lang-switch{align-self:flex-start;margin:0;font-size:.875rem}.js .lang-switch a{padding:8px 14px}.js .nav .btn{align-self:stretch}.menu-open{overflow:hidden}html:not(.js) .site-header{height:auto;position:static}html:not(.js) .site-header .container{flex-wrap:wrap;padding-block:14px}html:not(.js) .nav{flex-wrap:wrap}}.hero{isolation:isolate;padding-block:clamp(36px,5vw,72px) clamp(56px,6vw,96px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background-image:linear-gradient(90deg,#e8ede90d 1px,#0000 1px),linear-gradient(#e8ede90d 1px,#0000 1px);background-position:top;background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75% at 65% 35%,#000 25%,#0000 75%);mask-image:radial-gradient(75% 75% at 65% 35%,#000 25%,#0000 75%)}.hero:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#63b98c3d 0%,#63b98c00 62%);width:1000px;height:1000px;position:absolute;top:-260px;right:-320px}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.hero-copy .label{margin-bottom:28px}.hero-title{letter-spacing:-.035em;margin-bottom:28px;font-size:clamp(2.5rem,1.1rem + 3.7vw,4.5rem);font-weight:700;line-height:.98}.hero-copy .lead{margin-bottom:36px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.live-dot{background:var(--live);border-radius:50%;flex:none;width:8px;height:8px;position:relative}.live-dot:after{content:"";background:var(--live);border-radius:50%;animation:1.8s ease-out infinite live-pulse;position:absolute;inset:0}@keyframes live-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3.2)}}.collage{aspect-ratio:1/.94;position:relative}.collage>.browser,.collage>.tablet,.collage>.phone,.collage>.device-chip{position:absolute}.collage-browser{width:88%;top:2%;right:0}.collage-tablet{width:30%;top:46%;left:0}.collage-phone{width:18%;bottom:0;right:2%}.collage-chip{bottom:8%;left:34%}.browser{border:1px solid var(--line-strong);background:#1b2420;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 40px 80px -24px #000000a6,0 18px 36px -18px #00000080}.browser-bar{background:#202a25;border-bottom:1px solid #00000059;align-items:center;gap:6px;height:34px;padding:0 12px;display:flex}.browser-bar i{background:#e8ede933;border-radius:50%;flex:none;width:10px;height:10px}.browser-url{min-width:0;color:var(--fg-muted);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;background:#0000004d;border-radius:6px;flex:0 auto;margin-inline:auto;padding:3px 14px;font-size:.6875rem;overflow:hidden}.browser img{aspect-ratio:16/10;object-fit:cover;object-position:top center;background:var(--ink-3);width:100%}.window img{aspect-ratio:auto;object-fit:fill}.phone,.tablet{background:#050706;border:1px solid #e8ede92e;position:relative;box-shadow:0 40px 70px -20px #000000bf;container-type:inline-size}.phone{border-radius:15%/7%}.tablet{border-radius:7%/5.5%}.phone-screen,.tablet-screen{background:var(--bottom,#fff);overflow:hidden;container-type:inline-size}.phone-screen{border-radius:11.5cqw;margin:3.4cqw}.tablet-screen{border-radius:4cqw;margin:3cqw}.phone-status,.tablet-status{background:var(--status,#fff);color:var(--status-fg,#0b0f0d);font-family:var(--font-body);align-items:center;font-weight:600;line-height:1;display:grid}.phone-status{grid-template-columns:minmax(0,1fr) 32cqw minmax(0,1fr);height:13.85cqw;padding-top:.6cqw;font-size:4.4cqw}.phone-island{background:#000;border-radius:999px;height:9.5cqw}.phone-time,.status-icons{justify-self:center}.status-icons{width:17cqw;height:auto}.tablet-status{grid-template-columns:auto auto;justify-content:space-between;height:3.125cqw;padding-inline:3.4cqw;font-size:1.9cqw}.tablet-status .status-icons{width:8cqw}.phone-screen img,.tablet-screen img{object-fit:cover;object-position:top center;background:var(--ink-3);width:100%;display:block}.phone-screen img{aspect-ratio:780/1512}.tablet-screen img{aspect-ratio:1000/1276}.phone-home,.tablet-home{background:var(--bottom,#fff);position:relative}.phone-home{height:8.7cqw}.tablet-home{height:2.6cqw}.phone-home:after,.tablet-home:after{content:"";background:var(--bottom-fg,#0b0f0d);opacity:.85;border-radius:999px;position:absolute;left:50%;transform:translate(-50%)}.phone-home:after{width:34cqw;height:1.3cqw;bottom:2.3cqw}.tablet-home:after{width:26cqw;height:.65cqw;bottom:.8cqw}.phone[data-shot=drinaland]{--status:#000;--status-fg:#fff;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=dzsv]{--status:#d56b30;--status-fg:#fff;--bottom:#fff;--bottom-fg:#0b0f0d}.phone[data-shot=dzsv-clubs]{--status:#d56b30;--status-fg:#fff;--bottom:#fefeff;--bottom-fg:#0b0f0d}.phone[data-shot=hssld]{--status:#fff;--status-fg:#0b0f0d;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=hssld-about]{--status:#fff;--status-fg:#0b0f0d;--bottom:#fff;--bottom-fg:#0b0f0d}.phone[data-shot=jsb]{--status:#c0312b;--status-fg:#fff;--bottom:#d4d9e6;--bottom-fg:#0b0f0d}.phone[data-shot=jsb-calendar],.phone[data-shot=jsb-clubs]{--status:#c0312b;--status-fg:#fff;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=jss-videos]{--status:#1e1e65;--status-fg:#fff;--bottom:#fdfefd;--bottom-fg:#0b0f0d}.phone[data-shot=judomne],.phone[data-shot=judomne-calendar]{--status:#d3ae3b;--status-fg:#0b0f0d;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=judors]{--status:#1f1e64;--status-fg:#fff;--bottom:#c61929;--bottom-fg:#fff}.phone[data-shot=judors-medals]{--status:#1f1e64;--status-fg:#fff;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=judovinca]{--status:#fff;--status-fg:#0b0f0d;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=judovinca-ranking]{--status:#fff;--status-fg:#0b0f0d;--bottom:#fff;--bottom-fg:#0b0f0d}.phone[data-shot=judovision]{--status:#0c0d13;--status-fg:#fff;--bottom:#181718;--bottom-fg:#fff}.phone[data-shot=judovision-var]{--status:#0b0c13;--status-fg:#fff;--bottom:#0b0c12;--bottom-fg:#fff}.phone[data-shot=live]{--status:#fff;--status-fg:#0b0f0d;--bottom:#231e4f;--bottom-fg:#fff}.phone[data-shot=majdov]{--status:#353b43;--status-fg:#fff;--bottom:#040a12;--bottom-fg:#fff}.phone[data-shot=majdov-results]{--status:#030911;--status-fg:#fff;--bottom:#fdfdfd;--bottom-fg:#0b0f0d}.phone[data-shot=masterbuild]{--status:#fff;--status-fg:#0b0f0d;--bottom:#5a524c;--bottom-fg:#fff}.phone[data-shot=masterbuild-projects]{--status:#fff;--status-fg:#0b0f0d;--bottom:#fff;--bottom-fg:#0b0f0d}.phone[data-shot=ojk]{--status:#1b1b37;--status-fg:#fff;--bottom:#2b2735;--bottom-fg:#fff}.phone[data-shot=redstar]{--status:#be1219;--status-fg:#fff;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=redstar-app]{--status:#be1219;--status-fg:#fff;--bottom:#ba131b;--bottom-fg:#fff}.phone[data-shot=treniram]{--status:#281483;--status-fg:#fff;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=treniram-features]{--status:#fff;--status-fg:#0b0f0d;--bottom:#f8f8f8;--bottom-fg:#0b0f0d}.phone[data-shot=zandarmerija]{--status:#fff;--status-fg:#0b0f0d;--bottom:#071037;--bottom-fg:#fff}.phone[data-shot=zandarmerija-calendar]{--status:#f5f6f9;--status-fg:#0b0f0d;--bottom:#fefefe;--bottom-fg:#0b0f0d}.phone[data-shot=zandarmerija-ranking]{--status:#fff;--status-fg:#0b0f0d;--bottom:#102a83;--bottom-fg:#fff}.tablet[data-shot=drinaland]{--status:#000;--status-fg:#fff;--bottom:#fff;--bottom-fg:#0b0f0d}.tablet[data-shot=hssld]{--status:#fff;--status-fg:#0b0f0d;--bottom:#107e67;--bottom-fg:#fff}.tablet[data-shot=judomne]{--status:#d3ae3b;--status-fg:#0b0f0d;--bottom:#fcfcfc;--bottom-fg:#0b0f0d}.tablet[data-shot=judors]{--status:#1f1e64;--status-fg:#fff;--bottom:#393874;--bottom-fg:#fff}.tablet[data-shot=majdov]{--status:#353b43;--status-fg:#fff;--bottom:#030911;--bottom-fg:#fff}.tablet[data-shot=masterbuild]{--status:#fff;--status-fg:#0b0f0d;--bottom:#fafafa;--bottom-fg:#0b0f0d}.tablet[data-shot=redstar]{--status:#be1219;--status-fg:#fff;--bottom:#fefefe;--bottom-fg:#0b0f0d}.shot-store{border-radius:18px;width:100%;box-shadow:0 30px 50px -24px #000000b3}.shot-photo{border-radius:var(--radius-lg);width:100%}.shot-program{width:100%;max-width:740px}.device-chip{z-index:3;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg);white-space:nowrap;background:#111814e0;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:.75rem;display:inline-flex;position:absolute;box-shadow:0 16px 30px -12px #0009}.device-chip strong{color:var(--live);letter-spacing:.12em;font-weight:700}.device-chip-jade strong{color:var(--jade-bright);letter-spacing:.04em}.scoreboard{border-block:1px solid var(--line);background:var(--ink-2)}.scoreboard-list{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.score{border-left:1px solid var(--line);flex-direction:column-reverse;justify-content:flex-end;padding:clamp(22px,3vw,36px) clamp(16px,2vw,28px);display:flex}.score:first-child{border-left:0;padding-left:0}.score dd{font-family:var(--font-mono);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--jade-bright);white-space:nowrap;font-size:clamp(2rem,1.3rem + 2.1vw,3.375rem);font-weight:700;line-height:1}.score dt{color:var(--fg-muted);margin-top:12px;font-size:.9375rem;line-height:1.35}.marquee-wrap{position:relative}.marquee-toggle{top:50%;right:var(--gutter);z-index:2;border:1px solid var(--line-strong);background:var(--ink);width:36px;height:36px;color:var(--fg-muted);cursor:pointer;border-radius:50%;margin-top:-18px;padding:0;display:none;position:absolute}.js .marquee-toggle{display:block}.marquee-toggle:before{content:"";box-sizing:content-box;border-inline:3px solid;width:2px;height:10px;position:absolute;top:12px;left:13px}.marquee-toggle[aria-pressed=true]:before{border:6px solid #0000;border-inline:0;border-left:10px solid;width:0;height:0;top:11px;left:14px}.marquee-toggle:hover{color:var(--fg);border-color:var(--fg)}.marquee.is-paused .marquee-track{animation-play-state:paused}.marquee{border-bottom:1px solid var(--line);padding-block:22px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 84%,#0000 96%);mask-image:linear-gradient(90deg,#0000,#000 6% 84%,#0000 96%)}.marquee-track{flex:none;margin:0;padding:0;list-style:none;animation:70s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track li{font-family:var(--font-display);letter-spacing:-.01em;color:var(--fg-muted);white-space:nowrap;align-items:center;gap:28px;padding-right:28px;font-size:clamp(1.125rem,.9rem + .8vw,1.625rem);font-weight:600;display:inline-flex}.marquee-track li:after{content:"";border:2px solid var(--jade);border-radius:50%;width:8px;height:8px}@keyframes marquee{to{transform:translate(-100%)}}.section{padding-block:clamp(72px,9vw,140px)}.section-head{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:24px 64px;margin-bottom:clamp(40px,5vw,72px);display:grid}.section-head .label{grid-column:1/-1}.subhead{letter-spacing:-.03em;margin:clamp(64px,8vw,112px) 0 28px;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);font-weight:700}.section-paper{background:var(--paper);color:var(--fg-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.section-paper .label{color:var(--fg-ink-muted)}.section-paper .label:before{border-color:var(--jade-deep)}.section-paper .label-num{color:var(--jade-deep)}.section-paper .lead{color:var(--fg-ink-muted)}.section-paper :focus-visible{outline-color:var(--jade-deep)}.section-paper .btn-ghost{border-color:var(--line-ink-strong);color:var(--fg-ink)}.section-paper .btn-ghost:hover{border-color:var(--fg-ink)}.section-paper .btn-primary{background:var(--fg-ink);color:var(--paper)}.section-paper .btn-primary:hover{background:var(--jade-deep)}.link-arrow{border-bottom:1px solid;align-items:center;gap:8px;padding-bottom:2px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow svg{width:16px;height:16px;transition:transform .25s var(--ease)}.link-arrow:hover svg{transform:translate(3px)}.check-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.check-list li{padding-left:28px;line-height:1.5;position:relative}.check-list li:before{content:"";border-left:2px solid var(--jade);border-bottom:2px solid var(--jade);width:12px;height:6px;position:absolute;top:.45em;left:2px;transform:rotate(-45deg)}.section-paper .check-list li:before{border-color:var(--jade-deep)}.check-list.is-large{gap:18px;font-size:1.125rem}.mini-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-ink-muted);margin-bottom:18px;font-size:.75rem;font-weight:600}.product{background:radial-gradient(60% 50% at 100% 0%, #63b98c1f 0%, transparent 70%), var(--ink);position:relative;overflow:hidden}.product-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.product-title{letter-spacing:-.038em;margin:24px 0;font-size:clamp(2.5rem,1.2rem + 4.2vw,5.25rem);font-weight:700;line-height:.95}.product-copy .lead{margin-bottom:32px}.product-actions{flex-wrap:wrap;gap:12px;display:flex}.product-visual{padding:0 72px 72px 0;position:relative}.product-visual .phone{width:26%;position:absolute;bottom:0;right:0}.product-visual .device-chip{bottom:24px;left:24px}.screens-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);margin:clamp(56px,7vw,96px) 0 0;padding:0;list-style:none;display:grid}figcaption{font-family:var(--font-mono);letter-spacing:.06em;color:var(--fg-muted);margin-top:14px;font-size:.75rem}.section-paper figcaption{color:var(--fg-ink-muted)}.modules{border-top:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));margin:clamp(56px,7vw,96px) 0 0;padding:0;list-style:none;display:grid}.section-head+.modules{margin-top:0}.module{border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:26px 24px 30px}.module:nth-child(4n+1){border-left:0;padding-left:0}.module-num{font-family:var(--font-mono);letter-spacing:.1em;color:var(--jade-bright);margin-bottom:18px;font-size:.75rem;display:block}.module h3,.module h4{letter-spacing:-.015em;margin-bottom:8px;font-size:1.25rem;font-weight:650}.module p{color:var(--fg-muted);font-size:.9375rem;line-height:1.5}[data-project=awesome-judo-software]{--tone:#63b98c}[data-project=judo-federation-of-serbia],[data-project=live-results]{--tone:#3b37a8}[data-project=judo-federation-of-montenegro]{--tone:#d4202c}[data-project=judovision]{--tone:#f2c200}[data-project=belgrade-judo-federation]{--tone:#1f3c88}[data-project=vojvodina-judo-federation]{--tone:#e2731b}[data-project=red-star-judo-club]{--tone:#d6001c}[data-project=odzk-beograd]{--tone:#3b2d8f}[data-project=judo-club-zandarmerija]{--tone:#7b3fe4}[data-project=judo-club-vinca]{--tone:#e2242a}[data-project=nemanja-majdov]{--tone:#c9a227}[data-project=surgical-section]{--tone:#2f8f6b}[data-project=treniram]{--tone:#6d3ad6}[data-project=masterbuild]{--tone:#c8873a}[data-project=drinaland]{--tone:#2aa6c9}.showcases{gap:clamp(72px,9vw,136px);display:grid}.showcase{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.showcase.is-flipped .showcase-copy{order:2}.work-type{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-ink-muted);font-size:.75rem}.showcase-name{letter-spacing:-.035em;margin:12px 0 16px;font-size:clamp(1.875rem,1.2rem + 2vw,3rem);font-weight:700}.showcase-name a,.work-name a{text-decoration:none}.showcase-name a:hover{color:var(--jade-deep)}.showcase-summary{color:var(--fg-ink-muted);margin-bottom:24px;font-size:1.0625rem}.showcase-copy .check-list{margin-bottom:28px}.showcase-links{flex-wrap:wrap;align-items:center;gap:14px 28px;display:flex}.showcase-media{aspect-ratio:1.32;border-radius:var(--radius-lg);background:radial-gradient(110% 90% at 90% 0%, color-mix(in srgb, var(--tone,var(--jade)) 32%, transparent) 0%, transparent 65%), var(--paper-2);isolation:isolate;position:relative;overflow:hidden}.showcase-media>.browser,.showcase-media>.phone{position:absolute}.showcase-main{z-index:1;width:72%;top:8%;left:6%}.showcase-second{z-index:2;width:56%;bottom:8%;right:-4%}.showcase-phone{z-index:3;width:15%;bottom:-14%;left:50%}.showcase-media .browser,.work-media .browser{border-color:#10161224;box-shadow:0 30px 60px -24px #10161273}.showcase-media .phone,.work-media .phone{border-color:#1016124d;box-shadow:0 30px 50px -18px #1016128c}.work-domain{font-family:var(--font-mono);color:var(--fg-ink-muted);align-items:center;gap:6px;font-size:.8125rem;text-decoration:none;display:inline-flex}.work-domain:hover{color:var(--fg-ink)}.work-domain svg{width:14px;height:14px}.rows{grid-template-columns:repeat(12,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.rows>[data-row="1"]{grid-column:span 12}.rows>[data-row="2"]{grid-column:span 6}.rows>[data-row="3"]{grid-column:span 4}.rows>[data-row="4"]{grid-column:span 3}.work-grid{gap:clamp(36px,4vw,56px) clamp(20px,2.4vw,32px)}.work-grid.is-mini{gap:32px 24px}.work-grid.is-index>[data-row="1"]{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:16px clamp(32px,5vw,72px);display:grid}.work-grid.is-index>[data-row="1"] .work-media{aspect-ratio:16/10}.work-grid.is-index>[data-row="1"] .work-name{font-size:clamp(1.625rem,1.2rem + 1.2vw,2.25rem)}.work-card{flex-direction:column;display:flex;position:relative}.work-media{aspect-ratio:4/3;border-radius:var(--radius-lg);background:radial-gradient(110% 90% at 90% 0%, color-mix(in srgb, var(--tone,var(--jade)) 30%, transparent) 0%, transparent 65%), var(--paper-2);isolation:isolate;display:block;position:relative;overflow:hidden}.work-card.is-mini .work-media{aspect-ratio:16/11;border-radius:var(--radius)}.work-media .browser{width:100%;transition:transform .7s var(--ease);position:absolute;top:12%;left:12%}.work-card.is-mini .work-media .browser{border-radius:8px;top:14%;left:10%}.work-card.is-mini .browser-bar{gap:4px;height:18px;padding:0 8px}.work-card.is-mini .browser-bar i{width:6px;height:6px}.work-card.is-mini .browser-url{display:none}.work-media .phone{width:25%;transition:transform .7s var(--ease);position:absolute;top:30%;left:4%}.work-card:hover .work-media .browser{transform:translateY(-8px)}.work-card:hover .work-media .phone{transform:translateY(-14px)}.work-meta{padding-top:18px}.work-name{letter-spacing:-.025em;margin-top:6px;font-size:clamp(1.25rem,1.05rem + .6vw,1.625rem);font-weight:700}.work-card.is-mini .work-name{letter-spacing:-.015em;font-size:1.125rem}.work-name a:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.work-name a:focus-visible{outline:none}.work-name a:focus-visible:after{outline:2px solid var(--jade-deep);outline-offset:6px}.work-card:hover .work-name a{color:var(--jade-deep)}.work-summary{color:var(--fg-ink-muted);margin-top:8px;font-size:1rem;line-height:1.5}.work-more{justify-content:center;margin-top:clamp(48px,6vw,80px);display:flex}.work-groups{padding-block:clamp(64px,8vw,112px)}.work-group+.work-group{margin-top:clamp(72px,9vw,128px)}.work-group{scroll-margin-top:calc(var(--header) + 24px)}.group-title{border-bottom:1px solid var(--line-ink-strong);letter-spacing:-.03em;align-items:baseline;gap:16px;margin-bottom:32px;padding-bottom:18px;font-size:clamp(1.625rem,1.15rem + 1.4vw,2.5rem);font-weight:700;display:flex}.group-title .label-num{font-family:var(--font-mono);letter-spacing:.06em;font-size:.875rem;font-weight:600}.apps{border-top:1px solid var(--line)}.app-block{border-top:1px solid var(--line);grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(32px,5vw,80px);padding-block:clamp(40px,5vw,64px);display:grid}.app-copy .work-type{color:var(--jade-bright)}.app-copy h3{letter-spacing:-.03em;margin:12px 0 14px;font-size:clamp(1.5rem,1.15rem + 1.1vw,2.25rem);font-weight:700}.app-copy h3 a{text-decoration:none}.app-copy h3 a:hover{color:var(--jade-bright)}.app-copy p{color:var(--fg-muted)}.store-links{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.store-row,.phone-row{gap:clamp(12px,2vw,24px);margin:0;padding:0;list-style:none;display:grid}.store-row{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-row{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:end;width:100%;max-width:640px}.phone-row figure{text-align:center}.services-list{border-top:1px solid var(--line-ink-strong);margin:0;padding:0;list-style:none}.service{border-bottom:1px solid var(--line-ink-strong);grid-template-columns:96px minmax(0,1fr) minmax(0,1.25fr);align-items:baseline;gap:16px 48px;padding-block:clamp(26px,3vw,40px);display:grid}.service-num{font-family:var(--font-mono);color:var(--jade-deep);font-size:.875rem;font-weight:600}.service h3{letter-spacing:-.03em;font-size:clamp(1.375rem,1rem + 1.2vw,2.125rem);font-weight:700}.service h3 a{text-decoration:none}.service h3 a:hover{color:var(--jade-deep)}.service p{color:var(--fg-ink-muted)}.tags{flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--line-ink-strong);font-family:var(--font-mono);color:var(--fg-ink-muted);border-radius:999px;padding:4px 10px;font-size:.75rem}.service-blocks{padding-block:clamp(32px,4vw,56px) clamp(64px,8vw,112px)}.service-block{border-top:1px solid var(--line-ink-strong);scroll-margin-top:calc(var(--header) + 16px);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px clamp(32px,5vw,80px);padding-block:clamp(48px,6vw,80px);display:grid}.service-block:first-child{border-top:0}.service-block-head{grid-column:1/-1;grid-template-columns:96px minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:16px 48px;display:grid}.service-block-head h2{letter-spacing:-.035em;font-size:clamp(1.75rem,1.2rem + 1.8vw,3rem);font-weight:700}.service-block-body{padding-left:144px}.related-work{gap:16px}.related-work a{font-size:.9375rem;font-weight:600;line-height:1.3;text-decoration:none;display:block}.related-work img{aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--line-ink);width:100%;transition:transform .4s var(--ease);border-radius:10px;margin-bottom:10px}.related-work a:hover img{transform:translateY(-4px)}.related-work a:hover span{color:var(--jade-deep)}.process-section{border-top:1px solid var(--line)}.process{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:0;padding:0;list-style:none;display:grid}.process-step{border-top:2px solid var(--jade);padding-top:22px}.process-num{font-family:var(--font-mono);color:var(--jade-bright);margin-bottom:18px;font-size:.875rem;font-weight:600;display:block}.process-step h3{letter-spacing:-.025em;margin-bottom:10px;font-size:1.5rem;font-weight:700}.process-step p{color:var(--fg-muted)}.page-head{isolation:isolate;padding-block:clamp(24px,3vw,40px) clamp(56px,7vw,96px);position:relative;overflow:hidden}.page-head:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#63b98c2e 0%,#63b98c00 62%);width:900px;height:900px;position:absolute;top:-420px;right:-360px}.page-head .label{margin:clamp(32px,4vw,56px) 0 24px}.page-title{letter-spacing:-.035em;max-width:15em;margin-bottom:24px;font-size:clamp(2.375rem,1.1rem + 4vw,4.75rem);font-weight:700;line-height:.98}.breadcrumb ol{font-family:var(--font-mono);color:var(--fg-muted);flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex}.breadcrumb li+li:before{content:"/";color:var(--line-strong);margin-right:6px}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--fg)}.chips{flex-wrap:wrap;gap:10px;margin-top:36px;display:flex}.chip{border:1px solid var(--line-strong);border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:border-color .2s,background-color .2s;display:inline-flex}.chip:hover{border-color:var(--fg);background:#e8ede90f}.chip span{font-family:var(--font-mono);color:var(--jade-bright);font-size:.75rem}.project-head-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:end;gap:32px clamp(32px,5vw,80px);display:grid}.facts{gap:0;margin-bottom:24px;display:grid}.facts>div{border-top:1px solid var(--line);padding-block:14px}.facts dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);margin-bottom:6px;font-size:.75rem}.facts dd{font-size:1rem}.facts .work-domain{color:var(--fg);font-size:.9375rem}.facts .work-domain:hover{color:var(--jade-bright)}.facts-list{flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;list-style:none;display:flex}.facts-list a{-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong)}.facts-list a:hover{color:var(--jade-bright)}.facts .store-links{margin-top:4px}.project-hero{margin-top:clamp(40px,5vw,72px);padding:0 14% 7% 0;position:relative}.project-hero-phone{width:15%;position:absolute;bottom:0;right:0}.project-hero.has-tablet{padding-right:22%}.project-hero-tablet{width:27%;position:absolute;bottom:0;right:0}.project-hero.has-tablet .project-hero-phone{z-index:2;width:13%;right:24%}.project-about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px clamp(32px,6vw,96px);display:grid}.project-intro{font-family:var(--font-display);letter-spacing:-.02em;margin-top:24px;font-size:clamp(1.375rem,1.1rem + .9vw,2rem);font-weight:500;line-height:1.3}.gallery .subhead{margin-top:clamp(48px,6vw,80px);font-size:clamp(1.25rem,1rem + .8vw,1.75rem)}.gallery .section-head+.subhead{margin-top:0}.gallery-grid{gap:clamp(24px,3vw,40px) clamp(16px,2.4vw,32px)}.gallery-grid.is-phone figure,.gallery-grid.is-store figure{max-width:240px;margin-inline:auto}.gallery-grid.is-tablet figure{max-width:340px;margin-inline:auto}.gallery-grid.is-program figure{max-width:740px}.next-project{border-top:1px solid var(--line)}.next-project .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:clamp(40px,5vw,64px);display:flex}.next-link{gap:10px;text-decoration:none;display:grid}.next-name{font-family:var(--font-display);letter-spacing:-.035em;align-items:center;gap:14px;font-size:clamp(1.75rem,1.2rem + 2vw,3.25rem);font-weight:700;line-height:1.05;display:inline-flex}.next-name svg{width:.7em;height:.7em;transition:transform .3s var(--ease);flex:none}.next-link:hover .next-name{color:var(--jade-bright)}.next-link:hover .next-name svg{transform:translate(6px)}.next-type{color:var(--fg-muted)}.page-actions{margin-top:32px}.story-grid,.brief-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:40px clamp(32px,6vw,96px);display:grid}.story-title{margin:20px 0 28px}.story-text{max-width:38em;color:var(--fg-ink-muted);font-size:1.125rem}.story-text+.story-text{margin-top:18px}.values{border-top:1px solid var(--line-ink-strong);gap:0;margin:0;padding:0;list-style:none;display:grid}.values li{border-bottom:1px solid var(--line-ink-strong);padding-block:20px}.values h4{letter-spacing:-.015em;margin-bottom:6px;font-size:1.25rem;font-weight:650}.values p{color:var(--fg-ink-muted)}.company{border-top:1px solid var(--line-ink)}.company-grid{border-top:1px solid var(--line-ink-strong);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;display:grid}.company-grid>div{border-bottom:1px solid var(--line-ink);padding-block:18px}.company-grid dt{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--fg-ink-muted);margin-bottom:6px;font-size:.75rem}.company-grid dd{overflow-wrap:anywhere;font-size:1.0625rem}.company-grid a{-webkit-text-decoration-color:var(--line-ink-strong);text-decoration-color:var(--line-ink-strong)}.company-grid a:hover{color:var(--jade-deep)}.contact-mail{margin-top:16px}.brief-action{margin-top:32px}.not-found-head{align-items:center;min-height:62vh;display:flex}.cta{border-top:1px solid var(--line);padding-block:clamp(80px,10vw,160px);position:relative;overflow:hidden}.cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#63b98c33 0%,#63b98c00 62%);width:1200px;height:1000px;position:absolute;bottom:-560px;left:50%;transform:translate(-50%)}.cta .container{position:relative}.cta-title{letter-spacing:-.035em;max-width:14em;margin:24px 0 40px;font-size:clamp(2.375rem,1.1rem + 4.2vw,5.25rem);font-weight:700;line-height:.98}.cta-mail{font-family:var(--font-display);letter-spacing:-.03em;transition:background-size .45s var(--ease), color .2s;overflow-wrap:anywhere;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;font-size:clamp(1.75rem,.9rem + 3.4vw,4rem);font-weight:600;line-height:1.15;text-decoration:none;display:inline-block}.cta-mail:hover{color:var(--jade-bright);background-size:100% 2px}.cta-details{color:var(--fg-muted);flex-wrap:wrap;gap:20px 56px;margin-top:48px;display:flex}.cta-details dt{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.cta-details dd{color:var(--fg);margin-top:6px;font-size:1.125rem}.cta-details a{text-decoration:none}.cta-details a:hover{color:var(--jade-bright)}.site-footer{border-top:1px solid var(--line);color:var(--fg-muted);padding-block:40px 32px;font-size:.9375rem}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px 40px;display:flex}.footer-grid .brand{color:var(--fg);margin-right:0}.footer-nav{flex-wrap:wrap;gap:6px 24px;margin:0;padding:0;list-style:none;display:flex}.footer-nav a{text-decoration:none}.footer-nav a:hover{color:var(--fg)}.footer-legal{border-top:1px solid var(--line);flex-wrap:wrap;flex-basis:100%;justify-content:space-between;gap:8px 24px;padding-top:20px;font-size:.8125rem;display:flex}.rise{animation:rise .9s var(--ease) both}.rise-2{animation-delay:80ms}.rise-3{animation-delay:.16s}.rise-4{animation-delay:.24s}.rise-5{animation-delay:.36s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.js .reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(28px)}.js .reveal.is-visible{opacity:1;transform:none}.js .reveal-2{transition-delay:80ms}.js .reveal-3{transition-delay:.16s}.js .reveal-4{transition-delay:.24s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{padding-inline:var(--gutter);flex-wrap:wrap;flex:1;row-gap:8px;animation:none}.marquee-track[aria-hidden=true],.js .marquee-toggle{display:none}}@media (width<=1180px){.scoreboard-list{grid-template-columns:repeat(6,minmax(0,1fr))}.score{grid-column:span 2}.score:nth-child(-n+2){grid-column:span 3}.score:nth-child(3){border-left:0;padding-left:0}.score:nth-child(n+3){border-top:1px solid var(--line)}.modules{grid-template-columns:repeat(2,minmax(0,1fr))}.module:nth-child(4n+1){border-left:1px solid var(--line);padding-left:24px}.module:nth-child(odd){border-left:0;padding-left:0}.process{grid-template-columns:repeat(2,minmax(0,1fr))}.service-block-body{padding-left:0}}@media (width<=960px){.story-grid,.brief-grid,.hero-grid,.product-grid,.showcase,.app-block,.project-head-grid,.project-about-grid,.service-block{grid-template-columns:minmax(0,1fr)}.collage,.product-visual{width:100%;max-width:640px}.showcase.is-flipped .showcase-copy{order:0}.section-head{grid-template-columns:minmax(0,1fr)}.phone-row{justify-self:start}.service{grid-template-columns:56px minmax(0,1fr)}.service>div{grid-column:2}.service-block-head{grid-template-columns:56px minmax(0,1fr)}.service-block-head .lead{grid-column:2}.rows>[data-row-t="1"]{grid-column:span 12}.rows>[data-row-t="2"]{grid-column:span 6}.rows>[data-row-t="3"]{grid-column:span 4}.rows>[data-row-t="4"]{grid-column:span 3}.work-grid.is-index>[data-row="1"]{display:flex}.work-grid.is-index>[data-row-t="1"]{display:grid}.company-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){body{font-size:1rem}.brand{font-size:1.25rem}.brand img{width:30px;height:30px}.hero-copy .label{margin-bottom:20px}.hero-actions .btn{flex:auto}.browser-bar{gap:5px;height:24px;padding:0 9px}.browser-bar i{width:7px;height:7px}.browser-url{padding:1px 8px;font-size:.5625rem}.collage-chip,.product-visual .device-chip{padding:7px 11px;font-size:.6875rem}.collage-chip{bottom:4%;left:32%}.scoreboard-list{grid-template-columns:repeat(2,minmax(0,1fr))}.score,.score:nth-child(-n+2){grid-column:auto}.score,.score:first-child,.score:nth-child(3),.score:nth-child(4){border-left:0;padding:22px 16px 22px 0}.score:nth-child(2n){border-left:1px solid var(--line);padding-left:16px}.score:nth-child(n+3){border-top:1px solid var(--line)}.score:last-child:nth-child(odd){grid-column:1/-1}.product-visual{padding:0 36px 44px 0}.product-visual .phone{width:28%}.product-visual .device-chip{bottom:8px;left:8px}.screens-strip,.modules{grid-template-columns:minmax(0,1fr)}.module,.module:nth-child(4n+1),.module:nth-child(odd){border-left:0;grid-template-columns:40px minmax(0,1fr);column-gap:8px;padding:18px 0 20px;display:grid}.module-num{grid-row:span 2;margin:4px 0 0}.module h3,.module h4{margin-bottom:4px;font-size:1.125rem}.showcase-media{aspect-ratio:1.15;border-radius:var(--radius)}.showcase-main{width:82%}.showcase-second{width:62%;bottom:6%}.showcase-phone{width:18%;left:44%}.work-grid.is-mini{gap:28px 16px}.work-grid.is-index{gap:40px 0}.rows.is-stack>*,.rows.is-stack>[data-row-t="1"]{grid-column:span 12}.work-grid.is-index>[data-row-t="1"]{align-items:stretch;display:flex}.work-media{border-radius:var(--radius)}.work-card.is-mini .work-name{font-size:1rem}.work-card.is-mini .work-type{letter-spacing:.06em;font-size:.6875rem}.work-media .browser .browser-bar{height:18px}.work-media .browser-url{display:none}.store-row{grid-template-columns:repeat(2,minmax(0,1fr))}.shot-store{border-radius:12px}.process{grid-template-columns:minmax(0,1fr)}.service{grid-template-columns:minmax(0,1fr);gap:12px}.service>div{grid-column:auto}.service-block-head{grid-template-columns:minmax(0,1fr)}.service-block-head .lead{grid-column:auto}.project-hero{padding:0 10% 10% 0}.project-hero.has-tablet{padding-right:18%}.project-hero-phone{width:20%}.project-hero.has-tablet .project-hero-phone{width:17%;right:20%}.cta-details{flex-direction:column}.company-grid{grid-template-columns:minmax(0,1fr)}.footer-legal{flex-direction:column}}