@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://assets.soracom.io/fonts/aeonik/Aeonik.css");@import url("https://assets.soracom.io/fonts/source-han-sans/SourceHanSansJP-VF.css");@import url("https://unpkg.com/@tabler/icons-webfont@latest/dist/tabler-icons.min.css");*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-feature-settings:"ss02","ss08";font-family:Aeonik,Source Han Sans JP,Arial,Helvetica,sans-serif;color:#1f2430;background-color:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.navbar{justify-content:space-between;padding:28px 64px;flex-wrap:wrap;gap:16px}.navbar,.navbar__logo{display:flex;align-items:center}.navbar__logo{gap:10px}.logo-dot{width:14px;height:14px;border-radius:50%;background-color:#f5a623;display:inline-block}.logo-text{font-weight:700;font-size:1.05rem;color:#2b2f38}.navbar__links{display:flex;align-items:center;gap:14px;font-weight:600;font-size:1rem;color:#2b2f38}.navbar__links a{transition:color .15s ease}.navbar__links a:hover{color:#f5a623}.navbar__links .divider{color:#c7cad1;font-weight:400}.navbar__toggle{display:none;position:relative;z-index:110;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}.navbar__toggle-bar{display:block;width:22px;height:2px;background-color:#14161c;border-radius:2px;transition:transform .2s ease,opacity .2s ease}.navbar__toggle--open .navbar__toggle-bar:first-child{transform:translateY(7px) rotate(45deg)}.navbar__toggle--open .navbar__toggle-bar:nth-child(2){opacity:0}.navbar__toggle--open .navbar__toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.navbar__overlay{position:fixed;inset:0;z-index:100;justify-content:center;gap:32px;background-color:#fff}.navbar__overlay,.navbar__overlay-links{display:flex;flex-direction:column;align-items:center}.navbar__overlay-links{gap:28px}.navbar__overlay-links a{font-family:"Instrument Serif",serif;font-size:2rem;font-weight:700;color:#14161c;transition:color .15s ease}.navbar__overlay-links a:hover{color:#f5a623}.hero{display:flex;align-items:center;justify-content:center;gap:80px;padding:40px 100px 100px;max-width:1300px;margin:0 auto;flex-wrap:wrap}.hero__image-wrap{flex:0 0 auto}.hero__image-circle{width:420px;height:420px;border-radius:50%;overflow:hidden;background-color:#e9e9ea;display:flex;align-items:center;justify-content:center}.hero__image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.hero__content{flex:1 1 420px;max-width:560px}.hero__greeting{color:#9a9da5;font-size:1rem;margin-bottom:14px}.hero__title{font-size:2rem;line-height:1.1;font-family:"Instrument Serif",serif;font-weight:800;color:#14161c;margin-bottom:22px}.hero__title em{font-style:italic;font-weight:700}.hero__subtitle{font-size:1.15rem;color:#2b2f38;margin-bottom:36px}.hero__buttons{gap:24px}.hero__buttons,.pill{display:flex;align-items:center}.pill{width:118px;height:118px;border-radius:50%;justify-content:center;font-weight:700;font-size:1.05rem;color:#14161c;border:1px solid rgba(0,0,0,.1);transition:transform .15s ease,box-shadow .15s ease}.pill:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.pill--orange{background-color:#f5a623}.pill--red{background-color:#f24b3f}.pill--cyan{background-color:#7fe0e6}.projects-section.projects-showcase{width:100%;max-width:1240px;margin:0 auto;padding:80px 100px 120px}.showcase-intro{text-align:center;max-width:560px;margin:0 auto 48px;padding:0 16px}.showcase-title{font-family:"Instrument Serif",serif;font-weight:800;font-size:2rem;margin:0 0 16px;line-height:1.15;color:#14161c}.showcase-subtitle{font-size:15px;line-height:1.6;color:#9a9da5;margin:0;padding:0}@media (max-width:900px){.navbar{padding:24px 32px}.hero{padding:20px 32px 80px;text-align:center;justify-content:center}.hero__content{max-width:100%}.hero__buttons{justify-content:center}.hero__title{font-size:2.4rem}.projects-section.projects-showcase{padding:80px 32px 120px}}@media (max-width:500px){.navbar__links{display:none}.navbar__toggle{display:flex}.hero__image-circle{width:220px;height:220px}.hero__title{font-size:2rem}.hero__subtitle{font-size:1.2rem}.hero__buttons{gap:10px}.pill{width:76px;height:76px;font-size:.75rem;flex-shrink:0}.showcase-title{font-size:2rem}}