*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070a;color:#f6f7f2;font-family:Inter,"Noto Sans JP","Noto Sans SC",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{position:fixed;inset:0 0 auto;z-index:99;height:76px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid #ffffff1a;background:#05070a80;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand span{width:32px;height:32px;border:1px solid #ffffff66;display:grid;place-items:center}.brand b{letter-spacing:.14em}.topbar nav{margin:auto;display:flex;gap:30px}.topbar nav a,.actions button,.actions>a{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.actions{display:flex;gap:12px;align-items:center}.actions button{border:0;background:none;color:#ffffff66;cursor:pointer}.actions button.active{color:#fff}.actions>a{border:1px solid #ffffff44;border-radius:99px;padding:9px 14px}.hero{height:100svh;min-height:760px;position:relative;overflow:hidden}.hero-bg,.lab-bg{position:absolute;inset:0;background:url("assets/tmib-hero-light.png") 62% center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#03060af5 0%,#03060ac7 35%,#03060a4d 68%,transparent),linear-gradient(0deg,#03060ae0 0%,transparent 52%)}#particles{position:absolute;inset:0;width:100%;height:100%}.hero-copy{position:relative;z-index:3;height:100%;padding:145px 7vw 85px;display:flex;flex-direction:column;justify-content:center}.kicker,.label{font-size:.65rem;letter-spacing:.23em;color:#8ef0ce}.hero h1{font-size:clamp(4rem,8.2vw,9rem);line-height:.84;letter-spacing:-.07em;margin:28px 0 30px;max-width:1200px}.tag{font-size:clamp(1.1rem,1.8vw,1.5rem);letter-spacing:.08em;margin:0 0 13px}.desc{max-width:650px;color:#ffffffb0;line-height:1.8}.buttons{display:flex;gap:12px;margin-top:22px}.buttons a,.contact>a{border:1px solid #ffffff55;border-radius:99px;padding:14px 20px;font-size:.7rem;letter-spacing:.08em}.buttons a:first-child,.contact>a{background:#fff;color:#05070a}.manifesto{min-height:110vh;padding:150px 7vw;display:flex;flex-direction:column;justify-content:center}.manifesto-lines{margin-top:60px}.manifesto-lines p{font-size:clamp(2.1rem,5.3vw,6.6rem);line-height:1.12;letter-spacing:-.055em;margin:.08em 0;color:#ffffff18;transition:.8s}.manifesto-lines p.visible{color:#fff}.trinity{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff22}.trinity article{min-height:420px;padding:45px;border-right:1px solid #ffffff22;display:flex;flex-direction:column}.trinity article:last-child{border:0}.trinity h2{font-size:clamp(2.5rem,4vw,5rem);letter-spacing:-.055em;margin:auto 0 20px}.trinity p,.dark p{color:#98a0ab;line-height:1.8}.dark,.light{padding:140px 7vw}.dark{background:#0b0e13}.light{background:#ebece7;color:#05070a}.head{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:end;max-width:1440px;margin:auto auto 75px}.head h2{font-size:clamp(3rem,6vw,7.5rem);line-height:.92;letter-spacing:-.065em;margin:18px 0 0}.head>p{color:#747b84;line-height:1.8}.darklabel{color:#65737b}.field-list{max-width:1440px;margin:auto;border-top:1px solid #ffffff22}.field-list article{display:grid;grid-template-columns:60px 1fr 1fr;gap:35px;align-items:center;min-height:132px;border-bottom:1px solid #ffffff22}.field-list h3{font-size:clamp(1.35rem,2.4vw,2.8rem);letter-spacing:-.04em;margin:0}.field-list p{margin:0}.projects{max-width:1440px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.projects article{background:#dfe1dd;padding:28px;min-height:630px;display:flex;flex-direction:column}.projects h3{font-size:clamp(2rem,3.4vw,4rem);letter-spacing:-.05em;margin:22px 0 10px}.projects p{color:#687079;line-height:1.75}.visual{height:370px;background:#0b0e13;position:relative;overflow:hidden}.orb:after,.sphere:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff,#8ef0ce 22%,#0c5f55 60%,#06100f);box-shadow:0 0 80px #8ef0ce66}.grid{background-color:#07141b;background-image:linear-gradient(#ffffff12 1px,transparent 1px),linear-gradient(90deg,#ffffff12 1px,transparent 1px);background-size:36px 36px}.sphere:after{background:radial-gradient(circle at 35% 30%,#d6f0ff,#387ba2 24%,#07101b 66%);box-shadow:0 0 80px #5daeea66}.drone{background:#f2f3ef}.drone:after{content:"✦";position:absolute;color:#10151b;font-size:9rem;left:50%;top:50%;transform:translate(-50%,-50%)}.lab{min-height:100svh;position:relative;display:flex;align-items:center}.lab-shade{position:absolute;inset:0;background:linear-gradient(90deg,#04070bf2,#04070bc0 42%,transparent 78%)}.lab-copy{position:relative;z-index:2;padding:140px 7vw;max-width:900px}.lab h2{font-size:clamp(4rem,8vw,9rem);line-height:.88;letter-spacing:-.07em;margin:25px 0 32px}.lab p{max-width:650px;color:#ffffffb0;line-height:1.85}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.tags span{border:1px solid #ffffff55;border-radius:99px;padding:8px 12px;font-size:.58rem;letter-spacing:.13em}.founder{display:grid;grid-template-columns:1fr 1fr;gap:90px}.founder h2{font-size:clamp(5rem,12vw,13rem);line-height:.75;letter-spacing:-.08em;margin:45px 0}.role{color:#8ef0ce!important}.founder blockquote{font-size:clamp(2rem,4vw,5rem);line-height:1.14;letter-spacing:-.05em;margin:0}.founder blockquote small{display:block;font-size:.95rem;color:#98a0ab;line-height:1.7;margin-top:40px}.light dl{max-width:1440px;margin:auto;border-top:1px solid #05070a22}.light dl div{display:grid;grid-template-columns:250px 1fr;gap:35px;padding:25px 0;border-bottom:1px solid #05070a22}.light dt{font-size:.68rem;color:#747b84;letter-spacing:.12em}.light dd{margin:0}.contact{min-height:90svh;padding:120px 7vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 45%,#54c9b52e,transparent 30%),#030405}.contact h2{font-size:clamp(3.8rem,8vw,9rem);line-height:.9;letter-spacing:-.07em;margin:25px 0}.contact p{max-width:620px;color:#98a0ab;line-height:1.8;margin-bottom:32px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;padding:32px;border-top:1px solid #ffffff22;font-size:.64rem;color:#98a0ab}footer span:nth-child(2){text-align:center}footer span:last-child{text-align:right}@media(max-width:900px){.topbar nav{display:none}.trinity{grid-template-columns:1fr}.trinity article{border-right:0;border-bottom:1px solid #ffffff22}.head,.founder{grid-template-columns:1fr}.field-list article{grid-template-columns:50px 1fr}.field-list p{grid-column:2}.projects{grid-template-columns:1fr}}@media(max-width:640px){.topbar{height:66px;padding:0 15px}.brand b{display:none}.actions>a{display:none}.hero-copy{padding:120px 20px 80px}.hero h1{font-size:clamp(3.5rem,17vw,6rem)}.hero-bg,.lab-bg{background-position:70% center}.manifesto,.dark,.light{padding:100px 20px}.projects article{min-height:570px}.visual{height:310px}.lab-copy{padding:110px 20px}.light dl div{grid-template-columns:1fr;gap:8px}footer{grid-template-columns:1fr;gap:14px}footer span:nth-child(2),footer span:last-child{text-align:left}}
html[lang="zh-CN"] body{font-family:Inter,"Noto Sans SC","Noto Sans JP",sans-serif}
html[lang="zh-CN"] .topbar nav a{letter-spacing:.05em}


