:root{--bg:#10120f;--paper:#f1f0e9;--muted:#9a9c93;--lime:#c6f36a;--line:#ffffff1c;--font:Arial,'Segoe UI',sans-serif;--display:'Arial Narrow','Segoe UI',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:12px;font:700 11px var(--display);letter-spacing:.06em}.brand-mark{width:34px;height:34px;border:1px solid #ffffff65;border-radius:50%;display:grid;place-items:center;font:600 17px var(--display);letter-spacing:-.12em}.brand-mark span,.hero-symbol span,.contact-mark span{color:var(--lime)}.brand-muted{color:#888a81;margin-left:3px}.topbar nav{display:flex;align-items:center;gap:38px;color:#c5c5bc;font-size:12px}.topbar nav>a:not(.nav-cta):hover,.footer>a:last-child:hover{color:var(--lime)}.nav-cta{padding:11px 16px;border:1px solid #ffffff42;border-radius:99px;color:var(--paper)}.nav-cta span{color:var(--lime);margin-left:8px}.hero{min-height:650px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:62px 0 92px}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:700;color:#aaaca1;margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:8px;box-shadow:0 0 12px #c6f36a80}.hero h1,.section-head h2,.about h2,.contact h2{font-family:var(--display);font-weight:600;letter-spacing:-.075em}.hero h1{font-size:clamp(54px,7.4vw,94px);line-height:1.08;margin:0 0 28px}.hero h1 span{color:var(--lime)}.hero-text{max-width:440px;line-height:1.85;color:#b0b1a9;font-size:14px;margin:0 0 32px}.button{display:inline-flex;align-items:center;gap:36px;padding:15px 19px;background:var(--lime);color:#1c2410;border-radius:4px;font-size:12px;font-weight:800}.button span{font-size:17px}.button:hover{background:#d6ff83;transform:translateY(-2px)}.hero-art{position:relative;min-height:450px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #ffffff12;border-radius:50%;width:410px;height:410px}.orbit-two{width:320px;height:320px;border-style:dashed;opacity:.55}.hero-glow{position:absolute;width:260px;height:260px;border-radius:50%;background:#a9df4830;filter:blur(65px)}.hero-card{position:relative;width:270px;height:310px;border:1px solid #ffffff5a;border-radius:5px;background:linear-gradient(145deg,#252a20,#171a15 65%);box-shadow:20px 26px 70px #0008;display:flex;flex-direction:column;justify-content:space-between;padding:22px;transform:rotate(5deg)}.card-kicker,.card-foot{font-size:8px;letter-spacing:.15em;color:#aeb5a2}.hero-symbol{align-self:center;font:600 112px var(--display);letter-spacing:-.16em;color:#f2f2e8;text-shadow:0 0 42px #c6f36a30}.float-chip{position:absolute;padding:13px 17px;border:1px solid #ffffff3d;background:#20231e;border-radius:3px;font-size:11px;box-shadow:0 10px 35px #0006}.float-chip span{color:var(--lime);font-size:15px;margin-right:7px}.chip-top{top:62px;right:15px;transform:rotate(4deg)}.chip-bottom{bottom:75px;left:8px;transform:rotate(-5deg)}.art-cross{position:absolute;color:var(--lime);font-size:21px}.cross-a{top:50px;left:60px}.cross-b{right:60px;bottom:35px;color:#7d8177}.scroll-hint{position:absolute;bottom:28px;left:0;font-size:8px;letter-spacing:.2em;color:#81847a;display:flex;align-items:center;gap:11px}.scroll-hint span{height:1px;width:40px;background:var(--lime)}.section{padding-top:100px;padding-bottom:80px}.projects{border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-head .eyebrow{margin-bottom:16px}.section-head h2,.about h2{font-size:clamp(38px,5vw,60px);line-height:1.13;margin:0}.accent{color:var(--lime)}.section-note{font-size:12px;line-height:1.8;color:#9fa197;margin:0 10px 5px 0}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{min-height:420px;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-5px);border-color:#ffffff55}.project-green{background:linear-gradient(150deg,#1c2618,#151813 62%)}.project-orange{background:linear-gradient(150deg,#2a2017,#171714 62%)}.project-blue{background:linear-gradient(150deg,#18242a,#151817 62%)}.project-top{width:100%;display:flex;justify-content:space-between;color:#9b9f93;font-size:8px;letter-spacing:.13em}.project-index{color:#6d7168}.app-icon{width:54px;height:54px;border-radius:15px;margin:31px 0 21px;display:grid;place-items:center;font-size:28px}.icon-diet{color:#d7f899;background:#8fae4933;border:1px solid #c6f36a55}.icon-alarm{color:#ffc58e;background:#d9874b24;border:1px solid #edab6d55}.icon-kolba{color:#9ae7ef;background:#50b4c424;border:1px solid #73d1df55}.project-card h3{font:600 20px var(--display);letter-spacing:-.06em;margin:0 0 13px}.project-desc{color:#a8aaa1;font-size:11px;line-height:1.8;margin:0;min-height:60px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0 23px}.tags span{font-size:8px;color:#c4c6bc;border:1px solid #ffffff25;padding:6px 8px;border-radius:2px}.project-link{margin-top:auto;width:100%;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:10px;font-weight:700}.project-link span,.text-link span{color:var(--lime);font-size:15px}.about{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;border-top:1px solid var(--line);gap:80px;padding-top:100px;padding-bottom:110px}.about-stamp{width:250px;height:250px;border:1px solid #ffffff30;border-radius:50%;display:grid;place-items:center;position:relative;justify-self:center;background:radial-gradient(circle,#c6f36a13,transparent 67%)}.about-stamp:before,.about-stamp:after{content:"";position:absolute;border:1px dashed #ffffff29;border-radius:50%;inset:17px}.about-stamp:after{inset:38px;border-style:solid;opacity:.55}.about-stamp span{font:600 12px/1.8 var(--display);letter-spacing:.08em;text-align:center}.about-stamp b{position:absolute;right:17px;top:28px;color:var(--lime);font-size:27px}.about-copy .eyebrow{margin-bottom:20px}.about-copy h2{margin-bottom:24px}.about-copy>p:not(.eyebrow){max-width:540px;color:#aeb0a6;font-size:12px;line-height:1.9;margin:0 0 14px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff48;padding:14px 0 8px;margin-top:8px;font-size:11px;font-weight:700}.contact{min-height:340px;background:var(--lime);color:#1a2012;position:relative;overflow:hidden;padding:54px 64px;margin-bottom:76px}.contact .eyebrow{color:#515b3e}.contact h2{font-size:clamp(44px,6vw,72px);line-height:1.1;margin:0 0 26px}.contact .accent{color:#657b31}.button-light{background:#171b13;color:var(--paper);position:relative;z-index:1}.button-light:hover{background:#303827}.button-light span{color:var(--lime)}.contact-mark{position:absolute;right:8%;top:50%;transform:translateY(-50%);font:600 280px var(--display);letter-spacing:-.16em;color:#18200f0c}.footer{height:88px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#999b91}.footer>a:last-child{color:#c6c8bd}.footer .brand{color:var(--paper)}
@media(max-width:800px){.wrap{width:min(100% - 40px,600px)}.topbar{height:72px}.topbar nav{gap:17px}.topbar nav>a:first-child{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding:80px 0 78px}.hero h1{font-size:clamp(58px,13vw,88px)}.hero-art{min-height:365px;margin-top:8px}.orbit{width:340px;height:340px}.orbit-two{width:270px;height:270px}.hero-card{width:225px;height:260px}.hero-symbol{font-size:94px}.chip-top{right:3%}.chip-bottom{left:3%;bottom:48px}.scroll-hint{bottom:20px}.section{padding-top:75px;padding-bottom:65px}.section-head{align-items:start;gap:20px;flex-direction:column}.section-note{margin:0}.project-grid{grid-template-columns:1fr}.project-card{min-height:360px;padding:22px}.project-desc{min-height:auto}.about{grid-template-columns:1fr;gap:50px;padding-top:75px;padding-bottom:78px}.about-stamp{width:210px;height:210px}.about-copy h2{font-size:48px}.contact{padding:40px 28px;min-height:310px;margin-bottom:50px}.contact-mark{right:-9%;font-size:200px;top:39%}.footer{height:auto;min-height:80px;gap:12px;flex-wrap:wrap;padding:20px 0}.footer>span{order:3;width:100%}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.brand{font-size:9px;gap:8px}.brand-mark{width:30px;height:30px}.topbar nav{gap:10px;font-size:10px}.nav-cta{padding:9px 11px}.hero{padding-top:65px}.eyebrow{font-size:8px}.hero-text{font-size:13px}.hero-art{min-height:315px}.orbit{width:290px;height:290px}.orbit-two{width:235px;height:235px}.hero-card{width:195px;height:235px}.hero-symbol{font-size:80px}.float-chip{font-size:9px;padding:10px 12px}.chip-top{top:26px}.chip-bottom{bottom:38px}.project-card h3{font-size:19px}.about-copy h2{font-size:42px}.contact{padding:35px 22px}.contact h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}