@font-face{font-family:Euclid;src:url("./Euclid Circular A/EuclidCircularA-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Euclid;src:url("./Euclid Circular A/EuclidCircularA-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
:root{--space-section:120px;--space-media:60px;--space-copy:30px;--space-inline:12px;color-scheme:dark;background:#0d0d0d;font-family:Euclid,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{margin:0;overflow-x:hidden;background:#0d0d0d;color:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;font:inherit;text-decoration:none}
img{display:block;max-width:100%}

.other-top-glow{position:absolute;z-index:0;top:-1291px;left:50%;width:1305px;height:1305px;border-radius:50%;background:#0254c6;filter:blur(250px);opacity:.82;transform:translateX(-50%);pointer-events:none;animation:glow-in 1.8s ease both,glow-breathe 3.8s ease-in-out 1.8s infinite alternate}
.case-page{position:relative;z-index:1;width:min(100%,1048px);margin:0 auto;padding:24px 24px 112px;overflow:visible}
.case-nav{position:fixed;z-index:50;top:14px;left:50%;isolation:isolate;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1000px,calc(100% - 48px));height:59px;padding:12px;overflow:hidden;border:1px solid transparent;border-radius:999px;background:rgba(14,14,14,0);box-shadow:0 8px 32px transparent,inset 0 1px transparent;-webkit-backdrop-filter:blur(0) saturate(100%);backdrop-filter:blur(0) saturate(100%);transform:translateX(-50%);transition:background-color .55s cubic-bezier(.22,1,.36,1),border-color .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),backdrop-filter .55s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .55s cubic-bezier(.22,1,.36,1)}
.case-nav.is-scrolled{border-color:rgba(255,255,255,.07);background:rgba(14,14,14,.66);box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%)}
.case-nav__pill{justify-self:start;display:flex;align-items:center;justify-content:center;height:35px;padding:0 12px;border-radius:999px;background:#fff;color:#1e1e1e;font-size:14px;line-height:1.2;transition:background-color .22s ease}
.case-nav__name{justify-self:center;padding:6px 12px;border-radius:12px;background:rgba(61,133,234,.08);box-shadow:0 4px 20.4px rgba(61,133,234,.06);color:#3d85ea;font-size:16px;line-height:1.2;transition:background-color .2s ease,box-shadow .2s ease}
.telegram-button{justify-self:end;display:flex;align-items:center;gap:6px;height:35px;padding:4px 11px 4px 3px;border-radius:999px;background:#138ac5;color:#fff;font-size:16px;line-height:1;transition:filter .2s ease}
.telegram-button i{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;background:#fff}
.telegram-button img{width:16px;height:16px}

.case-hero{width:min(1003px,100%);margin:203px auto 0;text-align:center}
h1{margin:0;font-size:24px;font-weight:400;line-height:1.2}
.other-projects{display:grid;gap:var(--space-section);width:min(728px,100%);margin:var(--space-section) auto 0}
.other-project{display:grid;gap:var(--space-media);width:100%}
.other-project__copy{display:grid;gap:var(--space-copy);text-align:center}
.other-project__tags{display:flex;align-items:center;justify-content:center;gap:var(--space-inline);min-height:27px;color:#7e7e7e;font-size:16px;line-height:1.2}
.other-project__tags b{padding:4px 12px;border:1px solid #202020;border-radius:999px;background:#090909;color:#fff;font-weight:400;white-space:nowrap}
.other-project p{margin:0;color:#fff;font-size:16px;line-height:1.5}
.other-project>img{width:728px;height:auto}
.next-case-wrap{position:relative;width:728px;max-width:100%;margin:var(--space-section) auto 0;padding:31px 0}
.next-case-wrap::before{position:absolute;top:0;right:0;left:0;height:1px;background:#3a3a3a;content:"";transform:scaleX(0);transform-origin:left center}
.next-case-wrap.is-visible::before{animation:line-draw 1.25s cubic-bezier(.22,1,.36,1) .1s forwards}
.project-link-card{display:flex;flex-direction:column;justify-content:center;gap:4px;width:100%;min-height:81px;margin:0;padding:16px;border:1px solid #1f1f1f;border-radius:12px;background:#161616;line-height:1.5;transition:border-color .25s ease,background-color .25s ease}
.project-link-card small{color:#878787;font-size:14px}
.project-link-card span{font-size:16px}

body.is-lightbox-open{overflow:hidden}
.zoomable-image{cursor:zoom-in!important}
.image-lightbox[hidden]{display:none}
.image-lightbox{position:fixed;z-index:1000;inset:0;display:grid;overflow:hidden;padding:40px;place-items:center;background:rgba(5,5,5,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:lightbox-in .24s ease both}
.image-lightbox>img{position:relative;z-index:1;display:block;max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);width:auto;height:auto;object-fit:contain;cursor:zoom-in!important;box-shadow:0 24px 80px rgba(0,0,0,.45);transform:translate3d(var(--zoom-offset-x,0px),var(--zoom-offset-y,0px),0) scale(var(--zoom-scale,1));touch-action:none;user-select:none;-webkit-user-drag:none}
.image-lightbox.is-zoomed>img{cursor:zoom-out!important}
.image-lightbox__close{position:absolute;z-index:2;top:20px;right:22px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid #383838;border-radius:50%;background:#181818;color:#fff;font-size:0;line-height:0;cursor:pointer}
.image-lightbox__close::before,.image-lightbox__close::after{position:absolute;top:50%;left:50%;width:16px;height:2px;border-radius:1px;background:currentColor;content:"";transform:translate(-50%,-50%) rotate(45deg)}
.image-lightbox__close::after{transform:translate(-50%,-50%) rotate(-45deg)}

.reveal-first{animation:first-in 1s cubic-bezier(.22,1,.36,1) both}.case-nav.reveal-first{animation:nav-in 1s cubic-bezier(.22,1,.36,1) both}h1.reveal-first{animation-delay:.08s}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .82s ease,transform .82s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}
.site-cursor{display:none}
@keyframes first-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes nav-in{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes glow-in{from{opacity:0}to{opacity:.82}}
@keyframes glow-breathe{from{opacity:.68;transform:translateX(-50%) translateY(-16px) scale(.95)}to{opacity:.9;transform:translateX(-50%) translateY(22px) scale(1.05)}}
@keyframes line-draw{to{transform:scaleX(1)}}
@keyframes lightbox-in{from{opacity:0}to{opacity:1}}
@media(pointer:fine){html,body,a,button{cursor:none}.zoomable-image{cursor:zoom-in!important}.site-cursor{position:fixed;z-index:2000;top:var(--cursor-y,-30px);left:var(--cursor-x,-30px);display:block;width:12px;height:12px;border:1px solid #5d5d5d;border-radius:50%;background:#050505;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s, height .2s, opacity .15s}.site-cursor.is-active{opacity:1}.site-cursor.is-interactive{width:18px;height:18px;border-color:#858585}.site-cursor.is-zoom{opacity:0}.image-lightbox,.image-lightbox>img,.image-lightbox__close{cursor:none!important}.site-cursor.is-lightbox{width:14px;height:14px;border-color:#fff;background:#111;opacity:1}.site-cursor.is-lightbox-image{width:30px;height:30px;border:2px solid #fff;background:rgba(0,0,0,.3);box-shadow:0 1px 10px rgba(0,0,0,.6)}.site-cursor.is-lightbox-image::before{position:absolute;right:-8px;bottom:-5px;width:11px;height:3px;border-radius:2px;background:#fff;content:"";transform:rotate(45deg)}.site-cursor.is-lightbox-image::after{position:absolute;inset:0;display:grid;place-items:center;color:#fff;content:"+";font-size:22px;line-height:1}.site-cursor.is-lightbox-image.is-zoomed::after{content:"−"}}
@media(hover:hover) and (pointer:fine) and (min-width:761px){.case-nav__pill:hover{background:#eee}.case-nav__name:hover{background:rgba(61,133,234,.14);box-shadow:0 5px 24px rgba(61,133,234,.13)}.telegram-button:hover{filter:brightness(1.2)}.project-link-card:hover{border-color:#343434;background:#1c1c1c}}
@media(max-width:1320px){.other-top-glow{width:100%}}
@media(max-width:1000px){.other-top-glow{top:0;left:0;width:100%;height:320px;border-radius:0;background:radial-gradient(ellipse 85% 100% at 50% 0%,rgba(2,84,198,.4),rgba(2,84,198,.14) 48%,transparent 100%);filter:none;opacity:1;transform:none;animation:none}}
@media(max-width:760px){
  :root{--space-section:60px;--space-media:30px;--space-copy:20px}
  .case-nav{top:10px;grid-template-columns:1fr 1fr;width:calc(100% - 24px);height:51px;padding:8px}
  .case-nav__name{display:none}
  .case-page{padding:18px 16px 64px}
  h1{font-size:22px}
  .case-hero{margin-top:90px}
  .other-projects{gap:var(--space-section);margin-top:var(--space-section)}
  .other-project{gap:var(--space-media)}
  .other-project__copy{gap:var(--space-copy)}
  .other-project__tags{gap:8px;font-size:14px}
  .other-project p{font-size:14px}
  .next-case-wrap{margin-top:var(--space-section);padding:24px 0}
  .image-lightbox{padding:16px}
  .image-lightbox>img{max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}
}
@media(prefers-reduced-motion:reduce){.other-top-glow,.reveal-first{animation:none}[data-reveal]{opacity:1;transform:none;transition:none}.case-nav{transition:none}}