@font-face{font-family:Geist;src:url('../fonts/geist.woff2') format('woff2');font-display:swap}
@font-face{font-family:GeistMono;src:url('../fonts/geist-mono.woff2') format('woff2');font-display:swap}
:root{--ink:#061421;--ink-2:#0a1c2b;--paper:#f4f1e9;--muted:#8898a8;--cyan:#33d7f4;--line:#183040;--wrap:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Geist,"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 48px),var(--wrap));margin-inline:auto}
.hero{min-height:100vh;background-color:var(--ink);background-image:linear-gradient(rgba(51,215,244,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(51,215,244,.035) 1px,transparent 1px);background-size:64px 64px;overflow:hidden}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:800}.brand-mark{width:34px;height:34px;background:var(--cyan);display:block;transform:skew(-13deg);box-shadow:13px -12px 0 -6px var(--cyan)}.nav-links{display:flex;gap:34px;font-family:GeistMono,monospace;font-size:12px;font-weight:700;letter-spacing:.18em}.nav-links a:hover,.text-link:hover,.footer>a:hover{color:var(--cyan)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:68px;align-items:center;min-height:calc(100vh - 108px);padding-block:70px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 25px;color:var(--cyan);font-family:GeistMono,monospace;font-size:13px;font-weight:700;letter-spacing:.3em}.hero h1,.section h2{margin:0;line-height:1.18;letter-spacing:-.045em}.hero h1{font-size:clamp(54px,6.7vw,96px)}.lead{max-width:620px;margin:36px 0 42px;color:var(--muted);font-size:18px;font-weight:600}.outline-button{width:min(100%,330px);padding:20px 26px;display:flex;justify-content:space-between;border:2px solid var(--cyan);color:var(--cyan);font-weight:800}.outline-button:hover{background:var(--cyan);color:var(--ink)}.hero-image{margin:0;position:relative}.hero-image img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:saturate(.8) contrast(1.08)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 35%),linear-gradient(0deg,var(--ink),transparent 30%);pointer-events:none}.hero-image figcaption{position:absolute;right:18px;bottom:18px;z-index:2;padding:5px 12px;background:var(--cyan);color:var(--ink);font-family:GeistMono,monospace;font-size:11px;font-weight:800}
.section{padding-block:140px}.section-intro{max-width:720px}.section h2{font-size:clamp(42px,5vw,70px)}.section-intro>p:last-child{margin:28px 0 0;color:var(--muted);font-size:17px}.cards{margin-top:80px;border-top:1px solid var(--line)}.card{display:grid;grid-template-columns:190px 1fr 1fr;gap:34px;padding:60px 0;border-bottom:1px solid var(--line)}.card-no{margin:0;color:var(--cyan);font:700 11px/1.5 GeistMono,monospace;letter-spacing:.15em}.card h3{margin:0;font-size:34px;line-height:1.35}.card>p:not(.card-no){margin:0;color:var(--muted)}.tags{grid-column:2/4;display:flex;gap:8px;flex-wrap:wrap}.tags span{border:1px solid var(--line);padding:5px 10px;color:var(--muted);font:700 10px GeistMono,monospace;letter-spacing:.12em}.text-link{grid-column:2/4;color:var(--cyan);font-weight:800}
.bench{padding-block:140px;background:var(--paper);color:var(--ink)}.bench .eyebrow{color:#087d91}.bench-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.testing{margin-top:50px;padding-top:22px;border-top:1px solid #c8c6bf;display:flex;justify-content:space-between;font:700 12px GeistMono,monospace;letter-spacing:.12em}.projects{border-top:2px solid var(--ink)}.projects article{display:grid;grid-template-columns:44px 1fr auto;gap:22px;padding:34px 0;border-bottom:1px solid #c8c6bf}.projects article>span{color:#71808c;font-family:GeistMono,monospace}.projects h3{margin:0;font-size:25px;letter-spacing:.02em}.projects p{margin:8px 0 0;color:#58646d}.projects b{align-self:start;background:var(--ink);color:var(--cyan);padding:5px 9px;font:700 9px GeistMono,monospace;letter-spacing:.14em}
.footer{min-height:220px;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center}.footer p{color:var(--muted);font:700 11px GeistMono,monospace;letter-spacing:.18em}.footer>a:last-child{justify-self:end;font:700 11px GeistMono,monospace;letter-spacing:.12em}
@media(max-width:800px){.wrap{width:min(calc(100% - 32px),var(--wrap))}.nav{height:82px}.brand{font-size:15px}.brand-mark{width:27px;height:27px}.nav-links{gap:14px;font-size:9px}.hero-grid{grid-template-columns:1fr;padding-block:64px}.hero-image{margin-top:-10px}.hero-image img{aspect-ratio:16/10}.hero h1{font-size:clamp(48px,15vw,74px)}.lead{font-size:16px}.section,.bench{padding-block:90px}.cards{margin-top:55px}.card{grid-template-columns:1fr;padding:44px 0}.card h3,.card>p:not(.card-no),.tags,.text-link{grid-column:1}.bench-grid{grid-template-columns:1fr;gap:60px}.footer{grid-template-columns:1fr;padding-block:55px}.footer>a:last-child{justify-self:start}.footer p{margin:0}}