/* Ver.3.2 — T / M / I / B initial-letter identity */
.tmib-hero-title{
  display:flex;
  flex-direction:column;
  gap:.015em;
  width:min(100%, 1280px);
}

.tmib-hero-title .title-line{
  display:flex;
  align-items:baseline;
  flex-wrap:nowrap;
  white-space:nowrap;
}

.tmib-hero-title .line-one{gap:.115em}
.tmib-hero-title .line-two{padding-left:8vw}
.tmib-hero-title .line-three{padding-left:16vw;gap:.08em}

.tmib-hero-title .hero-word{
  display:inline-flex;
  align-items:baseline;
  position:relative;
  line-height:.84;
}

.tmib-hero-title .word-initial{
  display:inline-block;
  color:#fff;
  -webkit-text-fill-color:#fff;
  font-weight:700;
  opacity:1;
  position:relative;
  z-index:2;
  text-shadow:
    0 0 1px rgba(255,255,255,.9),
    0 0 26px rgba(142,240,206,.13);
}

.tmib-hero-title .word-initial::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-.07em;
  width:.32em;
  height:2px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,#8ef0ce,transparent);
  opacity:.68;
}

.tmib-hero-title .word-tail{
  display:inline-block;
  color:transparent;
  -webkit-text-fill-color:transparent;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,.96) 0%,
      rgba(255,255,255,.84) 24%,
      rgba(255,255,255,.60) 55%,
      rgba(255,255,255,.30) 78%,
      rgba(255,255,255,.10) 100%
    );
  -webkit-background-clip:text;
  background-clip:text;
}

