@font-face{font-family:"Tektur";src:url(/fonts/tektur-cyrillic-wght-normal.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Tektur";src:url(/fonts/tektur-latin-wght-normal.woff2) format("woff2");font-weight:400 900;font-stretch:75% 100%;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"Geologica";src:url(/fonts/geologica-cyrillic-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+2116}
@font-face{font-family:"Geologica";src:url(/fonts/geologica-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}
@font-face{font-family:"JBM";src:url(/fonts/jetbrains-mono-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0400-045F}
@font-face{font-family:"JBM";src:url(/fonts/jetbrains-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F}

:root{--g:#1A1A1A;--w:#F4F2ED;--a:#D7FF3F;--dim:#8C8A85;--rule:#33322F;--pad:clamp(20px,4vw,56px)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--g);color:var(--w);font-family:"Geologica",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.defs{position:absolute;width:0;height:0}

.sheet{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}

.meta{font-family:"JBM",ui-monospace,monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}

.top{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:var(--pad);padding-bottom:22px;border-bottom:1px solid var(--rule);position:relative;z-index:2}
.logo{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}
.logo__mark{width:52px;height:auto;flex:none}
.logo__text{display:flex;flex-direction:column;gap:5px}
.logo__name{font-family:"Tektur",sans-serif;font-weight:600;font-size:20px;letter-spacing:.09em;line-height:1}
.logo__tag{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}

.main{position:relative;z-index:2;align-self:center;padding:clamp(48px,8vh,96px) var(--pad);max-width:min(900px,62vw)}
h1{margin-top:20px;font-family:"Tektur",sans-serif;font-weight:600;font-size:clamp(44px,6.6vw,108px);line-height:.95;letter-spacing:-.01em}
.lead{margin-top:28px;max-width:430px;font-size:17px;line-height:1.5;color:#BDBAB3}

.big-mark{position:absolute;z-index:1;right:calc(-1 * clamp(60px,8vw,160px));top:50%;width:min(48vw,900px);height:auto;transform:translateY(-44%)}

.contacts{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--rule);background:var(--g)}
.contact{display:flex;flex-direction:column;gap:10px;padding:26px var(--pad) calc(26px + env(safe-area-inset-bottom));color:var(--w);text-decoration:none}
.contact+.contact{border-left:1px solid var(--rule)}
.contact__phone{font-family:"Tektur",sans-serif;font-weight:500;font-size:clamp(22px,2.6vw,34px);letter-spacing:.02em;white-space:nowrap;width:max-content;max-width:100%;background:linear-gradient(var(--a),var(--a)) 0 100%/0 2px no-repeat;padding-bottom:4px;transition:background-size .25s ease,color .25s ease}
.contact:hover .contact__phone,.contact:focus-visible .contact__phone{background-size:100% 2px;color:var(--a)}
.contact:focus-visible{outline:2px solid var(--a);outline-offset:-6px}

@media (max-width:1023px){
  .sheet{display:flex;flex-direction:column}
  .big-mark{position:relative;right:auto;top:auto;transform:none;width:106%;max-width:none;margin:18px 0 0 -2%;order:1}
  .main{order:2;align-self:stretch;max-width:none;padding-top:22px;flex:1}
  .contacts{order:3}
  .logo__tag{letter-spacing:.1em}
  .meta--right{display:none}
}
@media (max-width:600px){
  .contacts{grid-template-columns:1fr}
  .contact+.contact{border-left:0;border-top:1px solid var(--rule)}
  .contact{padding-top:20px;padding-bottom:20px}
  .contact:last-child{padding-bottom:calc(20px + env(safe-area-inset-bottom))}
  .lead{font-size:16px}
  h1{font-size:clamp(34px,11.6vw,60px)}
}
@media (prefers-reduced-motion:reduce){.contact__phone{transition:none}}