@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f2f4ec;background:#070909;font-synthesis:none;--ink: #080a09;--night: #070909;--panel: #111514;--paper: #eef1e9;--lime: #d8ff47;--cyan: #59e6ff;--pink: #ff5fb7;--line: #ffffff24;--focus: var(--cyan);--text-caption: .75rem;--text-body-sm: .82rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{margin:0;min-width:0;overflow-x:hidden;background:var(--night)}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block;max-width:100%}.skip-link{position:fixed;z-index:200;inset:10px auto auto 10px;padding:12px 15px;color:var(--ink);background:var(--lime);font:700 var(--text-caption) Unbounded;transform:translateY(-160%);transition:transform .15s ease-out}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.projects,.contact{--focus: #080a09}.topbar{position:fixed;z-index:100;inset:0 0 auto;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5vw;color:#f4f6ef;background:#070909dc;border-bottom:1px solid #ffffff20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;font:700 .78rem Unbounded;letter-spacing:.04em;text-transform:uppercase}.brand svg{color:var(--lime);filter:drop-shadow(0 0 8px #d8ff4780)}.desktop-nav{display:flex;gap:34px;font-size:.78rem;color:#aeb5b0}.desktop-nav a,.contact-link{transition:color .2s,transform .15s}.desktop-nav a:hover{color:var(--cyan)}.contact-link{display:flex;align-items:center;gap:7px;padding:9px 13px;color:var(--ink);background:var(--lime);font-size:.75rem;font-weight:800}.contact-link:hover{color:var(--ink);box-shadow:0 0 24px #d8ff4750}.menu-button{position:relative;display:none;width:44px;height:44px;padding:8px;color:var(--lime);background:none;border:0;cursor:pointer;transition:transform .15s}.menu-icon-stack{position:absolute;inset:0;display:grid;place-items:center}.menu-icon{position:absolute;transition:opacity .18s cubic-bezier(.2,0,0,1),scale .18s cubic-bezier(.2,0,0,1),filter .18s cubic-bezier(.2,0,0,1)}.menu-icon.is-visible{opacity:1;scale:1;filter:blur(0)}.menu-icon.is-hidden{opacity:0;scale:.25;filter:blur(4px)}.mobile-menu{position:fixed;z-index:90;inset:0;display:flex;flex-direction:column;justify-content:flex-start;padding:max(92px,calc(66px + env(safe-area-inset-top))) 24px max(32px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;color:#f5f7ef;background:#070909f7;opacity:0;visibility:hidden;transform:translateY(-16px);transition:opacity .25s,transform .25s,visibility .25s}.mobile-menu:before{content:"";position:absolute;inset:72px 0 auto;height:2px;background:linear-gradient(90deg,var(--lime),var(--cyan),var(--pink))}.mobile-menu.is-open{opacity:1;visibility:visible;transform:none}.mobile-menu nav{display:grid}.mobile-menu nav a{display:flex;gap:18px;align-items:baseline;padding:18px 0;border-bottom:1px solid #ffffff22;font:700 clamp(1.6rem,9vw,3.2rem)/1.1 Unbounded}.mobile-menu nav span{color:var(--lime);font:700 .64rem Unbounded}.mobile-menu p{margin:auto 0 0;padding-top:32px;color:var(--cyan);font:600 var(--text-caption) Unbounded}.slide{position:relative;min-height:100svh;scroll-margin-top:0}.paper{background:var(--paper)}.eyebrow,.section-heading>span,.card-label,.slide-count,.proof-badge,.status{font-family:Unbounded,sans-serif}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:clamp(40px,6vw,92px);align-items:center;padding:116px 7vw 44px;overflow:hidden;color:#f4f6ef;background:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px),radial-gradient(circle at 14% 92%,#d8ff4719,transparent 31%),radial-gradient(circle at 88% 18%,#59e6ff14,transparent 28%),#070909;background-size:54px 54px,54px 54px,auto,auto,auto}.hero:before{content:"";position:absolute;width:36vw;aspect-ratio:1;left:-17vw;bottom:-23vw;border:1px solid #d8ff4750;border-radius:50%;box-shadow:0 0 80px #d8ff4714}.hero:after{content:"SERJIK / LIFE / CODE";position:absolute;right:-22px;top:48%;color:#ffffff28;font:600 .56rem Unbounded;letter-spacing:.34em;transform:rotate(90deg)}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:28px;color:var(--cyan);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase}.eyebrow i{width:8px;height:8px;background:var(--lime);box-shadow:0 0 18px var(--lime)}.hero h1{max-width:850px;margin:0;font:700 clamp(2.9rem,5.45vw,6.2rem)/.98 Unbounded;letter-spacing:-.06em;text-transform:uppercase;text-wrap:balance}.hero h1 em{display:inline-block;margin-top:11px;color:transparent;font-size:.39em;font-style:normal;letter-spacing:-.03em;line-height:1.16;-webkit-text-stroke:1.1px var(--lime);text-shadow:0 0 28px #d8ff4725}.hero-copy>p{max-width:570px;margin:30px 0 0;color:#acb4ae;font-size:clamp(.96rem,1.25vw,1.15rem);line-height:1.55;text-wrap:pretty}.primary-link{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:13px 15px;color:var(--ink);background:var(--lime);font:800 .72rem Unbounded;text-transform:uppercase;transition:transform .2s,box-shadow .2s}.primary-link:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--cyan)}.hero-photo{position:relative;height:min(76svh,790px);margin:0;overflow:visible;background:#161c19;border:1px solid #ffffff28;box-shadow:14px 14px #101412,16px 16px 0 var(--cyan)}.hero-photo:before{content:"";position:absolute;z-index:2;width:48px;height:48px;left:-9px;top:-9px;border-left:3px solid var(--lime);border-top:3px solid var(--lime);pointer-events:none}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:54% center;filter:saturate(.94) contrast(1.06)}.hero-photo:after{content:"";position:absolute;inset:0;border:1px solid #ffffff1f;box-shadow:inset 0 -100px 100px #05070655;pointer-events:none}.hero-photo figcaption{position:absolute;z-index:3;inset:auto 14px 14px;display:flex;justify-content:space-between;padding:8px 10px;color:var(--ink);background:var(--lime);font:700 var(--text-caption) Unbounded;text-transform:uppercase}.slide-count{position:absolute;left:4.5vw;bottom:20px;color:#87918b;font-size:var(--text-caption)}.about,.projects,.blog{padding:82px 5vw 28px}.section-heading{display:grid;grid-template-columns:minmax(130px,.45fr) 2fr;gap:34px;align-items:start}.section-heading>span{padding-top:9px;color:var(--lime);font-size:var(--text-caption);letter-spacing:.04em;text-transform:uppercase}.section-heading h2{max-width:1050px;margin:0;font:700 clamp(2.15rem,4vw,4.65rem)/1.01 Unbounded;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word}.about{color:#f3f5ef;background:#090b0a}.about:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 20%,#ff5fb70d,transparent 25%)}.about .section-heading{position:relative}.about-cards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:27px}.about-card{min-width:0;overflow:hidden;background:#111514;border:1px solid #ffffff25}.about-card:nth-child(1){border-top:3px solid var(--lime)}.about-card:nth-child(2){border-top:3px solid var(--pink)}.about-card:nth-child(3){border-top:3px solid var(--cyan)}.card-media{position:relative;height:clamp(178px,23vh,248px);overflow:hidden;background:#202522}.card-media img,.card-media video{width:100%;height:100%;object-fit:cover}.climbing-card .card-media video{object-position:center 42%}.mods-card .card-media img{object-position:center 18%}.media-control{position:absolute;z-index:2;inset:12px 12px auto auto;display:inline-flex;min-height:40px;align-items:center;gap:7px;padding:9px 11px;color:#f5f7ef;background:#070909de;border:1px solid #ffffff40;cursor:pointer;font:700 var(--text-caption) Unbounded;transition:color .15s,background-color .15s,transform .15s}.media-control:hover{color:var(--ink);background:var(--lime)}.media-control svg{width:17px;height:17px;stroke-width:2}.proof-badge{position:absolute;left:12px;bottom:12px;padding:7px 9px;color:var(--ink);background:var(--pink);font-size:var(--text-caption)}.service-previews{display:grid;grid-template-columns:1fr 1fr;height:clamp(178px,23vh,248px);gap:2px;background:var(--cyan)}.service-previews img{width:100%;height:100%;object-fit:cover;object-position:top}.about-card-copy{padding:15px 17px 17px}.card-label{display:flex;align-items:center;gap:8px;color:#aeb5b0;font-size:var(--text-caption);text-transform:uppercase}.about-card:nth-child(1) .card-label{color:var(--lime)}.about-card:nth-child(2) .card-label{color:var(--pink)}.about-card:nth-child(3) .card-label{color:var(--cyan)}.about-card h3{margin:11px 0 8px;font:600 clamp(.93rem,1.22vw,1.18rem)/1.23 Unbounded;letter-spacing:-.025em}.about-card p{margin:0;color:#aab2ac;font-size:var(--text-body-sm);line-height:1.52;text-wrap:pretty}.about-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:11px 0 0}.about-card dl div{padding-top:10px;border-top:1px solid #ffffff20}.about-card dt{color:#929b95;font-size:var(--text-caption)}.about-card dd{margin:4px 0 0;color:var(--lime);font-weight:800}.projects{color:var(--ink);background:#edf0e8;border-top:7px solid var(--lime)}.projects .section-heading>span{color:#48514b}.project-heading{grid-template-columns:minmax(130px,.45fr) 2fr}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:23px}.project-card{min-width:0;overflow:hidden;background:#f9fbf5;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s}.project-card:has(a:hover),.project-card:focus-within{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ink)}.project-card:nth-child(1):has(a:hover),.project-card:nth-child(1):focus-within{border-color:#94b916}.project-card:nth-child(2):has(a:hover),.project-card:nth-child(2):focus-within{border-color:#cc2f87}.project-card:nth-child(3):has(a:hover),.project-card:nth-child(3):focus-within{border-color:#0aa5bd}.project-card:nth-child(4):has(a:hover),.project-card:nth-child(4):focus-within{border-color:#94b916}.project-image{position:relative;display:block;height:clamp(160px,22vh,220px);overflow:hidden;background:#171b18;border-bottom:2px solid var(--ink)}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s,filter .3s}.project-image:hover img,.project-image:focus-visible img{transform:scale(1.025);filter:saturate(1.08)}.project-image>span{position:absolute;left:11px;bottom:11px;padding:7px 9px;color:var(--ink);background:var(--lime);font:700 var(--text-caption) Unbounded}.project-coop .project-image img{object-position:center 18%}.project-checkpoint{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.55fr)}.project-checkpoint .project-image{height:100%;min-height:280px;border-right:2px solid var(--ink);border-bottom:0}.project-checkpoint .project-image img{object-position:top center}.project-checkpoint .project-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(22px,3vw,42px)}.project-checkpoint .project-copy>a{align-self:flex-start}.project-copy{padding:13px 16px 15px}.project-topline{display:flex;justify-content:space-between;align-items:center;color:#59615b;font:600 var(--text-caption) Unbounded}.status{padding:5px 7px;border:1px solid #111;color:#2d332f;font-size:var(--text-caption);text-transform:uppercase;white-space:nowrap}.status-live{background:var(--lime)}.status-dev{background:#ffd34d}.project-card h3{margin:10px 0 6px;font:700 clamp(1.18rem,1.65vw,1.65rem)/1.05 Unbounded;letter-spacing:-.045em}.project-card p{min-height:45px;margin:0;color:#555d57;font-size:var(--text-body-sm);line-height:1.5;text-wrap:pretty}.project-card ul{display:grid;min-height:41px;grid-template-columns:1fr 1fr;column-gap:10px;margin:8px 0 10px;padding:8px 0 0;list-style:none;border-top:1px solid #11111128}.project-card li{margin:3px 0;color:#535b55;font-size:var(--text-caption);line-height:1.4}.project-card li:before{content:"—";margin-right:7px;color:#111}.project-copy>a{display:inline-flex;gap:7px;align-items:center;padding:5px 0;border-bottom:2px solid var(--ink);color:#151a17;font-size:var(--text-caption);font-weight:800}.blog{color:#f3f5ef;background:#0b0e0d;border-top:1px solid #ffffff20}.blog:before{content:"";position:absolute;right:0;top:0;width:35vw;height:35vw;background:radial-gradient(circle,#59e6ff13,transparent 66%);pointer-events:none}.blog-heading{position:relative;grid-template-columns:minmax(130px,.45fr) 1.6fr auto}.blog-heading>a{display:flex;gap:6px;align-items:center;margin-top:8px;padding:5px 0;color:var(--cyan);font:700 var(--text-caption) Unbounded}.telegram-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:33px}.telegram-card{display:flex;min-height:398px;flex-direction:column;padding:16px;background:#121716;border:1px solid #ffffff24}.telegram-card:nth-child(1){border-bottom:3px solid var(--lime)}.telegram-card:nth-child(2){border-bottom:3px solid var(--cyan)}.telegram-card:nth-child(3){border-bottom:3px solid var(--pink)}.telegram-card header{display:flex;align-items:center;gap:10px}.telegram-card header>div:nth-child(2){display:grid;gap:2px}.telegram-card header b{font-size:var(--text-caption)}.telegram-card header span{color:#9aa39d;font-size:var(--text-caption)}.telegram-card header>svg{margin-left:auto;color:var(--cyan)}.telegram-avatar{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:var(--ink);background:var(--cyan);font-weight:800}.telegram-media{height:205px;margin:14px -1px 0;overflow:hidden;background:#252c28}.telegram-media img{width:100%;height:100%;object-fit:cover}.telegram-card p{margin:19px 0;white-space:pre-line;font-size:.9rem;line-height:1.55;text-wrap:pretty}.telegram-card:not(:has(.telegram-media)) p{margin-top:65px;font-size:1.1rem}.telegram-link{display:flex;gap:6px;align-items:center;margin-top:auto;padding:5px 0;color:var(--cyan);font-size:var(--text-caption);font-weight:800}.contact{display:grid;grid-template-columns:1.08fr .92fr;column-gap:4vw;row-gap:20px;align-content:center;padding:90px 7vw 28px;color:var(--ink);background:var(--lime)}.contact:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 72%,#ffffff35 72%)}.contact-heading{position:relative;display:block}.contact-heading>span{color:#3d490f}.contact-heading h2{margin:20px 0 0;color:var(--ink);font-size:clamp(2.9rem,5.6vw,6.5rem);text-wrap:balance;overflow-wrap:break-word}.contact-heading p{max-width:540px;margin:25px 0 0;color:#35400f;font-size:.95rem;line-height:1.58;text-wrap:pretty}.telegram-cta{position:relative;display:flex;grid-column:2;gap:12px;align-items:center;justify-content:space-between;align-self:end;padding:20px;color:#f5f7ef;background:var(--ink);border:2px solid var(--ink);font:700 clamp(.95rem,1.7vw,1.25rem) Unbounded;box-shadow:7px 7px #fff;transition:transform .2s,box-shadow .2s}.telegram-cta:hover{transform:translate(3px,3px);box-shadow:3px 3px #fff}.telegram-cta svg:last-child{margin-left:auto}.social-grid{position:relative;display:grid;grid-column:2;grid-template-columns:1fr 1fr;gap:7px;align-self:start}.social-grid a{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:14px;color:var(--ink);background:#ffffff23;border:1px solid #111;transition:background .2s,transform .2s}.social-grid a:hover{color:#f5f7ef;background:var(--ink);transform:translateY(-2px)}.contact-link:active,.primary-link:active,.media-control:active,.menu-button:active,.telegram-cta:active,.social-grid a:active{transform:scale(.96)}.social-grid span{font-size:.75rem;font-weight:700}.footer-bottom{position:relative;grid-column:1 / -1;display:flex;justify-content:space-between;align-self:end;padding-top:18px;border-top:1px solid #11111150;color:#3b470e;font:600 var(--text-caption) Unbounded}@media(min-width:901px)and (prefers-reduced-motion:no-preference){html{scroll-snap-type:y proximity}.slide{scroll-snap-align:start;scroll-snap-stop:normal}}@media(max-width:1120px){.hero{grid-template-columns:minmax(0,1fr) minmax(360px,.8fr)}}@media(max-width:900px){html{scroll-snap-type:none;scroll-padding-top:66px}.topbar{height:66px;padding:0 20px}.desktop-nav,.contact-link{display:none}.menu-button{display:block}.slide{min-height:auto}.hero{min-height:100svh;grid-template-columns:1fr;gap:25px;padding:94px 20px 38px}.hero:after{display:none}.hero-copy{order:2}.hero-photo{order:1;height:35svh;min-height:255px;margin-right:7px;box-shadow:7px 7px 0 var(--cyan)}.hero-photo img{object-position:center 34%}.eyebrow{margin-bottom:15px}.hero h1{font-size:clamp(2.25rem,10.8vw,4.3rem)}.hero h1 em{font-size:.36em}.hero-copy>p{margin-top:19px;font-size:.92rem}.primary-link{margin-top:23px}.slide-count{display:none}.about,.projects,.blog{padding:82px 20px 54px}.section-heading,.project-heading,.blog-heading{grid-template-columns:1fr;gap:12px}.section-heading>span{padding-top:0}.section-heading h2{font-size:clamp(1.85rem,8.3vw,3.5rem)}.about-cards,.project-grid,.telegram-grid{grid-template-columns:1fr;margin-top:29px}.card-media,.service-previews{height:250px}.about-card h3{font-size:1.12rem}.project-image{height:230px}.project-checkpoint{display:block}.project-checkpoint .project-image{height:230px;min-height:0;border-right:0;border-bottom:2px solid var(--ink)}.project-checkpoint .project-copy{display:block;padding:17px 15px 19px}.project-card p,.project-card ul{min-height:0}.project-card ul{display:block}.blog-heading>a{margin-top:8px}.telegram-card{min-height:390px}.contact{min-height:100svh;display:block;padding:96px 20px 28px}.contact-heading h2{font-size:clamp(2.55rem,11.5vw,4.4rem)}.telegram-cta{margin-top:40px}.social-grid{grid-template-columns:1fr;margin-top:13px}.footer-bottom{margin-top:52px}}@media(max-width:520px){.brand{font-size:.67rem}.hero-photo{height:31svh;min-height:230px}.hero h1{font-size:clamp(1.85rem,8.9vw,2.55rem)}.hero h1 em{max-width:19ch}.about-card-copy,.project-copy{padding:17px 15px 19px}.card-media,.service-previews{height:220px}.telegram-media{height:200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.about-card video{display:none}.media-control{display:none}.contact-link:active,.primary-link:active,.menu-button:active,.telegram-cta:active,.social-grid a:active,.project-card:has(a:hover),.project-card:focus-within,.project-image:hover img,.project-image:focus-visible img{transform:none}.climbing-card .card-media{background:url(/assets/world/climbing-real-mobile.jpg) center 38% / cover no-repeat}}