.tmib-hero-title .word-punctuation{
  display:inline-block;
  color:rgba(255,255,255,.12);
  -webkit-text-fill-color:rgba(255,255,255,.12);
}

.tmib-hero-title .hero-ampersand{
  display:inline-block;
  color:rgba(255,255,255,.74);
  -webkit-text-fill-color:rgba(255,255,255,.74);
  font-weight:500;
}

.tmib-hero-title .word-meaning .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(255,255,255,.94) 0%,
    rgba(255,255,255,.80) 28%,
    rgba(255,255,255,.48) 65%,
    rgba(255,255,255,.10) 100%
  );
}

.tmib-hero-title .word-imagination .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(255,255,255,.82) 0%,
    rgba(220,235,239,.56) 34%,
    rgba(186,215,222,.28) 70%,
    rgba(166,211,202,.07) 100%
  );
}

.tmib-hero-title .word-beyond .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(255,255,255,.94) 0%,
    rgba(255,255,255,.73) 34%,
    rgba(244,225,190,.34) 72%,
    rgba(244,225,190,.08) 100%
  );
}

@media(max-width:900px){
  .tmib-hero-title .line-one{gap:.07em}
  .tmib-hero-title .line-two,
  .tmib-hero-title .line-three{padding-left:0}
}

@media(max-width:640px){
  .tmib-hero-title{
    gap:.045em;
  }
  .tmib-hero-title .title-line{
    flex-wrap:wrap;
  }
  .tmib-hero-title .line-one{
    display:block;
    white-space:normal;
  }
  .tmib-hero-title .word-toward,
  .tmib-hero-title .word-meaning{
    display:inline-flex;
  }
  .tmib-hero-title .word-tail{
    background-image:linear-gradient(
      90deg,
      rgba(255,255,255,.96),
      rgba(255,255,255,.46) 72%,
      rgba(255,255,255,.15)
    );
  }
}


/* Ver.3.3 — typography correction */
.tmib-hero-title{
  overflow:visible;
  padding-bottom:.18em;
}

.tmib-hero-title .title-line{
  overflow:visible;
  padding-bottom:.14em;
}

.tmib-hero-title .hero-word,
.tmib-hero-title .word-initial,
.tmib-hero-title .word-tail,
.tmib-hero-title .word-punctuation,
.tmib-hero-title .hero-ampersand{
  overflow:visible;
}

.tmib-hero-title .hero-word{
  line-height:1.02;
  padding-bottom:.08em;
}

.tmib-hero-title .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(255,255,255,.66) 0%,
    rgba(255,255,255,.58) 18%,
    rgba(255,255,255,.50) 42%,
    rgba(255,255,255,.40) 68%,
    rgba(255,255,255,.30) 86%,
    rgba(255,255,255,.24) 100%
  );
}

.tmib-hero-title .word-meaning .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(255,255,255,.64) 0%,
    rgba(255,255,255,.56) 20%,
    rgba(255,255,255,.48) 48%,
    rgba(255,255,255,.36) 74%,
    rgba(255,255,255,.25) 100%
  );
}

.tmib-hero-title .word-imagination .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(225,235,238,.62) 0%,
    rgba(210,225,230,.54) 22%,
    rgba(190,215,220,.45) 50%,
    rgba(176,207,202,.34) 76%,
    rgba(166,201,194,.24) 100%
  );
}

.tmib-hero-title .word-beyond .word-tail{
  background-image:linear-gradient(
    90deg,
    rgba(255,255,255,.66) 0%,
    rgba(255,255,255,.57) 20%,
    rgba(250,241,224,.48) 48%,
    rgba(246,228,195,.36) 76%,
    rgba(242,218,178,.25) 100%
  );
}

.tmib-hero-title .word-punctuation{
  color:rgba(255,255,255,.28);
  -webkit-text-fill-color:rgba(255,255,255,.28);
}

.tmib-hero-title .word-initial{
  font-weight:750;
  transform:translateY(-.01em);
}

.tmib-hero-title .word-initial::after{
  bottom:-.02em;
}

@media(max-width:640px){
  .tmib-hero-title{
    padding-bottom:.24em;
  }
  .tmib-hero-title .title-line{
    padding-bottom:.18em;
  }
  .tmib-hero-title .hero-word{
    line-height:1.06;
    padding-bottom:.12em;
  }
  .tmib-hero-title .word-tail{
    background-image:linear-gradient(
      90deg,
      rgba(255,255,255,.66) 0%,
      rgba(255,255,255,.50) 52%,
      rgba(255,255,255,.28) 100%
    );
  }
}