@font-face{font-family:Geologica;src:url(/fonts/geologica-cyrillic.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geologica;src:url(/fonts/geologica-latin.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Golos Text;src:url(/fonts/golos-cyrillic.woff2)format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text;src:url(/fonts/golos-cyrillic-ext.woff2)format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text;src:url(/fonts/golos-latin.woff2)format("woff2");font-weight:400 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0b1412;--bg-2:#101c19;--panel:#14231f;--ink:#efe9dc;--soft:#c5cbc0;--dim:#8c9d95;--line:#efe9dc21;--lamp:#ffb648;--lamp-ink:#1b1305;--head:"Geologica", "Golos Text", system-ui, sans-serif;--text:"Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--t-xs:.8125rem;--t-s:.9375rem;--t-m:1.0625rem;--t-l:1.3125rem;--t-xl:clamp(1.5rem, 1.1rem + 1.6vw, 2.125rem);--t-2xl:clamp(1.875rem, 1.2rem + 3vw, 3.25rem);--t-3xl:clamp(2.375rem, 1rem + 6vw, 5rem);--pad:clamp(20px, 4.4vw, 64px);--wide:1240px}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--ink);-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--text);font-size:var(--t-m);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55;overflow-x:clip}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0;padding:0}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--head);letter-spacing:-.03em;text-wrap:balance;font-weight:600;line-height:1.08}:focus-visible{outline:2px solid var(--lamp);outline-offset:3px;border-radius:4px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.bar{z-index:10;padding:20px var(--pad);max-width:calc(var(--wide) + var(--pad) * 2);justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex;position:relative}.mark{font-family:var(--head);font-weight:700;font-size:var(--t-l);letter-spacing:-.03em}.bar nav{font-size:var(--t-s);color:var(--soft);gap:clamp(14px,3vw,30px);display:flex}.bar nav a,.foot nav a{background:linear-gradient(var(--lamp), var(--lamp)) 0 100% / 0 1px no-repeat;padding:6px 0;transition:background-size .25s,color .25s}.bar nav a:hover,.foot nav a:hover{color:var(--ink);background-size:100% 1px}.btn{text-align:center;font-family:var(--head);font-weight:600;font-size:var(--t-m);letter-spacing:-.01em;background:var(--lamp);color:var(--lamp-ink);border-radius:14px;justify-content:center;align-items:center;padding:16px 26px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:inline-flex;box-shadow:0 0 #ffb64800}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px #ffb6488c}.btn:active{transform:translateY(0)}.foot{border-top:1px solid var(--line);padding:28px var(--pad) 40px;max-width:calc(var(--wide) + var(--pad) * 2);color:var(--dim);font-size:var(--t-s);margin:0 auto}.foot nav{color:var(--soft);flex-wrap:wrap;gap:6px 22px;margin-bottom:14px;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:radial-gradient(64vmax 64vmax at 50% 26svh, #ffb64817 0%, #ffb64800 62%) no-repeat, radial-gradient(90vw 80vh at 88% 8%, #1b2c22 0%, #0b141200 62%) no-repeat, var(--bg)}#field{width:100%;height:100vh;z-index:0;pointer-events:none;opacity:0;height:100lvh;transition:opacity 1.4s;position:fixed;top:0;left:0}.field-on #field{opacity:1}.bar,main,.foot{z-index:1;position:relative}main{max-width:calc(var(--wide) + var(--pad) * 2);padding:0 var(--pad);margin:0 auto;overflow-x:clip}.hero{flex-direction:column;justify-content:flex-end;min-height:calc(100svh - 76px);padding:44svh 0 clamp(28px,6svh,64px);display:flex}.hero h1{letter-spacing:-.045em;text-wrap:nowrap;margin-bottom:clamp(18px,3svh,30px);font-size:clamp(2.5rem,10.4vw,3.5rem);font-weight:600;line-height:.98}.hero h1 span{display:block}.hero-sub{font-size:var(--t-l);color:var(--soft);max-width:34ch;line-height:1.42}.hero-stack{color:var(--dim);font-size:var(--t-s);margin-top:14px}.stats{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:22px 20px;margin-top:clamp(28px,5svh,52px);padding-top:22px;display:grid}.stats div{flex-direction:column-reverse;justify-content:flex-end;gap:4px;display:flex}.stats dt{color:var(--dim);font-size:var(--t-s);max-width:22ch;line-height:1.35}.stats dd{font-family:var(--head);font-weight:600;font-size:var(--t-xl);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}@keyframes rise{0%{opacity:0;transform:translateY(.5em)}}.hero h1 span{animation:.9s cubic-bezier(.2,.8,.2,1) both rise}.hero h1 span+span{animation-delay:90ms}.hero-sub,.hero-stack,.stats{animation:.9s cubic-bezier(.2,.8,.2,1) .22s both rise}.stats{animation-delay:.34s}.intro{max-width:30em;padding:clamp(72px,16svh,180px) 0 clamp(20px,5svh,60px)}.intro h2{font-size:var(--t-2xl);margin-bottom:14px}.intro p{color:var(--soft);font-size:var(--t-l);max-width:36ch;line-height:1.45}.work{--p:0;--a:0;--mx:0;--my:0;align-items:center;gap:clamp(26px,5vw,40px);padding:clamp(44px,9svh,96px) 0;display:grid}.stage{perspective:1500px;order:-1;padding:2% 7% 9% 1%;display:block;position:relative}.stage:before{content:"";z-index:-1;pointer-events:none;opacity:calc(1 - var(--a) * .75);background:radial-gradient(closest-side,#ffb6482b,#ffb64800 100%);position:absolute;top:-8%;bottom:-6%;left:-14%;right:-14%}.rig{transform-style:preserve-3d;will-change:transform;transform:rotateX(calc(var(--p) * 9deg + var(--my) * -3deg)) rotateY(calc(var(--turn,-1) * (7deg + var(--a) * 9deg) + var(--mx) * 4deg));display:block;position:relative}.hover .rig{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dev{background:#0a0f0e;display:block;overflow:hidden}.dev img{object-fit:cover;object-position:top;width:100%;height:100%}.screen{aspect-ratio:16/10;border-radius:clamp(8px,1.4vw,16px);padding:1.1%;box-shadow:0 0 0 1px #efe9dc24,inset 0 2px #ffffff0f,0 50px 90px -30px #000000d9,0 18px 36px -18px #000000b3}.screen img{border-radius:clamp(4px,.9vw,10px)}.phone,.pad{position:absolute;box-shadow:0 0 0 1px #efe9dc33,0 30px 50px -18px #000000e6}.phone{aspect-ratio:620/1342;border-radius:11%/5.2%;width:23.5%;padding:.9%}.phone img{border-radius:9%/4.2%}.pad{aspect-ratio:16/10;border-radius:3.2%/5%;width:44%;padding:.8%}.pad img{border-radius:2.4%/3.8%}.s1{transform:translate3d(0, calc(var(--p) * -26px), 70px);bottom:-9%;right:-6.5%}.pad.s1{bottom:-8%;right:-6%}.s2{display:none}.work-text{max-width:34em}.for{color:var(--lamp);font-size:var(--t-s);margin-bottom:10px;font-weight:500}.work h2{font-size:var(--t-xl);margin-bottom:14px;line-height:1.12}.work h2 a{background:linear-gradient(var(--lamp), var(--lamp)) 0 100% / 0 2px no-repeat;transition:background-size .35s cubic-bezier(.2,.8,.2,1)}.work h2 a:hover{background-size:100% 2px}.what{font-size:var(--t-l);color:var(--ink);line-height:1.42}.points{color:var(--soft);font-size:var(--t-s);margin:20px 0 22px;line-height:1.5}.points li{border-top:1px solid var(--line);padding:10px 0 10px 20px;position:relative}.points li:before{content:"";background:var(--lamp);border-radius:50%;width:6px;height:6px;position:absolute;top:1.25em;left:2px}.link{font-family:var(--head);letter-spacing:-.01em;background:linear-gradient(var(--lamp), var(--lamp)) 0 100% / 100% 2px no-repeat;padding:6px 0;font-weight:600;transition:background-size .3s,color .3s;display:inline-block}.link:hover{color:var(--lamp);background-image:linear-gradient(#ffb64824,#ffb64824);background-size:100% 100%}.dirs{padding:clamp(64px,14svh,160px) 0 clamp(40px,8svh,80px)}.dirs h2{font-size:var(--t-2xl);margin-bottom:clamp(18px,3vw,32px)}.dirs ul{border-bottom:1px solid var(--line);margin-bottom:26px}.dirs li a{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:16px;padding:clamp(14px,2.2vw,22px) 0;transition:padding .35s cubic-bezier(.2,.8,.2,1),color .25s;display:flex}.dirs b{font-family:var(--head);font-weight:500;font-size:var(--t-2xl);letter-spacing:-.04em;line-height:1.05}.dirs li span{color:var(--dim);font-size:var(--t-s);white-space:nowrap;font-variant-numeric:tabular-nums;transition:color .25s}@media (hover:hover){.dirs li a:hover{color:var(--lamp);padding-left:18px}.dirs li a:hover span{color:var(--ink)}}.outro{flex-direction:column;justify-content:center;align-items:flex-start;min-height:86svh;padding:12svh 0;display:flex}.outro h2{font-size:var(--t-3xl);letter-spacing:-.045em;max-width:12em;margin-bottom:22px;line-height:1}.outro p{color:var(--soft);font-size:var(--t-l);max-width:36ch;margin-bottom:30px;line-height:1.45}.foot{border-top:0}@media (max-width:899px){.outro{justify-content:flex-end;min-height:100svh;padding:46svh 0 8svh}}@media (max-width:520px){.outro .btn{width:100%}}@media (min-width:900px){body{background-position:46vw -6svh,0 0,0 0;background-size:auto}.hero{justify-content:center;min-height:calc(100svh - 84px);padding-top:0}.hero h1{font-size:clamp(4rem,7.3vw,7.5rem)}.hero-sub{max-width:30ch}.stats{grid-template-columns:repeat(4,auto);justify-content:start;gap:0 clamp(28px,4vw,60px);max-width:880px}.work{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);padding:clamp(48px,9svh,100px) 0}.stage{order:0}.work.flip{--turn:1;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.work.flip .stage{order:-1;padding:2% 1% 9% 7%}.work.flip .s1{left:-6.5%;right:auto}.s2{width:17%;transform:translate3d(0, calc(var(--p) * 34px), -90px);opacity:.9;display:block;top:-7%;right:6%}.pad.s2{width:34%;top:-9%}.work.flip .s2{left:6%;right:auto}.points{font-size:var(--t-m)}}@media (prefers-reduced-motion:reduce){.rig{transform:rotateY(calc(var(--turn,-1) * 6deg))}.s1,.s2{transform:translateZ(40px)}.hero h1 span,.hero-sub,.hero-stack,.stats{animation:none}}