@font-face{font-family:Inter;src:url('../assets/project-showcase/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.hero-header,.site-footer{font-family:Inter,Arial,sans-serif;font-weight:400;line-height:normal;-webkit-font-smoothing:antialiased}
.hero-header *,.site-footer *{box-sizing:border-box}
.hero-header a,.site-footer a{color:inherit;text-decoration:none}
.hero-header .hero-button{color:#fff}
.site-header-shell{--h:min(1px,.065104167vw);position:relative;max-width:1536px;height:calc(91 * var(--h));margin:auto}
@media(max-width:760px){.site-header-shell{--h:1px;height:66px}}
    .site-footer { background: #000; color: #fff; }
    .footer-inner { --f: min(1px, 0.056369786vw); position: relative; width: min(100%,1774px); height: calc(810 * var(--f)); margin: auto; }
    .footer-brand { position: absolute; left: calc(127 * var(--f)); top: calc(134 * var(--f)); display: block; width: calc(226 * var(--f)); }
    .footer-brand img { display: block; width: 100%; height: auto; }
    .footer-nav { position: absolute; right: calc(134 * var(--f)); top: calc(191 * var(--f)); display: flex; gap: calc(78 * var(--f)); font-size: calc(25 * var(--f)); line-height: calc(32 * var(--f)); letter-spacing: calc(-.45 * var(--f)); }
    .footer-details { position: absolute; left: calc(134 * var(--f)); right: calc(600 * var(--f)); top: calc(300 * var(--f)); display: grid; grid-template-columns: 1fr 1fr; gap: calc(60 * var(--f)); font-size: calc(20 * var(--f)); line-height: calc(30 * var(--f)); }
    .footer-address { margin: 0; font-style: normal; }
    .footer-address strong { font-weight: 500; }
    .footer-contact-links { margin: 0; }
    .footer-social { display: flex; align-items: center; gap: calc(19 * var(--f)); margin-top: calc(18 * var(--f)); }
    .footer-social a { display: flex; align-items: center; justify-content: center; width: calc(34 * var(--f)); height: calc(38 * var(--f)); }
    .footer-social img { display: block; width: calc(27 * var(--f)); height: calc(27 * var(--f)); object-fit: contain; filter: invert(1); }
    .footer-scene { display: contents; }
    .footer-divider { position: absolute; left: calc(134 * var(--f)); right: calc(134 * var(--f)); top: calc(532 * var(--f)); height: 1px; background: #777b7b; }
    .footer-robot { position: absolute; left: calc(1265 * var(--f)); top: calc(305 * var(--f)); width: calc(235 * var(--f)); height: calc(298 * var(--f)); overflow: hidden; }
    .footer-robot video { position: absolute; width: 153.1915%; height: 120.8054%; max-width: none; left: -21.7021%; top: -12.0805%; object-fit: contain; }
    .footer-bottom { position: absolute; left: calc(134 * var(--f)); right: calc(134 * var(--f)); top: calc(615 * var(--f)); display: flex; justify-content: space-between; align-items: center; font-size: calc(20 * var(--f)); line-height: calc(30 * var(--f)); letter-spacing: calc(-.35 * var(--f)); }
    .footer-bottom p { margin: 0; }
    .footer-legal { display: flex; gap: calc(45 * var(--f)); }
    .site-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
    .site-footer a:focus-visible { outline: 2px solid #6b9cff; outline-offset: 6px; }
    @media(max-width:760px) {
      .footer-inner { --f: 1px; height: auto; padding: 42px 22px 32px; }
      .footer-brand { position: static; width: 170px; margin-left: -5px; }
      .footer-nav { position: static; margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 17px 24px; font-size: 17px; line-height: 25px; }
      .footer-details { position: static; margin-top: 32px; grid-template-columns: 1fr; gap: 24px; font-size: 16px; line-height: 25px; }
      .footer-social { margin-top: 18px; gap: 14px; }
      .footer-social a { width: 40px; height: 44px; }
      .footer-social img { width: 25px; height: 25px; }
      .footer-scene { display: block; position: relative; height: 224px; margin-top: 16px; }
      .footer-divider { left: 0; right: 0; top: 178px; }
      .footer-robot { left: auto; right: 4px; top: 24px; width: 160px; height: 203px; }
      .footer-bottom { position: static; margin-top: 20px; display: block; font-size: 14px; line-height: 22px; }
      .footer-legal { margin-top: 12px; gap: 25px; }
    }
    .hero-header { position: absolute; left: calc(48 * var(--h)); right: calc(47 * var(--h)); top: 0; height: calc(91 * var(--h)); border-bottom: 1px solid #cececc; display: flex; align-items: center; justify-content: space-between; }
    .hero-brand { display: block; flex: 0 0 auto; width: calc(156 * var(--h)); margin-left: calc(-5 * var(--h)); }
    .hero-brand img { display: block; width: 100%; height: auto; }
    .hero-navigation { display: flex; align-items: center; gap: calc(43 * var(--h)); font-size: calc(19 * var(--h)); }
    .hero-nav-links { display: flex; gap: calc(54 * var(--h)); }
    .hero-button { display: inline-flex; align-items: center; justify-content: center; gap: calc(9 * var(--h)); height: calc(47 * var(--h)); padding: 0 calc(24 * var(--h)); border-radius: calc(8 * var(--h)); color: #fff; background: #1a1b19; font-size: calc(18 * var(--h)); white-space: nowrap; }
@media(max-width:760px){
      .hero-header { position: relative; left: auto; right: auto; margin: 0 22px; height: 80px; gap: 14px; }
      .hero-brand { width: clamp(104px, 32.8vw, 128px); margin-left: -4px; }
      .hero-navigation { gap: 0; }
      .hero-nav-links { display: none; }
      .hero-header .hero-button { height: 39px; padding: 0 12px; font-size: 12px; gap: 4px; }
}

@media (max-width: 760px) {
  .hero-header { grid-row: 1; margin: 0 20px; height: 66px; }
  .hero-brand { width: 108px; }
  .hero-header .hero-button { height: 36px; font-size: 11px; }
  .footer-inner { padding-top: 34px; }
  .footer-scene { height: 160px; margin-top: -76px; }
  .footer-robot { top: 0; right: -6px; width: 135px; height: 171px; }
  .footer-divider { top: 129px; }
  .footer-bottom { margin-top: 8px; }
}
@media (min-width: 540px) and (max-width: 1100px) {
}
@media (min-width: 540px) and (max-width: 760px) {
  .footer-scene { height: 244px; margin-top: -120px; }
  .footer-robot { width: 225px; height: 286px; top: -24px; right: 0; }
  .footer-divider { top: 191px; }
  .footer-bottom { margin-top: 18px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  .footer-bottom { top: calc(690 * var(--f)); }
  .footer-robot { width: 19vw; height: 24.0936vw; left: auto; right: 8vw; top: calc(532 * var(--f) - 18.163vw); }
}.footer-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;max-width:1774px;margin:auto;padding:28px 7.55% 40px;border-top:1px solid #343635}
.footer-topics h2{font:500 17px/1.4 Inter,sans-serif;color:#fff;margin:0 0 20px;letter-spacing:0}
.footer-topic-links{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.footer-topics a{display:block;font:400 14px/1.6 Inter,sans-serif;color:#b9bbbe}
@media(max-width:760px){.footer-topics{padding:24px 22px 32px;grid-template-columns:1fr}.footer-topic-links{grid-template-columns:1fr;gap:12px}}