:root{--ink:#0a1940;--blue:#1258c8;--muted:#53637a;--line:#d8e2f1;--paper:#fcfdff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.95 "Noto Sans JP","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:3px solid #1478c9;outline-offset:5px}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:0}header{max-width:1360px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 6%;border-bottom:1px solid var(--line)}.brand{display:block}.logo{display:block;position:relative;width:158px;aspect-ratio:980/580;overflow:hidden;background:white}.logo img{position:absolute;width:127.959%;height:auto;max-width:none;left:-14.286%;top:-51.724%}nav{display:flex;gap:30px;font-size:12px}nav a{text-decoration:none}nav a:last-child{border-bottom:1px solid var(--ink)}.hero{max-width:1360px;margin:auto;padding:100px 6% 25px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:600;margin:0 0 28px}.hero h1{font-size:clamp(34px,4.5vw,62px);font-weight:500;line-height:1.6;letter-spacing:.015em;margin:0 0 28px}.hero h1 span{color:var(--blue)}.lead{font-size:17px;color:var(--muted);margin-bottom:32px}.button{display:inline-flex;justify-content:space-between;gap:45px;align-items:center;min-height:52px;padding:13px 22px;border:1px solid var(--ink);text-decoration:none;font-size:13px;transition:background .2s}.button:hover{background:#e6efff}.dark{background:var(--ink);color:white}.dark:hover{background:#164ba2}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;margin-top:70px;font-size:9px;letter-spacing:.12em;color:var(--muted)}.hero-bottom a{text-decoration:none}.section{max-width:1200px;margin:auto;padding:90px 40px;border-bottom:1px solid var(--line)}h2{font-size:clamp(27px,2.8vw,37px);font-weight:500;line-height:1.65;margin:0}.philosophy,.information,.naming{display:grid;grid-template-columns:1fr 1fr;gap:65px}.body-copy p{margin:0 0 22px}.note{font-size:12px!important;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.section-top>p{font-size:12px;color:var(--muted)}.approach{background:#f0f5fc}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.process article{border-top:1px solid #a5bbd8;padding-top:20px}.process span{font-size:11px;letter-spacing:.15em;color:#305d9c}.process h3{font-size:23px;font-weight:500;margin:15px 0}.process p{font-size:14px;color:var(--muted)}.loop{margin:25px 0 0;text-align:right;font-size:12px;color:var(--muted)}.name-formula{margin-top:32px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;letter-spacing:.08em}.name-formula>span:nth-child(2){transform:rotate(-90deg)}.name-formula strong{font-size:18px;letter-spacing:.14em;font-weight:500}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:18px 0;font-size:13px}details p{font-size:13px;color:var(--muted)}.service-card{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid var(--line);background:white}.service-art{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f1f5fb;padding:40px;min-height:400px}.service-logo{display:block;position:relative;overflow:hidden;width:100%;max-width:330px;aspect-ratio:900/415;background:white}.service-logo img{position:absolute;width:139.333%;height:auto;max-width:none;left:-20%;top:-57.831%}.service-tag{font-size:9px;letter-spacing:.17em;margin-top:25px;color:var(--muted)}.service-copy{padding:40px}.service-copy .eyebrow{margin-bottom:15px}.service-copy h3{font-size:28px;font-weight:500;line-height:1.65;margin:0 0 22px}.service-copy>p{font-size:14px}.service-copy .note{margin:20px 0}dl{margin:0}dl>div{display:grid;grid-template-columns:115px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.contact{max-width:1200px;margin:45px auto;background:var(--ink);color:#f1f5fc;padding:65px 40px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact .eyebrow{color:#92b6ea}.contact h2{margin-bottom:20px}.contact p{font-size:12px;color:#c6d4eb}.contact-links{align-self:center}.mail{display:block;font-size:clamp(15px,2vw,23px);text-decoration:none;border-bottom:1px solid #7387aa;padding-bottom:15px;overflow-wrap:anywhere}.mail span{float:right}footer{max-width:1200px;margin:auto;padding:20px 40px 45px;display:flex;justify-content:space-between;gap:20px;font-size:11px}footer a{text-decoration:none}footer>a:first-child{font-size:16px;letter-spacing:.15em}@media(max-width:950px){.hero{padding-top:65px}.convergence{transform:scale(.8);margin:-30px}.philosophy,.information,.naming{gap:30px}.service-copy{padding:28px}.service-art{padding:25px}.service-copy h3{font-size:23px}.contact{margin:30px 20px;gap:30px}nav{gap:18px}.process{gap:20px}}@media(max-width:650px){header{padding:15px 22px;gap:15px}.logo{width:105px}nav{gap:12px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;max-width:210px}.hero{grid-template-columns:1fr;padding:55px 22px 20px}.hero h1{font-size:36px}.lead{font-size:15px}.visual{min-height:280px}.hero-bottom{margin-top:20px;font-size:8px}.hero-bottom span{max-width:150px}.section{padding:60px 22px}.philosophy,.information,.naming{grid-template-columns:1fr;gap:30px}.section-top{display:block}.section-top>p{margin-top:20px}.process{grid-template-columns:1fr;gap:20px}.process h3{font-size:22px;margin:10px 0}.loop{text-align:left}.service-card{grid-template-columns:1fr}.service-art{min-height:240px;padding:35px}.service-logo{max-width:260px}.service-copy{padding:25px}.service-copy h3{font-size:25px}.service-tag{font-size:8px}.button{gap:20px;font-size:12px}.contact{grid-template-columns:1fr;padding:40px 25px;margin:25px 15px;gap:15px}.mail{font-size:18px}footer{padding:25px 22px;flex-wrap:wrap}footer>a:first-child{width:100%}.eyebrow{margin-bottom:18px}dl>div{grid-template-columns:90px 1fr;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{grid-template-columns:1.05fr 1fr;align-items:center}.hero-brand{display:flex;align-items:center;justify-content:center;min-width:0}.hero-logo{display:block;position:relative;width:100%;max-width:530px;aspect-ratio:980/580;overflow:hidden;background:white}.hero-logo img{position:absolute;width:127.959%;height:auto;max-width:none;left:-14.286%;top:-51.724%}@media(max-width:650px){.hero{grid-template-columns:1fr}.hero-brand{grid-row:1;margin:0 0 24px}.hero-logo{max-width:330px}.hero h1{font-size:34px}.hero-bottom{grid-row:auto}}
