@font-face{font-family:Duru Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./duru-sans-latin-ext-400-normal-UWJB433G.woff2") format("woff2"),url("./duru-sans-latin-ext-400-normal-WQFNIH2I.woff") format("woff")}@font-face{font-family:Duru Sans;font-style:normal;font-display:swap;font-weight:400;src:url("./duru-sans-latin-400-normal-HFDXOAF4.woff2") format("woff2"),url("./duru-sans-latin-400-normal-BNOZFOMP.woff") format("woff")}:root{font-family:Duru Sans,sans-serif;color:#161612;background:#0b0b0a;font-synthesis:none;scroll-behavior:smooth;--black:#0b0b0a;--paper:#eeeae1;--red:#df0101;--line:#393936}*{box-sizing:border-box}html{scrollbar-color:var(--red) var(--black)}body{margin:0;background:var(--black)}a{color:inherit;text-underline-offset:.32em}a:hover{color:var(--red)}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}::selection{background:var(--red);color:#fff}.site{overflow:hidden}.hero{min-height:100svh;padding:0 clamp(22px,3.6vw,54px);display:flex;flex-direction:column;background:var(--black);color:var(--paper)}.hero{position:relative;isolation:isolate}.hero>*:not(.hero-motion){position:relative;z-index:2}.nav{min-height:126px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.nav>span{text-align:center;color:#8a8981}.nav a{text-decoration:none}.brand{font-size:clamp(2rem,2.8vw,2.75rem);line-height:1;letter-spacing:-.04em;text-transform:lowercase;color:var(--red)}.brand sup{font-size:.24em;vertical-align:top;margin-left:.3em}.hero-motion{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.hero-motion i{position:absolute;width:clamp(180px,28vw,440px);aspect-ratio:1;border-radius:50%;background:var(--red);filter:blur(2px);opacity:.15;will-change:transform}.hero-motion i:nth-child(1){left:-10%;top:12%;animation:drift-a 14s cubic-bezier(.45,0,.55,1) infinite alternate}.hero-motion i:nth-child(2){right:-12%;top:36%;width:clamp(220px,34vw,520px);opacity:.11;animation:drift-b 18s cubic-bezier(.45,0,.55,1) infinite alternate}.hero-motion i:nth-child(3){left:42%;bottom:-28%;width:clamp(160px,24vw,360px);opacity:.09;animation:drift-c 16s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes drift-a{to{transform:translate(42vw,18vh) scale(.68)}}@keyframes drift-b{to{transform:translate(-46vw,-25vh) scale(1.25)}}@keyframes drift-c{to{transform:translate(-22vw,-35vh) scale(.8)}}.hero-title{margin:auto 0 clamp(20px,3vw,42px);display:flex;flex-direction:column;font-size:clamp(6rem,19vw,18rem);font-weight:800;line-height:.72;letter-spacing:-.04em;text-shadow:0 18px 60px rgba(0,0,0,.32)}.hero-title span:last-child{align-self:flex-end}.red{color:var(--red)}p{margin:0;font-weight:400}footer{height:76px;padding:0 clamp(22px,3.6vw,54px);display:flex;align-items:center;justify-content:space-between;background:var(--black);color:#85857e;border-top:1px solid var(--line);font-size:.62rem;letter-spacing:.12em}@media(max-width:720px){.nav{min-height:108px}.brand{font-size:2rem}.nav>span{font-size:.55rem}.hero-title{font-size:clamp(5.2rem,27vw,9rem);line-height:.76}.hero-title span:last-child{align-self:flex-start}footer{height:auto;padding-block:24px;gap:12px;align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.hero-motion i{animation:none}}


/* Byso Tech — 2026-10-29, approved mobile scale and footer revision. */
.hero {
  min-height: clamp(440px, 78svh, 900px);
}
.hero-title {
  font-size: clamp(5rem, 14.5vw, 14rem);
  line-height: .9;
}
.nav > span {
  color: #aaa69e;
}
.site .hwf-root {
  height: clamp(280px, 24vw, 360px);
}
.site .hwf-top {
  font-size: 11px;
}
.site .hwf-top span {
  color: #b8b4ac;
  opacity: 1;
}
.site .hwf-rule {
  top: 80px;
  padding-top: 0;
  font-size: 11px;
}
.site .hwf-rule a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  color: #c8c4ba;
  opacity: 1;
}
footer {
  height: auto;
  min-height: 64px;
  padding-block: 16px;
  gap: 8px 24px;
  color: #b3afa5;
  font-size: .6875rem;
  line-height: 1.6;
}
@media (max-width: 720px) {
  .hero {
    min-height: clamp(360px, 70svh, 600px);
  }
  .hero-title {
    font-size: clamp(3.5rem, 19.5vw, 7rem);
    line-height: .9;
    margin-bottom: 28px;
  }
  .site .hwf-root {
    height: clamp(240px, 64vw, 310px);
  }
  .site .hwf-top {
    gap: 0;
    line-height: 1.7;
  }
  .site .hwf-rule {
    top: 84px;
  }
  footer {
    padding-block: 16px;
    gap: 6px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}