*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;color:#23333a;background:#f7faf8;line-height:1.8}
a{color:inherit;text-decoration:none}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;height:92px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(247,250,248,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(35,51,58,.07)}
.logo{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:700;letter-spacing:.04em}
.logo-image{width:66px;height:66px;object-fit:contain}
.logo-text{font-size:20px;color:#163653}
.hero{min-height:100vh;padding:150px 8vw 90px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;overflow:hidden;background:linear-gradient(135deg,#f7faf8 0%,#edf6f2 100%)}
.hero-copy{position:relative;z-index:2;max-width:760px}
.eyebrow{font-size:11px;letter-spacing:.22em;color:#709189;font-weight:700}
.hero h1{font-size:clamp(42px,5.4vw,78px);line-height:1.3;letter-spacing:-.04em;font-weight:500;margin:22px 0}
.hero h1 em{font-style:normal;color:#518778}
.coming-label{margin:0 0 28px;font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.32em;color:#173a59}
.hero-text{font-size:16px;color:#5c6d70;line-height:2}
.sub-text{margin-top:24px;font-size:13px;color:#83908d;line-height:2}
.hero-art{height:560px;position:relative}
.orb{position:absolute;border-radius:50%;filter:blur(1px)}
.orb-one{width:390px;height:390px;background:#d6ebe4;right:4%;top:14%}
.orb-two{width:180px;height:180px;background:#f0ddd0;right:45%;bottom:8%}
.logo-stage{position:absolute;right:14%;top:16%;width:min(360px,70%);aspect-ratio:1/1;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.66);box-shadow:0 25px 80px rgba(35,51,58,.08);animation:float 5s ease-in-out infinite}
.hero-logo{width:88%;height:88%;object-fit:contain}
.circle-text{position:absolute;right:7%;bottom:10%;font-size:10px;letter-spacing:.18em;color:#78918b;transform:rotate(-20deg)}
@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}
footer{padding:28px 8vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#233f3a;color:#d7e4e1;font-size:11px}
.footer-logo{font-weight:700;font-size:16px}
@media(max-width:800px){
  .site-header{height:78px;padding:0 5vw}
  .logo-image{width:54px;height:54px}
  .logo-text{font-size:17px}
  .hero{grid-template-columns:1fr;padding:115px 7vw 65px;min-height:auto}
  .hero h1{font-size:clamp(38px,11vw,58px)}
  .hero-art{height:340px;margin-top:18px}
  .orb-one{width:250px;height:250px;right:7%}
  .orb-two{width:110px;height:110px;right:58%;bottom:3%}
  .logo-stage{width:240px;right:10%;top:13%}
  .circle-text{right:3%;bottom:5%}
  .hero-text br,.sub-text br{display:none}
  footer{padding:24px 7vw}
}